ProCodeCG Kids Coding Camp – Online – Mid 2020 – Creating Apps – Day #5

Standard

The last day of creating apps, kids now have skills to create their own simple apps. The challenge today is to create an app to convert IDR to USD and vice versa 😉

Tasaq

Screen Shot 2020-07-10 at 12.04.32//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.05.23//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.06.55//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.08.11//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.11.48//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.18.46//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.21.59//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.32.30//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.35.18//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.44.21//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.59.57//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 14.02.51//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 14.03.01//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 14.03.40//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 14.03.48//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 14.04.03//embedr.flickr.com/assets/client-code.js

Aidia

Screen Shot 2020-07-10 at 12.03.26//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.12.42//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.26.28//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.31.38//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.37.39//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.39.44//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.06.45//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.17.09//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.18.09//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.18.51//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.22.04//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.22.07//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.25.59//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.28.22//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.36.28//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.36.58//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.47.46//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.50.48//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.55.57//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.55.59//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 14.00.12//embedr.flickr.com/assets/client-code.js

Daffa

Screen Shot 2020-07-10 at 12.12.25//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.14.24//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.13.52//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.28.18//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.34.20//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.34.09//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.36.18//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.36.48//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.59.27//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.04.21//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.06.50//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.18.43//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.45.14//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.51.25//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 14.04.33//embedr.flickr.com/assets/client-code.js

Attar

Screen Shot 2020-07-10 at 12.12.34//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.14.36//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.32.38//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.40.08//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.52.13//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.58.40//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.58.47//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.58.58//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.59.16//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 12.59.22//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.10.22//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.10.39//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-10 at 13.22.11//embedr.flickr.com/assets/client-code.js

Tasaq

Screen Shot 2020-07-10 at 13.27.24//embedr.flickr.com/assets/client-code.js

ProCodeCG Kids Coding Camp – Online – Mid 2020 – Creating Apps – Day #3

Standard

Day #3 of Creating Apps 😉 We create lots of apps starting from Xylophone App to Taking Pics App 😉

Aidia

Screen Shot 2020-07-08 at 12.00.38//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.01.49//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.06.40//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.09.17//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.11.41//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.18.47//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.20.38//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.23.28//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.30.55//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.32.19//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.56.39//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.56.39//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.16.03//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.55.46//embedr.flickr.com/assets/client-code.js

Attar

Screen Shot 2020-07-08 at 12.02.25//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.05.11//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.11.00//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.15.28//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.25.12//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.47.31//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.48.27//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.08.28//embedr.flickr.com/assets/client-code.js

Daffa

Screen Shot 2020-07-08 at 12.09.28//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.11.11//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.12.53//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.18.33//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.36.05//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.36.40//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.38.48//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.38.58//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 12.58.14//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.23.36//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.54.58//embedr.flickr.com/assets/client-code.js

Tasaq

Screen Shot 2020-07-08 at 12.11.45//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.04.00//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.05.09//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.30.17//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.35.37//embedr.flickr.com/assets/client-code.js

Syafaq

Screen Shot 2020-07-08 at 12.16.27//embedr.flickr.com/assets/client-code.js

Screen Shot 2020-07-08 at 13.50.44//embedr.flickr.com/assets/client-code.js

ProCodeCG Kids Coding Camp – Online – Mid 2020 – Machine Learning – Day #1

Standard

Our first day of Machine Learning class 😉

Titan is creating a Smart Classroom with Scratch

Screen Shot 2020-07-06 at 10.59.35 Screen Shot 2020-07-06 at 10.59.41

Screen Shot 2020-07-06 at 11.00.57 Screen Shot 2020-07-06 at 09.08.21

Screen Shot 2020-07-06 at 09.09.10 Screen Shot 2020-07-06 at 09.09.53

Screen Shot 2020-07-06 at 09.18.51 Screen Shot 2020-07-06 at 09.27.30

Screen Shot 2020-07-06 at 09.27.50 Screen Shot 2020-07-06 at 09.43.52

Screen Shot 2020-07-06 at 09.47.11 Screen Shot 2020-07-06 at 09.48.45

Screen Shot 2020-07-06 at 09.50.32 Screen Shot 2020-07-06 at 09.52.58

Screen Shot 2020-07-06 at 10.02.48 Screen Shot 2020-07-06 at 10.05.09

and then make the machine learn to recognize numbers from handwriting

Screen Shot 2020-07-06 at 10.08.25 Screen Shot 2020-07-06 at 10.10.18

Screen Shot 2020-07-06 at 10.15.09 Screen Shot 2020-07-06 at 10.26.21

Kimi is learning different levels of Machine Learning because he already took Machine Learning topic on the last coding camp. Kimi will learn Data Science and Machine Learning

Screen Shot 2020-07-06 at 09.15.13

Screen Shot 2020-07-06 at 10.39.52 Screen Shot 2020-07-06 at 10.40.54

Screen Shot 2020-07-06 at 10.47.03 Screen Shot 2020-07-06 at 10.49.01

Screen Shot 2020-07-06 at 10.51.25

Screen Shot 2020-07-06 at 09.30.09 Screen Shot 2020-07-06 at 09.30.52

Screen Shot 2020-07-06 at 09.33.36 Screen Shot 2020-07-06 at 10.25.08

Screen Shot 2020-07-06 at 10.25.26 Screen Shot 2020-07-06 at 10.26.30

Screen Shot 2020-07-06 at 10.27.19 Screen Shot 2020-07-06 at 10.28.10

Screen Shot 2020-07-06 at 10.27.48 Screen Shot 2020-07-06 at 11.00.01

Athir is creating a machine learning that can recognize when we’re looking at the camera or not 🙂

Screen Shot 2020-07-06 at 09.58.13 Screen Shot 2020-07-06 at 09.58.52

Screen Shot 2020-07-06 at 10.03.30 Screen Shot 2020-07-06 at 10.08.31

Screen Shot 2020-07-06 at 10.10.09 Screen Shot 2020-07-06 at 10.11.13

Screen Shot 2020-07-06 at 10.15.59 Screen Shot 2020-07-06 at 10.18.57

Screen Shot 2020-07-06 at 10.21.15 Screen Shot 2020-07-06 at 10.25.01

The Panda will be dancing when we’re not looking at the camera

Screen Shot 2020-07-06 at 10.29.35 Screen Shot 2020-07-06 at 10.29.43

Screen Shot 2020-07-06 at 10.29.53

and it will stop dancing when we’re looking at the camera 😀

Screen Shot 2020-07-06 at 10.29.56

 

Screen Shot 2020-07-06 at 10.30.10 Screen Shot 2020-07-06 at 10.34.25

the next is to create Smart Classroom

Screen Shot 2020-07-06 at 10.39.18 Screen Shot 2020-07-06 at 11.03.35

Screen Shot 2020-07-06 at 11.05.23 Screen Shot 2020-07-06 at 11.06.40

Screen Shot 2020-07-06 at 11.10.20

There are still lots of projects to be done 😉 Until tomorrow 🙂

ProCodeCG Kids Coding Class – Private – Creating Apps – 15 June 2020

Standard

Aidia is creating a Cat Dictionary App with Thunkable 🙂

Screen Shot 2020-06-15 at 09.01.26

Aidia is designing the layout 😉

Screen Shot 2020-06-15 at 09.03.21

Screen Shot 2020-06-15 at 09.03.40

Now we start to put components on the screen

Screen Shot 2020-06-15 at 09.06.11

Screen Shot 2020-06-15 at 09.08.45

while also collecting data about cats

Screen Shot 2020-06-15 at 09.11.29

Screen Shot 2020-06-15 at 09.16.37

 

Screen Shot 2020-06-15 at 09.34.46

Screen Shot 2020-06-15 at 09.35.03

now laying out the buttons

Screen Shot 2020-06-15 at 09.43.52

and then setting them up. Next time we will add pics of the cat to the buttons and make them work. Each button will bring us to a new screen explaining about associated cat 😉

Screen Shot 2020-06-15 at 09.49.09

*Photos are also available here

Video is accessible here

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