ProCodeCG Kids Regular Coding Class – 9 Mar 2019

Standard

Most people would think that there’s nothing serious about what we’re doing every Saturday πŸ™‚ In fact, everybody has targets and real projects to do each week πŸ™‚

IMG_7288 IMG_7289

IMG_7290 IMG_7291

Fadhlan is going to test radar mapping today

IMG_7245

the schematic of the robot but we’re adding more sensors and components for navigation and mapping

IMG_7260

radar readings

IMG_7282

a messy desk, a tight schedule and the most important: a happy heart πŸ˜€

IMG_7294

Faishal insists to install Kali Linux on his laptop πŸ™‚

IMG_7257

He had tried several times and fail, so this time Capt. Faris is helping him out

IMG_7277 IMG_7295

IMG_7297 IMG_7298

There you go πŸ™‚ Faishal is given some tasks to explore Kali Linux for pen test πŸ™‚

IMG_7300 IMG_7312

Aidia and her unbelievable family project: a railroad crossing gate simulation πŸ™‚

IMG_7248

Aidia do the coding and the Arduino thing, the mom makes the maquette, and the dad makes sure all thing works together, including transferring the maquette from home to the class and vice versa, safely πŸ™‚

IMG_7249

The details of the maquette

IMG_7250 IMG_7251

IMG_7252

A great Dad, sitting there for 3 straight hours, assisting his little girl πŸ™‚ We should give this family an award! πŸ™‚

IMG_7261

IMG_7263

Hoping the mom won’t be furious when we cut the styrofoam open to check the wiring πŸ™‚

IMG_7268

Testing the coding and the wiring

IMG_7270

Checking every wires, every components

IMG_7271

And finally works but we’re going to improve this next week because we’re out of port so we had to use port 0 and 1 which cause problems uploading the sketch to the arduino πŸ™‚ We’re going to reduce the LED so we can get more ports for ultrasonic sensors πŸ˜‰

IMG_7280 IMG_7285

Sam’s father wants us to make Sam’s Juz’amma ProCodeCG App a real app πŸ™‚

IMG_7254

So we’re going to improve the UI/UX and add more features

IMG_7272

IMG_7273

See? We do serious things in here πŸ™‚ We create awesome products πŸ™‚

IMG_7274

Badi is working on his mom website πŸ™‚ A real website πŸ˜‰

IMG_7255

The design, with HTML and CSS

IMG_7278

Finding the best layout

IMG_7279 IMG_7283

the code

IMG_7284 IMG_7287

and we’re going to add booking calendar

IMG_7292 IMG_7293

Badi’s Mom is going to be proudddd πŸ˜‰

IMG_7301

Capt. Faris is doing a classification of handwriting using TensorFlow

IMG_7256

The visualisation of the classification: 4 persons’ handwriting

IMG_7262

The handwritten letters

IMG_7264

The example of the data (Faris has 4 samples)

IMG_7265

the code

IMG_7266

IMG_7267

Al wants to learn photo editing today πŸ™‚

IMG_7258

Al learns some techniques to edit photos

IMG_7259 IMG_7269

and then after that he wants to learn some animations πŸ˜‰

IMG_7296 IMG_7308

Al has strong passion in art πŸ™‚

IMG_7311

Hafiz’s project is creating an Endless Run Game πŸ˜‰

IMG_7286

IMG_7299

It requires tricks and techniques to make the dinosaurs jump smoothly πŸ˜‰

IMG_7302

IMG_7313

Djalu is creating another app, not yet with machine learning

IMG_7304 IMG_7306

There will be more projects and progress and products to be reviewed next week! Till then! πŸ™‚

*Photos and videos are also available here

Advertisements

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 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 Kids Regular Coding Class – 2 Feb 2019

Standard

Just as promised next week, today we made lots of progress πŸ™‚

IMG_4788

Agham has added a stop sign for the school bus so we will get socre when it reaches there

IMG_4765

IMG_4802

Agham carefully chose and edited the assets of the game

IMG_4810

The game is looking very nice, what we have to figure out next is to print score and make the bus comes from the right side of the room each time leaves the room from the left side

IMG_4817

Djalu learned how to create apps today πŸ™‚

IMG_4766

Djalu is signing up for a coding competition so we’re preparing for it

IMG_4805

It took some time to switch from Python to this drag and drop programming πŸ™‚

IMG_4824

IMG_4829

Djalu’s first app πŸ™‚

IMG_4830

Hafiz’s task for today is to create a jumping dinosaurs game like Google’s (when there’s no internet connection) πŸ™‚

IMG_4767

Hafiz always do task in detail πŸ™‚ Look how he finds references and make the sprites as close as the real ones πŸ˜‰

IMG_4780

Finally done! We just need to add score and make the cactus appear randomly πŸ™‚ Well done Hafiz πŸ™‚

IMG_4809

Captain on Duty: Faris

IMG_4768

Faris is doing research on Machine Learning using Python Library to generated random faces

IMG_4781

The codes

IMG_4800

random process

IMG_4841

the international conference publication he’s reading today

IMG_4842

These faces are generated by an machine learning algorithm *isn’t it scary that these faces not really exist; but generated by a machine?

IMG_4843

Aidia and her big awesome project! πŸ™‚

IMG_4769

The mouse on the right will move across and when 3 ultrasonics sensors detect it, it will control the traffic light and then open the gate πŸ™‚ The awesome support from the family (the mom who created the maquette and the father bringing it to the class and bring it back after) that makes this incredible product possible πŸ™‚

IMG_4775

Aidia is a very busy little girl, she had to go right away after the class to a dance performance that’s why she looks so cute today with that hairdo and make ups πŸ™‚

IMG_4799

Sam, making great progress each time. Like always πŸ™‚

IMG_4770

He added more features to the app and he had successfully solve the problem with the sound πŸ™‚

IMG_4790

Fadhlan is building a new robot today. The mapping robot

IMG_4771

Lots of components to be tested and assembled

IMG_4776

After making like 4-5 robots from scratch, today Fadhlan actually followed the manual instructions πŸ˜€

IMG_4784

IMG_4791

and get much better results πŸ˜€

IMG_4792

We tested the Arduino Leonardo today and it worked fine

IMG_4814

we also tested every ultrasonic sensors

IMG_4816

next week we will process the input from all 3 ultrasonics

IMG_4822

Look at the mess πŸ˜€

IMG_4826

Al was given the same task as Hafiz πŸ˜‰

IMG_4773

Al gave different looks to his characters

IMG_4777

so typical of Al πŸ™‚

IMG_4793

IMG_4798

Done but still need improvements πŸ™‚

IMG_4821

Faishal is working on the same thing as Djalu

IMG_4774

IMG_4779

IMG_4795

Faishal’s first app

IMG_4803

He started exploring the block of codes

IMG_4820

IMG_4825

Figuring out how to set timer for the splash screen

IMG_4828

Sulaiman worked on the locker project

IMG_4778

IMG_4794

IMG_4796

We even borrowed Aidia’s book to find ideas πŸ™‚

IMG_4797

IMG_4815

IMG_4819

Farrell got the new components to explore today: joystick, gyro and micro servo

IMG_4782 IMG_4783

IMG_4813

Lots of work to do but Farrell spent some time to help Agham πŸ™‚ Thanks Farrell πŸ™‚IMG_4806

 

Yogi is working on the same game for weeks, that amazingly looks like a real game

IMG_4786

He put HUGE effort to the game and pay attention to EVERY details

IMG_4801

The movement, the animation, the look, the feel is very real

IMG_4811

the key is that the game is not using only drag and drop coding, but mostly written codes. Β Complicated lines of codes πŸ™‚

IMG_4823

Today Yogi has successfully created what he wanted to do for weeks: make a menu controlled with arrow to select πŸ™‚ Impressive work today, Yogi πŸ™‚

IMG_4832

Here’s some of the codes

IMG_4836

IMG_4837

IMG_4838

The result is unbelievable πŸ™‚ Next to do: adding scores and fuel stats πŸ˜‰

IMG_4839

The best about this class is the kids will gather up together and help each other when needed πŸ™‚ This is when a toolbox was turned upside down and all of it contents are in the floor, kids in the class come and help πŸ™‚ Very nice πŸ™‚

IMG_4827

Can’t wait to see them again next week πŸ™‚ Until then πŸ˜‰ ❀

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 26 Jan 2019

Standard

Our regular process to raise future coders and engineers πŸ˜‰

IMG_4385

Harraz has so much idea he got problems in choosing which one to make πŸ˜€

IMG_4357

IMG_4371

and then Harraz chose to create a RaceCar Game

IMG_4374

IMG_4383

for next he will create this Jumping Dinosaurs Game inspired by Google πŸ˜€

IMG_4388

Capt. Awa has a pile of works to do πŸ˜€

IMG_4358

Today he debugs the IoT project

IMG_4372

try to connect to the wifi

IMG_4375

and suddenly it works after several weeks πŸ˜€

IMG_4376

The RGB LED color will be controlled using this colored Zebra interface πŸ™‚ Very interesting πŸ™‚

IMG_4379

The serial monitor display

IMG_4380

and the face of victory LOL

IMG_4384

Next: uploading code to Arduino Nano via Arduino Uno and still didn’t work

IMG_4395

Fadhlan has got plenty to do with the robot this whole year

IMG_4359

He has to develop a new and more advanced robot for the international competition

IMG_4369

and he has to report every week. These are stuff from one of the jury to be explored

IMG_4370

IMG_4373

This robot is still going to be used for testing the algorithm while also building the next robot

IMG_4386

Djalu has gone through our Python Handout so he’s ready to learn more

IMG_4360

He’s now looking for some real problems

IMG_4368

Today he made improvement to the Simple AI by changing the language πŸ™‚

IMG_4389

IMG_4399

Sam is still figuring out how to transfer his apps to other devices

IMG_4361

The app works fine, but it cannot be transferred/tested by scanning QR Codes

IMG_4367

IMG_4390

Badi is making the BreakOut Game today πŸ™‚

IMG_4362

IMG_4365

He really needs a new challenge next week πŸ˜‰

IMG_4396

Faishal is having a headache πŸ˜€

IMG_4364

IMG_4366

He has to create a GUI for Pizza Ordering System πŸ˜€

IMG_4397

So he has to manage the labels, textfields, radio button, drop down list, etc πŸ˜€

IMG_4403

There are still some bugs and we will figure it out πŸ™‚

IMG_4405

Mohan and that smile πŸ™‚

IMG_4392

with the help of Capt. Awa

IMG_4400

creating a very unusual BreakOut Game heheh πŸ˜€

IMG_4401

Next week we need to prepare 1 kid for international young scientist competition and 2 kids for a coding competition. It is not about winning or losing but it is about the process and the experience πŸ™‚ Wish us luck πŸ˜‰

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 12 Jan 2019

Standard

Hello, hello! Everybody has project to do today πŸ™‚

IMG_3435 IMG_3436

IMG_3443 IMG_3447

Fadhlan is going to connect the robot to the power source and make sure that it works today

IMG_3391

IMG_3398

The robot looks so brand new and neat

IMG_3437

We’re going to power the dc motors with 4 1,5V batteries and power Arduino with 9V battery or usb (to pc or to powerbank)

IMG_3438

Taking a break πŸ˜€

IMG_3463

IMG_3464

IMG_3469

Badi starts to create his Race Car Game

IMG_3392

IMG_3470

Aidia is working on a Traffic Light Project using ultrasonic sensor

IMG_3393

The schematic

IMG_3432

IMG_3397

IMG_3424

IMG_3426

Testing

IMG_3431

 

IMG_3444

debugging

IMG_3456

Ok now it works πŸ™‚ Next we’re going to add micro servo to open and close the gate πŸ™‚

IMG_3472

IMG_3475

Sulaiman is exploring interesting structures in Minecraft

IMG_3394

IMG_3420

We’re aiming at creating a school locker system

IMG_3465

or a digital calculator

IMG_3466

IMG_3467

IMG_3471

IMG_3477

Harraz’ project is to create a game like Mario Bros

IMG_3395

IMG_3427

IMG_3429

IMG_3434

IMG_3441

IMG_3448

Djalu (wearing green shirt) is still experimenting with encryption and virus in Python πŸ™‚

IMG_3399

IMG_3423

Sam makes steady progress each time. He’s developing an app to memorize Qur’an

IMG_3421

IMG_3428

The codes

IMG_3430

IMG_3433

IMG_3453

Welcome back Farrell πŸ™‚ Farrell wants to make a simple flight control simulator using ultrasonic sensor πŸ™‚

IMG_3422

IMG_3449

Testing the sensor

IMG_3450

the code

IMG_3451

didn’t work

IMG_3452

debugging, trying every possibility

IMG_3458

even with tempe to detect LOL and finally we change ALL the connecting wires and it worked πŸ˜€

IMG_3459

Captain on Duty

IMG_3425

Ajez and the Maze Game πŸ™‚

IMG_3440

Making improvements and going to make another game πŸ˜‰

IMG_3439

IMG_3468

Mohan showed Badi how to create a fuel bar for the race car game

IMG_3442

IMG_3454

and then Mohan created a BreakOut Game πŸ™‚

IMG_3457

IMG_3461

IMG_3462

IMG_3476

There will always be projects, and research, and new things to learn in this class πŸ˜‰

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ProCodeCG Kids Regular Coding Class – 5 Jan 2019

Standard

Happy New Year πŸ˜‰

IMG_2889

IMG_2891

IMG_2892

Hello Agham πŸ™‚

IMG_2859

IMG_2872

Agham wants to do challenges today πŸ™‚

IMG_2888

He finished Minecraft Hour of Code

IMG_2902

and then working on Blockly Games

IMG_2922

IMG_2927

IMG_2928

Agham got some help from Ka Djalu πŸ™‚

IMG_2862

Djalu is still working on encryption and decryption virus

IMG_2864

IMG_2873

IMG_2884

Testing the encryption and decryption process

IMG_2886

Infecting the files

IMG_2932

and modifying the virus

IMG_2913

Sam’s apps is working but still needs lots of improvement

IMG_2863

IMG_2868

The code

IMG_2885

The app πŸ™‚ We’re going to design a more interesting GUI πŸ™‚

IMG_2904

Al is still figuring out what to be the next game πŸ™‚

IMG_2865

IMG_2879

IMG_2882

IMG_2893

IMG_2908

IMG_2926

IMG_2935

Badi is exploring a new game

IMG_2866

IMG_2869

IMG_2870 IMG_2871

IMG_2887

IMG_2907

Hafiz finished the Flappy Bird Game πŸ˜‰

IMG_2874

IMG_2883

IMG_2899

IMG_2933

Fathan is creating a horror Mario Bros-like Game πŸ™‚

IMG_2890

 

IMG_2895 IMG_2898

 

IMG_2912

IMG_2924

IMG_2925

There are always interesting things going on in our class πŸ™‚ We’ll be reporting about our next class πŸ™‚

*Photos and videos are also available here