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 Kids Regular Coding Class – 27 July 2019

Standard

A busy and productive Saturday as usual πŸ™‚ Plus we are preparing for the annual ProCodeCG Kids Exhibition on 17 August 2019 πŸ˜‰

Aidia’s mission today is to fix her Automatic Railway Gate Project, without pulling out the cables or destroying any decorations πŸ˜€

Aidia accidentally changed the code and we forgot to make backups so we had to figure out each of the port numbers go to which components πŸ˜€

IMG_7361

schematic diagram by Aidia

IMG_7357

rewriting the basic code (with just one ultrasonic sensor)

IMG_7362 IMG_7373

the circuits (and we totally had no idea which cable goes to which component :D)

IMG_7383

After Capt. Awa tried to help and Koosha’s gave the idea to check the port and connection using avometer (which was a brilliant idea), Capt. Faris used his superpower: to code πŸ˜€ He created a brute force code to check which port connected to which component πŸ˜€

IMG_7425

and we kept updating the note to make sure we wouldn’t lose it again πŸ˜€

IMG_7429

the brute force code

IMG_7430

IMG_7431

allright we finally got all the ports πŸ˜€ Thanks so much Capt. Faris πŸ˜‰

IMG_7433

IMG_7436

Fadhlan is going to replace Arduino Leonardo with Arduino Uno because after some libraries and board updates, we got serious errors when compiling with Arduino Leonardo and we really don’t have time because Fadhlan is going for the competition in October and should report the work for evaluation in August

IMG_7358

But first: fuel for the engine πŸ˜€

IMG_7370

now ready to work, making sure all the ports from Leonardo goes to the correct ones in Uno

IMG_7388

finding the latest code

IMG_7389

and then test the code for Arduino and for Processing

IMG_7410

All components seemed to work fine

IMG_7416

only the radar didn’t come up. We’re going to fix this real soon

IMG_7421

Harraz is still working with Game Maker but insisting to create game in Roblox

IMG_7359

So we told him why don’t he create Roblox with GameMaker? πŸ˜€

IMG_7438

IMG_7364

Badi certainly has lots of ideas to upgrade Pavilion19 website today πŸ™‚

IMG_7360

He updated the calendar and going to rearrange the layout to make it looks nicer πŸ˜‰ And we are going to add some statistics showing how many people already booked Pavilion19 so far πŸ™‚

IMG_7377

Pavilion19 website on mobile phone browser

IMG_7381

IMG_7382

Capt. Awa is still working on the Panic Button

IMG_7363

IMG_7408

Clive is joining our Regular Class today πŸ™‚ Welcome πŸ™‚

IMG_7365

Like the other, Clive had to go through Intro to Programming πŸ™‚

IMG_7371 IMG_7379

IMG_7384

including learning about procedures/functions πŸ™‚

IMG_7406

Sam is starting a new project today

IMG_7366

To create app to recognize object for blind people. And then the app will use text to voice to inform the user about the object using voice πŸ™‚

IMG_7380

the code

IMG_7387

testing the app

IMG_7386

IMG_7390

taking samples of as many objects as possible

IMG_7395

IMG_7404

Capt. Faris is busy as always today πŸ™‚

IMG_7367

Helping Sam to improve the app. Making sure Clive and other kids can do the tasks

IMG_7412

helping Aidia debugging the project

IMG_7427

and work overtime πŸ˜€ But he fixed everything needed to fixed today πŸ™‚ Well done, Captain πŸ™‚

IMG_7428

Ara has been given homework and task to finished today. Attacking DVWA by stealing cookies and use the cookies to access the website

IMG_7368

IMG_7401 IMG_7402

IMG_7411

the result in BurpSuite

IMG_7415

logging in to DVWA

IMG_7418

and observed it via BurpSuite

IMG_7420

and then typing additional codes. It is a long code so he said he’s going to continue it at home πŸ˜€

IMG_7424

Al is working on the Sorting Hat Machine Learning project πŸ™‚ With lots of encouragement and support of Capt. Awa πŸ˜€

IMG_7369

Faiz started his Basic Electronics lesson today before learning to assembly his own robot πŸ˜‰

IMG_7372

under supervision of Capt. Faris πŸ™‚

IMG_7376

Starting with LED, button, buzzer and then microservo

IMG_7403

next week we will learn about sensors πŸ™‚

IMG_7409

Syadad is looking handsome and neat today πŸ™‚

IMG_7374

he had finished LOTS of codes in the handout and start to explore new structures to be presented on our Exhibition

IMG_7422

IMG_7375

Syadad had built most of the code in the handout and he started to modify them to see what happens

IMG_7391

IMG_7423

Hafiz had two tasks to finished: to create a system to recognize object for blind people with machine learning and to recognize colors for color blind people πŸ˜‰ He is really excited about this πŸ™‚

IMG_7378

Koosha hadn’t yet decided the title of his presentation on Exhibition but he’s now seriously working on optimizing multiple Minecraft servers and explore most of the plug ins available πŸ™‚

IMG_7393

Cean had finished his Minecraft Hour of Code challenge today

IMG_7407

IMG_7405

and the next is to learn some pattern with LightBot, but apparently this one it a bit to hard for Cean

IMG_7419

so we moved on to Blockly Games to learn more about basic programming logics

IMG_7426 IMG_7437

The class, and all the joy and excitement in it πŸ˜‰

IMG_7392 IMG_7398

IMG_7434 IMG_7394

IMG_7397 IMG_7396

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 20 July 2019

Standard

Wooow today is a very productive because we had a huge coding crowd πŸ˜‰

Aidia is ready to upgrade her robot: Spicy to be able to “talk” via LCD πŸ˜‰

IMG_6866 IMG_6869

writing the code

IMG_6900

there you go! πŸ˜‰

IMG_6908

IMG_6909 IMG_6917

Spicy will inform what she is doing by printing the status to the LCD πŸ˜‰

IMG_6951

the next step is to make sure all components working well and how to tidy up all these components πŸ˜€

IMG_6952

Faiz finished two challenges today πŸ™‚ the first is Blockly

IMG_6867 IMG_6870

and the second is Lightbots πŸ™‚

IMG_6875 IMG_6891

And then Faiz created a full featured Maze Game with GameMaker πŸ˜‰

IMG_6928 IMG_6940

IMG_6947 IMG_6955

IMG_6960

Faishal is exploring our network and investigating the security holes πŸ˜€

IMG_6868

we used LOTS of tools πŸ™‚ and we’re doing several projects πŸ˜‰

IMG_6872 IMG_6874

IMG_6894 IMG_6895

IMG_6898 IMG_6924

IMG_6943

Sam is still working on his Juz’amma App but starting next week he will start a new project to give him some fresh topics and new air πŸ˜‰

IMG_6871

IMG_6890

Fadhlan is going to test the robot πŸ˜‰ and if all is working we’re planning to add LCD too πŸ˜‰

IMG_6873

IMG_6914

checking the code. the robot was working fine but the laptop was so laggy, we have to find out why

IMG_6942

Cean, is a smart 6 yo kid πŸ™‚

IMG_6876

he finished lots of levels of puzzles today πŸ˜‰ almost without assistance πŸ˜‰

IMG_6877

IMG_6881 IMG_6910

Capt. Faris was soo busy assisting the class

 

 

IMG_6878

while also doing our face recognition project πŸ˜‰

IMG_6948

IMG_6949 IMG_6950

Hafiz is now focusing on machine learning

IMG_6879

today is about training the machine

IMG_6892

to play tic tac toe πŸ˜‰

IMG_6896 IMG_6897

IMG_6956

Ara was still in Hydra project

IMG_6880

but he was also doing more or less the same project as Faishal’s

IMG_6893 IMG_6899

IMG_6911

Al is doing machine learning project while also discussing it with Capt. Awa πŸ˜‰

IMG_6882

Badi is going to add carousel to the website

IMG_6884 IMG_6901

working on the code

IMG_6925 IMG_6926

but at the end he decided to do it differently, not with carousel but with some more sleek and cooler way of changing full screen images πŸ˜€

IMG_6944

Syadad was very quiet and productive like usual πŸ˜‰

IMG_6885

Syadad typed almost 3 code in JavaScript today

IMG_6915

to create rainbow triangle

IMG_6929

and aligned triangle πŸ™‚

IMG_6937

and all the codes worked nicely πŸ™‚ well done Syadad!

IMG_6965

IMG_6966

Capt. Awa has successfully created an Panic Button that will give warning to a cellular phone when the button is pressed

IMG_6886

the system works via wifi and we’re going to try using it via mobile network πŸ™‚

IMG_6902

but first, playing with an Elder Wand (we’re planning to make our own :D)

IMG_6903

and the map of Hogsmeade LOL

IMG_6904

and then continue working with the Panic Button project

IMG_6919

Josh is finally joining the class πŸ˜‰ Welcome Josh πŸ˜‰

IMG_6912

Josh created his first game today πŸ˜‰

IMG_6923

IMG_6932 IMG_6941

IMG_6954 IMG_6961

IMG_6967 IMG_6972

Such and awesome progress in just 90 minutes πŸ˜‰

IMG_6973

Mohan is back!

IMG_6916

He’s given a task to create Agario Game πŸ˜‰

IMG_6922 IMG_6936

Muhammad was continuing to learn nmap, etherape and more tools πŸ˜‰

IMG_6918 IMG_6927

IMG_6938 IMG_6945

IMG_6958 IMG_6968

Zaaka is joining the class too πŸ™‚

IMG_6930

Zaaka and Kishan took our Private Coding Class few weeks ago, and Zaaka has been improving a lot since then πŸ™‚

IMG_6933

He had elevated the game to the next level with very creative ideas πŸ™‚

IMG_6939

looking like a real game already!!!

IMG_6946

keep on going Zaaka

IMG_6963

Kishan said he was confused with the game he is creating

IMG_6931

but he already created a very brilliant and complex one πŸ™‚

IMG_6959 IMG_6964

amazing work, Kishan πŸ™‚

IMG_6969 IMG_6970

Capt. Faris helping Kishan with some errors πŸ™‚

IMG_6974 Azmi IMG_6957

The class πŸ™‚ This is how we spend Saturday πŸ˜‰ By creating things πŸ™‚

IMG_6887 IMG_6888

IMG_6889 IMG_6913

IMG_6920 IMG_6921

IMG_6934 IMG_6962

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 13 July 2019

Standard

Our regular Saturday Coding Class πŸ™‚

Ara is joining us today πŸ™‚

IMG_6383

Ara is continuing his White Hacking Lessons after joining our Private Class a few weeks ago πŸ™‚

IMG_6387

he needed to warm up to refresh the lesson, starting with nmap πŸ™‚

IMG_6390 IMG_6411

IMG_6414

and then BurpSuite

IMG_6454

IMG_6461

Hydra

IMG_6493

Fadhlan is ready to debug the robot, he’s going to Russia Competition next October πŸ™‚

IMG_6392 IMG_6410

IMG_6412

explaining about the robot to parents visiting our class πŸ˜‰

IMG_6429

Sam is now back working on the Juz’amma App

IMG_6393 IMG_6417

cannot wait to see the app is finished and uploaded to PlayStore! πŸ™‚

IMG_6445

Capt. Faris is very busy researching, and assisting today πŸ™‚ He also had a meeting with client πŸ˜€

IMG_6394

debugging Joe’s code

IMG_6418

and then back to his research

IMG_6446

Hafiz is going to pick up where he left from the last Machine Learning Coding Camp

IMG_6395

some features weren’t working yesterday but now they are!

IMG_6407

now it is working fine πŸ™‚

IMG_6408

yayyyy

IMG_6409

and then Hafiz upgraded it πŸ™‚

IMG_6415 IMG_6455

Al, glad to see you again:)

IMG_6396

Al is creating Sorting Hat machine learning πŸ˜‰

IMG_6443

Badi

IMG_6398

upgrading Pavilion19 website πŸ™‚

IMG_6401

he is adding more images and going to add carousel

IMG_6403

The statistics of visitor of the website

IMG_6406

Badi has also added some animation to the website πŸ™‚

IMG_6420

Nice details πŸ™‚

IMG_6422

Syadad is getting better at coding in Minecraft

IMG_6399

he typed a code to create a triangle

IMG_6413

the result πŸ™‚ Syadad had changed the blocks to glass πŸ™‚

IMG_6439

next is to create rainbow triangle πŸ™‚

IMG_6440 IMG_6453

Koosha brought his own topic to the class

IMG_6431

BungeeCord Project πŸ™‚

IMG_6442

BungeeCord enables multiple Minecraft servers to connect to each other so the player can teleport from one server to another

IMG_6444

if this works then each student can try other students scripts and codes in each other world πŸ˜‰

IMG_6462

Koosha is testing the BungeeCord

IMG_6501 IMG_6502

IMG_6503

Faiz has just joined regular class πŸ™‚

IMG_6441

warming up with Blockly Games

IMG_6465 IMG_6467

IMG_6494

next week Faiz will do more intro before starting to create games with Game Maker πŸ™‚

IMG_6495

IMG_6496 IMG_6500

The class today

IMG_6504 IMG_6447

IMG_6448 IMG_6449

IMG_6450 IMG_6451

IMG_6452

Glad to see lots of progress today πŸ™‚ Until next week! πŸ™‚

*Photos and videos are also available here

ProCodeCG – Coding Camp – Robotics – Day #3 – 13 July 2019

Standard

Day #3 already of Robotics Coding Camp πŸ™‚ Today we are adding more features to the robot: button to start and stop the robot, LED that will be on when the robot is activated and buzzer to make sound when the robot is scanning the environment πŸ™‚ We also added LCD to show the status of the robot (ready, moving forward, turn to the left, turn to the right and moving backward)

Joe is super excited to upgrade his robot today πŸ˜‰

IMG_6381 IMG_6384

IMG_6389

testing the button, LED and buzzer

IMG_6425

worked nicely πŸ™‚

IMG_6426

now working on adding the LCD

IMG_6432

the code

IMG_6458

yaaay, it is on!

IMG_6459

IMG_6460

now the robot is telling us what it is doing πŸ˜‰

IMG_6464

Aidia is also very excited to upgrade Spicy πŸ˜‰

IMG_6385

She typed the whole code and couldn’t wait to test the robot

IMG_6416

the schematic

IMG_6386 IMG_6388

IMG_6391

Spicy has a special box because it is now one of the most important possessions of Aidia πŸ˜‰

IMG_6505

Look at the happy face of a little female engineer and a robot she created πŸ˜‰

IMG_6506

with the certificates and the robots πŸ˜‰ *Hafiz on the right got certificate for Machine Learning but he finished the class at the same day we held Robotics so we just took the pic together πŸ˜‰

IMG_6351

*Photos and videos are also available here

ProCodeCG – Coding Camp – Robotics – Day #2 – 12 July 2019

Standard

Ok, Day #2 of Robotics Coding Camp: time to assembly the robot and test it πŸ˜‰

Aidia

IMG_6256

the schematic

IMG_6259

IMG_6266 IMG_6269

Aidia’s robot *its name is Spicy πŸ˜‰

IMG_6270

Testing the robot πŸ˜‰ for more details please see the video on the link at the end of this page πŸ˜‰

IMG_6306

Aidia treats the robot like a pet

IMG_6309

now the robot works, time to secure the bolts, tighten the wires and do some soldering πŸ˜‰

IMG_6310

IMG_6311 IMG_6314

and then test it again πŸ˜‰

IMG_6322

and some components still needed to be glued to make sure they don’t fall apart when the robot is navigating

IMG_6325

IMG_6326 IMG_6327

IMG_6328

little female engineer πŸ˜‰ ❀ ❀ ❀

IMG_6330

The robot can navigate everywhere without hitting anything πŸ˜‰ It took some time for it when it find a corner and get out from there πŸ˜€

IMG_6336

Joe is so excited to build to robot πŸ˜‰

IMG_6258

IMG_6260 IMG_6265

IMG_6271

He even tested all the batteries πŸ˜€

IMG_6272

all set!

IMG_6274

testing time and working nicely πŸ™‚

IMG_6275

now adding on/off switch and securing the wires and glue the components and soldering things πŸ™‚

IMG_6277 IMG_6278

IMG_6280 IMG_6281

IMG_6284 IMG_6286

IMG_6287

ready for more testings πŸ™‚

IMG_6288

IMG_6292

something stopped working

IMG_6294

so we have to do debugging (actually good for learning process πŸ˜‰ )

IMG_6296 IMG_6313

we tested all the components and change the wires and then the robot started working perfectly again. apparently some of the wires stopped working after Joe glue gunned them πŸ˜€

IMG_6316

Hafiz is the last Machine Learning participants who hadn’t finished the class because he had been feeling not well two days ago πŸ™‚

IMG_6257

Hafiz is creating an AI that can suggest you to go to places fits your interests πŸ™‚

IMG_6279

the codes

IMG_6283

IMG_6340

the data sets

IMG_6285

the testing πŸ™‚ it works πŸ˜‰

IMG_6291

Lunch break (Hafiz went to mosque for Friday Prayer)

IMG_6305

The class πŸ˜‰

IMG_6262

Very few people but huge progresses πŸ˜‰

IMG_6263

*Photos and videos are also available here