Monday, November 26, 2007

Main Flowchart


Lai Yan's GUI design and Flowchart

This is a rough sketch of the GUI for my main menu. All three are drawing images, with the A Famosa representing Historical Attraction, The lady representing Shopping Squares, and the building with a lot of people representing Night Life. All image will be in a dull and monotonous at first, but as the user mouse over either one of the image, the colour will appear. Each image will link to different category.

After clicking on either one of the image, a new page a will be loaded. At first, there will be only three big bubles appear on the top. In each of those bubles is a image of three different places, and as the mouse scroll over, the name of the place will appear. As user click on either one of the bubles, another three bubles will appear onto the right in a circle formation, and the other two places-bubles will be faded. These three new bubles are much smaller than the three bubles on top and each bubles are - Brief Description, How To Get There, and Photos. at the same time the three bubles appear, a image of the place selected will appear in the middle of the circle formation. As the icon for Brief Description and How To Get There clicked, all information will appear in the circle as well. As the Photo icon is clicked, another list of smaller bubles will appear to complete the circle. Each of these bubles are different image of the place, and when clicked the full image will appear in the circle as well. At the end of all these bubles there will be a END bubles which will be visible all the time. This buble will help user to go back to the main three bubles or back to the main menu.


This is the flow chart of my sub topic - Fascinating Places.

The General Graphical User Interface

Above is our application's general GUI. As mentioned in the first proposal, we will be maintaining the vintage style. The colour scheme that we chose is suitable to match with our vintage style.

Victoria's GUI design and Flowchart


The following is a sketch of my personal GUI of my aspect, "The Legacy". The main page consists of an ancient compass that has the pointers leading to other sub-topics of the historical aspect. Topics such as an ancient map, a picture archive, etc.. are all part of my work. when the cursor moves over the pointer in the compass, the icon will light up and users are able to click on their desired section. From the ancient map, there will be markers of historical significance that users are allowed to click on it to view more in detail. A vintage looking scrapbook layout page will display description of the particular selection, example, Parameswara. The picture archive serves like a photo album with an additional voice narrative, that explains the picture portrayed on the page.

The flowchart comprises of the detail from my individual aspect..History.