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 – One Day Teacher – Edu Global School – 3 March 2017

Standard

Last Friday, ProCodeCG was invited to Edu Global School as a guest of “One Day Teacher” πŸ™‚

IMG_3898

IMG_3883

We gave intro to coding, what is coding, why do you have to learn to code πŸ™‚

IMG_3886

After a brief intro, we started to install GameMaker on each laptop and getting ready to create our first games πŸ™‚

IMG_3887 IMG_3888

IMG_3889 IMG_3890

They created their own games with their own sprites πŸ™‚

IMG_3891

Everyone looked excited πŸ˜‰

IMG_3892

Some of them work in groups and share lots of idea

IMG_3893 IMG_3894

The sprites looked wonderful!

IMG_3895 IMG_3896

IMG_3897

IMG_3899

This one has a sprite that can move. As soon as another sprite was added and the good guy eat the bad gut and got some scores, then our first game was done πŸ™‚

IMG_3901

IMG_3902

Hope that everyone was happy! See you again kids! πŸ˜‰

IMG_3904

ProCodeCG Kids Regular Coding Class – Arduino Programming – 4 March 2017

Standard

In several weeks we will move on to a more advance development board: Espectro πŸ™‚ While waiting for Espectro mass production, we will use the last few weeks exploring Arduino before we start to connect to cloud via wifi and create IoT stuff πŸ™‚

IMG_3944

Like usual, it took some time for kids to come, probably because it is Saturday πŸ™‚

IMG_3949

IMG_3950

Today we learned to create morse encoder using LED and buzzer πŸ™‚

IMG_3951

All is ok as far as we got Capt. Reza onΒ duty πŸ˜‰

IMG_3952

We were trying to add number to be encoded but we had to convert it from integer to char

IMG_3977

and apparently it wasn’t that easy πŸ˜‰

IMG_3970

And this is how Reza looks when he’s determined to do something πŸ˜€

IMG_3989

Hello Raul! Raul was catching up with the task from previous class. His stopwatch with 2 buttons didn’t work

IMG_3954

Mama Ren gave some help but still it didn’t work

IMG_3965

So RaulΒ switched to the morse encoder and it worked πŸ™‚

IMG_3969

Clarence came with loads of progress to brag about πŸ˜€

IMG_3956

He had several project going on πŸ˜€ This one synchronizes time and display it to the TFT

IMG_3961

Clarence also make improvements to his stopwatch code, making it more precise with better display design πŸ™‚ He even added a reset function to the single button, along with progress bar display on the TFT to show how long the button has been pressed πŸ™‚

IMG_3979

Clarence also created some cool patterns on the TFT, as a preparation to create analog stopwatch πŸ™‚

IMG_3985 2

Cinta was keeping up with the class too, she was working on her stopwatch while also doingΒ her writing project πŸ˜‰

IMG_3957

IMG_3975

Ozan. Always like this when we take his picture πŸ˜€

IMG_3958

LOL. But the most important thing is the schematic worked! πŸ™‚

IMG_3976

Ren did the schematicΒ quickly πŸ™‚ But the usual uploading error occur again πŸ˜€ Only Mama Ren can solve that πŸ˜€

IMG_3962

Rafi was back in the class yaaaay πŸ™‚

IMG_3963

He broke his left wrist but still so excited to learn πŸ™‚ Mama Rafi stood by him all the time to help πŸ™‚

IMG_3964

When thing went wrong, Capt. Reza came to help πŸ™‚

IMG_3983

Rafi was trying to make his measuring height work and finally it did πŸ˜‰

IMG_3986 2

We also had Dika back! He jumped straight to the schematic we were doing today, and it worked yaaay πŸ˜‰

IMG_3966

Next week we will start to explore LCD πŸ™‚ Will connect our previous project to LCD and display the result there πŸ˜‰

 

 

 

 

 

ProCodeCG Coding Mum Batch 3 – Day #15 – 17 Feb 2017

Standard

OK finally the last day πŸ™‚

IMG_2870

We should have had 4 judges/reviewers for today, but one of themΒ had to cancel due to a very urgent thing.

IMG_2871

Our reviewers, from right to left: Muhamad Nur Awaludin (Mumu) CEO ofΒ Kakatu, Jefvin Viriya CTO of OwnGames and Sherly – Web Developer at Own Games πŸ™‚

IMG_2872

Corner of the Mums πŸ™‚

IMG_2873

The first one: Bu Lita Ervinna πŸ™‚

IMG_2874

She presented an awesome, detail and complete science education website design

IMG_2877 IMG_2878

With loads of educational contents

IMG_2880

It contains interesting topics presented in interesting ways

IMG_2881

With lots of pictures to make sure it gives detail information for each experiments/topics

IMG_2882

There are pictures explaining the topics

IMG_2884

And quizzes too

IMG_2885

IMG_2887

There are also videos

IMG_2888

Reviewing session

IMG_2889

The next one was Bu Ismi Amaliah

IMG_2892

The website is designed for a real client πŸ™‚

IMG_2893

So this is a website for a real company πŸ™‚

IMG_2894

IMG_2895 IMG_2896

The design is sleek and elegant. And connected to the database too! πŸ™‚

IMG_2897

And then Bu Riska Syarif presenting a furniture website

IMG_2899

This is also for a real business. Her family has running this business for several years

IMG_2900

Good pictures, good design, and a very attractive layout πŸ™‚

IMG_2901

Clean and simple

IMG_2902 IMG_2903

IMG_2904

Less is more. The simple design makes people focusing on the products. Well done πŸ™‚

IMG_2906

IMG_2911

IMG_2914

And then a ticket booking website design by Bu Maria Soedirgo πŸ™‚

IMG_2917

The design involves complex coding in PHP

IMG_2918

It has complex CSS formatting too

IMG_2920

Plus lots of form verifications πŸ™‚ This is going to be a competitor of Traveloka and Tiket.com πŸ™‚

IMG_2921

Another interesting product website for real customer: Rubiya by Bu Novi Mustiantari

IMG_2923

The design has lots of great pictures withΒ great layout

IMG_2924

Very entertaining to the eyes πŸ™‚

IMG_2926

It is totally well designed! The customer will be so happy to see this! πŸ™‚

IMG_2927

The next ones are not Mums πŸ™‚ They are still very young πŸ™‚ This one looking scruffy and lacking of sleep is Nadia Nathania πŸ™‚ A real coder looks! πŸ™‚

IMG_2907

And that hard work pays off! Look at the result!!!

IMG_2928

She created a website for her community named “Bandung Lautan Damai”

IMG_2929

Since it consists of different people with different backgrounds and emphasizing on tolerating differences, the design is so colorful and contrast!

IMG_2930

The colors shows diversity in harmony. A mindblasting design!

IMG_2931

It is simple, and the typography is brilliant!!!

IMG_2932

This is a masterpiece πŸ™‚

IMG_2933

IMG_2934 IMG_2935

The last but not least: A news website design by Fairuz Rana Ulfah πŸ™‚

IMG_2938

It has a tight and complex design as a container to its various news and links πŸ™‚ It looks so neat but requires hard work! πŸ™‚

IMG_2940

IMG_2939

Reviewers gave brief intro about their company to inspire the Coding Mum Alumni and to guide them with some tips about getting a job/project.

IMG_2941

Mas Jevfin explained the difference between game programmers and front-end programmers

IMG_2943

Mas Mumu introduced us to Kakatu and its products πŸ™‚

IMG_2945

IMG_2946

One of Kakatu’s powerful products πŸ™‚

IMG_2948

What’s happening at the “backstage” πŸ˜€

IMG_2891

IMG_2883

IMG_2922

Mums from Batch 1 and Batch 2 giving their support to the juniors! Thanks! :* :* :*

IMG_2912

A very professional looking photographer πŸ˜€

IMG_2913

IMG_2909

IMG_2910

IMG_2947

Yaaay, now everyone can get their sertificates πŸ™‚

IMG_2950

IMG_2952

IMG_2953 IMG_2954

IMG_2956

IMG_2951 IMG_2955

Congrats Batch 3! We’re so proud of you!!!

IMG_2972

All of us!

IMG_2960

And afterwards: all gathering around Mas Mumu to get more info about Kakatu πŸ˜‰

IMG_2963

Today is a great day! ProCodeCG is so proud to be able to educate another batch of Coding Mum πŸ™‚ Will start Batch 4 for very soon πŸ™‚

Thanks so much to the reviewers πŸ™‚

And so many thanks to Grapari Telkomsel Digilife Dago for the support and providing us with technology and infrastructures πŸ™‚

ProCodeCG Coding Mum Batch 3 – Day #14 – 16 Feb 2017

Standard

The last day before presentation tomorrow! πŸ™‚ Everybody was so busy finishing up their projects πŸ™‚

IMG_2822

But they have done great so far so tomorrow will be ok πŸ˜‰

IMG_2823

We still had this love and hate relationship with GitHub πŸ˜€ So tomorrow we will probably will do the presentation fromΒ each one’s local πŸ˜‰

IMG_2824

It’s unbelievable that Batch 3 is almost over πŸ™‚

IMG_2825

Some of the amazing works πŸ™‚

IMG_2826

Bildschirmfoto 2017-02-16 um 9.15.42 AM Bildschirmfoto 2017-02-16 um 9.16.02 AM

Bildschirmfoto 2017-02-16 um 9.16.14 AM Bildschirmfoto 2017-02-16 um 9.24.56 AM

Bildschirmfoto 2017-02-16 um 9.26.23 AM Bildschirmfoto 2017-02-16 um 10.00.35 AM

Bildschirmfoto 2017-02-16 um 10.01.53 AM Bildschirmfoto 2017-02-16 um 10.02.22 AM

Will show more of the awesome results tomorrow πŸ˜‰