ProCodeCG Kids Coding Camp – Creating Apps – Day #2 – 22 Dec 2017

Standard

Day #2 of Creating Apps Coding Camp πŸ™‚

Faiz is still as productive as yesterday πŸ™‚

IMG_5081

He continued the Calculator Apps and made it work

IMG_5086 IMG_5087

There were some bug with the layout and we fixed it

IMG_5089 2

addition

IMG_5094

substraction

IMG_5095

multiplication

IMG_5093

division

IMG_5097

Faiz had lots of things to learn in that thick handout πŸ˜€

IMG_5098

Next: To Do App πŸ™‚ Lots of code πŸ˜€

IMG_5108

IMG_5109

Done πŸ™‚

IMG_5111

IMG_5112 2

Then: button that changes color each time it is clicked

IMG_5124

IMG_5126 IMG_5127

IMG_5128 IMG_5129

He still got more

IMG_5131

A xylophone app πŸ™‚

IMG_5137

We need to make it looks nicer πŸ™‚

IMG_5138

Don’t worry we still have tomorrow πŸ™‚ *plus lots of things to do πŸ˜€

IMG_5075

Advertisement

ProCodeCG Kids Regular Coding Class – Open Topics – 21 Oct 2017

Standard

Our open topics kids coding class πŸ™‚

IMG_0281

IMG_0283

Altair had just attended one session of GameMaker and this is the progress when he came back to the next class πŸ™‚

IMG_0244

He added more features to the game

IMG_0237

plus lots of sprites, objects and background and rooms πŸ™‚

IMG_0238

IMG_0240

He added levels with different challenges on every levels πŸ˜‰

IMG_0241 IMG_0242

And he started to create the next game: Racing Car πŸ™‚

IMG_0251

Capt. Azriel helped Al to resize the background

IMG_0278

Altair’s little brother joined in πŸ˜€

IMG_0275

He wanted to play and typing something on the laptop and Altair was very busy keeping him away from the laptop πŸ˜€

IMG_0276

Ain had created lots of apps with Thunkable but his laptop has problems with connecting to internet so while he waited he opened GameMaker and improved his game πŸ™‚

IMG_0255

We used different laptop to log in to Ain’s Thunkable account and these are some of what Ain’s had created: guessing odd or even number app

IMG_0279

IMG_0269

Bouncing Ball App

IMG_0270

And Doodling App πŸ˜‰

IMG_0273

Capt. Faris was still busy with his research: was given a new task with TensorFlow πŸ˜‰

IMG_0260

IMG_0311

IMG_0296

Clarence was back! This time he wanted to install C++ compiler and started coding in C++

IMG_0262

Faris helped

IMG_0263

IMG_0287

Clarence apparently had so many things in his head to be coded in C++ πŸ™‚

IMG_0271

And we had a newcomer: Brillian πŸ™‚

IMG_0265

Brillian had to go through Intro to Programming

IMG_0268

First, he had to finished Minecraft Hour of Code

IMG_0285

and got the certificate

IMG_0294

and then he learned about functions with LightBot

IMG_0301

IMG_0303

IMG_0304 2

And more logics with some Python using CodeCombat πŸ™‚ In the next class Brillian will learn more with Blockly Games or go straight to game making πŸ™‚

IMG_0308

Nanin! Forgot to save her work :(( So she had to started all over againnnn NOOOOO

IMG_0267

Nanin had to browse through the download folder to find all the pictures of the animals

IMG_0272

and recreated everything

IMG_0292

And then Nanin and Mom discussed the project to be presented to the next exhibition

IMG_0300

She looked so excited πŸ™‚ We’ll see what app Nanin will create next week πŸ™‚

IMG_0302 2

Vian is getting better each week πŸ™‚

IMG_0280

He created more advanced games and keep adding more features

IMG_0288

The game looked really fun πŸ™‚

IMG_0289 IMG_0290

IMG_0291

IMG_0297

And Vian got the best tutor: Ain (wearing black hat)

IMG_0295

IMG_0310

IMG_0312

And the best way to test a game is by playing it, together πŸ™‚

IMG_0313

Azriel made lots of progress too πŸ™‚

IMG_0293

He started to code in JavaScript to build things in Minecraft

IMG_0298

Starting with simple shapes and structures like triangle and stairs

IMG_0305

IMG_0306

IMG_0320

the result

IMG_0309

Very nice progress, Azriel! So proud of you! πŸ˜‰

IMG_0321

And at the end of the class we learned Sewing 101 by Mama Ain πŸ˜‰

IMG_0246

IMG_0247 IMG_0248

*Ignore the face πŸ˜€

IMG_0323

The point is: we have lots of topics in the class and we’re always having fun! See you next week! πŸ˜‰

ProCodeCG Kids Regular Coding Class – Open Topics – 14 Oct 2017

Standard

Our open topic class this Saturday πŸ™‚

IMG_9777

Our newcomer, Ioan πŸ™‚ Ioan joined our mid-year coding camp and now joining regular class πŸ™‚ Welcome Ioan πŸ™‚

IMG_9728

Capt. Azriel was assigned to assist Ioan

IMG_9729

IMG_9734

Ioan reopened his last GameMaker projects and re-learned how to create games πŸ™‚

IMG_9735

He had learnt to create Agario too πŸ™‚

IMG_9736

He looked happy to be back πŸ™‚

IMG_9737

Ioan added new sprites and adding more features to his games

IMG_9743

IMG_9754

 

IMG_9757

Welcome back Nanin (after a few weeks) πŸ™‚

IMG_9730

Nanin was determined to finish her game from the last class

IMG_9740

IMG_9760

The game is to pick out which one is a pet animal

IMG_9742

IMG_9751

Nanin spent lots of time to choose pictures and edit them

IMG_9753

The game is quite interesting: you will get score and move to the next level when you choose the right picture, and will go back to previous level if you pick the wrong one πŸ™‚

IMG_9755

That’s why Nanin had lots of objects and rooms for levels πŸ™‚ Lots of work πŸ™‚

IMG_9767

IMG_9794

Adin (left) started to learn GameMaker, and Captain on duty for GameMaker was Captain Azriel (right)

IMG_9741

IMG_9752

IMG_9758

starting with creating sprites

IMG_9747

IMG_9748

then Adin created his first game πŸ™‚

IMG_9766

he added more rooms with different levels of difficulty

IMG_9795

IMG_9801

IMG_9813

Then Adin was given the next task to create another game: Race Car πŸ™‚

IMG_9823

IMG_9745

IMG_9746

Ain (left) had finished all the homework of creating apps with Thunkable

IMG_9750

So he was given another challenge

IMG_9756

He created an app to convert from text to voice, and he had to add a button to clear the textfield and he did πŸ™‚

IMG_9762

Ain and Capt. Faris then added more languages

IMG_9769

IMG_9798

The code:

IMG_9770

It worked nicely πŸ™‚

IMG_9775

IMG_9776

Vian (right), Ain (middle) and Capt. Faris (left) made a great team πŸ™‚ They working together on Ain’s app and Vian’s game πŸ™‚

IMG_9768

Vian created a new game, fully improved with lots of new techniques, thanks to Ain πŸ™‚

IMG_9771

See how Vian’s game had been improved to a totally higher level when he got support from game making experts πŸ™‚

IMG_9782

Capt. Faris tested Ain’s game

IMG_9787

And then they applied it to Vian’s

IMG_9793

Vian got lots of ideas and feedback from Ain and Capt. Faris yaaay, what could be more fun than creating games as a team πŸ˜‰

IMG_9797

The final look of Vian’s game πŸ™‚

IMG_9817

IMG_9833

IMG_9818

IMG_9834

IMG_9835

Tyo was ready for a new project: modifying a chat app in Java πŸ™‚

IMG_9783

First we made sure the server and client work

IMG_9789

IMG_9796

IMG_9790

And the we decided to add some encryption to the text, and will be decrypted when it is accepted

IMG_9800 2

The encryption worked

IMG_9814

The code

IMG_9815

then we added decryption

IMG_9837

got some errors after adding decryption, but later Capt. Faris solved it

IMG_9838

This little one was back πŸ™‚ Hello Adit πŸ™‚

IMG_9788

Adit continued his Intro to Programming lessons from Blockly Games

IMG_9799

He was doing well with Puzzle and Maze

IMG_9811

And then moved on to Bird

IMG_9812

Had reached level 6 and will continue it next week πŸ™‚

IMG_9842 2

Sabrina continued her lesson in Web Programming

IMG_9791

She learned more complicated design with more difficult layout

IMG_9792

IMG_9816

She had to go through lots of lines and debugging became a lot harder πŸ™‚

IMG_9836

Jundy had several projects in Java running

IMG_9819

This one is a program to guess someone’s birthday using some algorithm

IMG_9803 IMG_9804

Jundy likes to discuss his work with Faris πŸ™‚

IMG_9808

He showed us how to modify some files encrypted from XBox πŸ™‚

IMG_9809

IMG_9810

While on the other side of the room, Ain’s mom did an awesome activity πŸ™‚

IMG_9830

Very neat! πŸ™‚

IMG_9831

This tool has never seen in the class before πŸ™‚

IMG_9832

Another different activity in the class: captain discussions about writing πŸ˜€

IMG_9802

Will be reporting more interesting things happening in our class next week! πŸ˜‰

 

 

 

 

ProCodeCG Kids Regular Coding Class – Open Topics – 22 July 2017

Standard

Whoaaa, got lots of things going on in our open topics class yesterday πŸ™‚

Nico was learning GameMaker and tutored by Capt. Azriel and Capt. Faris πŸ™‚ He created Flappy Bird dan Break Out Game πŸ™‚

IMG_4087

IMG_4128

IMG_4125

IMG_4130

Dika created a Tilting Game for Android πŸ™‚

IMG_4089

IMG_4112

There was some errors and Dika was hungry so he decided to eat first πŸ™‚

IMG_4097

IMG_4102

IMG_4126

IMG_4127

Capt. Faris, while on duty he also did some research and exploration like usual πŸ™‚

IMG_4090

IMG_4096

Faris likes challenges πŸ™‚

 

IMG_4155

He does CodeFights very often πŸ™‚

IMG_4140

IMG_4138

Cinta still exploring about what to present on exhibition: hardware or software πŸ™‚

IMG_4091

IMG_4152

Capt. Malik started to explore C πŸ™‚

IMG_4093

We’re planning to teach kids Artificial Intelligence in C πŸ™‚ This is going to be useful for Malik’s ongoing projects πŸ™‚

IMG_4098

Malik installed CodeBlocks for C IDE IMG_4134

but it was so laggy we’re going to switch to CodeLite

IMG_4143

Capt. Azriel!

IMG_4094

Thanks so much for helping πŸ™‚

IMG_4105

Rafi examining his ESPectro while waiting for his Minecraft Server loading and connecting

IMG_4099

There was a problem with Rafi’s Spigot Server. It wouldn’t connect to localhost. Will find out πŸ™‚

IMG_4135

Vian πŸ™‚ He was in the mood of creating games πŸ™‚

IMG_4104

IMG_4113

IMG_4129

IMG_4144

Vian created a totally new games with animation πŸ˜‰ Capt. Cinta helped too πŸ™‚

IMG_4131

IMG_4151

Koosha demonstrated how to do things we did with Scriptcraft with command block πŸ™‚

IMG_4107

IMG_4121

IMG_4122

IMG_4123

IMG_4137

IMG_4141

IMG_4142

IMG_4148

IMG_4146

IMG_4147

IMG_4149

Jundy had many ideas and things to do πŸ™‚

IMG_4108

but J was given a task to port what he created in Scriptcraft to command blocks

IMG_4111

and so did Gyan πŸ™‚

IMG_4110

Tyo knows exactly what he’s going to present on Exhibition and he’s working seriously on it πŸ˜‰

IMG_4114

IMG_4136

Capt. Faris helped us with some important syntaxes

IMG_4153

And now it worked fine πŸ™‚ Now it’s only finishing πŸ™‚

IMG_4154

Emma is a very focus programming. She just won’t stop πŸ™‚

IMG_4145

We’re opening a new topic: C programming for AI, for her πŸ™‚

IMG_4150

She’s also the only one in class using Linux πŸ˜‰ So cool πŸ™‚ Emma was given things to do at home because she had finished the handout πŸ™‚

IMG_4124

The class πŸ™‚

IMG_4139

So many interesting things and awesome progress like always, and next week there will be more! πŸ™‚

 

 

 

 

 

 

 

ProCodeCG Kids Regular Coding Class – 15 July 2017

Standard

Our kids regular coding class yesterday πŸ™‚

Capt. Faris on the left and Rezky on the right πŸ™‚

IMG_3700

IMG_3717

The Captains πŸ™‚

IMG_3701

Faris, another Captain showed us how to use IntelliJ IDE to write codes πŸ™‚

IMG_3732

Faris created a multiplayer TicTacToe, each player connect to the same IP

Bildschirmfoto 2017-07-15 um 9.11.58 AM

And they can play as if they’re sharing the same piece of paper like this πŸ™‚

Bildschirmfoto 2017-07-15 um 9.13.20 AM

the code:

IMG_3702

While Rezky catching up very fast with the ESPectro πŸ™‚ He learned how to turn on all NeoPixel with different colors

IMG_3703

IMG_3704 IMG_3705

And how to refer to each of NeoPixel to assign different colors πŸ™‚

IMG_3706

He also learned and modify the traffic light with pedestrian button πŸ™‚

IMG_3708

Rezky continued his game with GameMaker after ESPectro session ends πŸ™‚ He’s going to create a FlappyBird-like game next week πŸ™‚

IMG_3720

And we had newcomers: Sabrina and his little brother Azriel πŸ™‚

IMG_3707

They’re given Intro to Programming to see their what things in programming interest them most πŸ™‚

IMG_3712

They worked in team to solve problems πŸ™‚

IMG_3721

And Faris, while on duty, working on many things πŸ˜€ He likes to explore things

IMG_3709

He created this Agario game with JavaScript

IMG_3711

He also did some coding challenges πŸ™‚

IMG_3731

IMG_3722

… with J giving suggestions πŸ™‚

IMG_3723

J had several things to do in the class, first he wanted to redo the hardest level of Blockly Games to check his programming skill level now πŸ™‚

IMG_3724

IMG_3725

J showed his designs using this software. He designed a house and the furnitures πŸ™‚

IMG_3729

Cinta was working on her metric conversion apps

IMG_3713

.. and of course: lots of things in Minecraft πŸ™‚

IMG_3726

IMG_3727

While Koosha, demoing the result of his research: how to set permission on Minecraft Server πŸ™‚

IMG_3718

This is very helpful for administering the Minecraft Server for multiplayers, because kids tend to change the mode from creative to survival and start to kill other players instead of building things once they’re in the same world πŸ˜€

IMG_3714

The line of codes to set the permissions

IMG_3719

The setting is saved in a file named permissions.yml under the folder Spigot/plugins/PermissionsEx/permissions.yml πŸ™‚

Bildschirmfoto 2017-07-15 um 12.15.16 PM

Going to learn more things next week, we’re going to start new topics: C Programming and Web Programming πŸ˜‰

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

Standard

Day #3 of Creating Mobile Apps Coding Camp πŸ™‚

IMG_2262

Fikra had finished all the tasks given in worksheet πŸ™‚

IMG_2264

And then Capt. Zaki supervise him to create his own app πŸ™‚

IMG_2270

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

The app πŸ™‚

IMG_2271

IMG_2272

With the rest of the class πŸ™‚

IMG_2286

See you again on the next coding camp, or regular class πŸ™‚

ProCodeCG Kids Regular Coding Class – Minecraft Modding, Apps Programming, Creating Games – 10 June 2017

Standard

ProCodeCG Kids Regular Coding Class – Open Topics yesterday πŸ™‚

IMG_0847

Cinta got new ideas for her apps, and ready to start a new one πŸ™‚

IMG_0815

She also started to learn Red Stone in Minecraft

IMG_0873

And so excited to create things with switches and logic gates in Minecraft πŸ˜‰

IMG_0876

Vian had his own project in Minecraft too

IMG_0820

He was finding ways to create counter in Minecraft πŸ™‚

IMG_0838

Vian uses Red Stone component to create counter to light up each block alternately

IMG_0841

IMG_0843

Faris (on the right) and Jundy (on the left) always ready for Vian for discussion πŸ™‚

IMG_0851

Faris was really busy yesterday

IMG_0821

Helping other kids

IMG_0846

Demoing some stuff on the screen πŸ™‚

IMG_0854

Faris showed how to use mcEdit to reverse engineer stuff in Minecraft

IMG_0848

because we were researching how to create counter in Minecraft by examining the existing ones πŸ™‚

IMG_0849

IMG_0850

IMG_0857

IMG_0863

IMG_0864

IMG_0868 2

IMG_0874

It took the whole class to figure out how the counter works πŸ™‚ Jundy and Faris modified the circuit to see what happen

IMG_0853

They discuss about how it worked and trying to figure out how to make it simpler

IMG_0867

Yes, this what this class is all about: teamwork and fun πŸ™‚

IMG_0869

Faris also learned about Git and GitHub

IMG_0829

We taught him to create repository, clone, pull, add, commit, push, etc via command prompt

IMG_0830 2

He later learned about forking and branching πŸ™‚

IMG_0833 2

Gyan continued his code in Minecraft and also creating some stuff with RedStone

IMG_0839 2

IMG_0856

Dika prepared himself to continue his apps but too bad no progress to show yesterday

IMG_0845

Welcome back Fadhil (and little brother πŸ™‚ )

IMG_0844

IMG_0872

Fadhil wanted to learn creating apps yesterday, and this is his first πŸ™‚

IMG_0860

IMG_0861

IMG_0862

While Rezky started to learn creating games with GameMaker, coached by Capt. Zaki πŸ˜‰

IMG_0852

 

IMG_0855

IMG_0865 IMG_0866

IMG_0871

Looks interesting πŸ™‚

IMG_0877

Rezky will continue his game next week, can’t wait to see the progress πŸ™‚

IMG_0879

And there was a little girl, Nadine who was interested in joining the class πŸ™‚ Capt. Faris showed her some cool stuff! πŸ™‚

IMG_0880

Ok see you in next class πŸ™‚

 

 

ProCodeCG Kids Regular Coding Class – Minecraft Modding, Java Programming, Apps Programming, Intro to Programming – 3 June 2017

Standard

Hello! Reporting some progress from our open topics regular coding class yesterday πŸ™‚

The class in the morning

IMG_0287

After kids showed up πŸ™‚

IMG_0318

Vian was getting ready to create more things in Minecraft πŸ™‚

IMG_0294

Vian was creating a locked room that can only be entered if we use the correct password

IMG_0308

We have to find the code and then set every switch accordingly

IMG_0309

Vian created the security mechanism using Red Stone πŸ™‚

IMG_0312

IMG_0310

Clarence created lots of Minecraft Tutorial videos πŸ™‚

IMG_0313

He created lots of difficult stuff in Minecraft πŸ™‚ Like this seven-segment like glowing stone to display numbers πŸ™‚

IMG_0314

Clarence helped Vian on Minecraft πŸ™‚

IMG_0346

These to always had things to discuss about πŸ™‚

IMG_0298

Cinta had lots of idea πŸ™‚

IMG_0299

She even made some sketches and design πŸ™‚

IMG_0349

IMG_0345

IMG_0350

Cinta had an idea to improve the apps she created last week πŸ™‚

IMG_0342

This is the new one

IMG_0340

“The App of Magic Spells”, wow! πŸ™‚

IMG_0341

Very interesting πŸ™‚

IMG_0344

Cinta also wanted to learn some Java πŸ™‚

IMG_0351

Rezky was learning JavaScript with Crunchzilla Monster πŸ™‚

IMG_0320

IMG_0326

Rezky learned fast πŸ™‚ Next week he will be learning GameMaker πŸ™‚

IMG_0353

Gyan was typing in javascript code for Minecraft Modding

IMG_0327 2

IMG_0329

the code is to send a “meow” sound to other players but Gyan had problem signing in to the Spigot Server. He said he will try again at home πŸ™‚

IMG_0336

Tyo was working on a Tic Tac Toe Game

IMG_0331

while also improving his Attendance List App in Java

IMG_0335

We still have to add codes to clear checkbox to the code πŸ™‚

IMG_0347

Many things to continue working on next week πŸ™‚

 

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

Standard

Hello! First day of Ramadhan and kids are still on top performance in coding πŸ™‚

IMG_9795

IMG_9822

Capt. Faris is back!

IMG_9796

He’s working on a ChatBot Project

IMG_9833

And several other things πŸ˜€

IMG_9845

The ChatBot on PC

IMG_9794

He code it with Android Studio

IMG_9802

IMG_9803

IMG_9804

IMG_9850

ChatBot on Android πŸ™‚

IMG_9805

IMG_9806

Changing text colors to see whose line it is (bot’s or ours)

IMG_9821

changing background to make it more readable

IMG_9824

It also can change the language based on the Android phone setting.

In Bahasa:

IMG_9842 2

In English:

IMG_9843

Dika created two apps today πŸ™‚

IMG_9798

The first one is changing color button app

IMG_9811

IMG_9812

IMG_9813

IMG_9814

And the other is Xylophone App πŸ™‚

IMG_9823

IMG_9828

Capt. Cinta πŸ™‚

IMG_9799 IMG_9800 2

Cinta was working on her own app πŸ™‚

IMG_9801

IMG_9827

Cinta needs to add timer on her app, and she wouldn’t tell what app it is πŸ˜€ We’ll see next week πŸ˜€

IMG_9808

Vian is creating timer on Minecraft, using repeater

IMG_9809

IMG_9810

 

IMG_9815

Faris gave Vian a help

IMG_9829

IMG_9834

While Rezky was working on Intro to Programming with Blockly

IMG_9825

and LightBots πŸ˜‰

IMG_9841

Captains discussions kept going even after the class ended πŸ˜€

IMG_9835

We’ll see the progress 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 πŸ™‚