Portfolio

Collections of visual designs and other related work I have done.

Anatomy of a HCI Researcher

Poster design I made for a design course in CMU. It abstractly charts my academic different interests from high school to grad school, and how I became interested in HCI. You may browse the process booklet for an explanation.

Anatomy of a HCI Researcher

View Large On White

Page last modified: January 25, 2010

Captain A* – A*STAR Scholarship Video 2007

Directed and produced the A*STAR Scholarship Video for 2007 with a crew of five fellow scholars. The video was produced to be shown as one of the entertainment pieces for the 2007 A*STAR Scholarship Awards Ceremony held on 27th July 2007, and to be used as a promotional video for the A*STAR Graduate Academy to use for publicizing the A*STAR National Science Scholarships.

Though the project did not receive funding, we managed to acquire professional cameras and software, from the Institute of Infocomm Research, to produce the work.

As an exploration of DVD video creation, I designed a DVD for the video in the DVD-Video format, augmented with a Data directory. This directory contains computer navigable video, graphics files, textual information, and a web interface. I am hosting a web interface for the video online, and the ISO image of the designed DVD. Viewers can mount or burn the image to view it.

Click on the image to play a low resolution of the video, or right click and select “Save Link As” to save the video.

Captain A*

Page last modified: January 25, 2010

Playground Building Video

In an effort to learn some video editing, I cooked up this piece depicting some of us building a playground for our church, Bethel Grove Bible Church, in Ithaca. It uses two video footages and a very limited pool of photographs, and was assembled using Windows Movie Maker.

Click on the image to play the video, or right click and select “Save Link As” to save the video.

Page last modified: January 25, 2010

MSN Emoticons

As a form of leisure, I took to producing some MSN Emoticons to brighten up my days, and that of friends too. Feel free to download and use them. Simply right click and save them to a local folder and create an MSN emoticon using the images.

wagbloatfusswalkexposesuckeatwave2wave

Page last modified: January 25, 2010

Art 121: Introduction to Painting

I took an introduction to painting course to learn another skill in art. It was an interesting experience to learn how to see images as shapes of colour, instead of lines and shading.

1234567

Page last modified: January 25, 2010

Grayvine – Layout Designs

In National Junior College, I became the Layout Director for the Grayvine quarterly publication. Along with contributing some articles, I designed covers and page layouts for some of its issues. Shown below are selected pages.

issue99_03 - coverissue99_03 - contents1issue99_03 - contents2issue99_03 - pg07issue99_03 - pg08issue99_03 - pg22issue99_03 - pg16issue99_03 - pg17issue00_01 - pg04issue00_01 - pg05issue00_01 - pg08issue00_01 - pg09issue00_01 - pg16issue00_01 - pg17issue00_01 - pg22issue00_01 - pg23issue00_01 - pg26issue00_01 - pg27issue00_01 - pg30issue00_01 - pg31issue00_02 - coverissue00_02 - contents1issue00_02 - contents2issue00_02 - pg10issue00_02 - pg11

(I hope to reformat this post to show adjacent pages).
Page last modified: January 25, 2010

O-Levels Sculpture

For the ‘O’ Levels Art Programme, I had to produce a sculpture. I decided to do one as an abstract interpretation of the action of a single blade of a pair of scissors cutting a piece of fabric.

Sculpture construction process

sculpture01sculpture02sculpture03sculpture04sculpture05sculpture06sculpture07sculpture08sculpture09sculpture10sculpture11sculpture12sculpture13sculpture14sculpture15sculpture16sculpture18sculpture21sculpture23sculpture24

Scrapbook for developing ideas

book01book03book04_book05book09book11book10book13book15book16book21

Page last modified: January 25, 2010