ProCodeCG Kids Regular Coding Class – 21 Apr 2018

Standard

Every Saturday there’s always be new things to be learned, lots of progress and sometimes breakthrough πŸ™‚

IMG_2885

IMG_2934

Sulaiman was ready to learn more Javascript code for Minecraft Modding

IMG_2886

IMG_2891

Sul learned to create tunnel in Minecraft πŸ™‚

IMG_2906

There was some errors and we fixed it

IMG_2920

There you go πŸ™‚

IMG_2922

Nafis was assigned to control an RGB LED using the cloud πŸ™‚

IMG_2887

IMG_2894

the code

IMG_2907

the circuit

IMG_2909

Next week Nafis will started to assemble a robot and one day will control it via cloud πŸ˜‰

IMG_2917

 

Firaas learned GameMaker and Minecraft Modding today πŸ™‚

IMG_2888

IMG_2893

Firaas started to build his Agario-like Game πŸ™‚

IMG_2916

IMG_2924

IMG_2925

Fadhlan got his new robotic toolkit and ready to do installation and assemble the components

IMG_2889

Lots of things to be installed

IMG_2892

Fadhlan works in team with Awa πŸ™‚

IMG_2897

IMG_2911

Components to be assembled

IMG_2901

And yes Fadhlan likes doing this so much πŸ™‚

 

IMG_2945

IMG_2949

Fadhlan will develop his own robot while Awa develop his own too πŸ˜‰

IMG_2929

Awa proudly showed his assembled robot πŸ™‚ He staying up late the other night to finish it πŸ˜€

IMG_2895

“Mantap jiwa”, he said πŸ˜€

IMG_2896

A closer look

IMG_2898

IMG_2900

A view of the bottom

IMG_2899

Introducing the first ProCodeCG Robot by Capt. Awa πŸ™‚ ❀ ❀ ❀

IMG_2942

Nares was determined with the mission to add lives to the game πŸ™‚

IMG_2890

We tried every way we knew to make it work

IMG_2902

We followed some tutorials

IMG_2930

IMG_2931

IMG_2923

And yeah it finally worked!!!

IMG_2946

Well done Nares, we will make another game next week πŸ™‚

IMG_2947

Another determined mind: Fathan πŸ™‚

IMG_2904

Fathan had solved all the errors that occurred in the last class and today πŸ™‚

 

IMG_2936

Now it’s error free!

IMG_2937

Fathan also add a few more things to the game and he’s going to create a new game next week πŸ™‚

IMG_2918

Vian, is getting better at logic and problem solving πŸ™‚

IMG_2905

Vian was given a task that no one in the class can solve so far πŸ™‚

IMG_2908

It is creating a running text with Minecraft Redstone πŸ™‚

IMG_2910

Vian had a brilliant idea: he used glow stone and rails πŸ™‚ How cool is that! No one has ever thought of it before πŸ˜€

IMG_2912 IMG_2914

The circuit

IMG_2915

It’s looking good, we just need to add some characters to be displayed πŸ™‚ We probably need some timer πŸ™‚

IMG_2921

Koosha came with new components, he hadn’t told us yet what to create πŸ˜€

IMG_2928

 

IMG_2932 IMG_2933

But then there’s a problem with his OS 😦

IMG_2939

That needed to be fixed first 😦 Needed to be reinstalled

IMG_2940

Cleaning up after the class with Capt. Awa leading πŸ™‚

IMG_2950

A dedicated captain, he is! πŸ˜‰

IMG_2951

And this is how he looked like when get caught bringing some chair on top of a rolling chair LOL πŸ˜€

IMG_2952

*Video is available here

Advertisements

ProCodeCG – Darul Hikam – Coding Class – 20 April 2018

Standard

Today we had one captain and one student πŸ™‚ But this didn’t necessarily mean that we didn’t learn and had some fun πŸ˜‰ Capt. Bullit brought his Little Bits to show the kids how hardware works πŸ™‚

IMG_2818

Adryan was very interested πŸ™‚

IMG_2819

With Little Bits, kids can assembly the modules to create things. They can combine light, sound, sensors just by connect the modules.

IMG_2820

IMG_2831IMG_2821

Capt. Bullit shows how to assemble the parts

IMG_2840

 

IMG_2841

IMG_2842

And then showed us how to create a pressure sensor that will activate the buzzer if the door is opened πŸ˜‰

 

IMG_2822

Enough hardware things, now we get back to creating games πŸ™‚

IMG_2823

But first, lunch πŸ˜€

IMG_2825

Capt. Bullit had some ideas to improve Adryan’s game from last week

IMG_2827

The first one is to make the eyes of the frog blinking πŸ™‚

IMG_2828

Capt. Bullit giving instructions to Adryan πŸ™‚

IMG_2829

adding background

IMG_2833

IMG_2834

adding some infos

IMG_2838

Testing the game πŸ™‚ Yep, it works fine! Adryan now has his own Flying Frog game πŸ˜‰

IMG_2839

ProCodeCG Kids Regular Coding Class – 14 Apr 2018

Standard

This is not just a regular coding class. This is a research center of ProCodeCG Kids πŸ˜‰

IMG_2482

IMG_2483

This is from earlier: Aidia and Echa helped preparing the class πŸ˜‰

IMG_2456

IMG_2457

Echa missed several classes and got back with lots of ideas πŸ™‚

IMG_2458

One of Echa’s project is to create Hogwart School πŸ˜‰

IMG_2463

IMG_2472

IMG_2488

Wooowww

IMG_2509

Awesome creations Echa! πŸ™‚

IMG_2510

Aidia had her own project too πŸ™‚

IMG_2459

Aidia likes to build structures in Minecraft

IMG_2462

And explores things can be done in Minecraft like cooking

IMG_2473

Or created hidden place to hide stuffs

IMG_2508

IMG_2487

or trying funny things like making things upside down πŸ˜€

IMG_2520

She also has pets too πŸ™‚ Later Aidia will learn to do things in Minecraft with JavaScript coding πŸ˜‰

IMG_2521

Sulaiman continued his JavaScript coding in Minecraft πŸ™‚

IMG_2460

Today Sul created a skyscraper πŸ™‚

IMG_2491

IMG_2474

With code we can create how many floors as we want πŸ™‚

IMG_2475

We can also add colors too to the skyscraper

IMG_2489

So we got a rainbow building πŸ™‚

IMG_2490

The code πŸ˜‰

IMG_2492

Sul learned to create a bridge πŸ™‚

IMG_2526

Kinan, welcome back πŸ™‚

IMG_2461

IMG_2467

To refresh the memory, Kinan re-created her race car game, and did it differently πŸ˜‰

IMG_2476 2

IMG_2484

different version but better than previous! Nice one Kinan! πŸ™‚

IMG_2493

Capt. Azriel on duty helping Kinan

IMG_2470

Kinan’s brand new RaceCar Game πŸ˜‰

IMG_2506

Nafis was given task to test micro servo for our robotic project πŸ™‚ Nafis was in IoT team but he’s needed to help us with the testing too πŸ™‚ Thanks Nafis πŸ™‚

IMG_2465

Sam continued working on his RaceCar game, still struggling to add fuel indicator πŸ™‚

IMG_2466

The most interesting thing about coding is that there’s many ways to do things. Kids will learn about problem solving by finding and choose their own way to fix a problem πŸ™‚

IMG_2468

Sam still figuring out to display the fuel indicator πŸ™‚

IMG_2477

Fathan was on the same track with Sam. He was also working on fuel indicator on the RaceCar Game

IMG_2469

The problem with Fathan’s is there was some errors at the end of the game because when the car crashes into the other, then the fuel indicator cannot find its position because the car changed into the wrecked car sprite πŸ˜€ We still need to figure it out next week πŸ˜‰

IMG_2471

Fadhlan was given totally a new task: a robotic research πŸ˜‰

IMG_2478

First, Fadhlan had to read the tutorial

IMG_2481

And then browse the internet to find the components

IMG_2485

IMG_2503

Capt. Awa was about to continue his vending machine project but given a new task to give Fadhlan a demo of how stepper motor work πŸ™‚

IMG_2486

So Awa prepared the code

IMG_2499

and did some components research too

IMG_2502

and then wrote down what we needed for the robotic project

IMG_2504

ok the stepper motor worked fine πŸ™‚

IMG_2511

IMG_2512

ProCodeCG Kids Robotic Team πŸ˜‰

IMG_2516

IMG_2522

IMG_2528

and Fadhlan wrote down the plan

IMG_2514

IMG_2535

this stepper motor is for one wheel

IMG_2515

Adding the wheel

IMG_2523

IMG_2531

Yas, we got one wheel

IMG_2534

and then added the second one πŸ˜‰

IMG_2532

Vian

IMG_2479

and Ain had problems with the server, they should download the updated server so they can continue the project

IMG_2507

Nares got a huge progress today

IMG_2480

Nares had finished his intro to programming sessions so he started GameMaker today πŸ™‚

IMG_2494

Nares’ first game πŸ˜‰

IMG_2495

Carefully see how the game grows πŸ™‚

IMG_2496

IMG_2500

IMG_2501

IMG_2505

IMG_2519

IMG_2525

IMG_2527

IMG_2529

Capt. Awa helped Nares to improve the game even more πŸ™‚

IMG_2533

Capt. Awa cleaning up after the class, thanks capt! πŸ˜‰ :*

IMG_2536 IMG_2537

Behind the scene: bonding between kids in the class πŸ™‚

IMG_2497

Cute scene πŸ™‚

IMG_2498

That’s the report for today, hoping its not overwhelming πŸ™‚ See you again next week πŸ™‚

*video is available here

ProCodeCG – Darul Hikam – Coding Class – 13 April 2018

Standard

Our Friday Coding at Darul Hikam Elementary School πŸ™‚

IMG_2400

Captain on Duty: Capt. Bullitt πŸ™‚

IMG_2390

 

Today Hanif started to create his own version of Flappy Bird πŸ™‚

IMG_2389

IMG_2391

We began from scratch: Hanif created his own pipes and bird πŸ™‚

IMG_2395

IMG_2397

IMG_2398

We only download the background, everything else was created by Hanif πŸ™‚

IMG_2401

The game is working fine πŸ™‚

IMG_2403

Later Capt. Awa added a fire burst at the end of the bird so it looks like a rocket πŸ˜€

IMG_2404

IMG_2416

IMG_2409

Capt. Bullitt helped Hanif to improve the game

IMG_2412

Adryan wanted to create a new gameΒ  πŸ™‚

IMG_2399

The game he created last week can still be improved but he said he will do it later πŸ˜€

IMG_2393

Capt. Bullitt helped Adryan to set up a new game

IMG_2396

 

 

IMG_2402

And like usual, Adryan likes to draw the sprites, in details πŸ™‚

IMG_2408

IMG_2411

 

IMG_2414 IMG_2415

Yaaay, Adryan’s new game πŸ™‚ This frog will jump from a lotus leaf to another πŸ™‚ The game will be similar to Flappy Bird, and we’re going to continue it next week πŸ™‚

IMG_2422

Capt. Bullitt explored Game Maker Studio 2 to see if there are interesting features not available on the version we’re using now πŸ™‚

IMG_2421

IMG_2419

IMG_2420

So many things to explore next week, until then! πŸ™‚

 

ProCodeCG Kids Regular Coding Class -7 Apr 2018

Standard

How’s your Saturday? This is ours πŸ˜‰

Firaas helped preparing the class πŸ™‚ He and his mom always come very early πŸ™‚

IMG_1982 IMG_1983

The class after most of the kids showed up πŸ™‚

IMG_2017

IMG_2018

Firaas learns Minecraft very quickly. He created lots of things with RedStone.

IMG_1988

This circuit, produces music πŸ™‚

IMG_1984

IMG_1986

IMG_1989

Nares had just came back from an event at his school. Very sleepy and tired, he came to the class to learn πŸ™‚

IMG_1991

Nares finished his second part of intro to programming and going to start creating games next week πŸ™‚

IMG_1999

IMG_2021

Nafis was ready to continue his IoT project πŸ˜‰

IMG_1992

Nafis’ mission is to turn on/off this LED via cloud from his Android phone πŸ™‚

IMG_2010

And yeah it worked πŸ˜‰

IMG_2011

Ain

IMG_1995

and Vian

 

IMG_2009

IMG_2024

and Firaas

IMG_2025

worked together to built things in Minecraft πŸ˜‰

IMG_2026

Capt. Awa mission was to continue his vending machine project πŸ™‚

IMG_1996

But Capt. Awa felt like to show us the improvement he made in some games he created πŸ˜€

IMG_2001

IMG_2002

IMG_2003

And then Awa wanted to add another row of vending machine. So he had to add another motor servo and controller to the circuit πŸ™‚

IMG_2014

The code

IMG_2015

Not as easy as we thought, we got stuck because none of the servo worked πŸ˜€

IMG_2027

So Koosha came to help

IMG_2028

IMG_2029

IMG_2030

Koosha had a great way to debug it πŸ™‚

IMG_2031

IMG_2032

The button pressing was detected but the servo didn’t move a bit πŸ™‚ We need more time to debug πŸ™‚

IMG_2033

Koosha project for today is this

IMG_1997

IMG_1998

Required some hard work πŸ˜€

IMG_2006

Nothing is impossible for Koosha πŸ™‚ Next class he’s going to be assigned a new project: robotics πŸ™‚

IMG_2012

IMG_2019

IMG_2020

Azriel was still struggling with digital clock in Minecraft

IMG_2016

Azriel had to start all over again because the last time did not work

IMG_2022

It is quite a complex structure πŸ™‚

IMG_2034

We also did some research on how to create a robot in Minecraft πŸ˜€

IMG_2023

Too many things to do, too many ideas to be executed but we still have next week πŸ™‚ Until then πŸ˜‰

 

 

ProCodeCG – Darul Hikam – Coding Class – 6 April 2018

Standard

Our regular coding class at Darul Hikam πŸ™‚

IMG_1910

IMG_1916

IMG_1920

IMG_1909

IMG_1911

Captain on duty: Captain Bullit

IMG_1912

the captain developed his own games as examples in the class πŸ™‚

IMG_1913

Captain assistant: Capt. Ain

IMG_1926

Hanif started to create a new game πŸ™‚

IMG_1918

IMG_1919

the game use totally different control keys πŸ™‚ the main character will follow the mouse click

IMG_1914

and it can shoot to zombies trying to attack him πŸ™‚

IMG_1922

There are still a lot of things can be added to this game πŸ™‚ We’ll see what Hanif will come up with next week πŸ™‚

IMG_1930

Adryan also created a new game

IMG_1915

He carefully drew all the characters

IMG_1917

 

IMG_1921

IMG_1923 IMG_1924

And thinking about the scenario of the game

IMG_1925

And came up with the idea of a game of a sick kid that avoids medicines πŸ˜€

IMG_1927

IMG_1928

Adryan felt so sleepy he asked to take a break for 5 – 10 minutes to take a nap πŸ˜€

IMG_1931

And after that he continued working and this is the result πŸ™‚

IMG_1932 IMG_1933

IMG_1934 IMG_1935

Impressive progress, kids! Thank Captains! See you again next week πŸ™‚

ProCodeCG Kids Regular Coding Class – 31 Mar 2018

Standard

Regular Saturday fun πŸ™‚

IMG_1577

IMG_1602

IMG_1603

IMG_1606

Glad to have Firaas back πŸ™‚ He wanted to start learning Minecraft Modding with Spigot Server πŸ™‚

IMG_1575

After Firaas got the server installed, he started to enter command using JavaScript to see what happens πŸ™‚

IMG_1581

this is an example of creating a structure in Minecraft using JavaScript code πŸ™‚

IMG_1605

Firaas demonstrate his homework: Flappy Bird πŸ™‚

IMG_1595

IMG_1597

It still has some bugs but in overall it’s nicely done!!!

IMG_1596

Captains Collaboration – as always πŸ™‚ Capt. Syahna and Capt. Cinta always have things and ideas to do as projects πŸ™‚

IMG_1576

Today the task for Capt. Cinta is to create data visualization using Python Libraries πŸ™‚

IMG_1583

It required tedious work of installation, and Capt. Faris backed us up as always πŸ™‚

IMG_1599

There were still some errors in installation and we’re going to fix that next week πŸ™‚ The getting started is often the most painful stage πŸ˜€

IMG_1591

Sam was ready to work in 3 hours straight πŸ˜‰

IMG_1578

IMG_1580

Sam’s game development progress was awesome πŸ™‚

IMG_1607

Sam added lots of details to the game

IMG_1592

IMG_1590

including a smart trick on how to spawn the other cars randomly πŸ™‚ The game is very smooth and challenging πŸ™‚

IMG_1612

Fadhlan, under the supervision of Capt. Azriel was working hard to improve his last game πŸ™‚ *we forgot to take screenshots

IMG_1579

Capt. Faris working on projects, while helping other students. But today he spend most of the time installing Capt. Cinta’s laptop with wordcloud Python library and its dependencies πŸ˜€

IMG_1582

Fathan made awesome progress with his game, too πŸ™‚

IMG_1584

IMG_1593

Fathan added timer, scores, lives and fuel indicator to the game πŸ™‚

IMG_1601 2

He was busy testing those indicators because some of them sometimes didn’t work properly. We’re still finding tricks to display a fuel indicator bar

IMG_1587

We had a newcomer, Nares πŸ™‚

IMG_1585

IMG_1588

Nares learned basics of programming with LightBots πŸ™‚

IMG_1589

He will get through intro to programming for about 1 – 2 more classes, and then he should be ready to move to the next topic πŸ™‚

 

IMG_1594

Azriel was working on his digital clock project in Minecraft πŸ™‚

IMG_1598 2

It’s a quite complex task that he needs two computers to do it πŸ˜€

IMG_1609

Notice the switches and wiring πŸ™‚

IMG_1610

This is a different way to learn about logics and how electronic circuits work πŸ˜‰

IMG_1611

There will be more progress and interesting news about this class next week πŸ™‚ See you soon πŸ™‚