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 🙂 ❤