ProCodeCG Kids Regular Coding Class – 6 April 2019

Standard

Saturday’s Coding Squad 🙂

IMG_9014

Capt. Faris is given a project to detect hoax and real news

IMG_8976

plus investigating the neural nets architecture being used by our machine learning platform

IMG_9039

The codes

IMG_9040 IMG_9052

Hafiz’s Plant vs Zombie Game is getting better and better 😉

IMG_8977 IMG_8981

we need to add lots codes to add more features to the game

IMG_8990 IMG_8991

IMG_8993 IMG_8994

Now the game has the randomly generated points (the yellow dots)

IMG_8998 IMG_8999

it also now has flowers that can shoot peas 🙂

IMG_9033

Hafiz has to repeat the process for lots of sprites

IMG_9035

and then define scoring and rules of the game. Lots of hard work but fun 🙂

IMG_9053

Sulaiman is going to choose his own project today 🙂

IMG_8978

We borrowed Aidia’s book to find a suitable project for Sul 🙂

IMG_9004 IMG_9003

IMG_9006 IMG_9010

IMG_9012

After a while, Sul finally chose this one 🙂

IMG_9013

The result 🙂

IMG_9026

and then Sul started to create running text structure like Capt. Awa was doing earlier

IMG_9055

Syadad started creating games today 🙂

IMG_8979

The first sprite

IMG_8986 IMG_8987

Object movement test

IMG_8989

The other sprite to be eaten by the first sprite

IMG_9005

room setup

IMG_9017

Yayyy, Syadad’s first game 🙂

IMG_9037

more object arrangements and background

IMG_9042

We will add scoring in the next class 😉

IMG_9050

Aidia is improving her sophisticated locker system design 😉

IMG_8980 IMG_8984

Aidia added more structures to her world

IMG_8985 IMG_8988

She brought some books for references

IMG_9009

So whatever Aidia created in her world is pure her creativity; she combined lots of ideas into unique structures

IMG_9028

IMG_9034

Capt. Awa asked for a challenge and so the challenge was creating a running text structure

IMG_8983

No one has ever created this before because of it’s tricky nature. By using piston the furthest shift is 7 blocks

IMG_8995

But Awa wouldn’t be a Captain if he wasn’t qualified 🙂 He brilliantly overcome the limitation by making it circular 🙂

IMG_9020

The structure. Unbelievable. Impressive. Outstanding. 🙂

IMG_9022

Awa tried several structures before finally found the correct one

IMG_9023

Minecraft can be used to learn many things including logic, problem solving, creativity, including mechanical structures and electronics logics 😉

IMG_9025

Experimenting with the machine

IMG_9032

adding shield to make it waterproof 😀

IMG_9054

Andra is still going through the intro to coding 🙂

IMG_9008

Today he learned about function through pattern

IMG_9018

IMG_9019 IMG_9029

And then moved on to more challenges. Next week Andra will learn visual coding with actual coding scripts 🙂

IMG_9031 IMG_9049

*Photos and videos are also 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 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 – 2 Mar 2019

Standard

Why take a holiday if work is so much fun? 😀 Saturday doesn’t mean we have to cut off productivity 😉

IMG_6803 IMG_6804

Sulaiman’s challenge today is to create a calculator and a tunnel with automatic lighting system 🙂

IMG_6773

IMG_6784 IMG_6786

IMG_6795 IMG_6797

Tasks accomplished 🙂

IMG_6798

The circuits

IMG_6802

in detail

IMG_6813 IMG_6815

Kinan is back after a while 🙂

IMG_6774

We’re recalling what we have learned the last time

IMG_6777

rebuilding the game

IMG_6782

but Kinan caught things up quickly

IMG_6787

IMG_6789

we added some codes too to make the game run smoother

IMG_6809

Fadhlan is going to do what he had design a week before: layout the components of the robot

IMG_6775

Fadhlan has to carefully decide how to stack up the components so they will not disturb the navigation and also flexible enough for debugging anytime

IMG_6778

IMG_6781

Looking good 🙂

IMG_6788

Trying on a handmade slouchy hat to be worn in Rusia for the International Competition end of this year 😉

IMG_6816 IMG_6819

IMG_6820

An engineer opens a bottle cap using a screwdriver 😀

IMG_6826

and this is how to drink it LOL

IMG_6829

 

Badi has a real project to do: creating a website for his mom 🙂

IMG_6776

Today we’re going to start to develop a booking calendar looking like this

IMG_6779 IMG_6780

That means we have to start deploying JavaScripts code 🙂

IMG_6805

Testing the code but still have to debug the CSS code

IMG_6806

We got a pizza delivery from Badi’s mom 🙂 Thanks so much!

C4B27F87-B783-45AA-9AAD-DD52FF87FBE9

Time to party! 🙂 🙂 🙂

IMG_6808

and then get back to work

IMG_6825

Al developed a new game

IMG_6783

The sprites

IMG_6785

The level one

IMG_6794

and the next level

IMG_6814

IMG_6828

Djalu will continue the Machine Learning topic

IMG_6790

IMG_6796

start adding the keywords for classification

IMG_6810

train and test it with Scratch

IMG_6827

plus creating and modifying the sprite 🙂

IMG_6831

Everyone in this class has a very valuable personal project that can also be implemented in real life 🙂 Until next week!

*Photos and videos are also available here

ProCodeCG – Darul Hikam – Kids Coding Class – 1 Mar 2019

Standard

It was raining heavily outside but these kids came to the class to learn and make progress, bravo 🙂

IMG_6742

Hanif’s target today is to make the pipes spawn randomly

IMG_6709

IMG_6718 IMG_6725

we modified the code and tried several ways to make it work

IMG_6726 IMG_6734

Khalis helped testing the game 🙂

IMG_6743 IMG_6744

And yes we finally got the pipes spawn but not yet randomly. We need to random the time and the y coordinates next week 🙂

IMG_6752

Isma’ill next project (given by Capt. Bullit 😀 ) is to make an Automatic Flusher System using ultrasonic sensor and a micro servo 😀 They even visited the toilet to discuss about the project 😀

IMG_6710

Testing the microservo

IMG_6737

Faisal is going to test the ultrasonic sensor

IMG_6711

He will remove these cables and components and start a new project 🙂

IMG_6717 IMG_6720

Typing the code

IMG_6739

Testing the sensor with the supervision of Capt. Bullit 😉

IMG_6749

Capt. Bullit is very busy teaching and giving directions for the projects today 🙂

IMG_6712

Daffa is very happy learning basic electronics 🙂 He switched from creating games to this topic 😉

IMG_6713

Today Daffa will start from the very basic: Blinking LED

IMG_6714 IMG_6715

The schematic

IMG_6716

Done 🙂

IMG_6722

The next one 🙂

IMG_6724

also done! 🙂

IMG_6727

IMG_6729

Playing with the code to see what happens 🙂

IMG_6735

Next is RGB LED

IMG_6745 IMG_6746

IMG_6747

And then LED and button 🙂

IMG_6750

Khalis continued his Blockly Games quest 🙂

IMG_6719

Khalis obviously likes challenges 🙂

IMG_6721

IMG_6731

*Photos and videos are also available here

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