ProCodeCG Regular Coding Class – ESPectro/Arduino Programming & Open Topics – 13 Jan 2018

Standard

Our regular coding class is always open for any kids interested to learn about technology and want to be a programmer/researcher 🙂

Untitled

Capt. Awa (left) was doing a research on reading objects around for robots using ultrasonic (Capt. Fizhan on the right was just looking around LOL)

Untitled

But first Awa wanted to show his latest project with ProCodeCG LED

Untitled

Untitled

Then moved on to the next project

Untitled

ultrasonic and motor servo

Untitled

the ultrasonic worked but the motor servo wouldn’t spin 😀

Untitled

apparently two cables was switched and it worked after we reversed it 😀

Untitled

Firaas (yellow shirt) was ready to learn GameMaker 🙂

Untitled

Capt. Azriel (blue shirt) was assigned the task to teach Firaas 🙂

Untitled

Untitled

Untitled

the sprite

Untitled

the wall

Untitled

the first game created by Firaas yaaay 🙂 Firaas will learn to create another game next week 🙂

Untitled

Capt. Cinta was still doing the research about creating a story generator with Python 😉

Untitled

Untitled

Cinta discussed the content of the database to create the story with another writer 😀

Untitled

And another one joining in 🙂

Untitled

These three are brilliant girls who love writing 🙂

Untitled

And Cinta’s code is a combination of Cinta’s writing and coding skill 🙂 Nice!

Untitled

For next week Cinta wanted to create a game in Python 🙂 We’ll see what game it will be 🙂

Untitled

Ain and Awa explored lots of structures with RedStone in Minecraft

Untitled

Ain created lots of things in there

Untitled

Untitled

Untitled

Even rockets 🙂

Untitled

and infinite rails 🙂

Untitled

Azriel was also exploring structure with RedStone in Minecraft

Untitled

He created a dispenser than can give you meat and water

Untitled

Untitled

A seven segment display

Untitled

Untitled

and more 🙂

Untitled

And we have Sulaiman joining the regular class yaay 🙂 Warming up with Minecraft Hour of Code

Untitled

Sulaiman did it very well because he’d done this with Thunkable when he was taking Creating Apps topic on the last Coding Camp 🙂

Untitled

Untitled

We download the requirement and setup the computer while Sulaiman was working with Minecraft Hour of Code, and when he finished, we’re ready to go 🙂

Untitled

Capt. Ain (wearing hat) helped Sulaiman with the setup

Untitled

Sulaiman learned to create simple structures using JavaScript code in Minecraft

Untitled

 

Untitled

 

Untitled

Next time he will write his own code and create more complex structures like this one 🙂

Untitled

Until next week 😉

 

 

 

 

Advertisements

ProCodeCG Kids Regular Coding Class – ESPectro Programming & Open Topics – 6 Jan 2018

Standard

Hello Saturday class 🙂

Untitled

Untitled

We had a newcomer: Firaas 🙂

Untitled

There was a problem with Firaas’ laptop: it wouldn’t let browser to browse 😀 Capt. Azriel (green shirt) tried to help

Untitled

Capt. Faris (dark grey ProCodeCG jacket) and Capt. Ain (grey shirt) helped too

Untitled

It took 3 captains and we still couldn’t figure it out 😀

Untitled

So we took different laptop and let Firaas started learning basic programming with Minecraft Hour of Code peacefully 🙂

Untitled

Untitled

Yep, it’s done! 🙂

Untitled

and then Blockly Games

Untitled

Next, CodeCombat 🙂

Untitled

Capt. Ain helped

Untitled

Firaas learned for 3 straight hours 🙂

Untitled

So he deserved some Minecraft time 5-10 mins before the class ended 🙂

Untitled

Ain learned a new thing: BlocklyCraft 🙂 A drag-and-drop Minecraft Modding programming 🙂

Untitled

Capt. Faris gave Ain a jump start 🙂

Untitled

Ain will be given the task to explore BlocklyCraft 🙂

Untitled

Untitled

Nafis was assigned to debug his project all over again 😀

Untitled

start from scratch

Untitled

ready to test

Untitled

the LCD didn’t work

Untitled

but the ultrasonic sensor worked

Untitled

trying to make LCD works

Untitled

Untitled

it did, and counting 🙂

Untitled

Untitled

then we added buzzer, and it worked 🙂 we still hadn’t time to figure out how to make it beep when it counts 🙂

Untitled

Cinta was doing another challenge in Python

Untitled

Untitled

Creating a Hangman game 🙂

Untitled

These girls collaborating to create the questions 😀

Untitled

Untitled

The result

Untitled

Untitled

Untitled

Untitled

And for the next session, Cinta wanted to do some Minecraft Modding 🙂

Untitled

Untitled

While Azriel had a bad headache LOL

Untitled

We were trying to figure out this code to create a triangle in Minecraft using BlocklyCraft

Untitled

We had tried every possible ways

Untitled

And yet it still didn’t work

Untitled

And kept giving us false result :((

Untitled

Untitled

So we called Faris for help

Untitled

And he found out that something was wrong with the converter and it kept crashing the server

Untitled

Apparently the converter from Blockly to JavaScript didn’t work smoothly.

Untitled

So we assigned another task to Azriel: creating structures with RedStone

Untitled

And our research, conducted by Capt. Faris had shown lots of progress

Untitled

now the algorithm can count objects

Untitled

So we add another data sets

Untitled

we used bigger data set for higher precision

Untitled

comparison of left: larger dataset, right: smaller dataset

Untitled

the counting

Untitled

Untitled

the dataset

Untitled

how to change dataset

Untitled

we need place to run the training because the last time we tried, Google Cloud Engine didn’t work 😦

Untitled

Will be reporting again next week 🙂

ProCodeCG Kids Regular Coding Class – ESPectro/Arduino Programming & Open Topics – 30 Dec 2017

Standard

This is how we spend our holiday 🙂

IMG_5836

Ozan

IMG_5811

and Nafis is catching up with their ultrasonic counter with buzzer and LED project

IMG_5816

The debugging took weeks, we probably will change the project just to clear our head and will get back to it later 😀

IMG_5817

Ozan even had to compare his code line by line with Nafis’

IMG_5823

IMG_5830

IMG_5831

Cinta started a new project:

IMG_5819

The project is a textbased advanture game

IMG_5833

we design the flow of the story

IMG_5832

the code

IMG_5858 3

IMG_5859

IMG_5860

Azriel, got a new task: to explore BlocklyCraft: to code in Minecraft with drag-and-drop 🙂

IMG_5829

Capt. Faris helped Ajil getting started 🙂

IMG_5835

IMG_5837

Now we can do Minecraft Modding just by drag-and-drop 🙂

IMG_5838

IMG_5839

this is how to create wall with certain width and length from cobblestone

IMG_5841

we compile the blocks from the browser, localhost:7070

IMG_5842

and then run the code on Minecraft by typing /jsp <name of the code>

IMG_5843

how to create a paddock

IMG_5845

with horses 😀

IMG_5853

IMG_5857

a two floors building

IMG_5861

 

IMG_5862

IMG_5874 3

we also can code in JavaScript (like with ScriptCraft) and in XML too 🙂

IMG_5876

We really annoyed by this “Mouvement” block and we decided to change it

IMG_5877 2

so we modified the file 😀

IMG_5879

so now it’s correctly displayed “Movement” 😉

IMG_5880

the file is in this directory

IMG_5881

IMG_5882

lots of progress today, Azriel 🙂

IMG_5883

so now the platform is ready, Azriel is given task to explore more! 😉

IMG_5884

IMG_5867 3

Capt. Faris is working hard on our TensorFlow research

IMG_5821

IMG_5824

He’s running a TensorFlow training on Google Cloud Engine

IMG_5871

 

IMG_5888

the library we’re using

IMG_5905

Bildschirmfoto 2017-12-30 um 12.13.17 PM

some screenshots of what we’re doing 🙂

Bildschirmfoto 2017-12-30 um 12.08.21 PM

Bildschirmfoto 2017-12-30 um 12.25.10 PM Bildschirmfoto 2017-12-30 um 12.25.10 PM

Bildschirmfoto 2017-12-30 um 12.09.35 PM Bildschirmfoto 2017-12-30 um 12.26.36 PM

Bildschirmfoto 2017-12-30 um 12.14.47 PM Bildschirmfoto 2017-12-30 um 12.27.59 PM

We trained TensorFlow to recognize cars

Bildschirmfoto 2017-12-30 um 1.17.46 PM

The result 🙂 Next is to count them 🙂

Bildschirmfoto 2017-12-30 um 1.21.39 PM

Bonus: nice pics capturing random things in the class 😉

IMG_5826

IMG_5887

IMG_5873 3

Looking forward to the next class 🙂 Expecting more kids to come so we can do more research and projects 🙂

ProCodeCG Kids Coding Camp – Minecraft Modding and Creating Apps – Day #3 – 30 Dec 2017

Standard

Day #3 🙂

Hello Maryam

IMG_5812

Sulaiman (this one becomes more cheerful each day 😀 )

IMG_5813

and Akal 🙂

IMG_5814

Akal finally finished the code from yesterday, and successfully created a big triangle 🙂

IMG_5827

and then a coloured triangle 😉

IMG_5864

a big rainbow triangle 🙂

IMG_5865

IMG_5866

While Sulaiman finally fixed his calculator 🙂 Now it works just fine 😉

IMG_5815

IMG_5818

Sulaiman had also finished the changing colors button app

IMG_5822

And the xylophone app 🙂

IMG_5825

He really likes it 🙂

IMG_5847

IMG_5848

Maryam moved on to more difficult task: creating a to do list app 🙂

IMG_5828 IMG_5834

it took some effort to make it work

IMG_5840

she even had to compare the code line by line to the example

IMG_5846

And yes it works nicely 🙂

IMG_5849 IMG_5850

IMG_5851 IMG_5852

Maryam also created a write to and read from file app, but still had error retrieving the data

IMG_5863

Sulaiman finished the alarm app 😉

IMG_5868

IMG_5872 3

Time for lunch! 🙂

IMG_5869

IMG_5870

IMG_5875

IMG_5885 IMG_5886

And time for Dzuhur prayer 🙂 They were deciding who to be the imam 🙂

IMG_5889

Ok because Capt. Faris refused to be imam, Capt. Fizhan it was 😀 He arranged the ma’mum and Akal voluntarily offer himself to do iqamat 🙂

IMG_5890

IMG_5891

Nice view 🙂

IMG_5892

Back to work! Maryam’s and Sulaiman’s Android phone didn’t have gyro so the Tilting Game didn’t work 😀

IMG_5896

But it worked using Maryam and Sulaiman mom and dad’s 😀

IMG_5906

IMG_5907

The just couldn’t stop playing 😀

IMG_5908

IMG_5909

While Akal started to learn Minecraft Blockly, because he started to become so whiny about typing the code, so we had to change strategy and do it with drag and drop programming 😀

IMG_5898 IMG_5899

Akal asked some time for drawing to escape typing the code 😀

IMG_5900

but once he see the drag and drop worked, he started to become interested again 😀

IMG_5901

Sulaiman helped Akal to create the blocks (since Sulaiman has done it more in 3 days with Thunkable :D)

IMG_5902

Yaaay we can do Minecraft Modding with Blockly, JavaScript or XML! So cool! 🙂

IMG_5903

A skyscraper with Minecraft Blockly 🙂

IMG_5904

IMG_5918

And the class officially ended 🙂 The happy kids with their certificates 🙂

IMG_5910

IMG_5911 IMG_5912

IMG_5913 IMG_5914

IMG_5915 IMG_5916

IMG_5917

So glad to have you kids! See you again soon 😉

ProCodeCG Kids Coding Camp – Minecraft Modding and Creating Apps – Day #2 – 29 Dec 2017

Standard

Day #2!

These three little ones learning are now good friends 🙂 They learn together and looked happier than yesterday 🙂

IMG_5708

 

Akal continued typing the code from yesterday 🙂

IMG_5711

we’re building a skyscraper with code 😉

IMG_5712

the skyscraper 🙂

IMG_5717

IMG_5720

IMG_5721

we build 100 floors with just one line of command 🙂

IMG_5722

The next is to learn how to do iteration with the simplest thing: blocks 😉

IMG_5724

IMG_5738

and make 100 stacks of blocks 😀

IMG_5739

Now Akal is working on a code to create a triangle 🙂 Then we can start adding more structures and complexities from there 😉

IMG_5763

Maryam

IMG_5709

and Sulaiman made lots of progress today 🙂

IMG_5710

They created odd and even number app

IMG_5713

IMG_5714 IMG_5715

IMG_5716

IMG_5718 IMG_5719

a guessing number app

IMG_5725 IMG_5726

and then suddenly they stopped working and started to play 😀

IMG_5727 IMG_5728

Well ok let’s have a snacktime then 😀

IMG_5729 2 IMG_5730 2

IMG_5731 2

And then back to work

IMG_5733

IMG_5734 IMG_5735

IMG_5736 IMG_5737

IMG_5744

IMG_5745

IMG_5746

IMG_5747

after guessing number app done, then a calculator app 🙂

addition

IMG_5740

substraction

IMG_5741

multiplication

IMG_5742

division

IMG_5743

and then a changing colors button app 🙂

IMG_5748 2

IMG_5750 IMG_5751

IMG_5752 IMG_5753

IMG_5754 IMG_5755

the girls during Jumat Prayers

IMG_5749

The boys after performing Jumat Prayers (Capt. Fizhan was on duty taking the boys to the mosque). Lunchbreak! 🙂

IMG_5756 IMG_5757

Then back to work!

IMG_5759

Next app: Xylophone App 😉

IMG_5760

IMG_5761 2 IMG_5762

Alarm app! (this one will count down and then beep when the count reaches 0)

IMG_5764

but Sulaiman’s calculator didn’t work nicely yet so we’re going to work on it tomorrow 😉

IMG_5765

ProCodeCG Kids Regular Coding Class – Open Topics – 23 Dec 2017

Standard

Our open topics kids coding class 🙂

IMG_5228

Capt. Cinta is working on a new project, creating a story generator with Python

IMG_5197

Designing the GUI layout

IMG_5209

IMG_5211

the code

IMG_5221

the result 🙂

IMG_5220

This is both brilliant and hilarious 😀 Cinta planned to add more code to make it more complex 🙂

IMG_5227

Al is back 🙂

IMG_5198

Today he started to type in JavaScript code to Minecraft and build structures 🙂

IMG_5205

IMG_5218

Vian wanted to learned some Minecraft Modding today instead of GameMaker

IMG_5244

Vian got backup-ed by Capt. Ain and Capt. Faris 🙂

IMG_5257

IMG_5262

Capt. Faris is really busy working on several projects 🙂

IMG_5195

exploring Google Cloud Platform and then put our research stuff in there

IMG_5207

Faris also helped Cinta looking for references related to Cinta’s new project 😉

IMG_5212 IMG_5213

Faris’ workspace 🙂

IMG_5214 IMG_5219

IMG_5240 IMG_5241

IMG_5242

Our data is uploading and we’re going to run some Tensorflow and crawling data up there 🙂

IMG_5259

IMG_5260

Captains friendships 😀

IMG_5243

IMG_5265

See you again next week 🙂

ProCodeCG Kids Coding Camp – Minecraft Modding and Creating Apps – Day #1 – 28 Dec 2017

Standard

Today we have 2 topics for Coding Camp: Minecraft Modding and Creating Apps 🙂

IMG_5610

We have Akal

IMG_5614

Sulaiman

IMG_5615

and Maryam 🙂

IMG_5616

Akal is learning Minecraft Modding

IMG_5611

He learned programming basic logics with Minecraft Hour of Code

IMG_5617

IMG_5624

And then after installing Spigot server and Minecraft he was ready to code JavaScript in Minecraft 🙂

IMG_5634

Akal now can create lots of structure in Minecraft by code, not manually 😉

IMG_5633

Akal learned to type the code and run it to see the result 🙂 He hasn’t finished typing it yet, we will continue tomorrow 🙂

IMG_5638

But he learned that with codes, any structures with pattern is possible 🙂

IMG_5641

While Sulaiman and Maryam learned basic programming logics with Blockly Games 🙂

IMG_5612

IMG_5618

IMG_5613IMG_5619

IMG_5620

Sulaiman and Maryam first app is to create button to display an image

IMG_5625 IMG_5626

and then add another button to make it dissapear

IMG_5627 IMG_5628

IMG_5629 IMG_5630

IMG_5631 IMG_5632

Lunchtime 🙂

IMG_5635 IMG_5636

Then back to work 🙂

IMG_5637

IMG_5639

The next app is a login app 🙂

IMG_5640

IMG_5643

We already have lots of plans to do tomorrow 🙂 Will be reporting! 🙂