Saturday, August 24, 2013

Building Bridges 2013

I participated in Building Bridges 2013 activity, where I taught kids from Qingyuan High School with university students from Tsinghua U, Peking U, Yale, Princeton, HKU, etc. Although I joined the activity just by chance, it turned out to be a great opportunity for me to gain insight into the rural areas in China, to enhance my public speech abilities, and to make friends with American university students. If you just want the interesting part, just skip to 'Cultural Differences'.

The Town of Qingyuan

Qingyuan is a small town located in Zhejiang China. Contrary to the suffocating climate in Zhejiang, Qingyuan was, in fact, cooler than I had expected. As a former resident in Harbin(aka. 'Ice City' in China), I felt little difference as for the temperature of the two places, part of which is thanks to the surrounding high mountains. The town is also 'The Town of Environmental Protection in China'.

Qingyuan High School

Although Qingyuan is said to be the most undeveloped region in Zhejiang, the facilities in Qingyuan High School was not old-fashioned at all. This so-called 'The most undeveloped high school in Zhejiang' has three teaching buildings which can accomodate up to 45 classes of 50 students, a huge auditorium, a playground with a running track, and a tall stadium...gimme a break!
Students are also clever than I had supposed. Among the 7 classes we had lessons with, the school puts the best students in 2 classes, and they are very interested in learning English. The remaining classes are still motivated. One student even asked me calculus after class!

The Courses

The courses contains many subjects: Bertie's topic on love and sleep, Richard's interesting math magic tricks, and Phil's singing classes. We teach our own topics during the day, and in the afternoon we return to our 'home base class' to play games with them. Bertie and I were in a team, and we tried games like tongue twisters, Simon says, 7-up, Hangman...It feels great to see these kids' happy faces when they were playing the games they had never tried before.
Singing is also a huge part of our teaching. To enhance their oral English, we practiced many English songs: Love Story, We Will Rock You, You Raise Me Up, Firework...(Bertie: This song(Love Story) is literally banging in my head!)In the end, we held a singing competition and it was really terrific. I will talk about that later.

Before the activity, I intended to teach them simple game theory stuff: prisoners' dilemma, Nash equilibrium, etc., but it turned out these students are more interested in playing & looking at pictures & Chinese courses(of course, they are not university students!), so I changed to different topics after the first two days. I had some trouble in the classes at first, but I modified my teaching style after every class, and finally it turned out fine. 

Interesting People

Bertie is my teammate in teaching. She's a...what can I say, a typical Chinese American? She is nerdy(according to herself), she doesn't(and doesn't intend to) look white, and she can speak English literally as fluent as native speakers. But speaking English too well has setbacks, namely she could only use very limited Chinese(in an accent mixed by American, Xian, Beijing and Northeast accents, according to others' comments). However, I think that she has learned pretty much Chinese during the trip.
Phil is the type of handsome guy that girls would be crazy about. He is white, he is tall, and he is always carrying a huge smile on his face. He likes singing very much, and he even composed his own song!
Richard is studying math in Princeton, and he is really adorable! He likes solving problems, playing cards, jogging, and playing computer games. I think that he is the type that resembles me the most.

Cultural Differences

Here I am going to list some interesting things about different cultures(not chronologically).

StruggleBus!

Among all the words I learned during the trip, strgglebus has to be the best. According to Bertie, it is a word used by students by Yale(but Phil from Yale doesn't think so...) to describe something struggling. Like: I had a 6-hour bus ride, and it was a strgglebus.
This word has many derivations: during lunch and supper time, we tend to argue about some topic, and the we all get really excited, so we call our table the struggletable. There is also other stuff like struggletrain(when the strugglebus gets bigger), strugglebugs(cockroaches that went into Alex's suitcase....Eww), and struggleroom(the dorm with cockroaches in it), and...
What a struggling world!

Asian Flush

 A sort of phenomenon that happens to Asians who are allergic to alcohol, like me.

Cute vs Adorable

Richard told me that in America cute is indicating 'hot, sexy', and the word for lovely is adorable...but Bertie thinks that a baby can be cute and adorable.

Wierd China!

1. A conversation between Richard and me.
  I(Myself): I play badminton.
  R(Richard): I play badminton too, but I don't want to play with you, you are too strong.
  I: Why?
  R: Because you are CHINESE!
  (I: How is that a reason! You can't just reach a conclusion like that!)

2. 'You don't need to know what you are eating in China. Just eat it.' ---Bertie

3. River Snails:
   River Snails(aka. 田螺) is a sort of dish that we had during supper one day. This time Richard and Bertie knew that it was a sort of snail, but they had trouble eating it. 
   Richard tried to break the shell with his teeth, but unfortunately the shell was too hard. A Qingyuan native picked one, and in 5 seconds he managed to eat it.
   R: How did you do that!
   N(Native): Just pick the meat with a toothpick and suck it.
   (Richard sucked, but he only had salty water in his mouth)
   R: Why could I only suck salty water! And it was disgusting!
   N: You have to empty the water before sucking...
   (Meanwhile Bertie was trying to pick out the meat with the toothpick)
   R: I give up, it's too hard!         B(Bertie): I won't! Never say never!
   P(Phil): Yeah he(JB) says 'Never say never', but he just said 'never' two times.
   (After a long struggling, covering her hands with salty water, Bertie finally picked out the meat)
    B: Yeah, I made it!(And happily ate the tiny piece of meat)That was not delicious at all...
    R: 为什么(How come)田螺(River Snails)不是(not)甜的(sweet)?
   (Explaination: the Chinese 田 and sounds the same, and Richard just mistook the right character.)

4. 
    B: Chinese students just don't know how to dance. They don't have dancing classes, do they?
    I: No, but they have to dance together stupidly, listening to a stupid music...(Chinese will know what I mean...)

5. The Singing Competition
In the competition, students are so excited that they shout loudly for someone to perform on stage. As former victims of 'military training', we were used to this kind of craziness, but Bertie was totally shocked to hear so many people shouting her name, so she asked me a dozen times: 'What is GOING ON?' Sadly I have no explanation to such maniac behavior, so I could only tell her to perform something so that the students can get quiet... 

Wednesday, July 31, 2013

impress.js - An Impressive HTML5 Presentaton Tool

I know that impress.js is a very old-fashioned tool for some, but since I'm not some cutting edge expert, I learned it today, and find it quite interesting.

What is impress.js?

impress.js is a Javascript file written by Bartek Szopka, which serves as a tool for HTML-based presentations. 
To have a better understanding, please have a look:
Really impressive, isn't it? It looks like a Prezi presentation (see http://prezi.com/) but as it says, it's in 3d! So if you are patient enough, you can create presentations that can beat Prezi!

A Brief Introduction to Beating Prezi

But impress.js is not so easy. First, you need to have some knowledge of HTML5, CSS3, and Javascript to create you own slides. Second, although it is not hard to understand the code, it requires hard effort and great designs to fully utilize its potential.


Determining the Position of the Slide

impress.js uses data-x, data-y, and data-z to determine where the slide would be. Note that the unit is counted in pixels, and you can use arbitrarily any integer you like (just, don't get too big!) for the position of the screen is adjusted automaticly. But how can I zoom in or zoom out?

Zooming by using data-scale

The data-scale is originally used when you need to make some texts bigger or smaller, but you can also use data-scale to zoom in or zoom out. This is shown in the following piece of code:
In this piece of code, data-scale is set to 10, so the canvas is 10 times bigger(which means other elements look 10 times smaller, remember that), a good viewpoint isn't it!


Overview the code using data-scale

Other Features

If you want to know more, just download the code:
The comments will explain more, and I think its far better than my explanaitons.


My First Trial

I intended to make a very simple self-intro presentation using this newly learnt impress.js.
Here are the effects(Note that this is only an overview, the useful information was actually inside the asterisk on the upper right!)

Nice to meet you!
Hope you will enjoy it!

Some Problems

There are still some problems though, namely, it is very difficult to decide the position of the elements, make everything look pretty, and you have to design you own .css file to make you slides. I think I will try to come up with a solution later.

Also the rotation is a bit strange. In the asterisk I went like this 0 -> -18 -> 54 -> 126 -> 198 -> 270 -> 360 -> 0, but it turns around when it goes from 360 -> 0! Any ideas? Thanks!



Hello World!

Since I am too lonely at home with only books, movies, and games for company, I think that sharing my experiences would be a good idea. Whilst it would be cool to share what I know to all my readers, it is also a very good method to help me remember what I have done, for I always have a bad memory. Always. Literally.

In case I forget, let me review who I am, and what I am doing.

I am Jiaming Song (aka Tony Soong, or Tony, or whatever), currently a sophomore in Tsinghua University's Computer Science and Technology (aka CST) Department. Life in Tsinghua is awesome, you can never realize how cheap life can be! If one doesn't waste his money, he can survive in the school with $5 a day; also, great news for fitness-lovers: the gym costs only $1 each time, a fantastic price (only because it doesn't have treadmills or swimming pools. But this place will explode if they do, because there are so many people here in China!) Even better, the on-campus dorm I live in has an air conditioner and it costs $250 ... a year.(WHAT THE F**K!) I always wonder what foreigners would think of China after they come to Tsinghua (Good for you, Socialism?)

I'm very fond of Computer Science, and I'm interested in most aspects, but I currently find machine learning most fabulous. I plan to enter the lab that does Bayesian AI, so I am reading a book called Pattern Recognition and Machine Learning (Bishop), the beginners' guide to Bayesian AI. The concept of the Bayesian interpretation of probability is pretty interesting, but math seems to be a great problem. Although I've had calculus and linear algebra in my freshman year, the math used by all sorts of distributions(Gaussian, Beta, Dirichlet, Student's t, ... don't make me list all of them) required more, such as matrix derivatives, and variation calculus. So I'm pretty stuck at the previous chapters, and hopefully I could do better later.

// TODO(Tony) As for my hobbies, I decide to postpone them for later editing.
// TODO(Tony) I haven't revised my grammar, for I am soooo excited to type!