ProCodeCG – Darul Hikam – Kids Coding Class – 22 Feb 2019

Standard

Darul Hikam Kids Coding Squad πŸ˜‰

IMG_6238

IMG_6278 IMG_6279

Captain on Duty: Captain Bullit

IMG_6251

Hanif is ready to finish the target for today: adding a score that will follow the camera view

IMG_6240

we finally found this code and it worked!!!

IMG_6283

we added it to our code

IMG_6294

and yaaayy now we got the score following the camera view! Next is to add lives πŸ™‚

IMG_6295

 

Khalis learns several things today

IMG_6241

First he continued the Blockly Games challenge

IMG_6254

and then modified his BreakOut Game in GameMaker

IMG_6261

And then learned some basic programming with Minecraft Hour of Code

IMG_6282

This is good for exercising πŸ™‚

IMG_6290

Arsa had some animations challenge to be done today πŸ™‚

IMG_6242

The challenge is getting harder each time πŸ˜€ This one is only animating two arms

IMG_6262

IMG_6267

and this one is animating two hands and two legs πŸ™‚

IMG_6268

two arms and one legs done

IMG_6274

and finally all solved πŸ™‚ Nice work!

IMG_6284

IMG_6292

 

Daffa accepted the challenge to do some schematic wiring today πŸ™‚

IMG_6243

The project is Traffic Light with Pedestrian Button. Daffa do the wiring and Faisal will do the code

IMG_6270 IMG_6271

IMG_6272 IMG_6281

The result for the first time πŸ™‚ Not bad at all!

IMG_6287

Andra had finished all free levels of CodeCombat

IMG_6244

IMG_6245 IMG_6246

IMG_6247 IMG_6249

And then h e started a new path with Blockly Games

IMG_6250

Nobel (on the right) helped Andra

IMG_6252

IMG_6256 IMG_6260

IMG_6269

Andra also tried a Hour of Code challenge

IMG_6286

with Capt. Awa assisting

IMG_6297

Done, finally πŸ™‚

IMG_6299

Faisal had finished the Measuring Heights with Ultrasonic and LCD Project πŸ™‚

IMG_6258

IMG_6257

Faisal did some Blockly Games challenges while waiting for Daffa finishing the wiring

IMG_6276

IMG_6277 IMG_6280

Daffa had finished his part now it’s Faisal’s

IMG_6288 IMG_6291

Time’s up and we had to continue it on the next class. There comes bigger problem: Faisal almost couldn’t decide whether to undo the wiring or keep it that way until the next week πŸ˜€ He hated to see untidy stuff πŸ˜€

IMG_6301

*Photos and videos are also available here

ProCodeCG – Darul Hikam – Coding Class – 15 Feb 2019

Standard

Because kids have to start earlier to learn coding and information technology so they can cope with what is awaiting them in the future πŸ˜‰

 

IMG_5723 IMG_5724

IMG_5738 IMG_5739

Isma’ill worked in team with Faisal πŸ™‚

IMG_5716

Isma’ill do the coding and Faisal do the wiring

IMG_5725

Their project today is to use an LDR sensor to activate a LED. When it is dark then the LED will be activated and it will be off when there is light

IMG_5733

The code

IMG_5750

The next project is LCD πŸ™‚

IMG_5776

ok this also worked, next time we will display sensor readings

IMG_5780

Faisal worked in team with Isma’ill πŸ™‚ He’s responsible to do the wiring

IMG_5717

teamwork

IMG_5741

testing the circuit and worked nicely

IMG_5742

next project is LCD

IMG_5782

that worked fine as well πŸ™‚

IMG_5781

Hanif made huge progress today πŸ™‚

IMG_5722

IMG_5718

He keeps adding improvements to the game

IMG_5726

including awesome animations πŸ™‚

IMG_5727

We tried every possible ways to improve the game, this time to add score that follows the object

IMG_5757

the drag and drop view

IMG_5762

the code. The score is showing now but it still not the way we wanted it πŸ˜€ Going to fix it next week πŸ˜‰

IMG_5775

Shaby will learn programming with CodeCombat today

IMG_5719

It is like playing game but it is teaching us how to solve challenges with lines of codes

IMG_5735

We have to type in the code on the right windows and see how it works on the left window

IMG_5748

Capt. Bullit helped Shaby to get through the more difficult levels

IMG_5759

How Shaby has gone so far πŸ™‚ Excellent progress πŸ™‚

IMG_5764

Captain on Duty: Capt. Bullitt. He’s getting better at teaching and controlling the class now πŸ˜‰

IMG_5720

Khalis continued his Blockly journey

IMG_5721

Today is to learn how to bring that bird back to the nest after hunting some worms πŸ™‚

IMG_5744

This teaches about direction in angles and x y axis

IMG_5745

Surprisingly, Khalis already knows how to modify the script (in HTML/JavaScript) to change the appearence on the browser πŸ™‚

IMG_5752

He opened View Page Source and modify the code to see the result on the browser πŸ™‚

IMG_5753

Like this one, the “tujuh” word was supposed to be a number πŸ™‚ So this kid already know where to modify πŸ˜€ Next time he can start to learn web programming πŸ˜‰

IMG_5756

IMG_5763

The next topic is to learn coding with music πŸ™‚

IMG_5772

Khalis had to put the right notes to get the right song πŸ™‚

IMG_5774

Andra finished all the levels of CodeCombat today πŸ™‚

IMG_5734

He is certainly very good in coding and challenges πŸ™‚

IMG_5736

Andra can figure out almost all of the challenges given

IMG_5737

including those difficult ones

IMG_5749

He understands the code line by line πŸ™‚

IMG_5760

And kept going on until he finished all the levels

IMG_5761

IMG_5769

Arsa was also learning with Blockly but he chose the Pond

IMG_5747

this teaches about distance and angles and looping πŸ™‚

IMG_5746

He also tried Turtle

IMG_5755

and went back to the opening puzzle

IMG_5765

Before he finally very interested in creating animation πŸ™‚

IMG_5766

In this section we are supposed to copy the shapes and make it moves

IMG_5767

Once we get the shapes right, we can code it to make animations, like a movie

IMG_5768

We also have to put the duration of each move

IMG_5770

Very challenging and interesting and Arsa made lots of progress he must be proud of today πŸ˜‰

IMG_5773

 

*Photos and videos are also available here

ProCodeCG Kids Coding Camp – Creating Games – Day #1 – 18 Dec 2017

Standard

ProCodeCG Kids Coding Camp – Creating Games – Day #1 πŸ™‚

IMG_4580

IMG_4595

IMG_4596

IMG_4598 1

 

IMG_4603

We have 10 kids in the class πŸ™‚ This is Dehya

IMG_4581

Gabriel

IMG_4582

Arkan

IMG_4583

Ghassan

IMG_4584

Bagas

IMG_4585

Macca

IMG_4586

Rayhan

IMG_4587

Arka

IMG_4588

Gana

IMG_4589

And Vian (yellow shirt). Next to Vian (grey shirt) is Captain on duty: Ain πŸ™‚

IMG_4592

We started with learning some programming syntax with CodeCombat for warming up πŸ™‚

IMG_4591

IMG_4590

With CodeCombat, kids learn about basic programming logics: sequence, conditionals and looping.Β This is necessary to help kids with what they’re going to learn with GameMaker πŸ™‚

IMG_4604

Gabriel even write down the steps πŸ™‚

IMG_4605

And then Capt. Ain gave tutorials on getting started with GameMaker πŸ™‚

 

IMG_4606

First we learned how to create sprites πŸ™‚

IMG_4607

IMG_4608

IMG_4613IMG_4609

IMG_4610

Vian had learned GameMaker on our regular class, so he worked on his own pace πŸ™‚

IMG_4602

Vian sprites and game πŸ™‚

IMG_4594

IMG_4597IMG_4611

IMG_4600

IMG_4601

While other kids are busy creating their own sprites

IMG_4612

IMG_4628

IMG_4614 IMG_4615

IMG_4616 IMG_4617

IMG_4619 IMG_4620

IMG_4621

IMG_4624

IMG_4625

We kept working on the break time πŸ˜€

IMG_4622

IMG_4599

And after the sprites, we created objects

IMG_4623

to make the sprites moveΒ IMG_4627

After performing Dzuhur we took a break and had lunch

IMG_4629

IMG_4632

And created the room to put all the sprites in

IMG_4633

IMG_4634 IMG_4635

The room looks like this, each kid has very personal design πŸ™‚

IMG_4636 IMG_4637

IMG_4638 IMG_4639

IMG_4640

Tomorrow we will start to add more to the game: collision, scoring and moving levels πŸ˜‰

ProCodeCG Kids Regular Coding Class – Open Topics – 16 Sep 2017

Standard

 

ProCodeCG Open Topics Class today πŸ™‚

IMG_8058

IMG_8042

Emma is still working on AI for TicTacToe

IMG_8017

She is developing strategy to choose the best move

IMG_8050

There are still some bugs and she is going to fix the data structure and algorithm πŸ™‚

IMG_8059

Clarence started to learn java and data structure πŸ™‚

IMG_8021

He created a java program for monitoring graphics performance

IMG_8029

And his project is to parse a file and sort the content

IMG_8030.Β 

Based on certain number and name

IMG_8035 IMG_8036 2

The file, with comma as delimiters

IMG_8037

The parsing is done, now before sorting we need to convert the data from integer to string or vice versa

IMG_8039

Capt. Faris who is very proficient in Java comes to help

IMG_8043

IMG_8044

IMG_8045

and next is to sort πŸ™‚

IMG_8074

Capt. Faris always has ways to solve things πŸ™‚

IMG_8075

IMG_8076

While Cinta is back to creating apps πŸ™‚

IMG_8038

She is creating a To Do List Application

IMG_8047

Altair starts to learn Python with CodeCombat πŸ™‚

IMG_8041

Al seems to like learning to code this way πŸ™‚

IMG_8048

IMG_8057

CodeCombat teaches kids logics and basic programming with a tool looking like a game πŸ™‚

IMG_8061

There are missions to accomplish and kids have to write codes on the right window πŸ™‚

IMG_8067

Altair helps Adit to solve the problems to finish the missions

IMG_8053

Adit is very good himself but sometimes he needs a little clue to keep on going

IMG_8056

A fun way to learn coding (Python) πŸ˜‰

IMG_8060

Conquering challenge after challenge

IMG_8068

Tyo is still working on his temperature measurement application

IMG_8054

IMG_8051

It is working nicely now, converting both ways from Celcius to Fahrenheit

IMG_8063

We probably will improve the GUI to be make it possible to convert to and from more temperature units

IMG_8064

Capt. Faris helps Tyo to improve the code

IMG_8062

Faris added textfield listener so the code will automatically show the result on the other textbox when the user enter a number on one textbox

IMG_8070

 

Sabrina is back to learn web programming πŸ™‚

IMG_8049

She has finished one stage

IMG_8065

and with the help of Capt. Faris has fixed some errors

IMG_8072

In a few weeks Sabrina will be ready to create his own web design with HTML, CSS and Javascript πŸ˜‰

IMG_8073

Azriel learns different topic today

IMG_8052

He learns JavaScript with Crunchzilla Monster.

IMG_8066

Azriel learns about variables, looping and conditions. Next week Azriel will be learning JavaScript for Minecraft Modding πŸ™‚

IMG_8069

While Capt. Faris is working on this research πŸ˜€

IMG_8046

IMG_8055

We’re going to develop many things using the result of Faris’ research πŸ™‚ We’ll be reporting soon πŸ˜‰

 

 

ProCodeCG – 5 Days Kids Coding Crash Course – Day #2 – 9 Aug 2017

Standard

Day #2 πŸ™‚ Ghazaska Mom was there all the time doing paperworks while the kids learned more about programming πŸ™‚

IMG_5247

Ready to learn! πŸ™‚

IMG_5248

Today we learn and practice more about programming logic

IMG_5249

so that he will get used to solve problems with sequences, looping, conditionals πŸ™‚

IMG_5250

adding more complexity with x and y axis plus direction πŸ™‚

IMG_5251

Ghazaska don’t give up easily. But he needs to take a break once in a while, just like other kids usually do: Minecraft / YouTube πŸ™‚

IMG_5253

We will learn to create game on Day #3, but before creating our own games, we learn to do coding with games πŸ™‚ CodeCombat πŸ™‚

IMG_5254

Today Ghazaska learned some Python language πŸ™‚

IMG_5255

He finished enough levels to be able to move to the next lesson, next week πŸ˜‰

IMG_5256

Next week we will create our own games πŸ™‚

ProCodeCG Kids Coding Camp – Creating Games – Day #1 – 26 Dec 2016

Standard

ProCodeCG Kids Coding Camp – Creating Games Day #1 πŸ™‚

IMG_9273

We were expecting 16 kids but one changed the topic and one didn’t feel well (hoping that she can join us tomorrow)

IMG_9274

Setting up and installing before the class started. Capt. Fizhan helped Gerry to connect to the internet and install GameMaker

IMG_9275

Capt. Azriel helped Dhita to install GameMaker

IMG_9276

We had 6 captains on duty today: Lead Captain Zaki, Captain Azriel, Captain Reza, Captain Syahna, Captain Fizhan and Chief Captain CG πŸ™‚

IMG_9277

Registration session was over soΒ Capt. Syahna can read a book πŸ˜€

IMG_9278

Lots of parents stayed in the class assisting their kids πŸ™‚

IMG_9279

We did warming up with CodeCombat πŸ™‚ To teach the kids basic logic of programming πŸ™‚

IMG_9280 IMG_9281

Kids can see their progress on the big screen so they will be challenged to finish all levels πŸ™‚ After they finished this, they were allowed to start creating games with GameMaker πŸ™‚

Bildschirmfoto 2016-12-26 um 10.00.51 AM

Lucky we had lots of captains because lots of problems to be fixed πŸ™‚

IMG_9283

IMG_9284

Now let’s take a look one by one the students of the class πŸ™‚ This is Fadhil

IMG_9282

Raul

IMG_9285

Indira

 

IMG_9296

Abi

IMG_9293

Rafi

IMG_9294

Dhita

IMG_9295

Vio

IMG_9297

The Twin: Michael (yellow shirt) and Kevin (blue jacket). And Dad πŸ˜‰

IMG_9304

Renald and Mom πŸ™‚

IMG_9299

Arya (and Capt. Reza on the left)

IMG_9300

The youngest one: Darren (with Capt. Azriel on the left)

IMG_9301

Michael L.

IMG_9305

Capt. Fizhan helped Abi to connect to the internet and install GameMaker

IMG_9287

Loads of kids, and parents! How fun πŸ™‚

IMG_9288

Indira is a quiet girl but she is steadily making progress πŸ™‚

IMG_9286

Capt. Azriel on duty πŸ™‚ He worked really hard! πŸ™‚

IMG_9289

Indira and Vio are cousins

IMG_9290

Capt. Reza on duty

IMG_9291

Gerry’s Mom and Ren’s Mom, moms with curiosity πŸ™‚ They are soon going to be good programmers πŸ™‚

 

IMG_9302

Fadhil is very serious and determined

IMG_9303

We learned so hard, but we had lots of fun too πŸ™‚

IMG_9306

IMG_9307 IMG_9308

Lunchtime!

IMG_9312

IMG_9313 IMG_9314

IMG_9315 IMG_9316

IMG_9318

IMG_9320

After lunch kids played some Kinect Games together πŸ™‚

IMG_9322

Because learning is better combined with playing

IMG_9323

and kids should have time to make friends too πŸ™‚

IMG_9325

Now let’s see what kids have created today πŸ™‚ This is Ren’s

IMG_9310

IMG_9327

IMG_9332

Fadhil’s

IMG_9321

Indira’s

IMG_9319

IMG_9329

Rafi’s

IMG_9309

Raul’s

IMG_9326

IMG_9333

Vio’s

IMG_9328

Darren’s

IMG_9330 IMG_9331

Abi’s

IMG_9334

Arya’s

IMG_9335

Kevin’s

IMG_9336

Michael’s

IMG_9337

Aaaand, the kids played again afterclass πŸ™‚

IMG_9338

See you again tomorrow πŸ™‚

ProCodeCG Kids Regular Coding Class – Intro to Programming, GameMaker, Java Programming – 24 Sep 2016

Standard

Our Intro to Programming, GameMaker and Java Programming Class today πŸ™‚

Vian was still so interested in making games with Game Maker πŸ™‚

IMG_3032

Malik accompanied his little brother, Rezvan creating a new game in GameMaker

IMG_3033

Tristan continued learning functions with LightBot πŸ™‚
IMG_3034

IMG_3049

Tyo created a new awesome game in Game Maker but he preferred to code in Java today πŸ™‚

IMG_3035

Farrell had finished the first class and while waiting to be picked up he played with Fizhan.
IMG_3036

May learning coding with CodeCombat

IMG_3037

Malik was around and told us about his awesome Arduino clock (on his awesome toolbox) πŸ™‚
IMG_3039

Then the CEO of Gravicode, Muhammad Ibnu Fadhil gave us his birthday cake! So nice!

IMG_3040

The kids was really happy πŸ˜‰
IMG_3041

Thank you, Kak Fadhil πŸ™‚

IMG_3043

Happy birthday!!!
IMG_3045

Wishing you the greatest things in the universe πŸ™‚
IMG_3046

We’re so going to invite him to our codeMeetUp() πŸ˜‰

IMG_3048

Then cleaning up! πŸ™‚
IMG_3050

YO! hardware boys! πŸ˜€
IMG_3053

πŸ˜€ πŸ˜€ πŸ˜€

IMG_3055

All loaded and go home!
IMG_3056

See you next week! πŸ™‚