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

ProCodeCG Kids Coding Camp – Python Programming – Day #1

Standard

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

Bildschirmfoto 2016-06-27 um 9.56.06 AM

Bildschirmfoto 2016-06-27 um 11.26.27 AM
Bildschirmfoto 2016-06-27 um 12.35.34 PM

Bildschirmfoto 2016-06-27 um 7.09.27 PM

This is how the registration looked like in the morning. Capt. Syahna was busy checking on the students list πŸ™‚
IMG_5225

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

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

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

Capt. Azriel installing Python to Fauzan’s
IMG_5230

We had the Godfather Captain, Capt. BR visiting the class today πŸ™‚
IMG_5231

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

They got so much idea πŸ˜€
IMG_5234

Ok so these are the kids in the class:

Jihan
IMG_5235

Faiz
IMG_5236

Ryan
IMG_5238

Emil
IMG_5239

Rafsan
IMG_5240

Fauzan
IMG_5241

Edo
IMG_5242

Thoriq
IMG_5243

Ronggur and Diaz
IMG_5244

Zahra and Icha
IMG_5245

And this is Capt. Zaki collaborates with Capt. Azriel finding the answers of the challenges they gave themselves πŸ˜€
IMG_5247

Capt. BR helped too πŸ™‚
IMG_5250

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

This is one of our turtle practice today: drawing a face πŸ˜€
IMG_5252

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

He also explores more codes to be presented to the class

IMG_5256

Python Programming is probably a bit difficult compared to Java Programming with Greenfoot, but everybody was having fun today! πŸ™‚
IMG_5254
IMG_5257
IMG_5258
IMG_5259

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

This one too πŸ˜€
IMG_5261

Ronggur being interviewed by Capt. Fizhan

IMG_5262 IMG_5263

We’re going to release the video very soon! πŸ™‚

See you tomorrow πŸ™‚

ProCodeCG Kids Coding Camp – Java Programming – Day #3

Standard

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

Bildschirmfoto 2016-06-25 um 7.49.21 PM

It is a bit hard but most of the methods are just the same with the previous games we have created πŸ™‚

Bildschirmfoto 2016-06-25 um 11.05.34 AM

We missed one student today, the others were still excited to pick up where we left yesterday πŸ˜‰
IMG_5024

Our captains (Zaki, Reza, Fizhan, Faris)

IMG_5025

Capt. Syahna

IMG_5027
IMG_5026

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

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

IMG_5029
IMG_5030

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

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.

IMG_5034

But today’s code was very long, there was no time to play πŸ˜€
IMG_5035

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

IMG_5037

So Capt. Zaki was very busy navigating the screen πŸ˜€
IMG_5038

We split the screen to accommodate more kids πŸ™‚

IMG_5039
IMG_5040

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

IMG_5041

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

A view like this make us proud that we have young brains ready to defend the country πŸ™‚

IMG_5043

Capt. Malik helped Muhammad with the code
IMG_5044

And we moved to Flappy Bird!

IMG_5045

Capt. Malik explained the code, with Capt. Zaki as the screen operator πŸ˜‰
IMG_5046 IMG_5047

And Capt. Fizhan took a video of interview with the Lead Captain for our coding camp promo video πŸ˜‰

IMG_5049
IMG_5050

Our class from the outside πŸ™‚ Looking good πŸ™‚
IMG_5052

Capt. Faris debug Dika’s code

IMG_5053

Capt. Malik checked on every kid making sure they understand
IMG_5054

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

IMG_5060

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

IMG_5062

The class has always been fun!

IMG_5064

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

IMG_5068

See you on Monday with Python Programming! πŸ˜‰

ProCodeCG Kids Coding Camp – Java Programming – Day #2

Standard

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 πŸ™‚
Bildschirmfoto 2016-06-24 um 10.40.25 AM Bildschirmfoto 2016-06-24 um 10.49.39 AM

The code is more complex than what we created yesterday πŸ™‚

Bildschirmfoto 2016-06-24 um 9.30.14 AM

Bildschirmfoto 2016-06-24 um 9.46.34 AM

Bildschirmfoto 2016-06-24 um 10.05.45 AM

All kids showed up but some arrived late
IMG_4900

Capt. Faris assisting Aqeel

IMG_4901

Capt. Zaki assisting Zaky πŸ˜€
IMG_4902

Captain teams discussed about many things.

IMG_4903

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

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

IMG_4905
IMG_4906 IMG_4907

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

Friday Prayer break

IMG_4926

Almost all boys went to a mosque across the street
IMG_4928

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

IMG_4929

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

Okay ready! πŸ™‚
IMG_4937

The game Capt. Malik presented was about a pie that can shoot banana with cherry πŸ˜€
IMG_4938

Capt. Zaki helped navigating the display πŸ™‚

IMG_4940

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

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

IMG_4943

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

Fauzan. Always so shy πŸ˜€ He always sit in the corner but he always pays attention and understands everything πŸ™‚

IMG_4945

Every kid tried very hard to digest the code. Vai asked questions right away πŸ™‚
IMG_4946

We have to divide the screen into two because some kids type very fast while others need more time πŸ™‚

IMG_4947

Thoriq and Edo
IMG_4948

Reza, Tyo and Ozan (on the back)

IMG_4949

Zahra and Raisya
IMG_4950

Front row: Muhammad and Ara. Zaky on the back

IMG_4951

Vai
IMG_4952

Ronggur

IMG_4953

Jaka
IMG_4955

Our lead captain: Capt. Zaki busy navigating the screen

IMG_4956

Gyan
IMG_4958
Aqeel
IMG_4962

Front row: Dika, Kyntar and Fadly

IMG_4963

Joji
IMG_4964

A closer look of Kyntar and that surprised look of Fadly πŸ˜€

IMG_4965

Capt. Syahna
IMG_4966

After presentation, Capt. Malik prepare a code for tomorrow: Basketball Game πŸ˜€

IMG_4969

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

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

The first is seblak bandung
IMG_4972

Then es cendol

IMG_4973

Es buah
IMG_4974

And things get worse with es durian

IMG_4975

and pizza! LOL
IMG_4976

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

Standard

ProCodeCG Kids Coding Camp – Java Programming – Day #1 πŸ™‚ We got 20 kids! πŸ™‚ And 7 captains!

IMG_4841

Awesome brains ranging from 9 to 15 years old πŸ™‚
IMG_4797
IMG_4800

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

Capt. Zaki assisting Thoriq (and as usual refuse to be photographed πŸ˜€ )

IMG_4802

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

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

IMG_4804

Capt. Zaki never stop being busy πŸ˜€
IMG_4806

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

IMG_4807

Capt. Faris assisting Aqeel and Vai
IMG_4808

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

IMG_4810

Capt. Zaki and Capt. Faris assisting Ara and Zaky πŸ˜‰
IMG_4812

Capt. Malik creates lots and lots of code in Greenfoot to be presented to the class πŸ™‚
IMG_4813

Some of our works

IMG_4814
IMG_4815 IMG_4816

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

Gyan and Dika (Thoriq and Edo in the background)

IMG_4826

Joji
IMG_4827

Ronggur

IMG_4828

Vai
IMG_4829

(Capt. Faris and ) Aqeel

IMG_4830

Ara and Zaky
IMG_4831

Muhammad

IMG_4832

Zahra and Raisya
IMG_4833

Reza, Fauzan and Tyo

IMG_4834

Kyntar and Fadly
IMG_4835

Thoriq and Edo

IMG_4836

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

Some screenshots of what we did today πŸ˜‰

Bildschirmfoto 2016-06-23 um 8.09.58 PM

Bildschirmfoto 2016-06-23 um 8.10.47 PM

Bildschirmfoto 2016-06-23 um 8.10.53 PM

Tomorrow we’ll learn more advanced Greenfoot πŸ˜‰