ProCodeCG Kids Regular Coding Class – 11 Jan 2020

Standard

Our first class in a new place: RedsDipo Dipati Ukur Bandung πŸ™‚

Fadhlan has a new plan for SNAPBOT 3

IMG_9881

Fadhlan will start with one motor driver and will modify the code from SNAPBOT 1 and 2 to work with the new config

IMG_9931

that way we can be sure that the basic functions will work

IMG_9934

and then we will step by step modify the code to control the added components

IMG_9940

Ara has got 2 assignments today

IMG_9882

one is to see how vulnerable people to social engineering and get their Google Sign-In easily

IMG_9914

Ara finished the first assignment but not yet the Facebook Sign In. should finish it next week πŸ™‚

IMG_9932

Badi

IMG_9883

Badi have to test the project from the last class

IMG_9933

because Badi has to understand how basic components works to move on to the next project πŸ™‚

IMG_9939

Kibie

IMG_9885

is very excited to learn how to create games today πŸ™‚

IMG_9897

IMG_9903

Kibie’s first object πŸ™‚

IMG_9904

Kibie’s first game

IMG_9910 IMG_9915

done the first game level 1

IMG_9916

and level 2

IMG_9938

move on to create a new one πŸ™‚

IMG_9961

a simple shooting game πŸ˜‰

IMG_9962

IMG_9966

done this one already and will create a BreakOut Game next week πŸ˜‰

IMG_9987

Baran is still struggling with functions in JavaScript

IMG_9886

he has to go through the challenges to make sure that he gets the concept

IMG_9898

IMG_9917

next week Baran will be given a task to create a game using JavaScript function and we’ll see the progress πŸ˜‰

IMG_9960

Techa is still super excited about the game he created πŸ˜€

IMG_9887 IMG_9899

adding more levels

IMG_9907

add some more difficulty levels

IMG_9923

learn how to move from one level to another

IMG_9924

and ready to create BreakOut Game next week πŸ™‚

IMG_9988

Sam is starting a new project!

IMG_9888

He is developing an app for attendance list

IMG_9930

Kinan is also making a great progress too

IMG_9891

we’re continuing the project from the last coding camp

IMG_9894

IMG_9895

evaluating the game

IMG_9900

checking the code

IMG_9928

and finally we can add lives to the game πŸ™‚

IMG_9943

yeheaayyy πŸ˜‰

IMG_9944 IMG_9964

Djalu has a new laptop and we installed stuffs before getting to work

IMG_9896

Djalu wants to learn Python after learning GOLANG during the last coding camp

IMG_9929

the project today is to create a GUI with Python πŸ˜‰

IMG_9963 IMG_9985

and it finally works after lots of trial and error and debugging, yayy πŸ™‚

IMG_9986 IMG_9995

IMG_9996

Al is getting better and better in coding and machine learning πŸ˜‰

IMG_9902

he chose the project for today

IMG_9908

and picked this one

IMG_9919

IMG_9920 IMG_9927

IMG_9937

the project is to use machine learning to give recommendation of a book based on the number of pages, number of lines and number of pictures

IMG_9956

the data sets

IMG_9957

the results

IMG_9958

the next project is to modify the machine learning to decide whether someone pass or not pass the test by observing the number of hours spent for playing, sleeping and studying πŸ˜‰

IMG_9971

when studying more than sleeping and playing

IMG_9972

when you play more than you study

IMG_9973

the data sets

IMG_9974

when you study and sleep a lot and no play

IMG_9975

when you just sleep and don’t play and don’t study LOL super awesome workkkk Al!!!

IMG_9976

the next project for Al is to determine whether somebody is underweight, healthy, overweight, obese or extremely obese from the weight and height πŸ˜‰

IMG_9978

IMG_9991 IMG_9992

IMG_9993

Boy is still very busy designing with Blender

IMG_9905

IMG_9906 IMG_9909

IMG_9918 IMG_9925

we’re going to make some simple animation next time

IMG_9926 IMG_9955

IMG_9959

while Vian is working on creating games in Roblox

IMG_9911

he had created the design and assets

IMG_9935 IMG_9936

the design is impressively done in details

IMG_9949

and we’re going to add some codes to the game

IMG_9954

IMG_9969

Fab

IMG_9941

is making progress with the game too πŸ™‚

IMG_9942

Fab found some bugs to the previous game he created, so now he will start a new project to see if this one works

IMG_9952

we will leave this for a while and will get back to it later

IMG_9953

and we will start this project

IMG_9968

so far it is working fine

IMG_9983 IMG_9984

IMG_9994

Syadad will install Python today and start to code in Python πŸ˜‰

IMG_9950

IMG_9951

Syadad’s first codes in Python πŸ™‚

IMG_9980

IMG_9981 IMG_9982

The class

IMG_9889 IMG_9890

IMG_9912 IMG_9947

IMG_9948 IMG_9989

IMG_9946 IMG_9945

IMG_9990

*Photos and videos are also available here

ProCodeCG Kids Coding Exhibition 2017 – 17 Aug 2017

Standard

This is how ProCodeCG celebrate Indonesia Independence Day πŸ˜‰ We have this annual event to show the world the work of ProCodeCG Kids πŸ™‚ They will present what they have learned to their parents and public audiences πŸ™‚

This event is supported by Grapari Telkomsel Digilife Dago and powered by Telkomsel πŸ™‚

Venue preparation

IMG_5764 IMG_5765

Today we have 12 kids presenting their works, and the first presentation is by Capt. Moch. Malik Putra Kurniawan (12 yo) – “Measure Temperature Humidity with Mobile IoT”

IMG_5787

DSC_6430

IMG_5780

DSC_6427

WhatsApp Image 2017-08-18 at 6.32.32 PM

WhatsApp Image 2017-08-18 at 6.32.37 PM

IMG_5790

DSC_6431

DSC_6432

DSC_6435

DSC_6436

DSC_6437

IMG_5793

IMG_5794

WhatsApp Image 2017-08-18 at 6.32.42 PM

The second presentation is by Nazneen Nur Shadrina Sugiarto (8,5 yo) – “LifeCycle Apps with Thunkable”

DSC_6417

IMG_5779

DSC_6442

DSC_6443

DSC_6444

IMG_5798

IMG_5799

DSC_6446

IMG_5800

IMG_5801

DSC_6451

DSC_6447

IMG_5795

DSC_6452

DSC_6453

DSC_6456

IMG_5806

WhatsApp Image 2017-08-18 at 6.32.47 PM

The 3rd presentation is by Bullit “Awa” Zulfiqar (8,5 yo) – “Cat Feeder”

IMG_5772

IMG_5773

IMG_5807

IMG_5808

IMG_5809

IMG_5810

DSC_6457

IMG_5811

IMG_5812

DSC_6458

IMG_5815

DSC_6462

IMG_5817

The 4th presentation: M. Rezandra Rizky Irianto (14 yo) – “Blender 3D Modelling”

DSC_6422

DSC_6461

DSC_6463

DSC_6464

IMG_5819

IMG_5820

WhatsApp Image 2017-08-18 at 6.32.50 PM

DSC_6469

IMG_5821

The 5th presentation: Jundy Valliant Alkautsar (13 yo) – “Minecraft Modding”

DSC_6411

IMG_5777

IMG_5822

DSC_6474

IMG_5823

DSC_6475

IMG_5824

DSC_6476

IMG_5825

The 6th presentation: Faris Hafizhan Hakim (12 yo) – “Prayer Time Reminder App in Java”

DSC_6481

DSC_6479

DSC_6480

DSC_6485

IMG_5828

IMG_5827

IMG_5829

IMG_5830

WhatsApp Image 2017-08-18 at 6.32.53 PM

IMG_5831

The 7th presentation: Clarence Soetarman (14 yo) – “Sorting Algorithm Visualization with ESPectro”

IMG_5775 2

IMG_5834

DSC_6486

DSC_6487

IMG_5837

IMG_5838

IMG_5839

DSC_6488

IMG_5840

IMG_5841

IMG_5842

The 8th presentation: Tyogo Utomo (13 yo) – “ProCodeCG Attendance List App in Java”

IMG_5776 2

DSC_6490

DSC_6489

IMG_5844

DSC_6495

IMG_5845

DSC_6496

IMG_5846

IMG_5847

IMG_5848

IMG_5849

The 9th presentation: Sulthan Zaky Nurrochman (9 yo) – “Archery Website with WordPress”

IMG_5778

DSC_6499

DSC_6500

DSC_6501

IMG_5850

IMG_5851

DSC_6504

DSC_6505

DSC_6506

DSC_6507

DSC_6508

IMG_5853

IMG_5852

IMG_5854

DSC_6509

IMG_5855

DSC_6510

The 10th presentation: Abdillah Muhammad Halim (13 yo) – Ultrasonic Gesture Sensor

IMG_5857

IMG_5858 2

IMG_5859

DSC_6514

DSC_6515

DSC_6516

DSC_6517

DSC_6518

IMG_5860

IMG_5861

The 11th presentation: M. Iqbal Fauzan (13 yo) – “Ultrasonic Counter”

IMG_5835

IMG_5836

DSC_6519

IMG_5862

IMG_5863

IMG_5864

IMG_5865

DSC_6520

IMG_5867 2

DSC_6521

The 12th presentation: Serenada Cinta Sunindyo (11 yo) – “Automatic Traffic Light Pedestrian Button”

IMG_5766 DSC_6400

DSC_6407

IMG_5774 2

DSC_6513

IMG_5874 2

DSC_6530

DSC_6531

DSC_6532

DSC_6533

IMG_5875

IMG_5876

IMG_5877

The last but not least: a presentation demo by ProCodeCG Parent Pak Slamet Puji Santuso = Magic Mirror πŸ˜‰

DSC_6401

IMG_5767

 

IMG_5768

DSC_6408

IMG_5868

DSC_6522

IMG_5869

IMG_5871

IMG_5872 2

IMG_5873 2

DSC_6526

DSC_6527

DSC_6524

And we were so honored to be visited by guests from SMP IDN Madinatul Ilmi – Jonggol Bogor πŸ™‚

IMG_5856

IMG_5802

IMG_5816

DSC_6502

DSC_6445

IMG_5843

DSC_6491

IMG_5895

DSC_6477

WhatsApp Image 2017-08-17 at 5.34.54 PM

WhatsApp Image 2017-08-17 at 5.34.55 PM

The presenters:

IMG_5879

IMG_5880

IMG_5883

IMG_5882

IMG_5885

The audience:

IMG_5769

IMG_5770 IMG_5771

DSC_6402

IMG_5781

IMG_5782 IMG_5783

IMG_5784 DSC_6412

DSC_6413 IMG_5785

DSC_6416

DSC_6429

IMG_5788

DSC_6433 DSC_6434

DSC_6440

IMG_5797

DSC_6450

IMG_5803

IMG_5804

DSC_6455

IMG_5813

IMG_5814

DSC_6459

 

DSC_6460

DSC_6465

DSC_6466

DSC_6467

DSC_6468

DSC_6471

DSC_6472 DSC_6473

DSC_6478

IMG_5826

DSC_6482

DSC_6483

DSC_6484

DSC_6492 DSC_6493

DSC_6494

DSC_6498

DSC_6503

DSC_6525

DSC_6528

DSC_6529

Us! πŸ˜‰

IMG_5886

IMG_5887 IMG_5888

IMG_5891

WhatsApp Image 2017-08-17 at 1.22.55 PM

Our captains in duty:

IMG_5893

IMG_5899

KIds play together after the event πŸ˜‰

IMG_5894

IMG_5898

IMG_5903

IMG_5904

IMG_5905

Interviewing session:

IMG_5897

IMG_5900 IMG_5901

IMG_5902

Captains performs Dhuhr Prayer πŸ™‚

IMG_5906 IMG_5907

The Moms πŸ˜‰

IMG_5911

See you again next year πŸ˜‰

 

 

 

ProCodeCG codeMeetUp() #95 – Pawitra Studio – Intro to Fluid Sims with Blender

Standard

Today, Technical Director of Pawitra Studio, Aditia A. Pratama, introduce us how about creating Fluid Sims with Blender

IMG_3195 IMG_3185

IMG_3186 IMG_3187

IMG_3188 IMG_3189

IMG_3191 IMG_3197

IMG_3198 IMG_3199

IMG_3199 IMG_3200

IMG_3201 IMG_3202

IMG_3203 IMG_3205

IMG_3206 IMG_3207

IMG_3208

We also learned about color scheme πŸ™‚ These are Awa’s (one of ProCodeCG Kids Captain) 3D Design πŸ™‚

IMG_3211 IMG_3212

IMG_3213 IMG_3215

Like always, we learned so much from codeMeetUp() πŸ™‚ Thanks so much Pawitra Studio πŸ™‚

ProCodeCG codeMeetUp() #84 – Pawitra Studio – Color Management in Blender – 17 Oct 2016

Standard

Aditia A. Pratama, Technical Director of Pawitra Studio shared about Color Management in Blender

IMG_4573

And look at the audience!

IMG_4572

LOTS of people! πŸ™‚
IMG_4571

We’ve never had this many people ever coming to codeMeetUp() πŸ˜€

IMG_4570

Wishing that it can be like this every week πŸ˜€
photo213138753247620009

The more people get inspired, the happier we are πŸ™‚

photo213138753247620008

Too many people to fit in one frame! πŸ˜€
photo213138753247620006

Thanks for coming! πŸ™‚

ProCodeCG codeMeetUp() #82 – Pawitra Studio – 3D Modeling Tools in Blender

Standard

Aditya A. Pratama, Technical Director of Pawitra Studio taught us some 3D Modeling tools in Blender on our 82nd codeMeetUp() πŸ™‚

These were our first guests πŸ™‚ They are brothers πŸ™‚

IMG_3161

Look at the enthusiasm πŸ™‚

IMG_3162

The rest of the family (the mom and the youngest child in the back, plus that little girl on the left) arrived πŸ™‚
IMG_3163

Ok let’s start!
IMG_3165

One of the audiece had trouble with the Blender
IMG_3166

We were working on it while following the lesson
IMG_3167

Blender has lots of features for 3D modeling

IMG_3168

IMG_3169

IMG_3170

This tool is very useful to do modeling in details

IMG_3172

This is an example of creating an object
IMG_3173

and change the form by dragging the axis

IMG_3174

It can be divided into several parts

IMG_3175

And then can be mirrored based on certain axis
IMG_3176
IMG_3177

Like this, being cut in a half
IMG_3178

Or being cut in a quarter

IMG_3179

We can make models in low resolution

IMG_3180

or high resolution
IMG_3181
IMG_3182

IMG_3183
IMG_3184

Make round corners
IMG_3185

Or create a hole
IMG_3186
IMG_3187

Pad the hole inside

IMG_3188

Or make two holes in front (an probably make an IronMan mask πŸ™‚ )
IMG_3189

Basically we can do anything
IMG_3190

These are modeling examples and some can be used to
IMG_3193
IMG_3194

People create these assets and we can buy and download it
IMG_3195

There are lots of repository for 3D Models

IMG_3196

With various price schemes
IMG_3197
IMG_3199

This mug model was created by Aditia A. Pratama, uploaded with the tutorial

IMG_3200

This skill is very useful can be monetized!

IMG_3201

All of us! Mostly kids! πŸ™‚

IMG_3203

This is a prove that a small person did comeΒ to our codeMeetUp() πŸ˜‰
IMG_3204

Prawitra Studio will share more next time! We’ll let you know! πŸ™‚

ProCodeCG codeMeetUp() #80 – Pawitra Studio – Fire Simulation in Blender

Standard

Pawitra Studio shared about Fire Simulation in Blender on our 80th codeMeetUp() 5 Sept 2016 πŸ™‚ This is Technical Director of Pawitra Studio: Aditya A. Pratama πŸ˜‰

IMG_1652

The audience πŸ™‚

IMG_1653

New version of Blender
IMG_1654

The process

IMG_1655
IMG_1656 IMG_1657
IMG_1658 IMG_1659

The files generated
IMG_1660

Some examples

IMG_1661

More example onΒ how to do the simulation
IMG_1662 IMG_1663

And this is what it looks on our laptop πŸ™‚ Pretty interesting!
IMG_1664 IMG_1665
IMG_1666 IMG_1667
IMG_1669

Us! πŸ™‚
IMG_1675

The video will be uploaded to our YouTube Channel πŸ™‚

ProCodeCG codeMeetUp() #78 – Pawitra Studio – Blender and Natron

Standard

We had lots of ProCodeCG Kids coming for learning on our 78th codeMeetUp with Pawitra Studio πŸ™‚

This is Zahran

IMG_0362

Muhammad

IMG_0366

Louis
IMG_0370

Muhammad and Zahran

IMG_0373

Rezandra

IMG_0383

Clarence

IMG_0387

Louis (again)

IMG_0384

and Musaaaa πŸ˜‰ ❀ ❀ ❀

IMG_0401

IMG_0409

the audience

IMG_0374

IMG_0385

IMG_0389

CTO of Pawitra Studio, Aditya PratamaΒ gave introduction about Pawitra Studio (was Kampoong Monster) πŸ™‚

IMG_0372

The history
IMG_0375

Founders and co-founders

IMG_0376

Pawitra’s Studio expertise
IMG_0377

The clients

IMG_0378

Details about the company
IMG_0379

Some of Pawitra Studio works

IMG_0380
IMG_0381

IMG_0386
IMG_0388

Natron isΒ is aΒ free and open-sourceΒ node-basedΒ compositing software
IMG_0390

Nuke is similar to Natron. NukeΒ a is a node-basedΒ digital compositingΒ application.

IMG_0391

So does Fusion
IMG_0392

An example of the compositing result

IMG_0393

And how to do it with Blender
IMG_0394 IMG_0394
IMG_0395 IMG_0396
IMG_0398 IMG_0399
IMG_0402
IMG_0405
IMG_0407

We had reporter from Liputan6 and Pikiran Rakyat visiting πŸ™‚

IMG_0403
IMG_0410

All of us πŸ™‚
IMG_0413

Consultation session after the event

IMG_0414

plus interview sessions πŸ˜‰
IMG_0415

We will be reporting our unpublished codeMeetUp() πŸ™‚ Sorry for the delay πŸ™‚