ProCodeCG – Darul Hikam – Kids Coding Class – 5 April 2019

Standard

Today we started to prepare projects for the end of semester πŸ˜‰

IMG_8936//embedr.flickr.com/assets/client-code.js

Daffa collaborates with Arsa creating a new game with GameMaker

IMG_8874

Daffa created some of the sprites

IMG_8910

and the objects to make them move

IMG_8911

IMG_8923

and also created some of the backgrounds

IMG_8925

but Daffa is very interested in learning basic electronics. Next class he will be given a basic electronics project πŸ˜‰

IMG_8929

Arsa teamed up with Daffa

IMG_8875

designing a new interesting game πŸ˜‰

IMG_8900

the game will be in night and day mode πŸ™‚

IMG_8914

Arsa had mastered the basics of creating games so he can make any games he wants

IMG_8915

but in the middle of process, Arsa wanted to explore about basic electronics, because it looks really interesting πŸ˜€

IMG_8926

Arsa learned about basic components and how to use a multimeter πŸ˜€

IMG_8933

Capt. Bullitt is ready for the duty today πŸ™‚

IMG_8876

The project for the end of semester: a smart trashbin πŸ™‚

IMG_8889

Capt. Bullitt is responsible to lead the project, and make sure the team give the expected results πŸ™‚

IMG_8928

Hanif is going to make v2 of his game

IMG_8877

the v1 is working with some bugs so we are going to modify it and see the result

IMG_8896

IMG_8897

we’re going to implement different methods in spawning these pipes

IMG_8902

Arsa visited Hanif offering himself to test the game πŸ˜€

IMG_8907

IMG_8912

IMG_8919

We are definitely testing every step and make sure we didn’t miss any configurations that work well in the previous version

IMG_8930

Andra is also preparing the project for the end of the semester

IMG_8880

Andra will modify and upgrade his game

IMG_8908

IMG_8917

IMG_8918

IMG_8931

Faisal is doing the same project as Isma’ill and Danen: creating a Smart TrashBin

IMG_8881

Faisal is responsible on drawing the design

IMG_8893

The picture will describe how the project works πŸ™‚

IMG_8916

Isma’ill is responsible for the code and make sure works

IMG_8882

Teamwork πŸ˜‰

IMG_8885

IMG_8905

The stuff for the project

IMG_8921

The code

IMG_8924

debugging the code

IMG_8932

Danen is responsible for installing the components

IMG_8884

IMG_8892

Look at those happy faces πŸ˜‰

IMG_8898

Danen has successfully installed the ultrasonic sensor and the microservo

IMG_8904

Later we can use a more proper box but the target is to make it work πŸ˜‰

IMG_8906

Khalis had learned so much about creating games

IMG_8887

and this is his project for the end of the semester πŸ˜‰

IMG_8890

IMG_8891

IMG_8899

IMG_8901IMG_8903

Wow almost finished πŸ™‚ We’re going to finished it up next week πŸ˜‰

IMG_8935

*Photos and videos are available here

Advertisements

ProCodeCG – Kids Private Class – Basic Electronics – 2 April 2019

Standard

Tyo couldn’t wait to continue his timer project πŸ™‚

IMG_8822

but we have to do it step-by-step: installing and testing the components separately and make sure they are working properly before assembling them into the final project.

The first one to test is the button for setting up the timer

IMG_8824

ok buttons for setting up variables are working

IMG_8825

next is designing the view πŸ™‚ Tyo wants to have scrolling text so we test the scrolling function

IMG_8828

this one is also working

IMG_8830

the next is to set up multifunctional button for starting and stopping the timer

IMG_8832

Tyo had to do lots of modifications to the code, and his skill and experience in Java programming comes in handy πŸ˜‰

IMG_8833

Next week we’re going to put all together πŸ™‚

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 30 Mar 2019

Standard

Coding crowd this Saturday πŸ˜‰

IMG_8533

IMG_8555 IMG_8556

IMG_8557

Hafiz is working on Plant vs Zombie Game. It is quite difficult and takes more time to develop than the previous ones

IMG_8509

Preparing the sprites

IMG_8505

the assets

IMG_8506

each sprite is carefully designed πŸ™‚

IMG_8528 IMG_8534

the background

IMG_8535

IMG_8554

Testing plant placing

IMG_8560

The objects are now placed neatly in the room πŸ˜‰

IMG_8561

More objects added πŸ™‚ Nice! Next is to add scoring and spawning the zombie randomly πŸ™‚

IMG_8587

Sam’s work is getting harder and harder to do since the target is to release this app to PlayStore

IMG_8507

We need to think how to manage the screens and the size of the app

IMG_8520

We are discussing the screen flow and the best UI/UX design especially to show the user the progress of memorizing the Juz’Amma

IMG_8523

we just realized that Sam’s app has too many screens and that makes the app size grows. The more the screens, the harder it is to manage

IMG_8524

Capt. Faris had his own app developed with Android Studio, and he shared his architecture to us

IMG_8529

it is time to throw in database πŸ˜‰ and the trick is to create limited screen, and reload the view from the database

IMG_8530

so Sam has to learn about accessing TinyDB πŸ˜€

IMG_8545

It leaves him like this LOL

IMG_8583

Fadhlan, stop eating the candy and start to work! πŸ˜€

IMG_8508

We have to work on this: testing the right and left motor plus the controller, and make it navigates

IMG_8519

Working hardddd there you go πŸ˜€

IMG_8536

IMG_8537

Capt. Awa helped us testing the robot *and ran away when the robot was activated because it refuse to avoid obstacles LOL but at least we know that button, LED, buzzer, wheels, are working and we just need to check the ultrasonic before adding compass and bluetooth module πŸ˜€

IMG_8569

Capt. Faris and his research πŸ˜€ He was given a challenge to learn how to prevent shoplifting with camera object detection

IMG_8510 IMG_8525 IMG_8546

Capt. Awa, brought new toys!

IMG_8511

The new stuffs have the same size as a coin!

IMG_8512

wowww, modules for TinyDuino

IMG_8513

IMG_8514

IMG_8515

But we still couldn’t get these little mates to work :(( We suspected the USB-UART driver or probably the port

IMG_8526

So Capt. Awa explored another thing: basic electronics simulation

IMG_8542 IMG_8550

IMG_8553 IMG_8558

and then helping us with the robot

IMG_8570

the robot was going in circles so Capt. Awa helped us switching the polarity πŸ™‚

IMG_8572

Testing is done for today (too many things being hit by the robot LOL)

IMG_8574

Badi’s website is ready to be uploaded to public πŸ™‚ Today Badi will buy domain and hosting and upload it

IMG_8521

We’re searching for the best option, and after we got one, Pavilion19 will have a website πŸ™‚

IMG_8540

Aidia is so excited about her Minecraft Project today πŸ™‚

IMG_8517

She brought lots of books for references πŸ™‚

IMG_8518

IMG_8538

IMG_8559

Aidia does both design and mechanical structures in Minecraft

IMG_8564

IMG_8566

Look at this: she created a locker system below a beautiful building she designed πŸ˜‰ How nice!!!

IMG_8584

Inside the locker corridor πŸ™‚ Next week we’re going to add button to get a specific locker sent to a specific person πŸ˜‰

IMG_8585

Al is going to make another animation, yaaay πŸ™‚

IMG_8522 IMG_8527

He’s getting better πŸ™‚

IMG_8541

Al finds references on the internet to get more ideas

IMG_8551

And he created animation for educational purposes like this one πŸ™‚

IMG_8552

IMG_8589

We have a newcomer: welcome Andra πŸ™‚

IMG_8543

Like the others, Andra had to go through the intro to programming

IMG_8549 IMG_8563

One challenge down

IMG_8565

Now another one, and Andra can do it very quickly with lots of excitement πŸ™‚

IMG_8567

IMG_8580

Yogi came with the same problem from the last class: displaying a score that follows the object πŸ™‚

IMG_8547

This one worked for Game Maker Studio 2 but not with version 1 so we tried so many ways and still couldn’t figure it out. Don’t worry Yogi we’ll work it out

IMG_6283

Syadad is now ready for a code combat πŸ˜‰

IMG_8562

Syadad is very excited with this challenge, especially because now he has a friend: Andra πŸ™‚

IMG_8568

Next week Syadad will be ready for creating games yaay!!!

IMG_8581

Until then! πŸ˜‰

*Photos and videos are available here

ProCodeCG – Darul Hikam – Kids Coding Class – 29 March 2019

Standard

We’re back after a while with Capt. Awa on duty

IMG_8425

IMG_8456

Helping Danen with RFID

IMG_8449

Hanif is ready to work on object following and random spawning today

IMG_8426

IMG_8430

We got so many problems in setting the camera view while also spawning the pipes randomly

IMG_8435

IMG_8447

Hanif helped Khalis with GameMaker πŸ™‚

IMG_8461

Andra learned a new topic today: security for kids πŸ™‚

IMG_8427

Andra learned basic things about computer/internet security

IMG_8431

Like firewall

IMG_8434 IMG_8436

and how to set up/cracking password

IMG_8437

IMG_8451

IMG_8450

Detecting fake website or emails

IMG_8441

When we do things right, the company will grow

IMG_8444

Andra also has to write some code

IMG_8445

IMG_8448

IMG_8455

IMG_8462

Khalis learned new things with Scratch πŸ˜‰

IMG_8428

IMG_8438 IMG_8439

IMG_8440 IMG_8446

And then he got ideas to create a new game πŸ˜‰

IMG_8459 IMG_8460

Danen’s project today is to explore RFID

IMG_8429

This project is not done yet, there are still some problems with Β the RFID readings

IMG_8432

We will debug it next week πŸ˜‰

IMG_8433

*Photos and videos are also available here

ProCodeCG – Kids Private Class – Basic Electronics – 28 March 2019

Standard

Tyo has chosen a project for today: a timer with buttons and LCD πŸ˜‰

8DD0B730-B8F8-4936-B437-B992FC9374CD IMG_8361

It requires lot so of modification from the latest work

IMG_8362

The schematic

IMG_8363

Testing and debugging

IMG_8365 IMG_8366

IMG_8367

All is working well, the button will start and stop the timer and the buzzer. Next Tyo will add another button to set up the timer and make it count down πŸ˜‰

IMG_8370

*Photos and videos are also available here

ProCodeCG – Kids Private Class – Basic Electronics – 21 March 2019

Standard

Today Tyo learns how to use an LCD I2C πŸ™‚

IMG_7949

IMG_7946

IMG_7945

The “Hello World” πŸ™‚

IMG_7947

And then we’re adding an ultrasonic sensor and will send the readings to the LCD

IMG_7951

Tyo had to combine the ultrasonic sensor code with the LCD I2C code

IMG_7952

Debugging the cables

IMG_7953

The target today is done πŸ˜‰ For the next project Tyo wants to make a timer with LCD I2C and a button to start and stop it πŸ™‚

IMG_7954

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 17 Mar 2019

Standard

A cold and drizzly Saturday morning but we still come to the class because we have things to get done πŸ˜‰

IMG_7655 IMG_7660

IMG_7677

Today Aidia is going to finish up the Railroad Gate Project πŸ˜‰

IMG_7634

We’re going to remove 3 of the LEDs to free some ports for the ultrasonic sensors

IMG_7635 IMG_7636

We have removed 3 LEDs, connect all ultrasonic sensors and make some adjustments with the code. It worked nicely, so Aidia’s Mom now can cover all the cables and stuff with pretty garden just like before πŸ˜‰

IMG_7637

Since Aidia had finished the project, she can choose the next project, which is Minecraft Modding πŸ™‚

IMG_7654

The reference book πŸ™‚

IMG_7699

Aidia was asked to create the Railroad Gate Project in Minecraft but she said she wanted to build things before getting into RedStone stuff πŸ˜€

IMG_7678 IMG_7688

Al is ready to continue his work with animation πŸ™‚

IMG_7640

IMG_7639 IMG_7643

IMG_7646 IMG_7649

He makes a short animation story

IMG_7661 IMG_7662

IMG_7686

and upload it to YouTube! What a breakthrough today! πŸ™‚

IMG_7697

IMG_7701

Sam is working on adding more features to his Juz’amma App

IMG_7641

IMG_7656 IMG_7657

Now each verse has button to mark if the user has memorized it πŸ™‚ Progress bar is going to be added too πŸ˜‰

IMG_7666

We want to make sure that the app will help the user to track their progress and motivate them to memorize more verses πŸ™‚

IMG_7667

IMG_7669 IMG_7681

Badi got an important task to do about the website design: finding the best design and implement it

IMG_7648

one of the references

IMG_7651

Badi has a good sense as a programmer. He can dive into the codes and read the connections between different parts

IMG_7652

The website

IMG_7653

We’re going to add hovering menu dropdown

IMG_7665

Nicely implemented

IMG_7674

Badi searches and reads lots of examples and codes and modify his own code based on them

IMG_7683

Badi also finds a way to see the technology being used by a website plus the score of the design

IMG_7692

IMG_7693

Mohan will continue the Endless Runner Project

IMG_7663

The Dinosaur

IMG_7664

The bird

IMG_7672

The ground

IMG_7676

The room

IMG_7682

And the background πŸ™‚ We have make the Dinosaur runs but not as smooth as the real one

IMG_7690

And today we had a newcomer: Syadad

IMG_7680

Syadad goes through the intro to programming

IMG_7679

Syadad is a fast learner πŸ™‚

IMG_7684

IMG_7689

He finished the challenge

IMG_7691

And the next is learn about procedure and function with Lightbot πŸ˜‰

IMG_7696 IMG_7702

We will be back again next week for more achievements πŸ™‚

*Photos and videos are also available here