Sunday, August 1, 2010

Work In Progress for Transportation/Getting There Link

I'm Diana and this is the work in progress report week 8 for Transportation/Getting There Link.

Description on the individual ideation of the link
The “Getting there” link is a sub link of our “A Famosa” site. Since Sam allows us to design our individual links in any ways, the idea for “Getting there” would be just simple with easy navigations and straightforward menus and buttons. There would be information and directions with the use of clear pictures. The link would provide information for tourists and targeted groups and since it will be quite direct, visitors will get easy navigation of the link. The link will be able to provide the necessary information like the mode of transportation and other relevant information. Other than that, visitors will be able to come back to older pages or links and visit back the link again.

Objective of the link
Like its name “Getting there”, the objective of the link is simple, that is to provide information and relevant details about the mode of transportations to the A Famosa site, which is the cultural site we are focusing on. The link will be provided necessary information with the use of pictures for clearer view.

Design of GUI
The design of the GUI will emphasize uses of pictures and icons to navigate the website. There will be menu buttons created and designed using Photoshop and the interface design is basically going to be simple and direct. I will make the overall design simple and it will be quite interactive using the Dreamweaver. I will be using good quality pictures with some editing, and simple menu buttons to go to other sub links of “Getting There”. Visitors will be able to visit other links and other sub links of my link. They will be able to get information about transportations to A Famosa. The background and handwriting and other design will be uniform as in #966 for the background color and Algerian handwriting for the link.

This is one of the potential designs of the link. Visitors will be able to navigate and get direct information quickly. The buttons are sample and I will make the buttons using Photoshop.




  • Flowchart of the individual site


  • Use of tools in Photoshop, Dream weaver and Flash

Photoshop

We have learnt several basic tools using Photoshop and therefore, as a member, I will be using several tools in Photoshop to create button tools, creative backgrounds and perfect editing tools for photographs for the “Transportation/Getting There” link. A simple button can be created using brush tools and boxes with layer adjustments to make them look just nice. Use of tools

Dreamweaver

This is to be used when creating the link itself. I will be using a lot of CSS and several creative tools to make the design of GUI of the webpage. There will be uses of links to allow sub links. Layouts and adjustments including picture rollover to make it much more attractive.

Flash

We have yet to learn it, therefore I have not planned anything with it yet.


· References

The photo below is a sample of reference which gave me an idea for the link. It is something that I will refer to for ideas and guidance.


· Screen shot of final output

The link is still in working progress. It will be ready for screen shots at the end of this week.


That is all for "Getting There" Work In Progress"
Wait for updates.

Thank you!

Diana Awing Adil
1091100991

No comments:

Post a Comment