ProCodeCG – Kids Private Class – White Hacking – Day #4 – 13 June 2019

Standard

Day #4 of White Hacking already πŸ™‚

IMG_3318

today we’re installing DVWA on Kali Linux πŸ™‚

IMG_3327

IMG_3320

there are zillion of things we have to do and zillion of errors we have to fix πŸ˜€

IMG_3321

also modifying some codes in some files

IMG_3323

registering recaptcha and so on

IMG_3324

until finally we can get to this login page πŸ˜€

IMG_3325

and ready to do penetration test with DVWA πŸ˜€

IMG_3326

IMG_3328

we’ll save the attack for the next class πŸ˜‰

IMG_3317

*Photos and videos are also available here

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 Coding Mom Batch 4 – Day #12 – 15 Jan 2018

Standard

We’re back after a long holiday πŸ˜‰

Untitled

Lots of things to catch up!

Untitled

We opened XAMPP again and started learning basic databases and MySQL

Untitled

happy as always LOL

Untitled

and serious as always

Untitled

there will always be different problem to debug on each class πŸ™‚ this one is about activating XAMPP on mac πŸ˜€

Untitled

The screenshots of what we have learned today πŸ™‚

Creating a database

Bildschirmfoto 2018-01-15 um 10.31.41 AM

setting privileges

Bildschirmfoto 2018-01-15 um 10.39.35 AM

Bildschirmfoto 2018-01-15 um 11.55.50 AM

running SQL queries

Bildschirmfoto 2018-01-15 um 10.46.26 AM

creating tables

Bildschirmfoto 2018-01-15 um 11.18.18 AM

and then created php codes to read the database and display πŸ™‚

Bildschirmfoto 2018-01-15 um 12.04.30 PM

We still have 2 more classes before the presentation πŸ™‚

 

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 Coding Mum Batch 3 – Day #11 – 9 Jan 2017

Standard

Day #11 πŸ™‚ We learned about Database Concepts and Design πŸ˜‰

IMG_2359

We have to introduce what’s under the hood of back-end programming, because the knowledge will be usefulΒ to understand the scope of the work given by clients in the future

IMG_2360

Today we created several tables, normalized it and make relationships between the tables

Bildschirmfoto 2017-02-09 um 10.22.52 PM

We learned about primary and foreign key

Bildschirmfoto 2017-02-09 um 10.23.38 PM

How to keep entity integrity, domain integrity and referential integrity

Bildschirmfoto 2017-02-09 um 10.25.52 PM

And how to use triggers πŸ™‚

Bildschirmfoto 2017-02-09 um 10.25.57 PM

Will learn a bit more tomorrow, and start to do the project next week! πŸ™‚

ProCodeCG Coding Mum Batch 3 – Day #10 – 6 Jan 2017

Standard

Day #10. We learned PHP + MySQL πŸ™‚

IMG_2183

The pace of Batch 3 is faster than the previous ones. Usually we learn PHP – MySQL on 12th Β or 13th class. Probably because we have learnt how to deliver the topics and we keep developing materials to support the learning process. Plus, this batch learns very quickly πŸ™‚

IMG_2184

IMG_2185

We installed XAMPP and got started πŸ™‚

IMG_2186

Creating some simple tables on the database

IMG_2189

Creating PHP codes to access the database

IMG_2190

So today the Mum is not only learning about front-end programming, but also back-end programming πŸ™‚

IMG_2191

Will learn more PHP – MySQL on the next class, while preparing for the final presentation next week πŸ˜‰