ProCodeCG Kids Regular Coding Class – 12 Oct 2019

Standard

Our regular coding class is back 🙂

Badi is ready to deploy a chatbot on https://pavilion19.id 😉

IMG_2897

Badi did some research to find the most suitable engine to create a chat bot

IMG_2903

IMG_2905

he finally chose this one

IMG_2911

and there it is 🙂 the chatbot is activated 🙂

IMG_2937 IMG_2955

Badi is still tinkering with the layout of the chatbot on the website 🙂

IMG_2970

but it is running already! 🙂

IMG_2971

Aidia is going to make progress with the color sorter project today 🙂

IMG_2902 IMG_2898

IMG_2909

Aidia had put all the components on the sockets

IMG_2928

IMG_2929

we had modified and improved the code as well. next week we’re going to test it with real smarties candy to see if the sorter works 😉

IMG_2964

and then Aidia wanted to make some Scratch codes for refreshing afterwards 🙂

IMG_3006

Faiz is going to be a strong coder 🙂 He brought his own Python Programming book and tried the exercises

IMG_2899

IMG_2933

He was given several challenges and he had to figure out how to do it by looking at the exercises he has finished so far

IMG_2904 IMG_2918

Faiz is doing very well 🙂 if he keeps the hard work and curiosity like this, one day he might be as good as Capt. Faris 🙂

IMG_2934

IMG_2945

Farrell has just joined the class 🙂

IMG_2901

he started with the intro to programming

IMG_2900 IMG_2910

IMG_2917

finished the first challenge

IMG_2931

and then moved to the next

IMG_2932

he went straight to the last level on each category 😀

IMG_2940

IMG_2941

so far he’s doing very well 🙂

IMG_2944

there will be another challenges next week 🙂

IMG_2972 IMG_2988

Hafiz is going to add text to speech to his Color Detection App for the ColorBlind

IMG_2906 IMG_2916

IMG_2989

done adding the code and now the app is working as expected (with some assistance from Capt. Faris) 🙂 will improve the GUI next week 🙂

IMG_2999

Clive is working on his Shooting Game

IMG_2907 IMG_2920

IMG_2921

Clive works really fast and efficiently, like usual 🙂

IMG_2936

the shooting game has all the features now, next week we’re going add some improvements or start to create another game 🙂

IMG_2948 IMG_2949

Al is ready for another Machine Learning project today 🙂

IMG_2908 IMG_2919

IMG_2922

this time the machine learning project is to control a PacMan Game 😉

IMG_2935

IMG_2939

working fine!

IMG_2947

but it requires lots of coding blocks 🙂

IMG_2973

Faiz tested the game to make sure Al is doing it right 😀

IMG_2974

no doubts 😉

IMG_2975

Capt. Faris had loads of research and works waiting for him 😀

IMG_2913

mostly about machine learning 😀

IMG_2912

while also helping the students

IMG_2930

finally the machine is learning, after Faris debugged the code 😀

IMG_2943

IMG_2926

Syadad is still struggling with the RedStone

IMG_2914

we made some sketches to make it easier to understand 😀

IMG_2925

IMG_2950

While Sam is doing everything he can to make his Price Calc App works 🙂

IMG_2924

IMG_2923

the code

IMG_2976

the app is not yet displaying the price for a certain object

IMG_2977 IMG_2978

fixing the code, with the help of Capt. Faris

IMG_2979

and it works! next is to scan several objects and calculate the total price 😉

IMG_2982

IMG_2983

Cean is back 😉

IMG_2956

IMG_2962

today he wanted to do some web programming with HTML

IMG_2969

IMG_2986 IMG_2998

and then Cean wanted to create a game 🙂 next week we will add functions to the game 🙂

IMG_3009

Kinan is still in the Agario Project 🙂

IMG_2958

IMG_2995

And Yogi needs to modify the objects to be able to make some of them appear in the mini map

IMG_2960

IMG_2967 IMG_3013

IMG_3014

the codes

IMG_3015

the code is correct but the sprites should be divided into different objects

IMG_3016 IMG_3017

Mika finished his Maze Game today 🙂

IMG_2966 IMG_2981

IMG_3011 IMG_3012

Fab had also finished creating his own game in GameMaker Studio 2 today 🙂

IMG_2984 IMG_2991

IMG_2992

IMG_3007 IMG_3008

next week we will add more levels and make the enemy run after the main character 🙂

IMG_3010

Ara is still running the code to generate the Rainbow Table. Will do the attack after all the tables generated

IMG_2990

The class

IMG_2961 IMG_2994

IMG_2954

IMG_2951

*Photos and videos are also available here

Advertisements

ProCodeCG Kids Regular Coding Class – 28 Sept 2019

Standard

This is our Saturday 🙂 How’s yours?

Syathir is starting to create a game 🙂

IMG_1888

He had created some of the sprites last week and today he started to create a room

IMG_1886

IMG_1895 IMG_1909

adding sprites to the room

IMG_1920

the more sprites the merrier 😀

IMG_1935

Syathir looks very excited exploring what he can do with GameMaker, so we just let him improvise 😀

IMG_1943

Aidia’s plan is to install the components and the circuits

IMG_1887

to this delicately built structure

IMG_1891

but first we have to test the sensor again because last week it wouldn’t read anything

IMG_1904

and finally it did read some values but we still need to calibrate the sensor to make sure it detects the correct colors

IMG_1902

we need to re-scale the readings to fit the numbers processed by the code

IMG_1903

Kinan is still building her Agario Game

IMG_1889 IMG_1900

Today she started to make the player gets bigger when it eats the food

IMG_1918 Clive

IMG_1890

had finished all he wanted to do with the maze game 🙂

IMG_1897

So he may start another game: a shooting game. Look how Clive created a sequence of slightly different sprites to give smooth animation

IMG_1934

IMG_1949

done with creating sprites and making this character shooting. Will add more complexity to the game in the next class 🙂

IMG_1960

Sam is given a new project: to detect object and give it a price, so that later we can scan different objects to get the total price 🙂

IMG_1893 IMG_1910

the codes

IMG_1919 IMG_1983

Al

IMG_1894

wanted to do some editing before continuing his machine learning project

IMG_1901

Al is still adding the data and make the machine learn and we haven’t yet got the results

IMG_1932

Capt. Faris is exploring a chatbot that can answer questions and suggest links to a certain topic

IMG_1896

IMG_1906 IMG_1907

IMG_1908 IMG_1921

we deploy it to android

IMG_1936 IMG_1937

and to Telegram messaging

IMG_1945

IMG_1946 IMG_1947

IMG_1999 IMG_1981

Techa was very happy when he was told that he was going to create a game 🙂

IMG_1898

starting with creating sprites

IMG_1905

IMG_1912 IMG_1933

IMG_1948 IMG_1954

and then creating objects that can moves

IMG_1955

creating rooms and put the objects in there

IMG_1961

IMG_1975

adding more sprites and more behaviour

IMG_1982

Techa made several rooms so that the player and move to another room after reaching some certain points

IMG_1997

interesting-looking game 🙂

IMG_1998

Baran still wants to learn JavaScript

IMG_1899

Baran learns looping by drawing interesting line patterns 🙂

IMG_1922

IMG_1923 IMG_1931

Ihsan is going to continue the lesson of basic electronics

IMG_1915 IMG_1924

the lesson for today is multi-function button to activate 2 LEDs

IMG_1939 IMG_1959

IMG_1968

and then creating a traffic light with pedestrian button simulation

IMG_1989

needed some time to debugging each wire and LED and also the polarity until it finally works 🙂

IMG_1987

Yogi has successfully added mini map to the game, yayy

IMG_1916

the mini map needs some scale and coordinates adjustments

IMG_1925

IMG_1926 IMG_1940

IMG_1962

the code

IMG_1963

IMG_1964 IMG_1965

Ara still has to generate Rainbow tables to be able to hack password

IMG_1917 IMG_1928

the command below is to generate  8 char length md5 hash of uppercase letters

IMG_1929

Syadad is still figuring out the Minecraft setting to connect to Arduino with Minecraft Link

IMG_1941

IMG_1957

Neo is running out of time. The competition will be started next week

IMG_1950

and he is finding the most simplest way to send Arduino sensor readings to a browser

IMG_1972 IMG_1985

Zaaka has been adding more advanced techniques to the game 🙂

IMG_1952

including animations

IMG_1970

IMG_1992

and some other features to make the game feel more realistic and running smoothly

IMG_1993

Kishan is doing the same thing with the game 🙂

IMG_1953

He added more sprites, more animations, more tricks that surely increase the awesomeness level of the game 😉

IMG_1969

IMG_1971

Mika is creating his first game with GameMaker 🙂

IMG_1958

IMG_1967

He has learned to create some sprites, making objects and put them in a room 🙂

IMG_1973

Next time we will learn to make the objects move 😉

IMG_1986 IMG_2001

The class

IMG_1911 IMG_1930

IMG_1977 IMG_1976

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 21 Sept 2019

Standard

Reporting how we spend our Saturday morning 🙂

Faiz voluntarily wants to learn Python programming 🙂 So started with downloading and installing Python

IMG_1442 IMG_1463

and then following the handout to learn basic syntax and commands

IMG_1487

Faiz learns how to create simple codes in Python to do math 🙂 Well done!

IMG_1502

IMG_1505

Adit starts to learn GameMaker 🙂

IMG_1443

starting to create his own game 😉

IMG_1454

IMG_1461

Aidia is now back to the color sorter project

IMG_1444

she rewires the project because we want to put the component on the placeholders

IMG_1448

testing the sensor, and it is not reading. need to find what is wrong

IMG_1469

Syadad is still working hard with Minecraft Link to connect Minecraft to Arduino. It usually take a while to understand the command block and the electronics wiring 🙂

IMG_1445

IMG_1457 Harraz

IMG_1446

is making projects in Minecraft, still need some time to digest JavaScript coding in Minecraft

IMG_1488 IMG_1489

Baran wants to learn JavaScript 😉

IMG_1447

so today he spent the whole 3 hours exploring JavaScript and learned a lot 😉

IMG_1451

IMG_1452 IMG_1475

IMG_1486 IMG_1504

IMG_1508 IMG_1509

Fadhlan keeps progressing with both SNAPBOT I and II

IMG_1464 IMG_1465

SNAPBOT I before moving from Arduino Uno to Arduino Mega

IMG_1449

SNAPBOT II with Arduino Mega

IMG_1495

SNAPBOT I and II

IMG_1507

Hafiz is still working on the Detecting Color for the Color Blind App 🙂

IMG_1450

He finally can build the project into App Inventor

IMG_1458

and then test the App from his smartphone 🙂 Very nice 😉

IMG_1473

The code

IMG_1490

Next is to add text to voice module 🙂 A very nice progress 🙂

IMG_1491

Boy continued learning Python with CodeCombat

IMG_1453 IMG_1455

IMG_1468

and then started to create games with GameMaker 🙂

IMG_1514

IMG_1519 IMG_1528

IMG_1533

Techa is still finishing the last levels of CodeCombat 😉

IMG_1456

a good way to learn problem solving 🙂

IMG_1467

Boy helped Techa to solve a level 🙂

IMG_1470

Capt. Faris is very busy helping kids with different and advanced topics 🙂 But he always finds solution 😉

IMG_1471 IMG_1472

Capt. Faris helped Faiz to understand Python basic syntax 😉

IMG_1480

Ara is struggling with attacking password with Rainbow Tables 🙂 Lots of steps to do 🙂

IMG_1476

generating the Rainbow Tables

IMG_1477

and after finishing generating /downloading the tables then we are ready to attack 🙂

IMG_1510

Yogi’s task for today is to create a mini map in Game Maker Studio

IMG_1478

He followed a tutorial and finally did it 🙂

IMG_1479

IMG_1497 IMG_1530

Syathir is making his own game today 🙂

IMG_1481 IMG_1482

IMG_1483 IMG_1484

IMG_1496 IMG_1499

IMG_1501 IMG_1511

IMG_1524 IMG_1529

IMG_1532

Mika is also started his GameMaker journey today. We forgot to take pics because we were busy discussing about what he should do for homework 😉

IMG_1498

Neo is making a huge progress with his Detecting Humidity with IoT project

IMG_1500

We’re testing the code

IMG_1503

IMG_1506

and the components

IMG_1512

Neo use a sensor, two development boards and a relay to control an air pump

IMG_1513

Neo uses MQTTBox to monitor the humidity, the status and to detect problems

IMG_1520

an amazing work! Keep going Neo!

IMG_1525 IMG_1527

Fab is struggling with installing GameMaker because the laptop does not support the old version and apparently refuse to install .NET libraries required. So we spent some time to find work around to solve this and we decided to download GameMaker Studio 2 instead 🙂 *so sorry that we forgot to take pic of Fab due to the high activities in the class 😦

IMG_1518

The class IMG_1492

IMG_1493 IMG_1459

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 14 Sept 2019

Standard

We have lots of projects and deadlines, like most of the times 🙂 Yes we have lots of pressures but it doesn’t mean that the class shouldn’t be fun 🙂

Fadhlan has to deal with SNAPBOT I and II 😀

IMG_0966

we have to test SNAPBOT II and add mouse reading to it

IMG_0969

while adding PWM control to SNAPBOT I

IMG_0973

the headache is real 😀

IMG_0977

the space needed is expanding 😀

IMG_1002

SNAPBOT II uses Arduino Mega to provide all the ports needed. We’re going to replace Arduino Uno on SNAPBOT I to Mega to since we’re running out of ports there too.

IMG_1032

Clive

IMG_0967

is getting better at creating games. He learns super fast!

IMG_0976

Clive has been shown an example of an advanced game created with GameMaker, and now he’s applying the tricks to his game

IMG_0978

now the game has animations 🙂

IMG_0979

IMG_0988

The game is looking and working great! 🙂

IMG_1006

Syadad is going to explore more basic electronics today 🙂

IMG_0968

Typing and understanding code is not difficult for Syadad, he had some experience with Minecraft coding in JavaScript 😉

IMG_0975

IMG_0994

The LED is blinking 🙂

IMG_0995

IMG_0996

and we’re going to make more difficult circuits to be controlled from Minecraft 🙂

IMG_0997

Aidia is working on her Color Sorter Project today

IMG_0972

Aidia’s parents helped her creating this structure

IMG_0970

The Color Sorter will sort the candy based on colors! 🙂

IMG_0971

Aidia starts with the wiring 🙂

IMG_0974

IMG_0980

While her supportive Mom is busy working on her little sister project 😉

IMG_0999

now it’s time to lay out the components on the structure and find out the best set up

IMG_1014 IMG_1027

several adjustments is still needed to give way for cables and the components. This is going to be awesome!

IMG_1028

Ara is preparing for a competition next Wednesday

IMG_0981

so he’s making sure all is working well while also exploring the next topic: hacking with Rainbow Tables

IMG_1001 IMG_1035

Yogi

IMG_0982

is creating a new game, based on a game we chose, and we’re going to modify it 🙂

IMG_0990

Since Yogi is pretty fluent with GameMaker, he’s given a hard challenge to keep him from getting bored

IMG_1003

ok some parts of the code are functioning well 🙂 He just got to keep going

IMG_1004

Capt. Faris is given a task to do research on how to create a ChatBot for education 🙂

IMG_0983 IMG_0991

ChatBot with DialogFlow

IMG_1036 IMG_1037

IMG_1038

Mohan wants to create more advanced game with GameMaker Studio

IMG_0984

so we set up the laptop to download GameMaker 2

IMG_0992

Koosha has his own plan

IMG_0998

but not yet telling us what is he doing 😀

IMG_1018 IMG_1020

and we got a newcomer: Syathir 🙂

IMG_1007

He starts like everyone else: intro to programming 😉

IMG_1009

Aidia helps Syathir to get started 🙂

IMG_1010

not bad at all for a beginner 😉

IMG_1015

once Syathir learns how to make this work, the rest will be easy 🙂

IMG_1026

Mika can solve most of the challenges given

IMG_1008

So today he should finish this LightBot challenge series

IMG_1011 IMG_1012

IMG_1016 IMG_1024

and he did 😉

IMG_1025

Now he may starts to learn Python programming 🙂

IMG_1030

Fab had finished his series of challenges with LightBots and Blockly too

IMG_1017

so Fab can also start to learn Python programming too 😉

IMG_1021

IMG_1031 IMG_1033

The class today 🙂

IMG_1022

IMG_1023

IMG_0993

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 13 July 2019

Standard

Our regular Saturday Coding Class 🙂

Ara is joining us today 🙂

IMG_6383

Ara is continuing his White Hacking Lessons after joining our Private Class a few weeks ago 🙂

IMG_6387

he needed to warm up to refresh the lesson, starting with nmap 🙂

IMG_6390 IMG_6411

IMG_6414

and then BurpSuite

IMG_6454

IMG_6461

Hydra

IMG_6493

Fadhlan is ready to debug the robot, he’s going to Russia Competition next October 🙂

IMG_6392 IMG_6410

IMG_6412

explaining about the robot to parents visiting our class 😉

IMG_6429

Sam is now back working on the Juz’amma App

IMG_6393 IMG_6417

cannot wait to see the app is finished and uploaded to PlayStore! 🙂

IMG_6445

Capt. Faris is very busy researching, and assisting today 🙂 He also had a meeting with client 😀

IMG_6394

debugging Joe’s code

IMG_6418

and then back to his research

IMG_6446

Hafiz is going to pick up where he left from the last Machine Learning Coding Camp

IMG_6395

some features weren’t working yesterday but now they are!

IMG_6407

now it is working fine 🙂

IMG_6408

yayyyy

IMG_6409

and then Hafiz upgraded it 🙂

IMG_6415 IMG_6455

Al, glad to see you again:)

IMG_6396

Al is creating Sorting Hat machine learning 😉

IMG_6443

Badi

IMG_6398

upgrading Pavilion19 website 🙂

IMG_6401

he is adding more images and going to add carousel

IMG_6403

The statistics of visitor of the website

IMG_6406

Badi has also added some animation to the website 🙂

IMG_6420

Nice details 🙂

IMG_6422

Syadad is getting better at coding in Minecraft

IMG_6399

he typed a code to create a triangle

IMG_6413

the result 🙂 Syadad had changed the blocks to glass 🙂

IMG_6439

next is to create rainbow triangle 🙂

IMG_6440 IMG_6453

Koosha brought his own topic to the class

IMG_6431

BungeeCord Project 🙂

IMG_6442

BungeeCord enables multiple Minecraft servers to connect to each other so the player can teleport from one server to another

IMG_6444

if this works then each student can try other students scripts and codes in each other world 😉

IMG_6462

Koosha is testing the BungeeCord

IMG_6501 IMG_6502

IMG_6503

Faiz has just joined regular class 🙂

IMG_6441

warming up with Blockly Games

IMG_6465 IMG_6467

IMG_6494

next week Faiz will do more intro before starting to create games with Game Maker 🙂

IMG_6495

IMG_6496 IMG_6500

The class today

IMG_6504 IMG_6447

IMG_6448 IMG_6449

IMG_6450 IMG_6451

IMG_6452

Glad to see lots of progress today 🙂 Until next week! 🙂

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 29 June 2019

Standard

Saturday coding time 😉

We can tell from Fadhlan’s look that he’s very pleased with the new powerbank to be installed to his robot 😀

IMG_4538

He needs lots of bolts and nuts but since we don’t have enough right now, we will just attach it to the robot

IMG_4545

setting up the code

IMG_4546

uploading the code

IMG_4553

the mapping working just fine! now getting ready to put the robot on the ground 😀

IMG_4554

setting up and gooo!

IMG_4562

the reading is ok *notice that now the robot is not attached to the laptop, it is sending the data of ultrasonic sensing via bluetooth

IMG_4563

we forgot to watch the heading of the robot and it jumped to the floor and some components and cables were scattered on the floor OMGGG

IMG_4565

after the accident after we fixed the robot 😀 *we almost had tantrum thinking that we should start the robot from scratch again LOL

IMG_4575

next is attaching compass so the robot will tell us where it is heading: North, South, East or West

IMG_4587

next week we will upload a new code to make the robot doing mapping while avoiding obstacles

IMG_4588

Syadad started to create javascript codes and save it to Spigot server to make structures in Minecraft 🙂

IMG_4539

He tested available codes in the server to see how they work

IMG_4541 IMG_4542

IMG_4550 IMG_4551

and then start to type his own code

IMG_4567 IMG_4568

Syadad first code to stack up blocks

IMG_4578

the result 🙂

IMG_4579

IMG_4584

the next code will be to create triangles 🙂

IMG_4585

Sam is going to be a Coding Camp Captain next week

IMG_4536

he worked hard to prepare himself 😉 don’t worry, you’re going to be great, capt! 😉

IMG_4543

Capt. Faris is going to teach in Coding Camp too, and given tasks to prepare challenges and additional materials 😉

IMG_4537 IMG_4544

IMG_4577

he’s testing Google Colab to be used in Coding Camp

IMG_4581

IMG_4582

Working well 🙂

IMG_4583

Koosha is going to build a new Bukkit plugins today

IMG_4555

this is his explanation about the difference between how Scriptcraft and Plugin work 🙂

93432ce9-d9ce-4857-bf97-bac4998bd597

start to compile the BuildTools

IMG_4561

IMG_4569

IMG_4570

IMG_4586

and then after building the whole Bukkit, BuildTools, Scriptcraft thing, Koosha started to create his own plugin

IMG_4591

in Java languange 🙂

IMG_4592 IMG_4593

this is awesome 🙂

IMG_4595

No matter how many kids showed up, we always make progress and get things done 😉

IMG_4552

It’s not about quantity but all about quality 😉

IMG_4573

IMG_4574

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 15 Juni 2019

Standard

This is what we do on holiday 🙂

Aidia was ready to continue her color sorting project with Arduino 🙂

IMG_3533 IMG_3542

Aidia typed hundreds lines of code 🙂

IMG_3559 IMG_3547

and then we followed this schematic

IMG_3573

IMG_3578

and tested it

IMG_3579

IMG_3580

the code had been uploaded but the sensor reading didn’t seem right. also one micro servo is not working. we had to do debugging next week 🙂

IMG_3582

Aidia deserved a break by making some animations after all the hard work today 🙂

IMG_3576

IMG_3574

Edo spent 3 hours struggling with installing Kali Linux on Virtual Box

IMG_3532 IMG_3531

it

IMG_3575

took

IMG_3562

a long time

IMG_3540

and we did this three times already 😀

IMG_3539

but it is ok, a good way to learn 😀

IMG_3537

next week Edo is expected to have Kali Linux installed 😀

IMG_3536

today we made it into the login window but the password didn’t work so we had to start all over again with setting up password 😀

IMG_3535

Capt. Faris and his computer vision research 😀

IMG_3548

IMG_3571 IMG_3567

Al was busy with two projects today 🙂

IMG_3541

the first one is the machine learning project for recommending places for tourists 🙂

IMG_3551

IMG_3557

 

IMG_3554 IMG_3553

the next is to make a chameleon changes colors based on what it “see” 😉

IMG_3544

IMG_3550

we’re still working in entering the datasets 🙂

IMG_3563

hopefully this project will be finished next week 🙂

IMG_3549 IMG_3546

 

*Photos and videos are also available here