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.

The Storyboard

The following is a rough storyboard for our application...

Cindy's GUI Design and Flowchart

This is my GUI for the "Local Cuisine" aspect that I will be doing. The background colour will remain vintage as planned and the strips of film will be black and white. The images on the strips, however will be coloured. The vertical film strip(low opacity/faded) serves as a simple design for the page.

The film strip will be moving, and when the mouse is rolled over an image, the image will emerge from the strip. Clicking on the image will bring the user to a new page with descriptions on the cuisine. At the bottom of the page, there will be two extra links that the user can click on; "Main Ingredients" and "Ways of Preparation". Once clicked, users will be directed to a new page.

Below is the flowchart for the aspect that I will be covering:

Minutes of the 1st Meeting

Group name: B.I.T.C.H.
Date: November 5th 2007
Venue: HB3 Wing A Room 5014
Present: Tan Lai Yan
Cindy
Nur liyana
Victoria

Agenda:

• To decide on the location/ hometown that is to be studied.
• To decide on a group’s name.
• To designate a specific aspect for each of our member.

Discussions:

First agenda:
as it is already stated in the previous blog, the hometown of our choice is Melaka. Cindy suggested Melaka and was strongly supported by Victoria. This is because all of us are somehow familiar with Melaka and we are all fond of Melaka. Besides that, Melaka is also victoria’s hometown, and this brings convenience in a sense that she knows Melaka well, and will be able to tour us around easily. Thus, with these strong points, we all agreed to Melaka unanimously.

Second agenda:
we moved ahead with the meeting to decide on our group’s name. there were many suggestions given by all of us. after a few suggestions, B.I.T.C.H was mentioned. We created the initials for it almost instantaneously.

Third agenda:
we shortlisted several areas of Melaka that are of interest to the users. Four of them were chosen. History, food, places of interest, and culture.
Each of us were assigned to one aspect each based on our own experiences and interests.

Additional agenda:
we picked a suitable date to travel to Melaka to get our resources and information.


Tentative agenda for the next meeting:

• To dicsuss on the design concept of the application such as the theme, demographics, etc…