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

Advertisements

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 – Coding Camp – Minecraft Modding – Day #3 – 6 July 2019

Standard

The last day of Minecraft Modding Coding Camp already 🙂 Today we picked where we left yesterday and signed in to one server to play together and test the codes we’ve been developing for the last three days 🙂

Bita is going to create a skyscraper today 🙂

instead of creating rainbow skyscraper, she created a German Skyscraper 🙂 Impressive 🙂

IMG_5377

Aidia is exploring both RedStone and JavaScript coding 😉

IMG_5371

The RedStone references 🙂

IMG_5374

the JavaScript coding 😉

IMG_5375

Aidia’s first triangle 🙂

IMG_5381

creating triangles with different sizes 😉

IMG_5382

Aidia is very creative, she then created a very big triangle to be a rollercoaster! 😉

IMG_5391 IMG_5394

IMG_5406 IMG_5411

Athir is also working on his triangle today 🙂

IMG_5366

The laptop is a bit laggy so it took a while

IMG_5373

we had to fix some errors

IMG_5385

IMG_5388

and finally Athir’s first triangle 🙂

IMG_5389

IMG_5390

Ibam’s quest today is to make a code to count how many times a player place or break a block in Minecraft 🙂

IMG_5378

Ibam checked his code with one that worked because his was not working

IMG_5387

This is how it’s supposed to work

IMG_5396 IMG_5397

IMG_5398

and finally Ibam successfully made the code work on his server 😉

IMG_5401 IMG_5402

next is creating Snowball game 😉

IMG_5405 IMG_5408

IMG_5410

Koosha is working hard preparing the Minecraft Server

IMG_5399

Koosha added lots of plug-ins including economy plug-in to enable players do transaction like in market place 😉

IMG_5404 IMG_5407

creating a scoreboard

IMG_5418 IMG_5419

the scoreboard will count on how much snowballs being thrown 😀

IMG_5421 IMG_5422

IMG_5424

The class today 😉

IMG_5379

Going to miss you guys 🙂 :* :* :*

IMG_5415 IMG_5416

IMG_5417

*Photos and videos are also available here

ProCodeCG – Coding Camp – Minecraft Modding – Day #2 – 5 July 2019

Standard

Day #2 of Coding Camp – Minecraft Modding 🙂 Today we continue to create more building and structures by making lines of codes in JavaScript 🙂

Athir is now getting used to start the server and refreshing it each time he added new codes to be run in Minecraft 🙂

IMG_5244 IMG_5251

IMG_5258 IMG_5290

There are lots of codes examples to be typed and executed 🙂

IMG_5293 IMG_5294

One of the structures Athir created with lines of codes 😉

IMG_5330

Bita is also exploring more JavaScript coding today

IMG_5245

and she started to learn how to make her ideas happen with lines of codes 🙂

IMG_5250 IMG_5257

IMG_5259

Bita’s skyscraper 🙂

IMG_5260

now thinking how to make a rainbow skyscraper 😉

IMG_5292 IMG_5326

IMG_5328

Koosha joined the class 🙂

IMG_5246

He’s so busy exploring many plug-ins, libraries and servers 😀

IMG_5264 IMG_5270

making his own command in Java language

IMG_5278

setting up spigot server configuration

IMG_5291

IMG_5295

experimenting with server plug-ins

IMG_5325

including connecting Minecraft to Google Maps 😀

IMG_5331 IMG_5332

Koosha also make his own MeowPedia so people can buy something and do transaction in Minecraft. Like buying dirt or something LOL

IMG_5336

Ibam is very good at logic and programming

IMG_5247

IMG_5249

the first challenge for Ibam today is to create a rainbow pyramid

IMG_5252

almost finished it *just missed one block on the top

IMG_5253

Ibam tinkering with the code

IMG_5254

and he got it after a few tries: a rainbow pyramid! well done!!!

IMG_5261

the next challenge is to create a half-circled stadium 😉

IMG_5266

in the making

IMG_5267 IMG_5268

IMG_5318

and he did it!

IMG_5319

the next challenge is to make the stadium has alternate colors in black and white 🙂

IMG_5320

Ibam is given this example, that he should alternate colors for odd or even count of blocks 😉

IMG_5321

and he did it again. NICE WORK IBAM 🙂

IMG_5324

Aidia is so glad to be back again in the class 🙂

IMG_5329

Aidia started catching up with the code

IMG_5263

IMG_5265

nice stack of blocks 🙂

IMG_5299

IMG_5304

Aidia also made “Rumah Pak RT” in her world 😀 She is in the process of typing the next code for the next structure 😉

IMG_5317

Lunch break

IMG_5296

IMG_5297 IMG_5298

Friday Prayer time 🙂

IMG_5302 IMG_5306

The class

IMG_5274

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 4 Mei 2019

Standard

Introducing our new venue: Art Cafe and Restaurant 🙂

IMG_0734 IMG_0742

IMG_0814 IMG_0756

Kids will get voucher for food here 🙂

IMG_0787 IMG_0788

IMG_0796

Hafiz starts a new game today: Feeding Frenzy 🙂

IMG_0735

IMG_0750 IMG_0778

Hafiz now has many skills to create different games 😉 He’s free to create anything he likes 🙂

IMG_0808 IMG_0810

Aidia is going to continue connecting Minecraft to Arduino

IMG_0736

Setting up the server

IMG_0738

IMG_0748 IMG_0765

Start building the blocks to activate Arduino LED

IMG_0775

the command blocks

IMG_0776

Koosha gave Aidia some help

IMG_0777 IMG_0793

Linking Minecraft to Arduino is very interesting 🙂 Now Aidia can control anything connected to Arduino from Minecraft 😉

IMG_0804

Badi is working on the website

IMG_0749

Maintaining schedules and booking system of Pavilion 19

IMG_0751

IMG_0766

Entering data in JSON format

IMG_0779

And then Badi wants to learn NodeMCU

IMG_0799

installing libraries

IMG_0800 IMG_0811

running the code

IMG_0813

Badi wants to create fake wifi connection 😀

IMG_0818

Capt. Faris is still working with his datasets

IMG_0739

He wants to add hand gestures to the learning system

IMG_0754

the dataset

IMG_0817

Fadhlan’s task for today is to install power supplies for the robot

IMG_0740

plus integrating the bluetooth module

IMG_0745 IMG_0755

And when he was busy soldering the robot, the seat of the chair fell 😀 Glad he wasn’t hurt and nothing was broken 🙂

IMG_0757

The batteries (that later sparks because the switch got short-circuited)

IMG_0780

So Fadhlan has to fix the switch and check why one wheel doesn’t work

IMG_0798

Sam has got serious things to do with the Juz’amma app

IMG_0741

IMG_0747

He now can store data in local storage but not yet with local database

IMG_0762

we have to carefully design the database for the application before starting to enter the data

IMG_0772 IMG_0774

IMG_0785

Harraz (so sorry we didn’t manage to get his picture) is creating a new game

IMG_0744

with lots of sprites

IMG_0746 IMG_0753

Once Harraz done with the assets, we’re going to develop an awesome game 🙂

IMG_0761

Koosha

IMG_0752

IMG_0769

is ready to explore Minecraft Link more

IMG_0763 IMG_0764

another way to turn Arduino LED on and off 🙂

IMG_0767

Koosha explored some other mods

IMG_0781

The mod to have a computer with keyboard and browser inside Minecraft

IMG_0782 IMG_0789

IMG_0815

Capt. Awa is researching Minecraft Link too

IMG_0768

Capt. Awa helped other students learning Minecraft Link too 😉

IMG_0771

IMG_0791 IMG_0816

Syadad is going to create a new game today 🙂

IMG_0783

His Maze Game is full-featured already 🙂

IMG_0802

He’s going to make a shooting game

IMG_0812

Andra is going to type his own Minecraft mod today 🙂

IMG_0784

He will type his own javascript code and then install it to the server and run it Minecraft 🙂 Let’s see the result next week 🙂

IMG_0797

Mohan came back after a while

IMG_0790

and picked up where he left, and got distracted with Minecraft Modding too 😀

IMG_0795

Jihan (we’re so sorry we didn’t get her picture as well 😦 ) is learning basic programming

IMG_0794

She is a fast learner and she will start to learn machine learning soon 🙂

IMG_0807

Wow lots of projects and progress this week 🙂 We will be reporting again soon 😉

ProCodeCG Kids Coding Camp End 2018 – Minecraft Modding – Day #3

Standard

The last day 😉 Today the kids learned to create more complicated codes to make minigames in Minecraft 😉

IMG_2227

Badi is so ready to type in the codes 😉

IMG_2212

IMG_2215

this is a JavaScript code that will count how many blocks have been broken

IMG_2229

IMG_2247

Shafa is so happy knowing that today we will do multiplayer 😉

IMG_2213

IMG_2216

IMG_2254

Today we have Capt. Faris on duty: helping us porting the code from CanaryMod to Spigot 😉

IMG_2214

IMG_2242

the SnowBall code in JavaScript 😉

IMG_2265

Ajez is also ready for upgrading the skill today 😉

IMG_2228

IMG_2238

IMG_2259

IMG_2261

IMG_2268

Yaaay, Fadhlan is also very happy about playing together in the same server 😀

IMG_2251 IMG_2252

testing the placing and breaking blocks counter

IMG_2245

IMG_2253

 

IMG_2266

IMG_2267

IMG_2273

Lunchtime 😉

IMG_2277

IMG_2278 IMG_2279

Final stage: Capt. Faris deploying the scoreboard and snowball game into the server

IMG_2282 IMG_2284

fine tuning

IMG_2286

yep it works now!

IMG_2287

IMG_2289

We’re playing in the same world in Minecraft 😀 The code will divide us into teams and prints the scoreboard 🙂

IMG_2290

IMG_2291 IMG_2292

IMG_2293 IMG_2297

IMG_2299 IMG_2301

IMG_2302 IMG_2303

IMG_2305

IMG_2306 IMG_2307

The kids with their certificates! Hope you all enjoy the class and learn a lot 😉

IMG_2308 IMG_2309

IMG_2310 IMG_2311

*Photos and videos are also available here