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 #2 – 29 Dec 2017

Standard

Day #2!

These three little ones learning are now good friends 🙂 They learn together and looked happier than yesterday 🙂

IMG_5708

 

Akal continued typing the code from yesterday 🙂

IMG_5711

we’re building a skyscraper with code 😉

IMG_5712

the skyscraper 🙂

IMG_5717

IMG_5720

IMG_5721

we build 100 floors with just one line of command 🙂

IMG_5722

The next is to learn how to do iteration with the simplest thing: blocks 😉

IMG_5724

IMG_5738

and make 100 stacks of blocks 😀

IMG_5739

Now Akal is working on a code to create a triangle 🙂 Then we can start adding more structures and complexities from there 😉

IMG_5763

Maryam

IMG_5709

and Sulaiman made lots of progress today 🙂

IMG_5710

They created odd and even number app

IMG_5713

IMG_5714 IMG_5715

IMG_5716

IMG_5718 IMG_5719

a guessing number app

IMG_5725 IMG_5726

and then suddenly they stopped working and started to play 😀

IMG_5727 IMG_5728

Well ok let’s have a snacktime then 😀

IMG_5729 2 IMG_5730 2

IMG_5731 2

And then back to work

IMG_5733

IMG_5734 IMG_5735

IMG_5736 IMG_5737

IMG_5744

IMG_5745

IMG_5746

IMG_5747

after guessing number app done, then a calculator app 🙂

addition

IMG_5740

substraction

IMG_5741

multiplication

IMG_5742

division

IMG_5743

and then a changing colors button app 🙂

IMG_5748 2

IMG_5750 IMG_5751

IMG_5752 IMG_5753

IMG_5754 IMG_5755

the girls during Jumat Prayers

IMG_5749

The boys after performing Jumat Prayers (Capt. Fizhan was on duty taking the boys to the mosque). Lunchbreak! 🙂

IMG_5756 IMG_5757

Then back to work!

IMG_5759

Next app: Xylophone App 😉

IMG_5760

IMG_5761 2 IMG_5762

Alarm app! (this one will count down and then beep when the count reaches 0)

IMG_5764

but Sulaiman’s calculator didn’t work nicely yet so we’re going to work on it tomorrow 😉

IMG_5765

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

Standard

Our open topics kids coding class 🙂

IMG_5228

Capt. Cinta is working on a new project, creating a story generator with Python

IMG_5197

Designing the GUI layout

IMG_5209

IMG_5211

the code

IMG_5221

the result 🙂

IMG_5220

This is both brilliant and hilarious 😀 Cinta planned to add more code to make it more complex 🙂

IMG_5227

Al is back 🙂

IMG_5198

Today he started to type in JavaScript code to Minecraft and build structures 🙂

IMG_5205

IMG_5218

Vian wanted to learned some Minecraft Modding today instead of GameMaker

IMG_5244

Vian got backup-ed by Capt. Ain and Capt. Faris 🙂

IMG_5257

IMG_5262

Capt. Faris is really busy working on several projects 🙂

IMG_5195

exploring Google Cloud Platform and then put our research stuff in there

IMG_5207

Faris also helped Cinta looking for references related to Cinta’s new project 😉

IMG_5212 IMG_5213

Faris’ workspace 🙂

IMG_5214 IMG_5219

IMG_5240 IMG_5241

IMG_5242

Our data is uploading and we’re going to run some Tensorflow and crawling data up there 🙂

IMG_5259

IMG_5260

Captains friendships 😀

IMG_5243

IMG_5265

See you again next week 🙂

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 – Minecraft Modding – Day #3 – 23 Dec 2017

Standard

The last day 🙂

IMG_5190

IMG_5264

Ammar

IMG_5192

Kiran

IMG_5193 2

Gana

IMG_5194

Captain on Duty: Capt. Ain

IMG_5199

We continued exercising on creating structures in Minecraft with codes developed in JavaScript

IMG_5189

It is amazing that the kids were not complaining about typing in codes 🙂

IMG_5201

IMG_5202 IMG_5203

IMG_5206

We learned to create a bridge

IMG_5233

IMG_5236

by modifying the tunnel code 🙂

IMG_5237

IMG_5238 IMG_5246

Then we create stairs

IMG_5247

by modifying the triangle code 🙂

IMG_5248

IMG_5249 IMG_5250

IMG_5252 IMG_5253

These kids worked on this for 5 hours and they looked like they would never get enough of it 😀

IMG_5255 IMG_5256

The last assignments is to create codes to count when a player break or place a block 🙂

IMG_5267 IMG_5275

IMG_5276 IMG_5279

While the moms and the sisters were around doing many things, from the beginning til the end 🙂

IMG_5200

IMG_5261

Yaaay, we finally finished the camp and everybody got a certificate! 🙂

IMG_5283

See you again soon 🙂

IMG_5292

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 – Minecraft Modding – Day #2 – 22 Dec 2017

Standard

Day #2 of Minecraft Moding Coding Camp 🙂

IMG_5083

IMG_5100

We had Gana

IMG_5080

Kiran

IMG_5082

and Ammar 🙂

IMG_5084

And captain on duty: Capt. Ain

IMG_5076

We started to code with Javascript to create simple structures like blocks stacks 🙂

IMG_5085 IMG_5088 2

IMG_5090 2

Then moved to more complex structures like triangle

IMG_5091

IMG_5099

 

IMG_5102

IMG_5103

aligned triangle

IMG_5104

colored triangle

IMG_5105 IMG_5106

mixed color triangle

IMG_5107

iterated triangle. The possibility is endless 😀

IMG_5110

Then we started to create skyscraper again

IMG_5114 2

IMG_5116 IMG_5117

IMG_5118

IMG_5101

IMG_5092

IMG_5121

Then skyscraper with rainbow window glassIMG_5122

and with rainbow floors 🙂

IMG_5123 IMG_5125

IMG_5130 IMG_5132

IMG_5133 IMG_5134

Bildschirmfoto 2017-12-22 um 12.57.32 PM

Bildschirmfoto 2017-12-22 um 1.00.15 PM

Bildschirmfoto 2017-12-22 um 1.02.15 PM

And then we also tried some interesting structures like igloo

IMG_5135 IMG_5136

and we’re going to create bridges, tunnel, and some games tomorrow 🙂

*additional pic: this is how the kids spend their break time 😀

IMG_5119

IMG_5115

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 Coding Camp – Minecraft Modding – Day #1 – 21 Dec 2017

Standard

Day #1 of Kids Coding Camp – Minecraft Modding 🙂

IMG_4957 IMG_4958

Let us introduce the the kids joining the class 🙂 This is Kiran with her little sister Diara

IMG_4960

Ammar

IMG_4961

and Gana 🙂

IMG_4973

And captain on duty: Capt. Ain 🙂

IMG_4962 2

We warm ourselves up by doing Minecraft Hour of Code, while waiting the installation of the latest Java version and Minecraft launcher finished

IMG_4963

IMG_4964 2 IMG_4967

IMG_4968 2 IMG_4969

IMG_4971 IMG_4972

IMG_4974

IMG_4975 IMG_4976

IMG_4977 IMG_4978 2

IMG_4979

IMG_4982IMG_4980

 

IMG_4983 2

IMG_4984

IMG_4987IMG_4996

Then after we finished two series of Minecraft Hour of Code, we fired up our Spigot Server and started JavaScript coding in Minecraft 😉

IMG_4981

We created structures

IMG_4999 IMG_5001 2

IMG_5002 IMG_5003

IMG_5004

and develop our own codes 🙂

IMG_5018

Our target is to create a rainbow building 😉 This one still has gaps in between the floors 😀 Going to fix it tomorrow 😉

IMG_5019

This is how Gina, Ammar’s little sister spent the time while waiting 🙂

IMG_4986

They just wouldn’t go home 😀 This was too fun 🙂

IMG_5020

Don’t worry we’ll see you tomorrow 😉