ProCodeCG Kids Private Coding Class – Creating Apps – Online – 28 March 2020

Standard

Ara’s work today is to create an app that shows location on Google Map 🙂

this is the previous app from previous class 😉

Screen Shot 2020-03-28 at 14.08.07

Screen Shot 2020-03-28 at 14.08.00

now we’re going to jump to create an app with quite high level of difficulties

Screen Shot 2020-03-28 at 14.09.41

we start with the design

Screen Shot 2020-03-28 at 14.11.36 Screen Shot 2020-03-28 at 14.13.08

Screen Shot 2020-03-28 at 14.15.37 Screen Shot 2020-03-28 at 14.20.37

Screen Shot 2020-03-28 at 14.20.54

and then the code

Screen Shot 2020-03-28 at 14.24.13

Screen Shot 2020-03-28 at 14.24.20 Screen Shot 2020-03-28 at 14.29.58

Screen Shot 2020-03-28 at 14.36.14

testing the app

Screen Shot 2020-03-28 at 14.33.33

Screen Shot 2020-03-28 at 14.31.48 Screen Shot 2020-03-28 at 14.44.15

Screen Shot 2020-03-28 at 14.44.44 Screen Shot 2020-03-28 at 14.45.27

adding more features like zooming in and add pin

Screen Shot 2020-03-28 at 14.45.41 Screen Shot 2020-03-28 at 14.49.49

Screen Shot 2020-03-28 at 14.52.40 Screen Shot 2020-03-28 at 14.56.45

Screen Shot 2020-03-28 at 15.01.07

testing the app

Screen Shot 2020-03-28 at 14.57.59

the results

WhatsApp Image 2020-03-28 at 14.40.58

WhatsApp Image 2020-03-28 at 14.46.47

we got the map and the location

WhatsApp Image 2020-03-28 at 14.53.29 WhatsApp Image 2020-03-28 at 15.01.26

next class we will add more location and routes and distance 🙂

*Photos are also available here and video is available here

ProCodeCG Kids Regular Coding Class – 8 Feb 2020

Standard

One of the best day of the week is Saturday 🙂 Ours is even better because it is our time for coding 😉

Clive had finished the Flappy Bird Game and now is given a new challenge to create Agario Game

IMG_2286 IMG_2288

it requires more coding to make the game runs smootly

IMG_2299

today Clive had finished the main features of the game, next week we will gradually add more features to the game

IMG_2330

Techa is improving the BreakOut Game

IMG_2287

by adding more levels

IMG_2298

IMG_2318

and even tricked the game by creating a very long paddle LOL

IMG_2327

IMG_2352 IMG_2353

or add several paddles in the same room

IMG_2360

Al will do a new machine learning project today 😉

IMG_2290

IMG_2289

Al is developing a hoax detector

IMG_2312

the code

IMG_2340 IMG_2354

 

the datasets

IMG_2357

the system can detect whether a sentence or headline is hoax or not 😉 super awesome work Al! 🙂

IMG_2356

Badi

IMG_2291

has to prepare a project for the upcoming exhibition

IMG_2302

we need to shop for more components

IMG_2313

so we got the components delivered 😀

IMG_2326

assembling process

IMG_2335 IMG_2336

IMG_2339

testing the LCD

IMG_2346

it is not working

IMG_2347

until we put the jumper on the i2c module

33348BFE-2C4D-43C0-B020-0A8277A588B7

there we go! 😉

IMG_2366

now doing the code

IMG_2370

it works *but the reading is crazy because apparently we burnt the sensor during the assembly LOL

IMG_2375 IMG_2374

IMG_2376 IMG_2377

but at least we have done 90% of the project 😉 going to replace the sensor next week 😉

IMG_2406

Vian is exploring Roblox coding again

IMG_2292

Vian is developing a thriller game in Roblox

IMG_2297

the character

IMG_2315

the code in LUA

IMG_2316 IMG_2317

IMG_2341

Faiz is improving his Python code to open a browser based on a command we type from a command prompt

IMG_2293

IMG_2294

the code

IMG_2311

IMG_2314 IMG_2328

IMG_2331

now the program will keep accepting the command until the user say no

IMG_2332

IMG_2333

we’re installing library to make the code able to accept speech 😉

IMG_2403

IMG_2404 IMG_2405

Sam is making awesome progress with the Attendance List App

IMG_2301

but the code is quite complex 😀

IMG_2303

IMG_2304

the main function is working, still need to work on the GUI

IMG_2305

this project will be ready for the exhibition yaaayy 🙂

IMG_2306

Kinan is adding bullet indicator to the game 😉

IMG_2308

so the player will have limited number of bullet and should reload to be able to keep shooting the enemy

IMG_2323 IMG_2338

Darren is a newcomer 😉

IMG_2309

starting with basic programming

IMG_2310

IMG_2319

done the first challenge

IMG_2334

next is to learn the principal of procedures in programming

IMG_2349 IMG_2362

IMG_2363 IMG_2367

done this one too

IMG_2400

and now start creating games 😉

IMG_2402

Syathir is creating a BreakOut Game

IMG_2343 IMG_2344

IMG_2345 IMG_2350

done already! 🙂

IMG_2351

finding ideas by playing an example game

IMG_2364

IMG_2365

and then agreed to create a Flappy Bird Game for the exhibition 😉

IMG_2369

Fadhlan is developing a FireFighter Robot 😉

IMG_2371 IMG_2372

IMG_2407

hoping that Fadhlan can finish the project before the exhibition 🙂

IMG_2408

IMG_2409

The class

IMG_2324

IMG_2325

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 25 Jan 2020

Standard

Chinese New Year Holiday and like always, holidays don’t keep us from the class 😉

Badi has to pick a robotic topic to be presented on the next exhibition 😉

IMG_1065

Badi chose this one

IMG_1083

IMG_1084 IMG_1088

IMG_1089

the only problem is that we have to use mathlab and simulink to make this work 🙂 we will find out more if this project can be done within a month 😉

IMG_1132

Badi also checked his last ultrasonic project to make sure it is still. working properly

IMG_1135

we make the code looks neater 😉

IMG_1136

Badi’s toolbox 😀 Soon he will need to have much bigger one

IMG_1137

Especially when he bring some coloured pencils and marker too 😀

IMG_1138

Capt. Faris is doing some research

IMG_1067 IMG_1119

IMG_1120

Aidia now working on her Hand Gesture Recognition Project

IMG_1068

the schematics

IMG_1074

IMG_1092

the wiring

IMG_1075

IMG_1079

the code

IMG_1085

testing the display, that working just fine

IMG_1086

IMG_1087

Kaira, Aidia’s little sister came to help while Aidia rewiring the components

IMG_1093

all is good but the sensor

IMG_1107

we got the right code

IMG_1118

and the display is ok, but the sensor is not compatible so we’re going to shop another sensor and try again next week 🙂

IMG_1133

Capt. Awa is ready to teach 😉

IMG_1069 IMG_1073

He’s been learning to create 3D games with CopperCube

IMG_1071 IMG_1072

Capt. Awa teaches Boy how to get started with CopperCube

IMG_1094 IMG_1097

IMG_1116

Awa started to learn some Blender 🙂 Boy taught him 🙂

IMG_1134

Vian is learning more LUA programming for creating Roblox Game

IMG_1070

IDE for LUA in Roblox

IMG_1080 IMG_1081

some of LUA syntax

IMG_1082

the game

IMG_1098

IMG_1099

Boy is going to learn CopperCube today 🙂

IMG_1091

IMG_1095

He learns quickly 🙂

IMG_1100

IMG_1113

and then teach Capt. Awa how to use Blender 😉

IMG_1124

IMG_1125 IMG_1126

Fadhlan also has to create a robotic project for the next exhibition

IMG_1096

Fadhlan is still thinking about the project can be finished within a month 😉

IMG_1117

IMG_1112

Syathir is back 🙂

IMG_1109

Syathir is improving his shooting game from the last class

IMG_1110

IMG_1115

adding more levels

IMG_1121

IMG_1122 IMG_1123

IMG_1129

and some backgrounds 🙂 next time we will create a race care game 🙂

IMG_1130

Syadad is going to create another Thunkable App today 🙂

IMG_1111 IMG_1114

Syadad is creating a login app to verify only user with correct username and password allowed to enter an application 🙂

IMG_1128

The class today 🙂

Some snacks from Aidia’s Mom to celebrate Aidia’s Father’s Birthday 😉 Thanks so much 🙂

IMG_1077

The captains 🙂

IMG_1078

the whole class, warm and cozy in RedsDipo, Jl. Dipati Ukur No. 5 Bandung 🙂

IMG_1103

IMG_1102 IMG_1104

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 11 Jan 2020

Standard

Our first class in a new place: RedsDipo Dipati Ukur Bandung 🙂

Fadhlan has a new plan for SNAPBOT 3

IMG_9881

Fadhlan will start with one motor driver and will modify the code from SNAPBOT 1 and 2 to work with the new config

IMG_9931

that way we can be sure that the basic functions will work

IMG_9934

and then we will step by step modify the code to control the added components

IMG_9940

Ara has got 2 assignments today

IMG_9882

one is to see how vulnerable people to social engineering and get their Google Sign-In easily

IMG_9914

Ara finished the first assignment but not yet the Facebook Sign In. should finish it next week 🙂

IMG_9932

Badi

IMG_9883

Badi have to test the project from the last class

IMG_9933

because Badi has to understand how basic components works to move on to the next project 🙂

IMG_9939

Kibie

IMG_9885

is very excited to learn how to create games today 🙂

IMG_9897

IMG_9903

Kibie’s first object 🙂

IMG_9904

Kibie’s first game

IMG_9910 IMG_9915

done the first game level 1

IMG_9916

and level 2

IMG_9938

move on to create a new one 🙂

IMG_9961

a simple shooting game 😉

IMG_9962

IMG_9966

done this one already and will create a BreakOut Game next week 😉

IMG_9987

Baran is still struggling with functions in JavaScript

IMG_9886

he has to go through the challenges to make sure that he gets the concept

IMG_9898

IMG_9917

next week Baran will be given a task to create a game using JavaScript function and we’ll see the progress 😉

IMG_9960

Techa is still super excited about the game he created 😀

IMG_9887 IMG_9899

adding more levels

IMG_9907

add some more difficulty levels

IMG_9923

learn how to move from one level to another

IMG_9924

and ready to create BreakOut Game next week 🙂

IMG_9988

Sam is starting a new project!

IMG_9888

He is developing an app for attendance list

IMG_9930

Kinan is also making a great progress too

IMG_9891

we’re continuing the project from the last coding camp

IMG_9894

IMG_9895

evaluating the game

IMG_9900

checking the code

IMG_9928

and finally we can add lives to the game 🙂

IMG_9943

yeheaayyy 😉

IMG_9944 IMG_9964

Djalu has a new laptop and we installed stuffs before getting to work

IMG_9896

Djalu wants to learn Python after learning GOLANG during the last coding camp

IMG_9929

the project today is to create a GUI with Python 😉

IMG_9963 IMG_9985

and it finally works after lots of trial and error and debugging, yayy 🙂

IMG_9986 IMG_9995

IMG_9996

Al is getting better and better in coding and machine learning 😉

IMG_9902

he chose the project for today

IMG_9908

and picked this one

IMG_9919

IMG_9920 IMG_9927

IMG_9937

the project is to use machine learning to give recommendation of a book based on the number of pages, number of lines and number of pictures

IMG_9956

the data sets

IMG_9957

the results

IMG_9958

the next project is to modify the machine learning to decide whether someone pass or not pass the test by observing the number of hours spent for playing, sleeping and studying 😉

IMG_9971

when studying more than sleeping and playing

IMG_9972

when you play more than you study

IMG_9973

the data sets

IMG_9974

when you study and sleep a lot and no play

IMG_9975

when you just sleep and don’t play and don’t study LOL super awesome workkkk Al!!!

IMG_9976

the next project for Al is to determine whether somebody is underweight, healthy, overweight, obese or extremely obese from the weight and height 😉

IMG_9978

IMG_9991 IMG_9992

IMG_9993

Boy is still very busy designing with Blender

IMG_9905

IMG_9906 IMG_9909

IMG_9918 IMG_9925

we’re going to make some simple animation next time

IMG_9926 IMG_9955

IMG_9959

while Vian is working on creating games in Roblox

IMG_9911

he had created the design and assets

IMG_9935 IMG_9936

the design is impressively done in details

IMG_9949

and we’re going to add some codes to the game

IMG_9954

IMG_9969

Fab

IMG_9941

is making progress with the game too 🙂

IMG_9942

Fab found some bugs to the previous game he created, so now he will start a new project to see if this one works

IMG_9952

we will leave this for a while and will get back to it later

IMG_9953

and we will start this project

IMG_9968

so far it is working fine

IMG_9983 IMG_9984

IMG_9994

Syadad will install Python today and start to code in Python 😉

IMG_9950

IMG_9951

Syadad’s first codes in Python 🙂

IMG_9980

IMG_9981 IMG_9982

The class

IMG_9889 IMG_9890

IMG_9912 IMG_9947

IMG_9948 IMG_9989

IMG_9946 IMG_9945

IMG_9990

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 4 Jan 2020

Standard

Our first regular coding class in 2020 🙂

Syadad wants to learn a new thing today

IMG_9273

Syadad will create his own mobile apps today  🙂

IMG_9284

the code

IMG_9285 IMG_9301

IMG_9331

the results 🙂

IMG_9303

IMG_9302 IMG_9329

IMG_9304 IMG_9328

the next project is to create an odd and even number app, or we will Python or GOLANG 🙂

IMG_9332

Aidia is going to finish the Color Sorter Project today 🙂

IMG_9256

IMG_9258

we’re going to put the components on the platform

IMG_9259

while also checking the code

IMG_9260 IMG_9262

IMG_9266

ready for testing

IMG_9271

IMG_9272 IMG_9274

Aidia is testing and taking notes of the range of values read by the sensor for each color

IMG_9278

Papa Aidia helps us with the hardest part: installing moving part to the platform 🙂

IMG_9295

IMG_9299

reconfiguring the code

IMG_9311

based on the sensor readings

IMG_9314

and it finally works! we just need to install the guide rail 😉

IMG_9322

Yogi is still figuring out how to display laps on his Race Car Game

IMG_9257

There are several ways to do it

IMG_9264

IMG_9267

Yogi chose to get some codes from a tutorial from the internet but it didn’t work so we have to figure out other way to do it

IMG_9276

IMG_9277

Capt. Faris

IMG_9263

is learning a new programming language 😀

IMG_9265

a meeting with Pak Budi Rahardjo about the next research

IMG_9334

and also to debug some problems in the code, and Faris solved it right away 😀

IMG_9339

Baran is still learning JavaScript

IMG_9268

Today Baran learns how to use functions 😉

IMG_9283 IMG_9293

IMG_9306

while Techa is creating a super interesting new game : Space Invaders 🙂

IMG_9270

IMG_9282 IMG_9292

Techa is super excited to play his own game 😀

IMG_9294 IMG_9296

IMG_9300 IMG_9307

IMG_9323 IMG_9325

Boy is working on some animation for his game project 🙂

IMG_9281

he creates this using Blender 🙂

IMG_9316

IMG_9291

IMG_9305 IMG_9308

totally awesome work 🙂

IMG_9315

Fab is still figuring out how to fix the code for his game because one object does not work as expected

IMG_9313

Fab has changed the room, recreated the objects, retype the code and everything but it still didn’t work. we also had created a dummy object to see if things work with the object and it did. but for the object enemy, still didn’t work. going to fix this very soon (in one case, the problem was caused by the room setting. in the other, the object setting or sprite setting. we still need to find the source of the problem)

IMG_9320

The class (the last time in Art Cafe, we’re moving to a new place next week :))

IMG_9289

IMG_9290

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 7 Sept 2019

Standard

Time to be productive and make progress 😉 Every kids in our regular class have their own target and we make sure that they are making progress each week 😉

Ara is still preparing for upcoming Young Scientist Competition. He has prepared an extended abstract, a poster and of course has also finished the code

IMG_0449

what Ara should be doing is to test the steps and try different wifi to get empirical data and measurement

IMG_0471

IMG_0482

Today Ara is trying to be an Evil Twin, to see how difficult it is to set up the attack

IMG_0486

IMG_0496 IMG_0507

Aidia is starting a new project: hand gesture recognition 😉

IMG_0450 IMG_0452

the code is very long, so Aidia took several breaks while typing it. And not yet finished, so we’re going to finish it next week

IMG_0463

Aidia said she wanted to do the schematic first

IMG_0478

IMG_0480

The schematic is ready 🙂 After the code is finished, we’re going to test it 😉

IMG_0487

Fadhlan, with SNAPBOT I and SNAPBOT II 😉

IMG_0453

Fadhlan is developing SNAPBOT II with basic configurations before we add an optical mouse for drawing the map

IMG_0457

but before he started, he helped Aidia to solder the gesture sensor 😉 Thanks so much, buddy 🙂

IMG_0465

Fadhlan now needs the workspace twice as big since now there are two robots to be constructed 😀

IMG_0524

Baran is going to continue intro to programming

IMG_0454

by doing challenges with higher level of difficulties

IMG_0470

IMG_0485

this challenge is not only teaching about geometric shapes but most importantly is about loop and nested loop

IMG_0498

IMG_0503

then Baran can continue to learn some Python with CodeCombat

IMG_0534

IMG_0535 IMG_0536

Techa is probably younger than Baran, but he can keep up with the lessons 🙂

IMG_0455

after finishing maze puzzles

IMG_0459

IMG_0464

Techa also learns about geometric shapes, angles, loop and nested loop

IMG_0499

IMG_0500 IMG_0502

and then: Python coding with Code Combat 🙂

IMG_0527 IMG_0529

Sam is figuring out how to activate his Object Recognition App for the Blind with voice

IMG_0456 IMG_0461

IMG_0462 IMG_0490

and he also working on the Juz’amma. Next week Sam will be given new project 🙂

IMG_0515

Ihsan starts to learn basic electronics because he is interested to build his own robot

IMG_0458

IMG_0460

the first project: LED

IMG_0474

IMG_0476 IMG_0488

and then more LEDs

IMG_0491 IMG_0492

then RGB LED

IMG_0501 IMG_0508

and then LED and button

IMG_0517

Hafiz is performing more test to his machine learning project

IMG_0467

IMG_0475 IMG_0497

IMG_0504

and since there were so much troubles with synchronization between the learning system with the Scratch, we decided to develop the system using App Inventor

IMG_0523

Kinan is still developing her Agario Game 🙂

IMG_0468 IMG_0477

IMG_0484 IMG_0512

IMG_0532

Yogi is still figuring out how to make a code to enable a moving car to stop when we click left button mouse and move when we click again

IMG_0494

IMG_0493 IMG_0510

IMG_0511

we have to find a work around for this one

IMG_0528

Koosha

IMG_0495

connecting via remote to his server at home

IMG_0505

IMG_0513

He is configuring a port forwarding

IMG_0514

to be able to connect to a Minecraft Server 😀

IMG_0519

Fab is continuously making good progress 🙂

IMG_0520

IMG_0526 IMG_0506

he can solve most of the difficult problems by himself. Just give him a simple hint and he will finish it 🙂

IMG_0516 IMG_0522

after this Fab will learn some Python programming before he can start creating his own game 🙂

IMG_0533

The class

IMG_0489

IMG_0525 IMG_0469

we spends hours doing this and time always flies! Until next week 😉

*Photos and videos are also available here

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