ProCodeCG – Darul Hikam – Coding Class – 2 Feb 2017

Standard

The first day of our Creating Games – Coding Class at Darul Hikam πŸ™‚ Every Friday, 1-3pm we will learn to create games πŸ™‚

Untitled

Untitled

Untitled

Untitled

The Captain on duty is Bullit (right). He’s in the 4th Grade but looks as cute as those 2nd Graders πŸ˜€ On the left is Hanif πŸ™‚

Untitled

Capt. Bullit use his work as the example for the students πŸ™‚

Untitled

The game created by Capt. Bullit has lots of sprites, objects and sounds πŸ™‚ And every kid in this class will learn all of those things too πŸ˜‰

Untitled

This is Hibban πŸ™‚ He was so excited πŸ™‚

Untitled

This is Hibban’s first sprite

Untitled

Untitled

He added another sprite

Untitled

And this is Hibban’s first game πŸ™‚

Untitled

Hibban added another sprite for the next level πŸ™‚

Untitled

After we reach 100, we will enter the next level πŸ˜‰

Untitled

Adryan πŸ™‚

Untitled

Adryan had his own sprite too πŸ™‚

Untitled

Untitled

And this is Adryan’s first game πŸ˜‰

Untitled

Hanif is very quiet because he was so focus working on his game πŸ™‚

Untitled

He paid attention to the details of the sprites πŸ˜‰

Untitled

Untitled

This is Hanif’s first game πŸ™‚

Untitled

A successful game is the one fun to play πŸ™‚ These kids tried Hibban’s and couldn’t stop playing. Look at those happy faces πŸ˜‰

Untitled

Faris is going to join the class very soon because he found it really interesting to create games πŸ™‚

Untitled

We’re going to have more kids joining in and learn more things next week πŸ˜‰

 

 

Advertisements

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 πŸ˜‰

 

 

 

 

ProCodeCG Kids Coding Camp – Creating Apps – Day #2 – 22 Dec 2017

Standard

Day #2 of Creating Apps Coding Camp πŸ™‚

Faiz is still as productive as yesterday πŸ™‚

IMG_5081

He continued the Calculator Apps and made it work

IMG_5086 IMG_5087

There were some bug with the layout and we fixed it

IMG_5089 2

addition

IMG_5094

substraction

IMG_5095

multiplication

IMG_5093

division

IMG_5097

Faiz had lots of things to learn in that thick handout πŸ˜€

IMG_5098

Next: To Do App πŸ™‚ Lots of code πŸ˜€

IMG_5108

IMG_5109

Done πŸ™‚

IMG_5111

IMG_5112 2

Then: button that changes color each time it is clicked

IMG_5124

IMG_5126 IMG_5127

IMG_5128 IMG_5129

He still got more

IMG_5131

A xylophone app πŸ™‚

IMG_5137

We need to make it looks nicer πŸ™‚

IMG_5138

Don’t worry we still have tomorrow πŸ™‚ *plus lots of things to do πŸ˜€

IMG_5075

ProCodeCG Kids Coding Camp – Creating Games – Day #1 – 18 Dec 2017

Standard

ProCodeCG Kids Coding Camp – Creating Games – Day #1 πŸ™‚

IMG_4580

IMG_4595

IMG_4596

IMG_4598 1

 

IMG_4603

We have 10 kids in the class πŸ™‚ This is Dehya

IMG_4581

Gabriel

IMG_4582

Arkan

IMG_4583

Ghassan

IMG_4584

Bagas

IMG_4585

Macca

IMG_4586

Rayhan

IMG_4587

Arka

IMG_4588

Gana

IMG_4589

And Vian (yellow shirt). Next to Vian (grey shirt) is Captain on duty: Ain πŸ™‚

IMG_4592

We started with learning some programming syntax with CodeCombat for warming up πŸ™‚

IMG_4591

IMG_4590

With CodeCombat, kids learn about basic programming logics: sequence, conditionals and looping.Β This is necessary to help kids with what they’re going to learn with GameMaker πŸ™‚

IMG_4604

Gabriel even write down the steps πŸ™‚

IMG_4605

And then Capt. Ain gave tutorials on getting started with GameMaker πŸ™‚

 

IMG_4606

First we learned how to create sprites πŸ™‚

IMG_4607

IMG_4608

IMG_4613IMG_4609

IMG_4610

Vian had learned GameMaker on our regular class, so he worked on his own pace πŸ™‚

IMG_4602

Vian sprites and game πŸ™‚

IMG_4594

IMG_4597IMG_4611

IMG_4600

IMG_4601

While other kids are busy creating their own sprites

IMG_4612

IMG_4628

IMG_4614 IMG_4615

IMG_4616 IMG_4617

IMG_4619 IMG_4620

IMG_4621

IMG_4624

IMG_4625

We kept working on the break time πŸ˜€

IMG_4622

IMG_4599

And after the sprites, we created objects

IMG_4623

to make the sprites moveΒ IMG_4627

After performing Dzuhur we took a break and had lunch

IMG_4629

IMG_4632

And created the room to put all the sprites in

IMG_4633

IMG_4634 IMG_4635

The room looks like this, each kid has very personal design πŸ™‚

IMG_4636 IMG_4637

IMG_4638 IMG_4639

IMG_4640

Tomorrow we will start to add more to the game: collision, scoring and moving levels πŸ˜‰

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

Standard

Our open topics class today πŸ™‚

IMG_3911

IMG_3890

Ain came up today with a breakthrough: creating some physics simulation using GameMaker Studio πŸ™‚

IMG_3882

IMG_3881

We’re going to see if this tools can make better physics simulation than our GameMaker Lite πŸ™‚

IMG_3876

The workspace

IMG_3877

The performance graph

IMG_3878

Creating objects

IMG_3885

Ain was given challenge to simulate a car running down the hill for the next class πŸ˜€

IMG_3899

Capt. Cinta is back πŸ™‚ As happy as usual, coding while singing πŸ˜€

IMG_3883

Today Cinta said she missed Python coding so she decided to code in Python again yaaay! We created some games in Python not so long ago and Cinta wants to recreate it πŸ™‚

IMG_3889

IMG_3893

IMG_3894

This is what we call “happy coding face” πŸ˜€

IMG_3896

So glad that finally someone of our kids working on Python again πŸ™‚

IMG_3904

And for the second session Cinta explored Minecraft and startet to build things in there

IMG_3912

Cinta was challenged to create running text in Minecraft πŸ˜‰

IMG_3913

IMG_3914

Meanwhile, Capt. Faris was given a task to do some research with Python Pandas and Tensorflow πŸ™‚

IMG_3891

Faris has been very reliable about whatever tasks given to him

IMG_3897

We had some problems with plotting data with Matplotlib earlier, and Faris should fix that

IMG_3903

He even tried Jupyter to make it work

Bildschirmfoto 2017-12-09 um 9.51.56 AM

The data had been gathered and displayed but cannot be plotted

IMG_3906

IMG_3923

It worked on Faris’ laptop but not on Mac

IMG_3909

After some investigation and virtualenv testing, plus exploring directory and so on, Faris triumphantly discovered how make it work: using python3 πŸ˜€

Yas! The data plot is come into view finally πŸ™‚ Thanks Faris πŸ™‚

 

IMG_3922

IMG_3910

Ajil is a persistent and focus kid. He started to create games in Minecraft πŸ™‚

IMG_3916

He had to write long lines of code πŸ™‚

IMG_3924

IMG_3925

IMG_3925

IMG_3934

IMG_3933

And we finally make Guessing Game work in Minecraft (Capt. Faris helped a lot)

IMG_3935 2

Well done, Ajil, we’re going to make more games next week πŸ™‚

IMG_3936

Vian was doing projects with Ain

IMG_3917

They’re discussing all the time πŸ˜€

IMG_3918

Vian was being supported by the whole family (Tetru wasn’t there): Ain, Empati and Tiga (they’re all brothers) πŸ˜€

IMG_3931

While Capt. Azriel teamed up with Jundy

IMG_3930

IMG_3915

Jundy was thinking about how to make running text in Minecraft

IMG_3937

He was experimenting with piston

IMG_3938

The problem is apparently piston only has limited number of blocks to push

IMG_3939

So we probably should come up with something else

IMG_3940

Jundy tried many possibilities

IMG_3942

IMG_3944

And make simulations to see how far a piston would push a block

IMG_3945

But still didn’t work and we will think about another way doing it next week πŸ™‚

IMG_3947

Captains doing research (proud :))

IMG_3892IMG_3895

IMG_3943

So proud to have these kids πŸ™‚ See you again next week πŸ™‚

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

Standard

Happy Saturday Coding πŸ™‚

IMG_3373

Danen was back in the class to continue his game and create the new one πŸ˜‰

IMG_3347 IMG_3348

IMG_3365

So Danen created another game today πŸ™‚ A bumping race car πŸ˜€ He said he want to make a flappy bird game next week πŸ™‚

IMG_3380

Danen, Ain and Awa discussing about the game πŸ™‚

IMG_3350

Ain was back πŸ™‚ He created another cool game that attracts object to the central object

IMG_3351

IMG_3388

A very dynamic and interesting game

IMG_3353 IMG_3355

Ain was challenged to create a game with an object can attract certain objects like coins with certain value πŸ™‚

IMG_3359

And Ain came up with this magic stick, still in the progress πŸ™‚

IMG_3369

Capt. Faris was really busy doing the research πŸ™‚ He worked with 2 computers at the same time πŸ˜€ *like most of the times LOL

IMG_3357

Faris was doing a research about instagram crawling and object recognition with tensorflow

IMG_3361

IMG_3370

IMG_3383

He also found some interesting algorithm for anagram πŸ˜€

IMG_3384

Adin worked really hard to make tetris with GameMaker

IMG_3360

 

IMG_3363

Ain and Capt. Azriel helped to debug Adin’s code

IMG_3364

IMG_3368

IMG_3374

Until at some point we decided to move on and will get back to tetris later πŸ˜€ Adin was given the same challenge as Ain: to create a game where there is an object that attracts certain objects

IMG_3391

And this is what Adin came up with

IMG_3400

We’re still thinking about the details and the rules of the game πŸ™‚

IMG_3401

IMG_3410

While Nanin was busy creating a new apps πŸ™‚

IMG_3371

Nanin wanted to create an app with buttons that can display happy and sad panda πŸ™‚

IMG_3381

The app πŸ™‚

IMG_3398

IMG_3399

IMG_3415

IMG_3416

Vian was very excited creating a new game (that he wouldn’t let us to take a pic of because it is confidential – not released yet :D)

IMG_3372

IMG_3386

IMG_3387

Vian consulted the game with Ain and Tiga, a lot πŸ™‚ They seemed really happy to exchanged ideas πŸ™‚

IMG_3385

IMG_3392

Finally, the result πŸ˜€

IMG_3393

Tyo made lots of progress with his Java project: generating and printing invoice

IMG_3378

IMG_3390

But Tyo wasn’t really happy with the layout

IMG_3377

The code

IMG_3379

so we asked Capt. Faris to help

IMG_3395

It’s better now πŸ™‚ But Tyo still wants some improvements πŸ™‚

IMG_3407

Jundy was still working on his secure building project πŸ™‚

IMG_3394

He’s also has the scrolling text in the building in the making πŸ™‚

IMG_3396

So many interesting things happen today πŸ™‚ Thank you kids, see you next week πŸ™‚ ❀

 

 

 

 

ProCodeCG – Darul Hikam – Intro to Programming – 24 Nov 2017

Standard

Hello, today is the last day of ProCodeCG – Darul Hikam -Intro to Programming Workshop πŸ™‚

Introducing captain on duty: Capt. Bullitt (Awa)

IMG_2779

The class

IMG_2781

IMG_2782 IMG_2783

IMG_2784 IMG_2785

IMG_2787

IMG_2847

We did warming up with Minecraft Hour of Code πŸ™‚

IMG_2786

IMG_2794

IMG_2795

IMG_2803

IMG_2796

The certificates and happy faces πŸ™‚

IMG_2788 IMG_2790

IMG_2797 IMG_2798

IMG_2802

IMG_2804

IMG_2808

IMG_2809

IMG_2812

IMG_2819

IMG_2845

IMG_2846

IMG_2849

IMG_2848

IMG_2850

Then we started to create our very own games πŸ˜‰

IMG_2793

IMG_2799

Awesome creations!

IMG_2800

IMG_2801

 

IMG_2805 IMG_2806

IMG_2807

IMG_2810

IMG_2811

Thanks so much Darul Hikam πŸ™‚

IMG_2813

Hoping to be able to collaborate again next semester πŸ™‚

IMG_2818