ProCodeCG Kids Coding Camp – Online – Mid 2020 – Creating Apps – Day #5

Standard

The last day of creating apps, kids now have skills to create their own simple apps. The challenge today is to create an app to convert IDR to USD and vice versa πŸ˜‰

Tasaq

Screen Shot 2020-07-10 at 12.04.32//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.05.23//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.06.55//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.08.11//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.11.48//embedr.flickr.com/assets/client-code.js

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

Screen Shot 2020-07-10 at 13.21.59//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.32.30//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.35.18//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.44.21//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.59.57//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 14.02.51//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 14.03.01//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 14.03.40//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 14.03.48//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 14.04.03//embedr.flickr.com/assets/client-code.js

Aidia

Screen Shot 2020-07-10 at 12.03.26//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.12.42//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.26.28//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.31.38//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.37.39//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.39.44//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.06.45//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.17.09//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.18.09//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.18.51//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.22.04//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.22.07//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.25.59//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.28.22//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.36.28//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.36.58//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.47.46//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.50.48//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.55.57//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.55.59//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 14.00.12//embedr.flickr.com/assets/client-code.js

Daffa

Screen Shot 2020-07-10 at 12.12.25//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.14.24//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.13.52//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.28.18//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.34.20//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.34.09//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.36.18//embedr.flickr.com/assets/client-code.js

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

Screen Shot 2020-07-10 at 12.59.27//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.04.21//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.06.50//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.18.43//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.45.14//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.51.25//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 14.04.33//embedr.flickr.com/assets/client-code.js

Attar

Screen Shot 2020-07-10 at 12.12.34//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.14.36//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.32.38//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.40.08//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.52.13//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.58.40//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.58.47//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.58.58//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.59.16//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.59.22//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.10.22//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.10.39//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.22.11//embedr.flickr.com/assets/client-code.js

Tasaq

Screen Shot 2020-07-10 at 13.27.24//embedr.flickr.com/assets/client-code.js

ProCodeCG Kids Coding Camp – Online – Mid 2020 – Creating Apps – Day #3

Standard

Day #3 of Creating Apps πŸ˜‰ We create lots of apps starting from Xylophone App to Taking Pics App πŸ˜‰

Aidia

Screen Shot 2020-07-08 at 12.00.38//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.01.49//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.06.40//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.09.17//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.11.41//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.18.47//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.20.38//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.23.28//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.30.55//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.32.19//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.56.39//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.56.39//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.16.03//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.55.46//embedr.flickr.com/assets/client-code.js

Attar

Screen Shot 2020-07-08 at 12.02.25//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.05.11//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.11.00//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.15.28//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.25.12//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.47.31//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.48.27//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.08.28//embedr.flickr.com/assets/client-code.js

Daffa

Screen Shot 2020-07-08 at 12.09.28//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.11.11//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.12.53//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.18.33//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.36.05//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.36.40//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.38.48//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.38.58//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.58.14//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.23.36//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.54.58//embedr.flickr.com/assets/client-code.js

Tasaq

Screen Shot 2020-07-08 at 12.11.45//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.04.00//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.05.09//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.30.17//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.35.37//embedr.flickr.com/assets/client-code.js

Syafaq

Screen Shot 2020-07-08 at 12.16.27//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.50.44//embedr.flickr.com/assets/client-code.js

ProCodeCG Kids Regular Coding Class – Online – 4 July 2020

Standard

Our Saturday morning coding session πŸ˜‰

Capt. Bullitt is doing so many things in Blender already πŸ™‚

Screen Shot 2020-07-04 at 09.00.45 Screen Shot 2020-07-04 at 09.01.22

Screen Shot 2020-07-04 at 09.03.02 Screen Shot 2020-07-04 at 11.23.03

Screen Shot 2020-07-04 at 11.51.11

while Kay starts to create her first game in GameMaker πŸ˜‰

Screen Shot 2020-07-04 at 09.03.57

Screen Shot 2020-07-04 at 09.13.49 Screen Shot 2020-07-04 at 09.18.24

Screen Shot 2020-07-04 at 09.21.35 Screen Shot 2020-07-04 at 09.25.53

Screen Shot 2020-07-04 at 09.32.56 Screen Shot 2020-07-04 at 09.37.36

Screen Shot 2020-07-04 at 09.40.11 Screen Shot 2020-07-04 at 09.45.19

Screen Shot 2020-07-04 at 10.25.18 Screen Shot 2020-07-04 at 10.25.37

Bryz is also creating his first game in GameMaker

Screen Shot 2020-07-04 at 09.06.28 Screen Shot 2020-07-04 at 09.10.59

Screen Shot 2020-07-04 at 09.12.38 Screen Shot 2020-07-04 at 09.32.41

Screen Shot 2020-07-04 at 09.36.18 Screen Shot 2020-07-04 at 09.50.27

Screen Shot 2020-07-04 at 09.53.16 Screen Shot 2020-07-04 at 10.02.11

Screen Shot 2020-07-04 at 10.10.06 Screen Shot 2020-07-04 at 10.15.51

Screen Shot 2020-07-04 at 10.22.37 Screen Shot 2020-07-04 at 10.24.11

Screen Shot 2020-07-04 at 10.27.46

Sam has to port his application from Thunkable to Android Studio because the app behaves differently on different devices. Capt. Faris helps Sam getting started with Android Studio

Screen Shot 2020-07-04 at 09.07.33

Screen Shot 2020-07-04 at 09.15.53 Screen Shot 2020-07-04 at 09.33.30

Screen Shot 2020-07-04 at 09.45.54 Screen Shot 2020-07-04 at 10.09.01

Screen Shot 2020-07-04 at 10.16.21 Screen Shot 2020-07-04 at 10.16.26

Screen Shot 2020-07-04 at 10.22.58

Aidia’s Cat Dictionary is 95% completed πŸ˜‰

Screen Shot 2020-07-04 at 10.44.48

Screen Shot 2020-07-04 at 09.13.55 Screen Shot 2020-07-04 at 09.14.51

Screen Shot 2020-07-04 at 09.21.45 Screen Shot 2020-07-04 at 10.08.49

Screen Shot 2020-07-04 at 10.16.06 Screen Shot 2020-07-04 at 10.37.15

Screen Shot 2020-07-04 at 10.37.24

The app

Screen Shot 2020-07-04 at 10.44.04

Screen Shot 2020-07-04 at 10.48.44 Screen Shot 2020-07-04 at 10.48.57

Screen Shot 2020-07-04 at 10.59.00 Screen Shot 2020-07-04 at 11.06.03

It just needs some some finishing touch to make the GUI looks better πŸ˜‰

Screen Shot 2020-07-04 at 11.24.52 Screen Shot 2020-07-04 at 11.53.57

Screen Shot 2020-07-04 at 11.54.59

Enzo creates a Flappy Bird Game today πŸ™‚

Screen Shot 2020-07-04 at 09.24.45

Screen Shot 2020-07-04 at 10.04.17 Screen Shot 2020-07-04 at 10.29.31

Screen Shot 2020-07-04 at 11.09.20 Screen Shot 2020-07-04 at 11.11.39

Screen Shot 2020-07-04 at 11.14.24 Screen Shot 2020-07-04 at 11.16.00

Screen Shot 2020-07-04 at 11.19.04 Screen Shot 2020-07-04 at 11.50.21

Screen Shot 2020-07-04 at 11.51.57 Screen Shot 2020-07-04 at 11.55.45

Rheino starts to learn Web Programming πŸ˜‰

Screen Shot 2020-07-04 at 09.27.38 Screen Shot 2020-07-04 at 09.33.38

Screen Shot 2020-07-04 at 09.45.49 Screen Shot 2020-07-04 at 09.56.32

Screen Shot 2020-07-04 at 09.57.26 Screen Shot 2020-07-04 at 10.08.56

Screen Shot 2020-07-04 at 10.16.11 Screen Shot 2020-07-04 at 10.31.41

Screen Shot 2020-07-04 at 10.49.30 Screen Shot 2020-07-04 at 10.53.04

Screen Shot 2020-07-04 at 10.55.26 Screen Shot 2020-07-04 at 11.23.56

Ara is modelling different object today, under the supervision of Capt. Bullitt Awa πŸ˜‰

Screen Shot 2020-07-04 at 09.37.21 Screen Shot 2020-07-04 at 10.01.45

Screen Shot 2020-07-04 at 10.08.21 Screen Shot 2020-07-04 at 10.15.47

Screen Shot 2020-07-04 at 10.33.23

Screen Shot 2020-07-04 at 10.38.16 Screen Shot 2020-07-04 at 10.49.12

Screen Shot 2020-07-04 at 10.59.06 Screen Shot 2020-07-04 at 11.11.47

AlFattan continues writing codes in JavaScript to build things in Minecraft

Screen Shot 2020-07-04 at 09.45.27 Screen Shot 2020-07-04 at 09.54.36

the codes

Screen Shot 2020-07-04 at 09.54.53 Screen Shot 2020-07-04 at 09.54.55

Screen Shot 2020-07-04 at 09.55.11 Screen Shot 2020-07-04 at 10.08.44

Screen Shot 2020-07-04 at 10.15.57 Screen Shot 2020-07-04 at 10.33.29

Screen Shot 2020-07-04 at 10.38.24 Screen Shot 2020-07-04 at 10.39.09

the results

Screen Shot 2020-07-04 at 11.43.56 Screen Shot 2020-07-04 at 11.53.01

Screen Shot 2020-07-04 at 11.53.42 Screen Shot 2020-07-04 at 11.53.44

Badi is making improvement to the design of https://pavilion19.id

Screen Shot 2020-07-04 at 12.08.34 Screen Shot 2020-07-04 at 09.57.56

Screen Shot 2020-07-04 at 10.40.00 Screen Shot 2020-07-04 at 10.40.21

The new look! πŸ˜‰

Screen Shot 2020-07-04 at 11.16.56 Screen Shot 2020-07-04 at 11.17.26

Screen Shot 2020-07-04 at 11.59.47 Screen Shot 2020-07-04 at 12.05.11

IMG_4301 IMG_4302

IMG_4303 Adam Screen Shot 2020-07-04 at 10.41.25

Screen Shot 2020-07-04 at 10.41.59 Screen Shot 2020-07-04 at 10.45.53

Fadhlan is still testing the microcontroller and components of SNAPBOT 3

Screen Shot 2020-07-04 at 10.42.17

We need to upgrade the software and libraries and then see how it works

Screen Shot 2020-07-04 at 11.01.05

Lots of achievement and productivity today πŸ˜‰

ProCodeCG Kids Coding Class – Private – Creating Apps – 15 June 2020

Standard

Aidia is creating a Cat Dictionary App with Thunkable πŸ™‚

Screen Shot 2020-06-15 at 09.01.26

Aidia is designing the layout πŸ˜‰

Screen Shot 2020-06-15 at 09.03.21

Screen Shot 2020-06-15 at 09.03.40

Now we start to put components on the screen

Screen Shot 2020-06-15 at 09.06.11

Screen Shot 2020-06-15 at 09.08.45

while also collecting data about cats

Screen Shot 2020-06-15 at 09.11.29

Screen Shot 2020-06-15 at 09.16.37

 

Screen Shot 2020-06-15 at 09.34.46

Screen Shot 2020-06-15 at 09.35.03

now laying out the buttons

Screen Shot 2020-06-15 at 09.43.52

and then setting them up. Next time we will add pics of the cat to the buttons and make them work. Each button will bring us to a new screen explaining about associated cat πŸ˜‰

Screen Shot 2020-06-15 at 09.49.09

*Photos are also available here

Video is accessible here

ProCodeCG Kids Regular Coding Class – Online – 6 June 2020

Standard

Today’s work list πŸ™‚

Screen Shot 2020-06-06 at 09.00.09

Alif is reporting his progress for a week

Screen Shot 2020-06-06 at 09.55.04

he’s making a significant progress πŸ˜‰

Screen Shot 2020-06-06 at 09.01.24

we’re working on levels Alif having difficulties to solve

Screen Shot 2020-06-06 at 09.11.23

Screen Shot 2020-06-06 at 09.13.32 Screen Shot 2020-06-06 at 09.22.46

Screen Shot 2020-06-06 at 09.26.15 Screen Shot 2020-06-06 at 09.33.38

and then Alif is ready to move on to learn about procedures

Screen Shot 2020-06-06 at 09.39.51 Screen Shot 2020-06-06 at 09.53.09

Screen Shot 2020-06-06 at 10.05.23

Screen Shot 2020-06-06 at 10.15.50 Screen Shot 2020-06-06 at 10.19.25

Capt. Awa is teaching Ara how to animate objects with Blender

Screen Shot 2020-06-06 at 09.55.02 Screen Shot 2020-06-06 at 09.03.45

and then teach Al and Boy how to create printer with RedStone in Minecraft πŸ™‚

Screen Shot 2020-06-06 at 11.44.37 Screen Shot 2020-06-06 at 11.53.02

Screen Shot 2020-06-06 at 11.53.33 Screen Shot 2020-06-06 at 11.53.44

Fadhlan is still doing component and function testing of SNAPBOT 3

Screen Shot 2020-06-06 at 09.54.50 Screen Shot 2020-06-06 at 09.06.48

Screen Shot 2020-06-06 at 11.03.02

while Badi is finishing the Milagros website by registering and setting up the domain and Β the server

Screen Shot 2020-06-06 at 09.16.42

Screen Shot 2020-06-06 at 09.54.47

Ara is making a huge progress under the tight supervision of Capt. Awa πŸ˜‰

Screen Shot 2020-06-06 at 09.27.26

Screen Shot 2020-06-06 at 09.29.09 Screen Shot 2020-06-06 at 09.31.15

Screen Shot 2020-06-06 at 09.34.11 Screen Shot 2020-06-06 at 09.40.02

Screen Shot 2020-06-06 at 10.15.57 Screen Shot 2020-06-06 at 10.17.33

Screen Shot 2020-06-06 at 10.28.53 Screen Shot 2020-06-06 at 10.29.05

Kinan is still developing a Covid spread game πŸ™‚ There are lots of assets and objects to be created πŸ™‚

WhatsApp Image 2020-06-06 at 10.47.14

Capt. Faris is evaluating our Attendance App while also teaching the class

Screen Shot 2020-06-06 at 09.32.03

Screen Shot 2020-06-06 at 09.40.57

Adam finished his multiplayer game and started to create a BreakOut Game today πŸ™‚

Screen Shot 2020-06-06 at 09.32.52

Screen Shot 2020-06-06 at 09.39.56 Screen Shot 2020-06-06 at 09.43.12

Screen Shot 2020-06-06 at 10.19.30 Screen Shot 2020-06-06 at 10.29.35

Screen Shot 2020-06-06 at 10.56.09 Screen Shot 2020-06-06 at 11.02.37

Screen Shot 2020-06-06 at 11.07.04 Screen Shot 2020-06-06 at 11.13.05

Screen Shot 2020-06-06 at 11.21.23

Aidia is creating an Login App with Thunkable. The app will log the user in to their Hogwarts House πŸ˜‰

Screen Shot 2020-06-06 at 09.40.09

Screen Shot 2020-06-06 at 10.44.39 Screen Shot 2020-06-06 at 10.44.49

Screen Shot 2020-06-06 at 11.05.33 Screen Shot 2020-06-06 at 11.30.23

Screen Shot 2020-06-06 at 11.34.05 Screen Shot 2020-06-06 at 11.47.02

Screen Shot 2020-06-06 at 11.47.27 Screen Shot 2020-06-06 at 11.59.03

Screen Shot 2020-06-06 at 12.02.02

AlFattan is still learning JavaScript codes to create structures in Minecraft

Screen Shot 2020-06-06 at 09.44.12

Screen Shot 2020-06-06 at 10.29.46 Screen Shot 2020-06-06 at 10.37.17

Screen Shot 2020-06-06 at 10.38.17 Screen Shot 2020-06-06 at 10.46.01

Screen Shot 2020-06-06 at 10.53.25 Screen Shot 2020-06-06 at 11.08.38

Screen Shot 2020-06-06 at 11.21.29 Screen Shot 2020-06-06 at 11.22.53

Screen Shot 2020-06-06 at 11.45.54 Screen Shot 2020-06-06 at 11.55.38

Screen Shot 2020-06-06 at 11.56.22

Enzo started and finished creating BreakOut Game today

Screen Shot 2020-06-06 at 09.56.17

Screen Shot 2020-06-06 at 10.19.36 Screen Shot 2020-06-06 at 10.46.42

Screen Shot 2020-06-06 at 11.12.26 Screen Shot 2020-06-06 at 11.12.40

Boy is creating some structures and how to create printer with RedStone πŸ™‚

Screen Shot 2020-06-06 at 11.37.33 Screen Shot 2020-06-06 at 12.01.02

Screen Shot 2020-06-06 at 12.01.29 Screen Shot 2020-06-06 at 12.02.12

Screen Shot 2020-06-06 at 12.02.35

The joy we shared today πŸ˜‰

Screen Shot 2020-06-06 at 12.05.26

*Photos are available here

Video is accessible 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