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! πŸ˜‰

Advertisements

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! πŸ˜‰