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!

Advertisements

ProCodeCG Kids Regular Coding Class – 30 July 2016 – Exhibition Prep Part 2

Standard

Whoaaa, we got lots of things going on today in our kids regular coding class πŸ˜€ We had lots of kids, lots of activities and lots of surprises πŸ˜€ We got newcomers too πŸ˜‰

IMG_7899

This is Areli, a newcomer, a very serious thinker πŸ™‚

IMG_7900

Capt. Faris and Capt. Reza working in team with Farrell to improve Farrell’s solar system code πŸ™‚
IMG_7901

While Azriel was preparing to present his work today πŸ™‚
IMG_7903

And we got our Lead Captain back! Zaki has been so busy lately after being accepted atΒ SMUN 3 Bandung πŸ™‚

IMG_7904

Clarence and Pru, working on their Minecraft project. While at the back, there were Rayna (a cousin from Netherland) and Al (Aliya) busy with their stuff too πŸ™‚
IMG_7905

We also got Jundy and Rasen as newcomers! πŸ˜‰

IMG_7906

At the back row there were Capt. Zaki assisting Vian while Edo and Tyo working on their collaboration project and we also got Ozan (blue shirt) back!!!
IMG_7907

Capt. Faris checked up on Areli while Capt. Zaki took a look on Farrell and Reza’s πŸ™‚

IMG_7908

These newcomers were fast! πŸ™‚
IMG_7909

Al was picking up where she left on CyberSecurity πŸ™‚

IMG_7910

While Rayna is working on Minecraft Hour of Code πŸ™‚
IMG_7911

Azriel preparing the presentation

IMG_7912

He created a code to translate numbers to tone πŸ™‚
IMG_7913

His code can play music by reading a file of numbers (that represent notes)

IMG_7916

The audience (who can give questions too πŸ˜‰ )
IMG_7917

Well, Azriel did it very well, both the presentation and answering the questions πŸ™‚

IMG_7918

The captains worked together to make things work (Capt. Anya helped with projector connection, Capt. Fizhan prepared the soundsystem and Capt. Zaki operated the screen) πŸ™‚
IMG_7920

While the others keep working on their own (and getting ready to do presentation next week πŸ˜‰ )

IMG_7921

Now it’s Farrell’s turn (apparently he forgot something by that gesture? LOL)
IMG_7922

Capt. Reza assisted Areli to register to CodeCombat

IMG_7923

Farrell’s code is about solar system
IMG_7924

The code prints the trail of each planet, using real metrics and constants from NASA
IMG_7926

Farrell can explain very well

IMG_7931

And did answer the questions very well, while also showing the details πŸ˜‰
IMG_7933

We also had a debate about the world is flat topic and too bad we cannot upload the video here πŸ˜€ It’s amazing how kids using their simple logic to explain twisted theory grown ups make up! πŸ˜›

And at the end of the class we clean up the room, and the cousin helped us too! Thanks Rayna, hope you enjoy the class and bring some cool memories to Netherland!

IMG_7936

 

ProCodeCG Kids Regular Coding Class – 23 July 2016 – Exhibition Prep Part 1

Standard

Hello! Today we did some prep for the upcoming ProCodeCG Kids Exhibition πŸ˜‰ We also did lots of other things today πŸ™‚

IMG_7297

Azriel was preparing to present his code for the exhibition

IMG_7298

While Capt. Cinta giving jumpstart to Awa and Darrell πŸ™‚
IMG_7299

Edo helped Tyo to create Android apps with Thunkable

IMG_7301

We had a newcomer: Zahran πŸ˜‰ His little brother looked interested in what his big bro was doing, like any other ProCodeCG Kids LittleΒ Bros πŸ˜€
IMG_7302

Awa was catching up with the Cyber Security topic he missed last week

IMG_7303

We also had Vian back (after quite a long time), he was under Capt. Faris assistance πŸ™‚
IMG_7304

And later Azriel said there was something wrong going on with his code and he cancelled the presentation LOL

IMG_7305

Clarence and Prudence are the most quiet students in class. They were also keeping up with the Cyber Security thing and the finished it πŸ™‚
IMG_7306

Yaaay, our Capt. Reza was back! He came and before had a chance to unpack his back and set up his laptop, he already served the duty of helping other kid πŸ˜‰ ❀
IMG_7308

Faris, while helping Vian, was doing an investigation about the source code of Pokemon Go πŸ˜€ He downloaded the .apk and decompile it. And dissected it πŸ˜€

IMG_7333

We didn’t need the projector today because so many things were going on πŸ˜€

IMG_7309

Capt. Cinta started a new project we named: InstaKilo πŸ˜€ This is a simple apps supposed to look like Instagram where we have photos and people can like and leave comments πŸ™‚
IMG_7310

We’re developing it with Thunkable πŸ™‚

IMG_7312

Awa looked so serious! πŸ˜€
IMG_7313

So did Darrell πŸ™‚

IMG_7315

So did Zahran πŸ˜€
IMG_7316

Awa got the bestΒ tutor πŸ™‚ Look how happy he was πŸ˜€

IMG_7317

Yayyy Rezandra came too with a finished game in GameMaker for exhibition! All we need is adding scores and more features πŸ™‚
IMG_7319

The game looked like this πŸ™‚

IMG_7334

Muhammad came too! (with his little brother, so typical in ProCodeCG Kids Coding Class to see pairs of sibling like this πŸ˜€ )

IMG_7321

Azriel was very busy fixing his code while Reza was busy catching up
IMG_7322

We’re all busy!

IMG_7323
IMG_7324 IMG_7325

We’re busy and we discuss with each other to solve things
IMG_7326

This is Azriel’s code. Apparently there was some error related to the datatype (the method expect integer while the input parameter was float)

IMG_7327

Awa was working so hard he said Β he need to faint for a while πŸ˜€ πŸ˜€ πŸ˜€
IMG_7328

Malik came with his code in (pure) Java. A chatting apps.

IMG_7330

We just need to fix a few error.Β The code is written in Java. No visual programming, no drag and drop πŸ˜€
IMG_7332

Tyo and Edo were working on their code for exhibition
IMG_7335

Muhammad was doing some password cracking example
IMG_7336

Awa went to the other side of the class to check what other kids were doing πŸ™‚

IMG_7342

Any progress, Azriel?
IMG_7343

Prudence had finished her Cyber Security task and she moved on to the next challenge

IMG_7344

Reza did come late but he successfully caught up!
IMG_7345

One of the most entertaining things in this place is that we always find a pet πŸ˜€

IMG_7346

The cat just quietly napping on the table πŸ˜€
IMG_7347

And we will name it Thunkable πŸ˜€

IMG_7348

ProCodeCG Kids Coding Camp – Creating Apps – Day #2

Standard

Creating Apps, Day #2 πŸ˜‰

We created a game today! πŸ˜‰ A simple game we used to code with GML (GameMaker Language). This Pong Game is a very good example to introduce canvas, objects, image, sounds, arrangement and control πŸ™‚

Bildschirmfoto 2016-07-01 um 9.29.43 AM

Some of the code

Bildschirmfoto 2016-07-01 um 10.02.32 AM

The whole code
Bildschirmfoto 2016-07-01 um 10.33.40 AM

Next we created a simple calculator

Bildschirmfoto 2016-07-01 um 12.54.19 PM

The code
Bildschirmfoto 2016-07-01 um 12.54.21 PM

The calculator on the simulator

Bildschirmfoto 2016-07-01 um 1.26.22 PM

And we also created a guess game
Bildschirmfoto 2016-07-01 um 5.33.00 PM

the code is still very simple, we will improve it tomorrow πŸ™‚

Bildschirmfoto 2016-07-01 um 5.33.04 PM

This is when the guess is wrong
Bildschirmfoto 2016-07-01 um 5.39.26 PM

And this is when the guess is correct πŸ™‚

Bildschirmfoto 2016-07-01 um 5.40.12 PM

For each app we just generate the QR Code and everybody can play πŸ™‚
IMG_5529 IMG_5530

The GodFather Captain gave us a visit again πŸ™‚
IMG_5531

Capt. Zaki, as usual, preparing today’s lesson

IMG_5532
IMG_5535

GodFather Captain busy with the Gizwits πŸ˜€
IMG_5536 IMG_5537

Oh wow, this kid really got a style πŸ˜€
IMG_5538

And this one always hide behind something πŸ˜€

IMG_5539

LOL! πŸ˜€
IMG_5540 IMG_5541

Capt. Cinta assisting Mail
IMG_5542 IMG_5543

Friday’s Prayer break
IMG_5544

We created some games apps and play πŸ˜€

IMG_5545

or listening to music
IMG_5546

Or just checking up handphone

IMG_5547

After the break, Capt. Zaki explained about the calculator

IMG_5553
IMG_5554

WithΒ Capt. Cinta navigating the screen

IMG_5555

Yep, it works πŸ˜‰
IMG_5556

IMG_5571IMG_5557

In two days, kids gots lots of new apps on their smartphones
IMG_5558

Capt. Zaki and Capt. Cinta, always love to see kids in teamwork πŸ˜‰ ❀

IMG_5559

Zahra and Icha
IMG_5561

Ara
IMG_5562

Edo and Thoriq

IMG_5563

Ozan (and Capt. Fizhan)
IMG_5564

Farrell and Mail

IMG_5565

Rheino
IMG_5566

Fayza

IMG_5567

Fadhlan
IMG_5568

Nadhira

IMG_5569

Tian
IMG_5570

After all kids got the app worked, we call it a day!
IMG_5573 IMG_5574

Will create more apps tomorrow! πŸ˜‰

 

ProCodeCG Kids Coding Camp – Creating Apps – Day #1

Standard

First day of Creating Apps! πŸ™‚

Today we learn how to create android apps with Thunkable

Thunkable is a spin off of App Inventor. It is a very friendly tools to create mobile apps

Bildschirmfoto 2016-06-30 um 9.56.10 AM

And after the apps ready, it can be exported using QR Code or as .apk to be downloaded to computer, and run with a simulator.

Bildschirmfoto 2016-06-30 um 9.41.18 AM

As the beginning, we create a button that will display a picture when it is clicked
Bildschirmfoto 2016-06-30 um 10.00.50 AM

Thunkable use drag and drop coding (very similar to Blockly)

Bildschirmfoto 2016-06-30 um 10.06.49 AM

A recommended simulator is KoPlayer (for PC) or BlueStacks (for Windows and Mac). This is how the app looks like on BlueStacks for Mac
Bildschirmfoto 2016-06-30 um 10.30.18 AM

The next app we created is a login form

Bildschirmfoto 2016-06-30 um 1.13.21 PM

The code
Bildschirmfoto 2016-06-30 um 1.13.34 PM

How it looks like on BlueStacks
Bildschirmfoto 2016-06-30 um 1.24.18 PM

If we enter the correct user id and password, it will go to the next screen

Bildschirmfoto 2016-06-30 um 1.24.23 PM

Then we add some back button
Bildschirmfoto 2016-06-30 um 1.39.23 PM

And some time picker too

Bildschirmfoto 2016-06-30 um 1.47.40 PM

Before the class started
IMG_5431

Capt. Cinta and Capt. Syahna

IMG_5432

Edo, Thoriq and Fauzan
IMG_5433

Fadhlan and Fayza

IMG_5434

Zahra and Icha
IMG_5435

Capt. Zaki and Capt. Fizhan

IMG_5436

Capt. Zaki preparing the lessons today
IMG_5437

The QR Code

IMG_5442

Everyone can read it and use the app on their android phone
IMG_5443

Capt. Cinta assisting Fadhlan

IMG_5444

Lots of things to do today because we had to do lots of setups for each computer and smartphones

IMG_5447
IMG_5450

This is Tian
IMG_5451

Ismail

IMG_5452

Nadhira
IMG_5453

Capt. Zaki assisting Fayza

IMG_5454

Rheino
IMG_5455

Fadhlan
IMG_5456

Ara
IMG_5457

Zahra and Icha having fun πŸ˜€

IMG_5458

Edo and Thoriq too πŸ˜€
IMG_5459

Ozan looks so happy too πŸ™‚

IMG_5460

Today our GodFather Captain visited us again and shared some stories about electronic devices and information technology πŸ™‚
IMG_5462 IMG_5464

He showed us Gizwits
IMG_5465

The kids were really interested

IMG_5466

ProCodeCG is so going to make class or coding camp “IOT for Kids” πŸ˜‰
IMG_5467

Back to work again

IMG_5468
IMG_5469 IMG_5470

This is how the app looks like on kids android smartphones
IMG_5445
IMG_5471 IMG_5472
IMG_5473 IMG_5474
IMG_5475 IMG_5476
IMG_5477 IMG_5478

This is too fun! We will continue this tomorrow! πŸ™‚

ProCodeCG Kids Coding Camp – Python Programming – Day #3

Standard

The last day! We learned to create virus, and the antivirus of course! πŸ˜€

Before we learn how to create virus, we have to learn how to write to and read from a file πŸ™‚

Bildschirmfoto 2016-06-29 um 9.23.40 AM

We also have learn how to find files in directory

Bildschirmfoto 2016-06-29 um 9.38.28 AM

or finding a specific file

Bildschirmfoto 2016-06-29 um 10.26.05 AM

Then we can start create the virus

Bildschirmfoto 2016-06-29 um 8.59.06 AM

The virus is not dangerous, basically it just makes a copy of itself to another file, and only .py files πŸ™‚ The antivirus is simply deleting the virus body from the infected file

Bildschirmfoto 2016-06-29 um 10.45.49 AM

We also created an encryption virus using a simple substitution cipher

Bildschirmfoto 2016-06-29 um 12.10.11 PM

The antivirus is simply reversing the process which is decrypting using substitution cipher πŸ™‚
Bildschirmfoto 2016-06-29 um 12.11.24 PM

Some kids arrived late so we waited a bit before starting the class

IMG_5362
IMG_5363

The class (only missing one kid who didn’t feel so well today)

IMG_5364
IMG_5366

Each piece of code is being tested. This is the view of Capt. Zaki laptop’s screen.

IMG_5369

Lots of code needs debugging, Capt. Zaki handles two computers at the same time πŸ˜€
IMG_5373 IMG_5374
IMG_5375 IMG_5376

Busy captains
IMG_5377 IMG_5378

We finally finished all the codes!
IMG_5379

So it’s a wrap! πŸ™‚

IMG_5383

Tomorrow we will learn how to create apps for android πŸ™‚

This is us on the way home, fully packed on the back seat LOL
IMG_5384

UntilΒ tomorrow! πŸ˜‰

ProCodeCG Kids Coding Camp – Python Programming – Day #2

Standard

Today we learn about cryptography πŸ˜‰

We started with substitution cipher πŸ™‚

Bildschirmfoto 2016-06-28 um 9.48.59 AM

We did encryption and decryption, and brute force too πŸ˜‰

Bildschirmfoto 2016-06-28 um 9.49.14 AM

We modified the code and added some while loop

Bildschirmfoto 2016-06-28 um 10.38.15 AM

And there was a quiz to be solved πŸ˜€

Bildschirmfoto 2016-06-28 um 11.09.52 AM

Next was Vigenere Cipher, a bit harder but we did it πŸ˜€
Bildschirmfoto 2016-06-28 um 11.41.36 AM

We did encryption and decryption in Vigenere, and modify it from uppercase to lowercase

Bildschirmfoto 2016-06-28 um 1.15.38 PM

We read several references too to make sure we understand how it works πŸ˜‰
Bildschirmfoto 2016-06-28 um 1.45.21 PM Bildschirmfoto 2016-06-28 um 1.56.23 PM

ProCodeCG Kids don’t just code, they read books too πŸ˜‰
IMG_5307

This is the scene in the morning πŸ™‚ We prepare the class together, and this is the values being taught in ProCodeCG: teamwork and sharing πŸ™‚

IMG_5308
IMG_5309

Capt. Zaki explained the brute force process

IMG_5310

Our Lead Captain is very reliable πŸ™‚
IMG_5311

Capt. Azriel working on modifying the encryption code too πŸ™‚

IMG_5312

This one is too tired LOL
IMG_5316

But we will be alive and kicking again tomorrow to learn how to make virus and antivirus in Python tomorrow! πŸ™‚