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


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


ProCodeCG Kids Regular Coding Class – Online – 28 Mar 2020


Our regular coding class – online again πŸ˜‰

Fadhlan is fixing an iPhone 6 today πŸ™‚ we have to buy some spare parts and see if the dead phone can be resurrected Β πŸ˜‰

Screen Shot 2020-03-28 at 08.58.22

Screen Shot 2020-03-28 at 08.58.25 Screen Shot 2020-03-28 at 09.42.41

Capt. Awa

Screen Shot 2020-03-28 at 08.59.06

is working on Blender and Minecraft projects πŸ˜‰

Screen Shot 2020-03-28 at 09.11.49

Screen Shot 2020-03-28 at 09.11.07

Boy is making animations with Blender

Screen Shot 2020-03-28 at 09.17.19

Screen Shot 2020-03-28 at 09.18.22

and then creates a game related to COVID-19

Screen Shot 2020-03-28 at 10.12.35

Screen Shot 2020-03-28 at 10.21.16 Screen Shot 2020-03-28 at 10.21.59

Screen Shot 2020-03-28 at 10.25.55 Screen Shot 2020-03-28 at 10.32.29

Screen Shot 2020-03-28 at 10.33.50

named “Five Nights at Covid-19” πŸ™‚

Screen Shot 2020-03-28 at 10.41.02

Screen Shot 2020-03-28 at 10.41.59 Screen Shot 2020-03-28 at 11.00.42

Screen Shot 2020-03-28 at 11.10.07 Screen Shot 2020-03-28 at 11.31.31

Screen Shot 2020-03-28 at 11.40.08 Screen Shot 2020-03-28 at 11.40.43

Badi is still developing a website that gives information about COVID-19. we browse some example to give us ideas about the design

Screen Shot 2020-03-28 at 09.19.31 Screen Shot 2020-03-28 at 09.22.55

Screen Shot 2020-03-28 at 09.24.10

Badis COVID-19 website

Screen Shot 2020-03-28 at 10.43.33

and we’re going to upload it to so people can access it πŸ™‚

Screen Shot 2020-03-28 at 10.49.48 Screen Shot 2020-03-28 at 10.52.08

Screen Shot 2020-03-28 at 10.56.08 Screen Shot 2020-03-28 at 10.58.52

Screen Shot 2020-03-28 at 10.59.13 Screen Shot 2020-03-28 at 10.59.37

Screen Shot 2020-03-28 at 11.04.56

it is uploaded! πŸ™‚

Screen Shot 2020-03-28 at 11.13.59

now we’re going to add some statistics to the website, and we’re doing it in team *we use GitHub and Visual Studio Code to share the codes and do realtime programming together πŸ˜‰

Screen Shot 2020-03-28 at 11.18.15 Screen Shot 2020-03-28 at 11.38.27

Screen Shot 2020-03-28 at 11.39.58

AlFattan is developing a machine learning to detect whether a person has COVID-19 or not πŸ™‚

Screen Shot 2020-03-28 at 09.25.47

Screen Shot 2020-03-28 at 09.26.30 Screen Shot 2020-03-28 at 09.59.35

Al is doing some research to get the information about the symptoms etc

Screen Shot 2020-03-28 at 10.01.11

ready to enter the dataset

Screen Shot 2020-03-28 at 10.04.12

Screen Shot 2020-03-28 at 10.07.06 Screen Shot 2020-03-28 at 10.08.52

Screen Shot 2020-03-28 at 10.12.43 Screen Shot 2020-03-28 at 10.12.43

creating sprites and making the codes

Screen Shot 2020-03-28 at 10.32.42 Screen Shot 2020-03-28 at 10.37.55

Screen Shot 2020-03-28 at 10.37.57

finding backgrounds

Screen Shot 2020-03-28 at 10.39.16

Screen Shot 2020-03-28 at 10.40.10 Screen Shot 2020-03-28 at 10.44.40

and it works! πŸ™‚ Al is always get things done! πŸ™‚

Screen Shot 2020-03-28 at 10.46.28

Capt. Faris is doing lots of research to support our projects

Screen Shot 2020-03-28 at 09.43.53

Screen Shot 2020-03-28 at 09.44.53 Screen Shot 2020-03-28 at 09.54.05

Screen Shot 2020-03-28 at 10.01.31 Screen Shot 2020-03-28 at 10.40.20

including how to do coding online together πŸ™‚

Screen Shot 2020-03-28 at 11.20.16

Aidia is building structures in Minecraft and soon should implement some RedStone circuits πŸ™‚

Screen Shot 2020-03-28 at 09.50.14

Screen Shot 2020-03-28 at 09.58.27 Screen Shot 2020-03-28 at 09.59.28

Screen Shot 2020-03-28 at 09.59.30 Screen Shot 2020-03-28 at 10.01.24

Screen Shot 2020-03-28 at 10.03.24 Screen Shot 2020-03-28 at 10.09.25

Screen Shot 2020-03-28 at 11.46.28 Fab Screen Shot 2020-03-28 at 11.13.08

Vian didn’t want to share screen but he’s developing a game in Roblox πŸ˜‰

Screen Shot 2020-03-28 at 08.54.38

some of the works cannot be reported visually in here because the kids don’t use zoom on their laptop so they cannot share screen. Kinan is still developing a new game and today she’s preparing the assets. Koosha is also very busy setting up a server πŸ™‚

List of our jobs today πŸ˜‰

Screen Shot 2020-03-28 at 08.54.52

*Photos are also available here and the video is uploaded here

ProCodeCG Kids Private Coding Class – White Hacking – Online – 21 March 2020


Today we use both Rajwaa’s pc and laptop because both devices are lagging πŸ˜€

Screen Shot 2020-03-21 at 15.12.39

Screen Shot 2020-03-21 at 15.26.11

we do DVWA attack on the laptop

Screen Shot 2020-03-21 at 15.30.28

Screen Shot 2020-03-21 at 15.35.51

while also installing Virtual Box and Kali Linux on the pc

Screen Shot 2020-03-21 at 16.01.01

Screen Shot 2020-03-21 at 16.43.37

we lost xampp and DVWA setting on the laptop so we have to reinstall them all over again, while the pc and the internet connection are so slow so we just move back and forth from pc to laptop πŸ˜€

hoping that the next class will be better πŸ˜‰

*Photos are also available here and the video is here

ProCodeCG Kids Regular Coding Class – Online – 21 Mar 2020


Our first online class πŸ™‚

setting up the class with Capt. Awa

Screen Shot 2020-03-21 at 09.03.28

Screen Shot 2020-03-21 at 09.13.52

Screen Shot 2020-03-21 at 09.09.34

Ara is creating mobile application

Screen Shot 2020-03-21 at 09.45.03 Screen Shot 2020-03-21 at 10.02.31

Screen Shot 2020-03-21 at 10.57.31 Screen Shot 2020-03-21 at 10.57.42

Screen Shot 2020-03-21 at 10.59.16 Screen Shot 2020-03-21 at 11.00.31

Screen Shot 2020-03-21 at 11.03.42

Capt. Faris is still on crawling Instagram project

Screen Shot 2020-03-21 at 09.46.00

Screen Shot 2020-03-21 at 09.46.13 Screen Shot 2020-03-21 at 10.13.50

Screen Shot 2020-03-21 at 10.14.37

Kishan codes some Python and then continues his Game Maker project

Screen Shot 2020-03-21 at 10.20.19 Screen Shot 2020-03-21 at 10.21.27

Screen Shot 2020-03-21 at 10.26.12 Screen Shot 2020-03-21 at 10.36.17

Screen Shot 2020-03-21 at 10.47.14 Screen Shot 2020-03-21 at 11.50.33

Screen Shot 2020-03-21 at 11.54.45 Screen Shot 2020-03-21 at 11.59.05

ZakaΒ did some Python coding

Screen Shot 2020-03-21 at 09.46.07

and then upgrades his game

Screen Shot 2020-03-21 at 09.48.07 Screen Shot 2020-03-21 at 09.58.27

Screen Shot 2020-03-21 at 09.59.19 Screen Shot 2020-03-21 at 09.59.22

Screen Shot 2020-03-21 at 10.07.10 Screen Shot 2020-03-21 at 10.08.15

Screen Shot 2020-03-21 at 10.08.38

Capt. Awa is making notes of the progress of the class while working on his animation project in Blender

Screen Shot 2020-03-21 at 09.50.25

Screen Shot 2020-03-21 at 10.45.26 Screen Shot 2020-03-21 at 10.50.55

Screen Shot 2020-03-21 at 11.21.03 Screen Shot 2020-03-21 at 11.47.52

Screen Shot 2020-03-21 at 11.52.58 Screen Shot 2020-03-21 at 11.56.55

Badi is updating Pavilion19 Website πŸ˜‰

Screen Shot 2020-03-21 at 09.56.40 Screen Shot 2020-03-21 at 09.57.06

Screen Shot 2020-03-21 at 09.57.10 Screen Shot 2020-03-21 at 10.59.30

Screen Shot 2020-03-21 at 11.04.00 Screen Shot 2020-03-21 at 11.23.57

Syathir’s Arduino project for today is exploring buzzer

Screen Shot 2020-03-21 at 10.52.55 Screen Shot 2020-03-21 at 10.56.39

Fabian is adding some features with specific fonts to the game

Screen Shot 2020-03-21 at 11.04.11 Screen Shot 2020-03-21 at 11.05.17

Screen Shot 2020-03-21 at 11.16.55

some of kids work cannot be screenshot because they don’t have Zoom on the laptop they’re using πŸ™‚

Fadhlan is working on the robot, Aidia is creating structures in Minecraft, Kinan is creating games with GameMaker πŸ™‚

We’re going to continue our project on the next class πŸ™‚ related to COVID-19 if possible πŸ˜‰

Screen Shot 2020-03-21 at 10.06.14

*Photos are available hereΒ and the video is here

ProCodeCG Kids Regular Coding Class – 14 Mar 2020


Our regular class weeks ago before COVID-19 crisis

Aidia is going to finish her color sorter project in Arduino today πŸ™‚


the container for each color is ready


we calibrate the code and check the mechanical parts


and yes it is now working! *please check the videos on the link below


Aidia takes a note for sensor readings for each colors πŸ˜‰


AlFattan Machine Learning Project is to recognise proverbs


inputing data sets

IMG_5568 IMG_5575


making the code


and testing it, and it works πŸ™‚ The code can recognize proverbs we entered and gives us the meaning πŸ™‚ Awesome job Al πŸ˜‰


Ara’s project is to create a mobile app with Thunkable


we have plan to create a GPS-based app but Ara has to gone through all the steps in the handout πŸ™‚

IMG_5602 IMG_5603

Syathir’s project today is to add more LEDs to the previous project πŸ˜‰

IMG_5549 IMG_5551

IMG_5557 IMG_5558


the circuit is ready


now typing the code

IMG_5563 IMG_5564

and make the LED goes on alternately πŸ˜‰


the next project is to turn a LED on with a button


IMG_3281 IMG_5594


aaand it works! well done Abang Syathir *note: he looks dispointed because Techa is not coming to the class πŸ˜€


Vian is still developing his game in Roblox

IMG_5550 IMG_5552

IMG_5553 IMG_5556

Capt. Faris arrived


and helps Vian with the project πŸ˜‰




is going to connect all the electronic parts today


awesome sitting position πŸ˜€ *whatever it takes to make him productive πŸ˜€

IMG_5591 IMG_5604

IMG_5606 IMG_5615

IMG_5616 IMG_5618

it’s ready! all we have to do is to connect it to a battery *which Fadhlan forgot to bring πŸ˜€


Fabian is continuing his GameMaker Studio Project


adding more codes for more features

IMG_5607 IMG_5613

Capt. Awa is going to do animations in Blender πŸ˜‰

IMG_5608 IMG_5609

IMG_5610 IMG_5611

IMG_5620 IMG_5621


and then continuing his Arduino project



The class *very few kids since the news about COVID-19 started to flood the media


IMG_5587 IMG_5588

IMG_6352 IMG_5585

hoping that the pandemic will be over very soon so we can have classes like this again.

keep safe and stay at home! we’re going to have online class tomorrow πŸ™‚

*Photos and videos are also available here

ProCodeCG Kids Private Coding Class – White Hacking – 13 March 2020


Today we continue hacking wifi

IMG_5495 IMG_5496

but the airmon-ng still does not work

IMG_5498 IMG_5499

IMG_5500 IMG_5501

so we decided to install DVWA instead. we install xampp first

IMG_5504 IMG_5505

IMG_5506 IMG_5507


DVWA is ready


using BurpSuite to attack DVWA


set the DVWA security to low



we make progress today because DVWA attack does not need wifi connection, it is done locally πŸ™‚ we will figure out about the wifi problem in the next class πŸ˜‰


*Photos and videos are also available here

ProCodeCG Kids Private Coding Class – Python Programming – 13 Mar 2020


Our 3-hours private coding class before self-isolation πŸ™‚


Tyo has successfully been able to crawl the Instagram


IMG_5427 IMG_5428

while also fixing some bugs

IMG_5431 IMG_5432


and then we start to learn MQTT πŸ™‚


the theory

IMG_5441 IMG_5442

we also learn about coding (not programming, but how you code data)

IMG_5443 IMG_5444

about compression


data transmission, error correction, etc. etc. πŸ˜€


about data storage and defragmentation


installing python mqtt libraries


we also learn about GIT repository Β and intro to machine learning

IMG_5452 IMG_5450

IMG_5451 IMG_5466

IMG_5467 IMG_5468

will use hivemq for mqtt browser

IMG_5469 IMG_5470


installing mqtt.fx on laptop


IMG_5474 IMG_5475


and installing mqtt-dash on the smartphone


we have successfully sent messages between laptop to smartphone and vice versa via cloud (with hivemq as the mqtt broker)

IMG_5478 IMG_5479

Tyo is very excited now to be able to control things from the cloud a.k.a IoT πŸ˜€


trying different kind of data and visualization


IMG_5483 IMG_5484

awesome! Β now we can connect devices and control them via cloud! πŸ™‚ Tyo can connect his previous Arduino projects to this one πŸ™‚

IMG_5487 IMG_5489

IMG_5490 IMG_5491

3 hours of hard work and huge progress! nice!

IMG_5454 IMG_5429

IMG_5430 IMG_5492


*Photos and videos are also available here

ProCodeCG Kids Private Coding Class – White Hacking – 7 March 2020


Our private class before self-isolation started πŸ™‚

today we are hacking wifi again but having trouble with airmon-ng

IMG_4984 IMG_4988

so we did all possible things to do to solve this including upgrading all the libraries


hacking is surely not easy, it takes time and huge numbers hard work


IMG_4992 IMG_4993


the laptop still cannot get wifi signal through airmon-ng



we probably should reinstall the driver or find another software configuration to make this work


IMG_4986 IMG_4987

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 7 Mar 2020


Our regular coding class before everybody has to stay at home πŸ™‚

Fadhlan has two plans for today πŸ™‚


the first is to continue modifying this awesome of robot structure (look at the unusual and brilliant design!)



and replacing iPhone 6plus home button


a very delicate and complex work

IMG_4851 IMG_4929


backup-ing data from iPhone to iTunes


Clive is ready to improve the Maze Game in GameMaker Studio 2 πŸ™‚

IMG_4838 IMG_4852

Clive is getting more fluent using the new and more complex GUI or GameMaker Studio 2

IMG_4858 IMG_4869

the result πŸ˜‰ Once Clive gets the idea of how this IDE works, he would easily recreate all the game from GameMaker Lite πŸ˜‰


Syathir is going to start learning basic electronics today πŸ˜‰


the first task is to make a LED blinking πŸ™‚


Syathir can do the task without help πŸ˜‰


look! πŸ˜‰


now installing Arduino IDE


and then typing the code


and it is blinking! Congrats Syathir! πŸ™‚ πŸ™‚ πŸ™‚


Al is going to make a Machine Learning Project to sort waste: organic and inorganic


making categories


adding datasets

IMG_4873 IMG_4881

finding sprites


starts coding


applying sprites πŸ™‚


Cean has many plans too πŸ™‚


including OS development

IMG_4907 IMG_4927

with Scratch


and HTML



the result πŸ˜‰


Kinan has to add a battery level sprite to the Space Shooter game πŸ™‚

IMG_4845 IMG_4853


the game is getting more complex so Kinan has to be really carefully choose the object and find where to put the new code



Capt. Faris is working hard creating code for Instagram crawling


IMG_4857 IMG_4882


listing the followers


IMG_4892 IMG_4894

IMG_4895 IMG_4898

IMG_4899 IMG_4946

the crawling is done! awesome job as always Capt. Faris πŸ™‚


Baran is debugging JavaScript to add tail to his Snake Game


IMG_4875 IMG_4877

we finally located the source and error and fixed it

IMG_4885 IMG_4886

no errors now πŸ™‚


so now adding the tails πŸ™‚




is improving his out-of-the-box game πŸ˜€



and sooo happy with the result LOL



the result is mindblasting πŸ˜€


and Techa already has more ideas to implement πŸ˜€


Boy creates a very interesting game in Scratch


feels like playing in a movie πŸ™‚

IMG_4859 IMG_4860

IMG_4861 IMG_4862


we fixed some things and now everything works as Boy wishes πŸ™‚


incredible! πŸ™‚


Arya is joining in πŸ™‚ Welcome πŸ™‚


going through intro to programming with Minecraft Hour of Code

IMG_4855 IMG_4880

IMG_4906 IMG_4915

done the first task πŸ™‚


now the next πŸ˜‰


IMG_4932 IMG_4936

IMG_4944 IMG_4945

finished the Maze and now moving on to the Bird


Arya keeps going on πŸ™‚ after finishing this, in the next class he will continue to LightBot πŸ˜‰


Yogi is creating a new game πŸ™‚


start developing new assets



this project is gonna be as great as the previous one πŸ˜‰



the code




is adding more codes to make the camera following the object



and to give more effect to the game


The class

IMG_4870 IMG_4871

IMG_4872 IMG_4874

*Photos and videos are also available here

ProCodeCG Kids Private Coding Class – White Hacking – 6 March 2020


Today we continue hacking the wifi πŸ™‚ It is a long way to go πŸ™‚


Rajwaa is following the instruction from ProCodeCG Channel YouTube


we have to install a specific wifi adapter driver make Kali Linux detect the wifi connection


hacking requires lots of knowledge including networking


configuring the network setting


we still have problems with the driver and the wifi connection


will figure this out in the next class πŸ™‚

IMG_4780 IMG_4785

*Photos and videos are also available here