ProCodeCG Kids Regular Coding Class – 23 Feb 2019

Standard

Reporting ProCodeCG R&D activities this Saturday πŸ™‚

IMG_6376 IMG_6377

IMG_6399

Abil joined the regular class because there’s no weekday class this week πŸ™‚ He’s determined to finish a game today πŸ™‚

IMG_6333

IMG_6345

The sprites (and the backgrounds πŸ™‚ )

IMG_6346

IMG_6347 IMG_6349

The room

IMG_6357

Setting up movements

IMG_6358

Still needs some storyline here but at least the assets are ready πŸ™‚

IMG_6370

Badi is getting better with HTML and CSS

IMG_6338 IMG_6344

He starts learning more difficult layouts

IMG_6372 IMG_6391

Badi is going to create a business website for his mother πŸ™‚

IMG_6414

Samsam’s Juz’amma App is getting better and smoother

IMG_6336

But before he continued the project, he was asked to learn a bit about machine learning. Because it might be needed later and probably will give him some ideas on how to improve the app

IMG_6339

the code in Thunkable

IMG_6366

IMG_6393

The app on the smartphone *check up the videos showing how this app wonderfully works

IMG_6394

After we choose a surah then the app will display the Arabic letters and also the translation. Very nice app!!!

IMG_6405

Faishal is working on an app with machine learning ability πŸ™‚

IMG_6337

The first is to classify nice words and bad words

IMG_6340 IMG_6356

IMG_6364

and the next project to create an app to read handwriting πŸ™‚

IMG_6383

Entering the data sets

IMG_6384

creating the code

IMG_6397

IMG_6419

Capt. Faris is researching about image detection and recognition πŸ™‚

IMG_6342

IMG_6341

He even read the papers related

IMG_6343

and testing the code

IMG_6350 IMG_6352

IMG_6355

he also create his own data sets *using his friends’ faces πŸ˜€

IMG_6367

learning and testing

IMG_6368 IMG_6392

Hafiz works very hard making the Dinosaur Endless Running Game

IMG_6353 IMG_6359

He tried lots of codes to get the real look and feel

IMG_6363

we’re going to keep improving this game so it will give what we want πŸ˜€

IMG_6371

the code

IMG_6400

Fira joined the class because she wants to make a belt to help blind people

IMG_6354

This is Fira’s design in sketch

IMG_6374

we use arduino, ultrasonic sensor and buzzer

IMG_6360 IMG_6362

Testing the sensor

IMG_6373

IMG_6385

Now adding a buzzer to make it beeps every time the sensor detects something

IMG_6386

The schematic

IMG_6390

Done! The next is to put these stuff and wires to be a wearable device πŸ˜€

IMG_6415

IMG_6417

Al is improving his game

IMG_6365

by giving lots of details and level of difficulties

IMG_6369

IMG_6402 IMG_6404

IMG_6433 IMG_6434

IMG_6438

Capt. Awa’s target today is to upgrade his vending machine to be controlled by RFID

IMG_6380

IMG_6381

So the vending machine will work when we tap the RFID card

IMG_6379

IMG_6382 IMG_6411

IMG_6416 IMG_6420

Yasss it works! *see the videos for more details

IMG_6425 IMG_6429

Capt. Faris helped to improve the code πŸ˜€

IMG_6435

Mohan’s task today is to create a Dinosaur Endless Running Game too πŸ™‚

IMG_6388

Drawing the assets

IMG_6401 IMG_6403

Fadhlan’s compass is working well now

IMG_6398 IMG_6389

Fadhlan has to design the layout of the robot

IMG_6407

with the development board, motor controller, compass, breadboard and 3 ultrasonic sensors

IMG_6410

He tried to make a sketch but finally gave up saying that he preferred to do it without drawing/looking at the manual πŸ˜€ πŸ˜€ πŸ˜€ We’ll see πŸ˜‰

IMG_6412

*Photos and videos are also available here

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 – Kids Private Class – Machine Learning – 22 Feb 2019

Standard

Reza has started learning to create a ChatBot in Python in the last private class. Today he’s going to explore more ideas, but the result is the same, to create a chatbot for teaching people about on subjects πŸ™‚

IMG_6219

The student management dashboard, with Reza had just been added

Screen Shot 2019-02-24 at 22.02.53

Projects for each students can be monitored πŸ™‚

Screen Shot 2019-02-24 at 22.03.09

Reza started to create his first machine learning project on this platform

IMG_6220

IMG_6221 IMG_6222

Ideas and examples we discussed today: smart home

IMG_6223 IMG_6224

IMG_6225

Sorting Hat (of Harry Potter) πŸ˜‰

IMG_6226

IMG_6227

Rock, Paper and Scissors Game

IMG_6228

IMG_6229 IMG_6230

Guessing Game

IMG_6231 IMG_6232

IMG_6233

Categorizing books by images

IMG_6234

IMG_6235

and a whole lot more! Yes, ProCodeCG is now ready to teach Machine Learning for Kids πŸ˜‰

*Phots and videos are also available here

ProCodeCG – Kids Private Class – Basic Electronics – 12 Feb 2019

Standard

Today’s menu is to learn about RGB LED and Button+LED πŸ™‚

RGB LED is very useful when you need indicators with different colors giving different information with just one LED

IMG_6152 IMG_6153

We got some problems with this one πŸ™‚ First it didn’t work because of the wiring

IMG_6154

and then the code πŸ˜€ It finally worked but we still curious why the green light never shows up πŸ˜€

IMG_6156

Next is button and LED. Pressing the button will turn the LED on

IMG_6157

After a while Tyo starts to remember the wiring without looking at the schematic diagram πŸ™‚

IMG_6159

Tyo has built the sense about debugging, both the code or the wiring πŸ™‚

IMG_6160

In overall, today’s lesson is a good progress πŸ™‚ Next we will learn about toggle button, multi-function button and probably start making a traffic light with pedestrian button πŸ˜‰

IMG_6169

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 16 Feb 2019

Standard

ProCodeCG Kids R&D can be found here every Saturday πŸ˜‰ We don’t need fancy stuff, just create things and being productive with whatever we have πŸ˜‰

IMG_5837 IMG_5838

Sam’s Memorizing Juz’amma App is still in progress πŸ™‚

IMG_5808

IMG_5829

IMG_5830

we do some code refactoring today, by adding index to refer to each verse

IMG_5839

Capt. Faris helped Sam rewrite the code to be more efficient πŸ™‚

IMG_5840 IMG_5841

IMG_5847

Badi decided to learn web design today πŸ˜‰

IMG_5809

So he started to learn HTML and CSS

IMG_5824 IMG_5827

IMG_5846

He now can create his own .HTML file and display it on a browser

IMG_5865

and after finishing HTML and CSS, Badi will learn some JavaScript to make the website more interactive πŸ˜‰

IMG_5874

Faris is going to continue researching about Machine Learning today, and his tasks is to explore the IBM platform including setting up accounts for ProCodeCG Kids

IMG_5810

Student management

IMG_5817

Creating an app with Thunkable to be connected to the machine learning platform

IMG_5825

setting up the classification

IMG_5826

Faris is also doing this research on generating random faces and now giving colors to a black and white pics with machine learning (the image on the left is the black and white, in the middle is the result of machine learning, and the right side is the real pic)

IMG_5876

Djalu has been added to the platform and ready to explore

IMG_5811

IMG_5821

This is what Djalu trying to do: classifying two groups

IMG_5835 IMG_5836

The result πŸ™‚

IMG_5855

Faishal is also being registered to the machine learning platform to explore

IMG_5812

but apparently the platform is not stable yet

IMG_5816

It took a long time to do the authentication and to get the result

IMG_5822

IMG_5823

So then we switch into creating a game with Thunkable

IMG_5857

The result: we will score if we hit the yellow ball

IMG_5867

and the score will be decreased when we hit the red ball

IMG_5871

the control is done by tilting the phone. This is the code

IMG_5873

Fadhlan got so much things to do today: assembling the robot with compass and 3 ultrasonic sensor

IMG_5813

Testing the compass

IMG_5818 IMG_5819

IMG_5828

Testing the ultrasonic sensors

IMG_5831 IMG_5832

modifying the code so our old robot now can navigate with 3 ultrasonic sensors without using microservo

IMG_5848

Capt. Awa has several project to finish today

IMG_5834

He is going to combine RFID with the Vending Machine

IMG_5843

It worked on the first try! Yay!

IMG_5851

IMG_5852

Awa said he prefer to sit on the floor πŸ˜€ It makes him easier to think LOL

IMG_5862

What’s next?

IMG_5856

Next is to print the RFID reading to the serial monitor

IMG_5853

We’re going to count each time we tap each RFID card

IMG_5858

the result

IMG_5861

and then we decided to make our own prototype of Β unmanned store πŸ˜‰

Each card will represents an item with different prices. So when we tap the card, it will count the total price for each item

IMG_5875 IMG_5877

IMG_5878 IMG_5879

The result πŸ˜‰

IMG_5880

Capt. Awa refused to stop before finishing up the code (this is definitely one of his glorious day! ;))

IMG_5881

The final result!!! So super awesome!

IMG_5882 IMG_5883

Nice! Our prototype of unmanned store πŸ˜€

IMG_5884

Capt. Faris and Capt. Awa: ProCodeCG R&D Discussion πŸ˜€

IMG_5863 IMG_5864

IMG_5869

Yogy’s mission is to make a score or status that will follow the object

IMG_5849

we have tried this one but not working yet. We’ll try again next week πŸ™‚

IMG_5850

*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 Private Class – Basic Electronics – 12 Feb 2019

Standard

ProCodeCG Kids Private Class today πŸ™‚ We’re going to learn basic electronics πŸ˜‰

IMG_5532

IMG_5536

The Hello World is to make the LED Blink πŸ™‚

IMG_5533

The circuit

IMG_5534

The code

IMG_5535

Done Blinking πŸ™‚

IMG_5537

Then we learn how to read resistor value πŸ™‚

IMG_5538

We read values of lots of resistors πŸ˜€

IMG_5539

IMG_5540

Then the next is to create multiple LED circuit

IMG_5541

while also soldering an I2C module to an LCD

IMG_5542

Neat! πŸ™‚

IMG_5543

Tyo is now can read resistor value easily

IMG_5546

and understands why we need resistors πŸ˜‰

IMG_5548

Tyo has learned Java programming for a long time

IMG_5549

The coding skill is very useful to learn these hardware stuff πŸ™‚ We’re going to make lots of interesting projects out of these! πŸ˜‰

IMG_5550

Debugging and making sure all is working πŸ™‚

IMG_5551

Yes, a great achievement for the first class πŸ˜‰ Going to learn about RGB LED and Button πŸ˜‰

IMG_5552

*Photos and videos are also available here