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

Advertisement

ProCodeCG – Darul Hikam – Coding Class – 25 Jan 2019

Standard

Hello Friday 🙂 Time to meet these little coders and see what they make this week 🙂

IMG_4291 IMG_4292

IMG_4293 IMG_4294

IMG_4288

Captain on Duty: Capt. Bullitt 😀

IMG_4254

Capt. Bullitt’s latest IoT project 😉

IMG_4268

Hanif had successfully generate random spawning cars in the game 🙂

IMG_4255

IMG_4263

IMG_4269

IMG_4275

IMG_4285

IMG_4308

Hanif also helped other kids, he’s very kind 🙂

IMG_4305

Now we need to show some scores and add fuel indicator 🙂

IMG_4310

Khalis

IMG_4256

checking up on his previous games

IMG_4266

IMG_4274

and then he wanted to continue Blockly 🙂

IMG_4284

Khalis helped Hana because Khalis had started Blockly a week earlier 🙂

IMG_4299

IMG_4306

IMG_4307

Andra

IMG_4257

wanted to revisit Minecraft Hour of Code to refresh the logics 🙂

IMG_4312

IMG_4313

Faisal’s target for today is to make a micro servo work 🙂

IMG_4258

under supervision of Capt. Bullitt

IMG_4271

Need some time to type down the code

IMG_4278

IMG_4280

IMG_4281

correcting some errors

IMG_4282

IMG_4296

and now it works 😉

IMG_4297

IMG_4309

Trying different kind of servo 🙂

IMG_4316

also works 🙂

IMG_4317

Shaby is working on Blocky Turtle today

IMG_4259

he’s making a huge progress 🙂

IMG_4300

IMG_4301

Shaby learned nested if 🙂

IMG_4303

IMG_4304

it is getting harder

IMG_4311

and Capt. Bullitt was ready to assist 😉

IMG_4314

IMG_4315

Hana is very interested learning with Blockly 🙂

IMG_4260 IMG_4262

IMG_4267

She’s catching up with the class after missing a lot 😉

IMG_4277

IMG_4319

IMG_4320

Arsa planned to continue with GameMaker

IMG_4264

IMG_4283

but ended up doing Blockly challenges with others

IMG_4321

Daffa is working on the Bird part of Blockly

IMG_4265

IMG_4279

He learned about sequence and x-axis and y-axis and heading in degrees 🙂

IMG_4302

Great achievements and now we’re ready for weekend 😉

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – ESPectro Programming & Open Topics – 6 Jan 2018

Standard

Hello Saturday class 🙂

Untitled

Untitled

We had a newcomer: Firaas 🙂

Untitled

There was a problem with Firaas’ laptop: it wouldn’t let browser to browse 😀 Capt. Azriel (green shirt) tried to help

Untitled

Capt. Faris (dark grey ProCodeCG jacket) and Capt. Ain (grey shirt) helped too

Untitled

It took 3 captains and we still couldn’t figure it out 😀

Untitled

So we took different laptop and let Firaas started learning basic programming with Minecraft Hour of Code peacefully 🙂

Untitled

Untitled

Yep, it’s done! 🙂

Untitled

and then Blockly Games

Untitled

Next, CodeCombat 🙂

Untitled

Capt. Ain helped

Untitled

Firaas learned for 3 straight hours 🙂

Untitled

So he deserved some Minecraft time 5-10 mins before the class ended 🙂

Untitled

Ain learned a new thing: BlocklyCraft 🙂 A drag-and-drop Minecraft Modding programming 🙂

Untitled

Capt. Faris gave Ain a jump start 🙂

Untitled

Ain will be given the task to explore BlocklyCraft 🙂

Untitled

Untitled

Nafis was assigned to debug his project all over again 😀

Untitled

start from scratch

Untitled

ready to test

Untitled

the LCD didn’t work

Untitled

but the ultrasonic sensor worked

Untitled

trying to make LCD works

Untitled

Untitled

it did, and counting 🙂

Untitled

Untitled

then we added buzzer, and it worked 🙂 we still hadn’t time to figure out how to make it beep when it counts 🙂

Untitled

Cinta was doing another challenge in Python

Untitled

Untitled

Creating a Hangman game 🙂

Untitled

These girls collaborating to create the questions 😀

Untitled

Untitled

The result

Untitled

Untitled

Untitled

Untitled

And for the next session, Cinta wanted to do some Minecraft Modding 🙂

Untitled

Untitled

While Azriel had a bad headache LOL

Untitled

We were trying to figure out this code to create a triangle in Minecraft using BlocklyCraft

Untitled

We had tried every possible ways

Untitled

And yet it still didn’t work

Untitled

And kept giving us false result :((

Untitled

Untitled

So we called Faris for help

Untitled

And he found out that something was wrong with the converter and it kept crashing the server

Untitled

Apparently the converter from Blockly to JavaScript didn’t work smoothly.

Untitled

So we assigned another task to Azriel: creating structures with RedStone

Untitled

And our research, conducted by Capt. Faris had shown lots of progress

Untitled

now the algorithm can count objects

Untitled

So we add another data sets

Untitled

we used bigger data set for higher precision

Untitled

comparison of left: larger dataset, right: smaller dataset

Untitled

the counting

Untitled

Untitled

the dataset

Untitled

how to change dataset

Untitled

we need place to run the training because the last time we tried, Google Cloud Engine didn’t work 😦

Untitled

Will be reporting again next week 🙂

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 Mobile Apps – Day #1 – 22 June 2017

Standard

There’s only one kid registering to Creating Mobile Apps Coding Camp so we decided to merge the class with IoT Programming Coding Camp 🙂

IMG_2057

Capt. Zaki is giving Fikra full supervision for Creating Mobile Apps 😉

IMG_2061

IMG_2090

Today Fikra learned basic logic and programming with Blockly

IMG_2073

Tomorrow Fikra will start to code mobile apps with Thunkable 🙂

IMG_2078

IMG_2085

We have lots of apps to create, will be reporting about it tomorrow 🙂

IMG_2093

ProCodeCG Kids Regular Coding Class – Intro to Programming, GameMaker, Java Programming, Apps Programming – 10 Dec 2016

Standard

Today there were lots of things going on in the class and lots of progress too 🙂

Nanin (the girl in the middle) arrived early as usual 🙂 Her sister (the one with red hijab) wanted to accompany her while doing some coloring 🙂 Capt. Syahna was there but Capt. Cinta couldn’t make it to the class today.

IMG_8153

The kids from the previous class were still there trying to finish their schematics 🙂

IMG_8157

Nanin could be small but she has big energy and passion! 😉

IMG_8158

Azriel was going to do his project in Android Studio. Azriel has been hired by two companies and they keep him busy 🙂 Azriel’s skill has been escalated rapidly lately 🙂

IMG_8163

Faris with his new glasses. He learns very fast. He reads Java technical tutorials and create lots of difficult codes in Java 🙂

IMG_8166

This one is still doing school project 😉

IMG_8170

Tyo, Ozan dan Fizhan discussed about school projects 🙂

IMG_8174

Nanin learned a lot today, under Capt. Syahna’s supervision 🙂

IMG_8175

Java’s project today is to create a Drive Thru GUI 🙂

IMG_8177

The GameMaker project today is to continue creating your games 🙂 Vian is very serious in making this one. He has lots of sprites and scenarios 🙂 He has lots of ideas each time he comes to the class 🙂

IMG_8178

Tyo couldn’t wait to learn a new lesson today 🙂

IMG_8179

Hellooo Robbie, welcome back! Robbie continued his Blockly track today. He will be ready to do LightBots or CodeCombat next week 🙂

IMG_8180

Vian can sit for hours working on his game 🙂

IMG_8181

Rafi made LOTS of progress today. He finished a game just by following the tutorial 🙂 He’ll be ready to create his very own next week! 🙂

IMG_8182

Faris is a very detail programmer. He will hunt down every error and make it work! 🙂

IMG_8183

Vian’s character of the game. Getting better and more detail each time 🙂

IMG_8188

This is how Vian looks when he’s thinking about the game scenarios 🙂

IMG_8189

Capt. Azriel help Areli with the code 🙂

IMG_8190

Each one doing their own thing 🙂

IMG_8191

Rafi can read instruction very well. He won’t miss any detail 🙂

IMG_8192

Jundy’s father helped to debug the error 🙂

IMG_8193

Jundy learns Java very quickly. He types very fast too 🙂

IMG_8194

Capt. Azriel is a good teacher 🙂 He taught Areli lots of things.

IMG_8195

Robbie’s dad helps Robbie with the code 🙂

IMG_8196

Azriel offered some help too 🙂

IMG_8197

Jundy had successfully modified the Drive Thru GUI by adding a combobox with list of drink choices 🙂

IMG_8198

People don’t believe that kids will do code-typing, but they do! 🙂

IMG_8199

IMG_8200

Another character of Vian’s Game 🙂

IMG_8201

Robbie’s Dad is still trying to figure out Robbie’s high level Blockly Puzzle 🙂

IMG_8202

Rafi’s game is so complete it has list of scores too! 🙂

IMG_8203

Awesome work and progress today! But we didn’t have any Apps Programming today because Capt. Cinta and Prudence didn’t come today. Maybe next week! 🙂

ProCodeCG Kids Regular Coding Class – 1 Oct 2016 – Intro to Programming, GameMaker, Java Programming and Apps Programming

Standard

Our intro to programming, GameMaker programming, Java programming and Apps programming yesterday 🙂

This is Capt. Cinta helping Rezvan with his game in GameMaker. Capt. Cinta is an expert of GameMaker 🙂

IMG_3450

Rafi was still working on intro to programming with Blockly 🙂

IMG_3451

Capt. BR helping Faris with his Java code
IMG_3452

This is Jundy, reading the handout and try the Java codes by himself 🙂

IMG_3453

Vian created another new game! 🙂
IMG_3454

He said he was going to make a jumping boat 🙂

IMG_3460

Darrell was waiting JDK being installed to his laptop

IMG_3455

Tyo had figured out why Java compilation didn’t work last week 🙂
IMG_3456

Hello Yogi! He was actually very happy to finally got GameMaker installed and so he could start create game (he was just not happy we took his picture :D)

IMG_3457

Rezvan had a bit problem with his Racing Car Game and Capt. Cinta helped him out
IMG_3458

And it worked fine 🙂

IMG_3459

Jundy had finished another code in Java. Excellent! 🙂
IMG_3461

Tyo was so glad he could make Java Application and Java Applet work
IMG_3463

he moved on to the password window code 🙂

IMG_3475

Capt. BR showed Rezvan and Rheino some interesting games to be made 🙂

IMG_3466

Yogi seemed so happy with the GameMaker
IMG_3467

He created some sprites and make them move 🙂 And he wouldn’t stop, his dad literally should drag him to get home 😀

IMG_3473

Pru was working on his Android Apps to determine while a number is odd or even

IMG_3468

And it worked on her tablet, yaaay. The homework is to create an app that can tell whether a number is prime or not 🙂

IMG_3471

Capt. BR and Jundy and Java code 🙂
IMG_3470

Friendship in the class 🙂

IMG_3469IMG_3472
Aaaand this little hero came up in the end to help us tidy up the class!
IMG_3477 IMG_3478

Thanks so much Wibi! 🙂 ❤ ❤ ❤
IMG_3479

Please come back again next week! 🙂

ProCodeCG Kids Reguler Coding Class – 13 Aug 2016 – More IoT and Exhibition Prep

Standard

ProCodeCG Kids Class yesterday! We learned more Arduino while preparing for the exhibition 😉

IMG_9271

Lots of kids, lots of parents 😀
IMG_9273

IMG_9227

But we kinda shorthanded yesterday because lots of Captains didn’t come. This one became really busy 😀

IMG_9230

Zaky brought his Raspi and continued working on his project for the Exhibition 🙂
IMG_9231

They’re accessing the Raspi through network using a laptop but having problems with selecting the wifi connection because both devices should use the same network

IMG_9245

The Dad helped 🙂

IMG_9248

We had a Coding Mum running in parallel on the other side 😀 This coding kids class hadn’t reached the maximum level of crowdness. More kids was still coming in 😀

IMG_9232

Tyo was busy improving his game by adding more features and levels.
IMG_9233

Vian creating rooms for his game in GameMaker

IMG_9234

Areli started working on Blockly
IMG_9235

IMG_9251

Malik had almost finished his game in Java, but the sound is still not working

IMG_9236

This Mum is one of our Coding Mum Class, and she was helping her kid to setup Arduino IDE 😉 We make the whole family do coding 😀
IMG_9237

While the mum setting up the software, the kid playing around with the LEDs 😀

IMG_9244

Clarence and Awa were so into Arduino 😀 They’re going to present their Arduino project on the Exhibition 🙂

IMG_9293

IMG_9247

The Dad jumped in too 😀 Yep, officially the whole family! 😀

IMG_9277

Rezandra has finished several games for the exhibition and he’s interested in exploring Arduino too 🙂 Maybe next week!

IMG_9238

Farrell added more features to his solar system code
IMG_9240

Azriel has finished the code and added more songs into it.

IMG_9241

Jundy finished LightBot and working on Blockly
IMG_9242

Clarence and Farrell couldn’t stop tinkering with the Arduino and breadboard 😀

IMG_9243

IMG_9281

IMG_9246

IMG_9257

Clarence finished his task to connect Arduino to an RGB LED

IMG_9258

The code

IMG_9283

Adding more RGB LEDs

IMG_9279

IMG_9282

One parent connected the Arduino to an LCD

IMG_9254

So we tried to do the same

IMG_9276

And worked! Yeaayy 🙂

IMG_9278

IMG_9280

Edo showed up late and he worked on his project with Tyo right away 🙂
IMG_9250

Parents have their own projects and discussion too 😉
IMG_9252

Awesome! 🙂
IMG_9253

Lots and lots of things going on in the class
IMG_9255 IMG_9256

IMG_9259

Prudence started learning JavaScript with Crunchzilla Monster

IMG_9261

Capt. Syahna giving assistance to Vian and Areli
IMG_9266

We’re so busy and kinda shorthanded but we’re all having fun!!!

IMG_9382

Plus, we bought a new sensor!

IMG_9300

Going to make experiments and teach it in the class!!!

IMG_9302IMG_9301

Keep following our updates 😉

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 19 Mar 2016 – Improving Random Guessing Algorithm in Python

Standard

Today, as usual we have several threads running in the class 🙂

IMG_7605

The main thread is improving our random searching algorithm in Python.

IMG_7606

We modified the algorithm to improve the searching so that it will find the target in less iteration.

IMG_7607

Other thread is visual programming intro with Minecraft visual coding and Blockly, and quiz code in Python.

IMG_7608

Roni is diligently working on his task: Minecraft visual programming and LightBots.

IMG_7609

Binar, Malik, Reza, Faris and Aliyah are working on random searching algorithm improvement.

IMG_7610

Cinta is catching up on the quiz code. She has lots of ideas about the questions and so excited about the scoring 🙂 Ardi is working on algorithm improvement too while Clarence and Prudence working on their Blockly challenges 🙂

IMG_7611

This is Malik helping improving the code live on screen 🙂 He’s a good programmer and debugger 🙂

IMG_7612

This one can be a ProCodeCG Captain one day 😉

IMG_7613

Cinta needs different version of Python to make the quiz work.

IMG_7614

Aliyah is a dilligent and persistence student. Very quiet, but very powerful too 🙂

IMG_7615

In our class, kids can learn at their own pace and interests.

IMG_7616

Like this one. Working on his own while others working on their own 😉

IMG_7617

Prudence and Clarence are nice students too, they keep in track with what should be done in class.

IMG_7618

And these two curious minds, are always surprising with their unexpected brilliant ideas 😀 They are working on improving their code in different ways, and then compare the result 😀 Faris is very good in testing 🙂

IMG_7619

This is Clarence. He, and his sister Prudence, won’t stop working even after the class ended 😀

IMG_7620IMG_7621

Faris testing his work on his computer with Malik’s in progress 😀

IMG_7622

And these are some of what we did today 🙂

Bildschirmfoto 2016-03-19 um 10.10.20 AMBildschirmfoto 2016-03-19 um 10.25.42 AMBildschirmfoto 2016-03-19 um 6.28.56 PMBildschirmfoto 2016-03-19 um 6.29.41 PM