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 – IoT Programming – Day #1 – 22 June 2017

Standard

Day #1 of IoT Programming 🙂 We have 3 kids for this topic 🙂

Today we did some ESPectro setup and configuration, and then started basics about ESPectro. We learned about LED, button and neopixel. We created some cool stuff about neopixel on board, like creating knight rider and traffic light with pedestrian button 😉

IMG_2067

Here’s the pics of each kid with their works 🙂

Ardian

IMG_2058

IMG_2065IMG_2059

IMG_2069

IMG_2070

IMG_2081

IMG_2082

IMG_2088

IMG_2091

 

Dea

IMG_2060

IMG_2071

IMG_2074

IMG_2077

IMG_2083

IMG_2084

IMG_2095 2

Abdillah

IMG_2062

IMG_2063

IMG_2072

IMG_2079

IMG_2080

IMG_2089

IMG_2092

IMG_2094

Tomorrow we will learn about sensor 😉

IMG_2064

 

 

 

 

 

 

 

 

 

 

ProCodeCG Kids Coding Camp – Minecraft Modding – Day #3 – 21 June 2017

Standard

Day 3! Today we had challenges! 🙂

Kids were working on groups to finish the task together 🙂

There are 3 tasks out of 5 to be done:

  1. Create a skyscraper in JavaScript, must be different with the example given the day before
  2. Create a bridge in JavaScript
  3. Create a tunnel in Java Script
  4. Create two different structures with RedStone 🙂

So here are the pics of the class and the creations 🙂

We did create igloo and some other event-driven codes too 🙂

IMG_1933 IMG_1934

IMG_1935 IMG_1936

IMG_1937 IMG_1937

IMG_1938 IMG_1939

IMG_1940 IMG_1941

IMG_1942 IMG_1943

IMG_1944 IMG_1945 2

IMG_1946 2 IMG_1947 2

IMG_1948 IMG_1949 2

IMG_1950 IMG_1951

IMG_1952 2 IMG_1953

IMG_1954 IMG_1955

IMG_1956 IMG_1957

IMG_1958 IMG_1959

IMG_1960 IMG_1961

IMG_1962 IMG_1963

IMG_1964 IMG_1965

IMG_1966 IMG_1967

IMG_1968 IMG_1969

IMG_1970 IMG_1971

IMG_1972 IMG_1973

IMG_1974 IMG_1975

IMG_1976 IMG_1976

IMG_1977 IMG_1978

IMG_1979 IMG_1980

IMG_1981 IMG_1982

IMG_1983 IMG_1984

IMG_1985 IMG_1986

IMG_1987 IMG_1988

IMG_1989 IMG_1990

IMG_1991 IMG_1992

IMG_1993 IMG_1994

IMG_1995 IMG_1996

IMG_2002

IMG_2003 IMG_2004

IMG_2005 IMG_2006

Bildschirmfoto 2017-06-21 um 11.00.30 AM Bildschirmfoto 2017-06-21 um 11.00.49 AM

Bildschirmfoto 2017-06-21 um 11.35.28 AM Bildschirmfoto 2017-06-21 um 1.36.25 PM

Such an awesome class, we really had a great time together 🙂

IMG_1997

There are still many things to be explore, hoping to see you again kids 🙂 ❤ ❤ ❤

ProCodeCG Kids Coding Camp – Arduino Programming Day #2 – 6 Jan 2017

Standard

Arduino Programming Day #2 🙂 We learned about sensors 🙂

IMG_0305

The first sensor is LDR (Light Dependent Resistor)

IMG_0306

Capt. Fizhan makes his own schematic too

IMG_0308 IMG_0309

Done and works well 🙂

IMG_0310

“Don’t take my pic” gesture of every captain is a common thing in our classes 😀

IMG_0311

Salman might look so small but he can follow the lesson 🙂 The only obstacle is that he has to deal with lots of typing (which is not his fault 😀 )

IMG_0312

Kiran is very quiet but persistence 🙂 She constantly finished the task one by one with very few errors. This girl has got a brain wiring that works like electronics 🙂

IMG_0313

Capt. Syahna before unloading her laptop and thick book 😀

IMG_0314

Salman’s Dad is being productive too 🙂 He moved his office to this corner with kids carpet and little smiley table 🙂

IMG_0315

Capt. BR moves his office too 😀

IMG_0324

Capt. Awa and mom also moved their office to the class 🙂 Yeaay the more the merrier 🙂

IMG_0347

IMG_0316

Next we add LED to the LDR schematic so that when LDR receives low light, the LED will light up 🙂

IMG_0317

The schematic is a little bit tricky

IMG_0319

It took some time to make it work

IMG_0320

IMG_0325

Still not working

IMG_0326

Need some debuggin

IMG_0333

almost giving up

IMG_0334

He changed the LED and Capt. Zaki came for some help

IMG_0329

and it finally worked 🙂

IMG_0335

Salman is still working on his

IMG_0321

and so is Kiran

IMG_0322

There was some errors

IMG_0323

Capt. Zaki come to debug

IMG_0327 2

and also Capt. BR

IMG_0330

Took some time to figure it out

IMG_0331

And it finally worked 🙂

IMG_0332

Salman’s worked too 🙂

IMG_0338

Next is buzzer 🙂

IMG_0336

This one is quite easy 🙂

IMG_0337

Capt. Fizhan helped Salman with the schematic because the buzzer wouldn’t work

IMG_0339

IMG_0340

After we got that one worked, we continued to ultrasonic sensor 🙂

IMG_0341

IMG_0342 IMG_0343

Capt. Awa helped Kiran to find the correct source of code for ultrasonic sensor

IMG_0344

while Capt. Zaki working on Salman’s

IMG_0345

😀

IMG_0346

IMG_0348

This is how Capt. Awa looks like when he cannot decide where to put a new sticker: on his laptop or on his toolbox 😀

IMG_0349

Salman’s ultrasonic didn’t work because some wirings are still not correct

IMG_0351

after some re-wiring, it worked 🙂

IMG_0352

Captain Corners 😀

IMG_0353

Capt. Awa assisting Salman. They’re in the same age 🙂 So cute 🙂

IMG_0354

Capt. Awa testing Kirana’s potentiometer with LED

IMG_0355

Salman is still tinkering with his ultrasonic with buzzer

IMG_0356 IMG_0357

IMG_0358

After checking on everybody Capt. Awa decided to do some experiment with a relay 🙂

IMG_0359

The last task for today is temperature and humidity sensor

IMG_0360

Kiran has made it work

IMG_0361

Salman will catch up on that one tomorrow 🙂

IMG_0362 2

We have gone through all of this today! Yaay

IMG_0350

This is a picture of Capt. Awa cleaning up the room LOL He ran away 😀

IMG_0363

Some games before going home 🙂

IMG_0364

Some screenshots 🙂

Bildschirmfoto 2017-01-06 um 9.14.38 AM

Bildschirmfoto 2017-01-06 um 10.54.08 AM

Tomorrow we will do some projects with the components and sensors we have learned the last two days 😉

ProCodeCG Kids Coding Camp – Creating Apps Day #3 – 4 Jan 2017

Standard

Day #3 🙂 Again the room was set up by Areli and fam 🙂 Thanks so much 🙂

IMG_0104

We finished our calculator apps and create some more 🙂

IMG_0107

IMG_0105 2

IMG_0106

IMG_0108

We also add pop up warning window if there is a division by zero 😉

IMG_0109

IMG_0110 IMG_0111

IMG_0112 IMG_0113

IMG_0114

 

IMG_0116 IMG_0117

Then we created a Xylophone app 😉

IMG_0115

IMG_0118

Yeh, we code and play LOL

IMG_0119

Kids like to code inside the box

IMG_0120

Literally 😀

IMG_0122

IMG_0125

While the kids was having the break and playing. Capt. BR did some debugging while having lunch

IMG_0124

And Capt. Fizhan giving help to those who didn’t take a break 😀

IMG_0126

Our Xylophone! 🙂

IMG_0127

IMG_0128 IMG_0129

IMG_0130 IMG_0131

It worked nicely and have been tested 😉

IMG_0123

IMG_0132 IMG_0133

IMG_0134

The next app was To Do List App. It required some database and we used TinyDB to store the list. The block is quite complex but the kids finished it 😉

IMG_0135

IMG_0151

IMG_0136 IMG_0137

IMG_0138

IMG_0144

Here are our Apps Programmers! 🙂 Ready to create many more!

IMG_0141

Some screenshots 🙂

Bildschirmfoto 2017-01-04 um 10.06.51 AM Bildschirmfoto 2017-01-04 um 12.17.00 PM

Bildschirmfoto 2017-01-04 um 12.17.06 PM Bildschirmfoto 2017-01-04 um 1.23.46 PM

Bildschirmfoto 2017-01-04 um 1.39.14 PM Bildschirmfoto 2017-01-04 um 1.49.44 PM

And what happened behind the screen 😀 😀 😀

IMG_0148 IMG_0149

IMG_0150

See you again kids! So glad to have you in class 🙂 Tomorrow we will start learning Arduino Programming 🙂

ProCodeCG Kids Coding Camp – Creating Apps Day #1 – 2 Jan 2017

Standard

Hello! Day #1 of Creating Apps 😉

Areli and Mom arrived earlier than us today and the set up the class so neatly, thanks Areli and Mom! 🙂

IMG_9871

Let’s introduce our apps programmers in the class today: Indra

IMG_9872

Areli

IMG_9873

Ardian

IMG_9874

Dea

IMG_9875

and Michael! 🙂

IMG_9876

We warmed ourself up by doing challenges on Blockly Games so we will be used to the syntax and the nature of Thunkable programming

IMG_9877 IMG_9878

We have lots of trails of different kind of challenges 🙂

IMG_9879

Capt. Syahna with documents and stuff

IMG_9880

Capt. Zaki assisting Areli

IMG_9881

The class went very well, each kid had different ways to deal with the challenge

IMG_9914 IMG_9915

IMG_9916

IMG_9921

This is Areli’s long code on Blockly section Turtle, level 7 🙂

IMG_9919

A very long one and works very well 🙂

IMG_9920

This one is level 10 of Pond section. Capt. Zaki created this code to help Mike finished his 🙂

IMG_9922

This is Areli’s Turtle level 8

IMG_9923

and Mike Pond’s

IMG_9927

Lunch time! 🙂

IMG_9924 IMG_9925

IMG_9926

After lunch we started creating our own Android apps! We create the apps using Thunkable and then generate this QR Code to be scanned by any Android phones using the same network and the app will be downloaded right into the phone and ready to use! 😉

IMG_9928 IMG_9931

This one is Dea’s app 🙂

IMG_9935

One button will show the pic and the other one will hide it 🙂

IMG_9936

This one is Indra’s

IMG_9949

And Areli’s 🙂

IMG_9950

Ardian and Mike still had trouble with their phone and the simulator so we will definitely try again tomorrow 🙂

Here is the screenshots of some things we did today 🙂

Bildschirmfoto 2017-01-02 um 9.46.02 AM Bildschirmfoto 2017-01-02 um 11.08.08 AM

Bildschirmfoto 2017-01-02 um 11.58.24 AM Bildschirmfoto 2017-01-02 um 1.47.51 PM

Bildschirmfoto 2017-01-02 um 1.47.53 PM

Going to make more interesting apps tomorrow! 🙂

ProCodeCG Kids Coding Camp – Python Programming Day #2 – 30 Dec 2016

Standard

Day #2 of Python Programming 🙂 We’re ready to learn some encryption and decryption 😉

IMG_9687

Look at those happy faces 🙂

Zaky

IMG_9690

Abit (isn’t look so happy but he really is! :D)

IMG_9693

Dea

IMG_9692

Arya

IMG_9694

The helpdesk that is always to shy to help 😀

IMG_9691

We typed lots of codes in Python today, and sure we learned a lot too! 🙂

These are Zaky and Zaki 🙂

IMG_9698

Capt. Zaki had to take care of two computers because Arya’s wouldn’t install Python so he kept trying to install every version while copying Arya’s data to the other computer 🙂

IMG_9700

IMG_9699

IMG_9701 IMG_9702

There was a father looked very interested to sign his kid up to ProCodeCG class, he was trying to convince the kid 😀

IMG_9704 IMG_9705

Some bonding during the class

IMG_9688

IMG_9689

And these are screenshot of what we learned! We have learned some GUI, encryption and decryption using Caesar Cipher and Vigenere Cipher 🙂

Bildschirmfoto 2016-12-30 um 9.27.49 AM Bildschirmfoto 2016-12-30 um 9.47.53 AM

Bildschirmfoto 2016-12-30 um 9.51.28 AM Bildschirmfoto 2016-12-30 um 10.05.39 AM

Bildschirmfoto 2016-12-30 um 10.19.47 AM Bildschirmfoto 2016-12-30 um 10.26.12 AM

Bildschirmfoto 2016-12-30 um 10.27.18 AM Bildschirmfoto 2016-12-30 um 10.29.46 AM

Bildschirmfoto 2016-12-30 um 10.31.21 AM Bildschirmfoto 2016-12-30 um 10.51.20 AM

Bildschirmfoto 2016-12-30 um 10.52.01 AM Bildschirmfoto 2016-12-30 um 11.22.11 AM

Bildschirmfoto 2016-12-30 um 2.05.02 PM 1 Bildschirmfoto 2016-12-30 um 2.05.02 PM

Tomorrow we will learn some files I/O and virus-antivirus 😉