ProCodeCG codeMeetUp()++ 22 Oct 2015 at Digilife Dago


Last Thursday, we held a big ProCodeCG codeMeetUp() at Digilife Dago πŸ™‚

ProCodeCG - codeMeetUp() with 711 Oct 2015 Poster - small

Insan Music Store arrived very early to set up things πŸ™‚


ScarryMo, was also there πŸ™‚


Digilife Dago kindly set up a stage for Insan Music Store performance


Pak Budi Rahardjo was coordinating with Pak Izak Jenie, Head of Digital Service, 7 – Eleven.


ProCodeCG and Insan Music Store banners


Pak Budi Rahardjo gave a welcome speech,

introducing Pak Izak Jenie to the audience πŸ™‚

The first topic was “Kids Programming and IT Education for Empowering the Future” by Marisa Paryasto, founder of ProCodeCG.

IMG_8684And after Pak Budi Rahardjo shared stories about Indonesia Digital Music Store, Pak Izak Jenie introduced himself and shared lots of things about “Understanding Retail for StartUp” -part 1 πŸ™‚


Dyan R. Helmi, CMO of Dycode, shared about on of its product: Allegra – Marketing and Social Engagement Machine.


And Ahmad Syarif Hidayatullah, Founder of CyberLabs, shared about “Tips on How To Create Growing Business”.IMG_8696

We had a break for lunch and some jamming session after that πŸ™‚

IMG_8697Yeah, we played music, we sang, we ate, we drank (some ScarryMo) together! πŸ™‚

We had a great time!


Meanwhile, Muhammad Ajie Santika, CEO of TinkerGames, had just arrived and tasted some ScarryMo too πŸ˜€

Yeaaah, a new banner had been added!


More CEOs were coming too! These are Aditia A. Pratama – Technical Director of Kampoong Monster Studio and Ramdhan Dwi Putra – the CEO!


We got more crowd here! The more the merrier! There was also Muhammad Ihsan Akhirulsyah – CFO of Cybreed!

Yaaay finally, Insan Music Store performance, Pak Budi Rahardjo and his son Luqman Rahardjo!
IMG_8711And back to Pak Izak Jenie afterwards, continuing with “Understanding Retail for StartUp” part 2 πŸ™‚
And this is Muhammad Ihsan Akhirulsyah – CFO of Cybreed, explained about Cybreed, mostly philosophically πŸ™‚
850633616_8279919759943510304And we got this superstar too, Muhammad Ajie Santika – CEO of Cybreed, shared about TinkerGames and StartUp Ecosystem in Bandung!

850637150_4520002188107413641Aaand last but not least, Aditia A. Pratama – Technical Director and Ramdhan Dwi Putra – CEO of Kampoong Monster shared about “Expand Through Collaboration”


This is an incredible event attended by incredible people and incredible topics! ProCodeCG is so proud to be able to held this event. Looking forward to do it again! Thanks to Digilife Dago and all the speakers, and all the audiences!

See you soon! πŸ™‚


ProCodeCG codeMeetUp() 26 Oct 2015 – Kampoong Monster Open Workshop: Non-Photorealistic Rendering


Last Monday, we had Aditia A. Pratama, Technical Director of Kampoong Monster Studios taught us about Non-Photorealistic Β Rendering (NPR) πŸ™‚


This is the example of a NPR. NPR is inspired by artistic styles such as painting, drawing, technical illustration and animated cartoons. This is a contrast to traditional computer graphics, which focused on photorealism.


This is the audience. Enthusiast audience! πŸ™‚IMG_8930

And we started the workshop!

IMG_8932And these are the process of creating non-photorealistic render from creating a uv-sphere, adjusting camera, adding source of lights, and rendering

Bildschirmfoto 2015-10-26 um 2.17.55 nachm.
Bildschirmfoto 2015-10-26 um 2.19.31 nachm.

Bildschirmfoto 2015-10-26 um 2.20.40 nachm.Bildschirmfoto 2015-10-26 um 2.25.11 nachm. Bildschirmfoto 2015-10-26 um 2.27.36 nachm.

Bildschirmfoto 2015-10-26 um 2.43.15 nachm.

Bildschirmfoto 2015-10-26 um 2.33.13 nachm.

Bildschirmfoto 2015-10-26 um 2.58.00 nachm.

And this is the result! Looks really cool isn’t it? πŸ™‚

Bildschirmfoto 2015-10-26 um 3.01.07 nachm.

We added some borderlines on this one.

Bildschirmfoto 2015-10-26 um 3.02.59 nachm.

And dash lines too.

Bildschirmfoto 2015-10-26 um 3.07.56 nachm.And here we are, the happiest, the luckiest and the most talented people on earth that day! πŸ˜€


See you next Monday for an interesting regular codeMeetUp() topic and Monday after the next for another Blender workshop! πŸ™‚

ProCodeCG Kids Programming Class 24 Oct 2015 – Finishing Bubble Blaster


Yesterday we worked on finishing our Bubble Blaster game in Python πŸ™‚


We added some important functions to make it work, and adding time limit and score.


And this is the expression of our little coders in work πŸ™‚

This is Ardi trying to debug his code because the bubble won’t pop op! πŸ˜€


Faris is working on displaying time and score.


Gaga is figuring out what went wrong with his code because the bubble won’t come up


Cinta and Capt. Anya are discussing on how to modify the game


Azriel starts to modify the Bubble Blaster to be an πŸ˜‰


We still haven’t decide what to do next week because we’re going to have a programming event, so probably we won’t have any class next week. But, well see πŸ™‚

ProCodeCG codeMeetUp() 19 Oct 2015 – Simulakrum: “Our Lessons Learned from Motion Picture”


We were very lucky yesterday to have a great and talented filmmaker, Shendi Abdi M from Simulakrum Media Works share about lessons learned from Motion Picture.


Simulakrum is a visual communication design studio. Its products focused on audio-visual and multimedia contents, including film, video, motion graphics, visual effects and interactive media.

Simulakrum definition is a copy, imitation or representation of life reality perceived by people. People then make assumptions that the copy, imitation and representation is the true life reality. This definition is being used so that Simulakrum Studio products as the copy, imitation and imitation of life reality can be accepted and trusted by the people and will give the expected impacts.


The talk was very inspiring because every word and meaning was clearly defined. There were also examples for each definition.



There were lots of new insights and knowledge about film/motion picture/ movie most people haven’t heard before.


The topic covers many details about filmmaking. With some of movie scenes for examples.


We bet lots of people want to know all these interesting stuffs about movies.


And we also bet that not many people notice that we have lots of talented people and company in filmmaking!


Simulakrum is one of those talented and qualified company on its field. It knows what to do.


It knows what makes a film good or bad.


This presentation shows how people with passion work. It shows hard work and dedication.




ProCodeCG Kids Programming Class 17 Oct 2015 – Continuing Games Development in Python


Hello! Today we picked up where we left last week: continuing our GUI games with tkinter in Python!


Some kids missed the class last week so they have to catch up and type lots and lots lines of codes!

Some kids are faster and eager to make the code work so we have to set up several screens displaying different lines of code πŸ˜€


This kids always impress us with the passion and curiosity. They examine every line when there are some errors. They will go home in a bad mood if they cannot figure it out πŸ˜€

Sometimes, double assistance is needed to find out what goes wrong.


All in all, we had a great day! Just like every other Saturdays! πŸ™‚ Next week we will modify this game to be the famous game πŸ˜€

ProCodeCG codeMeetUp() 12 Oct 2015 – Animation Open Workshop – Material Exploration


Yeahhh, on our codeMeetUp() yesterday, Bintang Senja from Kampoong Monster taught us how about material exploration.

We started with 3D production pipeline: pre-production, production and post-production.


What we learned was on production stage: rendering.

IMG_8144 IMG_8145

These are the audience πŸ™‚


Yes, we the workshop was about how to “create” this things.

But of course, to reduce the complexity, we started with balls (and NOT the one in the middle, because it took quite lots of efforts to create πŸ˜€ )

IMG_8149Here’s some of the screenshot of what we did yesterday πŸ˜‰

We set up the environment for the objects.

Bildschirmfoto 2015-10-12 um 1.55.56 nachm.

And then put 4 object on the plane we created before.

Bildschirmfoto 2015-10-12 um 2.11.32 nachm.

Set up the camera.

Bildschirmfoto 2015-10-12 um 2.19.04 nachm.

Start giving effects to the first ball.

Bildschirmfoto 2015-10-12 um 2.22.42 nachm.

To get this awesome glowing ball of blue lights! πŸ™‚

Bildschirmfoto 2015-10-12 um 2.26.49 nachm.

And we applied effects and render the second ball to be a shiny glass ball.

Bildschirmfoto 2015-10-12 um 2.41.36 nachm.

And the third: a metal ball.

Bildschirmfoto 2015-10-12 um 2.46.25 nachm.

And the last: a marble ball. How cool is that!

Bildschirmfoto 2015-10-12 um 2.48.44 nachm.And this is the happy and proud us!


See you next week for the regular sharing session and 2 more weeks for the regular open workshop on animation! πŸ™‚

ProCodeCG Kids Programming Class 10 Oct 2015 – Creating Games with Python


Today, we learned to create a game with Python. We did it with GameMaker, and it was very quick and straightforward. Today we rewrited it in Python and learned lots of things!


We created a game where a player can control a submarine to pop bubbles.


We created a window, put a submarine on it and made functions to control it.


We also created some random functions to create the bubbles, with different position, different size and different time.


We also had to define functions to keep the bubbles in a list, and create a function to delete them from the window when they pops (and delete them from the list as well, of course).


So that we also had to create functions to detect the submarine and bubbles positions, and define a collision.


The player will get the score when the submarine hit a bubble. We typed lots of line of codes instead of just clicking and type a bit with GameMaker, but today we learned a lot about logics, sequences and math functions!


Yaaaay, our first game in Python! πŸ˜‰

Bildschirmfoto 2015-10-10 um 7.17.05 nachm.

ProCodeCG Kids are flexible and fast-learners programmers. We might learn different things every week, but we have a strong core in logics and algorithm πŸ˜‰

ProCodeCG codeMeetUp() 5 Oct 2015 – A Cup of Friendly Tips: Psychology with a Touch of Technology


Wow, we had a topic on psychology for the first time on our codeMeetUp() today! πŸ˜‰

Fani Apriani from 123 Education shared about Psychology with a Touch of Technology πŸ™‚


123 education is an organization that concerns about kids and parents (parenting). The organization has 3Dragons, an animation education and community for kids, and A Cup of Friendly Tips, a psychology activity for parenting based on technology.


In a stressful like this, where the pressure and burden of life is getting higher, there are so many psychological problems occur.

IMG_7781 IMG_7782

And finding the solutions for those problems is not easy.


A Cup of Friendly Tips is designed to provide solutions, with the touch of technology.


The solutions cover the biggest issues in community.


One of the example is corruption.


The solutions being offered for corruption is to find the motives and eliminate them.


The most adorable thing is that the speaker practice a very good parenting example during (and even before and after!) the presentation. She brought this little cute kid who was really brilliant creating and experimenting with shapes on PowerPoint!


We also had lots of inter-discipline discussions.


And this is us! Different crowd, but sharing the same spirit and happiness each time! Thanks for coming!

Next week Kampoong Monster will be back with animation workshop again! πŸ˜‰

ProCodeCG Kids Programming Class 3 Oct 2015 – Encryption Virus



We seriously created an encryption virus today πŸ˜‰ But before that we learned about file i/o. About how to read from a file (per character, per line, or multiple lines). IMG_7628

Then we learned how to write to a file. And how to read from a file, encrypt it then write it to a new file.





Next we learned how to read from a file, encrypt each character, write it to a buffer and write it to the same file.







After that we modify the last virus to list files to be infected, checking which ones already have virus signature, and then encrypt each character in the file! πŸ˜€


Some of the kids refused to run the virus because the anti-virus hasn’t been written yet! LOL πŸ˜€


But after they were assisted to create back ups, all kids now has the virus healthy and works find. infecting all .py files in the directory encrypted. With now white spaces! πŸ˜€


This is how the virus looks like

Bildschirmfoto 2015-10-02 um 9.53.16 nachm.

And this is how the files got infected πŸ˜€

Bildschirmfoto 2015-10-03 um 8.22.06 vorm.

Next week we will learn to create the anti! πŸ˜‰