ProCodeCG Kids Regular Coding Class – Open Topics – 7 Oct 2017

Standard

Our open topics class this week πŸ™‚

IMG_9364

Capt. Faris, like usual was very busy with the research πŸ™‚

IMG_9339

IMG_9343

Faris started to train his AI to recognize some logo

IMG_9360

Ain was working on creating apps

IMG_9340

IMG_9346

Ain created an login app

IMG_9347

IMG_9366

IMG_9350

There was still some errors, Ain will fix it at home πŸ™‚

IMG_9355

Adin was unstoppable πŸ™‚ He finished all levels for Intro to Programming πŸ˜€

IMG_9341IMG_9349

Next week he certainly can move to the next level πŸ˜‰

IMG_9356 IMG_9357

IMG_9358

IMG_9365

IMG_9371

Capt. Faris was helping Azriel to start Spigot Server

IMG_9348

IMG_9367

So Azriel can code things like this in Minecraft πŸ˜‰

IMG_9363

The first floor of Azriel’s skyscraper

IMG_9368

Yes! Azriel first skycraper in Minecraft, created with JavaScript πŸ˜‰

IMG_9369

Too bad we didn’t take a picture of Tyo, who was celebrating his birthday and working on a very cool project: reading weather data to be processed with Java. But we had problems with accessing the APIs and libraries so Tyo decided to create chatting apps in Java next week! πŸ™‚

 

 

ProCodeCG Kids Regular Coding Class – Open Topics – 22 July 2017

Standard

Whoaaa, got lots of things going on in our open topics class yesterday πŸ™‚

Nico was learning GameMaker and tutored by Capt. Azriel and Capt. Faris πŸ™‚ He created Flappy Bird dan Break Out Game πŸ™‚

IMG_4087

IMG_4128

IMG_4125

IMG_4130

Dika created a Tilting Game for Android πŸ™‚

IMG_4089

IMG_4112

There was some errors and Dika was hungry so he decided to eat first πŸ™‚

IMG_4097

IMG_4102

IMG_4126

IMG_4127

Capt. Faris, while on duty he also did some research and exploration like usual πŸ™‚

IMG_4090

IMG_4096

Faris likes challenges πŸ™‚

 

IMG_4155

He does CodeFights very often πŸ™‚

IMG_4140

IMG_4138

Cinta still exploring about what to present on exhibition: hardware or software πŸ™‚

IMG_4091

IMG_4152

Capt. Malik started to explore C πŸ™‚

IMG_4093

We’re planning to teach kids Artificial Intelligence in C πŸ™‚ This is going to be useful for Malik’s ongoing projects πŸ™‚

IMG_4098

Malik installed CodeBlocks for C IDE IMG_4134

but it was so laggy we’re going to switch to CodeLite

IMG_4143

Capt. Azriel!

IMG_4094

Thanks so much for helping πŸ™‚

IMG_4105

Rafi examining his ESPectro while waiting for his Minecraft Server loading and connecting

IMG_4099

There was a problem with Rafi’s Spigot Server. It wouldn’t connect to localhost. Will find out πŸ™‚

IMG_4135

Vian πŸ™‚ He was in the mood of creating games πŸ™‚

IMG_4104

IMG_4113

IMG_4129

IMG_4144

Vian created a totally new games with animation πŸ˜‰ Capt. Cinta helped too πŸ™‚

IMG_4131

IMG_4151

Koosha demonstrated how to do things we did with Scriptcraft with command block πŸ™‚

IMG_4107

IMG_4121

IMG_4122

IMG_4123

IMG_4137

IMG_4141

IMG_4142

IMG_4148

IMG_4146

IMG_4147

IMG_4149

Jundy had many ideas and things to do πŸ™‚

IMG_4108

but J was given a task to port what he created in Scriptcraft to command blocks

IMG_4111

and so did Gyan πŸ™‚

IMG_4110

Tyo knows exactly what he’s going to present on Exhibition and he’s working seriously on it πŸ˜‰

IMG_4114

IMG_4136

Capt. Faris helped us with some important syntaxes

IMG_4153

And now it worked fine πŸ™‚ Now it’s only finishing πŸ™‚

IMG_4154

Emma is a very focus programming. She just won’t stop πŸ™‚

IMG_4145

We’re opening a new topic: C programming for AI, for her πŸ™‚

IMG_4150

She’s also the only one in class using Linux πŸ˜‰ So cool πŸ™‚ Emma was given things to do at home because she had finished the handout πŸ™‚

IMG_4124

The class πŸ™‚

IMG_4139

So many interesting things and awesome progress like always, and next week there will be more! πŸ™‚

 

 

 

 

 

 

 

ProCodeCG Kids Coding Camp – Creating Mobile Apps – Day #2 – 23 June 2017

Standard

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

Fikra (left) and Capt. Zaki (right)

IMG_2155

Fikra created a Login Apps today πŸ™‚

This is when the wrong password entered

IMG_2164

And when the correct one entered, the apps will go to the other screen πŸ™‚

IMG_2166

Fikra also created an app to generate random numbers

IMG_2172

A random number will appear each time the button is pressed πŸ™‚

IMG_2173

This is Fikra’s Calculator πŸ™‚

Addition

IMG_2198

Substraction

IMG_2200

Multiplication

IMG_2201

Division

IMG_2202

Wooow, lots of achievement today πŸ™‚ Tomorrow we will learn more plus Fikra will get a challenge πŸ™‚

ProCodeCG Kids Coding Camp – Creating Mobile Apps – Day #1 – 22 June 2017

Standard

There’s only one kid registering to Creating Mobile Apps Coding Camp so we decided to merge the class with IoT Programming Coding Camp πŸ™‚

IMG_2057

Capt. Zaki is giving Fikra full supervision for Creating Mobile Apps πŸ˜‰

IMG_2061

IMG_2090

Today Fikra learned basic logic and programming with Blockly

IMG_2073

Tomorrow Fikra will start to code mobile apps with Thunkable πŸ™‚

IMG_2078

IMG_2085

We have lots of apps to create, will be reporting about it tomorrow πŸ™‚

IMG_2093

ProCodeCG Kids Regular Coding Class – Minecraft Modding, Intro to Programming, Apps Programming – 27 May 2017

Standard

Hello! First day of Ramadhan and kids are still on top performance in coding πŸ™‚

IMG_9795

IMG_9822

Capt. Faris is back!

IMG_9796

He’s working on a ChatBot Project

IMG_9833

And several other things πŸ˜€

IMG_9845

The ChatBot on PC

IMG_9794

He code it with Android Studio

IMG_9802

IMG_9803

IMG_9804

IMG_9850

ChatBot on Android πŸ™‚

IMG_9805

IMG_9806

Changing text colors to see whose line it is (bot’s or ours)

IMG_9821

changing background to make it more readable

IMG_9824

It also can change the language based on the Android phone setting.

In Bahasa:

IMG_9842 2

In English:

IMG_9843

Dika created two apps today πŸ™‚

IMG_9798

The first one is changing color button app

IMG_9811

IMG_9812

IMG_9813

IMG_9814

And the other is Xylophone App πŸ™‚

IMG_9823

IMG_9828

Capt. Cinta πŸ™‚

IMG_9799 IMG_9800 2

Cinta was working on her own app πŸ™‚

IMG_9801

IMG_9827

Cinta needs to add timer on her app, and she wouldn’t tell what app it is πŸ˜€ We’ll see next week πŸ˜€

IMG_9808

Vian is creating timer on Minecraft, using repeater

IMG_9809

IMG_9810

 

IMG_9815

Faris gave Vian a help

IMG_9829

IMG_9834

While Rezky was working on Intro to Programming with Blockly

IMG_9825

and LightBots πŸ˜‰

IMG_9841

Captains discussions kept going even after the class ended πŸ˜€

IMG_9835

We’ll see the progress next week πŸ™‚

 

 

 

ProCodeCG codeMeetUp() #73 – RadyaLabs – MVP

Standard

Today, Co-Founder and Technology Director of RadyaLabs, Puja Pramudya, spent some time to be a guest speaker onΒ our 73rd codeMeetUp() at BCCF Bandung πŸ™‚

IMG_6996

The topic is about MVP to Validate Your Business Idea

IMG_6938

We have various audience, including one mum from Coding Mum πŸ™‚
IMG_6939

IMG_6948IMG_6940

Every startup has their own passion, like Google

IMG_6941

or Facebook

IMG_6942

So does RadyaLabs πŸ™‚
IMG_6943

Its passion is about mobile apps

IMG_6944

And like all startups, it has its own dream too
IMG_6947

Radya Labs has developed many mobile apps
IMG_6951

One of its best product is Appsterize

IMG_6952

The journey
IMG_6953

from ideation to kick-off

IMG_6954

from beta launch to v.10
IMG_6955

The development process took a long time due to these

IMG_6957

So RadyaLabs started to change their focus
IMG_6958

And listened more to the customer, resulting recurring clients and more transactions

IMG_6959

MVP is important
IMG_6961

Viable for what?

IMG_6962

The analogy
IMG_6963

The example

IMG_6964

The cycle
IMG_6965

Every product has its own MVP version to be defined

IMG_6966

Some techniques to build MVP version of our products
IMG_6967

Some examples

IMG_6968

Groupon MVP Version
IMG_6970

Another example
IMG_6971

Gojek MVP Version
IMG_6973

so the key is build with (free and available) software you know and do the manual work πŸ™‚

IMG_6974

WhileΒ also doing survey/interview and analysis
IMG_6975

Because numbers don’t lie

IMG_6976

Another example is Hailo
IMG_6977 IMG_6978
IMG_6979 IMG_6980

Every startup should set up metrics
IMG_6981 IMG_6982

And correlate the metrics with the target
IMG_6983

This is how Appsterize analyze the metrics and the targets

IMG_6984

The upcoming product of RadyaLabs πŸ˜‰
IMG_6985

Well, everybody has a plan until.. (you get hit hard by Mike Tyson or a truck LOL). The point is, be prepared to whatever comes πŸ™‚

IMG_6986

The references πŸ™‚

IMG_6987

Us!!! πŸ™‚
IMG_6989

And the best thing about codeMeetUp(): people meet each other and make connections, bonding and collaborate to make better things!

IMG_6990
IMG_6991 IMG_6993

We’re going to do this again next week! Be there! πŸ™‚

ProCodeCG Kids Coding Camp – Creating Apps – Day #3

Standard

Creating Apps, the last day!

Today we did some improvements to our previous guessing number game. Now we add a label text giving a clue whether the guess is too small or too big.

99 is to big

Bildschirmfoto 2016-07-02 um 9.44.31 AM

while 30 is too small

Bildschirmfoto 2016-07-02 um 9.44.39 AM

and 60 is the correct answer! πŸ™‚ the number is generated randomly each time.
Bildschirmfoto 2016-07-02 um 9.44.49 AM

We created new blocks and deactivated the old one (a very cool visual of commenting out the code ;))

Bildschirmfoto 2016-07-02 um 9.48.53 AM

Then we add a number of try to the code
Bildschirmfoto 2016-07-02 um 9.58.34 AM

Now we can see how many tries it takes to guess the correct number

Bildschirmfoto 2016-07-02 um 10.11.03 AM
Bildschirmfoto 2016-07-02 um 10.11.10 AM Bildschirmfoto 2016-07-02 um 10.11.32 AM

The next is creating an app to determine whether a number is even or odd
Bildschirmfoto 2016-07-02 um 10.53.02 AM Bildschirmfoto 2016-07-02 um 10.53.05 AM
Bildschirmfoto 2016-07-02 um 10.53.10 AM

We also tried how to connect to Google Maps

Bildschirmfoto 2016-07-02 um 11.15.53 AM

Thunkable gives access to latitude and longitude from Google Maps
Bildschirmfoto 2016-07-02 um 11.16.06 AM

The last one is creating an app to determine how old are you by entering your birthday date

Bildschirmfoto 2016-07-02 um 12.24.19 PM

We did lots of trial and modifications
Bildschirmfoto 2016-07-02 um 1.15.35 PM

We use DatePicker to get the birthday date input

Bildschirmfoto 2016-07-02 um 1.27.12 PM

The app still need to be improved, too bad we were running out of time!
Bildschirmfoto 2016-07-02 um 1.27.19 PM

This is the class in the morning, before more kids showing up

IMG_5637

Kids are very happy to play the apps on their own smartphones
IMG_5638 IMG_5640

Everyone has different version of code. This is Capt. CG’s
IMG_5644

And this is Capt. Zaki’s. Looks totally different πŸ˜€

IMG_5645

Break time
IMG_5646 IMG_5647

Kids are kids. They played hide and seek during break time πŸ˜€
IMG_5648

And after that, we still struggling to make the code work πŸ˜€

IMG_5649

Because today’s topic is advanced apps in Thunkable, most of the kids got headache LOL
IMG_5652

The block of code was too long
IMG_5653

And lots of logics to be figured out

IMG_5654

We didn’t have time to finalize the code and had to pack up
IMG_5655

And say goodbye to the last day of ProCodeCG Coding Camp!

IMG_5657

But don’t worry we’ll be back in six month! πŸ˜‰

ProCodeCG Kids Coding Camp – Creating Apps – Day #2

Standard

Creating Apps, Day #2 πŸ˜‰

We created a game today! πŸ˜‰ A simple game we used to code with GML (GameMaker Language). This Pong Game is a very good example to introduce canvas, objects, image, sounds, arrangement and control πŸ™‚

Bildschirmfoto 2016-07-01 um 9.29.43 AM

Some of the code

Bildschirmfoto 2016-07-01 um 10.02.32 AM

The whole code
Bildschirmfoto 2016-07-01 um 10.33.40 AM

Next we created a simple calculator

Bildschirmfoto 2016-07-01 um 12.54.19 PM

The code
Bildschirmfoto 2016-07-01 um 12.54.21 PM

The calculator on the simulator

Bildschirmfoto 2016-07-01 um 1.26.22 PM

And we also created a guess game
Bildschirmfoto 2016-07-01 um 5.33.00 PM

the code is still very simple, we will improve it tomorrow πŸ™‚

Bildschirmfoto 2016-07-01 um 5.33.04 PM

This is when the guess is wrong
Bildschirmfoto 2016-07-01 um 5.39.26 PM

And this is when the guess is correct πŸ™‚

Bildschirmfoto 2016-07-01 um 5.40.12 PM

For each app we just generate the QR Code and everybody can play πŸ™‚
IMG_5529 IMG_5530

The GodFather Captain gave us a visit again πŸ™‚
IMG_5531

Capt. Zaki, as usual, preparing today’s lesson

IMG_5532
IMG_5535

GodFather Captain busy with the Gizwits πŸ˜€
IMG_5536 IMG_5537

Oh wow, this kid really got a style πŸ˜€
IMG_5538

And this one always hide behind something πŸ˜€

IMG_5539

LOL! πŸ˜€
IMG_5540 IMG_5541

Capt. Cinta assisting Mail
IMG_5542 IMG_5543

Friday’s Prayer break
IMG_5544

We created some games apps and play πŸ˜€

IMG_5545

or listening to music
IMG_5546

Or just checking up handphone

IMG_5547

After the break, Capt. Zaki explained about the calculator

IMG_5553
IMG_5554

WithΒ Capt. Cinta navigating the screen

IMG_5555

Yep, it works πŸ˜‰
IMG_5556

IMG_5571IMG_5557

In two days, kids gots lots of new apps on their smartphones
IMG_5558

Capt. Zaki and Capt. Cinta, always love to see kids in teamwork πŸ˜‰ ❀

IMG_5559

Zahra and Icha
IMG_5561

Ara
IMG_5562

Edo and Thoriq

IMG_5563

Ozan (and Capt. Fizhan)
IMG_5564

Farrell and Mail

IMG_5565

Rheino
IMG_5566

Fayza

IMG_5567

Fadhlan
IMG_5568

Nadhira

IMG_5569

Tian
IMG_5570

After all kids got the app worked, we call it a day!
IMG_5573 IMG_5574

Will create more apps tomorrow! πŸ˜‰

 

ProCodeCG Kids Coding Camp – Creating Apps – Day #1

Standard

First day of Creating Apps! πŸ™‚

Today we learn how to create android apps with Thunkable

Thunkable is a spin off of App Inventor. It is a very friendly tools to create mobile apps

Bildschirmfoto 2016-06-30 um 9.56.10 AM

And after the apps ready, it can be exported using QR Code or as .apk to be downloaded to computer, and run with a simulator.

Bildschirmfoto 2016-06-30 um 9.41.18 AM

As the beginning, we create a button that will display a picture when it is clicked
Bildschirmfoto 2016-06-30 um 10.00.50 AM

Thunkable use drag and drop coding (very similar to Blockly)

Bildschirmfoto 2016-06-30 um 10.06.49 AM

A recommended simulator is KoPlayer (for PC) or BlueStacks (for Windows and Mac). This is how the app looks like on BlueStacks for Mac
Bildschirmfoto 2016-06-30 um 10.30.18 AM

The next app we created is a login form

Bildschirmfoto 2016-06-30 um 1.13.21 PM

The code
Bildschirmfoto 2016-06-30 um 1.13.34 PM

How it looks like on BlueStacks
Bildschirmfoto 2016-06-30 um 1.24.18 PM

If we enter the correct user id and password, it will go to the next screen

Bildschirmfoto 2016-06-30 um 1.24.23 PM

Then we add some back button
Bildschirmfoto 2016-06-30 um 1.39.23 PM

And some time picker too

Bildschirmfoto 2016-06-30 um 1.47.40 PM

Before the class started
IMG_5431

Capt. Cinta and Capt. Syahna

IMG_5432

Edo, Thoriq and Fauzan
IMG_5433

Fadhlan and Fayza

IMG_5434

Zahra and Icha
IMG_5435

Capt. Zaki and Capt. Fizhan

IMG_5436

Capt. Zaki preparing the lessons today
IMG_5437

The QR Code

IMG_5442

Everyone can read it and use the app on their android phone
IMG_5443

Capt. Cinta assisting Fadhlan

IMG_5444

Lots of things to do today because we had to do lots of setups for each computer and smartphones

IMG_5447
IMG_5450

This is Tian
IMG_5451

Ismail

IMG_5452

Nadhira
IMG_5453

Capt. Zaki assisting Fayza

IMG_5454

Rheino
IMG_5455

Fadhlan
IMG_5456

Ara
IMG_5457

Zahra and Icha having fun πŸ˜€

IMG_5458

Edo and Thoriq too πŸ˜€
IMG_5459

Ozan looks so happy too πŸ™‚

IMG_5460

Today our GodFather Captain visited us again and shared some stories about electronic devices and information technology πŸ™‚
IMG_5462 IMG_5464

He showed us Gizwits
IMG_5465

The kids were really interested

IMG_5466

ProCodeCG is so going to make class or coding camp “IOT for Kids” πŸ˜‰
IMG_5467

Back to work again

IMG_5468
IMG_5469 IMG_5470

This is how the app looks like on kids android smartphones
IMG_5445
IMG_5471 IMG_5472
IMG_5473 IMG_5474
IMG_5475 IMG_5476
IMG_5477 IMG_5478

This is too fun! We will continue this tomorrow! πŸ™‚

ProCodeCG Kids Regular Coding Class 9 Jan 2016 – Simple Client Server and Digital Clock in Python

Standard

Today we learned some simple network programming πŸ™‚ We created client server connection πŸ™‚

IMG_3378

Oh! And we got new pet to become Python’s (the black one) company πŸ™‚ We named it Scratch (the light brown one) πŸ˜€

IMG_3381

Lots of kids today! Yaayyy πŸ™‚

IMG_3383IMG_3386

This is Gaga demonstrating the game he is developing πŸ™‚

IMG_3387

Quite difficult game with GameMaker, with lots of assets, objects and scripts inside!

IMG_3388

He carefully designs each sprite so they will animate smoothly in the game πŸ™‚

IMG_3389

While the others are concentrating on client-server codes

IMG_3390

And this one, Faris, type the code while also creating a simple mobile apps with Android Studio!

IMG_3391

This is Farrell running his counting-down-to-2017 code πŸ™‚ Lots of things is going on here!

IMG_3393IMG_3394

Ryan is typing carefully. Capt. Zaki is finding out how to correct errors and how to compile .py to .exe πŸ™‚

IMG_3395

Cinta is also working on her project in Scratch πŸ˜€ Looks like everybody can do many things at the same time πŸ˜€

IMG_3396

But there are several errors occurred on most computers. We’ll figure it out.

IMG_3397

A screenshot of a simple client server we tried today πŸ™‚

Bildschirmfoto 2016-01-09 um 7.54.03 PM

Homework for today is creating a chat program in Python, creating password login in Scratch and creating a GUI count-down-to-2017 πŸ™‚

Until next week! πŸ™‚