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 – 15 Feb 2020

Standard

Preparing for the exhibion next week! And there will be Pikiran Rakyat reporter and photographer visiting the class to do some interview 😉

Syathir is developing a Flappy Bird Game for the exhibition

IMG_2911 IMG_2935

IMG_2936 IMG_2978

IMG_3001

we still need some time for finishing, hopefully we can do it next week before the exhibition 😉

IMG_3010

Syadad is now catching up very fast with creating apps 😉

IMG_2912 IMG_2918

the apps are now working fine 😉

login app

IMG_2926

odd or even number app

IMG_2952

IMG_2953

IMG_2961

IMG_2979 IMG_3012

IMG_3017 IMG_3033

IMG_3034

guessing a number app 🙂

IMG_3040

IMG_3048 IMG_3087

Kibie wanted to create a Race Car Game

IMG_2913 IMG_2923

IMG_2928 IMG_2956

but then we decide to create a much simpler game to make sure that we can finish it before exhibition

IMG_2957 IMG_2966

IMG_3042 IMG_3046

IMG_3047 IMG_3049

there you go Kibie 🙂 the game is ready, just need some finishing 😉

IMG_3070

Ara will not do white hacking for the exhibition

IMG_2914

he chose to create game using Unreal Engine

IMG_2948

Ara had created the character and some of the terrain

IMG_2949

IMG_2951 IMG_3054

Al always done the job excellently 🙂

IMG_2916

today he created a machine learning to guess the title of the song by just typing a few words from the lyrics 😉

IMG_2925

IMG_2962 IMG_3020

the code

IMG_3050

Al is also created a machine learning to answer some puzzles 😉

IMG_3051

IMG_3053

IMG_3086

and then Al made some time to create ProCodeCG Intro and Outro for ProCodeCG Channel on YouTube 🙂

IMG_3066

Baran, gorgeous with the sunglasses 😀

IMG_2917

still working on hundreds lines of code of creating snake game in JavaScript 😉

IMG_2924 IMG_3005

Harraz

IMG_2919

is creating a project in Scratch

IMG_2932

IMG_2933

Faiz helped a bit

IMG_2934

IMG_3011

and now the game works perfectly 🙂

IMG_3013

the codes 🙂

IMG_3015

a really productive day, well done Harraz 🙂

IMG_3016

Techa is also very productive today 😉

IMG_2920

he modified the game

IMG_2927

and put ideas from other game 😀

IMG_2954 IMG_2960

IMG_2999 IMG_3036

look at that scattered room

IMG_3037

Techa puts lots of unusual ideas to the game 😀

IMG_3038

IMG_3058

well as long as it works, then it is ok 😀

IMG_3059

IMG_3068 IMG_3072

Badi and his new Wellborn bag 😉

IMG_2921

we check the last circuit to see if the it still works

IMG_2941

IMG_2955

and then we replace the sensor with a different type because we suspect the old sensors were burnt 😀

IMG_3023

modifying the code to fits the new sensor

IMG_3043 IMG_3045

downloading the library

IMG_3057

the reading is still not correct, will fix it next week 🙂

IMG_3074

Fadhlan is working hard to finish the firefighter robot

IMG_2922 IMG_2940

IMG_3056

we’re going to add water pump very soon

IMG_3062

the basic configuration is ready. well done!

IMG_3073

Clive

IMG_2929

picking where he left the last class

IMG_2945 IMG_2947

now the Agario Game is almost done. we just need to spawn the food in different colors and make the virus divides the cell and let the cell

IMG_1602 IMG_3009

Faiz

IMG_2930

had successfully add text to speech library (with the help of Capt. Faris)

IMG_2997

it requires lots of downloading, and this is the code 😉

IMG_2998 IMG_3018

Boy got several projects to be done

IMG_2931

the first is to fix the buzzer of this remote control robot

IMG_2937

IMG_2938

and then this project in Scratch

IMG_2958

IMG_3019 IMG_3032

IMG_3061 IMG_3064

it is getting more complex but more realistic 😉

IMG_3065

Boy put some credits too to us, thanks so much! 🙂

IMG_3067

Vey is not feeling well today

IMG_2946

but he has to develop the line follower robot

IMG_2942

both sensor worked, and Vey quickly went home because he had fever

IMG_3003

Kinan is one of our rare girl programmer 😉

IMG_2944

she is still improving the Space Invader Game

IMG_2943

the code

IMG_2994

IMG_3071

Sam is going to present the Juz’Amma App for the exhibition 😉 He is now adding the verses to the app and improving the GUI

IMG_2950

Capt. Faris is back after a couple of weeks, and got tons of work to do 😀

IMG_2959

IMG_3060

Darren is now getting better and better with GameMaker 😉

IMG_2982 IMG_2983

IMG_2993 IMG_2996

Darren’s first game 🙂

IMG_3027 IMG_3031

IMG_3044

it is finished 🙂 next time Darren can move on to the next game 😉

IMG_3069

Fab is making lots of improvements to the game

IMG_3026

he has added more lines of codes to make more movement and animations

IMG_2995

IMG_3024

IMG_3030

Yogi is making some improvements to the game to be presented on the exhibition

IMG_3008

IMG_3028

today we are interviewed by a reporter from Pikiran Rakyat 🙂 starting with Capt. Faris 😉

IMG_3035

photographer of Pikiran Rakyat is taking pics and the reporter is doing the interview 😉

IMG_3084

IMG_3089 IMG_1604

IMG_3085 IMG_3088

the class

*including this two bragging their Wellborn cool backpack LOL

IMG_3082 IMG_2981

IMG_2980 IMG_2985

IMG_2990 IMG_2991

IMG_2992 IMG_2984

*Photos and videos are also 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 – 21 Dec 2019

Standard

Lots of people have gone for holiday but this is how the squad is spending the holiday 😉

Badi is so ready for the task today 🙂

IMG_7855

Badi has to make sure all the circuit work and choose one of the to be soldered on the hole PCB 😀 *notice that now Badi has a tool kit (yes that one looks like an old school tv 😀 )

IMG_7859

Badi has got several projects running

IMG_7861

and now he has memorized all of the circuits and how to make them work 🙂

IMG_7862

proud and confident Badi 😀

IMG_7864

adding more LEDs

IMG_7866

and more components

IMG_7871

getting ready for soldering

IMG_7887

with the help of Fadhlan 🙂

IMG_7910

and then this is what we got so far 🙂 nicely done! 🙂

IMG_7920

Capt. Awa is ready to help again today 🙂

IMG_7856

helping Kak Badi with the circuit

IMG_7870

while also doing some research about camera and Arduino 🙂

IMG_7923,

Capt. Faris has got tons of reasearch to do too 😀

IMG_7857

one is a machine learning research about deep fake

IMG_7869

IMG_7912

IMG_7892

and then learning some GO language to be able to assist Djalu

IMG_8819

and help Sam finishes up the Panic Button project 🙂

IMG_7868

Sam is going to finish his Panic Button Project today 🙂

IMG_7858

The app got the longitude and latitude but not the complete address last time

IMG_7867

and today with the help with Capt. Faris it works! 🙂

IMG_7877

IMG_7874

the codes

IMG_7875 IMG_7876

IMG_7883

IMG_7916

the next step is to send the location info via sms, or call the fire dept, or call the police, or call ambulance 🙂

IMG_7889

the sms is ready to be sent

IMG_7888

and this is the sms received from an app installed on iOS. This is app is totally rocks!

IMG_7914

Djalu will learn about algorithm and data structure with GO Language 🙂

IMG_7878

he starts with basic syntax

IMG_7879

getting used to the command for compiling and running the code

IMG_7880

and then learns about variables

IMG_7904

and also functions

IMG_7921

Fadhlan is going to finish all the wiring and test the code today 🙂

IMG_7881 IMG_7886

while also helping Badi with soldering 🙂

IMG_7902 IMG_7905

IMG_7911

the robot was up and running, the code was loaded and showed no errors, but we didn’t have time to test the robot. we’re going to do it next week 😉

IMG_7924

Boy is going to finish the game today

IMG_7918

we have added scores, rooms and levels navigation and also some enhancement to the game 🙂 the game is now ready for exhibition 🙂

IMG_7919

The class:

IMG_7885 IMG_7884

IMG_7917 IMG_7915

IMG_7907

*Photos and videos are also available here