ProCodeCG Kids Regular Coding Class – Online – 28 Mar 2020


Our regular coding class – online again 😉

Fadhlan is fixing an iPhone 6 today 🙂 we have to buy some spare parts and see if the dead phone can be resurrected  😉

Screen Shot 2020-03-28 at 08.58.22

Screen Shot 2020-03-28 at 08.58.25 Screen Shot 2020-03-28 at 09.42.41

Capt. Awa

Screen Shot 2020-03-28 at 08.59.06

is working on Blender and Minecraft projects 😉

Screen Shot 2020-03-28 at 09.11.49

Screen Shot 2020-03-28 at 09.11.07

Boy is making animations with Blender

Screen Shot 2020-03-28 at 09.17.19

Screen Shot 2020-03-28 at 09.18.22

and then creates a game related to COVID-19

Screen Shot 2020-03-28 at 10.12.35

Screen Shot 2020-03-28 at 10.21.16 Screen Shot 2020-03-28 at 10.21.59

Screen Shot 2020-03-28 at 10.25.55 Screen Shot 2020-03-28 at 10.32.29

Screen Shot 2020-03-28 at 10.33.50

named “Five Nights at Covid-19” 🙂

Screen Shot 2020-03-28 at 10.41.02

Screen Shot 2020-03-28 at 10.41.59 Screen Shot 2020-03-28 at 11.00.42

Screen Shot 2020-03-28 at 11.10.07 Screen Shot 2020-03-28 at 11.31.31

Screen Shot 2020-03-28 at 11.40.08 Screen Shot 2020-03-28 at 11.40.43

Badi is still developing a website that gives information about COVID-19. we browse some example to give us ideas about the design

Screen Shot 2020-03-28 at 09.19.31 Screen Shot 2020-03-28 at 09.22.55

Screen Shot 2020-03-28 at 09.24.10

Badis COVID-19 website

Screen Shot 2020-03-28 at 10.43.33

and we’re going to upload it to so people can access it 🙂

Screen Shot 2020-03-28 at 10.49.48 Screen Shot 2020-03-28 at 10.52.08

Screen Shot 2020-03-28 at 10.56.08 Screen Shot 2020-03-28 at 10.58.52

Screen Shot 2020-03-28 at 10.59.13 Screen Shot 2020-03-28 at 10.59.37

Screen Shot 2020-03-28 at 11.04.56

it is uploaded! 🙂

Screen Shot 2020-03-28 at 11.13.59

now we’re going to add some statistics to the website, and we’re doing it in team *we use GitHub and Visual Studio Code to share the codes and do realtime programming together 😉

Screen Shot 2020-03-28 at 11.18.15 Screen Shot 2020-03-28 at 11.38.27

Screen Shot 2020-03-28 at 11.39.58

AlFattan is developing a machine learning to detect whether a person has COVID-19 or not 🙂

Screen Shot 2020-03-28 at 09.25.47

Screen Shot 2020-03-28 at 09.26.30 Screen Shot 2020-03-28 at 09.59.35

Al is doing some research to get the information about the symptoms etc

Screen Shot 2020-03-28 at 10.01.11

ready to enter the dataset

Screen Shot 2020-03-28 at 10.04.12

Screen Shot 2020-03-28 at 10.07.06 Screen Shot 2020-03-28 at 10.08.52

Screen Shot 2020-03-28 at 10.12.43 Screen Shot 2020-03-28 at 10.12.43

creating sprites and making the codes

Screen Shot 2020-03-28 at 10.32.42 Screen Shot 2020-03-28 at 10.37.55

Screen Shot 2020-03-28 at 10.37.57

finding backgrounds

Screen Shot 2020-03-28 at 10.39.16

Screen Shot 2020-03-28 at 10.40.10 Screen Shot 2020-03-28 at 10.44.40

and it works! 🙂 Al is always get things done! 🙂

Screen Shot 2020-03-28 at 10.46.28

Capt. Faris is doing lots of research to support our projects

Screen Shot 2020-03-28 at 09.43.53

Screen Shot 2020-03-28 at 09.44.53 Screen Shot 2020-03-28 at 09.54.05

Screen Shot 2020-03-28 at 10.01.31 Screen Shot 2020-03-28 at 10.40.20

including how to do coding online together 🙂

Screen Shot 2020-03-28 at 11.20.16

Aidia is building structures in Minecraft and soon should implement some RedStone circuits 🙂

Screen Shot 2020-03-28 at 09.50.14

Screen Shot 2020-03-28 at 09.58.27 Screen Shot 2020-03-28 at 09.59.28

Screen Shot 2020-03-28 at 09.59.30 Screen Shot 2020-03-28 at 10.01.24

Screen Shot 2020-03-28 at 10.03.24 Screen Shot 2020-03-28 at 10.09.25

Screen Shot 2020-03-28 at 11.46.28 Fab Screen Shot 2020-03-28 at 11.13.08

Vian didn’t want to share screen but he’s developing a game in Roblox 😉

Screen Shot 2020-03-28 at 08.54.38

some of the works cannot be reported visually in here because the kids don’t use zoom on their laptop so they cannot share screen. Kinan is still developing a new game and today she’s preparing the assets. Koosha is also very busy setting up a server 🙂

List of our jobs today 😉

Screen Shot 2020-03-28 at 08.54.52

*Photos are also available here and the video is uploaded here


ProCodeCG – Coding Mum Disabilitas – BDV – 9 April 2018


After a week learning HTML, CSS and bootstrap, today is the presentation day of Coding Mum Disabilitas Bandung 🙂 ProCodeCG as Bandung Coordinator would like to thank Bekraf, Kolla, Bandung Digital Valley, the mentors and interpreters, and for all the support to make this happen 🙂



Preparation while waiting for the judges 🙂


Every student had prepared their work to be presented



The mentors helped everyone and made sure everything is ready


The judges 🙂



A good sign: they did not look nervous 🙂 Good 😉

IMG_2126 IMG_2127


At the backend: ProCodeCG Kids helped preparing the certificates 🙂



And the other crew preparing for the next class after this class


and the mentors back off for a while, because the presentation was about to start

IMG_2132 IMG_2133

The first presentation: Evi Riandhini (deaf), created a website to display variety of food being served at Kedai Ragawangi. Evi can talk very clearly.






Dadi Rosida created a website for Desa Tenjolaut. He used lots of difficult coding with HTML, CSS and PHP.


IMG_2143 IMG_2144


Herwin Hermansyah (deaf). He does not talk, and do the presentation full in sign language.


Herwin created a website that lists museums in West Java because he likes museum very much 🙂

IMG_2148 IMG_2149


Putri Nur Agustin (handicapped) created a website for a showcase of her handmade macrame bags 🙂


She had learned to create macrame products for about 3 years and she named the product as Tas Talikur


Some of Putri’s awesome products 🙂


Dian Monika (low vision) was a very active person before she gradually losing her vision. Now she only has 30% of vision but she is very confident and independent. Hoping that the vision will get better because she had undergone many surgeries.


Dian used to travel a lot and make videos about interesting places. She created a website about traveling for the handicapped persons so they can also find places interesting to visit. Dian put some videos she created when she still has 100% vision so that the blind ones can still get the information from the website because she put clear narrations and good music in the videos.



Al-Islamabad (deaf). He created a website for his business.


While Israidha Riviani Rivai created a guest house website


IMG_2162 2

Eunike Aginta Sitepu (half blind) created a website for her almond milk product: Tabo Fresh 🙂


She brought some samples that quickly got sold and we had to do PO to get the product 🙂


Mira Ratnawulan (deaf) is a hip hop dancer 🙂 She created a website about hip hop dancers, of course 🙂


These two are observers that also join the class: Yassir Arafat


and Dwi Ayuni. Both created websites related to the community they are closely observing: the disabilities 🙂


The mentors from left to right: Tsara Fatma, Tita Mulyati, Rasyida Nurlailani, Gita Citra Puspita and Ulfa Mardatillah 🙂

WhatsApp Image 2018-04-10 at 19.55.59

The mentors, the students and the judges!

WhatsApp Image 2018-04-10 at 19.56.09

It was a great experience to see this Avengers showing their superpowers! We’re planning to make more classes for the disables in Bandung 🙂 Pray for us! 🙂

*videos are also available in here

ProCodeCG – Coding Mum Disabilitas – BDV – 2 April 2018


ProCodeCG is very proud to be given the responsibility as Coding Mum Difable Coordinator for Bandung 🙂

IMG_1718 IMG_1719

IMG_1720 IMG_1721

There is one lead instructor (right), a sign language interpreter (left) and 3 assistant instructors in the class


There are 14 students




Each one is being supervised personally 🙂


These students are amazing!


They started to learn CSS today 🙂

IMG_1731 IMG_1732

IMG_1733 IMG_1734


IMG_1739 IMG_1740

We learned how to introduce self in sign language 🙂


This shirt is very helpful 😀


So proud of this good cause! We wish to do more classes like this in Bandung 🙂


ProCodeCG Coding Mom Batch 4 – Day #13 – 8 Jan 2018


Day #13 already!


Time to get ready for the final presentation 🙂


Today there were only 2 out of 5 could make it to the class



and they made huge progress with their projects 🙂 This one working on Google Maps




and the other working on the design


Bildschirmfoto 2018-01-18 um 10.58.54 AM

super awesome job 🙂 They’ll be great on the presentation 🙂 We’re still monitoring the ones didn’t attend the class 🙂 Hoping they can catch up! 🙂

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


Day #10, and lots of progress 🙂


We learn some picture editing and more Bootstrap 🙂





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 🙂



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





We still have 4 more classes left before the presentation 🙂

ProCodeCG Coding Mom Batch 4 – Day #8 – 30 Nov 2017


Day #8 of Coding Mom! 🙂



We re-learned HTML, CSS and JS and put them all together 🙂

Bildschirmfoto 2017-11-30 um 10.26.02 AM (2)IMG_3223

IMG_3224 IMG_3225

We did some tricks to to make the paragraph disappear 🙂

Bildschirmfoto 2017-11-30 um 10.31.49 AM (2)

And then we started to learn responsive design

Bildschirmfoto 2017-11-30 um 10.58.02 AM (2)

And of course: Bootstrap 😉

Bildschirmfoto 2017-11-30 um 11.01.41 AM (2)

Bildschirmfoto 2017-11-30 um 11.11.33 AM (2) Bildschirmfoto 2017-11-30 um 11.01.41 AM

Bildschirmfoto 2017-11-30 um 11.11.02 AM (2) Bildschirmfoto 2017-11-30 um 11.24.44 AM (2)

The result 😉


We tested it on several devices, in portrait


and in landscape 🙂

IMG_3228 IMG_3229


We’re ready to design our own responsive design in the next class 😉

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


Day #7 of Coding Mom Batch 4 🙂

We learned about more JavaScript and UI/UX Design 🙂


We took a look at some great design examples


And did some code dissection


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


IMG_3046 IMG_3047


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

ProCodeCG Coding Mom Batch 4 – Day #6 – 23 Nov 2017


Day #6 of ProCodeCG Coding Mom 🙂

IMG_2713 IMG_2714

Today we learned JavaScript 🙂


Creating buttons and functions


and displaying a pop up message


Coding is hard but it is also fun 🙂


And Moms help each other to make things work 😉

IMG_2719 IMG_2720

Still don’t believe moms can code?


beware people, because when they get started, they won’t stop 😉


What we have learned today

Bildschirmfoto 2017-11-23 um 9.38.39 AM

Bildschirmfoto 2017-11-23 um 10.01.54 AM

The progress of the website project 🙂

Bildschirmfoto 2017-11-23 um 11.41.02 AM

Bildschirmfoto 2017-11-23 um 11.41.05 AM

Bildschirmfoto 2017-11-23 um 11.43.34 AM

Bildschirmfoto 2017-11-23 um 11.44.03 AM


There’ll be more progress next week 😉 We will be reporting 🙂

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


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

IMG_2515 IMG_2516


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


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


or using mobile apps


Then we learned about typeface and fonts


we learned about typography and how to choose the appropriate typeface



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



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



We will learn JavaScript on the next class 😉