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! 🙂

 

 

Advertisement

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! 🙂