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 🙂

ProCodeCG Kids Coding Camp – IoT Programming – Day #2 – 23 June 2017

Standard

IoT Programming Day #2 🙂

IMG_2147

IMG_2195

We learned about sensors today 🙂 Temperature and humidity sensor

IMG_2151

IMG_2156

Ultrasonic

IMG_2177

Multiple sensors

IMG_2162 2

IMG_2163

LDR

IMG_2181

 

IMG_2180

We also learned to connect to wifi and scanning wifi 🙂

Let’s see what each kid was doing 🙂

Ardian

IMG_2148

IMG_2152

IMG_2158

IMG_2167

IMG_2171

IMG_2183

IMG_2188

IMG_2192

IMG_2196

Dea

IMG_2149

IMG_2153

IMG_2159

IMG_2161

IMG_2169

IMG_2174

IMG_2175

IMG_2182

IMG_2187

IMG_2189

IMG_2190

IMG_2193

IMG_2197

Abdillah

IMG_2150

 

IMG_2154

IMG_2157

IMG_2178

IMG_2179

 

IMG_2184

IMG_2186

IMG_2191

IMG_2194

IMG_2203

Some screenshots of what we did today 🙂

Reading temperature and humidity sensor

Bildschirmfoto 2017-06-23 um 9.56.53 AM

Reading ultrasonic sensor

Bildschirmfoto 2017-06-23 um 12.22.51 PM

Reading LDR

Bildschirmfoto 2017-06-23 um 12.54.55 PM

Connect to WiFi

Bildschirmfoto 2017-06-23 um 1.12.24 PM

Scanning Wifi

Bildschirmfoto 2017-06-23 um 1.31.40 PM

We’re going to connect to cloud tomorrow 🙂

ProCodeCG Kids Coding Camp – Creating Mobile Apps – Day #2 – 23 June 2017

Standard

Creating Mobile Apps Coding Camp Day #2 🙂

Fikra (left) and Capt. Zaki (right)

IMG_2155

Fikra created a Login Apps today 🙂

This is when the wrong password entered

IMG_2164

And when the correct one entered, the apps will go to the other screen 🙂

IMG_2166

Fikra also created an app to generate random numbers

IMG_2172

A random number will appear each time the button is pressed 🙂

IMG_2173

This is Fikra’s Calculator 🙂

Addition

IMG_2198

Substraction

IMG_2200

Multiplication

IMG_2201

Division

IMG_2202

Wooow, lots of achievement today 🙂 Tomorrow we will learn more plus Fikra will get a challenge 🙂

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 – Creating Mobile Apps – Day #1 – 22 June 2017

Standard

There’s only one kid registering to Creating Mobile Apps Coding Camp so we decided to merge the class with IoT Programming Coding Camp 🙂

IMG_2057

Capt. Zaki is giving Fikra full supervision for Creating Mobile Apps 😉

IMG_2061

IMG_2090

Today Fikra learned basic logic and programming with Blockly

IMG_2073

Tomorrow Fikra will start to code mobile apps with Thunkable 🙂

IMG_2078

IMG_2085

We have lots of apps to create, will be reporting about it tomorrow 🙂

IMG_2093

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 – Minecraft Modding – Day #2 – 20 June 2017

Standard

Minecraft Modding Day #2 🙂

IMG_1806

Today we do more coding 😉

IMG_1807

We started by running available javascript codes before creating their own 🙂

IMG_1808 2 IMG_1809

IMG_1810

this is an example of colorful dancefloor created with javascript 🙂

IMG_1811

IMG_1812 IMG_1813 2

IMG_1814 IMG_1815 2

IMG_1816 2 IMG_1817 2

IMG_1818 IMG_1819

IMG_1820

IMG_1823

IMG_1824 2 IMG_1825

IMG_1826 IMG_1827

IMG_1828 IMG_1829

IMG_1830 IMG_1831

IMG_1832 2 IMG_1833

IMG_1834 IMG_1835 2

IMG_1836 2

IMG_1837 2 IMG_1839

IMG_1843 IMG_1844

IMG_1845 IMG_1846

We also use simple structures to learn about looping and logics 🙂

IMG_1847 IMG_1848

IMG_1850 IMG_1851

IMG_1852 IMG_1853 3

IMG_1854 IMG_1855

IMG_1856

An awesome structure by Ren 😉

IMG_1857

IMG_1858

Koosha worked very hard making his code works 😀

IMG_1859

IMG_1860 IMG_1862

IMG_1863 IMG_1864

IMG_1865

Nadine’s awesome colorful pyramid 😉

IMG_1868

Some screenshots of our modding today 🙂

Bildschirmfoto 2017-06-20 um 12.00.07 PM Bildschirmfoto 2017-06-20 um 12.34.53 PM

Bildschirmfoto 2017-06-20 um 12.36.14 PM Bildschirmfoto 2017-06-20 um 12.37.22 PM

Bildschirmfoto 2017-06-20 um 1.11.40 PM

There will be challenges tomorrow 🙂 Kids will be given tasks to do in groups! 😉

ProCodeCG Kids Coding Camp – Minecraft Modding – Day #1 – 19 June 2017

Standard

ProCodeCG Kids Coding Camp – Minecraft Modding – Day #1 🙂

IMG_1677 IMG_1678

We had 14 kids today plus 6 captains 🙂

This is Bagier

IMG_1732

IMG_1679

Ren

IMG_1733

IMG_1680

Farhan

IMG_1703 2

IMG_1725

Vai

IMG_1709

IMG_1720

Michael L

IMG_1713

IMG_1719

Zaky

IMG_1735

Echa

IMG_1721

Aidia

IMG_1723

IMG_1722

Nadine

IMG_1731

IMG_1743

Michael W

IMG_1724

Arya

IMG_1729

Koosha

IMG_1726

Ardian

IMG_1730

Kevin

IMG_1734

IMG_1695

Captains on duty:

Faris

IMG_1689

IMG_1690

Zaki

IMG_1742

IMG_1714

IMG_1699

Syahna & Fizhan

IMG_1696

Faris & Fizhan

IMG_1728

Faris & Zaki

IMG_1712

We learned some javascript syntax and commands today 🙂 We created rainbows, dance floor, castle, pyramid, cylinder, box, skyscraper, stairs, triangle today 🙂

IMG_1681 IMG_1682

IMG_1683 IMG_1684

IMG_1685

Koosha showed us his MeowOS 17.2 😀

IMG_1686

IMG_1704

Starting MeowOS 🙂

IMG_1705

IMG_1706

Captains were very busy keeping the kids doing the coding instead of exploding TNT and destroy others’ skyscraper 🙂

IMG_1687 IMG_1688

 

IMG_1691 IMG_1692

IMG_1693 IMG_1694

IMG_1697 IMG_1698

IMG_1700

IMG_1701

Lunch time 😉

IMG_1708

Then get back to work 🙂

IMG_1710 IMG_1711

 

IMG_1715

IMG_1716 IMG_1717

IMG_1727

 

IMG_1736 IMG_1737

IMG_1738 IMG_1739

IMG_1740

IMG_1741

Some screenshots from server side of view 🙂

Bildschirmfoto 2017-06-19 um 9.24.38 AM

Bildschirmfoto 2017-06-19 um 9.40.24 AM Bildschirmfoto 2017-06-19 um 10.03.55 AM

Bildschirmfoto 2017-06-19 um 10.16.59 AM Bildschirmfoto 2017-06-19 um 10.29.42 AM

Bildschirmfoto 2017-06-19 um 10.30.40 AM

Bildschirmfoto 2017-06-19 um 10.30.54 AM Bildschirmfoto 2017-06-19 um 10.33.06 AM

Bildschirmfoto 2017-06-19 um 11.15.52 AM Bildschirmfoto 2017-06-19 um 1.24.46 PM

We’re going to do more coding and modding tomorrow 🙂 Can’t wait 🙂

ProCodeCG Kids Regular Coding Class – Intro to Programming, GameMaker, Java Programming, Minecraft Modding – 17 June 2017

Standard

We had new students today 🙂

Welcome to the class, Cello and Sasa 😉

IMG_1545

These two spent two classes for Intro to Programming 🙂

IMG_1525

IMG_1526

IMG_1527

They learned about basic programming and logics with Minecraft Hour of Code

IMG_1537

IMG_1538 2

And then they learned more about sequences and problem solving with LightBot 🙂

IMG_1539

They seemed having a great time, they discussed the lesson together 🙂

IMG_1542

We also had a visitor, Aisha, Ozan’s cousin 🙂 She would like to see the class and probably will join us later 🙂

IMG_1529

Vian was still busy with his project in Minecraft 🙂

IMG_1543

IMG_1544

IMG_1550

 

IMG_1560

IMG_1561 2

Danesh also had his own project in Minecraft 🙂 He even started to collaborate with Vian 🙂

IMG_1551

IMG_1554

IMG_1555 2

IMG_1556

While Rezky continued his first game in GameMaker 🙂

IMG_1558

IMG_1559

IMG_1549

Tyo was busy working on two codes in Java: Attendance List App and TicTacToe 🙂

IMG_1547

Tyo keeps progressing each week 🙂 This attendance list will save the data to a text file

Bildschirmfoto 2017-06-17 um 11.58.27 AM

Rheino was typing a JavaScript code to be run in Minecraft

IMG_1548 2

The display screen was divided for Rheino and Tyo 🙂 The left side is for Rheino and the right side is for Tyo 🙂

Bildschirmfoto 2017-06-17 um 11.45.30 AM

The class

IMG_1536 2

IMG_1557

The captains 🙂

IMG_1530 2

This one always know how to make things work 🙂

IMG_1552

We will be reporting again about our regular coding class after the coding camp ended. Next week we will have coding camp 6 days in a row 🙂