ProCodeCG – Tel U – School of Computing – Node-RED Training – 28 October 2019

Standard

Today we learn Node-RED with Arduino for IoT 🙂

IMG_4417

starting with installations

IMG_4419

and then creating nodes

IMG_4420 IMG_4421

IMG_4422

and make dashboard 🙂

IMG_4423

IMG_4424 IMG_4427

then we start to wire Arduino and sensors

IMG_4428 IMG_4429

IMG_4430 IMG_4431

IMG_4437

and control the circuit via Node-RED 😉

Screen Shot 2019-10-28 at 14.18.51

IMG_4432

IMG_4435 IMG_4436

and then connect more complex nodes

IMG_4438

Screen Shot 2019-10-28 at 15.26.45 Screen Shot 2019-10-28 at 10.27.15

and then show the sensor readings to dashboard 😉

Screen Shot 2019-10-29 at 13.39.54

Screen Shot 2019-10-22 at 21.25.06

we covered all the tasks should be done today, there are some intermittent bugs related to OS, software configurations etc., but in general the training went very well 🙂

IMG_4440

Thanks for having ProCodeCG 🙂

ProCodeCG Kids Regular Coding Class – 28 Sept 2019

Standard

This is our Saturday 🙂 How’s yours?

Syathir is starting to create a game 🙂

IMG_1888

He had created some of the sprites last week and today he started to create a room

IMG_1886

IMG_1895 IMG_1909

adding sprites to the room

IMG_1920

the more sprites the merrier 😀

IMG_1935

Syathir looks very excited exploring what he can do with GameMaker, so we just let him improvise 😀

IMG_1943

Aidia’s plan is to install the components and the circuits

IMG_1887

to this delicately built structure

IMG_1891

but first we have to test the sensor again because last week it wouldn’t read anything

IMG_1904

and finally it did read some values but we still need to calibrate the sensor to make sure it detects the correct colors

IMG_1902

we need to re-scale the readings to fit the numbers processed by the code

IMG_1903

Kinan is still building her Agario Game

IMG_1889 IMG_1900

Today she started to make the player gets bigger when it eats the food

IMG_1918 Clive

IMG_1890

had finished all he wanted to do with the maze game 🙂

IMG_1897

So he may start another game: a shooting game. Look how Clive created a sequence of slightly different sprites to give smooth animation

IMG_1934

IMG_1949

done with creating sprites and making this character shooting. Will add more complexity to the game in the next class 🙂

IMG_1960

Sam is given a new project: to detect object and give it a price, so that later we can scan different objects to get the total price 🙂

IMG_1893 IMG_1910

the codes

IMG_1919 IMG_1983

Al

IMG_1894

wanted to do some editing before continuing his machine learning project

IMG_1901

Al is still adding the data and make the machine learn and we haven’t yet got the results

IMG_1932

Capt. Faris is exploring a chatbot that can answer questions and suggest links to a certain topic

IMG_1896

IMG_1906 IMG_1907

IMG_1908 IMG_1921

we deploy it to android

IMG_1936 IMG_1937

and to Telegram messaging

IMG_1945

IMG_1946 IMG_1947

IMG_1999 IMG_1981

Techa was very happy when he was told that he was going to create a game 🙂

IMG_1898

starting with creating sprites

IMG_1905

IMG_1912 IMG_1933

IMG_1948 IMG_1954

and then creating objects that can moves

IMG_1955

creating rooms and put the objects in there

IMG_1961

IMG_1975

adding more sprites and more behaviour

IMG_1982

Techa made several rooms so that the player and move to another room after reaching some certain points

IMG_1997

interesting-looking game 🙂

IMG_1998

Baran still wants to learn JavaScript

IMG_1899

Baran learns looping by drawing interesting line patterns 🙂

IMG_1922

IMG_1923 IMG_1931

Ihsan is going to continue the lesson of basic electronics

IMG_1915 IMG_1924

the lesson for today is multi-function button to activate 2 LEDs

IMG_1939 IMG_1959

IMG_1968

and then creating a traffic light with pedestrian button simulation

IMG_1989

needed some time to debugging each wire and LED and also the polarity until it finally works 🙂

IMG_1987

Yogi has successfully added mini map to the game, yayy

IMG_1916

the mini map needs some scale and coordinates adjustments

IMG_1925

IMG_1926 IMG_1940

IMG_1962

the code

IMG_1963

IMG_1964 IMG_1965

Ara still has to generate Rainbow tables to be able to hack password

IMG_1917 IMG_1928

the command below is to generate  8 char length md5 hash of uppercase letters

IMG_1929

Syadad is still figuring out the Minecraft setting to connect to Arduino with Minecraft Link

IMG_1941

IMG_1957

Neo is running out of time. The competition will be started next week

IMG_1950

and he is finding the most simplest way to send Arduino sensor readings to a browser

IMG_1972 IMG_1985

Zaaka has been adding more advanced techniques to the game 🙂

IMG_1952

including animations

IMG_1970

IMG_1992

and some other features to make the game feel more realistic and running smoothly

IMG_1993

Kishan is doing the same thing with the game 🙂

IMG_1953

He added more sprites, more animations, more tricks that surely increase the awesomeness level of the game 😉

IMG_1969

IMG_1971

Mika is creating his first game with GameMaker 🙂

IMG_1958

IMG_1967

He has learned to create some sprites, making objects and put them in a room 🙂

IMG_1973

Next time we will learn to make the objects move 😉

IMG_1986 IMG_2001

The class

IMG_1911 IMG_1930

IMG_1977 IMG_1976

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 21 Sept 2019

Standard

Reporting how we spend our Saturday morning 🙂

Faiz voluntarily wants to learn Python programming 🙂 So started with downloading and installing Python

IMG_1442 IMG_1463

and then following the handout to learn basic syntax and commands

IMG_1487

Faiz learns how to create simple codes in Python to do math 🙂 Well done!

IMG_1502

IMG_1505

Adit starts to learn GameMaker 🙂

IMG_1443

starting to create his own game 😉

IMG_1454

IMG_1461

Aidia is now back to the color sorter project

IMG_1444

she rewires the project because we want to put the component on the placeholders

IMG_1448

testing the sensor, and it is not reading. need to find what is wrong

IMG_1469

Syadad is still working hard with Minecraft Link to connect Minecraft to Arduino. It usually take a while to understand the command block and the electronics wiring 🙂

IMG_1445

IMG_1457 Harraz

IMG_1446

is making projects in Minecraft, still need some time to digest JavaScript coding in Minecraft

IMG_1488 IMG_1489

Baran wants to learn JavaScript 😉

IMG_1447

so today he spent the whole 3 hours exploring JavaScript and learned a lot 😉

IMG_1451

IMG_1452 IMG_1475

IMG_1486 IMG_1504

IMG_1508 IMG_1509

Fadhlan keeps progressing with both SNAPBOT I and II

IMG_1464 IMG_1465

SNAPBOT I before moving from Arduino Uno to Arduino Mega

IMG_1449

SNAPBOT II with Arduino Mega

IMG_1495

SNAPBOT I and II

IMG_1507

Hafiz is still working on the Detecting Color for the Color Blind App 🙂

IMG_1450

He finally can build the project into App Inventor

IMG_1458

and then test the App from his smartphone 🙂 Very nice 😉

IMG_1473

The code

IMG_1490

Next is to add text to voice module 🙂 A very nice progress 🙂

IMG_1491

Boy continued learning Python with CodeCombat

IMG_1453 IMG_1455

IMG_1468

and then started to create games with GameMaker 🙂

IMG_1514

IMG_1519 IMG_1528

IMG_1533

Techa is still finishing the last levels of CodeCombat 😉

IMG_1456

a good way to learn problem solving 🙂

IMG_1467

Boy helped Techa to solve a level 🙂

IMG_1470

Capt. Faris is very busy helping kids with different and advanced topics 🙂 But he always finds solution 😉

IMG_1471 IMG_1472

Capt. Faris helped Faiz to understand Python basic syntax 😉

IMG_1480

Ara is struggling with attacking password with Rainbow Tables 🙂 Lots of steps to do 🙂

IMG_1476

generating the Rainbow Tables

IMG_1477

and after finishing generating /downloading the tables then we are ready to attack 🙂

IMG_1510

Yogi’s task for today is to create a mini map in Game Maker Studio

IMG_1478

He followed a tutorial and finally did it 🙂

IMG_1479

IMG_1497 IMG_1530

Syathir is making his own game today 🙂

IMG_1481 IMG_1482

IMG_1483 IMG_1484

IMG_1496 IMG_1499

IMG_1501 IMG_1511

IMG_1524 IMG_1529

IMG_1532

Mika is also started his GameMaker journey today. We forgot to take pics because we were busy discussing about what he should do for homework 😉

IMG_1498

Neo is making a huge progress with his Detecting Humidity with IoT project

IMG_1500

We’re testing the code

IMG_1503

IMG_1506

and the components

IMG_1512

Neo use a sensor, two development boards and a relay to control an air pump

IMG_1513

Neo uses MQTTBox to monitor the humidity, the status and to detect problems

IMG_1520

an amazing work! Keep going Neo!

IMG_1525 IMG_1527

Fab is struggling with installing GameMaker because the laptop does not support the old version and apparently refuse to install .NET libraries required. So we spent some time to find work around to solve this and we decided to download GameMaker Studio 2 instead 🙂 *so sorry that we forgot to take pic of Fab due to the high activities in the class 😦

IMG_1518

The class IMG_1492

IMG_1493 IMG_1459

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 10 Aug 2019

Standard

Our regular busy Saturday 🙂

Al finished a Machine Learning project today

IMG_8309 IMG_8320

The project is to categorize headlines based on the newspaper 🙂

IMG_8380

the code

IMG_8382

the dataset

IMG_8396

Faiz is working on temperature and humidity sensor today

IMG_8310 IMG_8319

IMG_8321

and also started to assembly the robot 🙂

IMG_8386

Fadhlan

IMG_8311

had finished the poster

IMG_8315

and also the presentation slides

IMG_8318

next is to make casing for the robot 😉

IMG_8334

IMG_8340

Fadhlan is getting better at construction things in details 🙂

IMG_8347

he can be like this for hours 🙂

IMG_8348 IMG_8378

and then we tested the navigation and mapping code

 

IMG_8399 IMG_8403

and the mapping works. only the reading is to slow. we’re going to fix that soon

IMG_8404

Badi

IMG_8308

IMG_8312

is also working on presentation slides for exhibition next week

IMG_8316

IMG_8342

Badi is also administering the website, making sure the cpanel has been activated and he has also directed the ns1 address as instructed

IMG_8361 IMG_8362

IMG_8376 IMG_8394

IMG_8395 Syadad

IMG_8313

is getting better at javascript coding for Minecraft

IMG_8327

He’s seriously working hard preparing lots of code for constructing many structures for exhibition 😉

IMG_8333

IMG_8365

and this week the place and break block count codes is working nicely 🙂

IMG_8401

Aidia

IMG_8314

Aidia has to fix the Automatic Railway Gate project, Capt. Awa helped debugging the circuit 🙂 Later, Capt. Faris helped too 🙂 The robot is having some problems too and we’re going to fix it before the exhibition 🙂

IMG_8336

Aidia teaches a new kid joining in the class 🙂

IMG_8368

Aidia also exploring some RedStone projects in Minecraft

IMG_8389 IMG_8390

Sam is preparing 2-3 topics for the exhibition

IMG_8317

this one is the Object Recognition App

IMG_8325

IMG_8326

And Sam is exploring how to create app for recognizing colors

IMG_8332

The codes

IMG_8363

the presentation slides

IMG_8375

Clive will learn some Python programming today 🙂

IMG_8323

with CodeCombat, looking like playing game but actually it teaches you to code 🙂

IMG_8372

IMG_8330 IMG_8331

IMG_8343 IMG_8364

IMG_8373 IMG_8374

Clive is a fast learner 🙂 He finished lots of levels today 😉

IMG_8377

Cean

IMG_8324

explores lots of things today including Minecraft

IMG_8338

Aidia lend him a book of Minecraft structures so Cean can learn how to build things in Minecraft

IMG_8341

and then Cean tried CodeCombat for a while (before finding out that it is a bit too hard for him :))

IMG_8354

then exploring Scratch

IMG_8358

before going back to Minecraft Hero 🙂

IMG_8387

Capt. Faris is fully occupied today as soon as he walked in the class, before putting down the backpack, he’s already on duty 😀

IMG_8328

Capt. Awa is also busy with his TinyDuino project, while also helping Aidia with the Automatic Railway Gate Project 🙂

IMG_8329

Neo has just joining in the class today, he’s got a really serious project for a competition in the next October 🙂

IMG_8335

this is what more or less we’re planning to make 😀

IMG_8435

Harraz is now exploring Minecraft, and soon he will be taught some RedStone structures and writing his own Javascript codes in Minecraft

IMG_8339

Mohan is back! And continuing his Agario Project 😉

IMG_8355

Looking very excited as always 😀

IMG_8366 IMG_8385

Kinan is struggling with GameMaker Studio today. Next week we’re going to buy a license so we’re not having this problem again

IMG_8356

Fab, welcome to the class 🙂

IMG_8357

Fab is going some programming intro today 😉

IMG_8367

Aidia helped him to get started

IMG_8379

and Fab finished the first challenge in no time 🙂

IMG_8383

the next challenge is to finished LightBot to learn about sequence, looping and functions 🙂

IMG_8384

IMG_8392

Fab is a fast learner 🙂 We’re going to do this intro to programming in the next two weeks before starting to create games 😉

IMG_8406

Faishal starts to learn some Android Studio programming while also will explore Ubuntu to do penetration test 😉 We plan to install Kali Linux on his laptop too 🙂

IMG_8388

The class

 

IMG_8393

IMG_8351 IMG_8352

IMG_8350

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 26 Jan 2019

Standard

Our regular process to raise future coders and engineers 😉

IMG_4385

Harraz has so much idea he got problems in choosing which one to make 😀

IMG_4357

IMG_4371

and then Harraz chose to create a RaceCar Game

IMG_4374

IMG_4383

for next he will create this Jumping Dinosaurs Game inspired by Google 😀

IMG_4388

Capt. Awa has a pile of works to do 😀

IMG_4358

Today he debugs the IoT project

IMG_4372

try to connect to the wifi

IMG_4375

and suddenly it works after several weeks 😀

IMG_4376

The RGB LED color will be controlled using this colored Zebra interface 🙂 Very interesting 🙂

IMG_4379

The serial monitor display

IMG_4380

and the face of victory LOL

IMG_4384

Next: uploading code to Arduino Nano via Arduino Uno and still didn’t work

IMG_4395

Fadhlan has got plenty to do with the robot this whole year

IMG_4359

He has to develop a new and more advanced robot for the international competition

IMG_4369

and he has to report every week. These are stuff from one of the jury to be explored

IMG_4370

IMG_4373

This robot is still going to be used for testing the algorithm while also building the next robot

IMG_4386

Djalu has gone through our Python Handout so he’s ready to learn more

IMG_4360

He’s now looking for some real problems

IMG_4368

Today he made improvement to the Simple AI by changing the language 🙂

IMG_4389

IMG_4399

Sam is still figuring out how to transfer his apps to other devices

IMG_4361

The app works fine, but it cannot be transferred/tested by scanning QR Codes

IMG_4367

IMG_4390

Badi is making the BreakOut Game today 🙂

IMG_4362

IMG_4365

He really needs a new challenge next week 😉

IMG_4396

Faishal is having a headache 😀

IMG_4364

IMG_4366

He has to create a GUI for Pizza Ordering System 😀

IMG_4397

So he has to manage the labels, textfields, radio button, drop down list, etc 😀

IMG_4403

There are still some bugs and we will figure it out 🙂

IMG_4405

Mohan and that smile 🙂

IMG_4392

with the help of Capt. Awa

IMG_4400

creating a very unusual BreakOut Game heheh 😀

IMG_4401

Next week we need to prepare 1 kid for international young scientist competition and 2 kids for a coding competition. It is not about winning or losing but it is about the process and the experience 🙂 Wish us luck 😉

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 19 Jan 2019

Standard

Hello hello let’s check out some progress this week 😉

IMG_3889 IMG_3890

Aidia is seriously working on his Traffic Light System for Hamster 🙂

IMG_3857

this is actually a project collaboration with the mom 😉

IMG_3858

a very awesome teamwork! 😉 mom works on the design and Aidia works on the electronics 🙂

IMG_3859 IMG_3860

The traffic light will be activated when the ultrasonic detects any hamster passing through, and then the gate will be opened 🙂

IMG_3892

the debugging process using 2 Arduinos

IMG_3927

And now it works just fine 🙂

IMG_3929

Agham is creating a School Bus Game 🙂

IMG_3861

IMG_3866

setting up the background

IMG_3894

setting up the bus

IMG_3895

getting some help from Ka Badi 🙂

IMG_3897

working on some codes the make it changes room

IMG_3898

IMG_3900

Djalu is modifying the virus to be able to infect more files or different kind of files 😉

IMG_3862

In programming, you should be consistent and precise. Even missing a tab will give significant result

IMG_3868

IMG_3880

IMG_3907

IMG_3940

IMG_3941

Badi is still struggling with how to display the fuel indicator 🙂

IMG_3863

IMG_3867

IMG_3871

IMG_3873

Badi is helping Agham with the code

IMG_3899

And then go back to his own code, trying to figure out what’s wrong with the fuel observer

IMG_3906

IMG_3923

We refer to Mohan’s note to check that we have done everything right

IMG_3928

IMG_3944

Farrell is now ready to test the gyro

IMG_3865

IMG_3869

Finding some references

IMG_3870

Testing the controller

IMG_3877

IMG_3878

Testing the gyro

IMG_3908

IMG_3922

Ok it works 🙂 Next time we will try to control the movement using small joystick

IMG_3936

IMG_3938

IMG_3939

IMG_3947

Harraz is working on the Mario Bros Game

IMG_3881

IMG_3872

IMG_3888

And suddenly wants to do BreakOut Game 🙂

IMG_3901

Captain on Duty: Faris

IMG_3875

Faishal is given a hard GUI project 😀

IMG_3876

What he got so far 🙂 Very nice 🙂

IMG_3909

The GUI can do calculations depends on how many items is selected by the customer

IMG_3935

Koosha *never likes to be in pics 😀

IMG_3902

He reported this awesome progress

IMG_3904

presenting the MeowCorp Website 🙂

IMG_3905

IMG_3910

can be accessed via mobile too 🙂

IMG_3911 IMG_3912

IMG_3913

It has login page

IMG_3914

and proper pop up warnings

IMG_3915

and it gives you more access when you log in as admin

IMG_3916

IMG_3917 IMG_3918

IMG_3919 IMG_3920

incredible work, Koosha 🙂

IMG_3921

He demoed this IoT RGB Light too 😉 using NodeMCU and Blynk

IMG_3931 IMG_3934

IMG_3942

And now he wants to test this RF transmitter and receiver 🙂 Go ahead! We’re going to need it for Fadhlan’s next robotics project 😉

IMG_3943

IMG_3945

IMG_3948

IMG_3949 IMG_3950

Many topics and many projects as always 🙂 This is what we call spending weekend productively 😉

*Photos and videos are also available here

ProCodeCG – DevCember 2018 – 22 Dec 2018

Standard

Today we’re invited here to speak about Machine Learning and IoT 🙂

ProCodeCG Kids wait for their turn 🙂

IMG_1712

We gave a demo about Object Detection with Tensorflow to count objects 🙂

Screen Shot 2019-01-19 at 19.58.22

and example of counting objects from a few days before

Screen Shot 2019-01-19 at 19.58.30

and then we took the picture of the audience

IMG_1714

and count the people and it worked 😉

Screen Shot 2019-01-19 at 19.58.33

Us after the presentation 🙂 Thanks for joining the short class 🙂

IMG_1716

Now it’s ProCodeCG Kids turn 🙂

Fadhlan with his brother: Farshad 🙂

IMG_1720 IMG_1721

IMG_1723

Preparing the slides while babysitting 😀

IMG_1726

IMG_1738

IMG_1739

Capt. Awa preparing the presentation

IMG_1722

IMG_1729

This cat feeder will be activated via wifi 🙂

IMG_1724

Nares preparing the slides 🙂

IMG_1725

IMG_1727

The whole family is there to support the kids 😉

IMG_1728

Now the presentation 😉 Capt. Awa

IMG_1740 IMG_1742

IMG_1743

The audience 😉

IMG_1744

IMG_1752

Fadhlan

IMG_1745 IMG_1747

Nares

IMG_1748 IMG_1750

The audience answered our questions correctly got a gift from Traveloka 🙂

IMG_1753

IMG_1754

Closing speech 🙂

IMG_1757

IMG_1758

So proud to be able to be speakers on this awesome event 🙂

IMG_1759

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 22 Dec 2018

Standard

Today we have three classes altogether: regular coding class, coding camp and preparation for DevCember presentation 😀

IMG_1654

Capt. Faris is busy helping other kids while also doing research on Tensorflow and OpenCV

IMG_1582

IMG_1590

Faris helping Al with the platform

IMG_1642

Detecting objects from a video using OpenCV

IMG_1687

Detecting objects from live camera

IMG_1689

works nicely!

IMG_1691

So we are ready for the presentation this afternoon 😉

IMG_1692

Hafiz had finished his BreakOut Game and ready for Flappy Bird Game 😉

IMG_1584

IMG_1599

IMG_1600

IMG_1615

IMG_1635

IMG_1660

IMG_1662

Ghazaska is going to do some basic electronic projects today 🙂

IMG_1586

IMG_1595

IMG_1627

Al will start to create his Mario Bros Game today 🙂

IMG_1588

IMG_1597

IMG_1613

IMG_1618

IMG_1620

The code

IMG_1643

IMG_1644

IMG_1646

IMG_1647

IMG_1648

Ajez starts to create his Maze Game today 🙂

IMG_1626

IMG_1669

IMG_1670

IMG_1677

Yogy is still finding ways to add menu to his Racing Car Game 🙂

IMG_1632

After the class we are getting ready to the next venue for presentation 🙂 The trunk looks neat and clean (not messy and chaotic as usual) because Fadhlan has a superpower to arrange things neatly thanks! 🙂

IMG_1706

Typical of ProCodeCG Kids: nice and helpful 🙂 ❤ ❤ ❤

IMG_1707

*Photos and videos are also available here

ProCodeCG – DevCember 2018 Preparation – 22 Dec 2018 – Day #4

Standard

Day #4 of preparation 😉

Today all three are here: Nares, Awa and Fadhlan

IMG_1621

Fadhlan’s pile of robots boxes 😀

IMG_1583

IMG_1598

IMG_1668

IMG_1672

Awa’s wifi module is now working 🙂 Using Arduino Mega 🙂

IMG_1591 IMG_1593

IMG_1603

Nares is preparing the presentation and downloading libraries for NodeMCU

IMG_1611

IMG_1631

We’re ready for the presentation this afternoon! 😉

*Photos and videos are also available here

ProCodeCG – DevCember 2018 Preparation – 21 Dec 2018 – Day #3

Standard

Day #3 of DevCember 😀 *and yeah, we are hardworkers 😉 since kids 😀
IMG_1482

IMG_1483 IMG_1484

Fadhlan is working on the robot

IMG_1485

IMG_1535IMG_1491

and Capt. Awa is working on NodeMCU to make the wifi connects to Blynk 🙂

IMG_1536

IMG_1517

It works 😉

IMG_1529

The code and the sketch we’re working on

Screen Shot 2018-12-21 at 11.54.29

ESP32_1_DC_Motor_bb

rizki_dCXDDyOVpV

The stuff we brought each time 😀

IMG_1542

*Photos and videos are also available here