ProCodeCG Kids Regular Coding Class – Minecraft Modding, Intro to Programming, Java Programming, Apps Programming – 20 May 2017

Standard

Our open topics class yesterday πŸ™‚ Rezky was working on Intro to Programming with CodeCombat πŸ™‚

IMG_9286

IMG_9312

IMG_9318

J always has projects to do in Minecraft πŸ™‚

IMG_9290

Vian (blue shirt), J (eyeglasses) and Gyan (in jacket) signed in to one Minecraft server and build things together

IMG_9293

IMG_9317

The class πŸ™‚

IMG_9294

Dika was in the middle of creating a To Do Apps with Thunkable

IMG_9295

IMG_9303

IMG_9314

The result πŸ™‚ (some of the properties should be set to look neater)

IMG_9315

Tyo made lots of progress πŸ™‚

IMG_9298

He had finished ProCodeCG Attendance List Prototype in Java πŸ™‚ We just tick on the check boxes and it will shows how many students attending, then add the date and save it to file!

IMG_9299

Great job, Tyo! πŸ™‚

IMG_9300

Tyo had also finished creating Snake Game in Java

IMG_9320

and adding some scores (a score will be added each time the Snake eat a food). Next is to print the score on the game board πŸ˜‰

IMG_9321

Gyan is very good creating things with Red Stone and gates in Minecraft πŸ™‚

IMG_9304

He can make almost anything, from sliding doors to traps and so much more πŸ™‚

IMG_9305

IMG_9306

Rafi switched from ESPectro to Minecraft coding πŸ™‚

IMG_9311

He learned how to use looping to create stacks of blocks

Β 

Like this one πŸ™‚

IMG_9316

Captain Corner πŸ˜€

IMG_9297

Capt. Zaki giving help to Rezky

IMG_9308 IMG_9309

and helping Rafi with the server

IMG_9313

The class πŸ™‚

IMG_9310

The front office πŸ™‚ (two other girls didn’t show up, hiks)

IMG_9307

See you next week πŸ™‚

Β 

Β 

Β 

Β 

Β 

ProCodeCG Kids Regular Coding Class – Minecraft Modding, Java Programming, Apps Programming – 29 Apr 2017

Standard

Open topics class πŸ™‚

Cinta was creating lots of blocks arrangement in Minecraft πŸ™‚

IMG_7771

A cat

IMG_7723

A rabbit

IMG_7725

even a diamond! πŸ™‚ next time we will try to generate this with coding πŸ™‚

IMG_7769

Capt. Cinta and Capt. Syahna: a good teamwork πŸ™‚

IMG_7732

They’re given the task to assist Nanin πŸ™‚

IMG_7743

Nanin was the youngest and she learns from her seniors πŸ™‚

IMG_7747

Nanin created a speech recognition app πŸ™‚

IMG_7754IMG_7749

When things don’t work, Ka Syahna / Ka Cinta will help Nanin to find out what is wrong πŸ™‚

IMG_7770

Debugging work πŸ™‚

IMG_7774

While Ka Syahna debugging, Ka Cinta teaches Nanin other things πŸ™‚

IMG_7772

And when Nanin hadn’t been picked up, we’ll be there to accompany her πŸ™‚

IMG_7792

Dika was working on a Calculator App

IMG_7746

IMG_7779

IMG_7780

IMG_7781

IMG_7782

While Jundy set up a ScriptCraft server so the other kids can join and learn scripting together

IMG_7750

J is a fast learner

IMG_7753

He will be given more responsibilityΒ to assist his friends πŸ˜‰

IMG_7755

Vian logged in to J’s server to learn

IMG_7756

IMG_7763

IMG_7777

IMG_7778

IMG_7791

Koosha and Dad still struggling with Mac setup πŸ™‚

IMG_7783

IMG_7757

 

Raul was working on Java Chatting App πŸ™‚ So did Tyo (not in the pic). Tyo had successfully conduct chatting with different computers πŸ™‚

IMG_7773

The class πŸ™‚

IMG_7766

IMG_7748

It’s a great thing that we always learn something new while also making friends and having fun every week πŸ™‚

 

ProCodeCG Kids Reguler Coding Class – Open Topics – 21 Jan 2017

Standard

Our open topics class πŸ™‚ We have to accommodate kids interests so we open different topics in this class πŸ™‚

IMG_1201 2

Nanin continues her DinoMan game in GameMaker, under supervision of Capt. Syahna πŸ™‚

IMG_1200

Helloooo Yogi welcome back!

IMG_1218

Yogi is very serious about his game but wouldn’t tell what game he is working on πŸ˜€ He starts to use line of codes in his GameMaker πŸ™‚

IMG_1231

IMG_1235 2

Hello Pru! Pru picked up where she left, but too bad, her Android wouldn’t read the QR Code from Thunkable so we couldn’t test her apps.

IMG_1237

IMG_1221

Raul joined the second class to learn Java Programming πŸ™‚

IMG_1222

Capt. Azriel is planning to create another game after the “Telolet Game” πŸ™‚ “Telolet Game” has 3 more subscribers everyday πŸ™‚ Good luck Azriel! We’re planning to discuss about this on Monday after codeMeetUp()

IMG_1223

IMG_1246

Arduino Kids started to leave the class because it’s time for the open topics class but some of them stayed until the class ends πŸ™‚

IMG_1226

Nanin said she wanted to take a break after creating game and she drew comics! πŸ™‚

IMG_1232

“Let’s Coding in ProCodeCG” πŸ™‚ ❀ ❀ ❀ Very impressive πŸ™‚

IMG_1233

Fadhil learned JavaScript with Crunchzilla Monster πŸ™‚

IMG_1234 2

Abit too, joined the class after Arduino to learn about web programming πŸ™‚

Vian (red shirt) was working on his game in GameMaker. He seemed to have lots of ideas in head he needs to put into his game πŸ™‚

IMG_1238

IMG_1239

IMG_1245

Areli still had problems with his To-Do-List App, but he helped Prudence to show how the Xylophone Apps work πŸ™‚ Thanks Areli πŸ™‚

IMG_1242

So glad to see loads of bright minds and positive energy today πŸ™‚ See you next week kids πŸ™‚

ProCodeCG Kids Coding Camp – Creating Apps Day #3 – 4 Jan 2017

Standard

Day #3 πŸ™‚ Again the room was set up by Areli and fam πŸ™‚ Thanks so much πŸ™‚

IMG_0104

We finished our calculator apps and create some more πŸ™‚

IMG_0107

IMG_0105 2

IMG_0106

IMG_0108

We also add pop up warning window if there is a division by zero πŸ˜‰

IMG_0109

IMG_0110 IMG_0111

IMG_0112 IMG_0113

IMG_0114

 

IMG_0116 IMG_0117

Then we created a Xylophone app πŸ˜‰

IMG_0115

IMG_0118

Yeh, we code and play LOL

IMG_0119

Kids like to code inside the box

IMG_0120

Literally πŸ˜€

IMG_0122

IMG_0125

While the kids was having the break and playing. Capt. BR did some debugging while having lunch

IMG_0124

And Capt. Fizhan giving help to those who didn’t take a break πŸ˜€

IMG_0126

Our Xylophone! πŸ™‚

IMG_0127

IMG_0128 IMG_0129

IMG_0130 IMG_0131

It worked nicely and have been tested πŸ˜‰

IMG_0123

IMG_0132 IMG_0133

IMG_0134

The next app was To Do List App. It required some database and we used TinyDB to store the list. The block is quite complex but the kids finished it πŸ˜‰

IMG_0135

IMG_0151

IMG_0136 IMG_0137

IMG_0138

IMG_0144

Here are our Apps Programmers! πŸ™‚ Ready to create many more!

IMG_0141

Some screenshots πŸ™‚

Bildschirmfoto 2017-01-04 um 10.06.51 AM Bildschirmfoto 2017-01-04 um 12.17.00 PM

Bildschirmfoto 2017-01-04 um 12.17.06 PM Bildschirmfoto 2017-01-04 um 1.23.46 PM

Bildschirmfoto 2017-01-04 um 1.39.14 PM Bildschirmfoto 2017-01-04 um 1.49.44 PM

And what happened behind the screen πŸ˜€ πŸ˜€ πŸ˜€

IMG_0148 IMG_0149

IMG_0150

See you again kids! So glad to have you in class πŸ™‚ Tomorrow we will start learning Arduino Programming πŸ™‚

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