ProCodeCG codeMeetUp() #47 30 Nov 2015 – Building e-Commerce


Our speaker to day is Handi Limijaya, CEO of, sharing about Building e-Commerce πŸ™‚


He started since 12 years ago!

IMG_0804 is one of those rare business who can precisely identify its niche markets.

IMG_0805 collaborates with authorized distributor and service center major brand in tools and hardware.


The business is keep on growing ever since.Β And BTW, this CEO skill of programming helps him A LOT along the way!!! πŸ™‚ πŸ˜‰


These are the e-commerce business model. is a retailer while also make use of marketplace.


To start an e-commerce retail, these things are to be considered of


And these are things to be done


The audience! πŸ™‚

IMG_0814 is offering a free coupon! Use it now! πŸ™‚


And this is us!


Next week: Kampoong Monster will be giving workshop on animation πŸ™‚


ProCodeCG Kids Programming Class 28 Nov 2015 – Algodoo Challenges


YesterdaaaayΒ we did some Algodoo challenges!

But before we get into the materials for today, we are going to show you what Ardi, the Algodoo expert has made a night before πŸ˜€


A bulldozer to crunch a car LOL πŸ˜€


Faris also created something interesting before the class: a piston πŸ™‚


After checking out those cool stuff kids created at home, we started to do the challenge πŸ™‚


Everybody has own ways to solve the challenge


This is Ardi gave Gaga a jump start on Algodoo. Gaga seemed to like this kind of problem solving activity πŸ™‚IMG_0681

The siblings of ProCodeCG Kids Class Student, usually come to the class to watch their brothers/sister learning. This one is Ardi’s little brother πŸ™‚


He just waited there the whole time, nicely and quietly πŸ˜€


One of the challenge is to make a bridge strong enough for a truck to go across.Β IMG_0685

Bildschirmfoto 2015-11-28 um 10.09.32 vorm.

Like usual, captains are in charge to help πŸ™‚ Since we have lots of captains now, the ratio can be 1:1 πŸ™‚


Faris did lots of exploration on Algodoo. He observed lots of Algodoo examples and implemented them to his own project.


Gaga was keeping up quite fast. He set up his own shapes and own experiments πŸ™‚


And also collaborate with Faris πŸ˜‰


While the Algodoo Captain started some new project to work on


It drew Cinta’s attention to make similar things πŸ™‚


This is so typical of ProCodeCG Kids Class! where sharing, collaboration, and teamwork (plus leadership) happens! πŸ™‚ ❀


Meanwhile, Hari, Ardi’s little brother started to create something on his big bro’s laptop… apparently it is an atomic bomb (which caused the computer hang after he ran it LOL)


While the others experimenting with other things like gears for water turbines πŸ™‚


This is what Ardi created based on the request: a machine to collect water from rains and flow it into some kind of big water storage. Impressive! πŸ™‚

Bildschirmfoto 2015-11-28 um 11.15.48 vorm.

Bildschirmfoto 2015-11-28 um 11.23.10 vorm.

And here we show you how many siblings in the class: this is Hari and Ardi πŸ™‚


Syahna and Fizhan πŸ™‚ IMG_0697

And Faris and Farrel πŸ™‚IMG_0698

The class has always been the reason for looking forward to every Saturday. See you next week! πŸ™‚



ProCodeCG Kids Programming Class 21 Nov 2015 – More Physics Simulation with Algodoo


More Algodoo today! πŸ™‚


Ardi is still in charge teaching the whole class πŸ™‚


Capt. Fizhan is also in charge jump starting student who missed last week’s class.


Our target is to create a boat (or boats) with paddles, and make it sail!


We don’t just do that, we do experiments on gears too πŸ˜€IMG_0269

Or probably adding gears to the boat..


Or building the boat from scratch again because apparently it is easy while it’s not! πŸ˜€ Combination of density, shape, center of gravity, placement of paddles and motor speed determines how to boat works! πŸ˜€


FarisΒ experimenting on ramps πŸ˜€


Capt. Zaki is creating a water bomb rocket


And hey, we learned about winch too!


We make simulations from real life’s example


We also plot the force, angular speed etc πŸ˜€

Bildschirmfoto 2015-11-21 um 11.12.28 vorm.

There are still lots of things we plan to do next week!

ProCodeCG codeMeetUp() #46 – Finance and StartUps


On our codeMeetUp() yesterday, we had a lecture on Finance & StartUps by the CFO and co-founder of Cybreed eFishery: Muhammad Ihsan Akhirulsyah πŸ™‚

The lecture began with money problems in the world.


With Pareto Rule about money. It is not 80-20. But 90-10.

The audience!!! Lots! (and more people were still coming in after) πŸ™‚


Finance is a combination of art and science (how cool is that)


And that what makes managerial finance is very crucial in business.


There are three legal forms of business organizationIMG_9982

You’d better start from the beginner with good corporate governance!


The structure of the organization


The relation between finance and economics is like engineering to science.


And this is an example of Finance & Accounting (verrrry important!)

And how to make investment decisions and financing decisionsIMG_9988

But above all: cashflow is king


More people had just arrived!



Oh wow.Β IMG_9992

Create a startup is not easy, of course πŸ™‚

This is a good theory about startup. Zero To One – Peter Thiel.IMG_9994

We also learned about investors


The entropy of the lecture was very high. We need to keep up with it and take notes that took lots of pages πŸ™‚


There were still more important slide in the end, one of the is about capitalism vs competition.

And this is us! πŸ™‚ New people!!!


This is the soul of ProCodeCG codeMeetUp(). Each time after it finished, people will gather up in groups getting to know each other and making new connections.

The soul of this codeMeetUp() is sharing and collaboration. See how people radiates positive vibes here?IMG_0004

We also make lists of the audience. To keep in contact πŸ™‚

This can go on forever! πŸ™‚


See you next week! πŸ™‚

ProCodeCG Kids Programming Class 14 Nov 2015 – Physics Simulation with Algodoo


Yeah! Today we played with physics simulation using Algodoo πŸ™‚ We can create shapes and objects and apply physics to them.


The expert of the topic and the instructor today is Lazuardi (Ardi) yaaaay πŸ™‚


We started by installing the software.


Then we create a car with two wheels, we added a motor to make it move πŸ™‚


We also added some tilted planes to see how gravitation works.


This was soo much fun! πŸ™‚ Even to those sitting further away πŸ˜€


This is Ardi being busy answering questions and helping other kids πŸ˜€


Algadoo is so cool we can create almost everything we want and see the simulation


This is how ProCodeCG Kids Class work: peer-to-peer learning. Ardi is a great teacher, he is so kind and helpful πŸ™‚

We tried to create a simple car


To how to create a turret πŸ˜€


We also took a look on some cool simulation examples


This is Ardi demonstratingΒ a simple example of creating a boat that can float on water, with some rotors to make it move.


Can’t wait to see what we will make next week! πŸ™‚

ProCodeCG codeMeetUp() #45 – Hair Styling and Rendering in Blender


Yes, this is the 45th ProCodeCG codeMeetUp(), yayyy πŸ™‚

Yesterday Kampoong Monster Studio gave a workshop on Hair Styling and Rendering with Blender πŸ™‚ The man in charge to deliver the topic is Bintang Senja – CG Supervisor of Kampoong Monster Studio πŸ™‚


Hair effects can be done in to ways: with polygon and with particle system. In polygon, the hair is created from mesh by adjusting alpha to make it look more real. This technique is faster. With particle system (it can also be used for grass, explosion, fog, smoke, etc), the object (in this case hair) can be given effects, can be dynamic, can be interactive (some force field can be applied, like wind, etc.). But particle hair requires more computing power and relatively slow.

We used particle hair in this workshop πŸ™‚



The audience. Small but powerful πŸ˜‰


So the workshop began:


And these are some screenshots of the process. From peeling of the scalp, planting/generating some hair, combing and cutting the hair, applying colors and background, putting and arranging lighting to rendering πŸ™‚

Bildschirmfoto 2015-11-09 um 1.55.24 nachm.

Bildschirmfoto 2015-11-09 um 1.56.09 nachm.

Bildschirmfoto 2015-11-09 um 2.10.05 nachm.

Bildschirmfoto 2015-11-09 um 2.10.56 nachm.

Bildschirmfoto 2015-11-09 um 2.22.56 nachm.

Bildschirmfoto 2015-11-09 um 2.33.24 nachm.

Bildschirmfoto 2015-11-09 um 2.39.00 nachm.

Bildschirmfoto 2015-11-09 um 2.44.58 nachm.

Bildschirmfoto 2015-11-09 um 2.45.21 nachm.

Bildschirmfoto 2015-11-09 um 2.45.37 nachm.

Bildschirmfoto 2015-11-09 um 2.45.51 nachm.

Bildschirmfoto 2015-11-09 um 2.52.49 nachm.

Bildschirmfoto 2015-11-09 um 3.00.57 nachm.

The happy us! πŸ™‚


See you again! πŸ™‚

ProCodeCG Kids Programming Class 7 Nov 2015 – Agario-like Game Making


Today we continue our project to create Agario-like game with Python! πŸ™‚


The example code behaves more or less like Agario, the white circle is the player, the blue rectangles are the food, the red rectangles are traps, and the yellow rectangles (not shown) are points to get more size or scores. Eating the blue rectangles will make the white circle bigger while eating the red ones will make its size smaller.

Kids were supposed to modify this game into more Agario-like and it is fun to play and modify it then see how it worked πŸ™‚

Bildschirmfoto 2015-11-07 um 10.07.47 vorm.

We also talked about the plan of learning some Arduino coding in our class.


We saw some tutorial videos and it looked totally interesting!IMG_9526

Ok we’ll see when we will be ready to do programming on Arduino!


For next week we probably will give Algodoo a try πŸ™‚

ProCodeCG codeMeetUp() 2 Nov 2015 – Presentation Zen


Today Prof Budi Rahardjo shared about “Presentation Zen” plus tips and tricks to capture your audiences attention and to deliver the messages effectively. Very useful either for pitching with investors, presenting thesis, introducing self on a job interview, reporting the progress of research, and so on.

The audience πŸ™‚


One of the most important thing in a presentation is Punch. The opening. The first 8 secs.


One. Choose one main topic. Don’t try to impress the audience by stuffing them with too many points.


Window. Human attention span is about 18 min. Make sure you give a break to your audience. And to yourself, of course.


Ear/Eye. Pay attention to your audience. Read their gestures. See how they react to your presentation. Act accordingly.


Retention. At the end, summarize your points. Make sure that important things in your presentation stick on your audiences’ head.


So the trick to have a good presentation is POWER!


And don’t forget about the style, you can choose what style that fits you.


This presentation uses Lessig Style. Very simple, very zen. With a very few of words. There were also some tricks on how to do amazing presentation like Steve Jobs, or end up with boring presentation like Bill Gates πŸ˜€


This is us with Jobs’ style πŸ˜€


And this one with Gates’ style πŸ˜€ πŸ˜€


See you next week! Kampoong Monster will be back giving open workshop on Blender!

ProCodeCG on Xsatrya Bandung 31 Oct – 1 Nov 2015


ProCodeCG, and its fellow startups Kampoong Monster and CyberLabs took part in this amazing event: Xsatrya Bandung, 31 Oct – 1 Nov 2015.

Day #1.

On the first day, kids went all over the city to observe problems related to transportation, trash and heritage and Β translating the observedΒ problems into solutions in form of comics, animation or programming/coding.

Kids had just returned from observing the city. They were preparing to discuss solution with design thinking.


Kids were divided into three groups: Comics, Animation and Programming. Each groups divided into 3 sub-groups based on age. The group with older kids was mentored by Kak Ade Amat Sanidin and Kak Noel (CyberLabs). The middle group was mentored by Kak Rendy and Kak Alvin(CyberLabs). The group with youngest kids was mentored by Kak Yunan Hilmi and Zaki (ProCodeCG).


This is the youngerΒ kids from programming group discussing about creating solutions on transportation problem in Bandung. Capt. Zaki from ProCodeCG observedΒ the process lead by Kak Yunan.

IMG_9131 IMG_9132

This is the older kids from programming group being tutored on how to use GameMaker by Kak Amat and Kak Noel.


The middle group ofΒ programming was guided by Kak Rendy and Kak Alvin.


Kak Bintang Senja (Kampoong Monster) participated on Design Thinking Workshop given earlier by Labtek Indie at BCCF Bandung, but he couldn’t participate on this event and being substituted by Kak Aditia A. Pratama (Kampoong Monster).

Day #2

On the second day, kids started to implement their ideas into programming using GameMaker.


We divided this group into several teams: some working on the coding, some working on the presentation and some working on the cosplay.

Capt. Zaki was in charge to make sure the coding works as designed the previous day. The solution designed was to create a teleportation tunnel to help pedestrians crossing the road safer by entering teleportation spot to get to the other side! πŸ™‚

IMG_9161 IMG_9162

These three kids are ProCodeCG Kids Programming students. From left to right: Azriel, Ardi and Naufal. They are very bright and talented. The challenge for the was not the coding. But how to do teamworks πŸ˜€IMG_9163

This little one is also a ProCodeCG Kids Programming student. Smart and bright, Cinta always put all effort on whatever she’s doing. She was writing a sorting trash games.IMG_9164

The older team from programming and the supervisors πŸ™‚IMG_9166

Capt. Zaki and Capt. Fizhan were discussing about the game and capturing pictures for the presentation slide.


The small sticky men are the people crossing the road, the blue circle is the teleportation gate, and the area on the right side is the other dimension to get the people to the other side! πŸ˜‰


And we created some properties for the cosplay too, Capt. Zaki covered all the process πŸ™‚

Capt. Fizhan was working on the presentation and make sure it was well designed and informative. Capt. Syahna helped with cropping and editing techniques with Paint.


And after this, all groups were supposed to present their works in front of our Mayor!

We are very glad to be part of this great event! Hoping that this little contribution will give the kids a great experience in problem solving, teamworking and coding skills.

Note: there was no ProCodeCG Kids Programming Class yesterday, but we’ll be back next Saturday! See you! πŸ™‚