ProCodeCG Kids Coding Camp – Minecraft Modding – Day #2 – 22 Dec 2017

Standard

Day #2 of Minecraft Moding Coding Camp πŸ™‚

IMG_5083

IMG_5100

We had Gana

IMG_5080

Kiran

IMG_5082

and Ammar πŸ™‚

IMG_5084

And captain on duty: Capt. Ain

IMG_5076

We started to code with Javascript to create simple structures like blocks stacks πŸ™‚

IMG_5085 IMG_5088 2

IMG_5090 2

Then moved to more complex structures like triangle

IMG_5091

IMG_5099

 

IMG_5102

IMG_5103

aligned triangle

IMG_5104

colored triangle

IMG_5105 IMG_5106

mixed color triangle

IMG_5107

iterated triangle. The possibility is endless πŸ˜€

IMG_5110

Then we started to create skyscraper again

IMG_5114 2

IMG_5116 IMG_5117

IMG_5118

IMG_5101

IMG_5092

IMG_5121

Then skyscraper with rainbow window glassIMG_5122

and with rainbow floors πŸ™‚

IMG_5123 IMG_5125

IMG_5130 IMG_5132

IMG_5133 IMG_5134

Bildschirmfoto 2017-12-22 um 12.57.32 PM

Bildschirmfoto 2017-12-22 um 1.00.15 PM

Bildschirmfoto 2017-12-22 um 1.02.15 PM

And then we also tried some interesting structures like igloo

IMG_5135 IMG_5136

and we’re going to create bridges, tunnel, and some games tomorrow πŸ™‚

*additional pic: this is how the kids spend their break time πŸ˜€

IMG_5119

IMG_5115

Advertisements

ProCodeCG Kids Coding Camp – Creating Apps – Day #1 – 21 Dec 2017

Standard

Day #1 of Kids Coding Camp – Creating Apps πŸ™‚

We only have Faiz in class but don’t worry it won’t be less fun! πŸ™‚

IMG_4959

Faiz had to go through Blockly Games to learn some basic programming logics πŸ™‚

IMG_4965

Besides, Blockly Games has the drag and drop style similar as Thunkable πŸ™‚

IMG_4966 IMG_4970

After Faiz got enough of warming up, this is the Faiz’s first app πŸ™‚

IMG_4989 IMG_4991

IMG_4992

The second app is a login app

IMG_4993

this is what happens when you put the wrong user or password

IMG_4994

When you enter the correct username and password, it will open the next screen (this one is still blank :))

IMG_4995

Apps number three: an app that tells you whether a number is odd or even πŸ™‚

IMG_4997 IMG_4998

App number 4: a guessing number app πŸ™‚ This is the code

IMG_5005

The result πŸ™‚

IMG_5006

It will show how many attempts until the player finally guess the correct number πŸ™‚

IMG_5007

The app will tell whether the guess is too small or too big number

IMG_5008

IMG_5009 IMG_5010

IMG_5011 IMG_5012 2

IMG_5013 IMG_5015

IMG_5016

Finally, after 11 attempts πŸ™‚

IMG_5017

Faiz is working on a Calculator App but he will continue it tomorrow πŸ˜‰ See you soon Faiz πŸ™‚

ProCodeCG Kids Coding Camp – Minecraft Modding – Day #1 – 21 Dec 2017

Standard

Day #1 of Kids Coding Camp – Minecraft Modding πŸ™‚

IMG_4957 IMG_4958

Let us introduce the the kids joining the class πŸ™‚ This is Kiran with her little sister Diara

IMG_4960

Ammar

IMG_4961

and Gana πŸ™‚

IMG_4973

And captain on duty: Capt. Ain πŸ™‚

IMG_4962 2

We warm ourselves up by doing Minecraft Hour of Code, while waiting the installation of the latest Java version and Minecraft launcher finished

IMG_4963

IMG_4964 2 IMG_4967

IMG_4968 2 IMG_4969

IMG_4971 IMG_4972

IMG_4974

IMG_4975 IMG_4976

IMG_4977 IMG_4978 2

IMG_4979

IMG_4982IMG_4980

 

IMG_4983 2

IMG_4984

IMG_4987IMG_4996

Then after we finished two series of Minecraft Hour of Code, we fired up our Spigot Server and started JavaScript coding in Minecraft πŸ˜‰

IMG_4981

We created structures

IMG_4999 IMG_5001 2

IMG_5002 IMG_5003

IMG_5004

and develop our own codes πŸ™‚

IMG_5018

Our target is to create a rainbow building πŸ˜‰ This one still has gaps in between the floors πŸ˜€ Going to fix it tomorrow πŸ˜‰

IMG_5019

This is how Gina, Ammar’s little sister spent the time while waiting πŸ™‚

IMG_4986

They just wouldn’t go home πŸ˜€ This was too fun πŸ™‚

IMG_5020

Don’t worry we’ll see you tomorrow πŸ˜‰

ProCodeCG Kids Coding Camp – Creating Games – Day #3 – 20 Dec 2017

Standard

Day #3! πŸ™‚

IMG_4798

IMG_4802

Hello Rayhan

IMG_4803

Vian

IMG_4804

Bagas

IMG_4805

Ghassan

IMG_4806

Arkan

IMG_4807

Dehya

IMG_4808

Arka

IMG_4809

Gana

IMG_4810

Edward

IMG_4811

Marcus

IMG_4812

Gabriel πŸ™‚

IMG_4813

We picked up were we left yesterday. Some of the kids working on the Race Car Game

IMG_4800

IMG_4814

IMG_4825

IMG_4826

IMG_4846

IMG_4829

Some started to make BreakOut Gam

IMG_4799

IMG_4815

IMG_4817

IMG_4847

IMG_4848

Some adding more features to their Maze Game

IMG_4818

IMG_4823

IMG_4827

This is how the kids interact with each other in the class

IMG_4816

They work together, play together

IMG_4819

Discuss things and exchange ideas

IMG_4820

And by having a kids tutor, the kids are more open to accept advices πŸ™‚ This is Capt. Ain explaining things πŸ™‚

IMG_4821 IMG_4822

IMG_4824

 

IMG_4828

IMG_4830

IMG_4831 IMG_4832

IMG_4833 IMG_4834

Then the kids started to create Flappy Bird Game

IMG_4835

or invent their own game πŸ˜€

IMG_4836

IMG_4837

The best thing is when kids try to play other kids game πŸ™‚

IMG_4838

IMG_4839 IMG_4840

IMG_4841 IMG_4842

Another version of Flappy Bird Game πŸ˜€

IMG_4843

Kids learn more by playing πŸ™‚

IMG_4844

IMG_4845

 

IMG_4849 IMG_4850

IMG_4851

IMG_4852 IMG_4853

IMG_4854 IMG_4855

Lunch break

IMG_4856 IMG_4857

IMG_4858

“I am eating vegetables!” said Ghassan proudly *Bagas and Arkan sitting next to him tossed him their vegetables and Ghassad had to eat them all LOL

IMG_4860

Lots of creative invention and progress today

IMG_4862 IMG_4863

IMG_4864 IMG_4865

IMG_4866 IMG_4868

IMG_4869 IMG_4870

IMG_4871 IMG_4872

IMG_4873 IMG_4874

IMG_4877

IMG_4875

But kids instinct to play with real objects can never be replaced, so let him! πŸ™‚

IMG_4876

Yaaay the kids now are able to create their own games πŸ™‚ This is them with the certificates πŸ™‚

IMG_4883 2

See you again soon πŸ™‚

ProCodeCG Kids Coding Camp – Creating Games – Day #2 – 19 Dec 2017

Standard

Day #2! πŸ™‚

IMG_4689 IMG_4690

We added more features to the game πŸ™‚

IMG_4691 IMG_4692

IMG_4693 IMG_4694

IMG_4695 IMG_4696

IMG_4697

IMG_4698 IMG_4699

IMG_4700 IMG_4701

Kids were so excited creating their own version

IMG_4702 IMG_4703

Let’s make a list of the kids attending class today:

Arkan

IMG_4704

Ghassan

IMG_4705

Bagas (apparently didn’t want to be in pic :D)

IMG_4706

Vian

IMG_4707

Rayhan

IMG_4708

Gana

IMG_4709

Arka

IMG_4710

Gabriel

IMG_4711

Edward

IMG_4712

Nana

IMG_4713

Dehya

IMG_4714

Kids learned to add scores and levels today πŸ™‚

IMG_4715

IMG_4716 IMG_4717

IMG_4718 IMG_4719

IMG_4721

Look at those happy faces πŸ™‚

IMG_4722

IMG_4723 IMG_4724

And then we started to create another game with different techniques: Race Car πŸ™‚

IMG_4725 IMG_4726

IMG_4727 IMG_4728

IMG_4729

Lunch break

IMG_4730

IMG_4731 IMG_4732

The results at the end of the class today

IMG_4733 IMG_4734

We did learn some lines of codes too πŸ˜‰

IMG_4735 IMG_4736

Plus having time playing: putting one of them inside a box πŸ˜€

IMG_4737

But the progress today is amazing πŸ™‚

IMG_4738 IMG_4739

We’re going to create more games tomorrow and we will report the result! πŸ™‚

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