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 – 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 – Machine Learning, White Hacking, Creating Games & GOLANG – Day #2 – 31 Dec 2019

Standard

Day #2! Everything is getting more interesting πŸ™‚

Faishal decided to use Ubuntu instead of Windows to do his Tensorflow Machine Learning project πŸ˜‰

IMG_8881

tensorflow is already installed (very easily compared to installing it to Windows πŸ™‚ )

IMG_8886

IMG_8907

Faishal is making a customized object detection

IMG_8921

IMG_8922

to detect flower and tree

IMG_8923

IMG_8929 IMG_8945

Faishal had done training with customized data sets, and tomorrow will do the tests πŸ˜‰

IMG_8946

Kinan is constantly making huge progress πŸ™‚

IMG_8882

she has done the layout of of the room

IMG_8884 IMG_8885

and start to code the objects

IMG_8892 IMG_8901

IMG_8906

adding more assets

IMG_8935

IMG_8938

adding scores and tomorrow we will add lives πŸ˜‰

IMG_8947

Joe did lots of work today

IMG_8883

Pacman Machine Learning

IMG_8887

IMG_8888 IMG_8890

Rock Paper and Scissors

IMG_8893 IMG_8894

IMG_8895 IMG_8913

IMG_8914 IMG_8915

IMG_8916 IMG_8917

IMG_8918 IMG_8920

IMG_8896 IMG_8897

Zombie Guess

IMG_8899 IMG_8900

Tic-Tac-Toe

IMG_8909 IMG_8911

Tourist Info

IMG_8924

Detecting Hoax

IMG_8927

IMG_8930 IMG_8931

IMG_8932

Larry or Not Larry

IMG_8933

and more projects πŸ˜‰

IMG_8943

Ardhi is exploring ifconfig, nmap, etherape and angryIP

IMG_8902

IMG_8889 IMG_8891

IMG_8898 IMG_8908

IMG_8912 IMG_8926

IMG_8939

and then start to crack password with Hydra and Johnny πŸ˜‰

IMG_8940

IMG_8944

Djalu’ 4 hundreds’ line of codes is finally working πŸ™‚

IMG_8903

we just need to check the flow of the code and make sure that each function works πŸ˜‰

IMG_8910 IMG_8934

awesome work Djalu!

IMG_8949 IMG_8950

IMG_8951

The class

IMG_8905

IMG_8904

*Photos and videos are also available here

ProCodeCG – Coding Camp End 2019 – Machine Learning, White Hacking, Python Programming, Creating Games & GO LANG – Day #1 – 30 Dec 2019

Standard

Day #1 πŸ™‚

Joe created several Machine Learning projects today πŸ™‚

IMG_8756 IMG_8752

IMG_8753

Smart Classroom Project

IMG_8759

IMG_8761 IMG_8762

IMG_8764 IMG_8768

Make Me Happy Project

IMG_8769 IMG_8770

IMG_8771

Chameleon Project

IMG_8779

IMG_8785 IMG_8786

IMG_8789

Facelock Project

IMG_8794

IMG_8798 IMG_8802

IMG_8803 IMG_8806

IMG_8807 IMG_8811

IMG_8815 2

Car or Cup Project

IMG_8817 2

IMG_8821 2 IMG_8822 2

Ardhi is learning White Hacking

IMG_8755

The menu today is installing Kali Linux πŸ™‚

IMG_8754

there were some problems with the virtualization, with the kernel, etc

IMG_8760 IMG_8772

taking notes of steps to fix the problems

IMG_8776

IMG_8784

following the steps

IMG_8787

IMG_8788

and finally we can start to install! πŸ™‚

IMG_8804

IMG_8805 IMG_8820 2

we’re so happy to figure it out but the installing took a while πŸ™‚

IMG_8825

yaaay it is installed and tomorrow we can start to work!

IMG_8828

logging in

IMG_8829

Kinan has a brand new project πŸ™‚

IMG_8757

Space Invaders!

IMG_8758

in this game Kinan will learn different techniques and tricks

IMG_8767

IMG_8778 IMG_8782

IMG_8790 IMG_8793

IMG_8796 IMG_8808

IMG_8818 2 IMG_8823 2

Djalu is still very busy developing Pizza Order System in GOLANG

IMG_8765 IMG_8773

the code keeps growing

IMG_8799 IMG_8816 2

hundreds of lines πŸ˜€

IMG_8824

Faishal is working on Machine Learning

IMG_8766

Faishal is going to develop the projects with Tensorflow

IMG_8777 IMG_8797

IMG_8826 IMG_8827

Zaaka and Kishan is learning Python

IMG_8819 2

Zaaka’s project for today is to create a game to guess a word letter by letter

IMG_8791

IMG_8800 IMG_8813

the next is to do simple encryption

IMG_8814

Kishan is also working on guessing a word and simple encryption

IMG_8792

IMG_8801 IMG_8809

IMG_8812

The class. Yes, we learn different topics but each one is making huge progress πŸ™‚

IMG_8780

*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 – Coding Camp End 2019 – Minecraft Modding, Python Programming & GO LANG – Day #3 – 28 Dec 2019

Standard

The last day but usually the most fun day πŸ˜€

Rifqi now can write his own JavaScript codes to create structures in Minecraft πŸ™‚

IMG_8562

 

now he can make simple structures like this with JavaScript andΒ modify the code to change the blocks

IMG_8646

and then create another structures with different colors πŸ™‚ this is how kids learn about geometry, structures and programming logics πŸ™‚

IMG_8647

Syafaq has written his own codes in JavaScript too πŸ™‚

IMG_8563 IMG_8639

the results πŸ™‚

IMG_8586

IMG_8653

and surprisingly, Tasaq, the youngest in the group, can write the code without error and can run it smoothly too πŸ™‚ very well done Tasaq!

IMG_8587

the code Tasaq wrote. very precisely written πŸ™‚

IMG_8588

IMG_8643

IMG_8645

the results

IMG_8622

impressive! πŸ˜‰

IMG_8644

Azka is going to finish the virus antivirus code

IMG_8568

IMG_8578 IMG_8618

and then design a GUI for ordering Pizza πŸ˜‰

IMG_8634

Azka created the CLI version of the app

IMG_8635

IMG_8636

and then convert it to GUI.

IMG_8649

Vey, Azka little brother showed up and suddenly carried her on the back πŸ˜€

IMG_8651

this is what siblings do πŸ˜€ πŸ˜€ πŸ˜€

IMG_8652

Djalu made lots of progress today

IMG_8572

creating codes to calculate power and factorial

IMG_8576

IMG_8577

improving the sorting code

IMG_8585

IMG_8621

IMG_8625

and then will explore how to create GUI with GOLANG

IMG_8620

Abil is back to Python coding today

IMG_8580

Abil created a calculator code

IMG_8603

and then start to create GUI in Python

IMG_8604 IMG_8624

then modify it to be able to recognize username and password πŸ™‚

IMG_8631

Lunch time

IMG_8617

The class

IMG_8641 IMG_8582

IMG_8600 IMG_8581

IMG_8615 IMG_8616

IMG_8637 IMG_8583

Going to miss you guys! See you soon! πŸ™‚

IMG_8654 IMG_8655

*Photos and videos are also available here