ProCodeCG Kids Coding Camp – Arduino Programming Day #3 – 7 Jan 2017

Standard

Arduino Programming Coding Camp Day #3 πŸ™‚

IMG_0412

We started doing projects πŸ™‚ Kiran started pedestrian crossing project while Salman catching up with the temperature and humidity sensor from yesterday’s task πŸ™‚

IMG_0414

Well Saturday is Saturday πŸ™‚ This is our Saturday be like after 12-days of coding camp in a row πŸ˜€

IMG_0416 1

This one is preparing for national exam while reading some thick books during coding camp πŸ™‚

IMG_0421 1

These two kids are amazing. The have created more than 10 schematic in 3 days πŸ™‚

IMG_0420 1

Kiran rarely makes mistakes πŸ™‚

IMG_0422

Salman is very persistence typing the code, even though he can’t type as fast as he creates the schematic πŸ™‚

IMG_0423

The temperature and humidity sensor works πŸ™‚

IMG_0424

Temperature: 22 Celcius and Humidity: 62

IMG_0425

This Captain wanted to do pedestrian crossing project too

IMG_0426

Salman started to moved to pedestrian crossing project

IMG_0427

Kiran’s has worked just fine. Well done πŸ™‚

IMG_0433

And Salman’s too πŸ™‚ The picture show the state when the pedestrian is not allowed to cross because the red light on the left is on while the “green” light on the right is on. So in this state, cars will cross the road and pedestrian should press the button to set the pedestrian light to green and cars light to red πŸ™‚

IMG_0438

After we finished the first project, the next is to measure height using ultrasonic πŸ™‚

IMG_0441

Capt. Awa helped Salman to debug the code πŸ™‚

IMG_0442

Okay the schematic is ready we’re measuring heights πŸ™‚ Salman is 125cm

IMG_0443

IMG_0444

Capt. Fizhan is 150cm. Kiran is 140cm (no picture)

IMG_0445

Next project: Battery tester πŸ™‚

IMG_0447

Awa still working on Salman’s height measuring coding

IMG_0448

Battery tester schematic is quite complex πŸ™‚

IMG_0449

Capt. Awa gave up and Capt. Zaki came to fix Salman’s height measuring coding (later we found out that the code didn’t print the sensor reading LOL)

IMG_0451

Yaaay after lunch Salman finally finished his battery tester project πŸ™‚ This shows that the battery is half/medium capacity because the LED in the middle is on

IMG_0454

This one shows a battery with low capacity because the red LED is on πŸ™‚

IMG_0456

Kiran’s battery tester works too πŸ™‚ It shows the same result as Salman’s for the same batteries πŸ™‚ This one is low capacity

IMG_0457

And this one half capacity

IMG_0458

We did try to add some buzzer to the schematic but still didn’t work. We’ll figure out later πŸ™‚

IMG_0459

Yaaay, these two has just finished Arduino Programming Coding Camp! They’re now as good as kids in Arduino Programming Regular Class πŸ™‚

IMG_0462

See you on the next Coding Camp in the next 6 months πŸ™‚

ProCodeCG Kids Coding Camp – Arduino Programming Day #1 – 5 Jan 2017

Standard

Arduino Programming, Day #1 πŸ™‚

IMG_0195 IMG_0196

This is Salman, Grade 3

IMG_0197

and Kiran, Grade 5 πŸ™‚

IMG_0198

and Kiran’s little sister, Diara πŸ˜‰

IMG_0199

We started by unboxing our Arduino and take a look at components and sensors

IMG_0200

Then we start to Blink the LED onboard to make sure the board is OK

IMG_0201 IMG_0202

Wow Capt. Zaki looks so gigantic compared to Salman πŸ˜€

IMG_0203

While Capt. Syahna had a thick book to read

 

IMG_0205

and Capt. BR had piles of paperworks πŸ™‚

IMG_0206

Then we Blink a LED on breadboard

IMG_0207

 

IMG_0204

Capt. Fizhan helped to untie the jumper wires

IMG_0208

.. so that Salman dan Kiran can start πŸ™‚

IMG_0209

Kiran’s blinking LED πŸ™‚

IMG_0212

Capt. Fizhan made his own schematic too

IMG_0210

and blinked! πŸ™‚

IMG_0214

This is Salman’s πŸ™‚

IMG_0217

A productive class πŸ™‚

IMG_0218 IMG_0219

After one LED, we were ready for multiple LEDs πŸ™‚

IMG_0220

With small breadboard, only 4 LEDs fit in πŸ™‚

IMG_0221 IMG_0222

Girls tend to be very patient and detail πŸ™‚

IMG_0223

They put the components so neatly πŸ™‚

IMG_0224

And we got a surprise! Capt. Awa dropped by and brought us this!

FullSizeRender 10

37 sensors in a box!!!

FullSizeRender 8

How awesome!!! Thanks Capt. Awa πŸ˜‰ :* ❀ ❀ ❀

FullSizeRender 11

Capt. Awa was off duty but he brought his stuff to work on in the class

IMG_0227

Awa’s Little Bits collection πŸ™‚ SUPERB πŸ˜€

IMG_0228

Surely Capt. Awa got lots thing to do with all those stuff πŸ™‚

IMG_0229

This is for example πŸ™‚

IMG_0233

Ok Capt. Fizhan’s multiple LED has worked

IMG_0232

and he moved on the another task, helping Capt. BR with the paperworks πŸ˜€

IMG_0235

While Capt. Awa still tinkering with the Little Bits

IMG_0236

And Salman’s father and lil brother were busy working too

IMG_0237

Everybody has got something to do in the class πŸ˜‰

IMG_0238

IMG_0239 IMG_0240

IMG_0241 IMG_0242

IMG_0243 IMG_0244

IMG_0245

We were so busy but ready to help each other πŸ˜‰

IMG_0246

IMG_0247

Capt. BR and Capt. Zaki discussing about creating a light saber with gyro πŸ™‚

IMG_0248

Little Diara accompanying her big sis πŸ™‚

IMG_0249

Salman took some time to type down the code but he finished all the task πŸ˜‰

IMG_0250

Kiran too

IMG_0251

The worksheet for today, all checked πŸ™‚

IMG_0252

IMG_0254

Capt. BR tinkering with micro servo

IMG_0253

And Capt. Awa creating some 3D design πŸ˜€

IMG_0255

The class was full with scattered things πŸ™‚

IMG_0256

And that’s all because we’re doing LOTS of things!

IMG_0257 IMG_0258

We also did lots of discussions πŸ™‚

IMG_0259 IMG_0260

Even off duty, Capt. Awa is always ready to help πŸ™‚ ❀

IMG_0261

ok that’s all for today πŸ™‚

IMG_0262

After the class Capt. BR and Capt. Awa discussed about the micro servo, they’re planning to do lots of projects πŸ™‚

IMG_0263

The container of 37 sensors was opened accidentally and the sensors just got mixed up πŸ˜€ Capt. Syahna was busy sorting them out and put them in the right place πŸ™‚

IMG_0265

Tomorrow we will explore more components and sensors! πŸ˜‰

ProCodeCG Kids Coding Camp – Python Programming Day #1 – 29 Dec 2016

Standard

Python Programming Kids Coding Camp Day #1 πŸ™‚ This is the instructor for today πŸ˜€

IMG_9615

Captains πŸ™‚

IMG_9616

GodFather Captain πŸ˜‰

IMG_9617

The programmers: Abit

IMG_9618

Zaky

IMG_9619

Dea

IMG_9620

Arya

IMG_9642

The whole class πŸ™‚

IMG_9621

IMG_9623

ProCodeCG programs at Grapari Digilife Dago πŸ˜‰

IMG_9622

We learned basic Python syntax and programming logic today

IMG_9624

IMG_9628

IMG_9639

IMG_9640

IMG_9641

IMG_9644 IMG_9645

IMG_9646 IMG_9647

IMG_9648 IMG_9649

Capt. Fizhan specializing in babysitting πŸ˜€

IMG_9632

IMG_9636

IMG_9634

At the end of the class, Capt. BR discussed a project with Capt. Faris

IMG_9651

They are planning to create some face recognition apps πŸ™‚

IMG_9652

These are the screenshots of what we learned today πŸ™‚

Bildschirmfoto 2016-12-29 um 9.23.44 AM Bildschirmfoto 2016-12-29 um 9.31.36 AM

Bildschirmfoto 2016-12-29 um 9.39.31 AM Bildschirmfoto 2016-12-29 um 9.52.09 AM

Bildschirmfoto 2016-12-29 um 9.57.07 AM Bildschirmfoto 2016-12-29 um 10.00.48 AM

Bildschirmfoto 2016-12-29 um 10.04.05 AM Bildschirmfoto 2016-12-29 um 10.16.15 AM

Bildschirmfoto 2016-12-29 um 10.21.25 AM Bildschirmfoto 2016-12-29 um 10.39.20 AM

Bildschirmfoto 2016-12-29 um 10.40.38 AM

Bildschirmfoto 2016-12-29 um 10.55.49 AM Bildschirmfoto 2016-12-29 um 10.59.05 AM

Bildschirmfoto 2016-12-29 um 11.07.08 AM

Bildschirmfoto 2016-12-29 um 11.10.33 AM Bildschirmfoto 2016-12-29 um 11.12.15 AM

Bildschirmfoto 2016-12-29 um 11.15.47 AM

Bildschirmfoto 2016-12-29 um 11.17.17 AM Bildschirmfoto 2016-12-29 um 11.25.21 AM

Bildschirmfoto 2016-12-29 um 11.32.04 AM

Bildschirmfoto 2016-12-29 um 11.38.19 AM

Bildschirmfoto 2016-12-29 um 1.02.15 PM

Bildschirmfoto 2016-12-29 um 1.15.15 PM

Bildschirmfoto 2016-12-29 um 1.56.43 PM

We will learn to create simple GUI in Python and some encryption decryption tomorrow! πŸ˜‰

ProCodeCG Kids Coding Camp – Creating Games Day #3 – 28 Dec 2016

Standard

Day #3! πŸ˜‰ Gerry helped to set up the class πŸ™‚

IMG_9505

Gerry is a very providing and helpful kid πŸ™‚

IMG_9506

Captains

IMG_9507

It’s never easy to take pics of these captains πŸ˜€ Capt. Syahna preparing the class equipment

IMG_9508

IMG_9509

Capt. Zaki controlling the screen while assisting Abi, and yet still have time to avoid the camera LOL

IMG_9548

IMG_9549

Before the whole class showed up

IMG_9510

These two are bestfriends πŸ™‚ Raul and Capt. Azriel

IMG_9511

Ok let’s check up what the kids had created today:

Indira’s

IMG_9512

IMG_9518

Vio’s

IMG_9513

IMG_9523

Abi’s

IMG_9514IMG_9529

IMG_9552

IMG_9555

Darren’s

IMG_9515

IMG_9522

IMG_9536

Raul’s

IMG_9516

IMG_9533

IMG_9550

IMG_9551

Dhita’s

IMG_9520

IMG_9553

Arya’s

IMG_9521

Capt. Azriel’s (for example)

IMG_9524

Ren’s

IMG_9525

IMG_9556

IMG_9557

Rafi’s

IMG_9546

Fadhil’s

IMG_9531

IMG_9547

Michael L’s

IMG_9532

IMG_9545

Gerry’s

IMG_9535

Michael W’s

IMG_9541

IMG_9542

IMG_9543

Kevin’s

IMG_9544

How the class looked like today πŸ™‚ Lots of interactions πŸ™‚

IMG_9517

IMG_9519 2

IMG_9572

IMG_9527

IMG_9530

IMG_9534

IMG_9537 IMG_9538

IMG_9540

We created Flappy Bird, Break Out and Agario Game today πŸ™‚

IMG_9554

Mama Ren was so curious about Agario and couldn’t stop coding πŸ˜€

IMG_9558

 

IMG_9562

Taraaaa, the Agario πŸ˜‰

IMG_9565

Papa Darren’s made sure Darren finished his Agario πŸ™‚

IMG_9563

Rafi after class πŸ˜€

IMG_9564

Kevin and Michael L with the certificate

IMG_9569

Michael W with the certificate

IMG_9570

All of us with the certificate, yaaaay!!!

IMG_9561

These kids now posses the superpower of creating games πŸ™‚ We’re going to learn some cryptography and virus in Python starting tomorrow πŸ˜‰

 

ProCodeCG Kids Coding Camp – Creating Games – Day #1 – 26 Dec 2016

Standard

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

IMG_9273

We were expecting 16 kids but one changed the topic and one didn’t feel well (hoping that she can join us tomorrow)

IMG_9274

Setting up and installing before the class started. Capt. Fizhan helped Gerry to connect to the internet and install GameMaker

IMG_9275

Capt. Azriel helped Dhita to install GameMaker

IMG_9276

We had 6 captains on duty today: Lead Captain Zaki, Captain Azriel, Captain Reza, Captain Syahna, Captain Fizhan and Chief Captain CG πŸ™‚

IMG_9277

Registration session was over soΒ Capt. Syahna can read a book πŸ˜€

IMG_9278

Lots of parents stayed in the class assisting their kids πŸ™‚

IMG_9279

We did warming up with CodeCombat πŸ™‚ To teach the kids basic logic of programming πŸ™‚

IMG_9280 IMG_9281

Kids can see their progress on the big screen so they will be challenged to finish all levels πŸ™‚ After they finished this, they were allowed to start creating games with GameMaker πŸ™‚

Bildschirmfoto 2016-12-26 um 10.00.51 AM

Lucky we had lots of captains because lots of problems to be fixed πŸ™‚

IMG_9283

IMG_9284

Now let’s take a look one by one the students of the class πŸ™‚ This is Fadhil

IMG_9282

Raul

IMG_9285

Indira

 

IMG_9296

Abi

IMG_9293

Rafi

IMG_9294

Dhita

IMG_9295

Vio

IMG_9297

The Twin: Michael (yellow shirt) and Kevin (blue jacket). And Dad πŸ˜‰

IMG_9304

Renald and Mom πŸ™‚

IMG_9299

Arya (and Capt. Reza on the left)

IMG_9300

The youngest one: Darren (with Capt. Azriel on the left)

IMG_9301

Michael L.

IMG_9305

Capt. Fizhan helped Abi to connect to the internet and install GameMaker

IMG_9287

Loads of kids, and parents! How fun πŸ™‚

IMG_9288

Indira is a quiet girl but she is steadily making progress πŸ™‚

IMG_9286

Capt. Azriel on duty πŸ™‚ He worked really hard! πŸ™‚

IMG_9289

Indira and Vio are cousins

IMG_9290

Capt. Reza on duty

IMG_9291

Gerry’s Mom and Ren’s Mom, moms with curiosity πŸ™‚ They are soon going to be good programmers πŸ™‚

 

IMG_9302

Fadhil is very serious and determined

IMG_9303

We learned so hard, but we had lots of fun too πŸ™‚

IMG_9306

IMG_9307 IMG_9308

Lunchtime!

IMG_9312

IMG_9313 IMG_9314

IMG_9315 IMG_9316

IMG_9318

IMG_9320

After lunch kids played some Kinect Games together πŸ™‚

IMG_9322

Because learning is better combined with playing

IMG_9323

and kids should have time to make friends too πŸ™‚

IMG_9325

Now let’s see what kids have created today πŸ™‚ This is Ren’s

IMG_9310

IMG_9327

IMG_9332

Fadhil’s

IMG_9321

Indira’s

IMG_9319

IMG_9329

Rafi’s

IMG_9309

Raul’s

IMG_9326

IMG_9333

Vio’s

IMG_9328

Darren’s

IMG_9330 IMG_9331

Abi’s

IMG_9334

Arya’s

IMG_9335

Kevin’s

IMG_9336

Michael’s

IMG_9337

Aaaand, the kids played again afterclass πŸ™‚

IMG_9338

See you again tomorrow πŸ™‚

ProCodeCG Kids Coding Camp – Creating Apps – Day #3

Standard

Creating Apps, the last day!

Today we did some improvements to our previous guessing number game. Now we add a label text giving a clue whether the guess is too small or too big.

99 is to big

Bildschirmfoto 2016-07-02 um 9.44.31 AM

while 30 is too small

Bildschirmfoto 2016-07-02 um 9.44.39 AM

and 60 is the correct answer! πŸ™‚ the number is generated randomly each time.
Bildschirmfoto 2016-07-02 um 9.44.49 AM

We created new blocks and deactivated the old one (a very cool visual of commenting out the code ;))

Bildschirmfoto 2016-07-02 um 9.48.53 AM

Then we add a number of try to the code
Bildschirmfoto 2016-07-02 um 9.58.34 AM

Now we can see how many tries it takes to guess the correct number

Bildschirmfoto 2016-07-02 um 10.11.03 AM
Bildschirmfoto 2016-07-02 um 10.11.10 AM Bildschirmfoto 2016-07-02 um 10.11.32 AM

The next is creating an app to determine whether a number is even or odd
Bildschirmfoto 2016-07-02 um 10.53.02 AM Bildschirmfoto 2016-07-02 um 10.53.05 AM
Bildschirmfoto 2016-07-02 um 10.53.10 AM

We also tried how to connect to Google Maps

Bildschirmfoto 2016-07-02 um 11.15.53 AM

Thunkable gives access to latitude and longitude from Google Maps
Bildschirmfoto 2016-07-02 um 11.16.06 AM

The last one is creating an app to determine how old are you by entering your birthday date

Bildschirmfoto 2016-07-02 um 12.24.19 PM

We did lots of trial and modifications
Bildschirmfoto 2016-07-02 um 1.15.35 PM

We use DatePicker to get the birthday date input

Bildschirmfoto 2016-07-02 um 1.27.12 PM

The app still need to be improved, too bad we were running out of time!
Bildschirmfoto 2016-07-02 um 1.27.19 PM

This is the class in the morning, before more kids showing up

IMG_5637

Kids are very happy to play the apps on their own smartphones
IMG_5638 IMG_5640

Everyone has different version of code. This is Capt. CG’s
IMG_5644

And this is Capt. Zaki’s. Looks totally different πŸ˜€

IMG_5645

Break time
IMG_5646 IMG_5647

Kids are kids. They played hide and seek during break time πŸ˜€
IMG_5648

And after that, we still struggling to make the code work πŸ˜€

IMG_5649

Because today’s topic is advanced apps in Thunkable, most of the kids got headache LOL
IMG_5652

The block of code was too long
IMG_5653

And lots of logics to be figured out

IMG_5654

We didn’t have time to finalize the code and had to pack up
IMG_5655

And say goodbye to the last day of ProCodeCG Coding Camp!

IMG_5657

But don’t worry we’ll be back in six month! πŸ˜‰

ProCodeCG Kids Coding Camp – Creating Apps – Day #2

Standard

Creating Apps, Day #2 πŸ˜‰

We created a game today! πŸ˜‰ A simple game we used to code with GML (GameMaker Language). This Pong Game is a very good example to introduce canvas, objects, image, sounds, arrangement and control πŸ™‚

Bildschirmfoto 2016-07-01 um 9.29.43 AM

Some of the code

Bildschirmfoto 2016-07-01 um 10.02.32 AM

The whole code
Bildschirmfoto 2016-07-01 um 10.33.40 AM

Next we created a simple calculator

Bildschirmfoto 2016-07-01 um 12.54.19 PM

The code
Bildschirmfoto 2016-07-01 um 12.54.21 PM

The calculator on the simulator

Bildschirmfoto 2016-07-01 um 1.26.22 PM

And we also created a guess game
Bildschirmfoto 2016-07-01 um 5.33.00 PM

the code is still very simple, we will improve it tomorrow πŸ™‚

Bildschirmfoto 2016-07-01 um 5.33.04 PM

This is when the guess is wrong
Bildschirmfoto 2016-07-01 um 5.39.26 PM

And this is when the guess is correct πŸ™‚

Bildschirmfoto 2016-07-01 um 5.40.12 PM

For each app we just generate the QR Code and everybody can play πŸ™‚
IMG_5529 IMG_5530

The GodFather Captain gave us a visit again πŸ™‚
IMG_5531

Capt. Zaki, as usual, preparing today’s lesson

IMG_5532
IMG_5535

GodFather Captain busy with the Gizwits πŸ˜€
IMG_5536 IMG_5537

Oh wow, this kid really got a style πŸ˜€
IMG_5538

And this one always hide behind something πŸ˜€

IMG_5539

LOL! πŸ˜€
IMG_5540 IMG_5541

Capt. Cinta assisting Mail
IMG_5542 IMG_5543

Friday’s Prayer break
IMG_5544

We created some games apps and play πŸ˜€

IMG_5545

or listening to music
IMG_5546

Or just checking up handphone

IMG_5547

After the break, Capt. Zaki explained about the calculator

IMG_5553
IMG_5554

WithΒ Capt. Cinta navigating the screen

IMG_5555

Yep, it works πŸ˜‰
IMG_5556

IMG_5571IMG_5557

In two days, kids gots lots of new apps on their smartphones
IMG_5558

Capt. Zaki and Capt. Cinta, always love to see kids in teamwork πŸ˜‰ ❀

IMG_5559

Zahra and Icha
IMG_5561

Ara
IMG_5562

Edo and Thoriq

IMG_5563

Ozan (and Capt. Fizhan)
IMG_5564

Farrell and Mail

IMG_5565

Rheino
IMG_5566

Fayza

IMG_5567

Fadhlan
IMG_5568

Nadhira

IMG_5569

Tian
IMG_5570

After all kids got the app worked, we call it a day!
IMG_5573 IMG_5574

Will create more apps tomorrow! πŸ˜‰