ProCodeCG Kids Coding Exhibition 2017 – 17 Aug 2017

Standard

This is how ProCodeCG celebrate Indonesia Independence Day πŸ˜‰ We have this annual event to show the world the work of ProCodeCG Kids πŸ™‚ They will present what they have learned to their parents and public audiences πŸ™‚

This event is supported by Grapari Telkomsel Digilife Dago and powered by Telkomsel πŸ™‚

Venue preparation

IMG_5764 IMG_5765

Today we have 12 kids presenting their works, and the first presentation is by Capt. Moch. Malik Putra Kurniawan (12 yo) – “Measure Temperature Humidity with Mobile IoT”

IMG_5787

DSC_6430

IMG_5780

DSC_6427

WhatsApp Image 2017-08-18 at 6.32.32 PM

WhatsApp Image 2017-08-18 at 6.32.37 PM

IMG_5790

DSC_6431

DSC_6432

DSC_6435

DSC_6436

DSC_6437

IMG_5793

IMG_5794

WhatsApp Image 2017-08-18 at 6.32.42 PM

The second presentation is by Nazneen Nur Shadrina Sugiarto (8,5 yo) – “LifeCycle Apps with Thunkable”

DSC_6417

IMG_5779

DSC_6442

DSC_6443

DSC_6444

IMG_5798

IMG_5799

DSC_6446

IMG_5800

IMG_5801

DSC_6451

DSC_6447

IMG_5795

DSC_6452

DSC_6453

DSC_6456

IMG_5806

WhatsApp Image 2017-08-18 at 6.32.47 PM

The 3rd presentation is by Bullit “Awa” Zulfiqar (8,5 yo) – “Cat Feeder”

IMG_5772

IMG_5773

IMG_5807

IMG_5808

IMG_5809

IMG_5810

DSC_6457

IMG_5811

IMG_5812

DSC_6458

IMG_5815

DSC_6462

IMG_5817

The 4th presentation: M. Rezandra Rizky Irianto (14 yo) – “Blender 3D Modelling”

DSC_6422

DSC_6461

DSC_6463

DSC_6464

IMG_5819

IMG_5820

WhatsApp Image 2017-08-18 at 6.32.50 PM

DSC_6469

IMG_5821

The 5th presentation: Jundy Valliant Alkautsar (13 yo) – “Minecraft Modding”

DSC_6411

IMG_5777

IMG_5822

DSC_6474

IMG_5823

DSC_6475

IMG_5824

DSC_6476

IMG_5825

The 6th presentation: Faris Hafizhan Hakim (12 yo) – “Prayer Time Reminder App in Java”

DSC_6481

DSC_6479

DSC_6480

DSC_6485

IMG_5828

IMG_5827

IMG_5829

IMG_5830

WhatsApp Image 2017-08-18 at 6.32.53 PM

IMG_5831

The 7th presentation: Clarence Soetarman (14 yo) – “Sorting Algorithm Visualization with ESPectro”

IMG_5775 2

IMG_5834

DSC_6486

DSC_6487

IMG_5837

IMG_5838

IMG_5839

DSC_6488

IMG_5840

IMG_5841

IMG_5842

The 8th presentation: Tyogo Utomo (13 yo) – “ProCodeCG Attendance List App in Java”

IMG_5776 2

DSC_6490

DSC_6489

IMG_5844

DSC_6495

IMG_5845

DSC_6496

IMG_5846

IMG_5847

IMG_5848

IMG_5849

The 9th presentation: Sulthan Zaky Nurrochman (9 yo) – “Archery Website with WordPress”

IMG_5778

DSC_6499

DSC_6500

DSC_6501

IMG_5850

IMG_5851

DSC_6504

DSC_6505

DSC_6506

DSC_6507

DSC_6508

IMG_5853

IMG_5852

IMG_5854

DSC_6509

IMG_5855

DSC_6510

The 10th presentation: Abdillah Muhammad Halim (13 yo) – Ultrasonic Gesture Sensor

IMG_5857

IMG_5858 2

IMG_5859

DSC_6514

DSC_6515

DSC_6516

DSC_6517

DSC_6518

IMG_5860

IMG_5861

The 11th presentation: M. Iqbal Fauzan (13 yo) – “Ultrasonic Counter”

IMG_5835

IMG_5836

DSC_6519

IMG_5862

IMG_5863

IMG_5864

IMG_5865

DSC_6520

IMG_5867 2

DSC_6521

The 12th presentation: Serenada Cinta Sunindyo (11 yo) – “Automatic Traffic Light Pedestrian Button”

IMG_5766 DSC_6400

DSC_6407

IMG_5774 2

DSC_6513

IMG_5874 2

DSC_6530

DSC_6531

DSC_6532

DSC_6533

IMG_5875

IMG_5876

IMG_5877

The last but not least: a presentation demo by ProCodeCG Parent Pak Slamet Puji Santuso = Magic Mirror πŸ˜‰

DSC_6401

IMG_5767

 

IMG_5768

DSC_6408

IMG_5868

DSC_6522

IMG_5869

IMG_5871

IMG_5872 2

IMG_5873 2

DSC_6526

DSC_6527

DSC_6524

And we were so honored to be visited by guests from SMP IDN Madinatul Ilmi – Jonggol Bogor πŸ™‚

IMG_5856

IMG_5802

IMG_5816

DSC_6502

DSC_6445

IMG_5843

DSC_6491

IMG_5895

DSC_6477

WhatsApp Image 2017-08-17 at 5.34.54 PM

WhatsApp Image 2017-08-17 at 5.34.55 PM

The presenters:

IMG_5879

IMG_5880

IMG_5883

IMG_5882

IMG_5885

The audience:

IMG_5769

IMG_5770 IMG_5771

DSC_6402

IMG_5781

IMG_5782 IMG_5783

IMG_5784 DSC_6412

DSC_6413 IMG_5785

DSC_6416

DSC_6429

IMG_5788

DSC_6433 DSC_6434

DSC_6440

IMG_5797

DSC_6450

IMG_5803

IMG_5804

DSC_6455

IMG_5813

IMG_5814

DSC_6459

 

DSC_6460

DSC_6465

DSC_6466

DSC_6467

DSC_6468

DSC_6471

DSC_6472 DSC_6473

DSC_6478

IMG_5826

DSC_6482

DSC_6483

DSC_6484

DSC_6492 DSC_6493

DSC_6494

DSC_6498

DSC_6503

DSC_6525

DSC_6528

DSC_6529

Us! πŸ˜‰

IMG_5886

IMG_5887 IMG_5888

IMG_5891

WhatsApp Image 2017-08-17 at 1.22.55 PM

Our captains in duty:

IMG_5893

IMG_5899

KIds play together after the event πŸ˜‰

IMG_5894

IMG_5898

IMG_5903

IMG_5904

IMG_5905

Interviewing session:

IMG_5897

IMG_5900 IMG_5901

IMG_5902

Captains performs Dhuhr Prayer πŸ™‚

IMG_5906 IMG_5907

The Moms πŸ˜‰

IMG_5911

See you again next year πŸ˜‰

 

 

 

Advertisements

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!