ProCodeCG Kids Programming Class 29 Aug 2015 – Simple Encryption

Standard

Today. We learned some encryption. Yeah πŸ™‚

FullSizeRender 15

FullSizeRender 3

The encryption for today is simple substitution πŸ˜‰

FullSizeRender 5

The kids had to type down everything to find out what “encryption” means. Kids won’t listen if you explain things on the whiteboard. You just have to make them do things and let them see what happen πŸ˜€

FullSizeRender 7

Once they finished they still need to debug some errors.

FullSizeRender 10

Because this code only work with Python 2.7

Bildschirmfoto 2015-08-29 um 10.58.03 nachm.

And supposed to execute on the command prompt because it takes arguments

Bildschirmfoto 2015-08-29 um 10.59.33 nachm.

So we had to modified it like this to make it work for today. Next time we will use tkinter to make a simple GUI for this πŸ˜‰

Bildschirmfoto 2015-08-29 um 10.58.10 nachm.

After the kids understood how the encryption works (by shifting the alphabet k steps to the right), they found their own way to find out how to do decryption; by shifting k steps to the left! YEAAAH πŸ˜€

And at the end of the class, these two girls were given a task to give their classmatesΒ a case to be solved. A ciphertext to be decrypted πŸ˜€

FullSizeRender 12 FullSizeRender 13 FullSizeRender 14

FullSizeRender 6

And this is. What they came up with LOL

FullSizeRender 4

And guess what. Their classmates solved it. LOL LOL. πŸ˜€

ProCodeCG CodeMeetUp() 24 Aug 2015 – Workshop – Blender Dynamic Paint

Standard

Today we learned about dynamic painting to make dynamic terrain with Aditia A. Pratama and Bintang Senja from Kampoong Monster πŸ™‚

FullSizeRender 2

FullSizeRender 4

We got lots of animator joining in πŸ™‚

FullSizeRender

These are some screenshots from what we did today πŸ˜‰

Bildschirmfoto 2015-08-24 um 1.43.52 nachm. Bildschirmfoto 2015-08-24 um 1.44.53 nachm. Bildschirmfoto 2015-08-24 um 2.00.41 nachm. Bildschirmfoto 2015-08-24 um 2.21.21 nachm. Bildschirmfoto 2015-08-24 um 2.26.28 nachm.

And this is us! πŸ™‚

FullSizeRender 6

Next week ProCodeCG will join Prototype Day, collaborating with STEI and FSRD ITB πŸ™‚

See you there! πŸ˜‰

ProCodeCG Kids Programming Class 22 Aug 2015 – A Quiz on Logics with Python

Standard

Today we have a quiz!

ProCodeCG always observe, make a report and evaluate each and every of its class. We are currently doing a research on programming/coding/information technology for kids, so we are gathering as many information as we could to be compiled into a publication.

That is why the curriculum is fluid and very lose, because we use different methods to teach kids while observing the effect of each method.

Today we give a quiz, to measure how much kids have absorbed things they have learned with us πŸ™‚

FullSizeRender 3

Since the last time we created calculator with GameMaker, today kids need some quick refreshment on Python syntax πŸ˜€

FullSizeRender 2

They quickly reload their Python skill from previous classes, and finish the quiz real fast we have to keep adding challenges!!! πŸ˜€

Bildschirmfoto 2015-08-22 um 5.32.05 nachm.

Like this one, a tricky looping inside a loop πŸ˜€

Bildschirmfoto 2015-08-22 um 5.35.21 nachm.

Today we also learn syntax differences between Python 3.4.3 and Python 2.7 πŸ˜€

The one with the white background is written in 3.4.3 while the black background in 2.7. A big difference! πŸ˜€
Bildschirmfoto 2015-08-22 um 5.37.56 nachm.

Next week we will learn about encryption! Kids cannot wait to create their own secret messages πŸ˜€

ProCodeCG codeMeetUp() 18 Aug 2015 – Fonts 001

Standard

Today we learn about typeface from Prof. Budi Rahardjo! πŸ™‚

FullSizeRender 23

“Fonts” is not the right word, it is typeface.

FullSizeRender 2

Historically associated with printing press by Johann Gutenberg (1450)

FullSizeRender 4

Fonts, or a specific typeface subconsciously conveys message.

FullSizeRender 28

It is like the dress we wear. And the mood we feel.

FullSizeRender 7

Choosing fonts should be also based on clarity.

FullSizeRender 9

The difference between Serif and Sans Serif

FullSizeRender 25

And the font used for meme: Impact πŸ˜€FullSizeRender 12

Some stories about Comic Sans πŸ˜€ πŸ˜‰

FullSizeRender 3

And some demo on how to installΒ and use different fonts in web browser:

FullSizeRender 24

Because different fonts will set different mood

FullSizeRender 22

And this is some latex compiling…

FullSizeRender 18

To show some proper fonts for a currently-working-on publication πŸ˜€

FullSizeRender 17

The audience are mostly designers. Or, those who are aware and appreciate designs.

FullSizeRender 27

They share some point of views of designers

FullSizeRender 10

And some of astronomers perspective too! πŸ˜€

FullSizeRender 26

And this is us! This event will always be held, even when there is only a few people!

FullSizeRender 8

See you next week! πŸ™‚

ProCodeCG Kids Programming Class 15 Aug 2015 – Calculator with GameMaker

Standard

Last week we have built our calculator in Python. This week, we do it in GameMaker, to become more familiar and understand more about the concept of variable, global variable, event-driven programming and conditions πŸ™‚

FullSizeRender 6

Kids came early as usual, they always show lots of passion about the class! πŸ™‚

FullSizeRender 14

Some parents were there observing πŸ™‚

FullSizeRender 13

Kids solve problems better by working in groups. Nara is very good at GameMaker so we just let him gave tutorial for the whole class πŸ˜€

FullSizeRender 12

Ardi, came late but catch up very fast.

FullSizeRender 11

GameMaker is very powerful for teaching kids about coding. It can be very simple and can also gradually become very advanced when we start writing the code.

Some kids say Game Maker is harder than Python πŸ˜€

FullSizeRender 10

Nara made his own game with GameMaker and the whole class want to play it πŸ˜€

FullSizeRender 8

In this class kids are discuss and share many things. This is how Cinta is explaining about Python code she has been developing since last week πŸ™‚

FullSizeRender 7

Cinta modified the code given in the class to be more interesting and advanced πŸ™‚ ❀

FullSizeRender 4

Don’t you feel optimistic to see that this nation has kids eager to learn like this? πŸ˜‰

FullSizeRender 2

This is a screenshot of calculator coding in GameMaker.

Bildschirmfoto 2015-08-15 um 10.27.49 nachm.

 

Next week we will be improving the code in GameMaker, and hopefully the week after we will learn how simple encryption! πŸ˜‰

 

ProCodeCG – Kampoong Monster Workshop: Architecture Visualization Using Blender

Standard

Today we learn about Architecture Visualization. 3D modeling is divided into two: character development and architecture/environment development. This is Mas Bintang explaining about how to create architecture building and environment.

IMG_4811

Environment can be trees, rivers, sky, etc. while architecture can be house, office or room.

IMG_4812

Character modeling needs more art while architecture modeling needs more architectural skills.

IMG_4813

See you on the next workshop! πŸ™‚

IMG_4814

ProCodeCG codeMeetUp 10 Aug 2015 – Pleasurr: An App for Pleasure Seekers

Standard

Today we have Jume Analyes giving a Pitch Session about Pleasurr – An App for Pleasure Seeker!

IMG_1411

This app combines great features of AirBnB and Instagram, to provide personal talents to host unique and meaningful classes or activities.

IMG_1412

The app will help people to find pleasure activities with hosts with talents.

IMG_1413

This app offers so many features other apps don’t!IMG_1414

The founders!

IMG_1415

Of course with its distinct features, this app is gonna be big, like AirBnB, Gojek, Uber, etc πŸ™‚

IMG_1416

The audience πŸ™‚

IMG_1417

Jume also has a start up for Instagram Marketing named Anacondagram πŸ™‚

IMG_1418

We will talk about this more thoroughly next time! πŸ˜‰

IMG_1420

Here we are! πŸ˜‰

IMG_1422

Next week’s topic will be announced on ProCodeCG Fan Page on Facebook! πŸ˜‰

Related article:

http://aitinesia.com/cerita-kegiatan-pleasurr-aplikasi-mobile-lokal-untuk-para-pencari-kesenangan-yang-siap-bersaing-di-indonesia/

ProCodeCG Kids Programming Class 8 Aug 2015 – Creating Calculator

Standard

Today we pick up where we left last week, finishing our calculator project! πŸ™‚

We have lots of kids today, including those who weren’t coming last week, so we have to jump start some of them to catch up with others πŸ˜‰

FullSizeRender 15

The class is roughlyΒ divided into 3 groups: Cinta and Gaga, the youngest and missed the last class so they have to catch up on turtle, looping and button in turtle. Rheino, Malik and Hikari, also young and tend to work in groups and make similar progress together, and mostly refuse typing in codes :D. And the others are older kids who have started their calculator projects and ready to continue (and willing to type the codes) πŸ˜‰

FullSizeRender 8

Rafli can show lots of passion, he always sit on the front copying the codes, but if it takes too long he will just give up and get distracted. Cinta seek for help to Capt. Syahna πŸ™‚

FullSizeRender 4

Because the class have different progress, the display should show different snippets of codes, makes the operator (Capt. Syahna) very busy changing window and scrolling up and down πŸ˜€

FullSizeRender 2

FullSizeRender 16

Look how different ages looks different in solving problems πŸ˜€

FullSizeRender 23

Everybody is trying hard to keep up with the class πŸ™‚

FullSizeRender 10

The older ones usually sit on the back and they can be very nice and helpful to the younger ones πŸ™‚

FullSizeRender 11

FullSizeRender 17

Some students need to use headset, but as long as they are following the class.

FullSizeRender 12

 

These are Faris and Gaga. Working together debugging the code πŸ˜‰

FullSizeRender 20

 

Ara has his own way developing a calculator: with Scratch πŸ™‚ After this one work he will port it to Python πŸ™‚

FullSizeRender 21

And this is Cinta shows her calculator code and test it with integers, negative numbers, floating numbers, very big numbers etc. πŸ™‚

FullSizeRender 13

Yeaaah this is what we produce today: a simple calculator πŸ˜‰

Bildschirmfoto 2015-08-08 um 9.22.02 nachm.

And after each kids finish the code, debug the code and make sure it works cleanly, they are allowed to play games together!

FullSizeRender 14

This is our weekly pleasure! See you next week! πŸ™‚ ❀ ❀ ❀

ProCodeCG codeMeetUp 3 August 2015 – CyberLabs – UI-UX and CSS to Optimize Your Website Design

Standard

Today, Rizky MW – Graphic Designer and Seprian Abdi B – Atom Project Manager from CyberLabs shared about UI – UX and CSS to Optimize Your Website Design.

FullSizeRender 2

UI (User Interface) and UX (User Experience) is very important. It is the key that makes users stays longer and use your apps.

FullSizeRender

Same kind of products with different designs will have different stories. Ones with good design will get more users.

FullSizeRender 12

Most of the audiences are web/apps designers, programmers or developers πŸ™‚

FullSizeRender 14

This is the story why CSS is so important for a layout design:

FullSizeRender 6 FullSizeRender 10 FullSizeRender 5

The presentation is brief but we asked many questions! πŸ˜‰

FullSizeRender 7

It is such a great opportunity to learn about this stuff from those who knows to design and generate apps! Thanks for sharing!

FullSizeRender 4

Next week we will have a start up sharing about its about-to-launch app named Pleasurr. This is a great app, you should not miss it! πŸ™‚

Related article:

http://aitinesia.com/cerita-kegiatan-cyberlabs-pentingnya-uiux-dan-css-untuk-mengoptimalkan-desain-website/

ProCodeCG Kids Programming Class 1 Aug 2015 – More Python

Standard

Our weekly happiness is ProCodeCG Kids Programming every Saturday 9 – 11 am πŸ™‚
Kids usually come up early before the class starts!

IMG_4373

Today we continue the Light Bot, to give the newcomers a chance to catch up and to re-introduce the concept of a function.

FullSizeRender 13

Kids should understand the concept of function because today we are porting Scratch “drag-and-drop programming” concept to Python πŸ™‚

FullSizeRender 19

 

Some kids familiar with Scratch are allowed to do the task with Scratch before they port it to Python. The others just jump right in typing Python.

FullSizeRender 18

New students keep coming in so even we missed several kids today the class is still filled up πŸ™‚

FullSizeRender 6

And this is what we call persistency πŸ™‚ ❀FullSizeRender 7

Eventough kids usually open YouTubes or playing some games during class, it is only allowed after they have finished the task given.

FullSizeRender 10

And peer learning always work all the time! πŸ˜‰ πŸ™‚

FullSizeRender 20

Well, the fond of problem solving/programming is when kids keep doing it after they got home. Like one of ProCodeCG Captain finally solved the most hard problem at the class and do it again at home just to screenshot it and Β make sure she can help the students next class πŸ™‚

Bildschirmfoto 2015-08-01 um 5.36.55 nachm.