ProCodeCG Kids Regular Coding Class – 14 Apr 2018

Standard

This is not just a regular coding class. This is a research center of ProCodeCG Kids πŸ˜‰

IMG_2482

IMG_2483

This is from earlier: Aidia and Echa helped preparing the class πŸ˜‰

IMG_2456

IMG_2457

Echa missed several classes and got back with lots of ideas πŸ™‚

IMG_2458

One of Echa’s project is to create Hogwart School πŸ˜‰

IMG_2463

IMG_2472

IMG_2488

Wooowww

IMG_2509

Awesome creations Echa! πŸ™‚

IMG_2510

Aidia had her own project too πŸ™‚

IMG_2459

Aidia likes to build structures in Minecraft

IMG_2462

And explores things can be done in Minecraft like cooking

IMG_2473

Or created hidden place to hide stuffs

IMG_2508

IMG_2487

or trying funny things like making things upside down πŸ˜€

IMG_2520

She also has pets too πŸ™‚ Later Aidia will learn to do things in Minecraft with JavaScript coding πŸ˜‰

IMG_2521

Sulaiman continued his JavaScript coding in Minecraft πŸ™‚

IMG_2460

Today Sul created a skyscraper πŸ™‚

IMG_2491

IMG_2474

With code we can create how many floors as we want πŸ™‚

IMG_2475

We can also add colors too to the skyscraper

IMG_2489

So we got a rainbow building πŸ™‚

IMG_2490

The code πŸ˜‰

IMG_2492

Sul learned to create a bridge πŸ™‚

IMG_2526

Kinan, welcome back πŸ™‚

IMG_2461

IMG_2467

To refresh the memory, Kinan re-created her race car game, and did it differently πŸ˜‰

IMG_2476 2

IMG_2484

different version but better than previous! Nice one Kinan! πŸ™‚

IMG_2493

Capt. Azriel on duty helping Kinan

IMG_2470

Kinan’s brand new RaceCar Game πŸ˜‰

IMG_2506

Nafis was given task to test micro servo for our robotic project πŸ™‚ Nafis was in IoT team but he’s needed to help us with the testing too πŸ™‚ Thanks Nafis πŸ™‚

IMG_2465

Sam continued working on his RaceCar game, still struggling to add fuel indicator πŸ™‚

IMG_2466

The most interesting thing about coding is that there’s many ways to do things. Kids will learn about problem solving by finding and choose their own way to fix a problem πŸ™‚

IMG_2468

Sam still figuring out to display the fuel indicator πŸ™‚

IMG_2477

Fathan was on the same track with Sam. He was also working on fuel indicator on the RaceCar Game

IMG_2469

The problem with Fathan’s is there was some errors at the end of the game because when the car crashes into the other, then the fuel indicator cannot find its position because the car changed into the wrecked car sprite πŸ˜€ We still need to figure it out next week πŸ˜‰

IMG_2471

Fadhlan was given totally a new task: a robotic research πŸ˜‰

IMG_2478

First, Fadhlan had to read the tutorial

IMG_2481

And then browse the internet to find the components

IMG_2485

IMG_2503

Capt. Awa was about to continue his vending machine project but given a new task to give Fadhlan a demo of how stepper motor work πŸ™‚

IMG_2486

So Awa prepared the code

IMG_2499

and did some components research too

IMG_2502

and then wrote down what we needed for the robotic project

IMG_2504

ok the stepper motor worked fine πŸ™‚

IMG_2511

IMG_2512

ProCodeCG Kids Robotic Team πŸ˜‰

IMG_2516

IMG_2522

IMG_2528

and Fadhlan wrote down the plan

IMG_2514

IMG_2535

this stepper motor is for one wheel

IMG_2515

Adding the wheel

IMG_2523

IMG_2531

Yas, we got one wheel

IMG_2534

and then added the second one πŸ˜‰

IMG_2532

Vian

IMG_2479

and Ain had problems with the server, they should download the updated server so they can continue the project

IMG_2507

Nares got a huge progress today

IMG_2480

Nares had finished his intro to programming sessions so he started GameMaker today πŸ™‚

IMG_2494

Nares’ first game πŸ˜‰

IMG_2495

Carefully see how the game grows πŸ™‚

IMG_2496

IMG_2500

IMG_2501

IMG_2505

IMG_2519

IMG_2525

IMG_2527

IMG_2529

Capt. Awa helped Nares to improve the game even more πŸ™‚

IMG_2533

Capt. Awa cleaning up after the class, thanks capt! πŸ˜‰ :*

IMG_2536 IMG_2537

Behind the scene: bonding between kids in the class πŸ™‚

IMG_2497

Cute scene πŸ™‚

IMG_2498

That’s the report for today, hoping its not overwhelming πŸ™‚ See you again next week πŸ™‚

*video is available here

Advertisements

ProCodeCG – Darul Hikam – Coding Class – 13 April 2018

Standard

Our Friday Coding at Darul Hikam Elementary School πŸ™‚

IMG_2400

Captain on Duty: Capt. Bullitt πŸ™‚

IMG_2390

 

Today Hanif started to create his own version of Flappy Bird πŸ™‚

IMG_2389

IMG_2391

We began from scratch: Hanif created his own pipes and bird πŸ™‚

IMG_2395

IMG_2397

IMG_2398

We only download the background, everything else was created by Hanif πŸ™‚

IMG_2401

The game is working fine πŸ™‚

IMG_2403

Later Capt. Awa added a fire burst at the end of the bird so it looks like a rocket πŸ˜€

IMG_2404

IMG_2416

IMG_2409

Capt. Bullitt helped Hanif to improve the game

IMG_2412

Adryan wanted to create a new gameΒ  πŸ™‚

IMG_2399

The game he created last week can still be improved but he said he will do it later πŸ˜€

IMG_2393

Capt. Bullitt helped Adryan to set up a new game

IMG_2396

 

 

IMG_2402

And like usual, Adryan likes to draw the sprites, in details πŸ™‚

IMG_2408

IMG_2411

 

IMG_2414 IMG_2415

Yaaay, Adryan’s new game πŸ™‚ This frog will jump from a lotus leaf to another πŸ™‚ The game will be similar to Flappy Bird, and we’re going to continue it next week πŸ™‚

IMG_2422

Capt. Bullitt explored Game Maker Studio 2 to see if there are interesting features not available on the version we’re using now πŸ™‚

IMG_2421

IMG_2419

IMG_2420

So many things to explore next week, until then! πŸ™‚

 

ProCodeCG Kids Regular Coding Class -7 Apr 2018

Standard

How’s your Saturday? This is ours πŸ˜‰

Firaas helped preparing the class πŸ™‚ He and his mom always come very early πŸ™‚

IMG_1982 IMG_1983

The class after most of the kids showed up πŸ™‚

IMG_2017

IMG_2018

Firaas learns Minecraft very quickly. He created lots of things with RedStone.

IMG_1988

This circuit, produces music πŸ™‚

IMG_1984

IMG_1986

IMG_1989

Nares had just came back from an event at his school. Very sleepy and tired, he came to the class to learn πŸ™‚

IMG_1991

Nares finished his second part of intro to programming and going to start creating games next week πŸ™‚

IMG_1999

IMG_2021

Nafis was ready to continue his IoT project πŸ˜‰

IMG_1992

Nafis’ mission is to turn on/off this LED via cloud from his Android phone πŸ™‚

IMG_2010

And yeah it worked πŸ˜‰

IMG_2011

Ain

IMG_1995

and Vian

 

IMG_2009

IMG_2024

and Firaas

IMG_2025

worked together to built things in Minecraft πŸ˜‰

IMG_2026

Capt. Awa mission was to continue his vending machine project πŸ™‚

IMG_1996

But Capt. Awa felt like to show us the improvement he made in some games he created πŸ˜€

IMG_2001

IMG_2002

IMG_2003

And then Awa wanted to add another row of vending machine. So he had to add another motor servo and controller to the circuit πŸ™‚

IMG_2014

The code

IMG_2015

Not as easy as we thought, we got stuck because none of the servo worked πŸ˜€

IMG_2027

So Koosha came to help

IMG_2028

IMG_2029

IMG_2030

Koosha had a great way to debug it πŸ™‚

IMG_2031

IMG_2032

The button pressing was detected but the servo didn’t move a bit πŸ™‚ We need more time to debug πŸ™‚

IMG_2033

Koosha project for today is this

IMG_1997

IMG_1998

Required some hard work πŸ˜€

IMG_2006

Nothing is impossible for Koosha πŸ™‚ Next class he’s going to be assigned a new project: robotics πŸ™‚

IMG_2012

IMG_2019

IMG_2020

Azriel was still struggling with digital clock in Minecraft

IMG_2016

Azriel had to start all over again because the last time did not work

IMG_2022

It is quite a complex structure πŸ™‚

IMG_2034

We also did some research on how to create a robot in Minecraft πŸ˜€

IMG_2023

Too many things to do, too many ideas to be executed but we still have next week πŸ™‚ Until then πŸ˜‰

 

 

ProCodeCG – BDV – Data Science – Day 1 – 9 Apr 2018

Standard

Our technical series topic for this month is Data Science πŸ™‚

IMG_2168 IMG_2169

We learned about data science theories

IMG_2171

Some basic statistics

IMG_2174

IMG_2175

IMG_2176

We also crawl some data from Instagram for a certain hashtag and see how a GraphQL looks like compared to JSON. We will learn to process the data and probably will do clustering too in the next classes πŸ˜‰

IMG_2178

The class

IMG_2170

IMG_2172 IMG_2173

Not as much people as before which is kind of a blessing because today we have to change venue due to Coding Mum for the DisablesΒ , another ProCodeCG event working in parallel πŸ˜€

IMG_2179

We’re going to do about 2 – 4 more sessions of this topic, only those who attend all four classes will get certificate πŸ™‚

ProCodeCG – Coding Mum Disabilitas – BDV – 9 April 2018

Standard

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 πŸ™‚

IMG_2123

IMG_2115

Preparation while waiting for the judges πŸ™‚

IMG_2120

Every student had prepared their work to be presented

IMG_2121

IMG_2124

The mentors helped everyone and made sure everything is ready

IMG_2125

The judges πŸ™‚

IMG_2136

IMG_2137

A good sign: they did not look nervous πŸ™‚ Good πŸ˜‰

IMG_2126 IMG_2127

IMG_2128

At the backend: ProCodeCG Kids helped preparing the certificates πŸ™‚

IMG_2129

IMG_2130

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

IMG_2131

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.

IMG_2134

IMG_2135

IMG_2138

IMG_2140

IMG_2141

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

IMG_2142

IMG_2143 IMG_2144

IMG_2145

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

IMG_2146

Herwin created a website that lists museums in West Java because he likes museum very much πŸ™‚

IMG_2148 IMG_2149

IMG_2150

Putri Nur Agustin (handicapped) created a website for a showcase of her handmade macrame bags πŸ™‚

IMG_2151

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

IMG_2153

Some of Putri’s awesome products πŸ™‚

IMG_2154

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.

IMG_2155

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.

IMG_2156

IMG_2157

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

IMG_2159

While Israidha Riviani Rivai created a guest house website

IMG_2161

IMG_2162 2

Eunike Aginta Sitepu (half blind) created a website for her almond milk product: Tabo Fresh πŸ™‚

IMG_2165

She brought some samples that quickly got sold and we had to do PO to get the product πŸ™‚

IMG_2166

Mira Ratnawulan (deaf) is a hip hop dancer πŸ™‚ She created a website about hip hop dancers, of course πŸ™‚

IMG_2167

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

IMG_2158

and Dwi Ayuni. Both created websites related to the community they are closely observing: the disabilities πŸ™‚

IMG_2164

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 – Darul Hikam – Coding Class – 6 April 2018

Standard

Our regular coding class at Darul Hikam πŸ™‚

IMG_1910

IMG_1916

IMG_1920

IMG_1909

IMG_1911

Captain on duty: Captain Bullit

IMG_1912

the captain developed his own games as examples in the class πŸ™‚

IMG_1913

Captain assistant: Capt. Ain

IMG_1926

Hanif started to create a new game πŸ™‚

IMG_1918

IMG_1919

the game use totally different control keys πŸ™‚ the main character will follow the mouse click

IMG_1914

and it can shoot to zombies trying to attack him πŸ™‚

IMG_1922

There are still a lot of things can be added to this game πŸ™‚ We’ll see what Hanif will come up with next week πŸ™‚

IMG_1930

Adryan also created a new game

IMG_1915

He carefully drew all the characters

IMG_1917

 

IMG_1921

IMG_1923 IMG_1924

And thinking about the scenario of the game

IMG_1925

And came up with the idea of a game of a sick kid that avoids medicines πŸ˜€

IMG_1927

IMG_1928

Adryan felt so sleepy he asked to take a break for 5 – 10 minutes to take a nap πŸ˜€

IMG_1931

And after that he continued working and this is the result πŸ™‚

IMG_1932 IMG_1933

IMG_1934 IMG_1935

Impressive progress, kids! Thank Captains! See you again next week πŸ™‚

ProCodeCG Kids Regular Coding Class – 31 Mar 2018

Standard

Regular Saturday fun πŸ™‚

IMG_1577

IMG_1602

IMG_1603

IMG_1606

Glad to have Firaas back πŸ™‚ He wanted to start learning Minecraft Modding with Spigot Server πŸ™‚

IMG_1575

After Firaas got the server installed, he started to enter command using JavaScript to see what happens πŸ™‚

IMG_1581

this is an example of creating a structure in Minecraft using JavaScript code πŸ™‚

IMG_1605

Firaas demonstrate his homework: Flappy Bird πŸ™‚

IMG_1595

IMG_1597

It still has some bugs but in overall it’s nicely done!!!

IMG_1596

Captains Collaboration – as always πŸ™‚ Capt. Syahna and Capt. Cinta always have things and ideas to do as projects πŸ™‚

IMG_1576

Today the task for Capt. Cinta is to create data visualization using Python Libraries πŸ™‚

IMG_1583

It required tedious work of installation, and Capt. Faris backed us up as always πŸ™‚

IMG_1599

There were still some errors in installation and we’re going to fix that next week πŸ™‚ The getting started is often the most painful stage πŸ˜€

IMG_1591

Sam was ready to work in 3 hours straight πŸ˜‰

IMG_1578

IMG_1580

Sam’s game development progress was awesome πŸ™‚

IMG_1607

Sam added lots of details to the game

IMG_1592

IMG_1590

including a smart trick on how to spawn the other cars randomly πŸ™‚ The game is very smooth and challenging πŸ™‚

IMG_1612

Fadhlan, under the supervision of Capt. Azriel was working hard to improve his last game πŸ™‚ *we forgot to take screenshots

IMG_1579

Capt. Faris working on projects, while helping other students. But today he spend most of the time installing Capt. Cinta’s laptop with wordcloud Python library and its dependencies πŸ˜€

IMG_1582

Fathan made awesome progress with his game, too πŸ™‚

IMG_1584

IMG_1593

Fathan added timer, scores, lives and fuel indicator to the game πŸ™‚

IMG_1601 2

He was busy testing those indicators because some of them sometimes didn’t work properly. We’re still finding tricks to display a fuel indicator bar

IMG_1587

We had a newcomer, Nares πŸ™‚

IMG_1585

IMG_1588

Nares learned basics of programming with LightBots πŸ™‚

IMG_1589

He will get through intro to programming for about 1 – 2 more classes, and then he should be ready to move to the next topic πŸ™‚

 

IMG_1594

Azriel was working on his digital clock project in Minecraft πŸ™‚

IMG_1598 2

It’s a quite complex task that he needs two computers to do it πŸ˜€

IMG_1609

Notice the switches and wiring πŸ™‚

IMG_1610

This is a different way to learn about logics and how electronic circuits work πŸ˜‰

IMG_1611

There will be more progress and interesting news about this class next week πŸ™‚ See you soon πŸ™‚