Kids Regular Coding Class – 30 April 2016 – More projects

Standard

Hello! The class today was in Digilife Dago! πŸ™‚
Awa came with a bike! This was before class and he was going to park the bike πŸ˜‰

IMG_0325

Lots of kids today!

IMG_0326

And lots of thing to do!

IMG_0327

We found out that one of the kids, a newcomer, Rezandra is actually very good in animation. He created this with Blender!

IMG_0328

Azriel with his new ProCodeCG jacket, explaining his project plan with Farrell they named Vengeance Project πŸ˜€
IMG_0329

We needed two laptop in front, one to display the coding and one to find some internet connection πŸ˜€

IMG_0330

We had lots of progress too, Pru had modified her code into more interesting game with unexpected rule πŸ˜€
IMG_0331

Awa was working on FlappyBird Project and took a break once for a while.

IMG_0332

Cinta and Awa are in the same team with Malik in the project.

IMG_0333

Farrell and Azriel discussing about their project. They broke down tasks to be doing and who’s gonna assigned to do it. They said they’re going to make some virus, some trojans and also some ssh programing, oh well πŸ˜€

IMG_0335

Cinta was very excited about creating FlappyBird with Java πŸ˜‰
IMG_0337

While Clarence put some unusual and brilliant ideas to his code. He liked it a lot and played his own game over and over again.

IMG_0338

And so did Pru! πŸ™‚
IMG_0339

Lots of minds doing lots of work!

IMG_0340

Roni did very well too. He typed lots and lots of code and made it work.
IMG_0342

The codes displayed on the screen were intended for different groups. The left one was for Reza and Rezandra who were working on adding score to their code and the right one was for Ardi who was keeping up with several object he missed.
IMG_0347

Ardi finished all the typing job but there were several errors. We’re going to fix it next week, ok!

IMG_0348

We had a visit from IbuΒ Riri Amalas Yulita – GM Customer Service Management Telkomsel andΒ Ibu Eni -GM Operation Infomedia πŸ™‚ Thank you so much for supporting ProCodeCG πŸ™‚
IMG_0351

And, Aliyah gave us a surprise. She had just came back to the class after a while and she had to catch up. She did it very well and look at her! Still doing code in a restaurant during lunch πŸ˜€
13077092_10206889363252601_2244895733888175857_n

She already created a totally different games from what she did in the class before!

13119011_10206889363532608_1349335923124663568_n

You should show us this game to us next week Al!!! πŸ™‚

See you next week! πŸ˜‰

Coding Mum Day 7 & 8 – 29 April 2016

Standard

Working hard again today, we did day 7 and day 8 in a row! πŸ˜‰

We had to move to another nice room (thanks so much Dilo Bandung), so early in the morning we did some set up

IMG_0222

The most diligent mum, arrived very early! before 8 o’clock! πŸ˜‰

IMG_0223

Thanks to Pak Iwan from Dilo Bandung for helping us put the backdrop on the wall πŸ™‚
IMG_0224

Class started!

IMG_0225

We reviewed the topic from the last class
IMG_0226

We made some advanced HTML and CSS yesterday and we refreshed it again before we continued to the next topic.

IMG_0227

The topic today was bootstrap πŸ˜‰

IMG_0228

We learned the hard way with HTML and CSS now with bootstrap everything is so easy πŸ˜€

IMG_0229

The best thing about this Coding Mum is that everybody is so full of energy πŸ™‚ The trainers are always in full performance
IMG_0230

And so are the Mums πŸ™‚

IMG_0231

Look at them πŸ™‚
IMG_0233

Hahahaha

IMG_0234
IMG_0235

We worked for 6 straight hours and yet everybody was happy all the time!

IMG_0236

6 hours of productivity
IMG_0237

.. and teamwork

IMG_0238

So many good energy happening in the class
IMG_0239

Like this dedicated Mum: going through the class while babysitting the kid πŸ™‚

IMG_0240

Every Mum does the best and tries very hard to keep up with the class
IMG_0251

And the trainers work very hard to help πŸ™‚

IMG_0252

While in the background we were also busy pulling, committing and pushing with Git πŸ˜€
Bildschirmfoto 2016-04-29 um 10.19.35 AM Bildschirmfoto 2016-04-29 um 10.23.34 AM
Bildschirmfoto 2016-04-29 um 9.19.56 PM

And at the end of the class.. after 6 straight hours… they Mums still looked as fresh as in the morning πŸ™‚

WhatsApp-Image-20160429

Coding Mum Day 5 & 6 – 28 April 2016

Standard

Today we did Day 5 and Day 6 because there will be lots of holiday next week! πŸ˜‰ So the class started 9 am and ended 3 pm πŸ™‚

IMG_0151

Today we fix some conflicts and typos and errors from previous class
IMG_0152

Our mission today was to add button, dropdown list and create a new and more advanced website design.

IMG_0153
IMG_0154 IMG_0155
IMG_0156

We also learned about branching in GitHub. So starting today we’re not accessing straight to the master but create our own branches.

IMG_0157

Took some time to understand the concept of branching and the process πŸ˜‰
IMG_0158

We had to keep an eye to the branching, commit, push and pull process to fix the conflicts and prevent merging mistakes.

IMG_0159

This kids seemed to be comfortable in the class now πŸ™‚ He did lots ofΒ Β yoga pose look like! Awesome! πŸ˜‰
IMG_0160

This going on and on for 6 hours πŸ˜€

IMG_0162

We all successfully created a whole new website, with great designs!
IMG_0163 IMG_0164

Mums also learned about cools tools like Emmet etc πŸ˜‰
IMG_0173 IMG_0174

What a great and productive day! Too bad we still don’t have the screenshot of their work from today because we haven’t merged the branches πŸ˜€ We’ll do it tomorrow πŸ˜‰
IMG_0175

And well, sh*t happens πŸ˜€ This is how you would look like if you lose your files (several .html, some .css and pics) in the process of GitHub-ing πŸ˜€ Bu Lia forgot to commit her work to GitHub and she checked out to master to fill in the attendance list so when she got back to her branch, all the works had gone! Oh wow!

IMG_0176

HEADACHE!!! πŸ˜€
IMG_0177

Phew what a long day!

IMG_0179

And we’ll do it again tomorrow πŸ˜€
IMG_0180

3:15 and they were still there πŸ˜€ πŸ˜€ πŸ˜€

IMG_0181

Some screenshots of what we do today: we used GitKraken to monitor the GitHub activities

Bildschirmfoto 2016-04-28 um 9.58.38 AM

Made more advanced .css
Bildschirmfoto 2016-04-28 um 2.50.14 PM

and more .html too πŸ˜‰

Bildschirmfoto 2016-04-28 um 7.19.35 PM

Ok enough for today! πŸ™‚

ProCodeCG codeMeetUp() #67 – Fracture and Rigid Body Dynamics

Standard

Wow! We had lots of audience today!

Kampoong Monster Studios, now Prawitra Studio gave an open workshop about Intro to Fracture and Rigid Body Dynamics today πŸ™‚

IMG_9954

Most of the audience are from Cimahi Creative Association (CCA) πŸ™‚

IMG_9955

The Technical Director of Pawitra Studio, Aditia A. Pratama was also there too πŸ™‚
IMG_9956

The trainer was CG Supervisor of Pawitra Studio: Bintang Senja Pratama πŸ™‚

IMG_9957

We’re going to upload the video on our YouTube Channel (after the editing process that might take a while πŸ˜€ )
IMG_9959

Here we are just going to show you some of the pictures. The detailed will be in the video πŸ˜‰

IMG_9960

In workshop today we learned how to create rigid objects with physics force applied to them.
IMG_9961

We can apply some weights, gravity force, fractions etc like the picture below.

IMG_9962

We can also add some bouncing parameter to the objects. In this case we have a ball and a thick surface below it.
IMG_9963

We wanted to make the ball fall right on top of the plane and break it. So we had to make both object rigid body.

IMG_9964

We also had to set parameters for fractures
IMG_9965

Look at those inspired audience! πŸ™‚

IMG_9966

When all set up, when the ball fall on top of the surface, it breaks.
IMG_9967

Or we can add more dramatic fractures like this one

IMG_9968

Even with more objects and different materials
IMG_9971

We can also use particles if we want to make the ball explode from the inside.

IMG_9972

Q & A sessions πŸ™‚
IMG_9973

Yeah we can make it cracked (not break apart into pieces) by putting another surface so close to the top surface.

IMG_9974

Like usual, at the end of the session, each one of us introduce self to the others πŸ™‚
IMG_9975

It was raining heavily and we had to wait until it became a little bit lighter πŸ™‚

IMG_9976

But we didn’t mind because we can still gather and talk while waiting πŸ˜‰

IMG_9978

See you next week! πŸ˜‰

Coding Mum Day 4 – 25 April 2016

Standard

Day 4. And the Mums have developed bonding with each other πŸ™‚ They took a wefie pic in the morning before class πŸ˜‰

IMG_9941

So glad to see them happy and share such positive energy πŸ™‚ On Monday morning! πŸ˜‰

IMG_9918

If we can gather such positive energy plus the increasing coding skill from all around Indonesia, there’s nothing we cannot do as a nation! πŸ™‚
IMG_9919

Class started. Lights turned off each time we explained with the projector.

IMG_9920

Pak Budi Rahardjo explaining HTML syntax we learned from previous lessons.
IMG_9921

We to added some advanced HTML today.

IMG_9922

Working as a team, the trainers take turn to explain in the front, preparing materials (like mas Adit does in this pic) or assisting the Mums with their works.
IMG_9923

We got a new Mum to replace a Mum who decided to leave the class due to conflicting schedules.

IMG_9924

Pak Budi and mas Adit working on codes to be explained, or resolving GitHub conflicts πŸ™‚
IMG_9925

While the other trainer was in charge to explain and show some demo on the screen.

IMG_9926

Mas Bintang is always busy assisting Mums, plus giving the newcomer a jumpstart πŸ™‚
IMG_9927

Look at those face with determination πŸ˜‰

IMG_9928

They can be so cheerful but when it is time to work, they do it seriously πŸ™‚
IMG_9929

10 students with 3-4 trainers seems to be a great ratio.

IMG_9932

Mums should have skills on designing UI/UX. So Pak Budi explained to them about typeface / fonts.
IMG_9933

Mums help each other too when one of them having troubles πŸ™‚

IMG_9934

3 hours seems to be not enough πŸ˜€
IMG_9935

Lots of things going on in the class. Such as babysitting πŸ™‚

IMG_9936

Trainers always make sure things are working.
IMG_9937

This one giving that look because one of the internet connection didn’t work πŸ˜€

IMG_9939

Our team! πŸ˜‰
IMG_9942

Hello kid! This kid was picking up the mother πŸ˜‰

IMG_9950

When he got bigger he would say how proud he is to have a coding mum! πŸ˜€
IMG_9951

Class almost ended

IMG_9952

… and headaches seemed to take place LOL
IMG_9953

Some of what we learned today

Bildschirmfoto 2016-04-25 um 11.26.09 AM
Bildschirmfoto 2016-04-25 um 11.26.13 AM Bildschirmfoto 2016-04-25 um 11.26.18 AM
Bildschirmfoto 2016-04-25 um 11.40.26 AM Bildschirmfoto 2016-04-25 um 11.40.29 AM
Bildschirmfoto 2016-04-25 um 6.18.05 PM

And some of Mums website (with LOTS of improvement) πŸ™‚

yuni-website-day4-2
yuni-website-day4-1 Screen Shot 2016-04-25 at 12.19.31 PM
hari4_b hari4_a
Screen Shot 2016-04-24 at 6.28.22 PM

 

ProCodeCG Kids Regular Coding Class 23 April 2016 – Java Programming

Standard

We’re still working on Java Programming today πŸ™‚

IMG_9781

Some of us working on new codes and the other continue working on adding more methods to the last code.

IMG_9782

Today Faris created a jump scare code πŸ˜€
IMG_9783

That when the user click something on screen (a picture, or a confirmation button), it will play a scary sound and display a scary pic πŸ˜€

IMG_9784

And the kids really use this code to prank their friends πŸ˜€
IMG_9785

Cinta made it to the class after finishing a science competition, yeaaay!

IMG_9786

And guess what? We had a newcomer! Rezandra πŸ™‚ Her mom is actually in Coding Mum class, and they’re sharing the very same laptop! πŸ™‚ How cute! πŸ™‚
IMG_9787

What a lovely Saturday! We gather and do awesome things with code πŸ™‚

IMG_9788

Faris was insisting to make the jump scare picture as big as the screen
IMG_9789

While Cinta started to work on her Flappy Bird in Java code πŸ™‚

IMG_9790

Faris and Capt. Fizhan used some video editing tools to create a short sequence of scary pics! πŸ˜€
IMG_9791

While this one is working on school assignments πŸ˜€

IMG_9792

And Malik! He’s leading in the Flappy Bird project πŸ™‚
IMG_9793

And Roni, was busy catching up with the intro to Greenfoot πŸ™‚

IMG_9794

See, Faris wasΒ actually using Adobe Premier to edit the jump scare video
IMG_9796

Cinta had set the background of the FlappyWorld and ready to add more FlappyBird assets but she had something to discuss with Capt. Syahna πŸ™‚

IMG_9797

Rezandra is very nice and dilligent. He caughtΒ up very quickly πŸ™‚
IMG_9798

Reza was doing great too! Last week he couldn’t really follow the class because he didn’t have the admin password to install Greenfoot. Today he got it installed and finished all he had to do last week!

IMG_9799

Malik has been doing his own research about this FlappyBird project and this is the picture of he is doing some debugging.

IMG_9800

This fluid class allows kids to share ideas and learn in their own pace.

IMG_9802

This is Capt. Fizhan and Reza working together to add some sounds to the code.
IMG_9803

Seriously, creating FlappyBird is easier to be done with GameMaker than with Greenfoot (we actually can also do it the hard way in GameMaker by typing in codes, but in Greenfoot we do it in OOP so it is harder πŸ˜€ )

IMG_9804

Rezandra finished up all the tasks given. Now he has a code of Turtle chasing and eating ants that moving around πŸ™‚
IMG_9807

Next week, there will be update about our Flappy Bird project! πŸ˜‰

Coding Mum Day 3 – 22 April 2016

Standard

Day 3! Fresh looks in the morning! πŸ˜‰ We’re ready to code!

IMG_9717

Yesterday we learned HTML and GitHub, so today we picked up where we left and each Mum create one folder in GitHub to store their index.html πŸ™‚

IMG_9718

Each Mum started to design their own website, using design references from the internet and basic HTML they had already learnt before.
IMG_9719

Some having problems with committing changes and syncing to GitHub but we finally resolved all the conflicts.

IMG_9720

This one looks really happy with her design πŸ˜€
IMG_9721

This one too πŸ˜‰

IMG_9722

This one said that she was hungry but couldn’t stop coding LOl
IMG_9723

This one finished early!

IMG_9724

This one couldn’t stop too. We have a bunch of hardworking Mum ready to rock the world with their codes!!!
IMG_9725

The little kid started to feel comfortable in the class πŸ˜€ We bet he’ll do coding too sooner or later! πŸ˜‰

IMG_9726

Awesome class! Lots of achievements and targets today! Good work Mums!!!
IMG_9727

These are some of their works today πŸ˜‰

dyah-website-day3
yuni-website-day3 maya's website day 3
Natalia-website-day3 putri-website-day3
tita-web-d3 uchie-website-day3

We’re going to learn more about CSS next week! Will post update about the progress! πŸ˜‰

Coding Mum Day 2 – 21 April 2016

Standard

Day 2!

Setting up the class (arranging tables and chairs, adding more tables, preparing the slides, etc.)

IMG_9635

Still a few had arrived

IMG_9636

Trainers briefing before class

IMG_9637

Today we learned using Brackets to type in HTML

IMG_9638

And our little coder wasn’t feeling ok, so he was just napping πŸ™‚
IMG_9639

One mum didn’t come because she had to take care of the children

IMG_9640

Things seemed to get more heavier today πŸ˜€
IMG_9641

We added more lessons on Git, GitHub and GitHub for Desktop.

IMG_9642

We continued working on the sequence of cloning, editing and committing change to GitHub
IMG_9643

Lots of GitHub update conflicts did happen during the class, but we managed to resolve it

IMG_9645

This mum was very busy making her kid busy πŸ˜€
IMG_9652

This is what we did with Brackets

Bildschirmfoto 2016-04-21 um 9.41.20 AM

And we also did finished the Make a Website Lesson on codeacademy.com

Bildschirmfoto 2016-04-21 um 10.09.50 AM

We created a team on GitHub

Bildschirmfoto 2016-04-21 um 11.13.40 AM

so that we can experimenting with files and folders πŸ˜‰

Bildschirmfoto 2016-04-21 um 11.18.02 AM

More headaches detected today…

IMG_9653

…so we probably should provide some aspirins the next day LOL
IMG_9654

We finally finished doing lesson #2 today!

IMG_9658

Looking good after the class! πŸ˜‰
IMG_9660

This one insisted to stay in the class to catch up πŸ˜€

IMG_9663

ProCodeCG codeMeetUp() #66 – Sebangsa.com

Standard

Hello!!! Yesterday’s ProCodeCG codeMeetUp() #66 was superbly awesome! We had the legendary Enda Nasution (you know, the Indonesia Blogger Father and so on) and the Founder and CEO of Sebangsa.com!
IMG_9443

For everything we do, we should ask why πŸ™‚
IMG_9444

For Sebangsa.com, the answer for the why (is community?) is Indonesia is a community-based nationΒ πŸ™‚
IMG_9445

From community to Indonesia. This nation is built up by communities.
IMG_9446

LOTS of community. That’s why communities are powerful and bring significant effect
IMG_9447

The correlation between community and social media

IMG_9448

The form of community grows from time to time, driven by technology
IMG_9449

And Sebangsa.com comes as a social media for Indonesian community

IMG_9450

Sebangsa.com answer the need of social media for community. Which is not provided by any other platform.

IMG_9451

By 2016, Sebangsa.com has reached 30,000 users

IMG_9452

Filling the gaps between social media and instant messaging, Sebangsa offers lots of thing!
IMG_9453

It has interesting features
IMG_9454

With interesting GUI design

IMG_9455

Sebangsa can find community based on recommendation
IMG_9456

It enable usΒ to make and manage new communities

IMG_9457

Every community will have its identity and information on its profile page
IMG_9458

The mascot of Sebangsa: Monster Angklung πŸ˜‰

IMG_9459

Communities can interact with each other on this awesome platform πŸ™‚

IMG_9460

It’s also easy to find and join communities

IMG_9461

This is an example of a user profile. The will get badges too.
IMG_9462

The timeline

IMG_9463

Sebangsa also has its trending pages πŸ˜‰
IMG_9464

So, Sebangsa.com is a comprehensive solution for Indonesian Community.

IMG_9465

Sebangsa.com was born after a long journey
IMG_9466

It covers various communities

IMG_9467

It has 1105 communities listed in their directory and still counting
IMG_9468

The advisory board of Sebangsa

IMG_9470
IMG_9471

Sebangsa initiated “Bangkit Komunitas” on Feb 2016

IMG_9472

It also initiated Kopdar #100 Komunitas on 9 April 2016
IMG_9473

And it also created a super community for Indonesia Migrant Workers! (how cool is that)

IMG_9474

The acquisition target users
IMG_9476

The team

IMG_9477

And this is how to contact Sebangsa.
IMG_9478

The audience πŸ˜‰

IMG_9479
IMG_9480

Sebangsa.com souvenirs give away πŸ˜‰

IMG_9481

Pak Budi Rahardjo handed over the souvenir to one of the audience who answered the question given correctly yeaaay πŸ™‚
IMG_9482

And this is us!!!

IMG_9484

We are an awesome community! πŸ˜‰ ❀

Coding Mum Day 1 – 18 April 2016

Standard

Coding Mum Day #1! πŸ™‚

Preparation for snack and lunch had been started early πŸ™‚

IMG_9372

Some Mums had showed up, waiting for more to come.

IMG_9373

While the trainers preparing stuff for teaching: projectors, connectors, extensions cables, etc.

IMG_9374

Thanks to Dilo for providing everything needed! We needed some time to set things up but all is there and works well!

IMG_9375

Mums started to study their handbook and fill the attendance list.

IMG_9376

The started getting to know each other, admitting that they were very nervous and unfamiliar with coding πŸ˜‰

IMG_9377

Ok now we can connect to the projector

IMG_9378

And we ready to open the class

IMG_9379

BuΒ Siska Yully Handayani from 7-ElevenΒ open the class

IMG_9380

These are Mas Saeful Rahman from 7-Eleven, Pak ToarΒ Ramses Emil Mangaribi from Bekraf and Mba Assry from Dilo

IMG_9382

And this is Mas Endra from Bekraf and a bunch of photographers πŸ˜€

IMG_9383

Coffee break is all set up!!! πŸ˜‰

IMG_9385

PakΒ Toar Ramses Emil Mangaribi,Β Kasubdit Sub Sektor Edukasi Ekonomi Kreatif also gave some speech before the class started

IMG_9386

The next was Mba Assry, Manager of Dilo Bandung, giving a warm welcome to all the participants and guests πŸ™‚

IMG_9388

We also had a little coder today πŸ˜‰

IMG_9389

An opening intro from Founder and CEO ProCodeCG, Marisa Paryasto πŸ™‚

IMG_9396

Followed by Pak Budi Rahardjo as ProCodeCG Mentor πŸ™‚ We gave a slot for Pak Budi as an icebreaking πŸ™‚

IMG_9391

These are the instructors: Mas Aditia A. Pratama and Mas Bintang Senja Pratama πŸ™‚

IMG_9394

And then Mums should introduce themselves πŸ™‚ This is Bu Hortensia Juniar πŸ™‚

IMG_9398

Bu Maya Purnama Sari

IMG_9399

Bu Dyah Paramita

IMG_9400

Bu Nukantini Putri

IMG_9403

Bu Tantri Nursanti

 

IMG_9404

This one doesn’t like to be on camera LOL πŸ˜€ Bu Sandra Arifin

IMG_9405

Bu Tita Mulyati

IMG_9406

Bu Sri Mulyantini

IMG_9407

Bu Natalia Widiyanti

IMG_9408

and Bu Siti Atina (plus the junior coder πŸ˜‰ )

IMG_9409

Mas Bintang explaining about the handbook, curriculum and the basic concepts.

IMG_9410IMG_9411IMG_9412

Mas Adit gave an intro about GitHub πŸ™‚

IMG_9414

Mums can catch up with things and seemed to be very enthusiastic πŸ™‚

IMG_9415

Pak Budi also helped running the class

IMG_9416

Several problems occurred, mostly internet connection πŸ™‚

IMG_9417

We had to take turns for loading the page πŸ˜€

IMG_9418

Some computers were acting up by being so slow πŸ˜€

IMG_9419

But at the end every Mum can finish their task πŸ™‚

IMG_9420

And while the Mom was coding, the kid was drawing πŸ˜‰ So cute!

IMG_9421

Trainers took turns to solve problems

IMG_9422

And there must always be someone in front to show some examples and give instructions

IMG_9423

After all Mums successfully created GitHub account, we created a README file and modified it together

IMG_9425

So the Mums learned how to fork, pull, edit and commit a file in GitHub

IMG_9428

This is the file in the process πŸ˜€

IMG_9434

It is very touching to see the willingness of a Mum to learn, while also taking care of the kid πŸ™‚ Hope that this training will help Mums to be more productive while be able to work around the kids more πŸ™‚

IMG_9435

And this is all of us!

IMG_9436

Yaaayyy!!!

IMG_9440

*Now we’re actually still working on homework remotely from home πŸ˜€ *

See you on the next class!!! πŸ™‚