ProCodeCG Kids Coding Camp – Creating Apps – Day #1

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

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.

As the beginning, we create a button that will display a picture when it is clicked

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

A recommended simulator is KoPlayer (for PC) or BlueStacks (for Windows and Mac). This is how the app looks like on BlueStacks for Mac

The next app we created is a login form

The code

How it looks like on BlueStacks

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

Then we add some back button

And some time picker too

Before the class started

Capt. Cinta and Capt. Syahna

Edo, Thoriq and Fauzan

Fadhlan and Fayza

Zahra and Icha

Capt. Zaki and Capt. Fizhan

Capt. Zaki preparing the lessons today

The QR Code

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

Capt. Cinta assisting Fadhlan

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

This is Tian

Ismail

Nadhira

Capt. Zaki assisting Fayza

Rheino

Fadhlan

Ara

Zahra and Icha having fun 😀

Edo and Thoriq too 😀

Ozan looks so happy too 🙂

Today our GodFather Captain visited us again and shared some stories about electronic devices and information technology 🙂

He showed us Gizwits

The kids were really interested

ProCodeCG is so going to make class or coding camp “IOT for Kids” 😉

Back to work again

This is how the app looks like on kids android smartphones

This is too fun! We will continue this tomorrow! 🙂

Advertisement

ProCodeCG Kids Coding Camp – Python Programming – Day #3

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 🙂

We also have learn how to find files in directory

or finding a specific file

Then we can start create the virus

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

We also created an encryption virus using a simple substitution cipher

The antivirus is simply reversing the process which is decrypting using substitution cipher 🙂

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

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

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

Lots of code needs debugging, Capt. Zaki handles two computers at the same time 😀

Busy captains

We finally finished all the codes!

So it’s a wrap! 🙂

Tomorrow we will learn how to create apps for android 🙂

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

Until tomorrow! 😉

ProCodeCG Kids Coding Camp – Python Programming – Day #2

Today we learn about cryptography 😉

We started with substitution cipher 🙂

We did encryption and decryption, and brute force too 😉

We modified the code and added some while loop

And there was a quiz to be solved 😀

Next was Vigenere Cipher, a bit harder but we did it 😀

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

We read several references too to make sure we understand how it works 😉

ProCodeCG Kids don’t just code, they read books too 😉

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

Capt. Zaki explained the brute force process

Our Lead Captain is very reliable 🙂

Capt. Azriel working on modifying the encryption code too 🙂

This one is too tired LOL

But we will be alive and kicking again tomorrow to learn how to make virus and antivirus in Python tomorrow! 🙂

ProCodeCG Kids Coding Camp – Python Programming – Day #1

ProCodeCG Kids Coding Camp – Python Programming – Day #1 🙂

Today we learned about basic Python: turtle, looping (for and while), conditionals (if), input and output and functions 🙂

This is how the registration looked like in the morning. Capt. Syahna was busy checking on the students list 🙂

Some kids had arrived but most hadn’t so we waited

More kids coming in. We have 16 kids in this class

Capt. Faris (in the middle) helped installing Python to each kid’s laptop

Capt. Azriel installing Python to Fauzan’s

We had the Godfather Captain, Capt. BR visiting the class today 🙂

Capt. Zaki, Capt Azriel and Farrell giving examples about how to add colors to turtle

They got so much idea 😀

Ok so these are the kids in the class:

Jihan

Faiz

Ryan

Emil

Rafsan

Fauzan

Edo

Thoriq

Ronggur and Diaz

Zahra and Icha

And this is Capt. Zaki collaborates with Capt. Azriel finding the answers of the challenges they gave themselves 😀

Capt. BR helped too 🙂

In ProCodeCG class, an eligible Captain is allowed to teach the class. While Capt. Azriel demoing the code, Capt. Zaki was making sure the code is right 🙂

This is one of our turtle practice today: drawing a face 😀

As the lead captain, Capt. Zaki has to make sure the code works

He also explores more codes to be presented to the class

Python Programming is probably a bit difficult compared to Java Programming with Greenfoot, but everybody was having fun today! 🙂

This one jumped from his seat just because he didn’t want to be photographed LOL

This one too 😀

Ronggur being interviewed by Capt. Fizhan

We’re going to release the video very soon! 🙂

See you tomorrow 🙂

ProCodeCG Kids Coding Camp – Java Programming – Day #3

The last day of ProCodeCG Kids Coding Camp – Java Programming! 🙂

Today we finished our pie-shot-the banana-with-cherry code and start another one:

Flappy Bird in Greenfoot 🙂

It is a bit hard but most of the methods are just the same with the previous games we have created 🙂

We missed one student today, the others were still excited to pick up where we left yesterday 😉

Our captains (Zaki, Reza, Fizhan, Faris)

Capt. Syahna

Lots of adults take a look at the screen when we do this and ask: “How could it be possible kids learning this?” 😀

Yes it is possible! This is Ara typing the code and later make sure the code is error free

This is Zaky, the youngest one in the class 🙂 He was very serious and always want to get things done. He just won’t stop until he finished. And he complained a lot about other kids playing the games instead of typing the code 😉

The kids sometimes play some games in between lines of code because they have to wait other kids to finish typing so when they have finished their part, they usually play games or watch YouTube. It is allowed as long as they finish their work.

But today’s code was very long, there was no time to play 😀

Each kid has to make sure they got everything right on every classes and methods

So Capt. Zaki was very busy navigating the screen 😀

We split the screen to accommodate more kids 🙂

Capt. Faris and Capt. Malik debugging Ronggur’s code

The good thing about coding is that it indirectly teaches kids about consistency and little details. That you have to do things properly and in order. That a single character can cause errors 😀

A view like this make us proud that we have young brains ready to defend the country 🙂

Capt. Malik helped Muhammad with the code

And we moved to Flappy Bird!

Capt. Malik explained the code, with Capt. Zaki as the screen operator 😉

And Capt. Fizhan took a video of interview with the Lead Captain for our coding camp promo video 😉

Our class from the outside 🙂 Looking good 🙂

Capt. Faris debug Dika’s code

Capt. Malik checked on every kid making sure they understand

Zaky is a very enthusiast programmer. He was  closely under Capt. Malik’s assistance. Capt. Malik said that the code wasn’t difficult 😀 If an 8 yo like Zaky can comprehend it so should the rest of the class, he said 😀 😀 😀 Two young brightest minds! 🙂

Muhammad referring to Tyo’s work to make his code work

The class has always been fun!

But today is the last day and this is us with the certificates yaaay!!!

See you on Monday with Python Programming! 😉

ProCodeCG Kids Coding Camp – Java Programming – Day #2

Day #3 of ProCodeCG Kids Coding Camp – Java Programming 😉 Today we create another game that can display score.

We created a rocket and some rocks, and when the rocket hit the rocks then we will get some scores 🙂

The code is more complex than what we created yesterday 🙂

All kids showed up but some arrived late

Capt. Faris assisting Aqeel

Capt. Zaki assisting Zaky 😀

Captain teams discussed about many things.

In front is Capt. Malik getting ready for today’s presentation

All kids seemed to be able to follow the class. Yeah the topic is hard but they can catch up:)

We did some revisions and debugging before Malik’s code was ready to be presented after Friday Prayer

Friday Prayer break

Almost all boys went to a mosque across the street

And when they got back, Capt. Malik showed us a new program he just made: Snake game in Java, with Eclipse 🙂

Ok time for presenting a more difficult game to the kids. Capt. Zaki and Capt. Malik did some setting up in the control room

Okay ready! 🙂

The game Capt. Malik presented was about a pie that can shoot banana with cherry 😀

Capt. Zaki helped navigating the display 🙂

The code is quite long and and we should continue the code tomorrow

Capt. Fizhan (on the left) took a video of Capt. Malik’s presentation

Today we create simple pie and cherry and banana classes and methods, and will add the details tomorrow! This is Capt. Reza and Capt. Faris testing the code 🙂

Fauzan. Always so shy 😀 He always sit in the corner but he always pays attention and understands everything 🙂

Every kid tried very hard to digest the code. Vai asked questions right away 🙂

We have to divide the screen into two because some kids type very fast while others need more time 🙂

Thoriq and Edo

Reza, Tyo and Ozan (on the back)

Zahra and Raisya

Front row: Muhammad and Ara. Zaky on the back

Vai

Ronggur

Jaka

Our lead captain: Capt. Zaki busy navigating the screen

Gyan

Aqeel

Front row: Dika, Kyntar and Fadly

Joji

A closer look of Kyntar and that surprised look of Fadly 😀

Capt. Syahna

After presentation, Capt. Malik prepare a code for tomorrow: Basketball Game 😀

And the kids got idea to change the objects to different kind of foods

And they start browsing the internet to find some REAL pic to be added to the game LOL

The first is seblak bandung

Then es cendol

Es buah

And things get worse with es durian

and pizza! LOL

The class was very fun because the kids are serious but can also be so funny! Hoping to get more fun tomorrow! 😉

ProCodeCG Kids Coding Camp – Java Programming – Day #1

ProCodeCG Kids Coding Camp – Java Programming – Day #1 🙂 We got 20 kids! 🙂 And 7 captains!

Awesome brains ranging from 9 to 15 years old 🙂

Capt. Faris (in the middle) busy assisting Reza and Tyo

Capt. Zaki assisting Thoriq (and as usual refuse to be photographed 😀 )

Capt. Reza (in white shirt) observing Capt. Malik (blue shirt with jacket) preparing today’s materials. Front row: Fadly and Zaaka.

These two lil kids with ProCodeCG jackets: one is Capt. Faris (grey jacket) and the other is Ara (red jacket) 😉

Capt. Zaki never stop being busy 😀

So does Capt. Reza (white shirt), assisting Thoriq

Capt. Faris assisting Aqeel and Vai

Muhammad (in the middle) being assisted by Capt. Reza and Capt. Zaki

Capt. Zaki and Capt. Faris assisting Ara and Zaky 😉

Capt. Malik creates lots and lots of code in Greenfoot to be presented to the class 🙂

Some of our works

Capt. Reza helping Zaky to catch up (Zaky came late due to heavy traffic from Bogor to Bandung)

Gyan and Dika (Thoriq and Edo in the background)

Joji

Ronggur

Vai

(Capt. Faris and ) Aqeel

Ara and Zaky

Muhammad

Zahra and Raisya

Reza, Fauzan and Tyo

Kyntar and Fadly

Thoriq and Edo

From left to right: Farrell, Capt. Fizhan, Gyan and Dika

Some screenshots of what we did today 😉

Tomorrow we’ll learn more advanced Greenfoot 😉

 

ProCodeCG Kids Coding Camp – Creating Games – Day #3

ProCodeCG Kids Coding Camp – Creating Games – Day #3! The last day!

There were some kids arrived late so Capt. Reza helped them to catch up 🙂

Capt. Cinta and Capt. Anya preparing today’s materials 🙂

All kids showed up 🙂 Yaaay 🙂

Capt. Zaki lead the class but refuse to be captured in camera 😀

Capt. Zaki made some improvements to our Flappy Bird Game so it became smoother and feels real! 🙂

Other kids improved theirs too

The next project was Breakout game 😉

Every kid has their own version 😉

Some kids let other kids play their game 🙂

Behind the stage, Capt. Cinta and Capt. Fizhan preparing for Capt. Cinta’s presentation

Farrell and Capt. Zaki were busy too taking turns controlling the display 😀

Capt. Cinta explained about her game, named Trash Game

The game is quite complex, it has many sprites and objects. It is about sorting trash and put it into the right trash can

The game displays highscores table too

This control room was full of captains 😀  Great teamwork!

The next game was Agario! This is about a circle eating other circle while avoiding another circle virus 😀

This little cutie, Nanin, create her own game named “Finding Dory”. Capt. Reza, Capt. Cinta and Capt. Syahna gave her assistance 🙂

Such a cute scene 😉 ❤

Bebe created his own Bowling Game

Tyo created Soccer Game

And at the end of the class all the kid got their certificates and we prepared to take some pics 🙂

Yaay we’re now certified as Junior Game Developers 😉

Tomorrow we will start ProCodeCG Kids Coding Camp – Java Programming! See you there! 😉

ProCodeCG Kids Coding Camp – Creating Games – Day #2

Coding Camp Creating Games Day #2!!! Some kids arrived early 🙂

Class preparation

Everyday we have different worksheet with different target to achieve 🙂

Only one kid didn’t show up today, Farrell feeling not well today so he didn’t come to the class.

Capt. Cinta and Capt. Syahna preparing the materials

Today we continued the games we created yesterday 🙂

Capt. Fizhan, Capt. Zaki and Capt Reza also preparing the class materials

Each kid created Maze Games

Captains make sure every kid finishes the all the tasks

And this one make sure things are documented 🙂

When needed, 2 captains can help one kid 😉

Or kids just do pair/crowd programming 😀

The youngest one in class, finished all the tasks already! 🙂

The most interesting thing about the class is that every kid has different ideas!

Today we created Race Games

And Flappy Bird too 🙂

Bebe helped to improve the Flappy Bird and showed it to the class 🙂

We could do this all day but it was time to go

So see you tomorrow, class 🙂

 

 

ProCodeCG Kids Coding Camp – Creating Games – Day #1

Coding Camp Creating Games Day #1 🙂 The car was fully packed with stuff for camp 😀

Things everywhere! 😀

Setting up the class and the kids were coming in 🙂 We had 16 kids 😉 Capt. Fizhan is in charge of logistics, security and documentation 🙂

Capt. Cinta was busy creating presentation about Intro to GameMaker before the class started 🙂

Capt. Syahna is in charge of administration and finance 🙂 Kid should do registration to get Camp’s Kit 🙂

While Capt. Cinta was really really serious creating the slides 😀

So while the kids prepare themselves

The mom were getting to know each other too 😉

Yeah, we’re ready to start! The boy in stripes is Capt. Reza 🙂

And this one with black t-shirt is the Lead Captain: Capt. Zaki 🙂

For intro, we did programming with CodeCombat, with Capt. Cinta giving examples on the display

This is Nanin, the youngest kid in class 🙂

Alzi, Bebe, Kimi

Mael

Rifa

Ilyas and Darrel

From left to right, front row: Edo, Tyo, Arga

Fauzan

Thoriq and Edo

Thoriq

Kiran

Silmi

Capt. Cinta assisting Nanin

Capt. Fizhan creating documentation

And we started the intro to GameMaker 🙂

Capt. Zaki helped Capt. Cinta navigating the slides 🙂

And these are some sprites the kids have created 🙂

We’re going to create some games tomorrow!!! 🙂

See you there! 😉