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

 

 

 

 

 

Advertisements

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