ProCodeCG Random Activities – 20 Feb 2017

Standard

Today is a typical productive day for ProCodeCG πŸ™‚

First, we now have a ProCodeCG Relay to accompany our ProCodeCG Led and ProCodeCG Button πŸ™‚

FullSizeRender 8

We prepared materials for this Saturday’s Kids Regular Coding Class – Apps Programming: Speech to Text App πŸ™‚

IMG_3169 - small

IMG_3170 - small IMG_3172 - small

And Speech to Text – Text to Speech App πŸ™‚ Later we will collaborate Arduino Kids with Apps Programming Kids to create project together πŸ™‚

IMG_3174

Today we had ProCodeCG Kids session too with Clarence πŸ™‚

IMG_3176

We discussed about his TFT LED project, how he set up the frame per second number so the picture animated on the LED won’t be flickering πŸ™‚

IMG_3177

We had Coding Mum Meeting at the same time

IMG_3178

IMG_3179 IMG_3180

And Meeting with DyCodeX Team afterwards πŸ™‚ We have lots of plans to collaborate πŸ™‚

IMG_3181 IMG_3182

Our (regular) stuff πŸ˜‰

IMG_3183

And sensors πŸ™‚

IMG_3184

ProCodeCG and DyCodeX will create awesome events soon πŸ™‚ Stay updated πŸ™‚

ProCodeCG codeMeetUp() #90 – BR – IoT and MQTT

Standard

The topic for today is how to connect IoT to cloud, by Prof. Budi Rahardjo πŸ™‚

IMG_0568

The preparation before presentation and demo. Making sure internet connection was stable πŸ™‚

IMG_0569

IMG_0570 IMG_0571

What is MQTT?

IMG_0572

Concept of Queue

IMG_0573

The audience (a few more were coming late)

IMG_0574

Example of queue system is RabbitMQ

IMG_0575

The stuff for demo

IMG_0576

Pak BR used DyCodeX Espectro because it already has wifi module on board πŸ™‚

IMG_0577

MQTT communication model

IMG_0580 2

Brokers. The open source one is Mosquitto

IMG_0581

IMG_0599

Starting up Mosquitto

IMG_0582

subscribing to HiveMQ

IMG_0583

The client

IMG_0584

The code

IMG_0585

It worked just fine, with DyCodeX Espectro πŸ˜‰

IMG_0587

Compiling code with PlatformIO

IMG_0588

The topic can be subscribed from an Android phone with MQTT apps. Look on the right, when the publisher send a message to turn on/off the LED, Espectro LED on board will be on/off and the switch on Android will be checked/unchecked.

IMG_0594 2

The code can be in Python too πŸ™‚ With paho library

IMG_0595

The code can be compiled with Arduino IDE too

IMG_0596 2

IMG_0597 IMG_0598

We learned so much thing today πŸ™‚

IMG_0600

After class, we tried to set up a publisher and subscriber on Android phones

IMG_0602 2

Yea it worked πŸ™‚

IMG_0603

The phone on the left is publisher and the right one is subscriber. Notice that the right oneΒ display anything inputted by the left one πŸ™‚

IMG_0604

With this platform we can create so much things! Will be reporting more updates very soon πŸ™‚

ProCodeCG codeMeetUp() #81 – OwnGames – “How a game developer become online round tofu seller without selling tofu”

Standard

Yesterday we had CEO and Founder of OwnGames shared about their awesome journey!!! We had contacted the CEO two months before but he had really tight schedule (he actually is now) so we were very lucky to finally can have him on our codeMeetUp()! He flew from Surabaya and drove straight to Digilife Dago and share huge inspirations with ProCodeCG πŸ™‚

The audience and the setting up scene πŸ™‚

IMG_2662

Muhammad, ProCodeCG Kids, with the whole family was also there πŸ™‚ Thanks for coming πŸ™‚

IMG_2695

IMG_2664

One of ProCodeCG Kids, Clarence wanted to take picture with the famous CEO of Tahu Bulat πŸ˜€

IMG_2663

Eldwin Viriya. This smart, hardworker, successful, young man was graduated from Informatics UNPAR. The most impressive thing about him is his endless smile, peaceful tone and huge humbleness rarely find in most people!
IMG_2669

Eldwin and his brother JevfinΒ startedΒ OwnGames on 2011. Today, people know Tahu Bulat Games more than they know about OwnGames πŸ™‚ Yes, because Tahu Bulat beat Clash of Clans position on Playstore πŸ˜‰
IMG_2667

In the beginning of the journey, OwnGames created games for Nokia

IMG_2670

The game won lots of competition. Eldwin who was applying to take a master degree had to cancel because he had to run the busy and successful OwnGames.
IMG_2671

And then Microsoft bought Nokia so OwnGames started to create games for Windows Phone too.

IMG_2672

And it won again.
IMG_2673

OwnGames created more games on Windows Phone, Android and iOS
IMG_2674

And won again πŸ™‚

IMG_2675

Winning lots of competition brought OwnGames all over the world to meet more people and partners

IMG_2677

And OwnGames kept creating and winning πŸ™‚

IMG_2678

But creating games needs research
IMG_2679

Because even partnering with Google and being featured on Google Play only boost the number of installation for a very short time, and then people stop using the game and uninstall the game

IMG_2680

So OwnGames did some research to find out that 74% of internet user via mobile using Android
IMG_2682

But the yellow line, that shows the growing number of user, belong to “unknown”. Not one of the most popular brand πŸ™‚

IMG_2683

It was revealed that there are some non-famous brand in the market that have been sold more than those popular brands πŸ™‚
IMG_2684

This kind of smartphone is very cheap. Much cheaper than Samsung and other popular brands.

IMG_2685

IMG_2686

The cheap smartphones has very limited storage and memory. It can only store limited number of apps.
IMG_2687

So OwnGames concluded that they had to create games that only require small space. Because to be able to draw people to download and try a game is that the size should be small so it will fit in most of smartphones.
IMG_2688

The details about memory usage on smartphone
IMG_2689

OwnGames created Own Super Squad, a high quality game (that requires lots of resource to create) that has big size and Own Pet Dragon, with less quality but has small size, and compare it. Own Super Squad got better rating but less download compared to Own Pet Dragon that has worse rating but has been download more than 100 thousand times due to its small size.
IMG_2693

Not only quota that is limited. Memory too.
IMG_2694

Revenue of Freemium Game depends on how long the game is on the device (not uninstalled) and being played.
IMG_2696

Tahu Bulat is successful because of the small size and lots of features to keep people coming back. The left one is the earlier versions with less features. After OwnGames gathered feedback from users, it gradually improved the game to be the picture on the right. More features, more gimmick, more things that keep people attached to the game.

IMG_2697

“Start small..
IMG_2698

..and gradually improve it to be BIG.” – OwnGames

IMG_2699

So inspiring! Thank you!!!
IMG_2700

This is Azriel, another ProCodeCG Kids that couldn’t stop playing Tahu Bulat πŸ˜€

IMG_2701
IMG_2702

Q & A Sessions

IMG_2703

And the picture of us πŸ™‚

IMG_2706

After session

IMG_2707

And this is the amazing thing about this young CEO. He helped to tidy up the place!
IMG_2708

Unbelievable!

IMG_2709

So glad to know OwnGames and got inspired with so many insights πŸ™‚ See you again very soon OwnGames πŸ™‚ ❀

ProCodeCG codeMeetUp() #80 – Pawitra Studio – Fire Simulation in Blender

Standard

Pawitra Studio shared about Fire Simulation in Blender on our 80th codeMeetUp() 5 Sept 2016 πŸ™‚ This is Technical Director of Pawitra Studio: Aditya A. Pratama πŸ˜‰

IMG_1652

The audience πŸ™‚

IMG_1653

New version of Blender
IMG_1654

The process

IMG_1655
IMG_1656 IMG_1657
IMG_1658 IMG_1659

The files generated
IMG_1660

Some examples

IMG_1661

More example onΒ how to do the simulation
IMG_1662 IMG_1663

And this is what it looks on our laptop πŸ™‚ Pretty interesting!
IMG_1664 IMG_1665
IMG_1666 IMG_1667
IMG_1669

Us! πŸ™‚
IMG_1675

The video will be uploaded to our YouTube Channel πŸ™‚

ProCodeCG codeMeetUp() #77 – Labtek Indie – Developing VR with Unity

Standard

On our 77th codeMeetUp, CTO and co-founder of Labtek Indie, Adityo Pratomo shared about Developing VR with Unity πŸ™‚

IMG_9532

He’s also a Chief Academic Officer at Froyo Framework and a Certified Unity Developer (notice the code number πŸ˜‰ )

IMG_9533

Labtek Indie has been developing VR and doing lots of research about it
IMG_9535

Some examples of VR being developed in Labtek Indie

IMG_9536
IMG_9537 IMG_9538
IMG_9539

The topics of the talk

IMG_9541
IMG_9542

About VR technology

IMG_9543
IMG_9544 IMG_9545

Desktop vs Mobile
IMG_9549

Current VR Platforms

IMG_9546

Looking from the tech side
IMG_9547

and from the business side

IMG_9548

There are lots of things to be improved about VR experience. The biggest problem is removing simulation sickness.
IMG_9581 IMG_9582
IMG_9583 IMG_9584
IMG_9586 IMG_9587
IMG_9588 IMG_9589
IMG_9590 IMG_9591
IMG_9592 IMG_9593

Future prediction about VR
IMG_9594 IMG_9595
IMG_9596

The audience

IMG_9597

Thanks for coming!
IMG_9598

A very impressive and comprehensive presentation about the state of art of VR, Β thanks so much Labtek Indie πŸ™‚

IMG_9601

ProCodeCG Kids Coding Exhibition 2016

Standard

ProCodeCG Kids Exhibition 2016! We had 13 kids presenting their codes (2 kids work in a team) πŸ™‚

ProCodeCG - Poster Exhibition 2016 - small

These are the kids presenting their awesome works today!

From left to right (back): Rezandra, Malik, Farrell, Clarence, Tyo, Edo, Ardi, Azriel

From left to right (front): Zaky, Awa, Faris, Muhammad, Cinta

IMG_9764

Setting up before the presentation. This is Clarence
IMG_9714

IMG_9725

IMG_9737

Tyo
IMG_9715

IMG_9730

IMG_9753

IMG_9755

Ardi

IMG_9720

Zaky

IMG_9721

Awa

IMG_9724

Look at these incredible 8 yo s πŸ™‚ Awa and Zaky

IMG_9727

IMG_9728

Zaky turned his chair around to see the big monitor better

IMG_9733

And Awa looks so proud of his Arduino board project πŸ˜‰

 

Farrell

IMG_9732

IMG_9747

IMG_9751

IMG_9757

Cinta

IMG_9735

We had to switch to several laptop so Cinta can display her work on screen

IMG_9754

First presentation: Malik – Jack O Lantern Game in Java

IMG_9738

Posing with the coding Godfather, Prof. Budi Rahardjo πŸ˜‰

IMG_9741

IMG_9742

The game is written in Java, using Eclipse as the IDE

IMG_9745

IMG_9767

IMG_9775

The second presentation: Azriel – “Music in Python”

IMG_9776

Azriel create a code in Python that can play music notes by reading a file of numbers

IMG_9778

And then Clarence – “Arduino Basics”. Clarence one of the first ProCodeCG Kids exploring Arduino. He presented Arduino basic project, writing a code that will light up LEDs on breadboard from left to right back and forth with random delay. He also set up the breadboard.

IMG_9779

The code

IMG_9749

Clarence is a very focus and smart kid, but he is very shy πŸ™‚

 

IMG_9782

So that Prof. BR had to help him explaining πŸ™‚

IMG_9758

After that it was Cinta’s turn. The only ProCodeCG Kid girl in this exhibition πŸ™‚

She presented a game of Trash Sorting in GameMaker

IMG_9783

Cinta is a very smart and confident kid. Doing presentation in front of many people is not a problem for her πŸ˜‰

IMG_9784

IMG_9786

IMG_9787

IMG_9788

IMG_9789

Then Farrell presented his work about Solar System in Python πŸ™‚

IMG_9792

Farrell created a code to draw planets orbits trailings, in Python. He uses real data from NASA πŸ™‚

IMG_9796

IMG_9799

Next is Faris presenting his work: ProCodeCG Webview in Android Studio”

IMG_9800

He created an apps to read a web πŸ™‚

IMG_9801

IMG_9802

After that, Tyo and Edo presented their “Adventure Game in GameMaker”

IMG_9807

The game is very educative. It has some dialogs that give hints how to solve the problems

IMG_9810

And when the player get the correct answer, it will continue the adventure

IMG_9812

IMG_9815

Next is Ardi: “Animation in Minecraft”. Ardi created an animation inside Minecraft by creating frames and activate them one by one using redstone.

IMG_9759

IMG_9814

IMG_9816

IMG_9716
IMG_9717 IMG_9718

IMG_9817

Then Zaky present his work : Burning Rocket in GreenFoot πŸ™‚ He created the presentation slides!

IMG_9820

This 8 yo kid rocks! He is very confident πŸ™‚

IMG_9821

He joined Java Programming topic of ProCodecG Kids Coding Camp last July and he has been progressing. A lot!!!

IMG_9822

IMG_9823

IMG_9824

IMG_9825

IMG_9826

IMG_9827

After that is Rezandra: Space Explorer in GameMaker

IMG_9828

A very interesting game, many levels πŸ™‚ Rezandra has several games in hand but he just presented this one πŸ™‚

IMG_9829

Then Muhammad, presenting “World Run Go”, a game created with Construct

IMG_9832

A very interesting game with LOTS of levels! πŸ™‚

IMG_9833

IMG_9834

Then the last but not least: Awa! πŸ™‚ This 8 yo is one of those ProCodeCG Kids who is really interested to development board πŸ™‚

 

IMG_9734

His created code and circuit to turn on a line of red and white LED’s alternately πŸ™‚ A very awesome work for our independence day today πŸ˜‰

IMG_9729

And this is the food, powered by Parents! Thanks so much!

IMG_9712

IMG_9760

IMG_9761

And the audience, thanks for coming!

IMG_9762

IMG_9768

IMG_9790

IMG_9791

And this is what happen behind the scene πŸ™‚

Capt. Fizhan making documentation

IMG_9797

IMG_9798

And what’s inside the server room πŸ˜€ Thanks to Capt. Zaki and Digilife Team for their fully supporting us! They made sure things work for EACH kid πŸ™‚ thanks so much!!!
IMG_9719

IMG_9736

IMG_9743

IMG_9803
IMG_9806

IMG_9813

IMG_9835

Hoping to see you again next year maybe?

So proud to be part of bringing out the best ofΒ these kids to give a better future for Indonesia!

ProCodeCG codeMeetUp #72 – Photogrammetry

Standard

Our 72nd codeMeetUp() last Monday was an open workshop by Pawitra Studio about Photogrammetry πŸ™‚ Bintang Senja, CG Supervisor of Pawitra Studio demonstrated how to generate 3D model from pics/photos!

photo559633135318444051

The process of taking pics
photo559633135318444053

We needed at least 50 pics

photo559633135318444054

from every angle possible
photo559633135318444055
photo559633135318444056
photo559633135318444057
photo559633135318444058

Then all the pics went through processing

02 photo uploading 2
01 photo selection

The process was done using AutoDesk Remake

04_3d_mesh

 
03_3d mesh 02 photo uploading
render

After the modeling process was finished, the .obj file was being edited in Blender
05_import to blender

Whoaaa, the result!!! Crazy awesome!!!

render1