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 😉

Advertisements

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 😉

ProCodeCG Coding Mom Batch 4 – Day #10 – 11 Dec 2017

Standard

Day #10, and lots of progress 🙂

IMG_4073

We learn some picture editing and more Bootstrap 🙂

IMG_4074

IMG_4075

IMG_4076

IMG_4077

Bildschirmfoto 2017-12-11 um 11.11.51 AM (2)

Bildschirmfoto 2017-12-11 um 11.54.21 AM (2)

We helped each other and make sure everyone’s design works 🙂

IMG_4078

IMG_4079

The results 😉 plus the view for smaller devices 🙂

Bildschirmfoto 2017-12-11 um 8.45.17 AM Bildschirmfoto 2017-12-11 um 11.11.44 AM

Bildschirmfoto 2017-12-11 um 11.11.51 AM

Bildschirmfoto 2017-12-11 um 11.11.55 AM

Bildschirmfoto 2017-12-11 um 11.54.21 AM Bildschirmfoto 2017-12-11 um 11.54.24 AM

IMG_4083 IMG_4082

IMG_4081 IMG_4085

IMG_4086 IMG_4084

 

 

 

IMG_4080

We still have 4 more classes left before the presentation 🙂

ProCodeCG – BDV – codeMeetUp() #116 IoT Series Day #4 – 20 Nov 2017

Standard

The last day of ProCodeCG – BDV – codeMeetUp() #116 IoT Series 🙂

ProCodeCG - codeMeetUp() #116- IoT Weather Programming Series 4:4 - small

Today we made sure everybody could follow what have been learnt in the previous class

IMG_2541

IMG_2542 IMG_2543

IMG_2544 IMG_2545

IMG_2546

After we’re sure that everybody can gather data from temperature and humidity sensor, we moved on to connecting it to the cloud

IMG_2547

IMG_2548 IMG_2549

Then we learned IoT & MQTT

IMG_2550

And experimenting with publishing and subscribing to MQTT 🙂

IMG_2551

We can do it from mobile apps too 🙂

IMG_2552

We can control (and being controlled LED) of any ESPectro subscribing to “led1” topic and can send and receive text to anyone subscribing and publishing to “pesan” topic

IMG_2553

IMG_2554

At the end we learned to continuously publish data to MQTT, and the next step is to send temperature and humidity data

IMG_2555

This us 😉

IMG_2556

Thanks so much all, thanks so much BDV, see you again soon with different topics 🙂

IMG_2557

ProCodeCG Coding Mom Batch 4 – Day #5 – 20 Nov 2017

Standard

Day #5 🙂 Today we learned about taking pictures and image editing 🙂

IMG_2515 IMG_2516

IMG_2517

Good pictures are essential for web design, so we learned how to capture and produce nice pics 🙂

IMG_2518

Each mom tried to take pics using a DLSR camera

IMG_2519 IMG_2520

We taught moms about the setting, how lenses work and how to set focus, aperture and exposure

IMG_2521 IMG_2522

IMG_2523 IMG_2524

Then we process the pics on the computer

IMG_2526

or using mobile apps

IMG_2529

Then we learned about typeface and fonts

IMG_2530

we learned about typography and how to choose the appropriate typeface

IMG_2531

IMG_2532

After that, moms had to apply what had been learned to their own websites 🙂

IMG_2536

IMG_2538

While also learning from CodeAcademy learn more syntaxes and to do some exercises

IMG_2539

IMG_2540

We will learn JavaScript on the next class 😉

ProCodeCG – Darul Hikam – Intro to Programming to 5th Graders – 17 Nov 2017

Standard

Hello 5th Graders 🙂 Today we learned basic programming with Minecraft Hour of Code before we started to learn how to create games 🙂

IMG_2155

IMG_2156

IMG_2157 IMG_2158

IMG_2318

IMG_2324

IMG_2320

IMG_2323

IMG_2162 2

IMG_2163 IMG_2164

IMG_2180

IMG_2195

IMG_2314

The certificate of completion and the proud faces 😉

IMG_2161

IMG_2165

IMG_2170 IMG_2173

IMG_2176

IMG_2177

IMG_2179

IMG_2182

IMG_2186

IMG_2321

IMG_2316

IMG_2315

IMG_2312

IMG_2313

IMG_2319

Then we created games with GameMaker 🙂

IMG_2175IMG_2178

 

IMG_2181

Each kids created their own sprites 🙂

IMG_2183 IMG_2184

IMG_2187

IMG_2188 IMG_2189

IMG_2191

And one kid had finished his own game 🙂 Impressive 🙂

IMG_2190

Captain on duty today: Capt. Bullitt (Awa) 😉

IMG_2167

Who was working really harddd

IMG_2159

Helping everyone in the class 😉

IMG_2322

And he got sooo hungry at the end of the class 😀

IMG_2192

Bon Appetite Capt. Awa 😉

IMG_2193

IMG_2194

See you again next week 😉