ProCodeCG Kids Regular Coding Class – 22 September 2018

Hello Saturday 🙂 Time for being productive 😉

Today Fadhlan is ready to finish mounting all the components to his robot

Capt. Faris helped Fadhlan modifying the code

Edo still learn shell scripting while trying to install Linux on VirtualBox

Nadine creates some coding for design

Djalu continue his game in GameMaker

and we got a newcomer: Al

Al had to finish Minecraft Hour of Code challenge

Al had beaten the first challenge 🙂 Now the next 😉

Al’s sister: Ifa also joined us 🙂 And she was given different challenge than Al’s

Agham continue learning programming logics with Blockly

Capt. Faris helped Agham to proceed with the difficult parts

Harraz finished Minecraft Hour of Code today and continues creating his game in GameMaker

Fathan made lots of progress with his PVZ game 🙂

Capt. Faris project: creating API for an Android app 🙂

The app

We also have Mohan today 🙂 Welcome to the club 🙂

Mohan went through the intro by doing the Minecraft Hour of Code challenge 🙂

Mohan looks so excited, and so were Al and Ifa. Thank for joining us, see you again next week 😉

*Photos and video are also available here

 

 

 

 

Advertisement

ProCodeCG Kids Regular Coding Class – 8 September 2018

Saturday is time to learn different things than what we learn at school 🙂

Sam is still working on his Plants vs Zombie remaking project in GameMaker 🙂 The game is quite complex, he has to think and work hard to make it work

This game requires lots of tricks and advanced techniques

Nadine wanted to learn some Scratch Programming to create Google logo 🙂

Nadine can modify each letter with codes

The variation is infinite 🙂

Nadine can add dialogue between the letters too 🙂

While Capt. Faris is still making API for an Android Apps to memorize Quran

And of course Fadhlan got loads of work to do with the robot. He has to prepare for the upcoming young scientist competition

Fadhlan has to add ultrasonic sensors and one power source to the robot

Engineers space of work is never neat 😀 Look at that hanging hot solder *Fadhlan kept yelling to warn people to stay away from it 😀

The code

Vian decided to learn Python today. So we installed and update things so he can start to code in Python 😉

Vian said that he wants to learn some Machine Learning with Python 😀

Yogi is very serious game creator. He’s been working on this race car game, and he keeps making it better each week

He added details and more codes to it

Yogi pays attention to every details 🙂 The result is: amazing 🙂

Fathan is also developing a Plants vs Zombie in GameMaker

 

In our class we don’t do things for competition but to learn and have fun 🙂 No pressure unnecessary because life is hard enough! 😉

*Photos and videos is also available here 🙂

 

 

 

ProCodeCG Kids Coding Camp – Creating Mobile Apps – Day #3 – 24 June 2017

Day #3 of Creating Mobile Apps Coding Camp 🙂

Fikra had finished all the tasks given in worksheet 🙂

And then Capt. Zaki supervise him to create his own app 🙂

//embedr.flickr.com/assets/client-code.js

The app 🙂

With the rest of the class 🙂

See you again on the next coding camp, or regular class 🙂

ProCodeCG Kids Coding Camp – Creating Mobile Apps – Day #2 – 23 June 2017

Creating Mobile Apps Coding Camp Day #2 🙂

Fikra (left) and Capt. Zaki (right)

Fikra created a Login Apps today 🙂

This is when the wrong password entered

And when the correct one entered, the apps will go to the other screen 🙂

Fikra also created an app to generate random numbers

A random number will appear each time the button is pressed 🙂

This is Fikra’s Calculator 🙂

Addition

Substraction

Multiplication

Division

Wooow, lots of achievement today 🙂 Tomorrow we will learn more plus Fikra will get a challenge 🙂

ProCodeCG Kids Coding Camp – Creating Mobile Apps – Day #1 – 22 June 2017

There’s only one kid registering to Creating Mobile Apps Coding Camp so we decided to merge the class with IoT Programming Coding Camp 🙂

Capt. Zaki is giving Fikra full supervision for Creating Mobile Apps 😉

Today Fikra learned basic logic and programming with Blockly

Tomorrow Fikra will start to code mobile apps with Thunkable 🙂

We have lots of apps to create, will be reporting about it tomorrow 🙂

ProCodeCG Kids Coding Camp – Creating Apps Day #1 – 2 Jan 2017

Hello! Day #1 of Creating Apps 😉

Areli and Mom arrived earlier than us today and the set up the class so neatly, thanks Areli and Mom! 🙂

Let’s introduce our apps programmers in the class today: Indra

Areli

Ardian

Dea

and Michael! 🙂

We warmed ourself up by doing challenges on Blockly Games so we will be used to the syntax and the nature of Thunkable programming

We have lots of trails of different kind of challenges 🙂

Capt. Syahna with documents and stuff

Capt. Zaki assisting Areli

The class went very well, each kid had different ways to deal with the challenge

This is Areli’s long code on Blockly section Turtle, level 7 🙂

A very long one and works very well 🙂

This one is level 10 of Pond section. Capt. Zaki created this code to help Mike finished his 🙂

This is Areli’s Turtle level 8

and Mike Pond’s

Lunch time! 🙂

After lunch we started creating our own Android apps! We create the apps using Thunkable and then generate this QR Code to be scanned by any Android phones using the same network and the app will be downloaded right into the phone and ready to use! 😉

This one is Dea’s app 🙂

One button will show the pic and the other one will hide it 🙂

This one is Indra’s

And Areli’s 🙂

Ardian and Mike still had trouble with their phone and the simulator so we will definitely try again tomorrow 🙂

Here is the screenshots of some things we did today 🙂

Going to make more interesting apps tomorrow! 🙂

ProCodeCG Kids Coding Camp – Creating Apps – Day #3

Creating Apps, the last day!

Today we did some improvements to our previous guessing number game. Now we add a label text giving a clue whether the guess is too small or too big.

99 is to big

while 30 is too small

and 60 is the correct answer! 🙂 the number is generated randomly each time.

We created new blocks and deactivated the old one (a very cool visual of commenting out the code ;))

Then we add a number of try to the code

Now we can see how many tries it takes to guess the correct number

The next is creating an app to determine whether a number is even or odd

We also tried how to connect to Google Maps

Thunkable gives access to latitude and longitude from Google Maps

The last one is creating an app to determine how old are you by entering your birthday date

We did lots of trial and modifications

We use DatePicker to get the birthday date input

The app still need to be improved, too bad we were running out of time!

This is the class in the morning, before more kids showing up

Kids are very happy to play the apps on their own smartphones

Everyone has different version of code. This is Capt. CG’s

And this is Capt. Zaki’s. Looks totally different 😀

Break time

Kids are kids. They played hide and seek during break time 😀

And after that, we still struggling to make the code work 😀

Because today’s topic is advanced apps in Thunkable, most of the kids got headache LOL

The block of code was too long

And lots of logics to be figured out

We didn’t have time to finalize the code and had to pack up

And say goodbye to the last day of ProCodeCG Coding Camp!

But don’t worry we’ll be back in six month! 😉

ProCodeCG Kids Coding Camp – Creating Apps – Day #2

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 🙂

Some of the code

The whole code

Next we created a simple calculator

The code

The calculator on the simulator

And we also created a guess game

the code is still very simple, we will improve it tomorrow 🙂

This is when the guess is wrong

And this is when the guess is correct 🙂

For each app we just generate the QR Code and everybody can play 🙂

The GodFather Captain gave us a visit again 🙂

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

GodFather Captain busy with the Gizwits 😀

Oh wow, this kid really got a style 😀

And this one always hide behind something 😀

LOL! 😀

Capt. Cinta assisting Mail

Friday’s Prayer break

We created some games apps and play 😀

or listening to music

Or just checking up handphone

After the break, Capt. Zaki explained about the calculator

With Capt. Cinta navigating the screen

Yep, it works 😉

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

Capt. Zaki and Capt. Cinta, always love to see kids in teamwork 😉 ❤

Zahra and Icha

Ara

Edo and Thoriq

Ozan (and Capt. Fizhan)

Farrell and Mail

Rheino

Fayza

Fadhlan

Nadhira

Tian

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

Will create more apps tomorrow! 😉

 

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

ProCodeCG Kids Regular Coding Class 16 Jan 2016 – Creating Apps

Today we continue working on our client-server code in Python, login password in Scratch, countdown to 2015 code in Python and creating apps with App Inventor! 😉

This is Farrell demonstrating his solar system’s orbit code in Python 😉 The code use real data from NASA and it is really interesting to see the track of each planets based on their speed and Astronomical Unit (AU). The code use Python turtle library to draw the trajectory 😉

Faris is working on his Android Studio and Malik is debugging his Python client-server code.

Reza, on the corner has created his own counter with start and stop button, and he had created some apps with Apps Inventor before so it is easy for him to follow the class today 🙂

We have a new student today, Aliyah, the girl on the back with stripes shirt, is waiting for her emulator loading 🙂

We have a little company leading the class today! 😀

How cute! 😉 ❤

Today we create one button and one image with App Inventor. We will set the image to be invisible.

When the button is clicked, the image will be visible 🙂 The coding is using Blockly 🙂

After the code is finished, we build the project.

And then connect it to the Android Emulator (should be downloaded and installed first. And the computer should be restarted).

If there is any emulator updates then before running the project, it will download the update first.

This is the emulator

And there we go! We have it running! 😉

The problem with App Inventor that it needs a stable and fast internet connection. The connection and loading process is so slow, we should do something else to wait until it displays our project on the simulator. Hopefully we can figure out how to make it work smoothly because today some computers cannot be installed with the emulator and the ones with emulator installed took hundred years for the emulator to show up.

We will work on it next week! 🙂