Friday, February 26, 2010

Final Project Preproduction

I shall just roughly go through the 2 video ideas that we had presented in class my thoughts about it.

video 1 - NUS advertisement: Why NUS? Because its time WELL SPENT?
The focus of our NUS advertisement would be to showcase different aspects of NUS and to let them realise that their experince in NUS would be fruitful and enriching. This is done so through a few sections of the advertisement.

Education
A wide diversity of disciplines to choose from (11 faculties in total)

Flexibility
The numerous modules to choose from, timetable builder

Culture
Networking with people around the world. Wide selection of food choices from different nationalities.

Teamwork
Teamwork is all around NUS, in sports, projects, discussions etc

My Thoughts
After the critique session in this week's lecture, I felt that we may have to rethink our idea. We were advised by Dr Julian to consider its originality because there were groups from previous batches who did similar stuff. Flexibility needs to be researched upon because it may differ from different faculties or even different universities. Lets hope that mental spark would hit my head and some idea will pop out by this weekend then!

Video 2 - CNM Advertisement: I Was From CNM
This video would be about the overall experience studying in CNM through the perspective of the narrator, who was a graduate from CNM. The style of the advertisement is in a form of a journal.

Lecturers
The first few shots will contain mini clips of lecturers on the left side of the journal, the right side will contain thoughts penned down by the grad.

Friends
Mini clip will be placed in the center, with thoughts penned below it. It will be about the friendships forged through her course of study

MediaHub
Similar format to friends, his part showcases the Singapore being a media hub and how CNM aligns itself with this.

What have I learnt?
The following few parts consist of what she has learnt, different theories, creation, communication skills etc.

The advertisement ends when she writes, "this is why I've got a job that I've always wanted", she closes the book, the screen fades to black with the CNM logo appearing.

My thoughts
This idea is rather original, however my only concern is that there is definitely some form of technical skill involved, like whether to animate handwriting for the journal editing and all

Updates for assignment 1

Hi guys, its been some time since the last update due CNY and Recess Week. Well after all that fortnight of hard work before CNY, this is the final outcome of our revamped CNM webpage


Based on the logo and graphics Filzah has designed, we decided to expand it make it a theme for the webpage. I shall just comment of some of the aspects of this theme.

Color
The colors chosen were a different shade of blue, grey and white as it blends in well with the corporate colors that govern all NUS webpage. The downside of it would be a little bit dull looking.

Font
A sans serif font was chosen (BrowalliaUPC), since it makes it easy for users to read off the web.

Headings


The old CNM website had too many headings and it made webpage looked clustered with information. Hence we decided to regroup the headings into the 5 above. It makes the interface much cleaner for navigation.

Content


It was definitely a headache trying to extract information from the old website to our new revamped one, because of issues such as javascript and the huge amount of information needed to be reorganised. Due to our lack of technical experience, we could only carry out basic organisation such as creating tables, dividers, paragraphing etc. There are very good suggestions brought up during this week's lecture that we could try to use, such as creating a PDF with all the information (e.g module information) or even separate content into text files to allow easy editing. These ideas really made me go "WOW...".

Concluding Thoughts
Well, at least I did learn alot more about webpage creation from this assignment, it takes a good deal of effort to make it look good.

Thursday, February 4, 2010

Assignment 2: A Day In The University

Hello peeps, this is the sample pic of a simple web photo gallery which we are supposed to do. The link to the actual webpage is http://www.comp.nus.edu.sg/~kongchoo/thumbplate.htm



The challenge of this assignment is to keep all files (pics, html, css) under 180kb and still look aesthetically pleasing. I shall just pen down the design process that came into my mind when I was doing this assignment.

  • Color was perhaps the most striking theme to me so I decided to focus on a rainbow theme for the webpage.
  • I wanted to make the main color of each picture stand out, therefore I desaturated the original photos, played around with the hue and saturation settings and blurred the background a little.
  • To keep the colors organized, I've specifically arranged it such that the pics on the left hand contained warm colors ( red, orange, yellow etc) while the right hand side contained cooler colors (Blue cyan green)
  • Each pic is a little bit bigger than 320x240 so it is spaced nicely within the webpage using a simple CSS which I got from the web. Captions can be seen via mouseover the pictures, but I've disabled the pic enlargement because of overall size constraints.
  • The banner was made from scratch, you can try making it yourself using photoshop via this tutorial http://www.giackop.com/?p=70.
  • The only regret I have for this assignment was a lack of storyline since all the pictures taken were quite random. Wished I had more time to think about this.
Thats all from me, feel free to leave any comments, cheers.