ProCodeCG Kids Regular Coding Class – Arduino Programming – 4 March 2017


In several weeks we will move on to a more advance development board: Espectro πŸ™‚ While waiting for Espectro mass production, we will use the last few weeks exploring Arduino before we start to connect to cloud via wifi and create IoT stuff πŸ™‚


Like usual, it took some time for kids to come, probably because it is Saturday πŸ™‚



Today we learned to create morse encoder using LED and buzzer πŸ™‚


All is ok as far as we got Capt. Reza onΒ duty πŸ˜‰


We were trying to add number to be encoded but we had to convert it from integer to char


and apparently it wasn’t that easy πŸ˜‰


And this is how Reza looks when he’s determined to do something πŸ˜€


Hello Raul! Raul was catching up with the task from previous class. His stopwatch with 2 buttons didn’t work


Mama Ren gave some help but still it didn’t work


So RaulΒ switched to the morse encoder and it worked πŸ™‚


Clarence came with loads of progress to brag about πŸ˜€


He had several project going on πŸ˜€ This one synchronizes time and display it to the TFT


Clarence also make improvements to his stopwatch code, making it more precise with better display design πŸ™‚ He even added a reset function to the single button, along with progress bar display on the TFT to show how long the button has been pressed πŸ™‚


Clarence also created some cool patterns on the TFT, as a preparation to create analog stopwatch πŸ™‚

IMG_3985 2

Cinta was keeping up with the class too, she was working on her stopwatch while also doingΒ her writing project πŸ˜‰



Ozan. Always like this when we take his picture πŸ˜€


LOL. But the most important thing is the schematic worked! πŸ™‚


Ren did the schematicΒ quickly πŸ™‚ But the usual uploading error occur again πŸ˜€ Only Mama Ren can solve that πŸ˜€


Rafi was back in the class yaaaay πŸ™‚


He broke his left wrist but still so excited to learn πŸ™‚ Mama Rafi stood by him all the time to help πŸ™‚


When thing went wrong, Capt. Reza came to help πŸ™‚


Rafi was trying to make his measuring height work and finally it did πŸ˜‰

IMG_3986 2

We also had Dika back! He jumped straight to the schematic we were doing today, and it worked yaaay πŸ˜‰


Next week we will start to explore LCD πŸ™‚ Will connect our previous project to LCD and display the result there πŸ˜‰






ProCodeCG Family Coding Crash Course Day #5 – 25 Nov 2016


Wow the last day already :((

We had lunch before starting the class πŸ™‚


The we picked were we left yesterday


Sadid decided to learn HTML and CSS today (he was learning Java for the last two days), while Razin decided to learn Java (he was learning HTML CSS for the last to days) πŸ˜€

So that these two can discuss about their works and help each other πŸ˜‰


They made jokes too while learning πŸ™‚

It is ok as long as they’re learning happily πŸ˜‰


Azza was progressing very fast with her Azza’s Bakery web design πŸ™‚ She uses lots of tricks in HTML and CSS πŸ™‚

Sadid did the catching up very well too


So did Razin, he finished his Java Intro from Code Academy and start learning from ProCodeCG Java Programming Handout πŸ™‚

And successfully compiled the button code πŸ™‚ He also did the login window too, and very happy about it!


Too bad the class ended today, but we still can learn anytime don’t worry!


We’re going to open the next class with different topics πŸ™‚ Thanks all, so proud and honored to be able to share things with you πŸ™‚

ProCodeCG Kids Regular Coding Class – 30 July 2016 – Exhibition Prep Part 2


Whoaaa, we got lots of things going on today in our kids regular coding class πŸ˜€ We had lots of kids, lots of activities and lots of surprises πŸ˜€ We got newcomers too πŸ˜‰


This is Areli, a newcomer, a very serious thinker πŸ™‚


Capt. Faris and Capt. Reza working in team with Farrell to improve Farrell’s solar system code πŸ™‚

While Azriel was preparing to present his work today πŸ™‚

And we got our Lead Captain back! Zaki has been so busy lately after being accepted atΒ SMUN 3 Bandung πŸ™‚


Clarence and Pru, working on their Minecraft project. While at the back, there were Rayna (a cousin from Netherland) and Al (Aliya) busy with their stuff too πŸ™‚

We also got Jundy and Rasen as newcomers! πŸ˜‰


At the back row there were Capt. Zaki assisting Vian while Edo and Tyo working on their collaboration project and we also got Ozan (blue shirt) back!!!

Capt. Faris checked up on Areli while Capt. Zaki took a look on Farrell and Reza’s πŸ™‚


These newcomers were fast! πŸ™‚

Al was picking up where she left on CyberSecurity πŸ™‚


While Rayna is working on Minecraft Hour of Code πŸ™‚

Azriel preparing the presentation


He created a code to translate numbers to tone πŸ™‚

His code can play music by reading a file of numbers (that represent notes)


The audience (who can give questions too πŸ˜‰ )

Well, Azriel did it very well, both the presentation and answering the questions πŸ™‚


The captains worked together to make things work (Capt. Anya helped with projector connection, Capt. Fizhan prepared the soundsystem and Capt. Zaki operated the screen) πŸ™‚

While the others keep working on their own (and getting ready to do presentation next week πŸ˜‰ )


Now it’s Farrell’s turn (apparently he forgot something by that gesture? LOL)

Capt. Reza assisted Areli to register to CodeCombat


Farrell’s code is about solar system

The code prints the trail of each planet, using real metrics and constants from NASA

Farrell can explain very well


And did answer the questions very well, while also showing the details πŸ˜‰

We also had a debate about the world is flat topic and too bad we cannot upload the video here πŸ˜€ It’s amazing how kids using their simple logic to explain twisted theory grown ups make up! πŸ˜›

And at the end of the class we clean up the room, and the cousin helped us too! Thanks Rayna, hope you enjoy the class and bring some cool memories to Netherland!



ProCodeCG Kids Regular Coding Class – 16 July 2016 – CyberSecurity


We’re back after the long holiday πŸ˜‰ Lots of kids were still on vacation so the class wasn’t fully packed today πŸ™‚


Ok we learned a new thing today: CyberSecurity πŸ˜‰

Bildschirmfoto 2016-07-16 um 9.33.52 AM

This good site teach us about CyberSecurity by pretending that we were a CTO of a start-up social network company πŸ˜‰

First we chose the avatar

Bildschirmfoto 2016-07-16 um 9.34.35 AM

then the company
Bildschirmfoto 2016-07-16 um 9.35.02 AM

and then the server was being attacked by virus so we have to decide what defense to be applied to the server with only 3 coins πŸ˜€

Bildschirmfoto 2016-07-16 um 9.35.59 AM

To gain more coins, we have to do three challenges: Coding Challenge, Password Cracking Challenge and Social Engineering Challenge
Bildschirmfoto 2016-07-16 um 9.44.54 AM

The coding challenge was quite easy, most of ProCodeCG Kids have done this with Blockly or Thunkable

Bildschirmfoto 2016-07-16 um 9.49.33 AM

Then we had to create some secure password and crack some passwords πŸ™‚ This taught us how to create secure passwords and the logic of people who do cracking

Bildschirmfoto 2016-07-16 um 9.49.39 AM

We also learned about social engineering fraud. Like phishing email.

Bildschirmfoto 2016-07-16 um 10.04.21 AM

We learned to identify suspicious things about phishing emails
Bildschirmfoto 2016-07-16 um 10.06.38 AM

And after we finish the challenge the company will grow!

Bildschirmfoto 2016-07-16 um 10.06.48 AM

This is another example of identifying suspicious website
Bildschirmfoto 2016-07-16 um 10.07.32 AM

A really good way to inform the kids about fake websites! πŸ˜‰

Bildschirmfoto 2016-07-16 um 10.08.15 AM

We also learned how to differ fake caller by identifying red flags in the conversation.
Bildschirmfoto 2016-07-16 um 10.08.51 AM

We listened to the recording and identify weird sentences

Bildschirmfoto 2016-07-16 um 10.10.17 AM

So kids will aware about phishing attempt πŸ™‚
Bildschirmfoto 2016-07-16 um 10.10.24 AM

After finishing all challenge, we will get more coins and be able to protect our company fully πŸ™‚

Bildschirmfoto 2016-07-16 um 10.13.15 AM

The next level of social engineering challenge
Bildschirmfoto 2016-07-16 um 10.33.30 AM

We learned that we should be really careful about credit cards information

Bildschirmfoto 2016-07-16 um 10.35.40 AM

As the company grows, there will be mor challenges and attack. But with more coins, we deploy firewall, buy more servers and filter traffic. This way kids will learn about things they should pay attention about cyber security of a company.
Bildschirmfoto 2016-07-16 um 10.43.34 AM

Yaaay, fully protected πŸ™‚

Bildschirmfoto 2016-07-16 um 10.44.19 AM

We finished all the tasks today so we have time to discuss about our project to be presented on upcoming ProCodeCG Kids Exhibition 17 Aug 2016 πŸ™‚


Capt. Cinta had also some time to continue her Python challenge on πŸ™‚


We’ll be back again next week! πŸ™‚

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 Coding Camp – Python Programming – Day #3


The last day! We learned to create virus, and the antivirus of course! πŸ˜€

Before we learn how to create virus, we have to learn how to write to and read from a file πŸ™‚

Bildschirmfoto 2016-06-29 um 9.23.40 AM

We also have learn how to find files in directory

Bildschirmfoto 2016-06-29 um 9.38.28 AM

or finding a specific file

Bildschirmfoto 2016-06-29 um 10.26.05 AM

Then we can start create the virus

Bildschirmfoto 2016-06-29 um 8.59.06 AM

The virus is not dangerous, basically it just makes a copy of itself to another file, and only .py files πŸ™‚ The antivirus is simply deleting the virus body from the infected file

Bildschirmfoto 2016-06-29 um 10.45.49 AM

We also created an encryption virus using a simple substitution cipher

Bildschirmfoto 2016-06-29 um 12.10.11 PM

The antivirus is simply reversing the process which is decrypting using substitution cipher πŸ™‚
Bildschirmfoto 2016-06-29 um 12.11.24 PM

Some kids arrived late so we waited a bit before starting the class


The class (only missing one kid who didn’t feel so well today)


Each piece of code is being tested. This is the view of Capt. Zaki laptop’s screen.


Lots of code needs debugging, Capt. Zaki handles two computers at the same time πŸ˜€
IMG_5373 IMG_5374
IMG_5375 IMG_5376

Busy captains
IMG_5377 IMG_5378

We finally finished all the codes!

So it’s a wrap! πŸ™‚


Tomorrow we will learn how to create apps for android πŸ™‚

This is us on the way home, fully packed on the back seat LOL

UntilΒ tomorrow! πŸ˜‰

ProCodeCG Kids Coding Camp – Java Programming – Day #3


The last day of ProCodeCG Kids Coding Camp – Java Programming! πŸ™‚

Today we finished our pie-shot-the banana-with-cherry code and start another one:

Flappy Bird in Greenfoot πŸ™‚

Bildschirmfoto 2016-06-25 um 7.49.21 PM

It is a bit hard but most of the methods are just the same with the previous games we have created πŸ™‚

Bildschirmfoto 2016-06-25 um 11.05.34 AM

We missed one student today, the others were still excited to pick up where we left yesterday πŸ˜‰

Our captains (Zaki, Reza, Fizhan, Faris)


Capt. Syahna


Lots of adults take a look at the screen when we do this and ask: “How could it be possible kids learning this?” πŸ˜€

Yes it is possible! This is Ara typing the code and later make sure the code is error free


This is Zaky, the youngest one in the class πŸ™‚ He was very serious and always want to get things done. He just won’t stop until he finished. And he complained a lot about other kids playing the games instead of typing the code πŸ˜‰

The kids sometimes play some games in between lines of code because they have to wait other kids to finish typing so when they have finished their part, they usually play games or watch YouTube. It is allowed as long as they finish their work.


But today’s code was very long, there was no time to play πŸ˜€

Each kid has to make sure they got everything right on every classes and methods


So Capt. Zaki was very busy navigating the screen πŸ˜€

We split the screen to accommodate more kids πŸ™‚


Capt. Faris and Capt. Malik debugging Ronggur’s code


The good thing about coding is that it indirectly teaches kids about consistency and little details. That you have to do things properly and in order. That a single character can cause errors πŸ˜€

A view like this make us proud that we have young brains ready to defend the country πŸ™‚


Capt. Malik helped Muhammad with the code

And we moved to Flappy Bird!


Capt. Malik explained the code, with Capt. Zaki as the screen operator πŸ˜‰
IMG_5046 IMG_5047

And Capt. Fizhan took a video of interview with the Lead Captain for our coding camp promo video πŸ˜‰


Our class from the outside πŸ™‚ Looking good πŸ™‚

Capt. Faris debug Dika’s code


Capt. Malik checked on every kid making sure they understand

Zaky is a very enthusiast programmer. He was Β closely under Capt. Malik’s assistance. Capt. Malik said that the code wasn’t difficult πŸ˜€ If an 8 yo like Zaky can comprehend it so should the rest of the class, he said πŸ˜€ πŸ˜€ πŸ˜€ Two young brightest minds! πŸ™‚


Muhammad referring to Tyo’s work to make his code work


The class has always been fun!


But today is the last day and this is us with the certificates yaaay!!!


See you on Monday with Python Programming! πŸ˜‰