ProCodeCG Kids Programming Class 29 Aug 2015 – Simple Encryption


Today. We learned some encryption. Yeah πŸ™‚

FullSizeRender 15

FullSizeRender 3

The encryption for today is simple substitution πŸ˜‰

FullSizeRender 5

The kids had to type down everything to find out what “encryption” means. Kids won’t listen if you explain things on the whiteboard. You just have to make them do things and let them see what happen πŸ˜€

FullSizeRender 7

Once they finished they still need to debug some errors.

FullSizeRender 10

Because this code only work with Python 2.7

Bildschirmfoto 2015-08-29 um 10.58.03 nachm.

And supposed to execute on the command prompt because it takes arguments

Bildschirmfoto 2015-08-29 um 10.59.33 nachm.

So we had to modified it like this to make it work for today. Next time we will use tkinter to make a simple GUI for this πŸ˜‰

Bildschirmfoto 2015-08-29 um 10.58.10 nachm.

After the kids understood how the encryption works (by shifting the alphabet k steps to the right), they found their own way to find out how to do decryption; by shifting k steps to the left! YEAAAH πŸ˜€

And at the end of the class, these two girls were given a task to give their classmatesΒ a case to be solved. A ciphertext to be decrypted πŸ˜€

FullSizeRender 12 FullSizeRender 13 FullSizeRender 14

FullSizeRender 6

And this is. What they came up with LOL

FullSizeRender 4

And guess what. Their classmates solved it. LOL LOL. πŸ˜€

ProCodeCG CodeMeetUp() 24 Aug 2015 – Workshop – Blender Dynamic Paint


Today we learned about dynamic painting to make dynamic terrain with Aditia A. Pratama and Bintang Senja from Kampoong Monster πŸ™‚

FullSizeRender 2

FullSizeRender 4

We got lots of animator joining in πŸ™‚


These are some screenshots from what we did today πŸ˜‰

Bildschirmfoto 2015-08-24 um 1.43.52 nachm. Bildschirmfoto 2015-08-24 um 1.44.53 nachm. Bildschirmfoto 2015-08-24 um 2.00.41 nachm. Bildschirmfoto 2015-08-24 um 2.21.21 nachm. Bildschirmfoto 2015-08-24 um 2.26.28 nachm.

And this is us! πŸ™‚

FullSizeRender 6

Next week ProCodeCG will join Prototype Day, collaborating with STEI and FSRD ITB πŸ™‚

See you there! πŸ˜‰

ProCodeCG Kids Programming Class 22 Aug 2015 – A Quiz on Logics with Python


Today we have a quiz!

ProCodeCG always observe, make a report and evaluate each and every of its class. We are currently doing a research on programming/coding/information technology for kids, so we are gathering as many information as we could to be compiled into a publication.

That is why the curriculum is fluid and very lose, because we use different methods to teach kids while observing the effect of each method.

Today we give a quiz, to measure how much kids have absorbed things they have learned with us πŸ™‚

FullSizeRender 3

Since the last time we created calculator with GameMaker, today kids need some quick refreshment on Python syntax πŸ˜€

FullSizeRender 2

They quickly reload their Python skill from previous classes, and finish the quiz real fast we have to keep adding challenges!!! πŸ˜€

Bildschirmfoto 2015-08-22 um 5.32.05 nachm.

Like this one, a tricky looping inside a loop πŸ˜€

Bildschirmfoto 2015-08-22 um 5.35.21 nachm.

Today we also learn syntax differences between Python 3.4.3 and Python 2.7 πŸ˜€

The one with the white background is written in 3.4.3 while the black background in 2.7. A big difference! πŸ˜€
Bildschirmfoto 2015-08-22 um 5.37.56 nachm.

Next week we will learn about encryption! Kids cannot wait to create their own secret messages πŸ˜€

ProCodeCG codeMeetUp() 18 Aug 2015 – Fonts 001


Today we learn about typeface from Prof. Budi Rahardjo! πŸ™‚

FullSizeRender 23

“Fonts” is not the right word, it is typeface.

FullSizeRender 2

Historically associated with printing press by Johann Gutenberg (1450)

FullSizeRender 4

Fonts, or a specific typeface subconsciously conveys message.

FullSizeRender 28

It is like the dress we wear. And the mood we feel.

FullSizeRender 7

Choosing fonts should be also based on clarity.

FullSizeRender 9

The difference between Serif and Sans Serif

FullSizeRender 25

And the font used for meme: Impact πŸ˜€FullSizeRender 12

Some stories about Comic Sans πŸ˜€ πŸ˜‰

FullSizeRender 3

And some demo on how to installΒ and use different fonts in web browser:

FullSizeRender 24

Because different fonts will set different mood

FullSizeRender 22

And this is some latex compiling…

FullSizeRender 18

To show some proper fonts for a currently-working-on publication πŸ˜€

FullSizeRender 17

The audience are mostly designers. Or, those who are aware and appreciate designs.

FullSizeRender 27

They share some point of views of designers

FullSizeRender 10

And some of astronomers perspective too! πŸ˜€

FullSizeRender 26

And this is us! This event will always be held, even when there is only a few people!

FullSizeRender 8

See you next week! πŸ™‚

ProCodeCG Kids Programming Class 15 Aug 2015 – Calculator with GameMaker


Last week we have built our calculator in Python. This week, we do it in GameMaker, to become more familiar and understand more about the concept of variable, global variable, event-driven programming and conditions πŸ™‚

FullSizeRender 6

Kids came early as usual, they always show lots of passion about the class! πŸ™‚

FullSizeRender 14

Some parents were there observing πŸ™‚

FullSizeRender 13

Kids solve problems better by working in groups. Nara is very good at GameMaker so we just let him gave tutorial for the whole class πŸ˜€

FullSizeRender 12

Ardi, came late but catch up very fast.

FullSizeRender 11

GameMaker is very powerful for teaching kids about coding. It can be very simple and can also gradually become very advanced when we start writing the code.

Some kids say Game Maker is harder than Python πŸ˜€

FullSizeRender 10

Nara made his own game with GameMaker and the whole class want to play it πŸ˜€

FullSizeRender 8

In this class kids are discuss and share many things. This is how Cinta is explaining about Python code she has been developing since last week πŸ™‚

FullSizeRender 7

Cinta modified the code given in the class to be more interesting and advanced πŸ™‚ ❀

FullSizeRender 4

Don’t you feel optimistic to see that this nation has kids eager to learn like this? πŸ˜‰

FullSizeRender 2

This is a screenshot of calculator coding in GameMaker.

Bildschirmfoto 2015-08-15 um 10.27.49 nachm.


Next week we will be improving the code in GameMaker, and hopefully the week after we will learn how simple encryption! πŸ˜‰


ProCodeCG – Kampoong Monster Workshop: Architecture Visualization Using Blender


Today we learn about Architecture Visualization. 3D modeling is divided into two: character development and architecture/environment development. This is Mas Bintang explaining about how to create architecture building and environment.


Environment can be trees, rivers, sky, etc. while architecture can be house, office or room.


Character modeling needs more art while architecture modeling needs more architectural skills.


See you on the next workshop! πŸ™‚


ProCodeCG codeMeetUp 10 Aug 2015 – Pleasurr: An App for Pleasure Seekers


Today we have Jume Analyes giving a Pitch Session about Pleasurr – An App for Pleasure Seeker!


This app combines great features of AirBnB and Instagram, to provide personal talents to host unique and meaningful classes or activities.


The app will help people to find pleasure activities with hosts with talents.


This app offers so many features other apps don’t!IMG_1414

The founders!


Of course with its distinct features, this app is gonna be big, like AirBnB, Gojek, Uber, etc πŸ™‚


The audience πŸ™‚


Jume also has a start up for Instagram Marketing named Anacondagram πŸ™‚


We will talk about this more thoroughly next time! πŸ˜‰


Here we are! πŸ˜‰


Next week’s topic will be announced on ProCodeCG Fan Page on Facebook! πŸ˜‰

Related article: