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 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

ProCodeCG Kids Private Coding Class – Python Programming – 17 Feb 2020

Standard

Today we’re going to learn data structure and Python 😉

IMG_3252

installing Jupyter Notebook because Tyo wants to learn how to use it 🙂

IMG_3251

Notes from the ITB class Tyo sitting in today 😉

IMG_3253

IMG_3265

fixing conflicting Python kernels and Jupyter Notebook issues 😀

IMG_3254

IMG_3255

ready to go with Jupyter Notebook 😉

 

IMG_3257

IMG_3258

now start to learn about list

IMG_3259

and looping, and conditionals

IMG_3260 IMG_3261

IMG_3263

IMG_3266

what we learned today:

graph

IMG_3269

linked-list, double linked-list

IMG_3270

tree

IMG_3271

sorting

IMG_3272

swapping

IMG_3273

the summary 😉

IMG_3276

we worked nonstop 3 hours straight

IMG_3256

till dusk 😀

IMG_3267

*Photos and videos are also available here

ProCodeCG Kids Private Coding Class – White Hacking – 17 Feb 2020

Standard

The menu today is hacking an Android phone with Metasploit 😉

IMG_3218

while also cracking password with Hydra in the background 😉

IMG_3219

setting up Metasploit

IMG_3222

the tutorial on ProCodeCG Channel 😉

IMG_3225

generating trojan to be installed on the Android Phone

IMG_3226

the Upgrader.apk is generated

IMG_3227

waiting for the victim to run the app

IMG_3228 IMG_3229

IMG_3230

now we need to move the .apk file to the Android phone

IMG_3231

IMG_3232 IMG_3233

didn’t work with email

IMG_3234

we transfer the file using this

IMG_3235

it is downloaded

IMG_3236 IMG_3237

IMG_3238

we should lower down the security setting on the phone

IMG_3239

IMG_3240 IMG_3241

IMG_3242

it is installed

IMG_3243

but not detected yet on the Metasploit window

IMG_3244

we should figure out how to make this work in the next class

IMG_3245

we had compressed the .apk to make it less detectable by the security of the phone OS

IMG_3246 IMG_3247

IMG_3249

but still not yet succeeded 🙂

IMG_3250

alright will try it again next time 😉

IMG_3221 IMG_3220

*Photos and videos are also available here

ProCodeCG Kids Private Coding Class – Basic Electronics – 10 Feb 2020

Standard

Today Tyo is going to continue the project

IMG_2532

we’re going to integrate a bulb and relay to the previous schematic

IMG_2524

we’re going to cut the cable

IMG_2525 IMG_2527

IMG_2528 IMG_2530

and then connect it to relay and Arduino

IMG_2533 IMG_2534

we did check the connector and re-solder it

IMG_2535 IMG_2536

ready for testing

IMG_2537 IMG_2538

IMG_2539

now connect the bulb and relay to this circuit

IMG_2541

modifying the code and all works fine: the bulb will goes on when we wave to the ultrasonic sensor and off when we wave again 🙂

IMG_2542

we’re going to add timer and LCD in the next class! 😉

IMG_2531

*Photos and videos are also available here