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

Advertisement

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

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

Standard

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

IMG_4989

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

IMG_4990

IMG_4992 IMG_4993

IMG_4995

the laptop still cannot get wifi signal through airmon-ng

IMG_4996

IMG_4997

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

IMG_4985

IMG_4986 IMG_4987

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 7 Mar 2020

Standard

Our regular coding class before everybody has to stay at home 🙂

Fadhlan has two plans for today 🙂

IMG_4837

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

IMG_4835

IMG_4836

and replacing iPhone 6plus home button

IMG_4846

a very delicate and complex work

IMG_4851 IMG_4929

IMG_4930

backup-ing data from iPhone to iTunes

IMG_4951

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 😉

IMG_4887

Syathir is going to start learning basic electronics today 😉

IMG_4839

the first task is to make a LED blinking 🙂

IMG_4866

Syathir can do the task without help 😉

IMG_4867

look! 😉

IMG_4901

now installing Arduino IDE

IMG_4903

and then typing the code

IMG_4913

and it is blinking! Congrats Syathir! 🙂 🙂 🙂

IMG_4928

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

IMG_4843

making categories

IMG_4856

adding datasets

IMG_4873 IMG_4881

finding sprites

IMG_4896

starts coding

IMG_4897

applying sprites 🙂

IMG_4916

Cean has many plans too 🙂

IMG_4904

including OS development

IMG_4907 IMG_4927

with Scratch

IMG_4938

and HTML

IMG_4955

IMG_4957

the result 😉

IMG_4958

Kinan has to add a battery level sprite to the Space Shooter game 🙂

IMG_4845 IMG_4853

IMG_4879

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

IMG_4908

IMG_4937

Capt. Faris is working hard creating code for Instagram crawling

IMG_4847

IMG_4857 IMG_4882

IMG_4890

listing the followers

IMG_4891

IMG_4892 IMG_4894

IMG_4895 IMG_4898

IMG_4899 IMG_4946

the crawling is done! awesome job as always Capt. Faris 🙂

IMG_4954

Baran is debugging JavaScript to add tail to his Snake Game

IMG_4848

IMG_4875 IMG_4877

we finally located the source and error and fixed it

IMG_4885 IMG_4886

no errors now 🙂

IMG_4893

so now adding the tails 🙂

IMG_4921

Techa

IMG_4849

is improving his out-of-the-box game 😀

IMG_4864

IMG_4910

and sooo happy with the result LOL

IMG_4911

IMG_4914

the result is mindblasting 😀

IMG_4941

and Techa already has more ideas to implement 😀

IMG_4942

Boy creates a very interesting game in Scratch

IMG_4850

feels like playing in a movie 🙂

IMG_4859 IMG_4860

IMG_4861 IMG_4862

IMG_4909

we fixed some things and now everything works as Boy wishes 🙂

IMG_4943

incredible! 🙂

IMG_4949

Arya is joining in 🙂 Welcome 🙂

IMG_4854

going through intro to programming with Minecraft Hour of Code

IMG_4855 IMG_4880

IMG_4906 IMG_4915

done the first task 🙂

IMG_4925

now the next 😉

IMG_4926

IMG_4932 IMG_4936

IMG_4944 IMG_4945

finished the Maze and now moving on to the Bird

IMG_4950

Arya keeps going on 🙂 after finishing this, in the next class he will continue to LightBot 😉

IMG_4952

Yogi is creating a new game 🙂

IMG_4888

start developing new assets

IMG_4889

IMG_4905

this project is gonna be as great as the previous one 😉

IMG_4931

IMG_4934

the code

IMG_4953

Fab

IMG_4917

is adding more codes to make the camera following the object

IMG_4933

IMG_4935

and to give more effect to the game

IMG_4940

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

Standard

Today we continue hacking the wifi 🙂 It is a long way to go 🙂

IMG_4781

Rajwaa is following the instruction from ProCodeCG Channel YouTube

IMG_4782

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

IMG_4783

hacking requires lots of knowledge including networking

IMG_4784

configuring the network setting

IMG_4786

we still have problems with the driver and the wifi connection

IMG_4788

will figure this out in the next class 🙂

IMG_4780 IMG_4785

*Photos and videos are also available here