ProCodeCG – Darul Hikam – Intro to Programming to 5th Graders – 17 Nov 2017

Standard

Hello 5th Graders 🙂 Today we learned basic programming with Minecraft Hour of Code before we started to learn how to create games 🙂

IMG_2155

IMG_2156

IMG_2157 IMG_2158

IMG_2318

IMG_2324

IMG_2320

IMG_2323

IMG_2162 2

IMG_2163 IMG_2164

IMG_2180

IMG_2195

IMG_2314

The certificate of completion and the proud faces 😉

IMG_2161

IMG_2165

IMG_2170 IMG_2173

IMG_2176

IMG_2177

IMG_2179

IMG_2182

IMG_2186

IMG_2321

IMG_2316

IMG_2315

IMG_2312

IMG_2313

IMG_2319

Then we created games with GameMaker 🙂

IMG_2175IMG_2178

 

IMG_2181

Each kids created their own sprites 🙂

IMG_2183 IMG_2184

IMG_2187

IMG_2188 IMG_2189

IMG_2191

And one kid had finished his own game 🙂 Impressive 🙂

IMG_2190

Captain on duty today: Capt. Bullitt (Awa) 😉

IMG_2167

Who was working really harddd

IMG_2159

Helping everyone in the class 😉

IMG_2322

And he got sooo hungry at the end of the class 😀

IMG_2192

Bon Appetite Capt. Awa 😉

IMG_2193

IMG_2194

See you again next week 😉

 

 

 

 

 

 

Advertisements

ProCodeCG Kids Regular Coding Class – Open Topics – 18 Nov 2017

Standard

Hello 🙂 Captains preparing our class today 🙂

IMG_2253

IMG_2254

IMG_2256

The class

IMG_2264

IMG_2270

IMG_2271

IMG_2293

IMG_2294

IMG_2292

Al wanted to learn Minecraft Modding today, Capt. Faris helped him installing Spigot Server and other stuff

IMG_2257

Al started to learn creating structures using JavaScript in Minecraft. This one is creating box

IMG_2258

Full cylinder

IMG_2259

Empty cylinder

IMG_2260

Empty prism

IMG_2261

Al created floating stairs with prism

IMG_2262

Full prism

IMG_2263

And then Al tried some other commands in JavaScript

IMG_2266

Like creating a rainbow 🙂

IMG_2272

While Nanin was given an idea to create a Tamagotchi Game by Capt. Azriel 🙂

IMG_2275

IMG_2276

The Tamagotchi pet is a cat. It has to be given love, presents and it needs to be cleaned too 🙂

IMG_2310

IMG_2280

IMG_2285

IMG_2287

Capt. Azriel said, it took at least two classes to finish the game 🙂

IMG_2297

Tyo (red shirt) was working on a new project: generating invoice with Java 🙂

IMG_2298

IMG_2277

We had some problems with the layout so Capt. Faris helped. This is a real project that will be used by Tyo’s parent to print invoice 🙂 Nice 🙂

IMG_2279

Azriel continued his Minecraft Modding and moved on to more difficult codes

IMG_2281

The code will give notifications and score each time a player place or destroy a block 🙂

IMG_2306

Spigot needed some adjustments because some commands from Scriptcraft didn’t work on this one. Capt. Faris fixed it

IMG_2291

And it worked 😉

IMG_2309

Jesse (red hat) and Jackson (grey sweatshirt) were supposed to do Minecraft Modding

IMG_2282

But Jackson’s laptop didn’t work so he use his tablet do programming exercise on Code.org, while Jesse continue to learn Javascript basic commands on Minecraft

IMG_2283

IMG_2300

J was still working on his previous project: building a secure building in Minecraft

IMG_2295

IMG_2296

it involves lots of command blocks

IMG_2299

and lots of automatization process

IMG_2301

This room light up the torch one by one and J was working on turning them off one by one 😉

IMG_2302

Capt. Faris was given a task to count objects in a picture/video so he was busy learning on how to train TensorFlow and make it counting objects

IMG_2265

It requires lot so of coding and libraries 🙂 Good luck 🙂

IMG_2286

And see you again next week 🙂

 

ProCodeCG – Darul Hikam – Intro to Programming to 4th Graders – 10 Nov 2017

Standard

Hello! Today ProCodeCG met 4th Graders of Darul Hikam to learn how to create games 🙂

The class situation

IMG_1609

IMG_1604

IMG_1605

We started to learn about programming concepts with Minecraft Hour of Code 🙂

IMG_1648 2

IMG_1650

IMG_1652

IMG_1653

IMG_1655

IMG_1662

IMG_1612

IMG_1606

IMG_1607

IMG_1608

IMG_1610

IMG_1611

IMG_1613

IMG_1618

IMG_1619

IMG_1636

Captain on Duty: Capt. Bullitt 😉 Busy to make sure everyone got connected to the power source 🙂

IMG_1614

Because this is the cable situation 😀

IMG_1615

IMG_1632

Capt. Bullitt assisting his classmates 😀

IMG_1616

Mama Capt. Bullitt and Bu Guru helped too

IMG_1617

The certificates and the happy faces 😀

IMG_1649

IMG_1651

IMG_1656

IMG_1657 IMG_1658

IMG_1669 IMG_1670 2

IMG_1620 IMG_1623

IMG_1624 IMG_1625

IMG_1627 2 IMG_1629

IMG_1633

IMG_1634 IMG_1635

IMG_1643

And then we started to create games 🙂 The kids now can make their own sprite 🙂

IMG_1637

IMG_1638 IMG_1639

IMG_1640 IMG_1641

IMG_1642

Going to continue the lesson in the next semester 😉

ProCodeCG Kids Regular Coding Class – Open Topics – 28 Oct 2017

Standard

Open topics class today 😉

IMG_0714

IMG_0746

Ioan was still excited creating games with GameMaker 🙂

IMG_0709

He got lots of sprites and objects

IMG_0710

IMG_0721

and he added background to the game

IMG_0712 IMG_0713

And Capt. Azriel taught Ioan lots of techniques in GameMaker

IMG_0718

IMG_0732

Ioan learned some new tricks and the game he was creating was a great one 🙂

IMG_0748

Ain installed Spigot Server and Minecraft

IMG_0719

and started to learn JavaScript commands in Minecraft 🙂

IMG_0731

Ain is also good at RedStone 🙂

IMG_0786

Jundy came with a lot of surprises

IMG_0758

IMG_0737

He created a Minecraft world with Blender!

IMG_0738 1

IMG_0739 IMG_0740

IMG_0742

He created every block from scratch. Unbelievable.

IMG_0743 1

IMG_0744 1

Then Jundy created some awesome mechanism with RedStone in (the real) Minecraft 🙂

IMG_0779

This works like a shift register

IMG_0780

And we’re thinking on how to implement this machine into something useful. Great work, Jundy 😉

IMG_0793

We got newcomers 🙂 Hello Jackson 🙂

IMG_0745

Jackson has a very strong skill in programming basics already 🙂

IMG_0757

He finished CodeCombat very easily

IMG_0783

And also the LightBot. Next week Jackson wants to learn Minecraft Modding 🙂

IMG_0784

The other newcomer is Jesse, Jackson’s friend 🙂

IMG_0768

Jesse was working on CodeCombat but because he had to leave earlier, he hadn’t finished it and didn’t continue to LightBot 🙂

IMG_0769

Jesse wants to learn Minecraft Modding too, next week 🙂

IMG_0785

Altair continued his Racing Car Game

IMG_0760

IMG_0747

Ain showed Al how to create random spawning objects 🙂

IMG_0764

Ain is a great teacher 😉

IMG_0765

Yay, Altair finished his Racing Car Game, with exploding animation and scores 🙂

IMG_0776

IMG_0782

Tyo wanted to created games with jMonkeyEngine

IMG_0749

Tyo did some research and downloaded the library. He will see if it’s not to difficult and if it is, we’re going to find other projects 🙂

IMG_0766

Azriel making lots of progress today

IMG_0759

and learned lots of debugging 🙂 Programming is a great way to teach discipline and consistency to kids 😉

IMG_0763

IMG_0767

Faris is still doing image recognition research

IMG_0726

He tried and learned lots of libraries

IMG_0729

IMG_0751

IMG_0753

Train the system

IMG_0750

And these are the results

IMG_0762

 

IMG_0773

IMG_0774 IMG_0775

Using our own dataset! Amazing work Faris. A huge progress!

IMG_0797

Can’t wait to see the kids again next week! 😉

ProCodeCG – Darul Hikam – Intro to Programming to 2nd Graders – 27 Oct 2017

Standard

Today ProCodeCG and Darul Hikam Elementary School held a Creating Games Workshop for 2nd Graders 🙂

WhatsApp Image 2017-10-22 at 4.48.59 PM

Preparation 🙂 Kids brought their own laptop

IMG_0610

and teachers helped them connect to the internet

IMG_0611

We had 25 kids 🙂

IMG_0612

Took a while before they’re ready to start, but all looked so excited 🙂

IMG_0613

Captain on duty: Capt. Awa

IMG_0614

Captains preparation 🙂

IMG_0675

The class

IMG_0615

IMG_0616 IMG_0617

IMG_0618 IMG_0619

Capt. Awa was so busy assisting his friends 😉

IMG_0620

Great job, Capt.! 😉

IMG_0621

Can you tell which one is the captain? They all look the same 😀

IMG_0626

Time flies, kids were so excited they just wouldn’t stop 😀

IMG_0622

IMG_0623 IMG_0624

IMG_0625

This little one used the displaying computer because hers was protected by password and her parents weren’t there to type it in 😀

IMG_0629

IMG_0627 IMG_0628

IMG_0630

IMG_0674

Well, all the hard work paid off 🙂 After they finished all the levels, they got certificates  🙂

IMG_0632

IMG_0633 IMG_0634

Look at those proud faces 😉

IMG_0635 IMG_0636

IMG_0638

One of the kids that wouldn’t leave the class 😀 *the dad had to explain that the kid can join the regular class if he likes 😀

 

IMG_0637

Next week it will be for 3rd graders 😉

IMG_0631

See you then 🙂

 

ProCodeCG Kids Regular Coding Class – Open Topics – 21 Oct 2017

Standard

Our open topics kids coding class 🙂

IMG_0281

IMG_0283

Altair had just attended one session of GameMaker and this is the progress when he came back to the next class 🙂

IMG_0244

He added more features to the game

IMG_0237

plus lots of sprites, objects and background and rooms 🙂

IMG_0238

IMG_0240

He added levels with different challenges on every levels 😉

IMG_0241 IMG_0242

And he started to create the next game: Racing Car 🙂

IMG_0251

Capt. Azriel helped Al to resize the background

IMG_0278

Altair’s little brother joined in 😀

IMG_0275

He wanted to play and typing something on the laptop and Altair was very busy keeping him away from the laptop 😀

IMG_0276

Ain had created lots of apps with Thunkable but his laptop has problems with connecting to internet so while he waited he opened GameMaker and improved his game 🙂

IMG_0255

We used different laptop to log in to Ain’s Thunkable account and these are some of what Ain’s had created: guessing odd or even number app

IMG_0279

IMG_0269

Bouncing Ball App

IMG_0270

And Doodling App 😉

IMG_0273

Capt. Faris was still busy with his research: was given a new task with TensorFlow 😉

IMG_0260

IMG_0311

IMG_0296

Clarence was back! This time he wanted to install C++ compiler and started coding in C++

IMG_0262

Faris helped

IMG_0263

IMG_0287

Clarence apparently had so many things in his head to be coded in C++ 🙂

IMG_0271

And we had a newcomer: Brillian 🙂

IMG_0265

Brillian had to go through Intro to Programming

IMG_0268

First, he had to finished Minecraft Hour of Code

IMG_0285

and got the certificate

IMG_0294

and then he learned about functions with LightBot

IMG_0301

IMG_0303

IMG_0304 2

And more logics with some Python using CodeCombat 🙂 In the next class Brillian will learn more with Blockly Games or go straight to game making 🙂

IMG_0308

Nanin! Forgot to save her work :(( So she had to started all over againnnn NOOOOO

IMG_0267

Nanin had to browse through the download folder to find all the pictures of the animals

IMG_0272

and recreated everything

IMG_0292

And then Nanin and Mom discussed the project to be presented to the next exhibition

IMG_0300

She looked so excited 🙂 We’ll see what app Nanin will create next week 🙂

IMG_0302 2

Vian is getting better each week 🙂

IMG_0280

He created more advanced games and keep adding more features

IMG_0288

The game looked really fun 🙂

IMG_0289 IMG_0290

IMG_0291

IMG_0297

And Vian got the best tutor: Ain (wearing black hat)

IMG_0295

IMG_0310

IMG_0312

And the best way to test a game is by playing it, together 🙂

IMG_0313

Azriel made lots of progress too 🙂

IMG_0293

He started to code in JavaScript to build things in Minecraft

IMG_0298

Starting with simple shapes and structures like triangle and stairs

IMG_0305

IMG_0306

IMG_0320

the result

IMG_0309

Very nice progress, Azriel! So proud of you! 😉

IMG_0321

And at the end of the class we learned Sewing 101 by Mama Ain 😉

IMG_0246

IMG_0247 IMG_0248

*Ignore the face 😀

IMG_0323

The point is: we have lots of topics in the class and we’re always having fun! See you next week! 😉

ProCodeCG Kids Regular Coding Kids – Open Topics – 30 Sep 2017

Standard

Today we have kids learn creating games, java programming, web programming and we do some research too 🙂

IMG_8937

IMG_8957

Nanin is back to continue her matching games in GameMaker

IMG_8927

Nanin is creating a game to choose which ones are pets and which ones are wild animals

IMG_8928

So she had to collect animal pictures

IMG_8930

And resize it to fit in the size of the sprite 🙂 (Capt. Faris showed Nanin how to resize a picture)

IMG_8943

Tyo rode a bicycle to the class 🙂

IMG_8942

Tyo had finished his temperature conversion project 🙂

IMG_8945

IMG_8963

The code can convert temperature in Celcius, Reamur, Kelvin and Fahrenheit 🙂

IMG_8964

Impressive, Tyo 🙂

IMG_8965

IMG_8967

IMG_8968

Tyo moved on to the next project: collecting weather data and save it to a file to be presented in an app in Java 🙂

IMG_8972

Sabrina finished HTML session last week and this week she learned CSS

IMG_8949

Next week she will start to learn some JavaScript or more advanced HTML and CSS 😉

IMG_8973

She also learned how to create .html that connects to a .css file 🙂 Now she knows how to create a website 🙂

 

IMG_8977

After two sessions of Intro to Programming, now Altair is ready to learn to create games with GameMaker 🙂

IMG_8962

Altair has learned how to create sprites, objects, rooms and display scores

IMG_8960

IMG_8974

This little yellow guy will get score each time he eats the red apples

IMG_8975 IMG_8976

Altair proudly shows his first game to his dad 😉

IMG_8984

Great work, Al 😉

IMG_8985

Vian (yellow shirt) discussed with Jundy

IMG_8980

and create another awesome creature for the sprite

IMG_8969

And Capt. Faris, as usual, is working on a research while also helping other kids 🙂

IMG_8918

IMG_8932

IMG_8961

Will be back with more progress and updates next week 🙂