ProCodeCG Kids Regular Coding Class – 11 May 2019

Standard

Fasting doesn’t necessarily means that we cannot do our regular activities, especially our Saturday coding class 🙂

IMG_1180 IMG_1181

Sam is on the final stage of his Juz’amma App

IMG_1107

The app is working well now, we decided not to use database as long as the app does not exceeds 50MB limit

IMG_1132

So basically what Sam should do is adding the rest of the content and it will be ready to be uploaded to PlayStore 😉

IMG_1141

Keep on going Sam! 🙂

IMG_1151

Hafiz is working on his Feeding Frenzy Game *lots of video on this 🙂 Hafiz now has lots of skill to develop his own game 🙂

IMG_1108

Fadhlan is very busy today

IMG_1109

He decided to reconstruct the robot

IMG_1114

Fadhlan makes notes to make sure he doesn’t forget anything

IMG_1120

IMG_1122

Look how he optimize the usage of breadboard 🙂

IMG_1135

IMG_1136

We’re going to test bluetooth module as soon as the basic functions are running well

IMG_1155

IMG_1165 IMG_1166

Fadhlan certainly makes awesome progress during this journey 🙂 SO PROUD 🙂

IMG_1177 IMG_1189

IMG_1190

IMG_1175

Button, LED and Ultrasonic works. But the wheels still don’t. Fadhlan will fix it very soon 🙂

IMG_1192

Al finished two Machine Learning projects today 🙂

IMG_1110

The first one is the project to show smiling face when we type nice words and crying face when we type bad words

IMG_1113

the words

IMG_1117

the face

IMG_1119

IMG_1123

The codes. And it works nicely 🙂

IMG_1127

The next project is a dancing panda that will stop dancing if we look at it 🙂

IMG_1156

the code

IMG_1159

the data set for training

IMG_1160 IMG_1161

the result 😀 Awesome work Al 🙂

IMG_1162

Badi is demoing how to clone wifi connection with NodeMCU

IMG_1111

IMG_1112

the result

IMG_1115

IMG_1116 IMG_1118

And Badi got back to the website programming afterwards 🙂 He wanted to change the time and date format in the website 😉

IMG_1124

Capt. Awa

IMG_1121

has to teach a new student today: Juan

IMG_1130

Capt. Awa introduces basic programming to Juan and guides him all the way

IMG_1134

until Juan finished the task 🙂

IMG_1150

Next to teach is Blockly Games

IMG_1170

Capt. Faris

IMG_1125

quietly has uploaded his Memorize Quran App to PlayStore 😉 Super proud 🙂

IMG_1152

IMG_1154

Capt. Faris checks if Al’s Machine Learning Project can be pushed further to do more complex tasks

IMG_1163

and Capt. Faris also does research to help Sam with the app

IMG_1188

Koosha

IMG_1140

is given a task to create a tunnel with sensor that will turn on the torches along the tunnel and link it to Arduino LEDs

IMG_1126 IMG_1137

IMG_1138 IMG_1173

IMG_1174

Koosha has a million way to do things 😉

IMG_1178 IMG_1179

IMG_1185 IMG_1186

Andra is now going to test his first JavaScript code

IMG_1149 IMG_1144

The code will stack a number of blocks on top of each other

IMG_1145

Andra had to change the block with anything else

IMG_1148

IMG_1153

He changed it into TNT blocks 😀

IMG_1167

The next code is building a triangle. Still in progress. Will be continued next week 😉

IMG_1172

*Photos and videos is also available here

Advertisements

ProCodeCG Kids Regular Coding Class – 4 Mei 2019

Standard

Introducing our new venue: Art Cafe and Restaurant 🙂

IMG_0734 IMG_0742

IMG_0814 IMG_0756

Kids will get voucher for food here 🙂

IMG_0787 IMG_0788

IMG_0796

Hafiz starts a new game today: Feeding Frenzy 🙂

IMG_0735

IMG_0750 IMG_0778

Hafiz now has many skills to create different games 😉 He’s free to create anything he likes 🙂

IMG_0808 IMG_0810

Aidia is going to continue connecting Minecraft to Arduino

IMG_0736

Setting up the server

IMG_0738

IMG_0748 IMG_0765

Start building the blocks to activate Arduino LED

IMG_0775

the command blocks

IMG_0776

Koosha gave Aidia some help

IMG_0777 IMG_0793

Linking Minecraft to Arduino is very interesting 🙂 Now Aidia can control anything connected to Arduino from Minecraft 😉

IMG_0804

Badi is working on the website

IMG_0749

Maintaining schedules and booking system of Pavilion 19

IMG_0751

IMG_0766

Entering data in JSON format

IMG_0779

And then Badi wants to learn NodeMCU

IMG_0799

installing libraries

IMG_0800 IMG_0811

running the code

IMG_0813

Badi wants to create fake wifi connection 😀

IMG_0818

Capt. Faris is still working with his datasets

IMG_0739

He wants to add hand gestures to the learning system

IMG_0754

the dataset

IMG_0817

Fadhlan’s task for today is to install power supplies for the robot

IMG_0740

plus integrating the bluetooth module

IMG_0745 IMG_0755

And when he was busy soldering the robot, the seat of the chair fell 😀 Glad he wasn’t hurt and nothing was broken 🙂

IMG_0757

The batteries (that later sparks because the switch got short-circuited)

IMG_0780

So Fadhlan has to fix the switch and check why one wheel doesn’t work

IMG_0798

Sam has got serious things to do with the Juz’amma app

IMG_0741

IMG_0747

He now can store data in local storage but not yet with local database

IMG_0762

we have to carefully design the database for the application before starting to enter the data

IMG_0772 IMG_0774

IMG_0785

Harraz (so sorry we didn’t manage to get his picture) is creating a new game

IMG_0744

with lots of sprites

IMG_0746 IMG_0753

Once Harraz done with the assets, we’re going to develop an awesome game 🙂

IMG_0761

Koosha

IMG_0752

IMG_0769

is ready to explore Minecraft Link more

IMG_0763 IMG_0764

another way to turn Arduino LED on and off 🙂

IMG_0767

Koosha explored some other mods

IMG_0781

The mod to have a computer with keyboard and browser inside Minecraft

IMG_0782 IMG_0789

IMG_0815

Capt. Awa is researching Minecraft Link too

IMG_0768

Capt. Awa helped other students learning Minecraft Link too 😉

IMG_0771

IMG_0791 IMG_0816

Syadad is going to create a new game today 🙂

IMG_0783

His Maze Game is full-featured already 🙂

IMG_0802

He’s going to make a shooting game

IMG_0812

Andra is going to type his own Minecraft mod today 🙂

IMG_0784

He will type his own javascript code and then install it to the server and run it Minecraft 🙂 Let’s see the result next week 🙂

IMG_0797

Mohan came back after a while

IMG_0790

and picked up where he left, and got distracted with Minecraft Modding too 😀

IMG_0795

Jihan (we’re so sorry we didn’t get her picture as well 😦 ) is learning basic programming

IMG_0794

She is a fast learner and she will start to learn machine learning soon 🙂

IMG_0807

Wow lots of projects and progress this week 🙂 We will be reporting again soon 😉

ProCodeCG Kids Regular Coding Class – 20 April 2019

Standard

Saturday Coding Research Group 😀

IMG_9910 IMG_9911

IMG_9912

Badi is researching how to activate https for his mom’s website 🙂 He had finished the design, had registered the domain and got a hosting service, now Badi wants the website to be secured with https 😉

IMG_9900

The website before https *look at the address with “not secure”

IMG_9908

and then we searched and researched on how to activate the secure service

IMG_9906

yep, https is now activated 🙂 Nice work Badi! 😉

 

IMG_9921

Hafiz is on the last stage of his PVZ Game

IMG_9899

After making sure the main features are all there

IMG_9907

and everything is working fine

IMG_9915

Next week Hafiz is ready to start a new challenge 😉

IMG_9922

Fadhlan’s quest today is to test bluetooth module with bluetooth app

IMG_9901

we had to test the bluetooth before integrate it to the robot

IMG_9905

the schematic

IMG_9913

the code

IMG_9916

the app

IMG_9934

and still. Didn’t work. We’re going to connect it with the PC/laptop next time

IMG_9936

Faishal is learning shell scripting 😉

IMG_9902

IMG_9914

Faishal is learning the syntax and also the logics

IMG_9919

He also learned some binary operations like and, or, xor, shift left and shift right. And also some sign and unsigned integer concepts 😉

IMG_9925 IMG_9926

Soon we’re going to have an network security engineer 😉

IMG_9945

Capt. Faris

IMG_9903

is creating a new machine learning project

IMG_9927

This system predicts if a phrase contains negative or positive sentiment

IMG_9928

Kinan is back to explore GameMaker Studio

IMG_9917

It takes time to upgrade our previous game created with Game Maker to Game Maker Studio 🙂

IMG_9923

The panel is totally different and the commands are also a bit overwhelming 🙂

IMG_9929

We just need to keep going because we can create more complex games with this one 🙂 Hang on a bit more Kinan 😉

IMG_9942

Andra started his Minecraft Modding with JavaScript today 🙂

IMG_9918 IMG_9924

Capt. Faris taught him about the server and how to typed in simple JavaScript commands

IMG_9930

Andra also tried existing codes for building castle, rainbow, etc.

IMG_9944

Andra learned to create basic shapes like boxes, cylinder and prism

IMG_9946

Minecraft is very good for kids to learn about structures and logics and also art and creativity 😉

IMG_9951

Syadad started to create a new game today

IMG_9920 IMG_9933

It is a shooting game 🙂

IMG_9943

The background and the room

IMG_9947

The game looks like a PacMan PvZ Game 🙂 Awesome hybrid game 😀

IMG_9949

The snack for today is from Padasuuka Donut 🙂 Thanks Mama Edo 🙂

IMG_9909

*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 Kids Regular Coding Class – 23 Mar 2019

Standard

Our regular productive Saturday 🙂

IMG_8105

Aidia’s animation with Scratch 🙂

IMG_8065

IMG_8066 IMG_8067

Today Aidia started a new Minecraft Project

IMG_8068 IMG_8083

IMG_8086 IMG_8087

Aidia installed Pivot Animator because she wants to create animation

IMG_8103

But today she focused on building things with RedStone

IMG_8118

Aidia created some rollercoasters and our plan is to add counter to count how many cycles a cart has gone through

IMG_8123

Sam is still working on adding more features and improving the UI/UX of his Juz’amma App 🙂

IMG_8069

IMG_8082

We’re finding ways to give user the info about how many verses have been memorized

IMG_8088

There are some alternatives: with progress bar, with checklist, or numbers

IMG_8089

For now each verse has a check list, the next is how to show the summary 😉

IMG_8129

Badi has made excellent progress!

IMG_8070

The website is done!

IMG_8074

With the booking calendar!

IMG_8075

whoaaa this is incredible 🙂

IMG_8092

IMG_8076

The gallery

IMG_8078

IMG_8077

The booking details

IMG_8095

For next we will add number of visitor and probably a chatbot 🙂

IMG_8097

And next week we will learn how to upload the website 🙂

IMG_8128

Hafiz finally finished the Endless Runner Game

IMG_8071

IMG_8072

 

IMG_8099

The next is Plant vs Zombie Game 🙂

IMG_8106

IMG_8115 IMG_8126

Fadhlan has to install all the components today: button, LED, buzzer, micro servo and ultrasonic sensor. And we’re going to see the robot navigate and gathering radar data

IMG_8079 IMG_8073

Fadhlan is making his way to make the micro servo securely planted on the platform

IMG_8084 IMG_8091

Fadhlan is enjoying things like this

IMG_8096

Thing most kids are avoiding 😀

IMG_8098

Nice installation

IMG_8104

Undergone navigating and mapping test

IMG_8117

the readings 🙂 The remaining problem is the wheels wouldn’t move. Will check on that next week

IMG_8120

Capt. Faris explored deeper about faking image, videos and voice

IMG_8080

He is really doing a serious research

IMG_8107

He even investigated how to do deep learning from a 6 months chatting history

IMG_8125

Abil started to create his shooting game today

IMG_8081

The assets are finished but not yet the code 😉

IMG_8085

IMG_8110

Syadad had finished lots of Minecraft Hour of Code Series and LightBots at home

IMG_8108

Today he started a Blockly Games journey 😉

IMG_8112 IMG_8114

After Syadad is done with Blockly and CodeCombat then we will start creating games 😉

IMG_8122

IMG_8127

Every kid has their own pace and interests, that’s why they have to be treated personally and differently the bring out their best 😉

*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

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