ProCodeCG Kids 4th Coding Exhibition – 17 August 2019

Standard

Our 4th Annual Exhibition to celebrate Indonesia’s Independence Day πŸ™‚

Singing Indonesia Raya before the exhibition starts

IMG_8831 IMG_8832

Aidia is so ready for today πŸ˜‰

IMG_8796

Aidia’s Mom helps preparing everything

IMG_8801

while Aidia’s Dad decorating Spicy the Robot πŸ™‚

IMG_8816

The only girl presenting for the exhibition πŸ™‚

IMG_8809

IMG_8813

The presentation slides

IMG_8814

IMG_8815

Aidia presenting her Automatic Railway Gate and Spicy the Robot πŸ˜‰

IMG_8849

IMG_8852

Badi is optimistic as always πŸ™‚

IMG_8797

Badi presenting Pavilion19 Website Design πŸ˜‰ Badi designs the website and also administering the site, including choosing the domain and hosting, uploading and troubleshooting πŸ˜‰

IMG_8855 IMG_8856

IMG_8858 IMG_8859

IMG_8862 IMG_8863

IMG_8866

Hafiz is always calm and composed πŸ™‚

IMG_8798

Hafiz presenting his Color Detection with Machine Learning for the ColorBlind

IMG_8911 IMG_8912

The dataset

IMG_8916

The pet will show us the color detected from the camera πŸ™‚ We’re still improving this and we’re going to add text to speech πŸ™‚

IMG_8910 IMG_8913

IMG_8914

Fadhlan’s pressure is escalating since he’s also preparing for the Young and Scientist Competition πŸ™‚ Next October he will fly to Russia to present and demo his robot, and this event is an excellent practice πŸ™‚

IMG_8800 IMG_8802

IMG_8806 IMG_8810

IMG_8822 IMG_8881

IMG_8882 IMG_8877

IMG_8878 IMG_8880

IMG_8883 IMG_8885

IMG_8888 IMG_8889

IMG_8891 IMG_8893

Sam refused to be interviewed before the presentation πŸ˜€

IMG_8808 IMG_8811

but he did an awesome job with the presentation πŸ™‚ Sam presenting his Juz’Amma App and Object Detection App for the Blind πŸ˜‰

IMG_8895 IMG_8896

IMG_8898 IMG_8899

IMG_8901 IMG_8903

IMG_8904 IMG_8907

Capt. Faris

IMG_8819

presenting about upscaling image with machine learning πŸ™‚

IMG_8833

the paper for reference

IMG_8834

the architecture layers πŸ™‚ more explanation and results is in the video. we’re going to upload it to youtube πŸ˜‰

IMG_8836

Syadad is going to show how to create JavaScript codes to build structures in Minecraft πŸ˜‰

IMG_8820 IMG_8868

IMG_8869 IMG_8871

IMG_8873 IMG_8874

IMG_8875

Ara (in grey hoodie)

IMG_8821

is doing a live wifi hacking with Kali Linux πŸ™‚

IMG_8839 IMG_8838

IMG_8841 IMG_8843

IMG_8844 IMG_8846

IMG_8847

Muhammad presenting his Zomvival Game

IMG_8917 IMG_8918

IMG_8919 IMG_8921

IMG_8922 IMG_8924

IMG_8926 IMG_8943

IMG_8944 IMG_8945

Hasan presenting his Scratch Game Compilation πŸ˜‰

IMG_8947 IMG_8953

IMG_8955 IMG_8956

Koosha

IMG_8865

is building a Smart Home Simulation

IMG_8909

He controls Arduino with Minecraft πŸ™‚

IMG_8946 IMG_8958

The audience

IMG_8826 IMG_8827

IMG_8828 IMG_8894

Lunchtime

IMG_8948

The squad! πŸ˜‰ Nice work! We’re going to create more, until next year’s exhibition! πŸ™‚

IMG_8959

IMG_8960 IMG_8961

IMG_8962 IMG_8964

IMG_8965 IMG_8967

IMG_8968

*Photos and videos are also available here

Advertisements

ProCodeCG – LAPAN – BackEnd Programming Training – 30 July 2019

Standard

Today ProCodeCG is very proud to give training for LAPAN (Lembaga Penerbangan dan Antariksa Nasional/The National Institute of Aeronautics and Space).

Bapak Adi Witono, MSi, Division Head of Program and Facility Division – Space Science Center LAPAN (Kepala Bidang Program & FasilitasΒ Pusat Sains Antariksa LAPAN)Β  andΒ Dr. Emanuel Sungging Mumpuni, Division Head of Dissemination – Space Science Center LAPANΒ (Kepala Bidang Diseminasi, Pusat Sains Antariksa LAPAN) give opening speech before the training started

IMG_7592

The participants have different education backgrounds and come from different divisions with different job descriptions

IMG_7593

IMG_7594 IMG_7595

IMG_7596

IMG_7616

IMG_7618

 

 

IMG_7606 IMG_7607

Some of we learned today πŸ™‚ We learned BackEnd Programming withΒ PHP

IMG_7597

IMG_7598

IMG_7599

MySQL

IMG_7600

creating login app with PHP to access database

IMG_7602

IMG_7603

displaying data from database

IMG_7605

and then we learned to use Python for Data Science πŸ™‚ We begin with data visualization πŸ™‚

IMG_7611

IMG_7612

we used example data

IMG_7613

IMG_7615

IMG_7614

IMG_7619

IMG_7620 IMG_7621

and then started to use specific data used in the office (each participant should use own specific data)

IMG_7622

we tested data in .txt, .csv and also .json

IMG_7624

This is Observation Room in LAPAN, displaying real data from space πŸ™‚ We will give report about this next time when we have opportunity to visit this room and see things closer πŸ™‚

IMG_7608

IMG_7609 IMG_7610

Thanks LAPAN for inviting ProCodeCG πŸ™‚ Hoping to be able to visit LAPAN again very soon πŸ™‚

IMG_20190730_085759

*Photos and videos are also available here

ProCodeCG – Reviewing – Coding Mum for Disabilities – 22 July 2019

Standard

It is an honour for ProCodeCG to be invited by Coding Mum for Disabilities and Art Therapy Center to review the presentation of the participants of the class who had learned front end programming (HTML, CSS, JavaScript) for 8 days in a row πŸ™‚ The facts that the participants can produce amazing website design shows their hard work and of course the mentors πŸ™‚

IMG_7118//embedr.flickr.com/assets/client-code.js

Opening Speech by Ibu Anun, Special Treatment Program Coordinator

IMG_7077//embedr.flickr.com/assets/client-code.js

The students who will presentate their works

IMG_7080//embedr.flickr.com/assets/client-code.js

Prayudi Utomo, the Lead Mentor

IMG_7082//embedr.flickr.com/assets/client-code.js

Nabila

IMG_7084//embedr.flickr.com/assets/client-code.js

IMG_7086//embedr.flickr.com/assets/client-code.js

IMG_7088//embedr.flickr.com/assets/client-code.js

Edo

IMG_7094//embedr.flickr.com/assets/client-code.js

IMG_7098//embedr.flickr.com/assets/client-code.js

Khalil

IMG_7099//embedr.flickr.com/assets/client-code.js

IMG_7102//embedr.flickr.com/assets/client-code.js

IMG_7104//embedr.flickr.com/assets/client-code.js

Krisna Nugraha

IMG_7106//embedr.flickr.com/assets/client-code.js

IMG_7107//embedr.flickr.com/assets/client-code.js

IMG_7110//embedr.flickr.com/assets/client-code.js

IMG_7112//embedr.flickr.com/assets/client-code.js

Salma

IMG_7113//embedr.flickr.com/assets/client-code.js

IMG_7115//embedr.flickr.com/assets/client-code.js

IMG_7117//embedr.flickr.com/assets/client-code.js

Putri

IMG_7122//embedr.flickr.com/assets/client-code.js

IMG_7124//embedr.flickr.com/assets/client-code.js

Ghausu Silmi

IMG_7127//embedr.flickr.com/assets/client-code.js

IMG_7128//embedr.flickr.com/assets/client-code.js

IMG_7131//embedr.flickr.com/assets/client-code.js

IMG_7133//embedr.flickr.com/assets/client-code.js

Fitri

IMG_7135//embedr.flickr.com/assets/client-code.js

IMG_7136//embedr.flickr.com/assets/client-code.js

Betara

IMG_7140//embedr.flickr.com/assets/client-code.js

Kintan

IMG_7143//embedr.flickr.com/assets/client-code.js

IMG_7144//embedr.flickr.com/assets/client-code.js

IMG_7145//embedr.flickr.com/assets/client-code.js

Hilman

IMG_7148//embedr.flickr.com/assets/client-code.js

IMG_7149//embedr.flickr.com/assets/client-code.js

Luthfi

IMG_7154//embedr.flickr.com/assets/client-code.js

IMG_7155//embedr.flickr.com/assets/client-code.js

IMG_7157//embedr.flickr.com/assets/client-code.js

Luthfi’s drawing Ibu Poppy Savitri, Director of Creative Economy Education – Bekraf

IMG_7158//embedr.flickr.com/assets/client-code.js

Bisma

IMG_7159//embedr.flickr.com/assets/client-code.js

IMG_7161//embedr.flickr.com/assets/client-code.js

IMG_7163//embedr.flickr.com/assets/client-code.js

Danika

IMG_7164//embedr.flickr.com/assets/client-code.js

IMG_7165//embedr.flickr.com/assets/client-code.js

Narendra (with his father)

IMG_7171//embedr.flickr.com/assets/client-code.js

IMG_7172//embedr.flickr.com/assets/client-code.js

The sign language interpreters

IMG_7119//embedr.flickr.com/assets/client-code.js

IMG_7180//embedr.flickr.com/assets/client-code.js

Closing Speech by Ibu Poppy Savitri, Director of Creative Economy Education – Bekraf

IMG_7177//embedr.flickr.com/assets/client-code.js

Ibu Poppy and Ibu Susi (CEO of Kolla) handing over certificates for Coding Mum for Disabilities Participants

IMG_7182//embedr.flickr.com/assets/client-code.js

IMG_7183//embedr.flickr.com/assets/client-code.js

IMG_7184//embedr.flickr.com/assets/client-code.js

IMG_7185//embedr.flickr.com/assets/client-code.js

Closing applause πŸ™‚

IMG_7186//embedr.flickr.com/assets/client-code.js

*Photos and videos are also available here

YouTube Video:

ProCodeCG – Coding Camp – Robotics – Day #1 – 11 July 2019

Standard

Robotics Coding Camp Day #1 πŸ™‚

Joe’s quest today is to explore components and sensors πŸ˜‰

IMG_6132 IMG_6147

IMG_6148 IMG_6133

IMG_6137

blinking LED

IMG_6138

IMG_6139 IMG_6140

IMG_6141

RGB LED

IMG_6142

Button and LED

IMG_6153 IMG_6156

IMG_6157 IMG_6160

Multifunction button

IMG_6163 IMG_6164

Buzzer

IMG_6167 IMG_6169

LED

IMG_6170 IMG_6176

IMG_6177 IMG_6178

IMG_6179

microservo

IMG_6180

IMG_6183 IMG_6185

potentiometer

IMG_6192

temperature and humidity sensor

IMG_6194

IMG_6196 IMG_6197

IMG_6198

LDR

IMG_6200

IMG_6201 IMG_6202

IMG_6203 IMG_6204

IMG_6205

Ultrasonic sensor

IMG_6209

and finally, assembling the robot πŸ˜‰

IMG_6211 IMG_6213

IMG_6214 IMG_6216

IMG_6220

Aidia had done all the components and sensor testing πŸ™‚ She had already assembly the wheels and base of the robot too, so her task today is to type in the code for the robot πŸ˜‰

IMG_6145

IMG_6134 IMG_6135

IMG_6136

after she had finished typing the code, next is to assembly the components Β πŸ˜‰

IMG_6212

We still had 2 more kids from Machine Learning class πŸ™‚

Ariel, created one original project today πŸ™‚

IMG_6150 IMG_6143

IMG_6149 IMG_6158

IMG_6165 IMG_6181

Ariel created a system that will change background if we enter sentences related to rain, sunny, cloudy and windy weather πŸ˜‰

IMG_6189 IMG_6190

IMG_6191 IMG_6206

the next project but not yet finished πŸ™‚

IMG_6208

Ren is creating a very complex machine learning project today

IMG_6144

IMG_6146

He called this escape room where people should find clues, codes and solve the code to get another clue and solve another puzzle πŸ˜€

IMG_6159

IMG_6166

the data set

IMG_6182

the code

IMG_6207 IMG_6215

and finally Ariel and Ren is working in team πŸ˜€

IMG_6217

hasn’t finished yet but at least now some things is working πŸ˜‰

IMG_6218

The class today πŸ™‚

IMG_6151 IMG_6152

*Photos and videos are also available here

ProCodeCG – Coding Camp – Minecraft Modding – Day #3 – 6 July 2019

Standard

The last day of Minecraft Modding Coding Camp already πŸ™‚ Today we picked where we left yesterday and signed in to one server to play together and test the codes we’ve been developing for the last three days πŸ™‚

Bita is going to create a skyscraper today πŸ™‚

instead of creating rainbow skyscraper, she created a German Skyscraper πŸ™‚ Impressive πŸ™‚

IMG_5377

Aidia is exploring both RedStone and JavaScript coding πŸ˜‰

IMG_5371

The RedStone references πŸ™‚

IMG_5374

the JavaScript coding πŸ˜‰

IMG_5375

Aidia’s first triangle πŸ™‚

IMG_5381

creating triangles with different sizes πŸ˜‰

IMG_5382

Aidia is very creative, she then created a very big triangle to be a rollercoaster! πŸ˜‰

IMG_5391 IMG_5394

IMG_5406 IMG_5411

Athir is also working on his triangle today πŸ™‚

IMG_5366

The laptop is a bit laggy so it took a while

IMG_5373

we had to fix some errors

IMG_5385

IMG_5388

and finally Athir’s first triangle πŸ™‚

IMG_5389

IMG_5390

Ibam’s quest today is to make a code to count how many times a player place or break a block in Minecraft πŸ™‚

IMG_5378

Ibam checked his code with one that worked because his was not working

IMG_5387

This is how it’s supposed to work

IMG_5396 IMG_5397

IMG_5398

and finally Ibam successfully made the code work on his server πŸ˜‰

IMG_5401 IMG_5402

next is creating Snowball game πŸ˜‰

IMG_5405 IMG_5408

IMG_5410

Koosha is working hard preparing the Minecraft Server

IMG_5399

Koosha added lots of plug-ins including economy plug-in to enable players do transaction like in market place πŸ˜‰

IMG_5404 IMG_5407

creating a scoreboard

IMG_5418 IMG_5419

the scoreboard will count on how much snowballs being thrown πŸ˜€

IMG_5421 IMG_5422

IMG_5424

The class today πŸ˜‰

IMG_5379

Going to miss you guys πŸ™‚ :* :* :*

IMG_5415 IMG_5416

IMG_5417

*Photos and videos are also available here

ProCodeCG – Coding Camp – Minecraft Modding – Day #2 – 5 July 2019

Standard

Day #2 of Coding Camp – Minecraft Modding πŸ™‚ Today we continue to create more building and structures by making lines of codes in JavaScript πŸ™‚

Athir is now getting used to start the server and refreshing it each time he added new codes to be run in Minecraft πŸ™‚

IMG_5244 IMG_5251

IMG_5258 IMG_5290

There are lots of codes examples to be typed and executed πŸ™‚

IMG_5293 IMG_5294

One of the structures Athir created with lines of codes πŸ˜‰

IMG_5330

Bita is also exploring more JavaScript coding today

IMG_5245

and she started to learn how to make her ideas happen with lines of codes πŸ™‚

IMG_5250 IMG_5257

IMG_5259

Bita’s skyscraper πŸ™‚

IMG_5260

now thinking how to make a rainbow skyscraper πŸ˜‰

IMG_5292 IMG_5326

IMG_5328

Koosha joined the class πŸ™‚

IMG_5246

He’s so busy exploring many plug-ins, libraries and servers πŸ˜€

IMG_5264 IMG_5270

making his own command in Java language

IMG_5278

setting up spigot server configuration

IMG_5291

IMG_5295

experimenting with server plug-ins

IMG_5325

including connecting Minecraft to Google Maps πŸ˜€

IMG_5331 IMG_5332

Koosha also make his own MeowPedia so people can buy something and do transaction in Minecraft. Like buying dirt or something LOL

IMG_5336

Ibam is very good at logic and programming

IMG_5247

IMG_5249

the first challenge for Ibam today is to create a rainbow pyramid

IMG_5252

almost finished it *just missed one block on the top

IMG_5253

Ibam tinkering with the code

IMG_5254

and he got it after a few tries: a rainbow pyramid! well done!!!

IMG_5261

the next challenge is to create a half-circled stadium πŸ˜‰

IMG_5266

in the making

IMG_5267 IMG_5268

IMG_5318

and he did it!

IMG_5319

the next challenge is to make the stadium has alternate colors in black and white πŸ™‚

IMG_5320

Ibam is given this example, that he should alternate colors for odd or even count of blocks πŸ˜‰

IMG_5321

and he did it again. NICE WORK IBAM πŸ™‚

IMG_5324

Aidia is so glad to be back again in the class πŸ™‚

IMG_5329

Aidia started catching up with the code

IMG_5263

IMG_5265

nice stack of blocks πŸ™‚

IMG_5299

IMG_5304

Aidia also made “Rumah Pak RT” in her world πŸ˜€ She is in the process of typing the next code for the next structure πŸ˜‰

IMG_5317

Lunch break

IMG_5296

IMG_5297 IMG_5298

Friday Prayer time πŸ™‚

IMG_5302 IMG_5306

The class

IMG_5274

*Photos and videos are also available here

ProCodeCG Creating Games Private Class – Day #5 – 19 June 2019

Standard

The last day πŸ™‚

Both kids will create their own Flappy Bird Game Today πŸ™‚

Dhiaz seems to like this game better then any other games he had created so far πŸ˜‰

IMG_3887

IMG_3891

 

IMG_3892

The assets

IMG_3896

IMG_3898 IMG_3901

the background

IMG_3907

and the game πŸ™‚

IMG_3912

IMG_3915 IMG_3918

The game with object following and camera view πŸ™‚

IMG_3920 IMG_3922

Dhiaz is so proud about the game he created today he wouldn’t stop playing it πŸ™‚

IMG_3929

Aqila is also very excited about creating his own flappy bird πŸ™‚

IMG_3888

creating the assets

IMG_3889 IMG_3894

IMG_3890 IMG_3893

IMG_3895 IMG_3897

IMG_3900

arranging the objects in the room

IMG_3902

Aqila’s Flappy Bird Game πŸ™‚

IMG_3903

creating background

IMG_3905

IMG_3906

IMG_3908

Aqila’s Flappy Bird with background πŸ™‚

IMG_3913

and Aqila still have time to create Agario Game πŸ˜‰

IMG_3916

IMG_3917

awesome work today dude πŸ™‚

IMG_3926

wow it’s hard to say goodbye to these little guys πŸ™‚ hoping to see you again, thanks for learning with us πŸ™‚

IMG_3886

*Photos and videos are also available here