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

ProCodeCG Kids Regular Coding Class – Online – 28 Mar 2020

Standard

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 GitHub.io 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

Standard

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

Standard

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

Standard

Our regular class weeks ago before COVID-19 crisis

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

IMG_5546

the container for each color is ready

IMG_5571

we calibrate the code and check the mechanical parts

IMG_5572

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

IMG_5589

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

IMG_5617

AlFattan Machine Learning Project is to recognise proverbs

IMG_5547

inputing data sets

IMG_5568 IMG_5575

IMG_5577

making the code

IMG_5593

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

IMG_5595

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

IMG_5548

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

IMG_5560

the circuit is ready

IMG_5561

now typing the code

IMG_5563 IMG_5564

and make the LED goes on alternately πŸ˜‰

IMG_1073

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

IMG_7946

IMG_3281 IMG_5594

IMG_5599

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

IMG_5600

Vian is still developing his game in Roblox

IMG_5550 IMG_5552

IMG_5553 IMG_5556

Capt. Faris arrived

IMG_5562

and helps Vian with the project πŸ˜‰

IMG_5565

Fadhlan

IMG_5567

is going to connect all the electronic parts today

IMG_5566

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 πŸ˜€

IMG_5627

Fabian is continuing his GameMaker Studio Project

IMG_5605

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

IMG_5622

and then continuing his Arduino project

IMG_5628

IMG_5629

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

IMG_5586

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

Standard

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

IMG_5508

DVWA is ready

IMG_5509

using BurpSuite to attack DVWA

IMG_5510

set the DVWA security to low

IMG_5511

IMG_5514

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 πŸ˜‰

IMG_5497

*Photos and videos are also available here

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

Standard

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

IMG_5424

Tyo has successfully been able to crawl the Instagram

IMG_5425

IMG_5427 IMG_5428

while also fixing some bugs

IMG_5431 IMG_5432

IMG_5435

and then we start to learn MQTT πŸ™‚

IMG_5440

the theory

IMG_5441 IMG_5442

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

IMG_5443 IMG_5444

about compression

IMG_5445

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

IMG_5446

about data storage and defragmentation

IMG_5447

installing python mqtt libraries

IMG_5449

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

IMG_5471

installing mqtt.fx on laptop

IMG_5473

IMG_5474 IMG_5475

IMG_5476

and installing mqtt-dash on the smartphone

IMG_5477

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 πŸ˜€

IMG_5480

trying different kind of data and visualization

IMG_5481

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

IMG_5493

*Photos and videos are also available here