ProCodeCG Kids Regular Coding Class – Open Topics – 18 Feb 2017

Standard

Today we had Apps Programming, GameMaker Programming, Java Programming and Python Programming πŸ˜‰

Yogi was still developing his game with GameMaker πŸ™‚

IMG_3038

He created a rocket

IMG_3045

and planned to make it shot something πŸ™‚

IMG_3052

Vian was also working on his GameMaker thing πŸ™‚

IMG_3040

VianΒ also learned how to create games in HTML πŸ™‚

IMG_3048

And so did Nanin πŸ˜‰

IMG_3058

IMG_3041

Tyo was working on his Java Programming

IMG_3039

Tyo continued his ProCodeCG Kids Attendance List Project

IMG_3049

The result today πŸ™‚

IMG_3066

We’re going to add some Date Β and entering the name of the kids via textfield πŸ™‚ Well done, Tyo!

IMG_3068

Jundy worked on Java to, finished all the examples in handout but didn’t want to do the attendance list project πŸ˜€

IMG_3046

Jundy said he will switch to Arduino class next week πŸ˜€

IMG_3059

IMG_3050

Raul did lots of achievements today πŸ™‚ He managed to debug the code, and made it work πŸ™‚

IMG_3065

The result today πŸ˜‰ Going to add more feature next week πŸ™‚

IMG_3067

Prudence was working on GPS Locator App with Thunkable

IMG_3034

She also help Cinta to test her app πŸ™‚

IMG_3062

Cinta had successfully created her GPS Locator App too πŸ™‚ She tested the app on an Android device

IMG_3057

The design

IMG_3060

the block

IMG_3061

And it worked πŸ˜‰

IMG_3064

Koosha has got Python 3.4 installed to his computer and had copied the handout too πŸ™‚ He tried some apps on his Android device just to see how it works πŸ˜‰ But still he wants to learn Python instead of Apps Programming πŸ˜‰

IMG_3055

Row of girls πŸ™‚

IMG_3042

The class πŸ™‚

IMG_3043

Well, we make progress each time! πŸ™‚ Going to create more next week! πŸ™‚

ProCodeCG Coding Mum Batch 3 – Day #15 – 17 Feb 2017

Standard

OK finally the last day πŸ™‚

IMG_2870

We should have had 4 judges/reviewers for today, but one of themΒ had to cancel due to a very urgent thing.

IMG_2871

Our reviewers, from right to left: Muhamad Nur Awaludin (Mumu) CEO ofΒ Kakatu, Jefvin Viriya CTO of OwnGames and Sherly – Web Developer at Own Games πŸ™‚

IMG_2872

Corner of the Mums πŸ™‚

IMG_2873

The first one: Bu Lita Ervinna πŸ™‚

IMG_2874

She presented an awesome, detail and complete science education website design

IMG_2877 IMG_2878

With loads of educational contents

IMG_2880

It contains interesting topics presented in interesting ways

IMG_2881

With lots of pictures to make sure it gives detail information for each experiments/topics

IMG_2882

There are pictures explaining the topics

IMG_2884

And quizzes too

IMG_2885

IMG_2887

There are also videos

IMG_2888

Reviewing session

IMG_2889

The next one was Bu Ismi Amaliah

IMG_2892

The website is designed for a real client πŸ™‚

IMG_2893

So this is a website for a real company πŸ™‚

IMG_2894

IMG_2895 IMG_2896

The design is sleek and elegant. And connected to the database too! πŸ™‚

IMG_2897

And then Bu Riska Syarif presenting a furniture website

IMG_2899

This is also for a real business. Her family has running this business for several years

IMG_2900

Good pictures, good design, and a very attractive layout πŸ™‚

IMG_2901

Clean and simple

IMG_2902 IMG_2903

IMG_2904

Less is more. The simple design makes people focusing on the products. Well done πŸ™‚

IMG_2906

IMG_2911

IMG_2914

And then a ticket booking website design by Bu Maria Soedirgo πŸ™‚

IMG_2917

The design involves complex coding in PHP

IMG_2918

It has complex CSS formatting too

IMG_2920

Plus lots of form verifications πŸ™‚ This is going to be a competitor of Traveloka and Tiket.com πŸ™‚

IMG_2921

Another interesting product website for real customer: Rubiya by Bu Novi Mustiantari

IMG_2923

The design has lots of great pictures withΒ great layout

IMG_2924

Very entertaining to the eyes πŸ™‚

IMG_2926

It is totally well designed! The customer will be so happy to see this! πŸ™‚

IMG_2927

The next ones are not Mums πŸ™‚ They are still very young πŸ™‚ This one looking scruffy and lacking of sleep is Nadia Nathania πŸ™‚ A real coder looks! πŸ™‚

IMG_2907

And that hard work pays off! Look at the result!!!

IMG_2928

She created a website for her community named “Bandung Lautan Damai”

IMG_2929

Since it consists of different people with different backgrounds and emphasizing on tolerating differences, the design is so colorful and contrast!

IMG_2930

The colors shows diversity in harmony. A mindblasting design!

IMG_2931

It is simple, and the typography is brilliant!!!

IMG_2932

This is a masterpiece πŸ™‚

IMG_2933

IMG_2934 IMG_2935

The last but not least: A news website design by Fairuz Rana Ulfah πŸ™‚

IMG_2938

It has a tight and complex design as a container to its various news and links πŸ™‚ It looks so neat but requires hard work! πŸ™‚

IMG_2940

IMG_2939

Reviewers gave brief intro about their company to inspire the Coding Mum Alumni and to guide them with some tips about getting a job/project.

IMG_2941

Mas Jevfin explained the difference between game programmers and front-end programmers

IMG_2943

Mas Mumu introduced us to Kakatu and its products πŸ™‚

IMG_2945

IMG_2946

One of Kakatu’s powerful products πŸ™‚

IMG_2948

What’s happening at the “backstage” πŸ˜€

IMG_2891

IMG_2883

IMG_2922

Mums from Batch 1 and Batch 2 giving their support to the juniors! Thanks! :* :* :*

IMG_2912

A very professional looking photographer πŸ˜€

IMG_2913

IMG_2909

IMG_2910

IMG_2947

Yaaay, now everyone can get their sertificates πŸ™‚

IMG_2950

IMG_2952

IMG_2953 IMG_2954

IMG_2956

IMG_2951 IMG_2955

Congrats Batch 3! We’re so proud of you!!!

IMG_2972

All of us!

IMG_2960

And afterwards: all gathering around Mas Mumu to get more info about Kakatu πŸ˜‰

IMG_2963

Today is a great day! ProCodeCG is so proud to be able to educate another batch of Coding Mum πŸ™‚ Will start Batch 4 for very soon πŸ™‚

Thanks so much to the reviewers πŸ™‚

And so many thanks to Grapari Telkomsel Digilife Dago for the support and providing us with technology and infrastructures πŸ™‚

ProCodeCG Coding Mum Batch 3 – Day #14 – 16 Feb 2017

Standard

The last day before presentation tomorrow! πŸ™‚ Everybody was so busy finishing up their projects πŸ™‚

IMG_2822

But they have done great so far so tomorrow will be ok πŸ˜‰

IMG_2823

We still had this love and hate relationship with GitHub πŸ˜€ So tomorrow we will probably will do the presentation fromΒ each one’s local πŸ˜‰

IMG_2824

It’s unbelievable that Batch 3 is almost over πŸ™‚

IMG_2825

Some of the amazing works πŸ™‚

IMG_2826

Bildschirmfoto 2017-02-16 um 9.15.42 AM Bildschirmfoto 2017-02-16 um 9.16.02 AM

Bildschirmfoto 2017-02-16 um 9.16.14 AM Bildschirmfoto 2017-02-16 um 9.24.56 AM

Bildschirmfoto 2017-02-16 um 9.26.23 AM Bildschirmfoto 2017-02-16 um 10.00.35 AM

Bildschirmfoto 2017-02-16 um 10.01.53 AM Bildschirmfoto 2017-02-16 um 10.02.22 AM

Will show more of the awesome results tomorrow πŸ˜‰

ProCodeCG Coding Mum Batch 3 – Day #13 – 13 Feb 2017

Standard

Day 13 πŸ™‚ Getting ready for presentation on Friday πŸ™‚

IMG_2614

Everyone already has clear concept and topic so once they get the right template or example, it won’t take long to finish πŸ™‚

IMG_2615

Instructors’ corner is always the messiest one πŸ˜€

IMG_2616

We always have so much things to tinker with πŸ˜‰

IMG_2617

Today we cover whatever being problems in developing the websites. This one is when we explain about reading dropdown value in JavaScript.

IMG_2618

There were also some problems with syncing to GitHub so we cannot yet display the latest work online. These ones some pics we can get from local screen πŸ™‚

IMG_2619

So neat!

IMG_2621

Mba Tita showed her work on filtering function with JQuery to the class πŸ™‚

IMG_2620

Close assistance πŸ™‚

IMG_2622

Mba Tita was very busy tutoring and solving problems πŸ˜€

IMG_2632

IMG_2633

Most problems were solved today.

IMG_2634 2

Hope we can clean up most problems on Thursday so we will be ready Friday! πŸ˜‰

ProCodeCG Kids Regular Coding Class – Open Topics – 11 Feb 2017

Standard

We have lots of project to do, so each week we make sure that the kids come to the class continue the project πŸ™‚ Pru (black shirt) was working on a GPS Locator Apps with Thunkable. She brought a tablet to test the app.

IMG_2462

Capt. Cinta showed her work creating game with Scratch πŸ™‚ Impressive! This is very useful for building apps with Thunkable because Thunkable have similar approach: drag and drop coding πŸ™‚ Cinta was also working on GPS Locator Apps πŸ™‚

IMG_2476 2

While also assisting Nanin (on the left) πŸ™‚

IMG_2487

Nanin was working on her game in GameMaker πŸ™‚

IMG_2486

Tyo learned about combobox. Adding, deleting and choosing something to it πŸ™‚

IMG_2478

Tyo was given Β task to make an attendance list program in Java

IMG_2489

He modified the example from the handout

IMG_2492

Compiled it

IMG_2493

And get something like this πŸ™‚ A prototype of our attendance list program πŸ˜‰ We will add more features to it πŸ˜‰

IMG_2494

After Arduino Programming, Raul switched the topic to Java Programming πŸ™‚

IMG_2479

Raul is a very persistence and focus kid πŸ™‚ He had finished several examples from the handout but stuck with the calculator code. Don’t worry we will debug it next week and make it work πŸ˜‰

IMG_2481

Fadhil, glad to see you again πŸ™‚

IMG_2485

Fadhil continued learning HTML, this time he learned to create game with HTML πŸ™‚

IMG_2490

He modified the game code and see what happened πŸ™‚ Like changing colors, changing fonts or renaming the button πŸ™‚

IMG_2491

Our class today πŸ™‚

IMG_2472

Will make progress and create more things next week πŸ˜‰

ProCodeCG Coding Mum Batch 3 – Day #9 – 3 Feb 2017

Standard

Day 9 already! We finished learning Bootstrap today πŸ™‚

IMG_1967

Everybody was busy improving their website design with Bootstrap, while sharing tips and tricks with another πŸ™‚

IMG_1969

The class is now used to syncing to GitHub. All their works are accessible online so the progress can always be monitored πŸ™‚ And the progress is awesome πŸ™‚

IMG_1970

No one believed that Mums can learn so much about front-end programming in just 15 classes, until they see Coding Mum alumni πŸ™‚ These ones are going to be great front-end developers too!

IMG_1971

Mba Tita assisted Mba Fairuz to catch up with Bootstrap because she missed the class yesterday πŸ™‚

IMG_1968

The result of catching up πŸ™‚ Combining jumbotron with carousel πŸ™‚ Impressive πŸ™‚

IMG_1972

The results:

Bildschirmfoto 2017-02-03 um 9.05.59 AM

Bildschirmfoto 2017-02-03 um 9.27.15 AM Bildschirmfoto 2017-02-03 um 9.33.33 AM

Bildschirmfoto 2017-02-03 um 2.43.02 PM

Bildschirmfoto 2017-02-03 um 2.41.45 PM

And some console Git involved πŸ™‚

Bildschirmfoto 2017-02-03 um 11.15.37 AM Bildschirmfoto 2017-02-03 um 11.16.30 AM

While at the backyard, our Coding Mum Alumni working hard on their ongoing project πŸ™‚

IMG_1966

ProCodeCG Coding Mum isΒ developing better management and teamwork. We’re going to be great! πŸ˜‰

ProCodeCG Coding Mum Batch 3 – Day #7 – 30 Jan 2017

Standard

Day #7 πŸ˜‰

IMG_1751

IMG_1752

We did homework debugging πŸ™‚

IMG_1753 IMG_1754

IMG_1755 IMG_1756

IMG_1757

Assignment and homework for today is creating a form that sends the values to another page (later we will storeΒ the values in a database)

IMG_1758

CM-1 alumni πŸ˜€ Mba Dyah and Mba Tita

IMG_1759

At this stage, everybody has strong attachment with the work. They won’t stop until they make it work πŸ˜€

IMG_1760

The script is getting longer and more complex πŸ™‚

IMG_1761

Some of the results πŸ™‚

Bildschirmfoto 2017-01-30 um 8.12.28 AM

Bildschirmfoto 2017-01-30 um 8.18.15 AM Bildschirmfoto 2017-01-30 um 10.51.14 AM

Bildschirmfoto 2017-01-30 um 11.21.30 AM Bildschirmfoto 2017-01-30 um 7.34.28 PM

Bildschirmfoto 2017-01-30 um 7.34.32 PM Bildschirmfoto 2017-01-30 um 7.34.35 PM

We’re going to learn Bootstrap on the next class (after debugging the homework πŸ™‚ )