ProCodeCG Kids Regular Coding Class – 18 Jan 2020

Standard

Our Saturday coding class is always fun 🙂

Ara is going to finish the task for today: learning about how vulnerable we are to a social engineering attack, and this way someone can steal our Facebook login username and password, easily

IMG_0428

IMG_0499

this is a bogus site looking like a Facebook login page

IMG_0455

and when we login there, then whoever own the server will get our username and password

IMG_0454

Baran is going to make a game with JavaScript

IMG_0429

the code on the left and the result on the right

IMG_0453

Baran is creating a Snake Game 😉

IMG_0466

Techa is checking Baran’s game 😉

IMG_0500

the result 🙂 the white pixel is the snake, next time we will make it longer 🙂

IMG_0511

Techa is going to keep the promise from the last week: creating a BreakOut Game

IMG_0430

looking for some ideas, wanted to create 3D games but Techa still has to learn more 2D before moving on to 3D 🙂

IMG_0449

checking up this game example to see how the code make things work

IMG_0462

start creating the assets 😉

IMG_0491 IMG_0496

IMG_0516 IMG_0517

IMG_0523

Djalu is learning some C programming today

IMG_0431

he learned some theories about structs and classes

IMG_0686

exploring the code and still mixed up with Go and Python language 😀

IMG_0443

Aidia is fixing the code for the color sorter today, because she lost the code from the last class 🙂

IMG_0432 IMG_0433

luckily we had a note of the sensor readings

IMG_0434 IMG_0456

we also have to rearrange the placement of the mechanical structures

IMG_0493

calibrating the numbers to activate both micro servos

IMG_0494

IMG_0507 IMG_0536

uploading and check the the mechanics

IMG_0539

Badi’s got a new music project today 🙂

IMG_0436

The project is to create a techno music using an LDR sensor and a buzzer

IMG_0498 IMG_0505

still in the process, going to finish it next week 🙂

IMG_0512

Al finished TWO projects today 😉

IMG_0438

the first one is train the machine to give suggestions whether someone should go to school by walking, by bike or by car

IMG_0448

the data is based on age, the distance and number of friends

 

IMG_0524

IMG_0463

IMG_0525

IMG_0527

IMG_0528

IMG_0529

the next is to train a machine to be able to answer questions related to some topics

IMG_0476

the topic is about an owl

IMG_0489

the data sets

IMG_0490

IMG_0531

IMG_0504

IMG_0508

the code

IMG_0514

IMG_0515

the results

IMG_0532 IMG_0534

IMG_0535

Capt. Faris is pretty busy doing research and helping the kids today 🙂

IMG_0439

Kinan will add a new feature to the game today

IMG_0440

we’re going to limit the bullets can be shot by the player. the player has to reload the gun by taking the reload pack. a battery indicator will show how many bullets left

IMG_0467

Kinan designing the sprite for the bullet indicator

IMG_0459

IMG_0468

IMG_0469 IMG_0518

Fadhlan is still working according to the plan

IMG_0441

and that means LOTS of things to do 🙂

IMG_0451

IMG_0465

there are lots of things to be considered because we want this robot to be flexible enough for more components and functions

IMG_0495 IMG_0497

Clive is back! and going to continue the Flappy Bird Game 😉

IMG_0444

IMG_0445

today we successfully set up the the camera view to follow the bird

IMG_0457

Vian

IMG_0446

is struggling to make this code in LUA work

IMG_0447

with the help of Capt. Faris

IMG_0460

the code finally works and Vian is so glad to see the 3D roblox game works!

IMG_0470

totally awesome piece of work!

IMG_0472 IMG_0473

look how proud Vian is, explaining his work 🙂

IMG_0502 IMG_0503

Fab is still developing a game with Game Maker Studio

IMG_0450

he figured out some of errors

IMG_0475

and now moving on to the next tutorial

IMG_0501

Cean is so interested in making his own operating system 🙂

IMG_0461

he searched for some ideas

IMG_0464 IMG_0474

create the OS with Scratch

IMG_0492

read some definitions about operating system 🙂

IMG_0509

and this is Cean’s OS: BlueOS v1.7 🙂

IMG_0513

with a browser and a searching textfield! 🙂

IMG_0520

and a search keyword below has also been added

IMG_0537

and now the OS not only have a browser but also a music player! 🙂

IMG_0542

the code

IMG_0545

the GUI. a really impressive work from a little kid like Cean 🙂

IMG_0547

Capt. Awa came to the class to show what he had done with CopperCube 🙂

IMG_0521 IMG_0522

a 3D Game!

IMG_0541

Awa had just learned it the day before and he had created an incredible 3D game

IMG_0548

even Capt. Faris is interested 😉

IMG_0549 IMG_0550

The class (yes we have the whole room for ourselves 🙂 thanks RedsDipo 🙂 )

IMG_0477 IMG_0478

IMG_0479 IMG_0483

IMG_0484 IMG_0485

*Photos and videos are also available here

ProCodeCG – Darul Hikam – Kids Coding Class – 17 January 2020

Standard

There are some kids couldn’t make it to the class. The ones came to the class made lots of progress 😉

Acha wanted to create 3D games with GameMaker 😀

IMG_0346

GameMaker is only for 2Ds so we figured out something else 😉

IMG_0359

we installed CopperCube 🙂

IMG_0364

start exploring

IMG_0365

IMG_0366

looking good 🙂

IMG_0368

IMG_0375 IMG_0376

IMG_0378 IMG_0380

Acha said this is much harder than GameMaker but he wants to keep learning 🙂

IMG_0391

the notes to guide Acha 😉

IMG_0392

IMG_0393 IMG_0404

Rifqi is going to create a PacMan Game 🙂

IMG_0348

still on progress creating the assets 😉

IMG_0367

IMG_0369 IMG_0370

IMG_0371 IMG_0377

IMG_0387

Maliq is so happy to be back in the class 😉

IMG_0349

starts to create a PacMan Game 😉

IMG_0363 IMG_0372

the results 🙂

IMG_0388 IMG_0390

IMG_0396 IMG_0397

 

IMG_0398

Mandala finished creating the BreakOut Game today 🙂

IMG_0350

IMG_0353 IMG_0354

it has several levels

IMG_0389 IMG_0394

looking super awesome 🙂

IMG_0401 IMG_0402

IMG_0403

Sami’ has finished creating his BreakOut Game too 😉

IMG_0351

IMG_0355 IMG_0358

IMG_0399 IMG_0400

Sami”s has multiple balls bouncing all around the place 🙂 making the game more interesting 😀

IMG_0405

IMG_0395

Capt. Bullitt is very excited exploring CopperCube and help Acha to explore

IMG_0374

IMG_0373

The class

IMG_0360

*Photos and videos are also available here

ProCodeCG – Coding Camp End 2019 – Creating Games, Python Programming & GO LANG – Day #3 – 25 Dec 2019

Standard

Day 3 and everybody has made lots of progress 🙂

Tasaq had finished the shooting games and had solved many problems from yesterday 😉

IMG_8206 IMG_8214

IMG_8215 IMG_8216

IMG_8217

the game has so many levels with different difficulty levels 😉

IMG_8221

IMG_8223

on break time 😀

IMG_8229

the next is creating a jumping dinosaurs like the Google’s 😀 Tasaq had to work really hard editing the sprites, resizing them and also creating a very long room 🙂

IMG_8245

IMG_8233

still working on it 🙂

IMG_8246

IMG_8255

Ibam is working on Ordering Pizza App with Python

IMG_8207

it took LOTS of line of codes

IMG_8213

IMG_8224

and finally it works! 🙂

IMG_8226

very well done! 🙂

IMG_8227 IMG_8228

then Ibam started to create virus and antivirus with Python (no footage), and he showed how he created games in Roblox afterwards

IMG_8252 IMG_8253

the code is written in LUA

IMG_8254

Djalu’s task for today is to add more features to the sorting code in GOLANG

IMG_8208

he has to add functions, menu for choosing how to sort (ascending or descending) and make loops asking if the user want to do sorting again

IMG_8219

IMG_8222

IMG_8232

IMG_8238

the next task is to create a program to detect whether a word is palindrome or not

IMG_8244

like this 🙂

Screen Shot 2019-12-25 at 12.28.07 Screen Shot 2019-12-25 at 12.28.10

Syafaq created his own game 😉 a very interesting game 🙂

IMG_8209

IMG_8220

the assets

IMG_8225

IMG_8239 IMG_8240

IMG_8242 IMG_8243

this is multiplayer game

IMG_8247

adding more assets, and the game is seriously very fun to play 🙂

IMG_8250

IMG_8248

Lunch time

IMG_8234 IMG_8235

IMG_8236 IMG_8237

The class

IMG_8211 IMG_8212

IMG_8260 IMG_8261

With certificates 😀 *it is very hard to get the pic where everybody is looking at the camera and not making funny faces 😀

IMG_8256 IMG_8257

IMG_8259 IMG_8258

*Photos and videos are also available here

ProCodeCG – Coding Camp End 2019 – Creating Games, Python Programming & GO LANG – Day #2 – 24 Dec 2019

Standard

For us, this is a well spent holiday 😉

Ibam is given several challenges today 🙂

IMG_8100

He has to create a GUI for an app like calculator

Screen Shot 2019-12-24 at 12.35.47

using label, textfield, combo box, radio button, check button and button 🙂

Screen Shot 2019-12-24 at 13.21.44 Screen Shot 2019-12-24 at 13.20.52

Screen Shot 2019-12-24 at 13.21.28 Screen Shot 2019-12-24 at 13.21.39

Ibam created his own code to create his very own GUI design

IMG_8104 IMG_8139

IMG_8140

one of the result is GUI for determining whether a number is prime or not 🙂 Very nice 🙂

IMG_8154

next is to create a GUI for a restaurant menu and price calculation 😀

IMG_8162 IMG_8166

Ibam showed us a game he created using Construct during the break 🙂 Nice one 🙂

IMG_8121

Djalu is going to finish sorting numbers today 🙂

IMG_8101

one way of sorting 🙂

IMG_8116

the examples

Screen Shot 2019-12-24 at 11.39.49

Screen Shot 2019-12-24 at 12.38.25

Screen Shot 2019-12-24 at 11.40.28

Screen Shot 2019-12-24 at 12.39.02

Djalu has to create a sorting code by his own

IMG_8112

and finally he did

IMG_8159

ok well done! the next task is to give the user choice to sort the numbers in ascending or descending order 🙂

IMG_8171

Tasaq wanted to do drag and drop programming before continue to work on Game Maker 🙂

IMG_8097 IMG_8102

IMG_8105 IMG_8108

IMG_8110

after finishing this then he is ready to do creating games 🙂

IMG_8113

Lots of progress for today and Tasaq seemed to be really happy and satisfied with his own work 😉

IMG_8119 IMG_8120

IMG_8132

IMG_8164

IMG_8133

IMG_8136 IMG_8137

IMG_8141 IMG_8143

IMG_8144 IMG_8158

IMG_8168 IMG_8172

IMG_8176

 

IMG_8163

Syafaq added huge numbers of updates and codes to his game

IMG_8098

Tasaq wanted to do drag and drop programming before Game Maker 🙂

IMG_8103

and finished 3 different challenges

IMG_8106 IMG_8107

IMG_8109 IMG_8115

then he wrapped up the game today and going to make a new one tomorrow 🙂

IMG_8099

IMG_8124 IMG_8129

IMG_8138 IMG_8142

IMG_8147 IMG_8150

IMG_8157 IMG_8165

IMG_8169 IMG_8170

IMG_8173 IMG_8174

IMG_8175

Lunch time

IMG_8125

IMG_8126

Prayer time

IMG_8151

IMG_8152 IMG_8153

The class

IMG_8118 IMG_8122

IMG_8117

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 30 Nov 2019

Standard

Hello ProCodeCG Gang, happy Saturday 🙂

Clive is going to make his Flappy Bird Game camera view following the bird today 🙂

IMG_6556

but there were problems with the laptop that keeps freezing and we had to restart it many times, so the progress is not much but we’re going to catch up next week!

IMG_6567

Badi is starting a new project: DIY A Guitar Pedal

IMG_6557

so excited already unboxing the components

IMG_6558

some of the components

IMG_6579

preparing for soldering

IMG_6628

the result 😉

IMG_6645

Fadhlan is ready to develop SNAPBOT 3 😉

IMG_6559

IMG_6569 IMG_6576

Fadhlan is adding motor drivers and battery socket to the robot

IMG_6615

obviously electronics and engineering is Fadhlan’s passion 🙂

IMG_6629

it is always amazing to see how serious kids can work and create 🙂

IMG_6660

Capt. Awa visited us today after leading ProCodeCG exhibition at Darul Hikam 🙂 *so proud

IMG_6560

Aidia’s Color Sorter acrylic holder is ready for today’s test 😉

IMG_6561

Fadhlan takes a look of it 🙂

IMG_6575

the components are placed nicely now

IMG_6596 IMG_6597

we just need to test the circuit especially the sensor readings and then attach the moving parts to see how the whole things work

IMG_6598

Syadad is exploring machine learning again today 🙂

IMG_6562

the first project is to recognize people with glasses and without glasses 🙂

IMG_6583

Baran tested it too 🙂

IMG_6584

IMG_6585

and this is the second project

IMG_6644

Baran decided to do JavaScript programming again today

IMG_6563

while also taking parts on Syadad’s project 😉

IMG_6582

IMG_6613 IMG_6653

Techa is still on Game Maker project 🙂

IMG_6564 IMG_6577

IMG_6635

Kinan has to type in lots of codes to add mini maps to the Agario Game

IMG_6565

IMG_6574

and today, Ara has successfully hack an Android device 🙂

IMG_6566

IMG_6588 IMG_6589

IMG_6590

hacking a camera of an Android

IMG_6592

and then playing music on the Android from Kali Linux 😀

IMG_6593

he’s very happy today to finally figure it out 🙂

IMG_6594

Capt. Faris is always busy with his project, and assisting the kids with their projects. He helped Ara with hacking and Syadad with Machine Learning 🙂

IMG_6570

Farrell is still developing his Shooting Game

IMG_6578

IMG_6599

Look how delicate Farrell created the sprites 🙂

IMG_6654

looking really good 🙂

IMG_6656

Syathir is back again and finished a Shooting Game today 🙂 Great!

IMG_6580

IMG_6581 IMG_6591

IMG_6595 IMG_6600

IMG_6627 IMG_6630

IMG_6631

Cean is creating a Windows 7 simulator with Scratch 🙂

IMG_6602

IMG_6609

It looks real 🙂

IMG_6622

IMG_6624

IMG_6632

with some awesome personal touch 🙂

IMG_6642

IMG_6665

Cean also learned some Java Programming too 🙂

IMG_6668

IMG_6669

Fab is also made a huge leap with the game he’s making

IMG_6603

IMG_6610

Fab started to write long codes to make the game runs smoother than just with drag and drop

IMG_6611

IMG_6616 IMG_6625

IMG_6633

another totally awesome game 🙂

IMG_6636

IMG_6640 IMG_6641

IMG_6663 IMG_6664

Welcome back Attar 🙂

IMG_6606

after exploring some Java Script

IMG_6605

IMG_6607 IMG_6612

Attar started to learn Python Programming with CodeCombat 🙂

IMG_6617 IMG_6634

Yogi is implementing ProCodeCG Tutorial to create minimap

IMG_6608

which didn’t work on his version of GameMaker

IMG_6619

he finally figured it out just by adding a view 😀

IMG_6620

and it totally works now 😀

IMG_6657

Mika is working on ultrasonic and buzzer project today 🙂

IMG_6614 IMG_6643

IMG_6670 IMG_6671

IMG_6672 IMG_6673

The class

IMG_6568 IMG_6571

IMG_6572 IMG_6573

IMG_6604 IMG_6618

IMG_6626

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 23 Nov 2019

Standard

A well spent Saturday will give you a great Sunday 😀

Techa is building his shooting game with very detailed assets

IMG_6193 IMG_6201

Techa asked Baran (his older brother) for references 🙂

IMG_6206 IMG_6207

IMG_6210

IMG_6231

Baran is creating the same game with the same theme as Techa’s

IMG_6194

IMG_6218 IMG_6220

and developing similar but more detailed assets of the game 🙂

IMG_6227 IMG_6235

IMG_6236

Baran did catch up so that he got the same progress as Techa got 🙂

IMG_6250

IMG_6251 IMG_6263

and surprisingly volunteered to teach a visitor the basic principles of coding 🙂

IMG_6256

Ihsan picked up where he left at basic electronics

IMG_6195

IMG_6197

today’s project is ultrasonic with buzzer

IMG_6203

IMG_6204 IMG_6209

and the next is ultrasonic, buzzer and LEDs

IMG_6212

IMG_6222 Clive

IMG_6196

has brilliantly finished the Space Invaders Game

IMG_6198 IMG_6199

and now is building Flappy Bird Game 🙂

IMG_6223 IMG_6225

Kinan is now adding mini map to the Agario Game 🙂

IMG_6202

the task is getting tough but Kinan already has the skill to overcome the challenges 🙂

IMG_6228

IMG_6237 IMG_6262

Hafiz

IMG_6205

is designing the GUI for the Price Calc App

IMG_6213

today we’re testing the QR Code readings

IMG_6214

improve the code

IMG_6221

IMG_6240 IMG_6241

 

IMG_6245 Capt. Faris IMG_6211

IMG_6215 IMG_6219

Ara is giving us a perfect image of a hacker LOL

IMG_6217

is working on how to hack an Android device today

IMG_6224

having headache finding ways how to send the trojan file generated in Kali Linux to the Android device

IMG_6232

still not working

IMG_6246

Ara needs to try another way to make this work on newer Android device

IMG_6247

Mika looks very excited about basic electronics now, and making lots of projects today 🙂

IMG_6234

the first is buzzer project

IMG_6238

IMG_6242

 

IMG_6243

and then microservo project

IMG_6249

IMG_6252 IMG_6253

and then potentiometer with LED

IMG_6254 IMG_6260

IMG_6264

We got a visitor, and Baran voluntarily helped him to get through programming intro 🙂

IMG_6261

The class

IMG_6230 IMG_6229

*Photos and videos are also available here

ProCodeCG – Darul Hikam – Kids Coding Class – 15 November 2019

Standard

Preparing for the exhibition 😉

IMG_5613

Capt. Bullitt is showing one of his electronic project to the class, to motivate them for preparing their own projects 🙂

IMG_5600

IMG_5588 IMG_5595

IMG_5638

Mandala is upgrading his Monster Trash Game and we’re positive the game will be ready for the exhibition

IMG_5589

IMG_5610 IMG_5618

Rifqi is making great progress too 🙂

IMG_5590

adding a little bit more features and the game will be ready!

IMG_5615

IMG_5616 IMG_5627

Khalis wants to create a Scratch project for the exhibition 🙂 He apparently has some Scratch projects handy, and today he said he wants to do more coding challenges

IMG_5591 IMG_5617

IMG_5628

Sami’ has lots of ideas to be added to the game

IMG_5603

and we solved lots of bugs and added lots of features today 🙂

IMG_5605

IMG_5623 IMG_5634

Acha created one game that has features and difficulties equals to 5 games 😉

IMG_5593 IMG_5602

IMG_5622 IMG_5624

Acha has solved most of the things he wants to be added to the game 🙂 He’s happy and ready!

IMG_5630 IMG_5635

Hanif is preparing a Height Measuring Device with Arduino for the exhibition 😉

IMG_5594 IMG_5601

IMG_5604 IMG_5621

IMG_5636 IMG_5637

Maliq almost finishes his game, next week we’ll do finalisation and he will be good!

IMG_5597 IMG_5619

IMG_5626 IMG_5631

Darrell is working hard to create a new game for the exhibition 🙂 He is very optimistic about the result 🙂

IMG_5598 IMG_5620

IMG_5625 IMG_5632

Ratu has finished the game to be presented on the exhibition. We’re planning to add some things next week and then everything is ready! 😉

IMG_5607 IMG_5629

The class

IMG_5611

IMG_5612

*Photos and videos are also available here