ProCodeCG Kids Regular Coding Class – 15 Feb 2020

Standard

Preparing for the exhibion next week! And there will be Pikiran Rakyat reporter and photographer visiting the class to do some interview 😉

Syathir is developing a Flappy Bird Game for the exhibition

IMG_2911 IMG_2935

IMG_2936 IMG_2978

IMG_3001

we still need some time for finishing, hopefully we can do it next week before the exhibition 😉

IMG_3010

Syadad is now catching up very fast with creating apps 😉

IMG_2912 IMG_2918

the apps are now working fine 😉

login app

IMG_2926

odd or even number app

IMG_2952

IMG_2953

IMG_2961

IMG_2979 IMG_3012

IMG_3017 IMG_3033

IMG_3034

guessing a number app 🙂

IMG_3040

IMG_3048 IMG_3087

Kibie wanted to create a Race Car Game

IMG_2913 IMG_2923

IMG_2928 IMG_2956

but then we decide to create a much simpler game to make sure that we can finish it before exhibition

IMG_2957 IMG_2966

IMG_3042 IMG_3046

IMG_3047 IMG_3049

there you go Kibie 🙂 the game is ready, just need some finishing 😉

IMG_3070

Ara will not do white hacking for the exhibition

IMG_2914

he chose to create game using Unreal Engine

IMG_2948

Ara had created the character and some of the terrain

IMG_2949

IMG_2951 IMG_3054

Al always done the job excellently 🙂

IMG_2916

today he created a machine learning to guess the title of the song by just typing a few words from the lyrics 😉

IMG_2925

IMG_2962 IMG_3020

the code

IMG_3050

Al is also created a machine learning to answer some puzzles 😉

IMG_3051

IMG_3053

IMG_3086

and then Al made some time to create ProCodeCG Intro and Outro for ProCodeCG Channel on YouTube 🙂

IMG_3066

Baran, gorgeous with the sunglasses 😀

IMG_2917

still working on hundreds lines of code of creating snake game in JavaScript 😉

IMG_2924 IMG_3005

Harraz

IMG_2919

is creating a project in Scratch

IMG_2932

IMG_2933

Faiz helped a bit

IMG_2934

IMG_3011

and now the game works perfectly 🙂

IMG_3013

the codes 🙂

IMG_3015

a really productive day, well done Harraz 🙂

IMG_3016

Techa is also very productive today 😉

IMG_2920

he modified the game

IMG_2927

and put ideas from other game 😀

IMG_2954 IMG_2960

IMG_2999 IMG_3036

look at that scattered room

IMG_3037

Techa puts lots of unusual ideas to the game 😀

IMG_3038

IMG_3058

well as long as it works, then it is ok 😀

IMG_3059

IMG_3068 IMG_3072

Badi and his new Wellborn bag 😉

IMG_2921

we check the last circuit to see if the it still works

IMG_2941

IMG_2955

and then we replace the sensor with a different type because we suspect the old sensors were burnt 😀

IMG_3023

modifying the code to fits the new sensor

IMG_3043 IMG_3045

downloading the library

IMG_3057

the reading is still not correct, will fix it next week 🙂

IMG_3074

Fadhlan is working hard to finish the firefighter robot

IMG_2922 IMG_2940

IMG_3056

we’re going to add water pump very soon

IMG_3062

the basic configuration is ready. well done!

IMG_3073

Clive

IMG_2929

picking where he left the last class

IMG_2945 IMG_2947

now the Agario Game is almost done. we just need to spawn the food in different colors and make the virus divides the cell and let the cell

IMG_1602 IMG_3009

Faiz

IMG_2930

had successfully add text to speech library (with the help of Capt. Faris)

IMG_2997

it requires lots of downloading, and this is the code 😉

IMG_2998 IMG_3018

Boy got several projects to be done

IMG_2931

the first is to fix the buzzer of this remote control robot

IMG_2937

IMG_2938

and then this project in Scratch

IMG_2958

IMG_3019 IMG_3032

IMG_3061 IMG_3064

it is getting more complex but more realistic 😉

IMG_3065

Boy put some credits too to us, thanks so much! 🙂

IMG_3067

Vey is not feeling well today

IMG_2946

but he has to develop the line follower robot

IMG_2942

both sensor worked, and Vey quickly went home because he had fever

IMG_3003

Kinan is one of our rare girl programmer 😉

IMG_2944

she is still improving the Space Invader Game

IMG_2943

the code

IMG_2994

IMG_3071

Sam is going to present the Juz’Amma App for the exhibition 😉 He is now adding the verses to the app and improving the GUI

IMG_2950

Capt. Faris is back after a couple of weeks, and got tons of work to do 😀

IMG_2959

IMG_3060

Darren is now getting better and better with GameMaker 😉

IMG_2982 IMG_2983

IMG_2993 IMG_2996

Darren’s first game 🙂

IMG_3027 IMG_3031

IMG_3044

it is finished 🙂 next time Darren can move on to the next game 😉

IMG_3069

Fab is making lots of improvements to the game

IMG_3026

he has added more lines of codes to make more movement and animations

IMG_2995

IMG_3024

IMG_3030

Yogi is making some improvements to the game to be presented on the exhibition

IMG_3008

IMG_3028

today we are interviewed by a reporter from Pikiran Rakyat 🙂 starting with Capt. Faris 😉

IMG_3035

photographer of Pikiran Rakyat is taking pics and the reporter is doing the interview 😉

IMG_3084

IMG_3089 IMG_1604

IMG_3085 IMG_3088

the class

*including this two bragging their Wellborn cool backpack LOL

IMG_3082 IMG_2981

IMG_2980 IMG_2985

IMG_2990 IMG_2991

IMG_2992 IMG_2984

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 8 Feb 2020

Standard

One of the best day of the week is Saturday 🙂 Ours is even better because it is our time for coding 😉

Clive had finished the Flappy Bird Game and now is given a new challenge to create Agario Game

IMG_2286 IMG_2288

it requires more coding to make the game runs smootly

IMG_2299

today Clive had finished the main features of the game, next week we will gradually add more features to the game

IMG_2330

Techa is improving the BreakOut Game

IMG_2287

by adding more levels

IMG_2298

IMG_2318

and even tricked the game by creating a very long paddle LOL

IMG_2327

IMG_2352 IMG_2353

or add several paddles in the same room

IMG_2360

Al will do a new machine learning project today 😉

IMG_2290

IMG_2289

Al is developing a hoax detector

IMG_2312

the code

IMG_2340 IMG_2354

 

the datasets

IMG_2357

the system can detect whether a sentence or headline is hoax or not 😉 super awesome work Al! 🙂

IMG_2356

Badi

IMG_2291

has to prepare a project for the upcoming exhibition

IMG_2302

we need to shop for more components

IMG_2313

so we got the components delivered 😀

IMG_2326

assembling process

IMG_2335 IMG_2336

IMG_2339

testing the LCD

IMG_2346

it is not working

IMG_2347

until we put the jumper on the i2c module

33348BFE-2C4D-43C0-B020-0A8277A588B7

there we go! 😉

IMG_2366

now doing the code

IMG_2370

it works *but the reading is crazy because apparently we burnt the sensor during the assembly LOL

IMG_2375 IMG_2374

IMG_2376 IMG_2377

but at least we have done 90% of the project 😉 going to replace the sensor next week 😉

IMG_2406

Vian is exploring Roblox coding again

IMG_2292

Vian is developing a thriller game in Roblox

IMG_2297

the character

IMG_2315

the code in LUA

IMG_2316 IMG_2317

IMG_2341

Faiz is improving his Python code to open a browser based on a command we type from a command prompt

IMG_2293

IMG_2294

the code

IMG_2311

IMG_2314 IMG_2328

IMG_2331

now the program will keep accepting the command until the user say no

IMG_2332

IMG_2333

we’re installing library to make the code able to accept speech 😉

IMG_2403

IMG_2404 IMG_2405

Sam is making awesome progress with the Attendance List App

IMG_2301

but the code is quite complex 😀

IMG_2303

IMG_2304

the main function is working, still need to work on the GUI

IMG_2305

this project will be ready for the exhibition yaaayy 🙂

IMG_2306

Kinan is adding bullet indicator to the game 😉

IMG_2308

so the player will have limited number of bullet and should reload to be able to keep shooting the enemy

IMG_2323 IMG_2338

Darren is a newcomer 😉

IMG_2309

starting with basic programming

IMG_2310

IMG_2319

done the first challenge

IMG_2334

next is to learn the principal of procedures in programming

IMG_2349 IMG_2362

IMG_2363 IMG_2367

done this one too

IMG_2400

and now start creating games 😉

IMG_2402

Syathir is creating a BreakOut Game

IMG_2343 IMG_2344

IMG_2345 IMG_2350

done already! 🙂

IMG_2351

finding ideas by playing an example game

IMG_2364

IMG_2365

and then agreed to create a Flappy Bird Game for the exhibition 😉

IMG_2369

Fadhlan is developing a FireFighter Robot 😉

IMG_2371 IMG_2372

IMG_2407

hoping that Fadhlan can finish the project before the exhibition 🙂

IMG_2408

IMG_2409

The class

IMG_2324

IMG_2325

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 1 Feb 2020

Standard

Saturday is our time to create things and make our ideas into something real 🙂

Vey is developing a new robot

IMG_1372

this is the old one 😀

IMG_1371

with the family support, Vey will create a brand new robot from scratch 😉

IMG_1374

assembling the components one by one

IMG_1378

IMG_1409 IMG_1448

the basic schematic diagram

IMG_1449 IMG_1460

almost there 🙂 *waiting for several sensor and components being sent via GoSend

IMG_1520

Vey explains about creating animation in Roblox after the class 🙂

IMG_1530

IMG_1532

He’s going to present the work on the next exhibition 😉

IMG_1531

Kibie is ready to finish the BreakOut Game today 🙂

IMG_1373 IMG_1388

IMG_1397 IMG_1402

IMG_1408

There he goes 🙂 Kibi’s fully functional BreakOut Game 🙂 We’re going to make another game next week 🙂

IMG_1480

Badi is still researching about the project for the exhibition. We had to postpone the last project because we won’t be able to finish it by 22nd this month

IMG_1375

this project is also too difficult

IMG_1442

IMG_1443

so Badi chose this one

IMG_1463

Badi started to assembly the components

IMG_1478

IMG_1524

but there are still some components to be bought and we’re going to continue the project next week 🙂

IMG_1525

Faiz wants to create a Python code that will open browser just by typing the command on terminal

IMG_1376

downloading Python because he lost the last one installed

IMG_1383

IMG_1396

the code

IMG_1406

IMG_1446 IMG_1447

IMG_1465

IMG_1466

and it is working 😉 next is to add voice to text library to the code so we can tell the code to open some address in the browser by voice 🙂

IMG_1464

This good looking one (a.k.a: Baran)

IMG_1377

is creating a Snake Game with JavaScript

IMG_1445

he’s going to present the game on the next exhibition 😉

IMG_1398 IMG_1399

IMG_1444

IMG_1506

Aidia is still waiting for a gesture component to continue her Hand Gesture Project

IMG_1379

so now we’re doing some Minecraft project 😉

IMG_1386

Aidia will build structures and add some RedStone implementations to the world, such as: elevator or automatic doors or locker systems, etc 🙂

IMG_1407

IMG_1457 IMG_1467

IMG_1468 IMG_1469

IMG_1496 IMG_1497

IMG_1505 IMG_1510

IMG_1521 IMG_1523

IMG_1539

a very supportive mom 🙂 Aidia’s mom is doing her work while waiting, very productive 🙂

IMG_1522

Techa is still building his BreakOut Game, he wants the sprite to be super detailed and different from the last game

IMG_1380 IMG_1401

IMG_1516

Vian is exploring a ChatBot in Roblox today

IMG_1381

Vian has to do some research on how to activate the ChatBot Library

IMG_1382

It takes lots of exploration and thinking, we’re going to try it again next week 😉

IMG_1517

Al

IMG_1384

is creating a new machine learning project that can tell a newspaper’s headline

IMG_1412

IMG_1474 IMG_1476

IMG_1493 IMG_1503

IMG_1518

the next project is to create a hoax detector 😉

IMG_1504

Clive finally finished his Flappy Bird Game 🙂

IMG_1387

now Clive can create random pipes to spawn on random positions and length 😉

IMG_1461 IMG_1462

Fadhlan is still researching for what he’s going to prepare for the exhibition

IMG_1389

IMG_1403

Fadhlan is learning to repair iPhones. so today he decided to tear down his own 6s plus iPhone to see what’s inside it 😀

IMG_1405

IMG_1410 IMG_1420

IMG_1423 IMG_1428

IMG_1437 IMG_1438

fingerprint module

IMG_1440

rear camera

IMG_1511

IMG_1441

moment of truth: after the tear down and reassembling, the phone is still working 😉

IMG_1452

placing back the screws

IMG_1487

and get back to preparing for the exhibition 😀

IMG_1479

Boy came with different ideas today 😉

IMG_1400

he’s creating a very interesting game with Scratch

IMG_1413

IMG_1414 IMG_1415

IMG_1416 IMG_1417

IMG_1418 IMG_1419

IMG_1458

discuss things with Faiz

IMG_1459

Boy got some problems with some buttons and we fixed it 😉

IMG_1495

now everything is working fine 🙂

IMG_1512

IMG_1513 IMG_1514

IMG_1515

Sam is also preparing for the exhibition

IMG_1404

he had done the prototype of the Attendance List App

IMG_1450

he’s really happy to see things work and the next is to design the GUI and modify the texts etc. but the most important thing that the main function is already working 🙂

IMG_1451

IMG_1489

Fab is still working on this difficult game in Game Maker Studio

IMG_1422

it involves lots of codes and so far, it runs very well as expected

IMG_1477

Fab will keep adding things to the game and make it as realistic as can be 😉

IMG_1482

Yogi agreed to join the exhibition yaaay 🙂 he’s going to present his RaceCar Game

IMG_1472

while also creating a new one 😉

IMG_1473

if he can finish this one before the exhibition then he can present both works 😉

IMG_1494 IMG_1519

Syathir is creating a new game 😉

IMG_1475

he finally said a word about what he don’t understand, and we get it clear now 🙂

IMG_1483

IMG_1492 IMG_1502

Syadad is busy setting up Thunkable connection between his laptop and the mobile phone 😉

IMG_1490 IMG_1491

IMG_1499

the code is ready, all we need to do is run it on Syadad’s mobile phone

IMG_1484

which is not easy because of this 😀

IMG_1509

once we figured it out, Syadad can run the app on the mobile phone and ready to create awesome apps 😉

IMG_1501

IMG_1535 IMG_1536

IMG_1538

Cean created his own .exe application 😉 It is an email app 🙂

IMG_1485

IMG_1498

He created this with HMTL and he’s going to make that button really works 🙂

IMG_1500

Cean at work and Baran as a good looking photo bomb LOL

IMG_1508

Ara has not decided the project for the exhibition

IMG_1486

but today he had successfully stolen user name and password of his own Gmail account 🙂

IMG_1527

IMG_1528 IMG_1529

IMG_1533 IMG_1534

IMG_1537

The class

IMG_1393

IMG_1394 IMG_1395

IMG_1390 IMG_1392

IMG_1391

*Photos and videos are also available here

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

Standard

Our regular coding class at Darul Hikam Elementary School is always fun because the kids are always excited and willing to learn new things 😉

Mandala will upgrade the BreakOut Game to make some bricks harder to destroy than the others

IMG_1299 IMG_1319

IMG_1327 IMG_1332

IMG_1338

we created 3 different bricks: one that will disappear after get hit once by the ball, the other one after get hit twice and the last one after get hit three times 😉

IMG_1340

each brick will give different points too

IMG_1341 IMG_1348

IMG_1351

Acha is so happy to learn CopperCube 🙂

IMG_1300

He explores all the features to create 3D games

IMG_1304

he did the homework given by Capt. Bullitt 🙂

IMG_1314

the game is getting better and more realistic 🙂

IMG_1353 IMG_1358

Acha learns to add more structures to the terrain

IMG_1359 IMG_1360

Hanif’s project today is to create a counter with ultrasonic sensor 🙂

IMG_1301 IMG_1302

IMG_1307

the schematic

IMG_1309

IMG_1323 IMG_1324

IMG_1334 IMG_1355

the wiring is done, next week we will create the code 🙂

IMG_1356

Capt. Bullitt on duty 😉

IMG_1305

IMG_1313 IMG_1325

Rifqi is going make improvements to his game too 😉

IMG_1310 IMG_1318

IMG_1326 IMG_1331

IMG_1337

the game is looking good, even Acha said that it is so cool 😉

IMG_1357

Darrell created his BreakOut Game today 🙂

IMG_1311 IMG_1320

IMG_1328 IMG_1333

IMG_1335 IMG_1339

IMG_1342

Darrell finished the game and it is working very well 🙂

IMG_1343

IMG_1345

awesome work, Darrell!

IMG_1346

Ratu is back with that smile and of course the excitement of do coding again after a while! 🙂

IMG_1321

Ratu is creating a Space Invaders Game today 🙂

IMG_1336

IMG_1344

with many many sprites and objects 😉

IMG_1349

IMG_1350

she finished the game already! will add more to the game next week!

IMG_1354

The class

IMG_1352 IMG_1316

IMG_1317 IMG_1315

*Photos and videos are also available here

ProCodeCG Kids Private Coding Class – Basic Electronics – 30 Jan 2020

Standard

Time to do projects and research after school 😉

IMG_1271

Tyo is exploring many things today

IMG_1272

we check up the last project and make sure it still works

IMG_1274 IMG_1276

IMG_1277

IMG_1278

and we’re moving to another one: making an automatic timer to turn a light on and off

IMG_1280

we also learned some theories

IMG_1283

IMG_1284

IMG_1287

and started to make the design

IMG_1294IMG_1286

IMG_1288

IMG_1289 IMG_1291

IMG_1296 IMG_1297

some things are still not working 🙂 got to fix it next week 😉

IMG_1298 IMG_1295

IMG_1273

*Photos and videos are also available here

ProCodeCG Kids Private Coding Class – Basic Electronics – 23 Jan 2020

Standard

Tyo is coming back to the private class to refresh the last lessons we have learned and to learn new things

IMG_0881

we started with learning the details of Arduino programming language (C/C++)

IMG_0882

starting with data types, and how to convert one basis to another 🙂

IMG_0886

 

IMG_0888 IMG_0889

IMG_0890 IMG_0891

learn about signed and unsigned data type

IMG_0887

and how to choose data types

IMG_0892

then we tested the datatypes

 

IMG_0894 IMG_0895

IMG_0896 IMG_0898

and at the end of the class Tyo solved the project he has been doing 🙂 nice progress and achievements today! 🙂

IMG_0893

*Photos and videos are also available here

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