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

Standard

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

IMG_0803

He started Perkakasku.com since 12 years ago!

IMG_0804

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

IMG_0805

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

IMG_0806

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

IMG_0809

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

IMG_0811

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

IMG_0812

And these are things to be done

IMG_0813

The audience! πŸ™‚

IMG_0814

Perkakasku.com is offering a free coupon! Use it now! πŸ™‚

IMG_0815

And this is us!

IMG_0818

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

ProCodeCG Kids Programming Class 28 Nov 2015 – Algodoo Challenges

Standard

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 πŸ˜€

IMG_0675

A bulldozer to crunch a car LOL πŸ˜€

IMG_0676

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

IMG_0677

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

IMG_0678IMG_0679

Everybody has own ways to solve the challenge

IMG_0680

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 πŸ™‚

IMG_0682

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

IMG_0683IMG_0684

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 πŸ™‚

IMG_0686

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

IMG_0687

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

IMG_0688

And also collaborate with Faris πŸ˜‰

IMG_0689

While the Algodoo Captain started some new project to work on

IMG_0690

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

IMG_0691

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

IMG_0693

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)

IMG_0694

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

IMG_0695

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 πŸ™‚

IMG_0696

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

Standard

More Algodoo today! πŸ™‚

IMG_0259

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

IMG_0263

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

IMG_0264

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

IMG_0260

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

Or probably adding gears to the boat..

IMG_0262

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! πŸ˜€

IMG_0267IMG_0265

FarisΒ experimenting on ramps πŸ˜€

IMG_0266

Capt. Zaki is creating a water bomb rocket

IMG_0268

And hey, we learned about winch too!

IMG_0271

We make simulations from real life’s example

IMG_0272

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

Standard

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

The lecture began with money problems in the world.


IMG_9976

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

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

IMG_9979

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

IMG_9980

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

IMG_9981

There are three legal forms of business organizationIMG_9982

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


IMG_9984

The structure of the organization

IMG_9985

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

IMG_9986

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

And how to make investment decisions and financing decisionsIMG_9988

But above all: cashflow is king

IMG_9989

More people had just arrived!
IMG_9990

StartUps!

IMG_9991

Oh wow.Β IMG_9992

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

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

We also learned about investors

IMG_9995

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

IMG_9996

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

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


IMG_0002

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.
IMG_0003

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 πŸ™‚
IMG_0006

This can go on forever! πŸ™‚

IMG_0008

See you next week! πŸ™‚

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

Standard

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

IMG_9881

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


IMG_9883

We started by installing the software.

IMG_9884

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

IMG_9885

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

IMG_9886

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

IMG_9887

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

IMG_9888

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

IMG_9889

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

We tried to create a simple car

IMG_9891

To how to create a turret πŸ˜€

IMG_9892

We also took a look on some cool simulation examples

IMG_9893

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

IMG_9894

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

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

Standard

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 πŸ™‚

IMG_9641

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 πŸ™‚

 

IMG_9642

The audience. Small but powerful πŸ˜‰

IMG_9643

So the workshop began:

IMG_9644

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! πŸ™‚

IMG_9646

See you again! πŸ™‚

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

Image

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

IMG_9523

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.

IMG_9524

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!

IMG_9528

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

ProCodeCG codeMeetUp() 2 Nov 2015 – Presentation Zen

Standard

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.
IMG_9215

The audience πŸ™‚

IMG_9216

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

IMG_9217

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

IMG_9218

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

IMG_9219

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

IMG_9220

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

IMG_9221

So the trick to have a good presentation is POWER!

IMG_9222

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

IMG_9223

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 πŸ˜€

IMG_9224

This is us with Jobs’ style πŸ˜€

IMG_9237

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

IMG_9238

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

ProCodeCG on Xsatrya Bandung 31 Oct – 1 Nov 2015

Standard

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.

IMG_9129

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).

IMG_9130

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.

IMG_9134

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

IMG_9135

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.

IMG_9159

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

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.

IMG_9167

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! πŸ˜‰

IMG_9168

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

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.

IMG_9176

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! πŸ™‚