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 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 – Coding Camp End 2019 – Machine Learning, White Hacking, Creating Games & GOLANG – Day #3 – 1 Jan 2019

Standard

Day #3 is time to finished up the projects 🙂

Joe

IMG_8989

is learning some machine learning implementation with Thunkable

IMG_8994

and then download the app to the mobile phone

IMG_8997

the code

IMG_8998

The app can detect object from the pic taken by camera

IMG_8999

the app displays the description of the object

IMG_9001

and Joe learned to add text to speech code so the app will also announce the object detected out loud 🙂

IMG_9002

IMG_9011 IMG_9014

IMG_9012 IMG_9010

Joe is really interested in learning White Hacking, he asked for permission if he was allowed to start installing Kali Linux 🙂 Too bad the Virtual Box cannot be installed to Joe’s Macbook probably because the Mac OSX has not been updated to the newest version

IMG_9017

Joe accompanying Ardhi doing hacking 😀

IMG_9022

Faishal has been working really hard developing custom object detection with TensorFlow

IMG_8990

IMG_8993 IMG_9004

and we finally can make it learn! 🙂

IMG_9015

and shows the TensorBoard! Later Faishal has successfully completed all the steps and compile the object detection test code with jupyter notebook without errors, after several hour struggling with errors and installation and kernel switching 😀

IMG_9018

Djalu finally patches most of the bugs in his Pizza Order Application in GOLANG 🙂

IMG_8991 IMG_8996

It now has full features

IMG_9013

IMG_9030

IMG_9032 IMG_9036

and runs beautifully and smoothly 😉

IMG_9046 IMG_9047

super awesome! congrats, Djalu! 🙂

IMG_9049

Ardhi is doing several hacking today: hacking Android, Windows, Facebook and Google Sign-In 🙂

IMG_8992

IMG_8995 IMG_9027

Successfully steal a Google Sign-In

IMG_9040

IMG_9038

IMG_9041 IMG_9042

and then steal a Facebook login

IMG_9044

but not yet successfully hack any Androids or Windows because most of the devices are strongly protected by the OS and anti-viruses, so hacking is really not that easy 😉 This is just to show you how to be more careful protecting your devices 🙂

IMG_9045

Kinan adding loads of codes to the game and make it more realistic 🙂

IMG_9016 IMG_9005

we added different lives for the enemy. it takes more shots to make a bigger enemy disappear

IMG_9003 IMG_9021

now is the time to add more levels to the the game

IMG_9028 IMG_9033

IMG_9034

and also add lives for the player, so the player will have 3 lives before the game ends

IMG_9035

we will keep adding features to the game because Kinan seems to like this game very much 🙂 but the target for this camp has been covered 🙂

IMG_9039 IMG_9043

Lunch time

IMG_9019 IMG_9020

The class

IMG_9006 IMG_9007

All have different topics in this class but all have finished the projects 🙂 until next time, buddies! 🙂

IMG_9024

IMG_9051

*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 – 7 Dec 2019

Standard

Weekend is time to do what we like 🙂 Our thing to do on Saturday is doing coding and research 🙂

Capt. Faris is creating a chatting app that has already been used to help the learning process at his school 🙂

IMG_7015 IMG_7026

the app accessed from an iOS device

IMG_7076

IMG_7078

it can also detect bad words 😀

IMG_7077

Syadad is doing a very interesting machine learning project today 🙂

IMG_7012

it is to guess which door leads to a room without zombie 🙂

IMG_7034 IMG_7035

the data of each room

IMG_7036

a very interesting project 🙂 and Syadad did it very well 🙂

IMG_7037

the next project is to predict whether someone will survive a Titanic crash or not, based on recorded data

IMG_7124

Al is working on the same project as Syadad’s

IMG_7013

after choosing from several alternatives, Al chose the Zombie Project 🙂

IMG_7038 IMG_7088

it contains lots of levels

IMG_7091

the data set is empty because it’s in the code

IMG_7109

the code

IMG_7105

IMG_7106 IMG_7107

IMG_7108

lots of code but Al did it anyway 🙂

IMG_7110

Fadhlan is doing a research about the motor driver for SNAPBOT 3

IMG_7014

we have 3 options 😀

IMG_7022 IMG_7032

fueling up first before continuing the work 😀

IMG_7051

Baran keeps making progress in the JavaScript learning

IMG_7016

IMG_7027

today Baran learns conditional statements

IMG_7030

IMG_7040 IMG_7060

Ara is ready to hack windows today 🙂

IMG_7017 IMG_7039

it worked 😀

IMG_7048

but nobody else willing to let their laptop be a target 😀 next project is to hack wifi using dictionary and rainbow table attack with CowPatty 🙂

IMG_7049

Kibie’s task today is to explore Blockly Games

IMG_7018 IMG_7025

and then start to learn some Python with CodeCombat 🙂

IMG_7083 IMG_7092

Capt. Awa helped Kibie to go through some levels

IMG_7120 IMG_7125

Techa was given 7 minutes before the class started 😀

IMG_7019

and then he had to continue creating the game 🙂

IMG_7045

Techa’s Shooting Game is now has all required features. Next week Techa will create BreakOut Game and then Space Invaders Game 🙂

IMG_7061

Vey’s project today is measuring height with Arduino 🙂

IMG_7020

IMG_7042 IMG_7072

yes, it worked! *Capt. Awa helped to download the libraries and display the result to the LCD

IMG_7098 IMG_7099

and then Vey continue working on his game 🙂

IMG_7119

Sam had finished the Juz Amma and Object Recognition App so he’s ready for a new project. Sam did some research and decided to create a Panic Button App 🙂

IMG_7021

Capt. Faris helped Sam to get the GPS location

IMG_7085

the code

IMG_7093

IMG_7095

the app 🙂 we’re still figuring out how to get the address of the coordinates

IMG_7094

because we have to use Google Maps API

IMG_7104

and it is not easy and not free 🙂

IMG_7117

Badi is going to create a simple electronics wiring today, and he looks super excited 😀

IMG_7029

before Badi learns to do soldering on his own, he’s got to do it right using the breadboard

IMG_7033

Badi’s first wiring 🙂 and it works! the button will activate the LED *the full video is on the link below

IMG_7043

Farrell is figuring out how to implement his ideas into his game

IMG_7041

IMG_7075

Farrel wants to move to the next room whenever he gets to the end of the room, and he finally figured it out 🙂

IMG_7097

Boy is going to make a game to be presented at school in a few weeks 🙂

IMG_7044

He’s making a Space Invader Game

IMG_7059

IMG_7080 IMG_7084

It is 50% ready 🙂 Boy still has to add more assets and codes into the game

IMG_7127 IMG_7128

IMG_7129

Mika’s project today is humidity and temperature sensor

IMG_7053

IMG_7052

the weird thing is the Arduino Board wouldn’t compile and if it did, it won’t recognize the usb port, so we still haven’t yet succeed to see the sensor readings. We have changed the Arduino and also the cables but still not working. Going to figure it out next week

IMG_7121

Cean is doing some web programming again today 🙂

IMG_7074

with HTML and JavaScript

IMG_7086

IMG_7087

we’re coding to add some code to make those buttons work 🙂

IMG_7096

IMG_7102

IMG_7116

Capt. Awa stopped by to help 🙂

IMG_7079

he helped Vey to install the libraries and make the LCD program works

IMG_7081

Capt. Awa also helped Kibie with Python on CodeCombat and taught Techa how to build things with RedStone in Minecraft 🙂

IMG_7118

Syathir is still working on his shooting game, and the next class he will be ready to create BreakOut Game 🙂

IMG_7100 IMG_7101

Fab finally solved the problem in his game

IMG_7103

but when he added another sprite, the game start malfunctioning. We’re still figuring this out

IMG_7111

IMG_7114

Yogi wants to add lap counter into the Race Car Game, which is a BRILLIANT idea 🙂

IMG_7113

so the idea is to create an object that will be hit each time the car run through the finish line, and display the counter

IMG_7115

Yogi is still working on it, we’ll see the progress in the next class 🙂

IMG_7126

The class

IMG_7023 IMG_7024

IMG_7028 IMG_7112

IMG_7082

C20D1C55-E4D5-49FD-9A81-E45D2BE42238

IMG_7055

*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