ProCodeCG Kids Regular Coding Class – 30 July 2016 – Exhibition Prep Part 2

Standard

Whoaaa, we got lots of things going on today in our kids regular coding class πŸ˜€ We had lots of kids, lots of activities and lots of surprises πŸ˜€ We got newcomers too πŸ˜‰

IMG_7899

This is Areli, a newcomer, a very serious thinker πŸ™‚

IMG_7900

Capt. Faris and Capt. Reza working in team with Farrell to improve Farrell’s solar system code πŸ™‚
IMG_7901

While Azriel was preparing to present his work today πŸ™‚
IMG_7903

And we got our Lead Captain back! Zaki has been so busy lately after being accepted atΒ SMUN 3 Bandung πŸ™‚

IMG_7904

Clarence and Pru, working on their Minecraft project. While at the back, there were Rayna (a cousin from Netherland) and Al (Aliya) busy with their stuff too πŸ™‚
IMG_7905

We also got Jundy and Rasen as newcomers! πŸ˜‰

IMG_7906

At the back row there were Capt. Zaki assisting Vian while Edo and Tyo working on their collaboration project and we also got Ozan (blue shirt) back!!!
IMG_7907

Capt. Faris checked up on Areli while Capt. Zaki took a look on Farrell and Reza’s πŸ™‚

IMG_7908

These newcomers were fast! πŸ™‚
IMG_7909

Al was picking up where she left on CyberSecurity πŸ™‚

IMG_7910

While Rayna is working on Minecraft Hour of Code πŸ™‚
IMG_7911

Azriel preparing the presentation

IMG_7912

He created a code to translate numbers to tone πŸ™‚
IMG_7913

His code can play music by reading a file of numbers (that represent notes)

IMG_7916

The audience (who can give questions too πŸ˜‰ )
IMG_7917

Well, Azriel did it very well, both the presentation and answering the questions πŸ™‚

IMG_7918

The captains worked together to make things work (Capt. Anya helped with projector connection, Capt. Fizhan prepared the soundsystem and Capt. Zaki operated the screen) πŸ™‚
IMG_7920

While the others keep working on their own (and getting ready to do presentation next week πŸ˜‰ )

IMG_7921

Now it’s Farrell’s turn (apparently he forgot something by that gesture? LOL)
IMG_7922

Capt. Reza assisted Areli to register to CodeCombat

IMG_7923

Farrell’s code is about solar system
IMG_7924

The code prints the trail of each planet, using real metrics and constants from NASA
IMG_7926

Farrell can explain very well

IMG_7931

And did answer the questions very well, while also showing the details πŸ˜‰
IMG_7933

We also had a debate about the world is flat topic and too bad we cannot upload the video here πŸ˜€ It’s amazing how kids using their simple logic to explain twisted theory grown ups make up! πŸ˜›

And at the end of the class we clean up the room, and the cousin helped us too! Thanks Rayna, hope you enjoy the class and bring some cool memories to Netherland!

IMG_7936

 

ProCodeCG codeMeetUp() #74 – CyberLabs – 13 Tips to Create Your Own StartUp Company

Standard

Today before we started our 74th codeMeetUp(), weΒ coached one of ProCodeCG Kids about a project πŸ™‚

IMG_7494

His Mom came as the audience of codeMeetUp() and next week she will be in our Coding Mum Class πŸ™‚

IMG_7495

Our guest today is the Founder and CEO of CyberLabs: Ahmad Syarif Hidayatullah πŸ™‚

IMG_7496

He shared all the secrets that make CyberLabs a successful startup company

IMG_7497

It was all started in 2014 with 4 people working in one room
IMG_7498

And the added more crews (total 8) in 2015 and moved to a real office

IMG_7499

Then it grew exponentially to 22 crews! πŸ™‚
IMG_7500

CyberLabs doesn’t have investors. It is surviving by doing bootstrapping.

IMG_7501

What exactlyΒ CyberLabs do to survive and how?
IMG_7502

First, sensing by doing survey

IMG_7504

Then harvesting the result
IMG_7505

Then build a prototype

IMG_7506

To go through validation process. If the product does not pass this phase, you should do all over again (or at least from prototyping phase)
IMG_7507

After the product has gone through validation process, then you can scale up

IMG_7508

The core products of CyberLabs are Atom
IMG_7509

Hydro

IMG_7510

and Molecule
IMG_7511

If you’re going to create your own startup up company you should pick one of these options

IMG_7512

And learn from these successful startup companies
IMG_7513

The startup should be able to multiply itself, has the opportunity to become big, borderless

IMG_7514

Has competitive advantage like Garuda Indonesia vs AirAsia and iPhone vs Samsung
IMG_7515

Garuda Indonesia and iPhone offer premium service (differentiation), AirAsia and Samsung offer low cost (cost leadership)

IMG_7516

The startup should ready to pivot while keep growing. Has advisory board and share holder. And also has SOP.
IMG_7517

Investors prefer a non solo startups. A start up should customer centric, has partnerships with big companies and has disruptive technology.

IMG_7518

And the growth should be like folding paper to the moon: exponentially! πŸ™‚
IMG_7520

The summary:

IMG_7521

It was a great topic! We don’t cover everything in here but we will post the video on ProCodeCG YouTube Channel πŸ™‚
IMG_7524

See you next week πŸ™‚

ProCodeCG Kids Regular Coding Class – 23 July 2016 – Exhibition Prep Part 1

Standard

Hello! Today we did some prep for the upcoming ProCodeCG Kids Exhibition πŸ˜‰ We also did lots of other things today πŸ™‚

IMG_7297

Azriel was preparing to present his code for the exhibition

IMG_7298

While Capt. Cinta giving jumpstart to Awa and Darrell πŸ™‚
IMG_7299

Edo helped Tyo to create Android apps with Thunkable

IMG_7301

We had a newcomer: Zahran πŸ˜‰ His little brother looked interested in what his big bro was doing, like any other ProCodeCG Kids LittleΒ Bros πŸ˜€
IMG_7302

Awa was catching up with the Cyber Security topic he missed last week

IMG_7303

We also had Vian back (after quite a long time), he was under Capt. Faris assistance πŸ™‚
IMG_7304

And later Azriel said there was something wrong going on with his code and he cancelled the presentation LOL

IMG_7305

Clarence and Prudence are the most quiet students in class. They were also keeping up with the Cyber Security thing and the finished it πŸ™‚
IMG_7306

Yaaay, our Capt. Reza was back! He came and before had a chance to unpack his back and set up his laptop, he already served the duty of helping other kid πŸ˜‰ ❀
IMG_7308

Faris, while helping Vian, was doing an investigation about the source code of Pokemon Go πŸ˜€ He downloaded the .apk and decompile it. And dissected it πŸ˜€

IMG_7333

We didn’t need the projector today because so many things were going on πŸ˜€

IMG_7309

Capt. Cinta started a new project we named: InstaKilo πŸ˜€ This is a simple apps supposed to look like Instagram where we have photos and people can like and leave comments πŸ™‚
IMG_7310

We’re developing it with Thunkable πŸ™‚

IMG_7312

Awa looked so serious! πŸ˜€
IMG_7313

So did Darrell πŸ™‚

IMG_7315

So did Zahran πŸ˜€
IMG_7316

Awa got the bestΒ tutor πŸ™‚ Look how happy he was πŸ˜€

IMG_7317

Yayyy Rezandra came too with a finished game in GameMaker for exhibition! All we need is adding scores and more features πŸ™‚
IMG_7319

The game looked like this πŸ™‚

IMG_7334

Muhammad came too! (with his little brother, so typical in ProCodeCG Kids Coding Class to see pairs of sibling like this πŸ˜€ )

IMG_7321

Azriel was very busy fixing his code while Reza was busy catching up
IMG_7322

We’re all busy!

IMG_7323
IMG_7324 IMG_7325

We’re busy and we discuss with each other to solve things
IMG_7326

This is Azriel’s code. Apparently there was some error related to the datatype (the method expect integer while the input parameter was float)

IMG_7327

Awa was working so hard he said Β he need to faint for a while πŸ˜€ πŸ˜€ πŸ˜€
IMG_7328

Malik came with his code in (pure) Java. A chatting apps.

IMG_7330

We just need to fix a few error.Β The code is written in Java. No visual programming, no drag and drop πŸ˜€
IMG_7332

Tyo and Edo were working on their code for exhibition
IMG_7335

Muhammad was doing some password cracking example
IMG_7336

Awa went to the other side of the class to check what other kids were doing πŸ™‚

IMG_7342

Any progress, Azriel?
IMG_7343

Prudence had finished her Cyber Security task and she moved on to the next challenge

IMG_7344

Reza did come late but he successfully caught up!
IMG_7345

One of the most entertaining things in this place is that we always find a pet πŸ˜€

IMG_7346

The cat just quietly napping on the table πŸ˜€
IMG_7347

And we will name it Thunkable πŸ˜€

IMG_7348

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 Regular Coding Class – 16 July 2016 – CyberSecurity

Standard

We’re back after the long holiday πŸ˜‰ Lots of kids were still on vacation so the class wasn’t fully packed today πŸ™‚

IMG_6814

Ok we learned a new thing today: CyberSecurity πŸ˜‰

Bildschirmfoto 2016-07-16 um 9.33.52 AM

This good site teach us about CyberSecurity by pretending that we were a CTO of a start-up social network company πŸ˜‰

First we chose the avatar

Bildschirmfoto 2016-07-16 um 9.34.35 AM

then the company
Bildschirmfoto 2016-07-16 um 9.35.02 AM

and then the server was being attacked by virus so we have to decide what defense to be applied to the server with only 3 coins πŸ˜€

Bildschirmfoto 2016-07-16 um 9.35.59 AM

To gain more coins, we have to do three challenges: Coding Challenge, Password Cracking Challenge and Social Engineering Challenge
Bildschirmfoto 2016-07-16 um 9.44.54 AM

The coding challenge was quite easy, most of ProCodeCG Kids have done this with Blockly or Thunkable

Bildschirmfoto 2016-07-16 um 9.49.33 AM

Then we had to create some secure password and crack some passwords πŸ™‚ This taught us how to create secure passwords and the logic of people who do cracking

Bildschirmfoto 2016-07-16 um 9.49.39 AM

We also learned about social engineering fraud. Like phishing email.

Bildschirmfoto 2016-07-16 um 10.04.21 AM

We learned to identify suspicious things about phishing emails
Bildschirmfoto 2016-07-16 um 10.06.38 AM

And after we finish the challenge the company will grow!

Bildschirmfoto 2016-07-16 um 10.06.48 AM

This is another example of identifying suspicious website
Bildschirmfoto 2016-07-16 um 10.07.32 AM

A really good way to inform the kids about fake websites! πŸ˜‰

Bildschirmfoto 2016-07-16 um 10.08.15 AM

We also learned how to differ fake caller by identifying red flags in the conversation.
Bildschirmfoto 2016-07-16 um 10.08.51 AM

We listened to the recording and identify weird sentences

Bildschirmfoto 2016-07-16 um 10.10.17 AM

So kids will aware about phishing attempt πŸ™‚
Bildschirmfoto 2016-07-16 um 10.10.24 AM

After finishing all challenge, we will get more coins and be able to protect our company fully πŸ™‚

Bildschirmfoto 2016-07-16 um 10.13.15 AM

The next level of social engineering challenge
Bildschirmfoto 2016-07-16 um 10.33.30 AM

We learned that we should be really careful about credit cards information

Bildschirmfoto 2016-07-16 um 10.35.40 AM

As the company grows, there will be mor challenges and attack. But with more coins, we deploy firewall, buy more servers and filter traffic. This way kids will learn about things they should pay attention about cyber security of a company.
Bildschirmfoto 2016-07-16 um 10.43.34 AM

Yaaay, fully protected πŸ™‚

Bildschirmfoto 2016-07-16 um 10.44.19 AM

We finished all the tasks today so we have time to discuss about our project to be presented on upcoming ProCodeCG Kids Exhibition 17 Aug 2016 πŸ™‚

cIMG_6815

Capt. Cinta had also some time to continue her Python challenge on CodeSaya.com πŸ™‚

IMG_6817

We’ll be back again next week! πŸ™‚

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