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

Advertisements

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

Standard

Our open topics class πŸ™‚ Let’s see how many topics do we have today πŸ˜‰

IMG_4455

Capt. Faris, ready to continue our research about TensorFlow etc. πŸ™‚

IMG_4410

IMG_4414

We’re researching how to recognize certain object in real time with a camera πŸ™‚

IMG_4424

Yep it works πŸ˜‰

IMG_4425

It certainly recognizes persons

IMG_4426

and cellphone

IMG_4428

IMG_4429

Nice! Now we are going to add more objects and train it to be able to recognize the new objects πŸ™‚

IMG_4430

Ain was busy working on his assignments (while also preparing for kids coding camp because he’s going to be captain on duty ;))

IMG_4413

Ain had successfully created a simulation of wheels going up and down slopes πŸ™‚

IMG_4417

IMG_4418

And a simulation of some round objects falling into some surface

IMG_4452

We’re trying to simulate molecule behavior πŸ™‚

IMG_4453

Captains bonding before the class πŸ˜€

IMG_4416

Capt. Cinta was so busy catching up with Python programming

IMG_4421

She go through all the examples in the handout and ready to be given a new projectΒ  πŸ™‚

IMG_4419

Emma is back πŸ™‚ She is the only one in the class learning C/C++ for AI programming πŸ™‚ She was also given a task to explore Python AI Library as a comparison and just in case we need her to help us with the TensorFlow project πŸ™‚

IMG_4415

While J still stuck in finding ways to create a running text in Minecraft

IMG_4451

So he created something else instead πŸ™‚

IMG_4431 IMG_4432

IMG_4433 IMG_4434

J was still figuring out how to solve the problem with piston limit πŸ™‚

IMG_4436

While Azriel started to learn RedStone

IMG_4437

Azriel created automatic door with pressure plate and with lever πŸ™‚ There’s so much things to explore with this new skill πŸ™‚

IMG_4461

And now we have two web programmers: Nadine

IMG_4444

and Nanin πŸ™‚

IMG_4445

They both started to learn HTML and createΒ  their own website design πŸ™‚

IMG_4446 IMG_4447

IMG_4448

They look so happy πŸ™‚

IMG_4454

These girls type their own code and make some changes to the color, background, size and fonts πŸ™‚

IMG_4456

And they help each other, of course πŸ™‚

IMG_4458

Vian πŸ™‚ Got some help from Ain to make what’s in his head reality πŸ™‚

IMG_4449

Vian always has interesting ideas, and Ain always knows how to implement it πŸ™‚

IMG_4450

so they make a great team πŸ™‚

IMG_4457

The result πŸ™‚

IMG_4459

IMG_4460

Tyo did lots of research about how to connect Java to Microsoft Excel πŸ™‚

IMG_4463

Tyo was still working on the project to generate invoice from from Java πŸ™‚ Awesome work and endurance Tyo πŸ™‚

IMG_4465

Another activities in the class:

Capt. Fizhan trying to fix Nanin’s won’t-connect-to-internet laptop πŸ™‚

IMG_4462

And these two little bros of Ain were playing with Ain’s work πŸ˜€

IMG_4464

Lots of topics and progress as always! πŸ™‚ Can’t wait until the next class πŸ˜‰

ProCodeCG Kids Regular Coding Class – Arduino/ESPectro Programming – 16 Dec 2017

Standard

Hello, welcome back to our regular ESPectro programming class πŸ™‚

IMG_4411

Ozan still had a project to do: ultrasonic counter with buzzer and LED πŸ™‚

IMG_4404

the ultrasonic and LCD work fine but the buzzer didn’t πŸ˜€

IMG_4405

And we had Nadine start learning ESPectro programming today πŸ™‚

IMG_4406

And Ozan became Capt. on duty today to help Nadine learning πŸ™‚

IMG_4407

IMG_4408

The first task is to make the LED onboard blink, and the LED on breadbroad blink πŸ™‚

IMG_4409

IMG_4412

Done! πŸ™‚

IMG_4422

And then adding more LEDs πŸ™‚

IMG_4423

IMG_4435

Worked nicely πŸ™‚

IMG_4438 2

Nadine wanted to learn how to use multimeter πŸ™‚

IMG_4439 2

She learned how to check resistor value and test LEDs πŸ™‚

IMG_4441

Look at that! This girl is so eager to learn this kind of thing πŸ™‚ Cool πŸ™‚

IMG_4442

Capt. Ozan was busy creating the code to make the LED blinking alternately πŸ™‚ Well done today, Capt! πŸ™‚ :*

IMG_4443

There’s always something new to learn and lots of progress each time πŸ™‚ See you on the next! πŸ™‚

ProCodeCG Coding Mom Batch 4 – Day #10 – 11 Dec 2017

Standard

Day #10, and lots of progress πŸ™‚

IMG_4073

We learn some picture editing and more Bootstrap πŸ™‚

IMG_4074

IMG_4075

IMG_4076

IMG_4077

Bildschirmfoto 2017-12-11 um 11.11.51 AM (2)

Bildschirmfoto 2017-12-11 um 11.54.21 AM (2)

We helped each other and make sure everyone’s design works πŸ™‚

IMG_4078

IMG_4079

The results πŸ˜‰ plus the view for smaller devices πŸ™‚

Bildschirmfoto 2017-12-11 um 8.45.17 AM Bildschirmfoto 2017-12-11 um 11.11.44 AM

Bildschirmfoto 2017-12-11 um 11.11.51 AM

Bildschirmfoto 2017-12-11 um 11.11.55 AM

Bildschirmfoto 2017-12-11 um 11.54.21 AM Bildschirmfoto 2017-12-11 um 11.54.24 AM

IMG_4083 IMG_4082

IMG_4081 IMG_4085

IMG_4086 IMG_4084

 

 

 

IMG_4080

We still have 4 more classes left before the presentation πŸ™‚

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 – Arduino/ESPectro Programming – 9 Dec 2017

Standard

This is what our Saturdays made of πŸ™‚

Captains preparing the class πŸ™‚ ProCodeCG doesn’t hire programmers. We raise them πŸ™‚

These are (from left to right): Ain (going to start his first Captain duty on coding camp next week), Capt. Azriel, Tiga (Ain’s little brother) and Capt. Awa πŸ™‚

IMG_4024

Thanks so much for preparing the class πŸ™‚ :*

IMG_4023

Capt. Awa is in the middle of his project: building a radar system for navigation πŸ™‚

IMG_3879

He was going to disassemble an AroX robot and took some parts of it for his project

IMG_3880

We’re going to use ultrasonic sensors and servo

IMG_3886

And some codes, of course

IMG_3898

Awa’s workplace πŸ˜€

IMG_3905

After watching some tutorials, we decided to disassembly a microservo and modify it to be able to rotate 360 degrees continously

IMG_3926

We had to cut something out of these gears

IMG_3928

and put them altogether again

IMG_3929

Well, this requires lots of patience and hard work πŸ˜‰

IMG_3932

IMG_4018

IMG_4020

Ozan was still investigating why the ultrasonic counter wouldn’t work with LCD

IMG_3884

We’ve tried many configurations and codes

IMG_3888

Even changed the LCD because this one wouldn’t turn on

IMG_3887

There are days when things are so frustrating but we will keep working on it, yes Ozan? πŸ˜€

IMG_3900

Even if we have to start all over again from the beginning πŸ˜€

IMG_4021

The class

IMG_3901

And a little coding mom reunion πŸ™‚

IMG_3919

It was such a perfect Saturday πŸ™‚ Can’t wait to continue our research again next Saturday πŸ™‚