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! 🙂

Advertisement

ProCodeCG Kids Regular Coding Class 11 June 2016 – Thunkable

Standard

Today we learned new things and we got newcomers too 🙂 We got Tyo and Muhammad joining the class 🙂

IMG_3806

We tried Thunkable, a spin out of AppInventor to create apps and deploy it to Android phones 🙂 This is a part of Coding Camp’s preparation, we tested all materials for Coding Camp in Regular Classes so we can find out any troubles that might occurs beforehand.

IMG_3807

Awa, the youngest one was given another task: creating games with Kodu 🙂
IMG_3808

While Prudence and Clarence picking up where they left on Python CodeAcademy 🙂

IMG_3809

So most of the kids worked on Thunkable
IMG_3810

The apps created with Thunkable can be run on Android phones or if the kids don’t have smartphones, they can download the .apk and run the apps on this simulator, KoPlayer 🙂 Thanks to Faris for recommending this useful simulator 😉

IMG_3811

Muhammad, our newcomer seemed to love working on CodeCombat 🙂 He learned about sequence and loops today 🙂
IMG_3812

And here’s our lead captain keeping up with Coding Camp preparation 😉

IMG_3813

And another captain: Malik was working on an unbelievable project in Java! Pure Java (no Greenfoot) with Eclipse as the IDE.
IMG_3814

And this captain, Faris, has gone very far on codeSaya.com. He started to learn OOP in Python 😀

IMG_3815

These two, Prudence and Clarence were bored with CodeAcademy so they were tinkering around with HTML and JavaScript 🙂
IMG_3816 IMG_3817
IMG_3818

While these guys working in groups on Reza’s computer 🙂

IMG_3819

So everybody’s got their thing to do 🙂 It might be different topics in different languages but they’re all doing some coding! 🙂
IMG_3820

We still have a week for Coding Camp preparation, and we make sure all Captains are ready! This Lead Captain has to make sure everything goes right 😉

IMG_3821

Next week we will learn about LUA 😉