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

Advertisement

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! πŸ™‚

ProCodeCG Kids Coding Camp – Creating Games – Day #1

Standard

Coding Camp Creating Games Day #1 πŸ™‚ The car was fully packedΒ with stuff for camp πŸ˜€

IMG_4503

Things everywhere! πŸ˜€
IMG_4504

Setting up the class and the kids were coming in πŸ™‚ We had 16 kids πŸ˜‰ Capt. Fizhan is in charge of logistics, security and documentation πŸ™‚
IMG_4505

Capt. Cinta was busy creating presentation about Intro to GameMaker before the class started πŸ™‚

IMG_4506

Capt. Syahna is in charge of administration and finance πŸ™‚ Kid should do registration to get Camp’s Kit πŸ™‚
IMG_4507

While Capt. Cinta was really really serious creating the slides πŸ˜€

IMG_4509

So while the kids prepare themselves
IMG_4510

The mom were getting to know each other too πŸ˜‰

IMG_4511

Yeah, we’re ready to start! The boy in stripes is Capt. Reza πŸ™‚
IMG_4513
IMG_4514

And this one with black t-shirt is the Lead Captain: Capt. Zaki πŸ™‚

IMG_4515
IMG_4516 IMG_4517

For intro, we did programming with CodeCombat, with Capt. Cinta giving examples on the display
IMG_4518 IMG_4519
IMG_4520 IMG_4521
IMG_4522 IMG_4523
IMG_4524 IMG_4525
IMG_4526

This is Nanin, the youngest kid in class πŸ™‚

IMG_4527

Alzi, Bebe, Kimi
IMG_4528

Mael

IMG_4529

Rifa
IMG_4530

Ilyas and Darrel

IMG_4531

From left to right, front row: Edo, Tyo, Arga
IMG_4532

Fauzan

IMG_4533

Thoriq and Edo
IMG_4534

Thoriq

IMG_4535

Kiran
IMG_4536

Silmi

IMG_4537

Capt. Cinta assisting Nanin
IMG_4539

Capt. Fizhan creating documentation
IMG_4541

And we started the intro to GameMaker πŸ™‚

IMG_4544
IMG_4545

Capt. Zaki helped Capt. Cinta navigating the slides πŸ™‚

IMG_4546

And these are some sprites the kids have created πŸ™‚
IMG_4547 IMG_4548
IMG_4549 IMG_4550
IMG_4551 IMG_4552
IMG_4553 IMG_4554
IMG_4555 IMG_4556
IMG_4568
IMG_4570

We’re going to create some games tomorrow!!! πŸ™‚

IMG_4566

See you there! πŸ˜‰

ProCodeCG Kids Crash Course on Intro to Programming Day 1

Standard

Hello! ProCodeCG started a 3 day Crash Course on Intro to Programming for students from EduGlobal School Β at Digilife Dago πŸ™‚

IMG_3044

We had 5 kids ready to learn intensively in 3 days πŸ™‚

IMG_3045

Today we will learn some logics with a problem solving game in Python language πŸ™‚
IMG_3046

Each kid should finish all levels before tomorrow we move to the next topic

IMG_3047

Today they learn about sequences and looping.
IMG_3048

They keep saying “I’m having headache because I’m stuck in this level” but they wouldn’t stop πŸ˜€

IMG_3050

We learn with CodeCombat today and the most interesting is that the teacher can create classes and add students in!

Bildschirmfoto 2016-05-31 um 2.01.27 PM

You can invite the students manually, or send the URL or direct students to the course
Bildschirmfoto 2016-05-31 um 2.01.02 PM

Each class will be given Class Code for student to be entered
Bildschirmfoto 2016-05-31 um 2.02.37 PM

Then the teacher can see the progress of each student

Bildschirmfoto 2016-05-31 um 2.02.43 PM

Even in details πŸ™‚
Bildschirmfoto 2016-05-31 um 2.11.59 PM

If you get more licenses, you will be able to enroll more students and the students can learn Computer Science Level 2 and 3 (while without more license they can only learn Computer Science Level 1)

Bildschirmfoto 2016-05-31 um 2.13.29 PM

We will learn different things tomorrow!

ProCodeCG Kids Regular Coding Class 21 May 2016 – HTML and Javascript

Standard

Hello Saturday! Today our coding class was in Digilife Dago πŸ™‚

IMG_2210

Yeah we got that big and crisp display againnn πŸ™‚

IMG_2211

To prevent kids getting bored, we changed topic today into something loose and more relaxed πŸ™‚

We learned to code games in HTML and JavaScript, just to let kids now that if they create their games that can be run with a browser then it can be played on any devices (with browsers) πŸ™‚

Bildschirmfoto 2016-05-21 um 9.48.47 AM

Cinta is going to be one of the Captains on next Coding Camp so today we had a newcomer, Fira and it was such a good opportunity to let Cinta practicing her role as a Captain πŸ™‚

IMG_2212

While two little guys in the front, Roni and Faris start coding in HTML and JavaScript

IMG_2213
IMG_2214

And we got another newcomer: Vian πŸ™‚

IMG_2216

He came last week but he didn’t bring any laptops and ProCodeCG spare laptops were all occupied 😦 So he was very excited today to do coding! πŸ™‚
IMG_2218

Capt. Anya supervising her junior (Capt. Cinta) πŸ™‚

IMG_2217

Well, Faris is going to be one of the Captains too, so he was given the task to take care of Roni πŸ™‚
IMG_2219

Capt. Anya took care of things when Capt. Cinta was overloaded πŸ˜€

IMG_2220

More kids showed up! Azriel was there too πŸ™‚
IMG_2221

And also our Lead Captain: Zaki πŸ™‚

IMG_2222

Zaki was given the task to modify this code and elevate this into a more advanced code πŸ™‚
IMG_2223

Capt. Cinta did her work so well πŸ˜‰

IMG_2224

Roni got a little bit bored typing in HTML and JavaScript code so we let him learn to code with Code Combat (a visual programming in Python language) and he liked it!
IMG_2225

We always have a great and warm and productive class each time! πŸ˜‰

IMG_2226
IMG_2227

We also did some Code Fights too! It was so challenging!!!

IMG_2228

Bildschirmfoto 2016-05-21 um 8.36.05 PM

Roni reported to his mom what he was doing and showed her an email sent by Code Combat about how far he has gone with the coding πŸ˜‰ Mom was very proud! πŸ˜‰
IMG_2229

Capt. Anya dan Capt. Cinta working together to assist Fira πŸ™‚

IMG_2230

While Azriel and Capt. Zaki were trying to solve the problem given to them πŸ™‚
IMG_2232

We had lots of stuff to unload and load back for the class πŸ™‚

IMG_2237

As much as the fun and happiness we brought back home! See you next week kids! πŸ™‚ ❀