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 – 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 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 #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 Kids Coding Camp – Creating Games – Day #1 – 18 Dec 2017

Standard

ProCodeCG Kids Coding Camp – Creating Games – Day #1 πŸ™‚

IMG_4580

IMG_4595

IMG_4596

IMG_4598 1

 

IMG_4603

We have 10 kids in the class πŸ™‚ This is Dehya

IMG_4581

Gabriel

IMG_4582

Arkan

IMG_4583

Ghassan

IMG_4584

Bagas

IMG_4585

Macca

IMG_4586

Rayhan

IMG_4587

Arka

IMG_4588

Gana

IMG_4589

And Vian (yellow shirt). Next to Vian (grey shirt) is Captain on duty: Ain πŸ™‚

IMG_4592

We started with learning some programming syntax with CodeCombat for warming up πŸ™‚

IMG_4591

IMG_4590

With CodeCombat, kids learn about basic programming logics: sequence, conditionals and looping.Β This is necessary to help kids with what they’re going to learn with GameMaker πŸ™‚

IMG_4604

Gabriel even write down the steps πŸ™‚

IMG_4605

And then Capt. Ain gave tutorials on getting started with GameMaker πŸ™‚

 

IMG_4606

First we learned how to create sprites πŸ™‚

IMG_4607

IMG_4608

IMG_4613IMG_4609

IMG_4610

Vian had learned GameMaker on our regular class, so he worked on his own pace πŸ™‚

IMG_4602

Vian sprites and game πŸ™‚

IMG_4594

IMG_4597IMG_4611

IMG_4600

IMG_4601

While other kids are busy creating their own sprites

IMG_4612

IMG_4628

IMG_4614 IMG_4615

IMG_4616 IMG_4617

IMG_4619 IMG_4620

IMG_4621

IMG_4624

IMG_4625

We kept working on the break time πŸ˜€

IMG_4622

IMG_4599

And after the sprites, we created objects

IMG_4623

to make the sprites moveΒ IMG_4627

After performing Dzuhur we took a break and had lunch

IMG_4629

IMG_4632

And created the room to put all the sprites in

IMG_4633

IMG_4634 IMG_4635

The room looks like this, each kid has very personal design πŸ™‚

IMG_4636 IMG_4637

IMG_4638 IMG_4639

IMG_4640

Tomorrow we will start to add more to the game: collision, scoring and moving levels πŸ˜‰

ProCodeCG Kids Coding Camp – IoT Programming – Day #3 – 24 June 2017

Standard

IoT Programming Coding Camp Day #3 πŸ™‚

Today we connect to a MQTT server to be able to publish and subscribe to a topic so we can control our ESPectro remotely via cloud πŸ™‚

We connected to a MQTT server running on one of the computer of the class and also connected to an online MQTT server πŸ˜‰

IMG_2259 IMG_2260

IMG_2261 IMG_2263

IMG_2265 IMG_2266

IMG_2267 IMG_2268

IMG_2269

We can control the ESPectro via mobile too πŸ™‚

IMG_2273

IMG_2274

The lessons today required hard work and patience πŸ™‚

IMG_2278

IMG_2279 IMG_2281

IMG_2282 IMG_2283

We code till we drop LOL

IMG_2284

Some screenshots:

connecting to an MQTT server (local)

Bildschirmfoto 2017-06-24 um 9.32.55 AM Bildschirmfoto 2017-06-24 um 9.52.02 AM

Sending command to ESPectro to turn the LED on/off

Bildschirmfoto 2017-06-24 um 10.03.05 AM

connecting to broker.hivemq.com

Bildschirmfoto 2017-06-24 um 10.47.05 AM

publishing message with command prompt

Bildschirmfoto 2017-06-24 um 10.14.31 AM Bildschirmfoto 2017-06-24 um 10.53.50 AM

MQTT dashboard

Bildschirmfoto 2017-06-24 um 10.56.33 AM Bildschirmfoto 2017-06-24 um 12.40.47 PM

We’ve learned so much today, we deserve certificates πŸ™‚ Yaaay πŸ™‚

IMG_2285

Picking up after ourselves πŸ˜‰

IMG_2287

IMG_2289

Can’t believe coding camp is over πŸ™‚ See you again soon and happy holiday πŸ™‚

ProCodeCG Kids Coding Camp – Creating Mobile Apps – Day #3 – 24 June 2017

Standard

Day #3 of Creating Mobile Apps Coding Camp πŸ™‚

IMG_2262

Fikra had finished all the tasks given in worksheet πŸ™‚

IMG_2264

And then Capt. Zaki supervise him to create his own app πŸ™‚

IMG_2270

IMG_2280//embedr.flickr.com/assets/client-code.js

The app πŸ™‚

IMG_2271

IMG_2272

With the rest of the class πŸ™‚

IMG_2286

See you again on the next coding camp, or regular class πŸ™‚