ProCodeCG Kids Regular Coding Class – Online – 25 April 2020

Standard

List of works today 🙂

Screen Shot 2020-04-25 at 09.03.45

Vian is developing something in Roblox he didn’t want to share the screen 🙂 But he is collaborating with other kids to create a game in Roblox

Screen Shot 2020-04-25 at 09.01.02

Irham is going through the next stage of intro to programming today

Screen Shot 2020-04-25 at 09.32.06 Screen Shot 2020-04-25 at 09.39.41

Screen Shot 2020-04-25 at 10.02.50 Screen Shot 2020-04-25 at 10.03.29

Screen Shot 2020-04-25 at 10.14.43

and then Irham finished it gloriously

Screen Shot 2020-04-25 at 10.34.54

so he can move on to creating games in GameMaker 🙂

Screen Shot 2020-04-25 at 10.44.56

Screen Shot 2020-04-25 at 10.57.15

Capt. Awa is still working on his animation project with Blender 😉

Screen Shot 2020-04-25 at 09.32.11

he is adding some lighting 🙂

Screen Shot 2020-04-25 at 09.40.12 Screen Shot 2020-04-25 at 09.40.16

Screen Shot 2020-04-25 at 09.41.41 Screen Shot 2020-04-25 at 09.49.04

Screen Shot 2020-04-25 at 09.51.40 Screen Shot 2020-04-25 at 09.32.17

Screen Shot 2020-04-25 at 09.55.29 Screen Shot 2020-04-25 at 10.00.42

Screen Shot 2020-04-25 at 10.01.13 Screen Shot 2020-04-25 at 10.03.20

and also experimenting with particles

Screen Shot 2020-04-25 at 11.13.42 Screen Shot 2020-04-25 at 11.36.17

a realistic donut created by Capt. Bullitt 😉

Donut Sharable

Capt. Faris and Capt. CG is developing an app to take attendance with photos. Capt. Faris is building the back end while Capt. CG is developing the front end

Screen Shot 2020-04-25 at 09.49.55

Screen Shot 2020-04-25 at 09.52.58

Screen Shot 2020-04-25 at 10.15.22

Screen Shot 2020-04-25 at 09.54.35

we need a cloud service to store the photos from front ent and then be processed by backend

Screen Shot 2020-04-25 at 09.54.54 Screen Shot 2020-04-25 at 10.20.54

Screen Shot 2020-04-25 at 10.24.39

ok we have succesfully sent the picture to the cloud

Screen Shot 2020-04-25 at 10.33.21

nice!

Screen Shot 2020-04-25 at 10.34.35

we’re also looking for a machine learning library to recognize the pic but later we decide to correlate the pic with user and password

Screen Shot 2020-04-25 at 11.24.55

AlFattan is adding lives to his COVID Game 😉

Screen Shot 2020-04-25 at 09.54.26 Screen Shot 2020-04-25 at 10.02.40

Screen Shot 2020-04-25 at 10.04.22 Screen Shot 2020-04-25 at 10.06.37

Screen Shot 2020-04-25 at 11.06.02 Screen Shot 2020-04-25 at 11.07.48

we have to add lines of codes

Screen Shot 2020-04-25 at 11.09.18 Screen Shot 2020-04-25 at 11.20.32

ok it works now! 🙂

Screen Shot 2020-04-25 at 11.21.08 Screen Shot 2020-04-25 at 11.21.14

Screen Shot 2020-04-25 at 11.31.00 Screen Shot 2020-04-25 at 11.38.55

Screen Shot 2020-04-25 at 11.46.26 Screen Shot 2020-04-25 at 11.48.54

Ara is still developing games using Unreal Engine

Screen Shot 2020-04-25 at 10.05.05 Screen Shot 2020-04-25 at 10.07.14

he added more animation

Screen Shot 2020-04-25 at 10.07.26 Screen Shot 2020-04-25 at 10.08.42

and more codes

Screen Shot 2020-04-25 at 10.35.39 Screen Shot 2020-04-25 at 10.41.52

Screen Shot 2020-04-25 at 10.50.47

Baran is creating a Flappy Bird Game with JavaScript 😉

Screen Shot 2020-04-25 at 10.36.37

we have to deal with every line of error that occur

Screen Shot 2020-04-25 at 10.41.29 Screen Shot 2020-04-25 at 10.50.10

Screen Shot 2020-04-25 at 11.02.37 Screen Shot 2020-04-25 at 11.13.01

until it finally works 😉

Screen Shot 2020-04-25 at 11.22.43 Screen Shot 2020-04-25 at 11.28.55

got some more errors and we fixed it 😉

Screen Shot 2020-04-25 at 11.30.10 Screen Shot 2020-04-25 at 11.30.51

Screen Shot 2020-04-25 at 11.37.14 Screen Shot 2020-04-25 at 11.53.35

Screen Shot 2020-04-25 at 11.58.58 Screen Shot 2020-04-25 at 12.02.20

Badi is creating a filter on Instagram and asking everybody in the class, which pic of food is better 😀 😀 😀

Screen Shot 2020-04-25 at 10.47.25

Kinan’s game is working now after we added more codes 🙂 Too bad we cannot screenshot the result 🙂

WhatsApp Image 2020-04-25 at 13.04.21

Fadhlan is very busy creating an automatic hand sanitizer spray, no screenshot because Fadhlan use Zoom on a smartphone, just like Kinan.

Fab is doing some COVID animation 🙂 His game in GameMaker is also in development

Screen Shot 2020-04-25 at 10.36.45

and this is the next project 😉

WhatsApp Image 2020-04-25 at 10.54.12

All are productive and making progress 😉 Can’t wait until next week! 😉

*Photos are also available here

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 Regular Coding Class – 29 Feb 2020

Standard

Our regular coding class today 🙂

Fadhlan is feeling like tearing down again his iPhone 6 Plus to fix the home button but we have to buy the spare parts

IMG_4182

IMG_4181

IMG_4183 IMG_4192

after giving up waiting up for the spare parts

IMG_4200

Fadhlan continues the FireFighter Robot

IMG_4224

now we’re testing the fire sensors

IMG_4231

the sensor individually works, but not yet when it is attached with the robot. Will fix it next week

IMG_4241

Vian is given a task to create a finding robot in Roblox

IMG_4184

IMG_4204 IMG_4205

but for moving objects 😀

IMG_4206 IMG_4208

IMG_4216

Faiz wants a new challenge

IMG_4185

so the challenge is to create a GUI for ordering Pizza in Python 😉

IMG_4197 IMG_4198

IMG_4207

Rheino is coming back 😉

IMG_4186

he starts to learn Machine Learning 😉

IMG_4188 IMG_4190

IMG_4213

and implement it with Python

IMG_4233

IMG_4240

the code

IMG_4263

the data sets

IMG_4264

the results

IMG_4265

IMG_4266 IMG_4267

Clive is now using a Mac to create games

IMG_4187

so today Clive is learning to create games using Game Maker Studio 2

IMG_4191

he needs some time to get used to the IDE and the syntax

IMG_4193 IMG_4194

he finally able to recreate a maze game using GameMaker Studio but we still need to add more features to the game

IMG_4210 IMG_4223

Capt. Faris is really busy today 🙂

IMG_4195 IMG_4196

plus he has to debug a instagram crawling code in Python 😉

IMG_4218

and he did it flawlessly 🙂 crawling followers of an Instagram user

IMG_4234

IMG_4248 IMG_4252

IMG_4260 IMG_4261

unbelievable 🙂

IMG_4262

Boy is super multaskingly creative as always 😀

IMG_4201

he is creating his own music

IMG_4209

IMG_4221

for his game created in Scratch

IMG_4219

IMG_4235

Capt. Faris helped Boy to be able to click a button under the first layer

IMG_4251

and now the game works exactly as Boy wants it to be 😉

IMG_4257

Kinan is going to draw a bullet status indicator in the game 😉

IMG_4225 IMG_4236

the code plan 😉

IMG_4237

Kinan is busy implementing the code because the game is getting more complicated 🙂

IMG_4238

IMG_4250 IMG_4259

Fab writes down his plan on the game he is creating 😉

IMG_4254

today Fab wants the camera to follow the player

IMG_4238

and now it works 😉

IMG_4239 IMG_4255

the plan for the next class

IMG_4256 IMG_4268

The class

IMG_4199 IMG_4203

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