ProCodeCG Kids Regular Coding Class – Online – 30 May 2020

We have survived almost 3 months doing the coding class online and we keep making progress 😉

Faiz is creating his first website today with HTML, CSS and JavaScript today

The result 😉

next is to create game with Python using PyGame

ok the first game Faiz created with Python 😉

Badi

is finishing Milagros website today 🙂

did some filter testing for a break 😉

Milagros website looks like on mobile device

Capt. Awa is getting better and better at Blender animation 😉

Baran is working hard on developing his game in JavaScript

The result is awesome 😉

Enzo is creating a multiplayer game with GameMaker 😉

AlFattan is still testing JavaScript commands to build stuff in Minecraft

Tsaqif is still learning how to startup the Spigot server and how to access the JavaScript commands to be able to build things in Minecraft

Ukasy is working on the same thing as Tsaqif 🙂

Techa is back!

He created a really awesome game but forgot to save it and lost all the data. Took a while to get him on track again 🙂

Irham is starting to create apps with Thunkable 😉

Fadhlan has got all the components now and ready to gradually deploy codes to SNAPBOT 3 to test all the functions

Adam is creating a Multiplayer Game in GameMaker

Alif has just joined the class, hope you like it here 🙂

Boy is developing a new game

while Ara is learning how to do animation with Blender under the supervision of Capt. Awa

Capt. Faris is working in the background, taking over screens and solves problems the kids are facing 😉

We’re doing really great today, just as usual 🙂

*Photos are also available here

and the video can be accessed here

Advertisement

ProCodeCG Kids Regular Coding Class – Online – 25 April 2020

List of works today 🙂

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

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

and then Irham finished it gloriously

so he can move on to creating games in GameMaker 🙂

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

he is adding some lighting 🙂

and also experimenting with particles

a realistic donut created by Capt. Bullitt 😉

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

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

ok we have succesfully sent the picture to the cloud

nice!

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

AlFattan is adding lives to his COVID Game 😉

we have to add lines of codes

ok it works now! 🙂

Ara is still developing games using Unreal Engine

he added more animation

and more codes

Baran is creating a Flappy Bird Game with JavaScript 😉

we have to deal with every line of error that occur

until it finally works 😉

got some more errors and we fixed it 😉

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

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

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

and this is the next project 😉

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

*Photos are also available here

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

Today we continue hacking wifi

but the airmon-ng still does not work

so we decided to install DVWA instead. we install xampp first

DVWA is ready

using BurpSuite to attack DVWA

set the DVWA security to low

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 😉

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 15 Feb 2020

Preparing for the exhibion next week! And there will be Pikiran Rakyat reporter and photographer visiting the class to do some interview 😉

Syathir is developing a Flappy Bird Game for the exhibition

we still need some time for finishing, hopefully we can do it next week before the exhibition 😉

Syadad is now catching up very fast with creating apps 😉

the apps are now working fine 😉

login app

odd or even number app

guessing a number app 🙂

Kibie wanted to create a Race Car Game

but then we decide to create a much simpler game to make sure that we can finish it before exhibition

there you go Kibie 🙂 the game is ready, just need some finishing 😉

Ara will not do white hacking for the exhibition

he chose to create game using Unreal Engine

Ara had created the character and some of the terrain

Al always done the job excellently 🙂

today he created a machine learning to guess the title of the song by just typing a few words from the lyrics 😉

the code

Al is also created a machine learning to answer some puzzles 😉

and then Al made some time to create ProCodeCG Intro and Outro for ProCodeCG Channel on YouTube 🙂

Baran, gorgeous with the sunglasses 😀

still working on hundreds lines of code of creating snake game in JavaScript 😉

Harraz

is creating a project in Scratch

Faiz helped a bit

and now the game works perfectly 🙂

the codes 🙂

a really productive day, well done Harraz 🙂

Techa is also very productive today 😉

he modified the game

and put ideas from other game 😀

look at that scattered room

Techa puts lots of unusual ideas to the game 😀

well as long as it works, then it is ok 😀

Badi and his new Wellborn bag 😉

we check the last circuit to see if the it still works

and then we replace the sensor with a different type because we suspect the old sensors were burnt 😀

modifying the code to fits the new sensor

downloading the library

the reading is still not correct, will fix it next week 🙂

Fadhlan is working hard to finish the firefighter robot

we’re going to add water pump very soon

the basic configuration is ready. well done!

Clive

picking where he left the last class

now the Agario Game is almost done. we just need to spawn the food in different colors and make the virus divides the cell and let the cell

Faiz

had successfully add text to speech library (with the help of Capt. Faris)

it requires lots of downloading, and this is the code 😉

Boy got several projects to be done

the first is to fix the buzzer of this remote control robot

and then this project in Scratch

it is getting more complex but more realistic 😉

Boy put some credits too to us, thanks so much! 🙂

Vey is not feeling well today

but he has to develop the line follower robot

both sensor worked, and Vey quickly went home because he had fever

Kinan is one of our rare girl programmer 😉

she is still improving the Space Invader Game

the code

Sam is going to present the Juz’Amma App for the exhibition 😉 He is now adding the verses to the app and improving the GUI

Capt. Faris is back after a couple of weeks, and got tons of work to do 😀

Darren is now getting better and better with GameMaker 😉

Darren’s first game 🙂

it is finished 🙂 next time Darren can move on to the next game 😉

Fab is making lots of improvements to the game

he has added more lines of codes to make more movement and animations

Yogi is making some improvements to the game to be presented on the exhibition

today we are interviewed by a reporter from Pikiran Rakyat 🙂 starting with Capt. Faris 😉

photographer of Pikiran Rakyat is taking pics and the reporter is doing the interview 😉

the class

*including this two bragging their Wellborn cool backpack LOL

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 1 Feb 2020

Saturday is our time to create things and make our ideas into something real 🙂

Vey is developing a new robot

this is the old one 😀

with the family support, Vey will create a brand new robot from scratch 😉

assembling the components one by one

the basic schematic diagram

almost there 🙂 *waiting for several sensor and components being sent via GoSend

Vey explains about creating animation in Roblox after the class 🙂

He’s going to present the work on the next exhibition 😉

Kibie is ready to finish the BreakOut Game today 🙂

There he goes 🙂 Kibi’s fully functional BreakOut Game 🙂 We’re going to make another game next week 🙂

Badi is still researching about the project for the exhibition. We had to postpone the last project because we won’t be able to finish it by 22nd this month

this project is also too difficult

so Badi chose this one

Badi started to assembly the components

but there are still some components to be bought and we’re going to continue the project next week 🙂

Faiz wants to create a Python code that will open browser just by typing the command on terminal

downloading Python because he lost the last one installed

the code

and it is working 😉 next is to add voice to text library to the code so we can tell the code to open some address in the browser by voice 🙂

This good looking one (a.k.a: Baran)

is creating a Snake Game with JavaScript

he’s going to present the game on the next exhibition 😉

Aidia is still waiting for a gesture component to continue her Hand Gesture Project

so now we’re doing some Minecraft project 😉

Aidia will build structures and add some RedStone implementations to the world, such as: elevator or automatic doors or locker systems, etc 🙂

a very supportive mom 🙂 Aidia’s mom is doing her work while waiting, very productive 🙂

Techa is still building his BreakOut Game, he wants the sprite to be super detailed and different from the last game

Vian is exploring a ChatBot in Roblox today

Vian has to do some research on how to activate the ChatBot Library

It takes lots of exploration and thinking, we’re going to try it again next week 😉

Al

is creating a new machine learning project that can tell a newspaper’s headline

the next project is to create a hoax detector 😉

Clive finally finished his Flappy Bird Game 🙂

now Clive can create random pipes to spawn on random positions and length 😉

Fadhlan is still researching for what he’s going to prepare for the exhibition

Fadhlan is learning to repair iPhones. so today he decided to tear down his own 6s plus iPhone to see what’s inside it 😀

fingerprint module

rear camera

moment of truth: after the tear down and reassembling, the phone is still working 😉

placing back the screws

and get back to preparing for the exhibition 😀

Boy came with different ideas today 😉

he’s creating a very interesting game with Scratch

discuss things with Faiz

Boy got some problems with some buttons and we fixed it 😉

now everything is working fine 🙂

Sam is also preparing for the exhibition

he had done the prototype of the Attendance List App

he’s really happy to see things work and the next is to design the GUI and modify the texts etc. but the most important thing that the main function is already working 🙂

Fab is still working on this difficult game in Game Maker Studio

it involves lots of codes and so far, it runs very well as expected

Fab will keep adding things to the game and make it as realistic as can be 😉

Yogi agreed to join the exhibition yaaay 🙂 he’s going to present his RaceCar Game

while also creating a new one 😉

if he can finish this one before the exhibition then he can present both works 😉

Syathir is creating a new game 😉

he finally said a word about what he don’t understand, and we get it clear now 🙂

Syadad is busy setting up Thunkable connection between his laptop and the mobile phone 😉

the code is ready, all we need to do is run it on Syadad’s mobile phone

which is not easy because of this 😀

once we figured it out, Syadad can run the app on the mobile phone and ready to create awesome apps 😉

Cean created his own .exe application 😉 It is an email app 🙂

He created this with HMTL and he’s going to make that button really works 🙂

Cean at work and Baran as a good looking photo bomb LOL

Ara has not decided the project for the exhibition

but today he had successfully stolen user name and password of his own Gmail account 🙂

The class

*Photos and videos are also available here

ProCodeCG Kids Private Coding Class – White Hacking – 24 Jan 2020

Today Rajwaa will start learning White Hacking 🙂

a wifi adapter we will use to hack wifi later 🙂

Rajwaa has to go through some coding and puzzle challenges to learn about basic security in system and computer

while also installing Kali Linux so next time we can start to do some hacking 🙂

there are lots of interesting experiments in White Hacking for Rajwaa to do 🙂 Until next time 😉

*Photos and videos are also available here

ProCodeCG Kids Private Coding Class – Basic Electronics – 23 Jan 2020

Tyo is coming back to the private class to refresh the last lessons we have learned and to learn new things

we started with learning the details of Arduino programming language (C/C++)

starting with data types, and how to convert one basis to another 🙂

 

learn about signed and unsigned data type

and how to choose data types

then we tested the datatypes

 

and at the end of the class Tyo solved the project he has been doing 🙂 nice progress and achievements today! 🙂

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 18 Jan 2020

Our Saturday coding class is always fun 🙂

Ara is going to finish the task for today: learning about how vulnerable we are to a social engineering attack, and this way someone can steal our Facebook login username and password, easily

this is a bogus site looking like a Facebook login page

and when we login there, then whoever own the server will get our username and password

Baran is going to make a game with JavaScript

the code on the left and the result on the right

Baran is creating a Snake Game 😉

Techa is checking Baran’s game 😉

the result 🙂 the white pixel is the snake, next time we will make it longer 🙂

Techa is going to keep the promise from the last week: creating a BreakOut Game

looking for some ideas, wanted to create 3D games but Techa still has to learn more 2D before moving on to 3D 🙂

checking up this game example to see how the code make things work

start creating the assets 😉

Djalu is learning some C programming today

he learned some theories about structs and classes

exploring the code and still mixed up with Go and Python language 😀

Aidia is fixing the code for the color sorter today, because she lost the code from the last class 🙂

luckily we had a note of the sensor readings

we also have to rearrange the placement of the mechanical structures

calibrating the numbers to activate both micro servos

uploading and check the the mechanics

Badi’s got a new music project today 🙂

The project is to create a techno music using an LDR sensor and a buzzer

still in the process, going to finish it next week 🙂

Al finished TWO projects today 😉

the first one is train the machine to give suggestions whether someone should go to school by walking, by bike or by car

the data is based on age, the distance and number of friends

 

the next is to train a machine to be able to answer questions related to some topics

the topic is about an owl

the data sets

the code

the results

Capt. Faris is pretty busy doing research and helping the kids today 🙂

Kinan will add a new feature to the game today

we’re going to limit the bullets can be shot by the player. the player has to reload the gun by taking the reload pack. a battery indicator will show how many bullets left

Kinan designing the sprite for the bullet indicator

Fadhlan is still working according to the plan

and that means LOTS of things to do 🙂

there are lots of things to be considered because we want this robot to be flexible enough for more components and functions

Clive is back! and going to continue the Flappy Bird Game 😉

today we successfully set up the the camera view to follow the bird

Vian

is struggling to make this code in LUA work

with the help of Capt. Faris

the code finally works and Vian is so glad to see the 3D roblox game works!

totally awesome piece of work!

look how proud Vian is, explaining his work 🙂

Fab is still developing a game with Game Maker Studio

he figured out some of errors

and now moving on to the next tutorial

Cean is so interested in making his own operating system 🙂

he searched for some ideas

create the OS with Scratch

read some definitions about operating system 🙂

and this is Cean’s OS: BlueOS v1.7 🙂

with a browser and a searching textfield! 🙂

and a search keyword below has also been added

and now the OS not only have a browser but also a music player! 🙂

the code

the GUI. a really impressive work from a little kid like Cean 🙂

Capt. Awa came to the class to show what he had done with CopperCube 🙂

a 3D Game!

Awa had just learned it the day before and he had created an incredible 3D game

even Capt. Faris is interested 😉

The class (yes we have the whole room for ourselves 🙂 thanks RedsDipo 🙂 )

*Photos and videos are also available here

ProCodeCG – Coding Camp End 2019 – Machine Learning, White Hacking, Creating Games & GOLANG – Day #3 – 1 Jan 2019

Day #3 is time to finished up the projects 🙂

Joe

is learning some machine learning implementation with Thunkable

and then download the app to the mobile phone

the code

The app can detect object from the pic taken by camera

the app displays the description of the object

and Joe learned to add text to speech code so the app will also announce the object detected out loud 🙂

Joe is really interested in learning White Hacking, he asked for permission if he was allowed to start installing Kali Linux 🙂 Too bad the Virtual Box cannot be installed to Joe’s Macbook probably because the Mac OSX has not been updated to the newest version

Joe accompanying Ardhi doing hacking 😀

Faishal has been working really hard developing custom object detection with TensorFlow

and we finally can make it learn! 🙂

and shows the TensorBoard! Later Faishal has successfully completed all the steps and compile the object detection test code with jupyter notebook without errors, after several hour struggling with errors and installation and kernel switching 😀

Djalu finally patches most of the bugs in his Pizza Order Application in GOLANG 🙂

It now has full features

and runs beautifully and smoothly 😉

super awesome! congrats, Djalu! 🙂

Ardhi is doing several hacking today: hacking Android, Windows, Facebook and Google Sign-In 🙂

Successfully steal a Google Sign-In

and then steal a Facebook login

but not yet successfully hack any Androids or Windows because most of the devices are strongly protected by the OS and anti-viruses, so hacking is really not that easy 😉 This is just to show you how to be more careful protecting your devices 🙂

Kinan adding loads of codes to the game and make it more realistic 🙂

we added different lives for the enemy. it takes more shots to make a bigger enemy disappear

now is the time to add more levels to the the game

and also add lives for the player, so the player will have 3 lives before the game ends

we will keep adding features to the game because Kinan seems to like this game very much 🙂 but the target for this camp has been covered 🙂

Lunch time

The class

All have different topics in this class but all have finished the projects 🙂 until next time, buddies! 🙂

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 21 Dec 2019

Lots of people have gone for holiday but this is how the squad is spending the holiday 😉

Badi is so ready for the task today 🙂

Badi has to make sure all the circuit work and choose one of the to be soldered on the hole PCB 😀 *notice that now Badi has a tool kit (yes that one looks like an old school tv 😀 )

Badi has got several projects running

and now he has memorized all of the circuits and how to make them work 🙂

proud and confident Badi 😀

adding more LEDs

and more components

getting ready for soldering

with the help of Fadhlan 🙂

and then this is what we got so far 🙂 nicely done! 🙂

Capt. Awa is ready to help again today 🙂

helping Kak Badi with the circuit

while also doing some research about camera and Arduino 🙂

,

Capt. Faris has got tons of reasearch to do too 😀

one is a machine learning research about deep fake

and then learning some GO language to be able to assist Djalu

and help Sam finishes up the Panic Button project 🙂

Sam is going to finish his Panic Button Project today 🙂

The app got the longitude and latitude but not the complete address last time

and today with the help with Capt. Faris it works! 🙂

the codes

the next step is to send the location info via sms, or call the fire dept, or call the police, or call ambulance 🙂

the sms is ready to be sent

and this is the sms received from an app installed on iOS. This is app is totally rocks!

Djalu will learn about algorithm and data structure with GO Language 🙂

he starts with basic syntax

getting used to the command for compiling and running the code

and then learns about variables

and also functions

Fadhlan is going to finish all the wiring and test the code today 🙂

while also helping Badi with soldering 🙂

the robot was up and running, the code was loaded and showed no errors, but we didn’t have time to test the robot. we’re going to do it next week 😉

Boy is going to finish the game today

we have added scores, rooms and levels navigation and also some enhancement to the game 🙂 the game is now ready for exhibition 🙂

The class:

*Photos and videos are also available here