ProCodeCG Coding Mom Batch 4 – Day #10 – 11 Dec 2017

Standard

Day #10, and lots of progress 🙂

IMG_4073

We learn some picture editing and more Bootstrap 🙂

IMG_4074

IMG_4075

IMG_4076

IMG_4077

Bildschirmfoto 2017-12-11 um 11.11.51 AM (2)

Bildschirmfoto 2017-12-11 um 11.54.21 AM (2)

We helped each other and make sure everyone’s design works 🙂

IMG_4078

IMG_4079

The results 😉 plus the view for smaller devices 🙂

Bildschirmfoto 2017-12-11 um 8.45.17 AM Bildschirmfoto 2017-12-11 um 11.11.44 AM

Bildschirmfoto 2017-12-11 um 11.11.51 AM

Bildschirmfoto 2017-12-11 um 11.11.55 AM

Bildschirmfoto 2017-12-11 um 11.54.21 AM Bildschirmfoto 2017-12-11 um 11.54.24 AM

IMG_4083 IMG_4082

IMG_4081 IMG_4085

IMG_4086 IMG_4084

 

 

 

IMG_4080

We still have 4 more classes left before the presentation 🙂

Advertisements

ProCodeCG Coding Mom Batch 4 – Day #7 – 27 Nov 2017

Standard

Day #7 of Coding Mom Batch 4 🙂

We learned about more JavaScript and UI/UX Design 🙂

IMG_3042

We took a look at some great design examples

IMG_3043

And did some code dissection

IMG_3044

Each mom was given an assignment to make a sketch of their web design 🙂

IMG_3045

IMG_3046 IMG_3047

IMG_3048

We’re going to learn some Bootstrap this Thursday and we’ll see how to make this design come true 🙂

ProCodeCG – Darul Hikam – Intro to Programming – 24 Nov 2017

Standard

Hello, today is the last day of ProCodeCG – Darul Hikam -Intro to Programming Workshop 🙂

Introducing captain on duty: Capt. Bullitt (Awa)

IMG_2779

The class

IMG_2781

IMG_2782 IMG_2783

IMG_2784 IMG_2785

IMG_2787

IMG_2847

We did warming up with Minecraft Hour of Code 🙂

IMG_2786

IMG_2794

IMG_2795

IMG_2803

IMG_2796

The certificates and happy faces 🙂

IMG_2788 IMG_2790

IMG_2797 IMG_2798

IMG_2802

IMG_2804

IMG_2808

IMG_2809

IMG_2812

IMG_2819

IMG_2845

IMG_2846

IMG_2849

IMG_2848

IMG_2850

Then we started to create our very own games 😉

IMG_2793

IMG_2799

Awesome creations!

IMG_2800

IMG_2801

 

IMG_2805 IMG_2806

IMG_2807

IMG_2810

IMG_2811

Thanks so much Darul Hikam 🙂

IMG_2813

Hoping to be able to collaborate again next semester 🙂

IMG_2818

 

 

 

 

ProCodeCG – BDV – codeMeetUp() #116 IoT Series Day #4 – 20 Nov 2017

Standard

The last day of ProCodeCG – BDV – codeMeetUp() #116 IoT Series 🙂

ProCodeCG - codeMeetUp() #116- IoT Weather Programming Series 4:4 - small

Today we made sure everybody could follow what have been learnt in the previous class

IMG_2541

IMG_2542 IMG_2543

IMG_2544 IMG_2545

IMG_2546

After we’re sure that everybody can gather data from temperature and humidity sensor, we moved on to connecting it to the cloud

IMG_2547

IMG_2548 IMG_2549

Then we learned IoT & MQTT

IMG_2550

And experimenting with publishing and subscribing to MQTT 🙂

IMG_2551

We can do it from mobile apps too 🙂

IMG_2552

We can control (and being controlled LED) of any ESPectro subscribing to “led1” topic and can send and receive text to anyone subscribing and publishing to “pesan” topic

IMG_2553

IMG_2554

At the end we learned to continuously publish data to MQTT, and the next step is to send temperature and humidity data

IMG_2555

This us 😉

IMG_2556

Thanks so much all, thanks so much BDV, see you again soon with different topics 🙂

IMG_2557

ProCodeCG Coding Mom Batch 4 – Day #5 – 20 Nov 2017

Standard

Day #5 🙂 Today we learned about taking pictures and image editing 🙂

IMG_2515 IMG_2516

IMG_2517

Good pictures are essential for web design, so we learned how to capture and produce nice pics 🙂

IMG_2518

Each mom tried to take pics using a DLSR camera

IMG_2519 IMG_2520

We taught moms about the setting, how lenses work and how to set focus, aperture and exposure

IMG_2521 IMG_2522

IMG_2523 IMG_2524

Then we process the pics on the computer

IMG_2526

or using mobile apps

IMG_2529

Then we learned about typeface and fonts

IMG_2530

we learned about typography and how to choose the appropriate typeface

IMG_2531

IMG_2532

After that, moms had to apply what had been learned to their own websites 🙂

IMG_2536

IMG_2538

While also learning from CodeAcademy learn more syntaxes and to do some exercises

IMG_2539

IMG_2540

We will learn JavaScript on the next class 😉

ProCodeCG – BDV – codeMeetUp() #114 & #115 IoT Series Day #2 & #3 – 13 Nov 2017

Standard

codeMeetUp() #114 and #115 in a row 🙂

IMG_1897 IMG_1898

We continued the lesson last week 🙂

IMG_1899

We had this awesome kids again in this class yaaay 🙂

IMG_1900

IMG_1901

Today we finished the setup and started to connect ESPectro to DHT22 temperature and humidity sensors

IMG_1902

IMG_1903 IMG_1904

IMG_1905

Took some time to download the libraries

IMG_1906

IMG_1907

We finally got the reading of the sensors

IMG_1908

IMG_1910

IMG_1912

And connect it to the cloud 🙂

IMG_1911

Next week we will learn more 🙂

 

ProCodeCG – BDV – codeMeetUp() #113 IoT Series Day #1 – 6 Nov 2017

Standard

Today ProCodeCG and BDV started Day #1 of codeMeetUp() IoT Series 🙂

ProCodeCG - codeMeetUp() #113 - ProCodeCG codeMeetUp() #113 - IoT Weather Programming Series 1:4 - small

Today we learned some intro about IoT, take a look at some devboards and sensors

IMG_1346 IMG_1347

We used devboard from DyCodeX: ESPectro ver 3 🙂 It is available on Makestro Shop 🙂

IMG_1348

and then started to install Arduino IDE, drivers and ESPectro Libraries

IMG_1349

As usual, the beginning is always painful because it takes time to download the libraries, and do the setting 🙂

IMG_1350 2

We had kids in the class too 🙂

IMG_1351 2

IMG_1357

Everybody seemed to have fun, despite of the obstacles (different on every OS :D)

IMG_1352 IMG_1353

IMG_1354

The first group successfully installed ESPectro library and make the LED blinks, plus turned neopixel off. They were given task to make neopixel blink but time was up so we had to continue next week 🙂

IMG_1355 2

ESPectro32 is already available on Makestro Shop, to those who are interested 😉

IMG_1356

See you next week 😉