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 Kids Regular Coding Class – 11 Jan 2020

Standard

Our first class in a new place: RedsDipo Dipati Ukur Bandung 🙂

Fadhlan has a new plan for SNAPBOT 3

IMG_9881

Fadhlan will start with one motor driver and will modify the code from SNAPBOT 1 and 2 to work with the new config

IMG_9931

that way we can be sure that the basic functions will work

IMG_9934

and then we will step by step modify the code to control the added components

IMG_9940

Ara has got 2 assignments today

IMG_9882

one is to see how vulnerable people to social engineering and get their Google Sign-In easily

IMG_9914

Ara finished the first assignment but not yet the Facebook Sign In. should finish it next week 🙂

IMG_9932

Badi

IMG_9883

Badi have to test the project from the last class

IMG_9933

because Badi has to understand how basic components works to move on to the next project 🙂

IMG_9939

Kibie

IMG_9885

is very excited to learn how to create games today 🙂

IMG_9897

IMG_9903

Kibie’s first object 🙂

IMG_9904

Kibie’s first game

IMG_9910 IMG_9915

done the first game level 1

IMG_9916

and level 2

IMG_9938

move on to create a new one 🙂

IMG_9961

a simple shooting game 😉

IMG_9962

IMG_9966

done this one already and will create a BreakOut Game next week 😉

IMG_9987

Baran is still struggling with functions in JavaScript

IMG_9886

he has to go through the challenges to make sure that he gets the concept

IMG_9898

IMG_9917

next week Baran will be given a task to create a game using JavaScript function and we’ll see the progress 😉

IMG_9960

Techa is still super excited about the game he created 😀

IMG_9887 IMG_9899

adding more levels

IMG_9907

add some more difficulty levels

IMG_9923

learn how to move from one level to another

IMG_9924

and ready to create BreakOut Game next week 🙂

IMG_9988

Sam is starting a new project!

IMG_9888

He is developing an app for attendance list

IMG_9930

Kinan is also making a great progress too

IMG_9891

we’re continuing the project from the last coding camp

IMG_9894

IMG_9895

evaluating the game

IMG_9900

checking the code

IMG_9928

and finally we can add lives to the game 🙂

IMG_9943

yeheaayyy 😉

IMG_9944 IMG_9964

Djalu has a new laptop and we installed stuffs before getting to work

IMG_9896

Djalu wants to learn Python after learning GOLANG during the last coding camp

IMG_9929

the project today is to create a GUI with Python 😉

IMG_9963 IMG_9985

and it finally works after lots of trial and error and debugging, yayy 🙂

IMG_9986 IMG_9995

IMG_9996

Al is getting better and better in coding and machine learning 😉

IMG_9902

he chose the project for today

IMG_9908

and picked this one

IMG_9919

IMG_9920 IMG_9927

IMG_9937

the project is to use machine learning to give recommendation of a book based on the number of pages, number of lines and number of pictures

IMG_9956

the data sets

IMG_9957

the results

IMG_9958

the next project is to modify the machine learning to decide whether someone pass or not pass the test by observing the number of hours spent for playing, sleeping and studying 😉

IMG_9971

when studying more than sleeping and playing

IMG_9972

when you play more than you study

IMG_9973

the data sets

IMG_9974

when you study and sleep a lot and no play

IMG_9975

when you just sleep and don’t play and don’t study LOL super awesome workkkk Al!!!

IMG_9976

the next project for Al is to determine whether somebody is underweight, healthy, overweight, obese or extremely obese from the weight and height 😉

IMG_9978

IMG_9991 IMG_9992

IMG_9993

Boy is still very busy designing with Blender

IMG_9905

IMG_9906 IMG_9909

IMG_9918 IMG_9925

we’re going to make some simple animation next time

IMG_9926 IMG_9955

IMG_9959

while Vian is working on creating games in Roblox

IMG_9911

he had created the design and assets

IMG_9935 IMG_9936

the design is impressively done in details

IMG_9949

and we’re going to add some codes to the game

IMG_9954

IMG_9969

Fab

IMG_9941

is making progress with the game too 🙂

IMG_9942

Fab found some bugs to the previous game he created, so now he will start a new project to see if this one works

IMG_9952

we will leave this for a while and will get back to it later

IMG_9953

and we will start this project

IMG_9968

so far it is working fine

IMG_9983 IMG_9984

IMG_9994

Syadad will install Python today and start to code in Python 😉

IMG_9950

IMG_9951

Syadad’s first codes in Python 🙂

IMG_9980

IMG_9981 IMG_9982

The class

IMG_9889 IMG_9890

IMG_9912 IMG_9947

IMG_9948 IMG_9989

IMG_9946 IMG_9945

IMG_9990

*Photos and videos are also available here

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

Standard

Our first coding class this semester 🙂

Mandala is starting a new project today 🙂

IMG_9770

Mandala is creating a BreakOut Game

IMG_9781

IMG_9787 IMG_9796

IMG_9798 IMG_9811

IMG_9814 IMG_9815

finished already 🙂 we’re going to add more levels and other features next week 🙂

IMG_9817

Hanif will learn a new sensor today: temperature and humidity sensor

IMG_9771

IMG_9772 IMG_9786

IMG_9789

sensor readings

IMG_9801

Capt. Bullitt helped Hanif to display plotting of sensor readings

IMG_9802 IMG_9803

the code

IMG_9804

the plotting

IMG_9806

now Hanif wants to test the temperature and humidity inside a cupboard 😀

IMG_9807

the result 😉

IMG_9808

Khalis wants to sharpening programming and logics skills through challenges

IMG_9773

practice makes perfect 🙂

IMG_9790

Khalish done lots of levels today 🙂

IMG_9791 IMG_9805

IMG_9809

Acha is still upgrading the game and the number of assets keep growing 🙂

IMG_9774

IMG_9779 IMG_9780

we keep adding lines of code

IMG_9785

and add more objects and tricks to the game 😉

IMG_9794

IMG_9812 IMG_9820

Capt. Bullit is ready to teach

IMG_9813

after having lunch (while wearing his coolest hat) beforehand 😉

IMG_9777

Capt. Bullitt’s next project 😉

IMG_9775

IMG_9800

Sami’ is going to make a BreakOut Game

IMG_9784 IMG_9788

IMG_9795 IMG_9799

IMG_9810 IMG_9816

IMG_9818 IMG_9819

finished! will add more improvements next week 🙂

IMG_9822

The class

IMG_9782

IMG_9792 IMG_9821

IMG_9783

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 4 Jan 2020

Standard

Our first regular coding class in 2020 🙂

Syadad wants to learn a new thing today

IMG_9273

Syadad will create his own mobile apps today  🙂

IMG_9284

the code

IMG_9285 IMG_9301

IMG_9331

the results 🙂

IMG_9303

IMG_9302 IMG_9329

IMG_9304 IMG_9328

the next project is to create an odd and even number app, or we will Python or GOLANG 🙂

IMG_9332

Aidia is going to finish the Color Sorter Project today 🙂

IMG_9256

IMG_9258

we’re going to put the components on the platform

IMG_9259

while also checking the code

IMG_9260 IMG_9262

IMG_9266

ready for testing

IMG_9271

IMG_9272 IMG_9274

Aidia is testing and taking notes of the range of values read by the sensor for each color

IMG_9278

Papa Aidia helps us with the hardest part: installing moving part to the platform 🙂

IMG_9295

IMG_9299

reconfiguring the code

IMG_9311

based on the sensor readings

IMG_9314

and it finally works! we just need to install the guide rail 😉

IMG_9322

Yogi is still figuring out how to display laps on his Race Car Game

IMG_9257

There are several ways to do it

IMG_9264

IMG_9267

Yogi chose to get some codes from a tutorial from the internet but it didn’t work so we have to figure out other way to do it

IMG_9276

IMG_9277

Capt. Faris

IMG_9263

is learning a new programming language 😀

IMG_9265

a meeting with Pak Budi Rahardjo about the next research

IMG_9334

and also to debug some problems in the code, and Faris solved it right away 😀

IMG_9339

Baran is still learning JavaScript

IMG_9268

Today Baran learns how to use functions 😉

IMG_9283 IMG_9293

IMG_9306

while Techa is creating a super interesting new game : Space Invaders 🙂

IMG_9270

IMG_9282 IMG_9292

Techa is super excited to play his own game 😀

IMG_9294 IMG_9296

IMG_9300 IMG_9307

IMG_9323 IMG_9325

Boy is working on some animation for his game project 🙂

IMG_9281

he creates this using Blender 🙂

IMG_9316

IMG_9291

IMG_9305 IMG_9308

totally awesome work 🙂

IMG_9315

Fab is still figuring out how to fix the code for his game because one object does not work as expected

IMG_9313

Fab has changed the room, recreated the objects, retype the code and everything but it still didn’t work. we also had created a dummy object to see if things work with the object and it did. but for the object enemy, still didn’t work. going to fix this very soon (in one case, the problem was caused by the room setting. in the other, the object setting or sprite setting. we still need to find the source of the problem)

IMG_9320

The class (the last time in Art Cafe, we’re moving to a new place next week :))

IMG_9289

IMG_9290

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 28 Dec 2019

Standard

While some kids are still in holiday, these ones are making progress in the class 🙂

Fadhlan is building the code for SNAPBOT 3

IMG_8565

we need to test all the components and build the code because we use different sensors and motor drivers

IMG_8574

Capt. Faris helped to modify the code while Fadhlan testing the components

IMG_8613

Badi will start to learn Arduino because it will make the project more realistic to be done without soldering too many electronics components

IMG_8566

the project today is ultrasonic piano with ultrasonic sensor and buzzer

IMG_8607

the buzzer will play different tone in C-D-E-F-G-A-B-C for different distance detected by the ultrasonic sensor

IMG_8626

awesome work, Badi 😉

IMG_8627

Robbie now has a brand new laptop and ready to build awesome games with Game Maker Studio 🙂

IMG_8567

downloading Game Maker Studio

IMG_8575

it takes some time getting used to Game Maker Studio. it is significantly more complex than the Lite version

IMG_8584

IMG_8606 IMG_8619

IMG_8628 IMG_8630

and after a while: Robbie’s first game created by Game Maker Studio 😀

IMG_8632 IMG_8633

Capt. Faris is very busy today 🙂 He is assisting Djalu with GOLANG

IMG_8571

helping Fadhlan with the robot’s code, checking other kids and so on 🙂

IMG_8605

Yogi is building a track counter for the game

IMG_8579

there are two options: creating invisible objects for each player that will increment the counter each time the player finishes the lap, or detecting each player object on certain coordinates 😀

IMG_8599

IMG_8602

Fab is adding enemy to the game but still working on a bug that prevent the enemy from moving autonomously

IMG_8608

IMG_8609

the other things run very well except the enemy. will figure out how to fix this

IMG_8610

The class

IMG_8581//embedr.flickr.com/assets/client-code.js

IMG_8583

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 21 Dec 2019

Standard

Lots of people have gone for holiday but this is how the squad is spending the holiday 😉

Badi is so ready for the task today 🙂

IMG_7855

Badi has to make sure all the circuit work and choose one of the to be soldered on the hole PCB 😀 *notice that now Badi has a tool kit (yes that one looks like an old school tv 😀 )

IMG_7859

Badi has got several projects running

IMG_7861

and now he has memorized all of the circuits and how to make them work 🙂

IMG_7862

proud and confident Badi 😀

IMG_7864

adding more LEDs

IMG_7866

and more components

IMG_7871

getting ready for soldering

IMG_7887

with the help of Fadhlan 🙂

IMG_7910

and then this is what we got so far 🙂 nicely done! 🙂

IMG_7920

Capt. Awa is ready to help again today 🙂

IMG_7856

helping Kak Badi with the circuit

IMG_7870

while also doing some research about camera and Arduino 🙂

IMG_7923,

Capt. Faris has got tons of reasearch to do too 😀

IMG_7857

one is a machine learning research about deep fake

IMG_7869

IMG_7912

IMG_7892

and then learning some GO language to be able to assist Djalu

IMG_8819

and help Sam finishes up the Panic Button project 🙂

IMG_7868

Sam is going to finish his Panic Button Project today 🙂

IMG_7858

The app got the longitude and latitude but not the complete address last time

IMG_7867

and today with the help with Capt. Faris it works! 🙂

IMG_7877

IMG_7874

the codes

IMG_7875 IMG_7876

IMG_7883

IMG_7916

the next step is to send the location info via sms, or call the fire dept, or call the police, or call ambulance 🙂

IMG_7889

the sms is ready to be sent

IMG_7888

and this is the sms received from an app installed on iOS. This is app is totally rocks!

IMG_7914

Djalu will learn about algorithm and data structure with GO Language 🙂

IMG_7878

he starts with basic syntax

IMG_7879

getting used to the command for compiling and running the code

IMG_7880

and then learns about variables

IMG_7904

and also functions

IMG_7921

Fadhlan is going to finish all the wiring and test the code today 🙂

IMG_7881 IMG_7886

while also helping Badi with soldering 🙂

IMG_7902 IMG_7905

IMG_7911

the robot was up and running, the code was loaded and showed no errors, but we didn’t have time to test the robot. we’re going to do it next week 😉

IMG_7924

Boy is going to finish the game today

IMG_7918

we have added scores, rooms and levels navigation and also some enhancement to the game 🙂 the game is now ready for exhibition 🙂

IMG_7919

The class:

IMG_7885 IMG_7884

IMG_7917 IMG_7915

IMG_7907

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 14 Dec 2019

Standard

End of the year already and this is the 5th year of ProCodeCG since the first year of starting up an IT and programming education 🙂

Badi’s got lots of practice to do before soldering 😉

IMG_7460

this is the menu for today 😉 (but without Arduino, of course 😉

IMG_7507

The components

IMG_7469 IMG_7472

IMG_7475

assembly process

IMG_7487

IMG_7500 IMG_7508

IMG_7519

Badi enjoys every bit of the process 🙂

IMG_7526

Now the potentiometer and LED is working fine, next we will see if Badi is ready to do soldering or we’re going to do more advanced circuits on a breadboard 🙂

IMG_7528

Fadhlan has got all the ideas and the components

IMG_7459

and it is time to assembly the robot 🙂

 

IMG_7514 IMG_7465

We’re going to do the coding right after the assembling is finished 🙂

IMG_7478 IMG_7521

IMG_7525

Kibie is so excited as usual, even though he had to go through CodeCombat all over again 🙂

IMG_7456

but this time Kibie finished all levels

IMG_7457

including this one with the help of Kak Fadhlan’s brilliant solution on the paper 😉

IMG_7476

IMG_7498

IMG_7502

Now Kibie is ready to create games with Game Maker but since there is no GameMaker for iOS, we just try something similar online 🙂

IMG_7523

Kinan is still working hard in creating a minimap for the Agario Game

IMG_7458

Kinan has to go through a series of tutorial

IMG_7464

and follow numerous steps to implements lots of lines of codes 😉

IMG_7468

Ara has to finished the hacking wifi with CowPatty today

IMG_7461

IMG_7479

waiting for a handshake

IMG_7486

Ara is almost there but apparently he doesn’t have enough .cap files generated to crack the password. He has to try it again

IMG_7509

Faiz is making new codes in Python today 🙂

IMG_7462

the first one is creating a multiple choices quiz and count the score

IMG_7463 IMG_7466

IMG_7477

IMG_7470 IMG_7471

the next is making a menu and calculate the price of selected food and beverages 🙂

IMG_7497

Syadad is starting a new Machine Learning project 🙂

IMG_7485

IMG_7504

Syadad train the machine to be able to activate/deactivate the fan and/or activate/deactivate the lamp based on a sentence given. For example if we say “It is so hot here” then it will turn the fan on. Or if we say “It is cold and dark” then it will turn of the fan dan turn on the light 🙂

IMG_7516

Boy came with lots of progress 🙂

IMG_7488

His Space Shooter Games has awesomely been created 🙂

IMG_7489

Boy had created so many levels

IMG_7490 IMG_7491

with awesome themes for each level

IMG_7492 IMG_7493

IMG_7494 IMG_7495

plus very cool opening and closing room 🙂

IMG_7496

And Boy still has many ideas to be added 🙂

IMG_7503

IMG_7518

Capt. Awa is on duty 🙂

IMG_7467

helping Kibie with the coding

IMG_7499 IMG_7524

and Badi with the circuits 😉

IMG_7522

The class 🙂

Badi’s Mom gave us these incredible snacks to keep us on the top performance 🙂 Thanks so much 🙂

IMG_7474

These guys claim that they’re hacking NASA 😀

IMG_7480

IMG_7481

IMG_7512

IMG_7506

*Photos and videos are also available here