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

 

 

 

Advertisements

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 ๐Ÿ™‚

ProCodeCG codeMeetUp #72 – Photogrammetry

Standard

Our 72nd codeMeetUp() last Monday was an open workshop by Pawitra Studio about Photogrammetry ๐Ÿ™‚ Bintang Senja, CG Supervisor of Pawitra Studio demonstrated how to generate 3D model from pics/photos!

photo559633135318444051

The process of taking pics
photo559633135318444053

We needed at least 50 pics

photo559633135318444054

from every angle possible
photo559633135318444055
photo559633135318444056
photo559633135318444057
photo559633135318444058

Then all the pics went through processing

02 photo uploading 2
01 photo selection

The process was done using AutoDesk Remake

04_3d_mesh

 
03_3d mesh 02 photo uploading
render

After the modeling process was finished, the .obj file was being edited in Blender
05_import to blender

Whoaaa, the result!!! Crazy awesome!!!

render1