ProCodeCG Kids Regular Coding Class – 27 July 2019

Standard

A busy and productive Saturday as usual πŸ™‚ Plus we are preparing for the annual ProCodeCG Kids Exhibition on 17 August 2019 πŸ˜‰

Aidia’s mission today is to fix her Automatic Railway Gate Project, without pulling out the cables or destroying any decorations πŸ˜€

Aidia accidentally changed the code and we forgot to make backups so we had to figure out each of the port numbers go to which components πŸ˜€

IMG_7361

schematic diagram by Aidia

IMG_7357

rewriting the basic code (with just one ultrasonic sensor)

IMG_7362 IMG_7373

the circuits (and we totally had no idea which cable goes to which component :D)

IMG_7383

After Capt. Awa tried to help and Koosha’s gave the idea to check the port and connection using avometer (which was a brilliant idea), Capt. Faris used his superpower: to code πŸ˜€ He created a brute force code to check which port connected to which component πŸ˜€

IMG_7425

and we kept updating the note to make sure we wouldn’t lose it again πŸ˜€

IMG_7429

the brute force code

IMG_7430

IMG_7431

allright we finally got all the ports πŸ˜€ Thanks so much Capt. Faris πŸ˜‰

IMG_7433

IMG_7436

Fadhlan is going to replace Arduino Leonardo with Arduino Uno because after some libraries and board updates, we got serious errors when compiling with Arduino Leonardo and we really don’t have time because Fadhlan is going for the competition in October and should report the work for evaluation in August

IMG_7358

But first: fuel for the engine πŸ˜€

IMG_7370

now ready to work, making sure all the ports from Leonardo goes to the correct ones in Uno

IMG_7388

finding the latest code

IMG_7389

and then test the code for Arduino and for Processing

IMG_7410

All components seemed to work fine

IMG_7416

only the radar didn’t come up. We’re going to fix this real soon

IMG_7421

Harraz is still working with Game Maker but insisting to create game in Roblox

IMG_7359

So we told him why don’t he create Roblox with GameMaker? πŸ˜€

IMG_7438

IMG_7364

Badi certainly has lots of ideas to upgrade Pavilion19 website today πŸ™‚

IMG_7360

He updated the calendar and going to rearrange the layout to make it looks nicer πŸ˜‰ And we are going to add some statistics showing how many people already booked Pavilion19 so far πŸ™‚

IMG_7377

Pavilion19 website on mobile phone browser

IMG_7381

IMG_7382

Capt. Awa is still working on the Panic Button

IMG_7363

IMG_7408

Clive is joining our Regular Class today πŸ™‚ Welcome πŸ™‚

IMG_7365

Like the other, Clive had to go through Intro to Programming πŸ™‚

IMG_7371 IMG_7379

IMG_7384

including learning about procedures/functions πŸ™‚

IMG_7406

Sam is starting a new project today

IMG_7366

To create app to recognize object for blind people. And then the app will use text to voice to inform the user about the object using voice πŸ™‚

IMG_7380

the code

IMG_7387

testing the app

IMG_7386

IMG_7390

taking samples of as many objects as possible

IMG_7395

IMG_7404

Capt. Faris is busy as always today πŸ™‚

IMG_7367

Helping Sam to improve the app. Making sure Clive and other kids can do the tasks

IMG_7412

helping Aidia debugging the project

IMG_7427

and work overtime πŸ˜€ But he fixed everything needed to fixed today πŸ™‚ Well done, Captain πŸ™‚

IMG_7428

Ara has been given homework and task to finished today. Attacking DVWA by stealing cookies and use the cookies to access the website

IMG_7368

IMG_7401 IMG_7402

IMG_7411

the result in BurpSuite

IMG_7415

logging in to DVWA

IMG_7418

and observed it via BurpSuite

IMG_7420

and then typing additional codes. It is a long code so he said he’s going to continue it at home πŸ˜€

IMG_7424

Al is working on the Sorting Hat Machine Learning project πŸ™‚ With lots of encouragement and support of Capt. Awa πŸ˜€

IMG_7369

Faiz started his Basic Electronics lesson today before learning to assembly his own robot πŸ˜‰

IMG_7372

under supervision of Capt. Faris πŸ™‚

IMG_7376

Starting with LED, button, buzzer and then microservo

IMG_7403

next week we will learn about sensors πŸ™‚

IMG_7409

Syadad is looking handsome and neat today πŸ™‚

IMG_7374

he had finished LOTS of codes in the handout and start to explore new structures to be presented on our Exhibition

IMG_7422

IMG_7375

Syadad had built most of the code in the handout and he started to modify them to see what happens

IMG_7391

IMG_7423

Hafiz had two tasks to finished: to create a system to recognize object for blind people with machine learning and to recognize colors for color blind people πŸ˜‰ He is really excited about this πŸ™‚

IMG_7378

Koosha hadn’t yet decided the title of his presentation on Exhibition but he’s now seriously working on optimizing multiple Minecraft servers and explore most of the plug ins available πŸ™‚

IMG_7393

Cean had finished his Minecraft Hour of Code challenge today

IMG_7407

IMG_7405

and the next is to learn some pattern with LightBot, but apparently this one it a bit to hard for Cean

IMG_7419

so we moved on to Blockly Games to learn more about basic programming logics

IMG_7426 IMG_7437

The class, and all the joy and excitement in it πŸ˜‰

IMG_7392 IMG_7398

IMG_7434 IMG_7394

IMG_7397 IMG_7396

*Photos and videos are also available here

ProCodeCG Kids Coding Camp – Minecraft Modding and Creating Apps – Day #3 – 30 Dec 2017

Standard

Day #3 πŸ™‚

Hello Maryam

IMG_5812

Sulaiman (this one becomes more cheerful each day πŸ˜€ )

IMG_5813

and Akal πŸ™‚

IMG_5814

Akal finally finished the code from yesterday, and successfully created a big triangle πŸ™‚

IMG_5827

and then a coloured triangle πŸ˜‰

IMG_5864

a big rainbow triangle πŸ™‚

IMG_5865

IMG_5866

While Sulaiman finally fixed his calculator πŸ™‚ Now it works just fine πŸ˜‰

IMG_5815

IMG_5818

Sulaiman had also finished the changing colors button app

IMG_5822

And the xylophone app πŸ™‚

IMG_5825

He really likes it πŸ™‚

IMG_5847

IMG_5848

Maryam moved on to more difficult task: creating a to do list app πŸ™‚

IMG_5828 IMG_5834

it took some effort to make it work

IMG_5840

she even had to compare the code line by line to the example

IMG_5846

And yes it works nicely πŸ™‚

IMG_5849 IMG_5850

IMG_5851 IMG_5852

Maryam also created a write to and read from file app, but still had error retrieving the data

IMG_5863

Sulaiman finished the alarm app πŸ˜‰

IMG_5868

IMG_5872 3

Time for lunch! πŸ™‚

IMG_5869

IMG_5870

IMG_5875

IMG_5885 IMG_5886

And time for Dzuhur prayer πŸ™‚ They were deciding who to be the imam πŸ™‚

IMG_5889

Ok because Capt. Faris refused to be imam, Capt. Fizhan it was πŸ˜€ He arranged the ma’mum and Akal voluntarily offer himself to do iqamat πŸ™‚

IMG_5890

IMG_5891

Nice view πŸ™‚

IMG_5892

Back to work! Maryam’s and Sulaiman’s Android phone didn’t have gyro so the Tilting Game didn’t work πŸ˜€

IMG_5896

But it worked using Maryam and Sulaiman mom and dad’s πŸ˜€

IMG_5906

IMG_5907

The just couldn’t stop playing πŸ˜€

IMG_5908

IMG_5909

While Akal started to learn Minecraft Blockly, because he started to become so whiny about typing the code, so we had to change strategy and do it with drag and drop programming πŸ˜€

IMG_5898 IMG_5899

Akal asked some time for drawing to escape typing the code πŸ˜€

IMG_5900

but once he see the drag and drop worked, he started to become interested again πŸ˜€

IMG_5901

Sulaiman helped Akal to create the blocks (since Sulaiman has done it more in 3 days with Thunkable :D)

IMG_5902

Yaaay we can do Minecraft Modding with Blockly, JavaScript or XML! So cool! πŸ™‚

IMG_5903

A skyscraper with Minecraft Blockly πŸ™‚

IMG_5904

IMG_5918

And the class officially ended πŸ™‚ The happy kids with their certificates πŸ™‚

IMG_5910

IMG_5911 IMG_5912

IMG_5913 IMG_5914

IMG_5915 IMG_5916

IMG_5917

So glad to have you kids! See you again soon πŸ˜‰

ProCodeCG Kids Coding Camp – Minecraft Modding and Creating Apps – Day #1 – 28 Dec 2017

Standard

Today we have 2 topics for Coding Camp: Minecraft Modding and Creating Apps πŸ™‚

IMG_5610

We have Akal

IMG_5614

Sulaiman

IMG_5615

and Maryam πŸ™‚

IMG_5616

Akal is learning Minecraft Modding

IMG_5611

He learned programming basic logics with Minecraft Hour of Code

IMG_5617

IMG_5624

And then after installing Spigot server and Minecraft he was ready to code JavaScript in Minecraft πŸ™‚

IMG_5634

Akal now can create lots of structure in Minecraft by code, not manually πŸ˜‰

IMG_5633

Akal learned to type the code and run it to see the result πŸ™‚ He hasn’t finished typing it yet, we will continue tomorrow πŸ™‚

IMG_5638

But he learned that with codes, any structures with pattern is possible πŸ™‚

IMG_5641

While Sulaiman and Maryam learned basic programming logics with Blockly Games πŸ™‚

IMG_5612

IMG_5618

IMG_5613IMG_5619

IMG_5620

Sulaiman and Maryam first app is to create button to display an image

IMG_5625 IMG_5626

and then add another button to make it dissapear

IMG_5627 IMG_5628

IMG_5629 IMG_5630

IMG_5631 IMG_5632

Lunchtime πŸ™‚

IMG_5635 IMG_5636

Then back to work πŸ™‚

IMG_5637

IMG_5639

The next app is a login app πŸ™‚

IMG_5640

IMG_5643

We already have lots of plans to do tomorrow πŸ™‚ Will be reporting! πŸ™‚

ProCodeCG Kids Coding Camp – Creating Apps – Day #3 – 23 Dec 2017

Standard

Day #3 πŸ™‚ Faiz were so ready to create more apps today πŸ™‚

IMG_5191 IMG_5204

Faiz workspace

IMG_5280

Two computers, one mobile phone (for listening music) and piles of papers πŸ˜€ Let’s see how many apps Faiz produced today πŸ˜‰

IMG_5263

An app to read and write something to a file πŸ™‚

\

IMG_5222 IMG_5223

IMG_5224 IMG_5225

IMG_5226

An app to take pics and store it on gallery, and to retrieve it

IMG_5230

IMG_5231

An app to show your location

IMG_5266

An app to convert speech to text πŸ™‚

IMG_5271 IMG_5272

IMG_5274

The list of apps Faiz had learnt for the last 3 days πŸ˜‰ There are more than this πŸ™‚

IMG_5216

And finally, Faiz deserved to get a certificate on Creating Apps πŸ™‚

IMG_5284

Keep up the good work Faiz, so glad to have a persistence and focus learner like you πŸ™‚ See you soon! πŸ™‚

 

 

ProCodeCG Kids Coding Camp – Creating Apps – Day #2 – 22 Dec 2017

Standard

Day #2 of Creating Apps Coding Camp πŸ™‚

Faiz is still as productive as yesterday πŸ™‚

IMG_5081

He continued the Calculator Apps and made it work

IMG_5086 IMG_5087

There were some bug with the layout and we fixed it

IMG_5089 2

addition

IMG_5094

substraction

IMG_5095

multiplication

IMG_5093

division

IMG_5097

Faiz had lots of things to learn in that thick handout πŸ˜€

IMG_5098

Next: To Do App πŸ™‚ Lots of code πŸ˜€

IMG_5108

IMG_5109

Done πŸ™‚

IMG_5111

IMG_5112 2

Then: button that changes color each time it is clicked

IMG_5124

IMG_5126 IMG_5127

IMG_5128 IMG_5129

He still got more

IMG_5131

A xylophone app πŸ™‚

IMG_5137

We need to make it looks nicer πŸ™‚

IMG_5138

Don’t worry we still have tomorrow πŸ™‚ *plus lots of things to do πŸ˜€

IMG_5075

ProCodeCG Kids Coding Camp – Creating Apps – Day #1 – 21 Dec 2017

Standard

Day #1 of Kids Coding Camp – Creating Apps πŸ™‚

We only have Faiz in class but don’t worry it won’t be less fun! πŸ™‚

IMG_4959

Faiz had to go through Blockly Games to learn some basic programming logics πŸ™‚

IMG_4965

Besides, Blockly Games has the drag and drop style similar as Thunkable πŸ™‚

IMG_4966 IMG_4970

After Faiz got enough of warming up, this is the Faiz’s first app πŸ™‚

IMG_4989 IMG_4991

IMG_4992

The second app is a login app

IMG_4993

this is what happens when you put the wrong user or password

IMG_4994

When you enter the correct username and password, it will open the next screen (this one is still blank :))

IMG_4995

Apps number three: an app that tells you whether a number is odd or even πŸ™‚

IMG_4997 IMG_4998

App number 4: a guessing number app πŸ™‚ This is the code

IMG_5005

The result πŸ™‚

IMG_5006

It will show how many attempts until the player finally guess the correct number πŸ™‚

IMG_5007

The app will tell whether the guess is too small or too big number

IMG_5008

IMG_5009 IMG_5010

IMG_5011 IMG_5012 2

IMG_5013 IMG_5015

IMG_5016

Finally, after 11 attempts πŸ™‚

IMG_5017

Faiz is working on a Calculator App but he will continue it tomorrow πŸ˜‰ See you soon Faiz πŸ™‚

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 – 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 – 4 Feb 2017

Standard

Open topic class today πŸ™‚ Β Pru was getting ready to continue her Thunkable lessons πŸ™‚

IMG_2041

The Xylophone Apps now works on Pru Android device yaaay πŸ™‚

 

IMG_2064

The Xylophone code

IMG_2065

Then Pru created the camera app

IMG_2068 IMG_2069

She customized the GUI

IMG_2072

And yes it worked! πŸ™‚

IMG_2073

Raul stopped his Arduino project and start Java Programming πŸ™‚ He’s now very good at compiling and debugging πŸ™‚

IMG_2063

Raul has learned about GUI. He created guessing number and calculator app in Java today πŸ™‚ Β He glad that all his Java code worked (as oppose to his Arduino project LOL)

IMG_2070

There was also Vian working on his GameMaker but too bad we didn’t take any pic of him 😦

We will update handouts for more interesting topics and projects next week πŸ™‚

 

ProCodeCG Kids Coding Camp – Creating Apps Day #3 – 4 Jan 2017

Standard

Day #3 πŸ™‚ Again the room was set up by Areli and fam πŸ™‚ Thanks so much πŸ™‚

IMG_0104

We finished our calculator apps and create some more πŸ™‚

IMG_0107

IMG_0105 2

IMG_0106

IMG_0108

We also add pop up warning window if there is a division by zero πŸ˜‰

IMG_0109

IMG_0110 IMG_0111

IMG_0112 IMG_0113

IMG_0114

 

IMG_0116 IMG_0117

Then we created a Xylophone app πŸ˜‰

IMG_0115

IMG_0118

Yeh, we code and play LOL

IMG_0119

Kids like to code inside the box

IMG_0120

Literally πŸ˜€

IMG_0122

IMG_0125

While the kids was having the break and playing. Capt. BR did some debugging while having lunch

IMG_0124

And Capt. Fizhan giving help to those who didn’t take a break πŸ˜€

IMG_0126

Our Xylophone! πŸ™‚

IMG_0127

IMG_0128 IMG_0129

IMG_0130 IMG_0131

It worked nicely and have been tested πŸ˜‰

IMG_0123

IMG_0132 IMG_0133

IMG_0134

The next app was To Do List App. It required some database and we used TinyDB to store the list. The block is quite complex but the kids finished it πŸ˜‰

IMG_0135

IMG_0151

IMG_0136 IMG_0137

IMG_0138

IMG_0144

Here are our Apps Programmers! πŸ™‚ Ready to create many more!

IMG_0141

Some screenshots πŸ™‚

Bildschirmfoto 2017-01-04 um 10.06.51 AM Bildschirmfoto 2017-01-04 um 12.17.00 PM

Bildschirmfoto 2017-01-04 um 12.17.06 PM Bildschirmfoto 2017-01-04 um 1.23.46 PM

Bildschirmfoto 2017-01-04 um 1.39.14 PM Bildschirmfoto 2017-01-04 um 1.49.44 PM

And what happened behind the screen πŸ˜€ πŸ˜€ πŸ˜€

IMG_0148 IMG_0149

IMG_0150

See you again kids! So glad to have you in class πŸ™‚ Tomorrow we will start learning Arduino Programming πŸ™‚