ProCodeCG Kids Regular Coding Class – Intro to Programming, GameMaker, Java Programming, Apps Programming – 12 Nov 2016


This is the report of our Intro to Programming, GameMaker, Java Programming and Apps Programming Class yesterday πŸ™‚

Prudence was ready to explore the To-Do-List Application with Thunkable πŸ™‚


Capt. Cinta was also going to do the Apps Programming with Thunkable, while assisting Nanin finishing her tasks πŸ™‚


ProCodeCG Captains are smart, patient, dedicated and reliable. Like this one πŸ™‚

Meanwhile, the other Captain, Capt. Faris had already added more features to his Java game, it allows you to shop things!


Vian executed his idea about creating a horror game. It works like zombie virus, anyone being touch by this cute red rounded man will be turned into a ghost πŸ™‚

This is the background of Vian’s. Quite horrific πŸ˜€


Robbie was as excited as last week πŸ™‚ He was working on Blockly Games all over again πŸ™‚


While Rafi was struggling with lagged and slow LightBot sites πŸ™‚

Azriel decided to switch from Java to Python. Then he plannedΒ to create a game, so he use GameMaker and discuss it with Vian who is also creating game with GameMaker.


They decide not to collaborate and will create their own games πŸ˜€

Robbie needed help and Capt. Cinta came for rescue πŸ˜‰

Areli had improved his game to the next level! He had successfully added scores πŸ˜‰

Azriel showed us previous game he created with GameMaker

The game has smooth transitions and control because Azriel type in the code not just drag and dropping


While doing the job as a captain, Capt. Cinta still managed to finished the To-Do Apps πŸ™‚

We had a new kid registering to the class: Afdhan. Areli let AfdhanΒ played the game he created πŸ™‚


While Faris was busy creating code in Java to read from and write to a file πŸ™‚ Amazing πŸ™‚

People didn’t believe kids can code in Java until ProCodeCG found these kids πŸ˜‰


Yogi came late, and he picked up where he left right away


Yogi had problem with changing sprite, and with the help of Capt. Cinta, the problem was solved πŸ˜‰

Rafi is going to start his GameMaker lesson next week πŸ™‚

Rafi is ready to move to the next stage πŸ™‚


Capt. Cinta and Capt. Syahna tested the To-Do Apps on Android Phone. It worked! πŸ™‚


Robbie had finished another stage! Will continue it next week πŸ˜‰

We’re going to report more excitement and awesome work next week! πŸ™‚

ProCodeCG Kids Regular Coding Class – Intro to Programming, GameMaker, Java Programming and Apps Programming – 22 Oct 2016


Intro to Programming, GameMaker, Java Programming and Apps Programming Class today πŸ™‚

Darrell continued creating apps with Thunkable πŸ™‚ Prudence was also on the same track πŸ™‚


Nanin now moved on to Blockly Games after finishing Minecraft Hour of Code πŸ™‚


Rezvan chose to do Arduino Coding instead, well it is ok πŸ™‚


Capt. Malik was there to help πŸ™‚

Vian had new idea to create a new game with GameMaker


While on the back some kids and parents were still figuring out the bug on their Arduino codes πŸ˜€

Areli create a new interesting game that was so hard to play because he puts invisible traps randomly so you almost can never win! πŸ˜€ Next week we will add scores and more levels πŸ™‚

It worked! Rezvan has successfully made his own blinking light πŸ™‚


Some kids were not on the picture: Tyo was working on guessing number games in Java (while also working on his game project in GameMaker) while it took a while for Ozan to install Java on his laptop πŸ™‚

We still lots of things to explore next week! πŸ™‚ See you again!

ProCodeCG Kids Coding Camp – Creating Apps – Day #3


Creating Apps, the last day!

Today we did some improvements to our previous guessing number game. Now we add a label text giving a clue whether the guess is too small or too big.

99 is to big

Bildschirmfoto 2016-07-02 um 9.44.31 AM

while 30 is too small

Bildschirmfoto 2016-07-02 um 9.44.39 AM

and 60 is the correct answer! πŸ™‚ the number is generated randomly each time.
Bildschirmfoto 2016-07-02 um 9.44.49 AM

We created new blocks and deactivated the old one (a very cool visual of commenting out the code ;))

Bildschirmfoto 2016-07-02 um 9.48.53 AM

Then we add a number of try to the code
Bildschirmfoto 2016-07-02 um 9.58.34 AM

Now we can see how many tries it takes to guess the correct number

Bildschirmfoto 2016-07-02 um 10.11.03 AM
Bildschirmfoto 2016-07-02 um 10.11.10 AM Bildschirmfoto 2016-07-02 um 10.11.32 AM

The next is creating an app to determine whether a number is even or odd
Bildschirmfoto 2016-07-02 um 10.53.02 AM Bildschirmfoto 2016-07-02 um 10.53.05 AM
Bildschirmfoto 2016-07-02 um 10.53.10 AM

We also tried how to connect to Google Maps

Bildschirmfoto 2016-07-02 um 11.15.53 AM

Thunkable gives access to latitude and longitude from Google Maps
Bildschirmfoto 2016-07-02 um 11.16.06 AM

The last one is creating an app to determine how old are you by entering your birthday date

Bildschirmfoto 2016-07-02 um 12.24.19 PM

We did lots of trial and modifications
Bildschirmfoto 2016-07-02 um 1.15.35 PM

We use DatePicker to get the birthday date input

Bildschirmfoto 2016-07-02 um 1.27.12 PM

The app still need to be improved, too bad we were running out of time!
Bildschirmfoto 2016-07-02 um 1.27.19 PM

This is the class in the morning, before more kids showing up


Kids are very happy to play the apps on their own smartphones
IMG_5638 IMG_5640

Everyone has different version of code. This is Capt. CG’s

And this is Capt. Zaki’s. Looks totally different πŸ˜€


Break time
IMG_5646 IMG_5647

Kids are kids. They played hide and seek during break time πŸ˜€

And after that, we still struggling to make the code work πŸ˜€


Because today’s topic is advanced apps in Thunkable, most of the kids got headache LOL

The block of code was too long

And lots of logics to be figured out


We didn’t have time to finalize the code and had to pack up

And say goodbye to the last day of ProCodeCG Coding Camp!


But don’t worry we’ll be back in six month! πŸ˜‰

ProCodeCG Kids Regular Coding Class 16 Jan 2016 – Creating Apps


Today we continue working on our client-server code in Python, login password in Scratch, countdown to 2015 code in Python and creating apps with App Inventor! πŸ˜‰

This is Farrell demonstrating his solar system’s orbit code in Python πŸ˜‰ The code use real data from NASA and it is really interesting to see the track of each planets based on their speed and Astronomical Unit (AU). The code use Python turtle library to draw the trajectory πŸ˜‰


Faris is working on his Android Studio and Malik is debugging his Python client-server code.


Reza, on the corner has created his own counter with start and stop button, and he had created some apps with Apps Inventor before so it is easy for him to follow the class today πŸ™‚

We have a new student today, Aliyah, the girl on the back with stripes shirt, is waiting for her emulator loading πŸ™‚


We have a little company leading the class today! πŸ˜€


How cute! πŸ˜‰ ❀


Today we create one button and one image with App Inventor. We will set the image to be invisible.

Bildschirmfoto 2016-01-16 um 6.06.17 PM

When the button is clicked, the image will be visible πŸ™‚ The coding is using Blockly πŸ™‚

Bildschirmfoto 2016-01-16 um 11.07.46 AM

After the code is finished, we build the project.

Bildschirmfoto 2016-01-16 um 6.13.01 PM

And then connect it to the Android Emulator (should be downloaded and installed first. And the computer should be restarted).

Bildschirmfoto 2016-01-16 um 6.14.10 PM

If there is any emulator updates then before running the project, it will download the update first.

Bildschirmfoto 2016-01-16 um 6.06.54 PM

This is the emulator

Bildschirmfoto 2016-01-16 um 11.06.34 AM

And there we go! We have it running! πŸ˜‰

Bildschirmfoto 2016-01-16 um 7.48.24 PM

Bildschirmfoto 2016-01-16 um 11.00.39 PM

The problem with App Inventor that it needs a stable and fast internet connection. The connection and loading process is so slow, we should do something else to wait until it displays our project on the simulator. Hopefully we can figure out how to make it work smoothly because today some computers cannot be installed with the emulator and the ones with emulator installed took hundred years for the emulator to show up.

We will work on it next week! πŸ™‚