ProCodeCG Kids Regular Coding Class – Arduino Programming – 4 March 2017

Standard

In several weeks we will move on to a more advance development board: Espectro 🙂 While waiting for Espectro mass production, we will use the last few weeks exploring Arduino before we start to connect to cloud via wifi and create IoT stuff 🙂

IMG_3944

Like usual, it took some time for kids to come, probably because it is Saturday 🙂

IMG_3949

IMG_3950

Today we learned to create morse encoder using LED and buzzer 🙂

IMG_3951

All is ok as far as we got Capt. Reza on duty 😉

IMG_3952

We were trying to add number to be encoded but we had to convert it from integer to char

IMG_3977

and apparently it wasn’t that easy 😉

IMG_3970

And this is how Reza looks when he’s determined to do something 😀

IMG_3989

Hello Raul! Raul was catching up with the task from previous class. His stopwatch with 2 buttons didn’t work

IMG_3954

Mama Ren gave some help but still it didn’t work

IMG_3965

So Raul switched to the morse encoder and it worked 🙂

IMG_3969

Clarence came with loads of progress to brag about 😀

IMG_3956

He had several project going on 😀 This one synchronizes time and display it to the TFT

IMG_3961

Clarence also make improvements to his stopwatch code, making it more precise with better display design 🙂 He even added a reset function to the single button, along with progress bar display on the TFT to show how long the button has been pressed 🙂

IMG_3979

Clarence also created some cool patterns on the TFT, as a preparation to create analog stopwatch 🙂

IMG_3985 2

Cinta was keeping up with the class too, she was working on her stopwatch while also doing her writing project 😉

IMG_3957

IMG_3975

Ozan. Always like this when we take his picture 😀

IMG_3958

LOL. But the most important thing is the schematic worked! 🙂

IMG_3976

Ren did the schematic quickly 🙂 But the usual uploading error occur again 😀 Only Mama Ren can solve that 😀

IMG_3962

Rafi was back in the class yaaaay 🙂

IMG_3963

He broke his left wrist but still so excited to learn 🙂 Mama Rafi stood by him all the time to help 🙂

IMG_3964

When thing went wrong, Capt. Reza came to help 🙂

IMG_3983

Rafi was trying to make his measuring height work and finally it did 😉

IMG_3986 2

We also had Dika back! He jumped straight to the schematic we were doing today, and it worked yaaay 😉

IMG_3966

Next week we will start to explore LCD 🙂 Will connect our previous project to LCD and display the result there 😉

 

 

 

 

 

Advertisement

ProCodeCG Family Coding Crash Course Day #5 – 25 Nov 2016

Standard

Wow the last day already :((

We had lunch before starting the class 🙂

IMG_7204

The we picked were we left yesterday

IMG_7206

Sadid decided to learn HTML and CSS today (he was learning Java for the last two days), while Razin decided to learn Java (he was learning HTML CSS for the last to days) 😀
IMG_7207

So that these two can discuss about their works and help each other 😉

IMG_7208

They made jokes too while learning 🙂
IMG_7209

It is ok as long as they’re learning happily 😉

IMG_7210

Azza was progressing very fast with her Azza’s Bakery web design 🙂 She uses lots of tricks in HTML and CSS 🙂
IMG_7211

Sadid did the catching up very well too

IMG_7212

So did Razin, he finished his Java Intro from Code Academy and start learning from ProCodeCG Java Programming Handout 🙂
IMG_7213

And successfully compiled the button code 🙂 He also did the login window too, and very happy about it!

IMG_7214

Too bad the class ended today, but we still can learn anytime don’t worry!

IMG_7216

We’re going to open the next class with different topics 🙂 Thanks all, so proud and honored to be able to share things with you 🙂

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 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 – Python Programming – Day #3

Standard

The last day! We learned to create virus, and the antivirus of course! 😀

Before we learn how to create virus, we have to learn how to write to and read from a file 🙂

Bildschirmfoto 2016-06-29 um 9.23.40 AM

We also have learn how to find files in directory

Bildschirmfoto 2016-06-29 um 9.38.28 AM

or finding a specific file

Bildschirmfoto 2016-06-29 um 10.26.05 AM

Then we can start create the virus

Bildschirmfoto 2016-06-29 um 8.59.06 AM

The virus is not dangerous, basically it just makes a copy of itself to another file, and only .py files 🙂 The antivirus is simply deleting the virus body from the infected file

Bildschirmfoto 2016-06-29 um 10.45.49 AM

We also created an encryption virus using a simple substitution cipher

Bildschirmfoto 2016-06-29 um 12.10.11 PM

The antivirus is simply reversing the process which is decrypting using substitution cipher 🙂
Bildschirmfoto 2016-06-29 um 12.11.24 PM

Some kids arrived late so we waited a bit before starting the class

IMG_5362
IMG_5363

The class (only missing one kid who didn’t feel so well today)

IMG_5364
IMG_5366

Each piece of code is being tested. This is the view of Capt. Zaki laptop’s screen.

IMG_5369

Lots of code needs debugging, Capt. Zaki handles two computers at the same time 😀
IMG_5373 IMG_5374
IMG_5375 IMG_5376

Busy captains
IMG_5377 IMG_5378

We finally finished all the codes!
IMG_5379

So it’s a wrap! 🙂

IMG_5383

Tomorrow we will learn how to create apps for android 🙂

This is us on the way home, fully packed on the back seat LOL
IMG_5384

Until tomorrow! 😉

ProCodeCG Kids Coding Camp – Java Programming – Day #3

Standard

The last day of ProCodeCG Kids Coding Camp – Java Programming! 🙂

Today we finished our pie-shot-the banana-with-cherry code and start another one:

Flappy Bird in Greenfoot 🙂

Bildschirmfoto 2016-06-25 um 7.49.21 PM

It is a bit hard but most of the methods are just the same with the previous games we have created 🙂

Bildschirmfoto 2016-06-25 um 11.05.34 AM

We missed one student today, the others were still excited to pick up where we left yesterday 😉
IMG_5024

Our captains (Zaki, Reza, Fizhan, Faris)

IMG_5025

Capt. Syahna

IMG_5027
IMG_5026

Lots of adults take a look at the screen when we do this and ask: “How could it be possible kids learning this?” 😀
IMG_5028

Yes it is possible! This is Ara typing the code and later make sure the code is error free

IMG_5029
IMG_5030

This is Zaky, the youngest one in the class 🙂 He was very serious and always want to get things done. He just won’t stop until he finished. And he complained a lot about other kids playing the games instead of typing the code 😉
IMG_5033

The kids sometimes play some games in between lines of code because they have to wait other kids to finish typing so when they have finished their part, they usually play games or watch YouTube. It is allowed as long as they finish their work.

IMG_5034

But today’s code was very long, there was no time to play 😀
IMG_5035

Each kid has to make sure they got everything right on every classes and methods

IMG_5037

So Capt. Zaki was very busy navigating the screen 😀
IMG_5038

We split the screen to accommodate more kids 🙂

IMG_5039
IMG_5040

Capt. Faris and Capt. Malik debugging Ronggur’s code

IMG_5041

The good thing about coding is that it indirectly teaches kids about consistency and little details. That you have to do things properly and in order. That a single character can cause errors 😀
IMG_5042

A view like this make us proud that we have young brains ready to defend the country 🙂

IMG_5043

Capt. Malik helped Muhammad with the code
IMG_5044

And we moved to Flappy Bird!

IMG_5045

Capt. Malik explained the code, with Capt. Zaki as the screen operator 😉
IMG_5046 IMG_5047

And Capt. Fizhan took a video of interview with the Lead Captain for our coding camp promo video 😉

IMG_5049
IMG_5050

Our class from the outside 🙂 Looking good 🙂
IMG_5052

Capt. Faris debug Dika’s code

IMG_5053

Capt. Malik checked on every kid making sure they understand
IMG_5054

Zaky is a very enthusiast programmer. He was  closely under Capt. Malik’s assistance. Capt. Malik said that the code wasn’t difficult 😀 If an 8 yo like Zaky can comprehend it so should the rest of the class, he said 😀 😀 😀 Two young brightest minds! 🙂

IMG_5060

Muhammad referring to Tyo’s work to make his code work

IMG_5062

The class has always been fun!

IMG_5064

But today is the last day and this is us with the certificates yaaay!!!

IMG_5068

See you on Monday with Python Programming! 😉

ProCodeCG Kids Coding Camp – Java Programming – Day #2

Standard

Day #3 of ProCodeCG Kids Coding Camp – Java Programming 😉 Today we create another game that can display score.

We created a rocket and some rocks, and when the rocket hit the rocks then we will get some scores 🙂
Bildschirmfoto 2016-06-24 um 10.40.25 AM Bildschirmfoto 2016-06-24 um 10.49.39 AM

The code is more complex than what we created yesterday 🙂

Bildschirmfoto 2016-06-24 um 9.30.14 AM

Bildschirmfoto 2016-06-24 um 9.46.34 AM

Bildschirmfoto 2016-06-24 um 10.05.45 AM

All kids showed up but some arrived late
IMG_4900

Capt. Faris assisting Aqeel

IMG_4901

Capt. Zaki assisting Zaky 😀
IMG_4902

Captain teams discussed about many things.

IMG_4903

In front is Capt. Malik getting ready for today’s presentation
IMG_4904

All kids seemed to be able to follow the class. Yeah the topic is hard but they can catch up:)

IMG_4905
IMG_4906 IMG_4907

We did some revisions and debugging before Malik’s code was ready to be presented after Friday Prayer
IMG_4916

Friday Prayer break

IMG_4926

Almost all boys went to a mosque across the street
IMG_4928

And when they got back, Capt. Malik showed us a new program he just made: Snake game in Java, with Eclipse 🙂

IMG_4929

Ok time for presenting a more difficult game to the kids. Capt. Zaki and Capt. Malik did some setting up in the control room
IMG_4934 IMG_4935

Okay ready! 🙂
IMG_4937

The game Capt. Malik presented was about a pie that can shoot banana with cherry 😀
IMG_4938

Capt. Zaki helped navigating the display 🙂

IMG_4940

The code is quite long and and we should continue the code tomorrow
IMG_4942

Capt. Fizhan (on the left) took a video of Capt. Malik’s presentation

IMG_4943

Today we create simple pie and cherry and banana classes and methods, and will add the details tomorrow! This is Capt. Reza and Capt. Faris testing the code 🙂
IMG_4944

Fauzan. Always so shy 😀 He always sit in the corner but he always pays attention and understands everything 🙂

IMG_4945

Every kid tried very hard to digest the code. Vai asked questions right away 🙂
IMG_4946

We have to divide the screen into two because some kids type very fast while others need more time 🙂

IMG_4947

Thoriq and Edo
IMG_4948

Reza, Tyo and Ozan (on the back)

IMG_4949

Zahra and Raisya
IMG_4950

Front row: Muhammad and Ara. Zaky on the back

IMG_4951

Vai
IMG_4952

Ronggur

IMG_4953

Jaka
IMG_4955

Our lead captain: Capt. Zaki busy navigating the screen

IMG_4956

Gyan
IMG_4958
Aqeel
IMG_4962

Front row: Dika, Kyntar and Fadly

IMG_4963

Joji
IMG_4964

A closer look of Kyntar and that surprised look of Fadly 😀

IMG_4965

Capt. Syahna
IMG_4966

After presentation, Capt. Malik prepare a code for tomorrow: Basketball Game 😀

IMG_4969

And the kids got idea to change the objects to different kind of foods
IMG_4970

And they start browsing the internet to find some REAL pic to be added to the game LOL

The first is seblak bandung
IMG_4972

Then es cendol

IMG_4973

Es buah
IMG_4974

And things get worse with es durian

IMG_4975

and pizza! LOL
IMG_4976

The class was very fun because the kids are serious but can also be so funny! Hoping to get more fun tomorrow! 😉

ProCodeCG Kids Regular Coding Class 23 April 2016 – Java Programming

Standard

We’re still working on Java Programming today 🙂

IMG_9781

Some of us working on new codes and the other continue working on adding more methods to the last code.

IMG_9782

Today Faris created a jump scare code 😀
IMG_9783

That when the user click something on screen (a picture, or a confirmation button), it will play a scary sound and display a scary pic 😀

IMG_9784

And the kids really use this code to prank their friends 😀
IMG_9785

Cinta made it to the class after finishing a science competition, yeaaay!

IMG_9786

And guess what? We had a newcomer! Rezandra 🙂 Her mom is actually in Coding Mum class, and they’re sharing the very same laptop! 🙂 How cute! 🙂
IMG_9787

What a lovely Saturday! We gather and do awesome things with code 🙂

IMG_9788

Faris was insisting to make the jump scare picture as big as the screen
IMG_9789

While Cinta started to work on her Flappy Bird in Java code 🙂

IMG_9790

Faris and Capt. Fizhan used some video editing tools to create a short sequence of scary pics! 😀
IMG_9791

While this one is working on school assignments 😀

IMG_9792

And Malik! He’s leading in the Flappy Bird project 🙂
IMG_9793

And Roni, was busy catching up with the intro to Greenfoot 🙂

IMG_9794

See, Faris was actually using Adobe Premier to edit the jump scare video
IMG_9796

Cinta had set the background of the FlappyWorld and ready to add more FlappyBird assets but she had something to discuss with Capt. Syahna 🙂

IMG_9797

Rezandra is very nice and dilligent. He caught up very quickly 🙂
IMG_9798

Reza was doing great too! Last week he couldn’t really follow the class because he didn’t have the admin password to install Greenfoot. Today he got it installed and finished all he had to do last week!

IMG_9799

Malik has been doing his own research about this FlappyBird project and this is the picture of he is doing some debugging.

IMG_9800

This fluid class allows kids to share ideas and learn in their own pace.

IMG_9802

This is Capt. Fizhan and Reza working together to add some sounds to the code.
IMG_9803

Seriously, creating FlappyBird is easier to be done with GameMaker than with Greenfoot (we actually can also do it the hard way in GameMaker by typing in codes, but in Greenfoot we do it in OOP so it is harder 😀 )

IMG_9804

Rezandra finished up all the tasks given. Now he has a code of Turtle chasing and eating ants that moving around 🙂
IMG_9807

Next week, there will be update about our Flappy Bird project! 😉

ProCodeCG Kids Regular Coding Class 16 April 2016- More Objects and Methods in Java

Standard

Hello! Yesterday we added more classes and methods to our Java coding 😉

IMG_9255

We added timer, counter, random spawning, start button and so many more 🙂

IMG_9256

This is Awa adding more lines to his code and making sure it can be compiled and worked 🙂

IMG_9257

Ardi is reading the tutorial and catches up things quickly after a few weeks of absence 😉 Welcome back, Ardi! 🙂

IMG_9258

Malik came with lots of progress. He had finished all homework and ready to do some more!

IMG_9259

While Clarence had different thing in mind, he wanted to create cupcakes war 😀

IMG_9260

While Pru was busy with the crabs eating lots of polar bears 😀

IMG_9261

Ardi had almost done with his catching up and he started to play with a cat. And feed it LOL

IMG_9262

Capt. Syahna was in charge as the display operator as usual 🙂

IMG_9264

There were a little course on the back of the class, a crash course on editing pics 😉

IMG_9265

Malik had an idea of creating Flappy Bird with Java 😉

IMG_9266

So while the others start adding counters method to the code, Malik had started a new thread 😀

IMG_9267

He started right away, downloading assets and creating classes

IMG_9269

It was a great idea for Awa too! He switched from the last code and start his own Flappy Bird code 😀

IMG_9270

We need some image editing to get clean Flappy Bird images so these guys were talking about editing files with smartphone 🙂

IMG_9272

Reza is also catching up with the class 🙂 He wasn’t into the Flappy Bird yet 🙂

IMG_9274

A snapshot of some of what we did!

Bildschirmfoto 2016-04-17 um 10.39.44 AM

See you next week 🙂