ProCodeCG Kids Regular Coding Class – 1 Feb 2020

Standard

Saturday is our time to create things and make our ideas into something real 🙂

Vey is developing a new robot

IMG_1372

this is the old one 😀

IMG_1371

with the family support, Vey will create a brand new robot from scratch 😉

IMG_1374

assembling the components one by one

IMG_1378

IMG_1409 IMG_1448

the basic schematic diagram

IMG_1449 IMG_1460

almost there 🙂 *waiting for several sensor and components being sent via GoSend

IMG_1520

Vey explains about creating animation in Roblox after the class 🙂

IMG_1530

IMG_1532

He’s going to present the work on the next exhibition 😉

IMG_1531

Kibie is ready to finish the BreakOut Game today 🙂

IMG_1373 IMG_1388

IMG_1397 IMG_1402

IMG_1408

There he goes 🙂 Kibi’s fully functional BreakOut Game 🙂 We’re going to make another game next week 🙂

IMG_1480

Badi is still researching about the project for the exhibition. We had to postpone the last project because we won’t be able to finish it by 22nd this month

IMG_1375

this project is also too difficult

IMG_1442

IMG_1443

so Badi chose this one

IMG_1463

Badi started to assembly the components

IMG_1478

IMG_1524

but there are still some components to be bought and we’re going to continue the project next week 🙂

IMG_1525

Faiz wants to create a Python code that will open browser just by typing the command on terminal

IMG_1376

downloading Python because he lost the last one installed

IMG_1383

IMG_1396

the code

IMG_1406

IMG_1446 IMG_1447

IMG_1465

IMG_1466

and it is working 😉 next is to add voice to text library to the code so we can tell the code to open some address in the browser by voice 🙂

IMG_1464

This good looking one (a.k.a: Baran)

IMG_1377

is creating a Snake Game with JavaScript

IMG_1445

he’s going to present the game on the next exhibition 😉

IMG_1398 IMG_1399

IMG_1444

IMG_1506

Aidia is still waiting for a gesture component to continue her Hand Gesture Project

IMG_1379

so now we’re doing some Minecraft project 😉

IMG_1386

Aidia will build structures and add some RedStone implementations to the world, such as: elevator or automatic doors or locker systems, etc 🙂

IMG_1407

IMG_1457 IMG_1467

IMG_1468 IMG_1469

IMG_1496 IMG_1497

IMG_1505 IMG_1510

IMG_1521 IMG_1523

IMG_1539

a very supportive mom 🙂 Aidia’s mom is doing her work while waiting, very productive 🙂

IMG_1522

Techa is still building his BreakOut Game, he wants the sprite to be super detailed and different from the last game

IMG_1380 IMG_1401

IMG_1516

Vian is exploring a ChatBot in Roblox today

IMG_1381

Vian has to do some research on how to activate the ChatBot Library

IMG_1382

It takes lots of exploration and thinking, we’re going to try it again next week 😉

IMG_1517

Al

IMG_1384

is creating a new machine learning project that can tell a newspaper’s headline

IMG_1412

IMG_1474 IMG_1476

IMG_1493 IMG_1503

IMG_1518

the next project is to create a hoax detector 😉

IMG_1504

Clive finally finished his Flappy Bird Game 🙂

IMG_1387

now Clive can create random pipes to spawn on random positions and length 😉

IMG_1461 IMG_1462

Fadhlan is still researching for what he’s going to prepare for the exhibition

IMG_1389

IMG_1403

Fadhlan is learning to repair iPhones. so today he decided to tear down his own 6s plus iPhone to see what’s inside it 😀

IMG_1405

IMG_1410 IMG_1420

IMG_1423 IMG_1428

IMG_1437 IMG_1438

fingerprint module

IMG_1440

rear camera

IMG_1511

IMG_1441

moment of truth: after the tear down and reassembling, the phone is still working 😉

IMG_1452

placing back the screws

IMG_1487

and get back to preparing for the exhibition 😀

IMG_1479

Boy came with different ideas today 😉

IMG_1400

he’s creating a very interesting game with Scratch

IMG_1413

IMG_1414 IMG_1415

IMG_1416 IMG_1417

IMG_1418 IMG_1419

IMG_1458

discuss things with Faiz

IMG_1459

Boy got some problems with some buttons and we fixed it 😉

IMG_1495

now everything is working fine 🙂

IMG_1512

IMG_1513 IMG_1514

IMG_1515

Sam is also preparing for the exhibition

IMG_1404

he had done the prototype of the Attendance List App

IMG_1450

he’s really happy to see things work and the next is to design the GUI and modify the texts etc. but the most important thing that the main function is already working 🙂

IMG_1451

IMG_1489

Fab is still working on this difficult game in Game Maker Studio

IMG_1422

it involves lots of codes and so far, it runs very well as expected

IMG_1477

Fab will keep adding things to the game and make it as realistic as can be 😉

IMG_1482

Yogi agreed to join the exhibition yaaay 🙂 he’s going to present his RaceCar Game

IMG_1472

while also creating a new one 😉

IMG_1473

if he can finish this one before the exhibition then he can present both works 😉

IMG_1494 IMG_1519

Syathir is creating a new game 😉

IMG_1475

he finally said a word about what he don’t understand, and we get it clear now 🙂

IMG_1483

IMG_1492 IMG_1502

Syadad is busy setting up Thunkable connection between his laptop and the mobile phone 😉

IMG_1490 IMG_1491

IMG_1499

the code is ready, all we need to do is run it on Syadad’s mobile phone

IMG_1484

which is not easy because of this 😀

IMG_1509

once we figured it out, Syadad can run the app on the mobile phone and ready to create awesome apps 😉

IMG_1501

IMG_1535 IMG_1536

IMG_1538

Cean created his own .exe application 😉 It is an email app 🙂

IMG_1485

IMG_1498

He created this with HMTL and he’s going to make that button really works 🙂

IMG_1500

Cean at work and Baran as a good looking photo bomb LOL

IMG_1508

Ara has not decided the project for the exhibition

IMG_1486

but today he had successfully stolen user name and password of his own Gmail account 🙂

IMG_1527

IMG_1528 IMG_1529

IMG_1533 IMG_1534

IMG_1537

The class

IMG_1393

IMG_1394 IMG_1395

IMG_1390 IMG_1392

IMG_1391

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 18 Jan 2020

Standard

Our Saturday coding class is always fun 🙂

Ara is going to finish the task for today: learning about how vulnerable we are to a social engineering attack, and this way someone can steal our Facebook login username and password, easily

IMG_0428

IMG_0499

this is a bogus site looking like a Facebook login page

IMG_0455

and when we login there, then whoever own the server will get our username and password

IMG_0454

Baran is going to make a game with JavaScript

IMG_0429

the code on the left and the result on the right

IMG_0453

Baran is creating a Snake Game 😉

IMG_0466

Techa is checking Baran’s game 😉

IMG_0500

the result 🙂 the white pixel is the snake, next time we will make it longer 🙂

IMG_0511

Techa is going to keep the promise from the last week: creating a BreakOut Game

IMG_0430

looking for some ideas, wanted to create 3D games but Techa still has to learn more 2D before moving on to 3D 🙂

IMG_0449

checking up this game example to see how the code make things work

IMG_0462

start creating the assets 😉

IMG_0491 IMG_0496

IMG_0516 IMG_0517

IMG_0523

Djalu is learning some C programming today

IMG_0431

he learned some theories about structs and classes

IMG_0686

exploring the code and still mixed up with Go and Python language 😀

IMG_0443

Aidia is fixing the code for the color sorter today, because she lost the code from the last class 🙂

IMG_0432 IMG_0433

luckily we had a note of the sensor readings

IMG_0434 IMG_0456

we also have to rearrange the placement of the mechanical structures

IMG_0493

calibrating the numbers to activate both micro servos

IMG_0494

IMG_0507 IMG_0536

uploading and check the the mechanics

IMG_0539

Badi’s got a new music project today 🙂

IMG_0436

The project is to create a techno music using an LDR sensor and a buzzer

IMG_0498 IMG_0505

still in the process, going to finish it next week 🙂

IMG_0512

Al finished TWO projects today 😉

IMG_0438

the first one is train the machine to give suggestions whether someone should go to school by walking, by bike or by car

IMG_0448

the data is based on age, the distance and number of friends

 

IMG_0524

IMG_0463

IMG_0525

IMG_0527

IMG_0528

IMG_0529

the next is to train a machine to be able to answer questions related to some topics

IMG_0476

the topic is about an owl

IMG_0489

the data sets

IMG_0490

IMG_0531

IMG_0504

IMG_0508

the code

IMG_0514

IMG_0515

the results

IMG_0532 IMG_0534

IMG_0535

Capt. Faris is pretty busy doing research and helping the kids today 🙂

IMG_0439

Kinan will add a new feature to the game today

IMG_0440

we’re going to limit the bullets can be shot by the player. the player has to reload the gun by taking the reload pack. a battery indicator will show how many bullets left

IMG_0467

Kinan designing the sprite for the bullet indicator

IMG_0459

IMG_0468

IMG_0469 IMG_0518

Fadhlan is still working according to the plan

IMG_0441

and that means LOTS of things to do 🙂

IMG_0451

IMG_0465

there are lots of things to be considered because we want this robot to be flexible enough for more components and functions

IMG_0495 IMG_0497

Clive is back! and going to continue the Flappy Bird Game 😉

IMG_0444

IMG_0445

today we successfully set up the the camera view to follow the bird

IMG_0457

Vian

IMG_0446

is struggling to make this code in LUA work

IMG_0447

with the help of Capt. Faris

IMG_0460

the code finally works and Vian is so glad to see the 3D roblox game works!

IMG_0470

totally awesome piece of work!

IMG_0472 IMG_0473

look how proud Vian is, explaining his work 🙂

IMG_0502 IMG_0503

Fab is still developing a game with Game Maker Studio

IMG_0450

he figured out some of errors

IMG_0475

and now moving on to the next tutorial

IMG_0501

Cean is so interested in making his own operating system 🙂

IMG_0461

he searched for some ideas

IMG_0464 IMG_0474

create the OS with Scratch

IMG_0492

read some definitions about operating system 🙂

IMG_0509

and this is Cean’s OS: BlueOS v1.7 🙂

IMG_0513

with a browser and a searching textfield! 🙂

IMG_0520

and a search keyword below has also been added

IMG_0537

and now the OS not only have a browser but also a music player! 🙂

IMG_0542

the code

IMG_0545

the GUI. a really impressive work from a little kid like Cean 🙂

IMG_0547

Capt. Awa came to the class to show what he had done with CopperCube 🙂

IMG_0521 IMG_0522

a 3D Game!

IMG_0541

Awa had just learned it the day before and he had created an incredible 3D game

IMG_0548

even Capt. Faris is interested 😉

IMG_0549 IMG_0550

The class (yes we have the whole room for ourselves 🙂 thanks RedsDipo 🙂 )

IMG_0477 IMG_0478

IMG_0479 IMG_0483

IMG_0484 IMG_0485

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class 16 Jan 2016 – Creating Apps

Standard

Today we continue working on our client-server code in Python, login password in Scratch, countdown to 2015 code in Python and creating apps with App Inventor! 😉

This is Farrell demonstrating his solar system’s orbit code in Python 😉 The code use real data from NASA and it is really interesting to see the track of each planets based on their speed and Astronomical Unit (AU). The code use Python turtle library to draw the trajectory 😉

IMG_3751

Faris is working on his Android Studio and Malik is debugging his Python client-server code.

IMG_3752

Reza, on the corner has created his own counter with start and stop button, and he had created some apps with Apps Inventor before so it is easy for him to follow the class today 🙂

We have a new student today, Aliyah, the girl on the back with stripes shirt, is waiting for her emulator loading 🙂

IMG_3753

We have a little company leading the class today! 😀

IMG_3754

How cute! 😉 ❤

IMG_3757IMG_3758

Today we create one button and one image with App Inventor. We will set the image to be invisible.

Bildschirmfoto 2016-01-16 um 6.06.17 PM

When the button is clicked, the image will be visible 🙂 The coding is using Blockly 🙂

Bildschirmfoto 2016-01-16 um 11.07.46 AM

After the code is finished, we build the project.

Bildschirmfoto 2016-01-16 um 6.13.01 PM

And then connect it to the Android Emulator (should be downloaded and installed first. And the computer should be restarted).

Bildschirmfoto 2016-01-16 um 6.14.10 PM

If there is any emulator updates then before running the project, it will download the update first.

Bildschirmfoto 2016-01-16 um 6.06.54 PM

This is the emulator

Bildschirmfoto 2016-01-16 um 11.06.34 AM

And there we go! We have it running! 😉

Bildschirmfoto 2016-01-16 um 7.48.24 PM

Bildschirmfoto 2016-01-16 um 11.00.39 PM

The problem with App Inventor that it needs a stable and fast internet connection. The connection and loading process is so slow, we should do something else to wait until it displays our project on the simulator. Hopefully we can figure out how to make it work smoothly because today some computers cannot be installed with the emulator and the ones with emulator installed took hundred years for the emulator to show up.

We will work on it next week! 🙂

 

 

 

 

ProCodeCG Kids Regular Coding Class 9 Jan 2016 – Simple Client Server and Digital Clock in Python

Standard

Today we learned some simple network programming 🙂 We created client server connection 🙂

IMG_3378

Oh! And we got new pet to become Python’s (the black one) company 🙂 We named it Scratch (the light brown one) 😀

IMG_3381

Lots of kids today! Yaayyy 🙂

IMG_3383IMG_3386

This is Gaga demonstrating the game he is developing 🙂

IMG_3387

Quite difficult game with GameMaker, with lots of assets, objects and scripts inside!

IMG_3388

He carefully designs each sprite so they will animate smoothly in the game 🙂

IMG_3389

While the others are concentrating on client-server codes

IMG_3390

And this one, Faris, type the code while also creating a simple mobile apps with Android Studio!

IMG_3391

This is Farrell running his counting-down-to-2017 code 🙂 Lots of things is going on here!

IMG_3393IMG_3394

Ryan is typing carefully. Capt. Zaki is finding out how to correct errors and how to compile .py to .exe 🙂

IMG_3395

Cinta is also working on her project in Scratch 😀 Looks like everybody can do many things at the same time 😀

IMG_3396

But there are several errors occurred on most computers. We’ll figure it out.

IMG_3397

A screenshot of a simple client server we tried today 🙂

Bildschirmfoto 2016-01-09 um 7.54.03 PM

Homework for today is creating a chat program in Python, creating password login in Scratch and creating a GUI count-down-to-2017 🙂

Until next week! 🙂