ProCodeCG Kids Coding Camp – Online – Mid 2020 – Machine Learning – Day #4

Standard

Day #4

Athir has finished the virtual pet project

Screen Shot 2020-07-09 at 09.04.22

and now moving on to the next 😉

Screen Shot 2020-07-09 at 09.05.03

the next project is Phishing Project 😉

Screen Shot 2020-07-09 at 09.13.40 Screen Shot 2020-07-09 at 09.14.24

Screen Shot 2020-07-09 at 09.19.29 Screen Shot 2020-07-09 at 09.30.47

Screen Shot 2020-07-09 at 09.34.13

we have to install Python first

Screen Shot 2020-07-09 at 09.34.46

Screen Shot 2020-07-09 at 09.47.35 Screen Shot 2020-07-09 at 09.54.06

Screen Shot 2020-07-09 at 09.57.16 Screen Shot 2020-07-09 at 09.57.09

Screen Shot 2020-07-09 at 09.57.55 Screen Shot 2020-07-09 at 10.06.16

Screen Shot 2020-07-09 at 10.07.55

The program that can predict if a URL is legitimate by teaching a computer to recognize phishing web links

Screen Shot 2020-07-09 at 10.08.17

Screen Shot 2020-07-09 at 10.08.25 Screen Shot 2020-07-09 at 10.08.49

and the next project is TicTacToe

Screen Shot 2020-07-09 at 10.22.43 Screen Shot 2020-07-09 at 10.36.42

Screen Shot 2020-07-09 at 10.40.11 Screen Shot 2020-07-09 at 10.40.39

Screen Shot 2020-07-09 at 10.43.40 Screen Shot 2020-07-09 at 10.44.23

Screen Shot 2020-07-09 at 10.57.55

Kimi is really busy making the object detection work 😉

Screen Shot 2020-07-09 at 09.08.31

and after dealing with so much errors

Screen Shot 2020-07-09 at 09.32.21 Screen Shot 2020-07-09 at 09.33.30

Screen Shot 2020-07-09 at 09.54.32 Screen Shot 2020-07-09 at 09.57.29

Screen Shot 2020-07-09 at 10.05.57 Screen Shot 2020-07-09 at 10.12.02

Screen Shot 2020-07-09 at 10.16.07

WE FINALLY MAKE IT WORK!!! 😉

Screen Shot 2020-07-09 at 10.17.52

Screen Shot 2020-07-09 at 10.19.26 Screen Shot 2020-07-09 at 10.19.30

Screen Shot 2020-07-09 at 10.19.44 Screen Shot 2020-07-09 at 10.26.09

Screen Shot 2020-07-09 at 10.27.24 Screen Shot 2020-07-09 at 10.32.45

Screen Shot 2020-07-09 at 10.35.24 Screen Shot 2020-07-09 at 10.33.01

Screen Shot 2020-07-09 at 10.36.35 Screen Shot 2020-07-09 at 10.37.00

ProCodeCG Kids Coding Camp – Online – Mid 2020 – Minecraft Modding – Day #3

Standard

Today everyone had created lots and more complex structures. They created their own codes in JavaScript and see how the code build the structures 🙂

Look how each kid build their own city using codes 🙂

Tasaq

Screen Shot 2020-07-01 at 11.55.25//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 11.57.30//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.12.23//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.23.20//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.23.40//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.23.55//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.23.57//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.29.38//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.32.43//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.35.19//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.41.10//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.54.25//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.54.34//embedr.flickr.com/assets/client-code.js

Lio

Screen Shot 2020-07-01 at 11.58.52//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.14.38//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.15.26//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.30.13//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.33.13//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.35.39//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.36.48//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.03.30//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.03.57//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.32.25//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.33.04//embedr.flickr.com/assets/client-code.js

Syafaq

Screen Shot 2020-07-01 at 12.02.10//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.02.53//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.06.03//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.06.27//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.08.45//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.08.54//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.23.26//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.25.08//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.29.14//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.29.21//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.01.11//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.11.13//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.13.56//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.14.08//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.29.16//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.33.26//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.35.06//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.36.44//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.48.57//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.51.18//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 14.02.39//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 14.03.49//embedr.flickr.com/assets/client-code.js

Kelandra

Screen Shot 2020-07-01 at 11.56.11//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.12.22//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.12.40//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.22.03//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.22.15//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.25.52//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.26.12//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.28.17//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.19.30//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.21.07//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.40.04//embedr.flickr.com/assets/client-code.js

Aidia

Screen Shot 2020-07-01 at 12.23.02//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.32.20//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.36.12//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.36.17//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.43.37//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.14.55//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.21.14//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.25.25//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.35.23//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.42.26//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.44.12//embedr.flickr.com/assets/client-code.js

Abie

Screen Shot 2020-07-01 at 12.12.27//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.19.57//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.23.18//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.30.21//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.39.24//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.40.45//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.45.08//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.45.46//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.55.25//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.05.36//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.32.04//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.26.15//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.29.53//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.46.43//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.46.57//embedr.flickr.com/assets/client-code.js

Gabriel

Screen Shot 2020-07-01 at 12.12.33//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.23.12//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 12.32.09//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.05.53//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.11.58//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.18.29//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.18.46//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.44.03//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.44.58//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.45.29//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.45.41//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.45.50//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.46.19//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.51.26//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 13.54.18//embedr.flickr.com/assets/client-code.js

Some of us in one frame today 😉

Screen Shot 2020-07-01 at 11.55.50//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-01 at 11.55.41//embedr.flickr.com/assets/client-code.js

*Screenshots are also available here

ProCodeCG Kids Regular Coding Class – Online – 30 May 2020

Standard

We have survived almost 3 months doing the coding class online and we keep making progress 😉

Screen Shot 2020-05-30 at 08.53.51 Screen Shot 2020-05-30 at 09.08.12

Faiz is creating his first website today with HTML, CSS and JavaScript today

Screen Shot 2020-05-30 at 09.06.23 Screen Shot 2020-05-30 at 10.13.27

Screen Shot 2020-05-30 at 09.22.31 Screen Shot 2020-05-30 at 09.33.17

Screen Shot 2020-05-30 at 09.35.03 Screen Shot 2020-05-30 at 09.39.55

Screen Shot 2020-05-30 at 09.40.00 Screen Shot 2020-05-30 at 09.41.25

Screen Shot 2020-05-30 at 09.52.25

The result 😉

Screen Shot 2020-05-30 at 09.54.39

Screen Shot 2020-05-30 at 10.13.48 Screen Shot 2020-05-30 at 10.13.53

Screen Shot 2020-05-30 at 11.23.49

next is to create game with Python using PyGame

Screen Shot 2020-05-30 at 10.37.01 Screen Shot 2020-05-30 at 10.38.31

ok the first game Faiz created with Python 😉

Screen Shot 2020-05-30 at 10.58.15

Badi

Screen Shot 2020-05-30 at 09.06.29 Screen Shot 2020-05-30 at 10.01.25

is finishing Milagros website today 🙂

Screen Shot 2020-05-30 at 10.03.46 Screen Shot 2020-05-30 at 10.03.49

Screen Shot 2020-05-30 at 10.03.54 Screen Shot 2020-05-30 at 10.03.57

did some filter testing for a break 😉

Screen Shot 2020-05-30 at 10.42.08

Milagros website looks like on mobile device

IMG_1965

IMG_1966 IMG_1967

IMG_1968 IMG_1969

IMG_1970 IMG_1971

Capt. Awa is getting better and better at Blender animation 😉

Screen Shot 2020-05-30 at 09.06.34 Screen Shot 2020-05-30 at 09.22.15

Screen Shot 2020-05-30 at 09.34.58 Screen Shot 2020-05-30 at 10.43.07

Screen Shot 2020-05-30 at 10.54.34 Screen Shot 2020-05-30 at 11.35.07

Baran is working hard on developing his game in JavaScript

Screen Shot 2020-05-30 at 09.30.36 Screen Shot 2020-05-30 at 09.22.11

Screen Shot 2020-05-30 at 09.25.20 Screen Shot 2020-05-30 at 09.33.04

Screen Shot 2020-05-30 at 09.42.23 Screen Shot 2020-05-30 at 09.50.01

The result is awesome 😉

Screen Shot 2020-05-30 at 10.28.28 Screen Shot 2020-05-30 at 10.36.51

Screen Shot 2020-05-30 at 10.37.56 Screen Shot 2020-05-30 at 11.49.21

Screen Shot 2020-05-30 at 11.50.32

Enzo is creating a multiplayer game with GameMaker 😉

Screen Shot 2020-05-30 at 09.22.24

Screen Shot 2020-05-30 at 09.29.58 Screen Shot 2020-05-30 at 09.30.15

Screen Shot 2020-05-30 at 09.55.07 Screen Shot 2020-05-30 at 09.56.12

Screen Shot 2020-05-30 at 10.11.48 Screen Shot 2020-05-30 at 10.29.24

Screen Shot 2020-05-30 at 10.38.17 Screen Shot 2020-05-30 at 10.43.23

Screen Shot 2020-05-30 at 10.46.22 Screen Shot 2020-05-30 at 10.51.51

Screen Shot 2020-05-30 at 10.55.39 Screen Shot 2020-05-30 at 11.21.56

Screen Shot 2020-05-30 at 11.33.07 Screen Shot 2020-05-30 at 12.09.42

Screen Shot 2020-05-30 at 12.09.44

AlFattan is still testing JavaScript commands to build stuff in Minecraft

Screen Shot 2020-05-30 at 09.22.37

Screen Shot 2020-05-30 at 09.35.14 Screen Shot 2020-05-30 at 09.36.45

Screen Shot 2020-05-30 at 09.37.46 Screen Shot 2020-05-30 at 09.42.00

Screen Shot 2020-05-30 at 09.43.10 Screen Shot 2020-05-30 at 09.50.20

Screen Shot 2020-05-30 at 09.59.13

Tsaqif is still learning how to startup the Spigot server and how to access the JavaScript commands to be able to build things in Minecraft

Screen Shot 2020-05-30 at 09.22.54 Screen Shot 2020-05-30 at 09.37.54

Screen Shot 2020-05-30 at 09.44.12 Screen Shot 2020-05-30 at 09.52.50

Screen Shot 2020-05-30 at 09.54.27 Screen Shot 2020-05-30 at 10.30.08

Ukasy is working on the same thing as Tsaqif 🙂

Screen Shot 2020-05-30 at 10.01.36 Screen Shot 2020-05-30 at 09.22.59

Screen Shot 2020-05-30 at 09.38.24 Screen Shot 2020-05-30 at 10.30.13

Techa is back!

Screen Shot 2020-05-30 at 09.30.48

He created a really awesome game but forgot to save it and lost all the data. Took a while to get him on track again 🙂

Screen Shot 2020-05-30 at 10.13.19

Screen Shot 2020-05-30 at 10.20.57 Screen Shot 2020-05-30 at 10.30.04

Screen Shot 2020-05-30 at 10.38.42

Irham is starting to create apps with Thunkable 😉

Screen Shot 2020-05-30 at 09.33.22

Screen Shot 2020-05-30 at 09.35.09 Screen Shot 2020-05-30 at 09.41.37

Screen Shot 2020-05-30 at 09.43.03 Screen Shot 2020-05-30 at 09.50.13

Screen Shot 2020-05-30 at 09.59.01 Screen Shot 2020-05-30 at 10.29.59

Screen Shot 2020-05-30 at 10.38.36 Screen Shot 2020-05-30 at 10.43.36

Screen Shot 2020-05-30 at 10.59.56

Fadhlan has got all the components now and ready to gradually deploy codes to SNAPBOT 3 to test all the functions

Screen Shot 2020-05-30 at 09.45.23

Screen Shot 2020-05-30 at 09.53.52 Screen Shot 2020-05-30 at 10.13.24

Adam is creating a Multiplayer Game in GameMaker

Screen Shot 2020-05-30 at 09.49.56 Screen Shot 2020-05-30 at 10.14.32

Screen Shot 2020-05-30 at 10.58.06 Screen Shot 2020-05-30 at 11.00.02

Screen Shot 2020-05-30 at 11.20.50 Screen Shot 2020-05-30 at 11.28.11

Screen Shot 2020-05-30 at 11.34.54 Screen Shot 2020-05-30 at 11.42.47

Alif has just joined the class, hope you like it here 🙂

Screen Shot 2020-05-30 at 09.56.55 Screen Shot 2020-05-30 at 09.57.40

Boy is developing a new game

Screen Shot 2020-05-30 at 11.07.41

while Ara is learning how to do animation with Blender under the supervision of Capt. Awa

Screen Shot 2020-05-30 at 11.09.20

Screen Shot 2020-05-30 at 11.13.24 Screen Shot 2020-05-30 at 11.14.15

Capt. Faris is working in the background, taking over screens and solves problems the kids are facing 😉

We’re doing really great today, just as usual 🙂

*Photos are also available here

and the video can be accessed here

ProCodeCG Kids Private Coding Class – Creating Apps – Online – 28 March 2020

Standard

Ara’s work today is to create an app that shows location on Google Map 🙂

this is the previous app from previous class 😉

Screen Shot 2020-03-28 at 14.08.07

Screen Shot 2020-03-28 at 14.08.00

now we’re going to jump to create an app with quite high level of difficulties

Screen Shot 2020-03-28 at 14.09.41

we start with the design

Screen Shot 2020-03-28 at 14.11.36 Screen Shot 2020-03-28 at 14.13.08

Screen Shot 2020-03-28 at 14.15.37 Screen Shot 2020-03-28 at 14.20.37

Screen Shot 2020-03-28 at 14.20.54

and then the code

Screen Shot 2020-03-28 at 14.24.13

Screen Shot 2020-03-28 at 14.24.20 Screen Shot 2020-03-28 at 14.29.58

Screen Shot 2020-03-28 at 14.36.14

testing the app

Screen Shot 2020-03-28 at 14.33.33

Screen Shot 2020-03-28 at 14.31.48 Screen Shot 2020-03-28 at 14.44.15

Screen Shot 2020-03-28 at 14.44.44 Screen Shot 2020-03-28 at 14.45.27

adding more features like zooming in and add pin

Screen Shot 2020-03-28 at 14.45.41 Screen Shot 2020-03-28 at 14.49.49

Screen Shot 2020-03-28 at 14.52.40 Screen Shot 2020-03-28 at 14.56.45

Screen Shot 2020-03-28 at 15.01.07

testing the app

Screen Shot 2020-03-28 at 14.57.59

the results

WhatsApp Image 2020-03-28 at 14.40.58

WhatsApp Image 2020-03-28 at 14.46.47

we got the map and the location

WhatsApp Image 2020-03-28 at 14.53.29 WhatsApp Image 2020-03-28 at 15.01.26

next class we will add more location and routes and distance 🙂

*Photos are also available here and video is available here