ProCodeCG Kids Programming Class 8 Aug 2015 – Creating Calculator


Today we pick up where we left last week, finishing our calculator project! πŸ™‚

We have lots of kids today, including those who weren’t coming last week, so we have to jump start some of them to catch up with others πŸ˜‰

FullSizeRender 15

The class is roughlyΒ divided into 3 groups: Cinta and Gaga, the youngest and missed the last class so they have to catch up on turtle, looping and button in turtle. Rheino, Malik and Hikari, also young and tend to work in groups and make similar progress together, and mostly refuse typing in codes :D. And the others are older kids who have started their calculator projects and ready to continue (and willing to type the codes) πŸ˜‰

FullSizeRender 8

Rafli can show lots of passion, he always sit on the front copying the codes, but if it takes too long he will just give up and get distracted. Cinta seek for help to Capt. Syahna πŸ™‚

FullSizeRender 4

Because the class have different progress, the display should show different snippets of codes, makes the operator (Capt. Syahna) very busy changing window and scrolling up and down πŸ˜€

FullSizeRender 2

FullSizeRender 16

Look how different ages looks different in solving problems πŸ˜€

FullSizeRender 23

Everybody is trying hard to keep up with the class πŸ™‚

FullSizeRender 10

The older ones usually sit on the back and they can be very nice and helpful to the younger ones πŸ™‚

FullSizeRender 11

FullSizeRender 17

Some students need to use headset, but as long as they are following the class.

FullSizeRender 12


These are Faris and Gaga. Working together debugging the code πŸ˜‰

FullSizeRender 20


Ara has his own way developing a calculator: with Scratch πŸ™‚ After this one work he will port it to Python πŸ™‚

FullSizeRender 21

And this is Cinta shows her calculator code and test it with integers, negative numbers, floating numbers, very big numbers etc. πŸ™‚

FullSizeRender 13

Yeaaah this is what we produce today: a simple calculator πŸ˜‰

Bildschirmfoto 2015-08-08 um 9.22.02 nachm.

And after each kids finish the code, debug the code and make sure it works cleanly, they are allowed to play games together!

FullSizeRender 14

This is our weekly pleasure! See you next week! πŸ™‚ ❀ ❀ ❀

ProCodeCG codeMeetUp 3 August 2015 – CyberLabs – UI-UX and CSS to Optimize Your Website Design


Today, Rizky MW – Graphic Designer and Seprian Abdi B – Atom Project Manager from CyberLabs shared about UI – UX and CSS to Optimize Your Website Design.

FullSizeRender 2

UI (User Interface) and UX (User Experience) is very important. It is the key that makes users stays longer and use your apps.


Same kind of products with different designs will have different stories. Ones with good design will get more users.

FullSizeRender 12

Most of the audiences are web/apps designers, programmers or developers πŸ™‚

FullSizeRender 14

This is the story why CSS is so important for a layout design:

FullSizeRender 6 FullSizeRender 10 FullSizeRender 5

The presentation is brief but we asked many questions! πŸ˜‰

FullSizeRender 7

It is such a great opportunity to learn about this stuff from those who knows to design and generate apps! Thanks for sharing!

FullSizeRender 4

Next week we will have a start up sharing about its about-to-launch app named Pleasurr. This is a great app, you should not miss it! πŸ™‚

Related article:

ProCodeCG Kids Programming Class 1 Aug 2015 – More Python


Our weekly happiness is ProCodeCG Kids Programming every Saturday 9 – 11 am πŸ™‚
Kids usually come up early before the class starts!


Today we continue the Light Bot, to give the newcomers a chance to catch up and to re-introduce the concept of a function.

FullSizeRender 13

Kids should understand the concept of function because today we are porting Scratch “drag-and-drop programming” concept to Python πŸ™‚

FullSizeRender 19


Some kids familiar with Scratch are allowed to do the task with Scratch before they port it to Python. The others just jump right in typing Python.

FullSizeRender 18

New students keep coming in so even we missed several kids today the class is still filled up πŸ™‚

FullSizeRender 6

And this is what we call persistency πŸ™‚ ❀FullSizeRender 7

Eventough kids usually open YouTubes or playing some games during class, it is only allowed after they have finished the task given.

FullSizeRender 10

And peer learning always work all the time! πŸ˜‰ πŸ™‚

FullSizeRender 20

Well, the fond of problem solving/programming is when kids keep doing it after they got home. Like one of ProCodeCG Captain finally solved the most hard problem at the class and do it again at home just to screenshot it and Β make sure she can help the students next class πŸ™‚

Bildschirmfoto 2015-08-01 um 5.36.55 nachm.