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 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 – 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 – Python Programming – 2 Mar 2020

Standard

Instagram crawling saga continues!

IMG_4450

the code to be implemented

IMG_4451

IMG_4452

we need to crawl followers and put them in a list

IMG_4453

the list of followers

IMG_4454

there are 483 followers to be listed

IMG_4456

there are some errors

IMG_4457

planning strategies to crawl all the followers

IMG_4458

IMG_4459

we need to observe the structure of the web page very carefully to be able to get the data we want

IMG_4460

because we can only get those data displayed in the browser

IMG_4462 IMG_4466

so some are listed and some are not

IMG_4468

we need to make strategy to scroll the screen to be able to get all the followers

IMG_4469

IMG_4470

we did 3 straight hours of coding and very happy with the progress

IMG_4449

but we still got lots of stuff to be done in the next class 😉

IMG_4467

*Photos and videos are also available here