ProCodeCG Kids Regular Coding Class – ESPectro Programming – 29 July 2017

Standard

Our regular Saturday kids coding class 🙂

IMG_4526

IMG_4527 IMG_4528

Now Awa’s ESPectro Neopixel works just fine, after we inserted the 2 pin jumper 🙂

IMG_4530

Ok, move on to the next: Knight Rider 🙂

IMG_4531

Done 🙂

IMG_4537

Then give different colors to each neopixel 🙂 Done 🙂

IMG_4539

The Knight Rider with different colors. And then Awa went like this LOL

IMG_4543

Rafi continued working on Ultrasonic Counter

IMG_4545

IMG_4546

We were in the middle of compiling and fixing errors when the computer start updating (you know, Windows stuff 🙂 ) So we gotta try again next week 🙂

IMG_4554

We are going to collaborate Arduino/ESPectro with Minecraft very soon 🙂 Will be reporting as soon as we start it 😉

Advertisements

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 Regular Coding Class – ESPectro/Arduino – 27 May 2017

Standard

Today we had one student working on ESPectro and one on Arduino Mega and one on Arduino Uno 😀

Rezky had just started his ESPectro programming journey, that we already know, is painful at the beginning (the setup and installation) 🙂 Hopefully we will finish the installation next week and start to work with ESPectro the week after 🙂

IMG_9797

The first day of Ramadhan 🙂 Lots of kids didn’t come, probably still adjusting with the new schedule of waking up earlier for sahur, etc.

IMG_9817

Capt. Malik is back! Ready to continue the Air Drum with Gyro Project!

IMG_9819

Yeah this is how Capt. Malik looks like when he’s at work! 😉

IMG_9826

IMG_9837

Malik uses Arduino Mega

IMG_9840

And the gyro test worked well

IMG_9839

IMG_9847

IMG_9851

Malik’s little brother is also interested in the same thing 🙂 Rezvan had just started Arduino Programming 🙂

IMG_9820

Started with LED and resistor

IMG_9830

Worked nicely 🙂

IMG_9831

And then Rezvan was working with more LEDs 🙂

IMG_9832

IMG_9836

Malik helped Rezvan to check the wiring

IMG_9844

And yes! Worked ok 😉

IMG_9848

There’s always interesting things to do each week, there are lots of new things to explore in the handout 🙂

ProCodeCG Kids Regular Coding Class – Minecraft Modding, Intro to Programming, Java Programming, Apps Programming – 20 May 2017

Standard

Our open topics class yesterday 🙂 Rezky was working on Intro to Programming with CodeCombat 🙂

IMG_9286

IMG_9312

IMG_9318

J always has projects to do in Minecraft 🙂

IMG_9290

Vian (blue shirt), J (eyeglasses) and Gyan (in jacket) signed in to one Minecraft server and build things together

IMG_9293

IMG_9317

The class 🙂

IMG_9294

Dika was in the middle of creating a To Do Apps with Thunkable

IMG_9295

IMG_9303

IMG_9314

The result 🙂 (some of the properties should be set to look neater)

IMG_9315

Tyo made lots of progress 🙂

IMG_9298

He had finished ProCodeCG Attendance List Prototype in Java 🙂 We just tick on the check boxes and it will shows how many students attending, then add the date and save it to file!

IMG_9299

Great job, Tyo! 🙂

IMG_9300

Tyo had also finished creating Snake Game in Java

IMG_9320

and adding some scores (a score will be added each time the Snake eat a food). Next is to print the score on the game board 😉

IMG_9321

Gyan is very good creating things with Red Stone and gates in Minecraft 🙂

IMG_9304

He can make almost anything, from sliding doors to traps and so much more 🙂

IMG_9305

IMG_9306

Rafi switched from ESPectro to Minecraft coding 🙂

IMG_9311

He learned how to use looping to create stacks of blocks

 

Like this one 🙂

IMG_9316

Captain Corner 😀

IMG_9297

Capt. Zaki giving help to Rezky

IMG_9308 IMG_9309

and helping Rafi with the server

IMG_9313

The class 🙂

IMG_9310

The front office 🙂 (two other girls didn’t show up, hiks)

IMG_9307

See you next week 🙂

 

 

 

 

 

ProCodeCG Kids Regular Coding Class – Minecraft Modding, Java Programming, GameMaker, Intro to Programming – 13 May 2017

Standard

The Open Topics Class 😉

Raihan learned Intro to Programming and GameMaker today 🙂

IMG_8735

He learned basic programming with Scratch/Blockly-like programming

IMG_8744

Raihan finished it in one hour

IMG_8783

and got the online certificate yaay congrats! Then he started to learn how to create simple game with GameMaker 🙂

IMG_8784

Cinta (green shirt) was working on Minecraft and Apps Programming today 🙂

IMG_8740

Cinta teamed up with Nanin (yellow hijab) and create things  🙂

IMG_8758

These girls 🙂 Do things together 🙂

IMG_8792

Nanin created lots of things today 🙂

IMG_8752

IMG_8756

There were some problems with her Minecraft settings

IMG_8757

and luckily ka Jundy helped her 🙂 Thanks J 😉

IMG_8762

While J himself created amazing things today 🙂

IMG_8753

He created elevator with piston and teleport 🙂

IMG_8759 IMG_8760

The 2 levels building with elevator

IMG_8761

And then J improved it to have more levels with different colors

IMG_8772

so that we’ll know when we have being teleported to different levels of the building  😉

IMG_8773

IMG_8774

IMG_8775

IMG_8776

Great job, J! Brilliant idea. Next is to do this with JavaScript coding 🙂

IMG_8777

Gyan was on creating triangle in JavaScript

IMG_8763

Gyan, Vian and Jundy working on the same server

IMG_8764

IMG_8785

IMG_8789

IMG_8781

This is the code they have to type

IMG_8771

Vian was very excited as always 🙂

IMG_8778

A lovely scene 🙂

IMG_8779

Rheino had finished his triangle code in JavaScript

IMG_8780

and run in in Minecraft 😉

IMG_8790

the next challenge for Rheino is to change the pattern of the colors 😉

IMG_8791

Rheino helped a newcomer, Rezky 🙂

IMG_8782

Rezky was doing an intro to programming and had finished the One Hour Code Minecraft

IMG_8787

and got the certificate 🙂

IMG_8786

Well, lots of achievement today! So glad 🙂

*off the picture: Raul was working on Snake Game in Java and worked well. We are going to add more food and displaying some score. Dika was working on To-Do-List App with Thunkable 🙂

 

 

ProCodeCG Kids Regular Coding Class – ESPectro Programming – 13 May 2017

Standard

Hello! ESPectro Programming Class today 🙂

IMG_8734

Muhammad had to catch up, he picked up where he left: connecting to wifi with ESPectro and display the data of wifi 🙂

IMG_8736

IMG_8755

Muhammad was so excited to find out that he can display the details of a wifi he connected to. Next is to scan the available wifi and display the details, including the security and signal strength 🙂

IMG_8754

Nafis was very happy to be able to turn on his neopixels and change their colors 🙂

IMG_8737

IMG_8741

Nafis learned to set the neopixels individually too

IMG_8745

So he can set different colors for each neopixel (the color was red, green and blue). And later he changed it into a more specific colors like sky blue, baby pink etc. 😀

IMG_8743

Rafi started to connect his ESPectro to LCD I2C today. He was a bit confused because he had connected LCD I2C to Arduino before, and didn’t know how to do it with ESPectro, which was lots easier 🙂

IMG_8738

Yep, it worked right away 🙂

IMG_8742

Then Rafi learned how to display custom characters on LCD

IMG_8749

Like this simple smiley

IMG_8767

And later he created a simple animation, from smiling smiley to sad smiley 😉 We planned to make more animation next week 🙂

IMG_8768

Raul was working on displaying simple custom chars too 🙂

IMG_8739

 

IMG_8746

He was asked to create a battery icon

IMG_8747

and he did 🙂 He was working on make it animating like charging and discharging 😉 How interesting! Can’t wait to see the progress next week 🙂

IMG_8748

Whoaa we had the Godfather there to, working on his own very advanced project 😉

IMG_8766

The class! ❤ ❤ ❤

IMG_8751

See you next week 🙂