ProCodeCG Kids Weekdays Coding Class – 4 April 2019

Standard

Midweek coding time πŸ˜‰

IMG_8800

Abil executing the plans from last week

IMG_8801

including adding more backgrounds

IMG_8805

IMG_8804

IMG_8808

and sprites

IMG_8810

and the list of assets keeps expanding πŸ˜€

IMG_8816

Abil’s game now is a multiplayer game πŸ™‚ We’re still figuring out how to display two different scores πŸ˜‰

IMG_8815

Kinan has great plans too

IMG_8802

Kinan made a very detailed and nice background

IMG_8806 IMG_8807

and going to make the characters being able to jump from one world to another πŸ™‚

IMG_8809 IMG_8812

She added more characters and interactions, making the game more complex but that’s good πŸ˜‰

IMG_8817

There’s no way to create a good game in a short time, we’re still going to work on this game next week πŸ˜‰

*Photos and videos are also available here

Advertisements

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 Weekday Coding Class – 28 March 2019

Standard

Hello Kinan and Abil, glad to see you again πŸ™‚

IMG_8327

Abil continued the shooting game he started last Saturday

IMG_8325

The assets πŸ™‚

IMG_8342

IMG_8328

IMG_8329

The main character with the bullet

IMG_8333

The targets

IMG_8335

The background

IMG_8338

IMG_8346

IMG_8344

Great achievements so far, we just need to expand the background and add more features next week πŸ™‚

IMG_8347

And Kinan, who got all of her data wiped up after fixing the laptop, had to installed everything and started all over again πŸ™‚

IMG_8326

IMG_8330

The assets πŸ˜‰

IMG_8340

IMG_8331

IMG_8337

IMG_8339

IMG_8341

IMG_8343

The main character and the bullets

IMG_8348

The targets πŸ˜‰ Kinan got lots of great ideas for next week, so until then πŸ˜‰

IMG_8350

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

Standard

ProCodeCG Kids Coding Squad πŸ˜‰

IMG_5308 IMG_5311

IMG_5315

Hafiz’s project for today is to continue the Google Jumping Dinosaurs πŸ™‚

IMG_5277

It’s working but needs plenty of improvement

IMG_5329

So Hafiz was told to do some research and implement Game Maker Language in line of codes πŸ™‚

IMG_5330

IMG_5336

Badi had finished the BreakOut Game

IMG_5279

It now has score and lives

IMG_5286

And the next project is to create a multiplayer Pong Game πŸ™‚

IMG_5326

IMG_5337

It also shows the score of both players πŸ™‚ We just need those bricks in the middle of the room πŸ˜‰

IMG_5339

Sam has been working really hard for his Memorizing Qur’an App πŸ™‚

IMG_5280

Sam has to implement lots of blocks to create list of the verses πŸ™‚

IMG_5294

Fadhlan is scheduled to do several tasks today

IMG_5281

First is to test all ultrasonic sensors

IMG_5295

IMG_5306

IMG_5316

ok all three are working well

IMG_5317

The details

IMG_5318

Next is to test the compass and it is still not working

IMG_5331

We even tried with 3 different board. Going to figure this out and next week we will start to make the robot navigate with 3 ultrasonic sensors

IMG_5338

Sulaiman can choose any project from the list given πŸ™‚

IMG_5282

He had created a Miner Machine at home

`IMG_5283

the machine will automatically generate TNT and drop it to the ground to open a hole

IMG_5284

the RedStone wiring

IMG_5285

The next project is to create a Sorting Machine πŸ˜‰

IMG_5303

Sorter Machine working nicely πŸ™‚

IMG_5320

The circuits πŸ˜‰

IMG_5324

Djalu is working on some machine learning today, continuing the last program from the last class

IMG_5288

Djalu wants to create a Python code that can answer a question typed with the same language (English or German for example)

IMG_5293

Faris taught Djalu how to use IBM Cloud and machine learning platform to do this

IMG_5332

train the code to recognize certain texts based on the category

IMG_5333

Testing the code and works πŸ˜‰

IMG_5334

Capt. Faris has to do some Machine Learning platform running on IBM Cloud today

IMG_5290

He has to test the platform and how to sign up and all πŸ˜€

IMG_5291

Scratch code to recognize safe and bad words

IMG_5292

Examining the platform

IMG_5296

Making some codes

IMG_5302

Signing up to IBM Cloud and make sure we can tinker with Machine Learning tools there without being charged πŸ˜€

IMG_5304

Koosha and lots of things to do as usual πŸ™‚

IMG_5298 IMG_5299

IMG_5305

The toolbox

IMG_5307

soldering work

IMG_5312 IMG_5313

and ended up with this project πŸ™‚ TFT LCD

IMG_5335

It is working and that means next class Koosha can help Fadhlan with displaying robot mapping on this display πŸ˜‰

IMG_5341

*Images 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 – Darul Hikam – Coding Class – 25 Jan 2019

Standard

Hello Friday πŸ™‚ Time to meet these little coders and see what they make this week πŸ™‚

IMG_4291 IMG_4292

IMG_4293 IMG_4294

IMG_4288

Captain on Duty: Capt. Bullitt πŸ˜€

IMG_4254

Capt. Bullitt’s latest IoT project πŸ˜‰

IMG_4268

Hanif had successfully generate random spawning cars in the game πŸ™‚

IMG_4255

IMG_4263

IMG_4269

IMG_4275

IMG_4285

IMG_4308

Hanif also helped other kids, he’s very kind πŸ™‚

IMG_4305

Now we need to show some scores and add fuel indicator πŸ™‚

IMG_4310

Khalis

IMG_4256

checking up on his previous games

IMG_4266

IMG_4274

and then he wanted to continue Blockly πŸ™‚

IMG_4284

Khalis helped Hana because Khalis had started Blockly a week earlier πŸ™‚

IMG_4299

IMG_4306

IMG_4307

Andra

IMG_4257

wanted to revisit Minecraft Hour of Code to refresh the logics πŸ™‚

IMG_4312

IMG_4313

Faisal’s target for today is to make a micro servo work πŸ™‚

IMG_4258

under supervision of Capt. Bullitt

IMG_4271

Need some time to type down the code

IMG_4278

IMG_4280

IMG_4281

correcting some errors

IMG_4282

IMG_4296

and now it works πŸ˜‰

IMG_4297

IMG_4309

Trying different kind of servo πŸ™‚

IMG_4316

also works πŸ™‚

IMG_4317

Shaby is working on Blocky Turtle today

IMG_4259

he’s making a huge progress πŸ™‚

IMG_4300

IMG_4301

Shaby learned nested if πŸ™‚

IMG_4303

IMG_4304

it is getting harder

IMG_4311

and Capt. Bullitt was ready to assist πŸ˜‰

IMG_4314

IMG_4315

Hana is very interested learning with Blockly πŸ™‚

IMG_4260 IMG_4262

IMG_4267

She’s catching up with the class after missing a lot πŸ˜‰

IMG_4277

IMG_4319

IMG_4320

Arsa planned to continue with GameMaker

IMG_4264

IMG_4283

but ended up doing Blockly challenges with others

IMG_4321

Daffa is working on the Bird part of Blockly

IMG_4265

IMG_4279

He learned about sequence and x-axis and y-axis and heading in degrees πŸ™‚

IMG_4302

Great achievements and now we’re ready for weekend πŸ˜‰

*Photos and videos are also available here