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 – 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