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

Standard

Day #5 πŸ™‚ Today we learned about taking pictures and image editing πŸ™‚

IMG_2515 IMG_2516

IMG_2517

Good pictures are essential for web design, so we learned how to capture and produce nice pics πŸ™‚

IMG_2518

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

IMG_2526

or using mobile apps

IMG_2529

Then we learned about typeface and fonts

IMG_2530

we learned about typography and how to choose the appropriate typeface

IMG_2531

IMG_2532

After that, moms had to apply what had been learned to their own websites πŸ™‚

IMG_2536

IMG_2538

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

IMG_2539

IMG_2540

We will learn JavaScript on the next class πŸ˜‰

Advertisements

ProCodeCG Coding Mom Batch 4 – Day #3 – 13 Nov 2017

Standard

Coding Mom Batch 4 – Day #3 πŸ™‚

IMG_1895

Today we learned CSS πŸ™‚

IMG_1894

We helped Mom that missed the last class to catch up with GitHub and HTML

IMG_1889 IMG_1890

Two moms couldn’t make it to the class and we assisted them online πŸ™‚

IMG_1891

While the others move on to the next lesson

IMG_1892

IMG_1893

The result πŸ™‚

IMG_1896

Bildschirmfoto 2017-11-13 um 9.44.05 AM Bildschirmfoto 2017-11-13 um 10.36.44 AM

Bildschirmfoto 2017-11-13 um 10.40.59 AM Bildschirmfoto 2017-11-13 um 11.56.53 AM

Bildschirmfoto 2017-11-13 um 11.21.34 AM

Going to learn more things this Thursday πŸ™‚

Β 

ProCodeCG Kids Regular Coding Kids – Open Topics – 30 Sep 2017

Standard

Today we have kids learn creating games, java programming, web programming and we do some research too πŸ™‚

IMG_8937

IMG_8957

Nanin is back to continue her matching games in GameMaker

IMG_8927

Nanin is creating a game to choose which ones are pets and which ones are wild animals

IMG_8928

So she had to collect animal pictures

IMG_8930

And resize it to fit in the size of the sprite πŸ™‚ (Capt. Faris showed Nanin how to resize a picture)

IMG_8943

Tyo rode a bicycle to the class πŸ™‚

IMG_8942

Tyo had finished his temperature conversion project πŸ™‚

IMG_8945

IMG_8963

The code can convert temperature in Celcius, Reamur, Kelvin and Fahrenheit πŸ™‚

IMG_8964

Impressive, Tyo πŸ™‚

IMG_8965

IMG_8967

IMG_8968

Tyo moved on to the next project: collecting weather data and save it to a file to be presented in an app in Java πŸ™‚

IMG_8972

Sabrina finished HTML session last week and this week she learned CSS

IMG_8949

Next week she will start to learn some JavaScript or more advanced HTML and CSS πŸ˜‰

IMG_8973

She also learned how to create .html that connects to a .css file πŸ™‚ Now she knows how to create a website πŸ™‚

Β 

IMG_8977

After two sessions of Intro to Programming, now Altair is ready to learn to create games with GameMaker πŸ™‚

IMG_8962

Altair has learned how to create sprites, objects, rooms and display scores

IMG_8960

IMG_8974

This little yellow guy will get score each time he eats the red apples

IMG_8975 IMG_8976

Altair proudly shows his first game to his dad πŸ˜‰

IMG_8984

Great work, Al πŸ˜‰

IMG_8985

Vian (yellow shirt) discussed with Jundy

IMG_8980

and create another awesome creature for the sprite

IMG_8969

And Capt. Faris, as usual, is working on a research while also helping other kids πŸ™‚

IMG_8918

IMG_8932

IMG_8961

Will be back with more progress and updates 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! πŸ˜‰