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 🙂

Advertisements

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 – 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! 😉