ProCodeCG – Java Programming Private Class – Online – 28 April 2020 – Day #2

Standard

Today we code hash table and graph implementation in Java 😉

Screen Shot 2020-04-28 at 15.21.58//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-04-28 at 15.13.41//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-04-28 at 14.53.54//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-04-28 at 14.43.18//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-04-28 at 14.41.28//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-04-28 at 14.41.24//embedr.flickr.com/assets/client-code.js

*Photos are also available here and the video can be accessed here

Advertisement

ProCodeCG Kids Regular Coding Class – 12 May 2018

Standard

Reporting our Saturday coding class 🙂

IMG_3996

IMG_4012

IMG_4013

Ozan was back and ready to continue projects of IoT Team 🙂

IMG_3997

IMG_4003

Ozan’s project was to control a micro servo from Android via cloud

IMG_4005

So later the Robotics Team can use the code to control the robots 😉

IMG_4006

Aidia had lots of things to do in mind 🙂

IMG_3998

She used a book as a reference of her works

IMG_3999

IMG_4004

Soon Aidia will create these things with JavaScript 🙂 For now she was given time to explore the possibilities and all the features available 😉

IMG_4017

IMG_4018

IMG_4024

IMG_4025

Fadhlan had the software ready and still working on the hardware 🙂

IMG_4001

He already had all the motors on board

IMG_4007

It requires lots of creativity to put things together 🙂

IMG_4008

Fadhlan was the only kid working on the robotic project today but he didn’t get discouraged 🙂

IMG_4014

IMG_4019

Tyo was warming up the engine to code in Java again 😉

IMG_4009

Tyo created a converter application in Java. He is going to create an app with maps for the next project

IMG_4015

Fathan was still figuring out how to make these pipes spawned randomly 🙂

IMG_4010

Same thing with Sam

IMG_4002

Sam’s Flappy Bird worked nicely but the pipes still wasn’t being randomly spawned

IMG_4016

Sam created a long room with fixed pipes

IMG_4022

While Ain was still busy with his command blocks, creating stuff that we will try to create using JavaScript on Spigot Server

IMG_4023

Capt. Faris continued working on finding a WordCloud library in Python that works 🙂

IMG_4011

IMG_4026

So many things to figure out in the next class. Til then! 🙂

ProCodeCG Kids Regular Coding Class – 10 Feb 2018

Standard

ProCodeCG Kids coding squad 😉

IMG_8430

IMG_8435

Untitled

Aidia was working on a Minecraft project: to create and build structures

IMG_8431

IMG_8442

and so did Echa 🙂

IMG_8432

IMG_8443

When Aidia’s laptop stop working then they collaborated to do the projects 🙂

Untitled

Untitled

they created many things

Untitled

a building

IMG_8482

and elevator

IMG_8483

even a chicken coop 😀

IMG_8481

and also a waterfall 😀

Untitled

Firaas created a RaceCar Game

IMG_8433

IMG_8444

He’s got supervised by Capt. Azriel and Capt. Ain 😉

IMG_8438

Looking very happy 🙂

IMG_8439

The game 🙂

Untitled

IMG_8462

Capt. Ain was busy doing his own project (while also assisting others)

IMG_8434

IMG_8440

IMG_8445

Capt. Faris continued the research, including finding cloud computing servers for our experiments

IMG_8437

IMG_8452

Untitled

IMG_8453

Nafis continued his running text project with ESPectro

IMG_8450

IMG_8441

 

IMG_8446

Nanin was developing her website 😉

IMG_8448

Nanin designed her own header 🙂

IMG_8479

And Vian kept creating amazingly creative things in Minecraft

IMG_8449

He created a random generator. We will figure out what to do with this one 😉

Untitled

IMG_8454

Capt. Cinta and Capt. Syahna were designing an app

IMG_8451

IMG_8490

It was carefully and seriously designed

IMG_8491

IMG_8489

IMG_8470

IMG_8478

Untitled

Tyo modified his ProCodeCG Attendance List to add a new feature

Untitled

Untitled

Untitled

Tyo added a button to add a new checklist

Untitled

IMG_8475

Sulaiman started to code his first skyscraper in Minecraft 😉

Untitled

Untitled

There it was 🙂

Untitled

Azriel was given a task to create an elevator inside a building 🙂

Untitled

IMG_8486

IMG_8477

And we had a newcomer today: Sam (left, sitting between Azriel and Capt. Azriel :D)

IMG_8472

Sam will start the class next week and he was just looking around and see what what the kids were doing 🙂 He even helped Sulaiman to debug the code 😉

Untitled

Bet next week there will be more fun! 🙂

 

 

 

 

 

 

 

ProCodeCG Regular Coding Class – 3 Feb 2018

Standard

It was cold and raining but it didn’t stop the kids to come to our regular coding class 🙂

Untitled

Untitled

Untitled

Liyyu (or Lyu for short) and his father came straight from Jakarta just to join this class (later the had to catch a 2pm train to get back to Jakarta)

Untitled

Lyu is a very persistent and focus kid

Untitled

He can follow all the instructions and solves most of the problems by his own

Untitled

With this hardwork, Lyu is going to be a great programmer 🙂

Untitled

Tyo returned with lots of things to do

Untitled

Tyo designed the prototype of a folding table

Untitled

He’s going to implement this using Arduino

Untitled

Tyo was also modifying his ProCodeCG Attendance List. He wanted to add checkbox by pressing button in Java

Untitled

Vian created a Minecraft Project that required other players to test the circuit

Untitled

We had problems connecting to his server because it wasn’t a Scriptcraft/Spigot Server

Untitled

Vian was very kind and helpful, he helped Aidia and Echa with their Minecraft setting etc 🙂

Untitled

 

Untitled

Echa

Untitled

and Aidia was given tasks to create structures in Minecraft

Untitled

They had problems with TLauncher, Java version etc, and Danen (blue shirt, will be the topic of the report after this) offered lots of help to them

Untitled

Untitled

Untitled

Untitled

This is Danen

Untitled

Danen was upgrading his RaceCar Game 🙂 He added more features to the game, including some fancy text and pics before the game started 🙂

Untitled

On the next session, Danen switched to Minecraft

Untitled

Danen created an elevator 🙂

Untitled

The elevator can go up and down 🙂 And next he’s going to create a vending machine 🙂

Untitled

Al was still busy debugging his Scriptcraft code. Two of the scripts wouldn’t run and we had to compare it with the one that works

Untitled

Kinan continued her intro to programming lessons

Untitled

She learned some programming logic with LightBot

Untitled

Kinan learned how to create procedures too

Untitled

Then she started to create games using Game Maker 🙂 Vian helped to create the sprite because Kinan said she cannot draw 🙂

Untitled

This is the sprite

Untitled

And Kinan’s first game 🙂

Untitled

Silmi created her own too but not yet finished, we will check again next week 🙂

Untitled

It might be cold and cloudy but the class was fun as always 🙂

 

 

 

 

 

 

 

 

ProCodeCG Kids Regular Coding Class – Open Topics – 2 Dec 2017

Standard

Happy Saturday Coding 🙂

IMG_3373

Danen was back in the class to continue his game and create the new one 😉

IMG_3347 IMG_3348

IMG_3365

So Danen created another game today 🙂 A bumping race car 😀 He said he want to make a flappy bird game next week 🙂

IMG_3380

Danen, Ain and Awa discussing about the game 🙂

IMG_3350

Ain was back 🙂 He created another cool game that attracts object to the central object

IMG_3351

IMG_3388

A very dynamic and interesting game

IMG_3353 IMG_3355

Ain was challenged to create a game with an object can attract certain objects like coins with certain value 🙂

IMG_3359

And Ain came up with this magic stick, still in the progress 🙂

IMG_3369

Capt. Faris was really busy doing the research 🙂 He worked with 2 computers at the same time 😀 *like most of the times LOL

IMG_3357

Faris was doing a research about instagram crawling and object recognition with tensorflow

IMG_3361

IMG_3370

IMG_3383

He also found some interesting algorithm for anagram 😀

IMG_3384

Adin worked really hard to make tetris with GameMaker

IMG_3360

 

IMG_3363

Ain and Capt. Azriel helped to debug Adin’s code

IMG_3364

IMG_3368

IMG_3374

Until at some point we decided to move on and will get back to tetris later 😀 Adin was given the same challenge as Ain: to create a game where there is an object that attracts certain objects

IMG_3391

And this is what Adin came up with

IMG_3400

We’re still thinking about the details and the rules of the game 🙂

IMG_3401

IMG_3410

While Nanin was busy creating a new apps 🙂

IMG_3371

Nanin wanted to create an app with buttons that can display happy and sad panda 🙂

IMG_3381

The app 🙂

IMG_3398

IMG_3399

IMG_3415

IMG_3416

Vian was very excited creating a new game (that he wouldn’t let us to take a pic of because it is confidential – not released yet :D)

IMG_3372

IMG_3386

IMG_3387

Vian consulted the game with Ain and Tiga, a lot 🙂 They seemed really happy to exchanged ideas 🙂

IMG_3385

IMG_3392

Finally, the result 😀

IMG_3393

Tyo made lots of progress with his Java project: generating and printing invoice

IMG_3378

IMG_3390

But Tyo wasn’t really happy with the layout

IMG_3377

The code

IMG_3379

so we asked Capt. Faris to help

IMG_3395

It’s better now 🙂 But Tyo still wants some improvements 🙂

IMG_3407

Jundy was still working on his secure building project 🙂

IMG_3394

He’s also has the scrolling text in the building in the making 🙂

IMG_3396

So many interesting things happen today 🙂 Thank you kids, see you next week 🙂 ❤

 

 

 

 

ProCodeCG Kids Regular Coding Class – Open Topics – 14 Oct 2017

Standard

Our open topic class this Saturday 🙂

IMG_9777

Our newcomer, Ioan 🙂 Ioan joined our mid-year coding camp and now joining regular class 🙂 Welcome Ioan 🙂

IMG_9728

Capt. Azriel was assigned to assist Ioan

IMG_9729

IMG_9734

Ioan reopened his last GameMaker projects and re-learned how to create games 🙂

IMG_9735

He had learnt to create Agario too 🙂

IMG_9736

He looked happy to be back 🙂

IMG_9737

Ioan added new sprites and adding more features to his games

IMG_9743

IMG_9754

 

IMG_9757

Welcome back Nanin (after a few weeks) 🙂

IMG_9730

Nanin was determined to finish her game from the last class

IMG_9740

IMG_9760

The game is to pick out which one is a pet animal

IMG_9742

IMG_9751

Nanin spent lots of time to choose pictures and edit them

IMG_9753

The game is quite interesting: you will get score and move to the next level when you choose the right picture, and will go back to previous level if you pick the wrong one 🙂

IMG_9755

That’s why Nanin had lots of objects and rooms for levels 🙂 Lots of work 🙂

IMG_9767

IMG_9794

Adin (left) started to learn GameMaker, and Captain on duty for GameMaker was Captain Azriel (right)

IMG_9741

IMG_9752

IMG_9758

starting with creating sprites

IMG_9747

IMG_9748

then Adin created his first game 🙂

IMG_9766

he added more rooms with different levels of difficulty

IMG_9795

IMG_9801

IMG_9813

Then Adin was given the next task to create another game: Race Car 🙂

IMG_9823

IMG_9745

IMG_9746

Ain (left) had finished all the homework of creating apps with Thunkable

IMG_9750

So he was given another challenge

IMG_9756

He created an app to convert from text to voice, and he had to add a button to clear the textfield and he did 🙂

IMG_9762

Ain and Capt. Faris then added more languages

IMG_9769

IMG_9798

The code:

IMG_9770

It worked nicely 🙂

IMG_9775

IMG_9776

Vian (right), Ain (middle) and Capt. Faris (left) made a great team 🙂 They working together on Ain’s app and Vian’s game 🙂

IMG_9768

Vian created a new game, fully improved with lots of new techniques, thanks to Ain 🙂

IMG_9771

See how Vian’s game had been improved to a totally higher level when he got support from game making experts 🙂

IMG_9782

Capt. Faris tested Ain’s game

IMG_9787

And then they applied it to Vian’s

IMG_9793

Vian got lots of ideas and feedback from Ain and Capt. Faris yaaay, what could be more fun than creating games as a team 😉

IMG_9797

The final look of Vian’s game 🙂

IMG_9817

IMG_9833

IMG_9818

IMG_9834

IMG_9835

Tyo was ready for a new project: modifying a chat app in Java 🙂

IMG_9783

First we made sure the server and client work

IMG_9789

IMG_9796

IMG_9790

And the we decided to add some encryption to the text, and will be decrypted when it is accepted

IMG_9800 2

The encryption worked

IMG_9814

The code

IMG_9815

then we added decryption

IMG_9837

got some errors after adding decryption, but later Capt. Faris solved it

IMG_9838

This little one was back 🙂 Hello Adit 🙂

IMG_9788

Adit continued his Intro to Programming lessons from Blockly Games

IMG_9799

He was doing well with Puzzle and Maze

IMG_9811

And then moved on to Bird

IMG_9812

Had reached level 6 and will continue it next week 🙂

IMG_9842 2

Sabrina continued her lesson in Web Programming

IMG_9791

She learned more complicated design with more difficult layout

IMG_9792

IMG_9816

She had to go through lots of lines and debugging became a lot harder 🙂

IMG_9836

Jundy had several projects in Java running

IMG_9819

This one is a program to guess someone’s birthday using some algorithm

IMG_9803 IMG_9804

Jundy likes to discuss his work with Faris 🙂

IMG_9808

He showed us how to modify some files encrypted from XBox 🙂

IMG_9809

IMG_9810

While on the other side of the room, Ain’s mom did an awesome activity 🙂

IMG_9830

Very neat! 🙂

IMG_9831

This tool has never seen in the class before 🙂

IMG_9832

Another different activity in the class: captain discussions about writing 😀

IMG_9802

Will be reporting more interesting things happening in our class next week! 😉

 

 

 

 

ProCodeCG Kids Regular Coding Class – Open Topics – 7 Oct 2017

Standard

Our open topics class this week 🙂

IMG_9364

Capt. Faris, like usual was very busy with the research 🙂

IMG_9339

IMG_9343

Faris started to train his AI to recognize some logo

IMG_9360

Ain was working on creating apps

IMG_9340

IMG_9346

Ain created an login app

IMG_9347

IMG_9366

IMG_9350

There was still some errors, Ain will fix it at home 🙂

IMG_9355

Adin was unstoppable 🙂 He finished all levels for Intro to Programming 😀

IMG_9341IMG_9349

Next week he certainly can move to the next level 😉

IMG_9356 IMG_9357

IMG_9358

IMG_9365

IMG_9371

Capt. Faris was helping Azriel to start Spigot Server

IMG_9348

IMG_9367

So Azriel can code things like this in Minecraft 😉

IMG_9363

The first floor of Azriel’s skyscraper

IMG_9368

Yes! Azriel first skycraper in Minecraft, created with JavaScript 😉

IMG_9369

Too bad we didn’t take a picture of Tyo, who was celebrating his birthday and working on a very cool project: reading weather data to be processed with Java. But we had problems with accessing the APIs and libraries so Tyo decided to create chatting apps in Java next week! 🙂

 

 

ProCodeCG Kids Regular Coding Kids – Open Topics – 30 Sep 2017

Standard

Today we have kids learn creating games, java programming, web programming and we do some research too 🙂

IMG_8937

IMG_8957

Nanin is back to continue her matching games in GameMaker

IMG_8927

Nanin is creating a game to choose which ones are pets and which ones are wild animals

IMG_8928

So she had to collect animal pictures

IMG_8930

And resize it to fit in the size of the sprite 🙂 (Capt. Faris showed Nanin how to resize a picture)

IMG_8943

Tyo rode a bicycle to the class 🙂

IMG_8942

Tyo had finished his temperature conversion project 🙂

IMG_8945

IMG_8963

The code can convert temperature in Celcius, Reamur, Kelvin and Fahrenheit 🙂

IMG_8964

Impressive, Tyo 🙂

IMG_8965

IMG_8967

IMG_8968

Tyo moved on to the next project: collecting weather data and save it to a file to be presented in an app in Java 🙂

IMG_8972

Sabrina finished HTML session last week and this week she learned CSS

IMG_8949

Next week she will start to learn some JavaScript or more advanced HTML and CSS 😉

IMG_8973

She also learned how to create .html that connects to a .css file 🙂 Now she knows how to create a website 🙂

 

IMG_8977

After two sessions of Intro to Programming, now Altair is ready to learn to create games with GameMaker 🙂

IMG_8962

Altair has learned how to create sprites, objects, rooms and display scores

IMG_8960

IMG_8974

This little yellow guy will get score each time he eats the red apples

IMG_8975 IMG_8976

Altair proudly shows his first game to his dad 😉

IMG_8984

Great work, Al 😉

IMG_8985

Vian (yellow shirt) discussed with Jundy

IMG_8980

and create another awesome creature for the sprite

IMG_8969

And Capt. Faris, as usual, is working on a research while also helping other kids 🙂

IMG_8918

IMG_8932

IMG_8961

Will be back with more progress and updates next week 🙂

ProCodeCG Kids Regular Coding Class – Open Topics – 23 Sep 2017

Standard

Wow, lots of new things and amazing progress today! 🙂 We have several topics and research running 🙂

IMG_8543

Ain has made huge progress on GameMaker like always

IMG_8501

This is his latest game 🙂

IMG_8493

Using a very complex technique

IMG_8494

and numerous sprites and objects to make it looks so real 🙂

IMG_8495

Ain designed every sprite very carefully and in detail

IMG_8496

IMG_8497

IMG_8504

IMG_8511

IMG_8518

For the next lesson, Ain started learning creating apps 🙂

IMG_8534

IMG_8553

Ain’s first app on Android  🙂

IMG_8555

IMG_8556

Ain will be good at this one too 🙂

IMG_8558

IMG_8559

IMG_8560

Emma had finished her task to create a Tic-Tac-Toe algorithm in C to choose the best move

IMG_8512

IMG_8536

It works

IMG_8498

The code:

IMG_8499 IMG_8500

The new task given to Emma 😉

IMG_8513

Emma is digesting the task and we’re sure she’ll find out how to solve it 😉

IMG_8515

Yaay, we had a newcomer: Adin

IMG_8503

Adin finished the first time very quickly

IMG_8510

and got the certicate 🙂

IMG_8525

Moved on to CodeCombat and finished it

IMG_8530

IMG_8540

And then started LightBots 🙂

IMG_8557

Capt. Faris is now start working on Instagram crawling 🙂

IMG_8508

He’s not only making it work on his laptop

IMG_8505

IMG_8506

But make it work on a Mac too 😉

IMG_8514

IMG_8520

Neila wanted to learn some Sketch Up today 🙂

IMG_8521

Jundy was there to help, yaaay 🙂 Jundy is very fluent with Sketch Up so he’s the right person to teach Neila 😉

IMG_8524

Jundy helped Neila to install

IMG_8527

IMG_8528

And taught her basic things to start with

IMG_8531

Then Neila started to learn GameMaker. Ain taught her some tricks 🙂

IMG_8545

Neila made her first game 🙂

IMG_8546

and then back to Minecraft 😀

IMG_8552

J also helped Azriel to set up Minecraft Server 🙂

IMG_8550

Azriel (Ajil) wasn’t captured in the pic but this is him starting to code with JavaScript on Minecraft 😉

IMG_8562

Cinta continued her creating apps project 🙂

IMG_8533

IMG_8554

With more and more complex blocks 🙂

IMG_8561

Vian was in the mood of doing some GameMaker today 🙂

IMG_8529

IMG_8537

And then discussed things with Ain and Jundy

IMG_8541

IMG_8544

IMG_8564

Clarence had a coding project to finish. The task is to read a file and sort the content based on certain field

IMG_8532

IMG_8548

IMG_8549

With Capt. Faris close assistance

IMG_8526

IMG_8551  IMG_8563

The class

IMG_8565

Papa Jundy babysitting Jundy’s little sister 🙂

IMG_8535

IMG_8542

Mama Ain helped Ain to create a Thunkable account 🙂

IMG_8566

And these two guys were still working when all of us leave the building 😀

IMG_8567

See you next week guys! We really appreciate your dedication! 🙂

IMG_8568

ProCodeCG Kids Regular Coding Class – Open Topics – 9 Sept 2017

Standard

Hello!

IMG_7490

IMG_7500

This Saturday we had two newcomers 🙂 This one is Al 🙂

IMG_7461 2

Al learned intro to programming with Minecraft Hour of Code 🙂

IMG_7466

After he finished task one, Al continued to learn about procedures with LightBot 😉

IMG_7484

IMG_7495

Then he continued with Blockly Games 🙂 Lots of work today Al, well done 🙂

IMG_7516

The second newcomer is Adit 🙂

IMG_7494

Adit learned the same things Al did 🙂

IMG_7496

Adit was tutored by Capt. Faris 🙂

IMG_7504

Finished the first task

IMG_7506

and then move on to the next 🙂 Adit seemed so excited 🙂

IMG_7517

Emma was still working TicTacToe strategy

IMG_7464

The code generated some errors after Emma added a new function

IMG_7491

Well, with a code looking like this, we certainly need time to find out the problem 🙂

IMG_7475

Aidia started to create games 🙂 With the guide of Capt. Faris 🙂

IMG_7465

IMG_7488

Aidia already had ideas in mind about the game she was going to create 🙂

IMG_7469

Aidia was so excited to create her own sprites 🙂

IMG_7492

IMG_7493

Finally, Aidia’s first game 🙂

IMG_7497

She just couldn’t stop 😉

IMG_7498

Ain! He came with lots and LOTS of progress 🙂

IMG_7467

From all the tasks and challenges, he created this “Kresek Terbang” game 🙂

IMG_7471

The game is so neatly created and detail, using brilliant tricks and techniques

IMG_7472

Like usual, Ain never do anything less than excellent 🙂 Look at how many sprites and object he created 😀

IMG_7473

Ain also uses a very smart way to put objects in random while the screen moving to the left

IMG_7474

Ain gave lots of tricks and idea to Vian 🙂

IMG_7485

Vian was going to make what’s in his head happen 🙂

IMG_7486

IMG_7507

IMG_7508

Vian learned lots of new tricks to make his ideas happen 🙂 Well done Vian 🙂

IMG_7511

Vian also wanted to create his own logo 😀

IMG_7522

So we let him express his creativity for a whiel 😀

IMG_7523

Ajil’s game now working just fine 🙂 Last week we had the GameMaker kept hiccuping 😀

IMG_7499

Ajil tested all the game he had created

IMG_7509

IMG_7513

Making sure all is running smoothly 🙂 Next week Ajil will be ready to learn something new 🙂

IMG_7514

Tyo had a new idea for a new project 🙂

IMG_7501

He wanted to create a temperature converter 🙂

IMG_7520

Tyo is a very determined boy. He insisted to write his own code, line per line. He refused to copy paste examples from the internet 🙂  Tyo has a problem with casting this variable to integer

IMG_7527

Capt. Faris helped him out 🙂

IMG_7526

So this is going to be Tyo’s homework and we’ll see the progress next week 🙂

IMG_7533

Look at what Capt. Faris learned in the class while teaching 🙂

IMG_7489

Capt. Faris showed Capt. BR his ProCodeCG Attendance App with Face Recognition 😉

IMG_7521

Faris took my pics last week and let the code learn, and now it recognize my face 🙂

IMG_7529

IMG_7532

Not yet recognize Capt. BR

IMG_7530

Because the system has only learned Faris’ and my face, Capt. BR was identified as Faris 😀 Later Faris took pics of Capt. BR, feed it to the system, and it can recognize Capt. BR too 🙂 Awesome!

IMG_7531

Well, when Faris’ laptop goes like this, that means the class is over 🙂

IMG_7518

See you next week! 🙂