Tuesday 16 August 2011

Nur Hawanie -- Water Attractions and Accommodations

Description on the individual ideation of the link 

This link is designed for the viewers to see the informations that are related to water attractions and places to stay in Tioman Island. This link will specifically shows water attractions (water sports) that can be carry out in Tioman Island such as snorkeling and diving. This link will also provided the informations regarding the resorts and hotels that are available in Tioman Island such as Japamala and Berjaya.    

Objective of the link

This link is created to introduce the the water attractions (water sports) that can be carry out in Tioman Island to the viewers. This link is set up to help the viewers in searching for the informations about the water attractions which is one of the main reasons why tourists visited Tioman Island in the first place. This link is also being created to introduce the viewers to the resorts and hotels which they can choose to stay while they are in Tioman Island.

Design of GUI



As you can see here, my design for the webpage of the 'Water Attractions' are as above. My webpage basically will be in a form of 'Window'. When you click my link (water attractions) at the 'Home' webpage, which will be designed by Amirah, the things that you will see is a flash, showing all the images that are related to the water attractions and the description related to the topic on the right-hand side.



And here, same as my 'Water Attraction' webpage, this webpage showing all the informations about 'Accommodations' and it also will be in a form of 'Window'. Upon clicking the link (accommodation) in our homepage, automatically there will be a flash showing all the images that are related to the accommodation and at the right-hand side, there will be a description related to the topic.

As you can see at the design, on the top of the 'Window', under the banner, there will be two links available, 'Main Menu' and 'Water Attractions' or 'Accommodations'. Once you click one of the links chosen from 'Water Attractions' and 'Accommodations' , there will be a drop-down menu showing links that are available in my flowchart. To go back to the homepage of this website, just click the 'Main Menu' link and you will be directed to our 'Home' webpage.


Flowchart of the individual site
Uses of tools in Photoshop, Dreamweaver and Flash


I'll be responsible for the making of flash that will be use in our website.

First Step : Import the pictures to library. 


Second Step : Drag and drop the picture from the library into Stage. Name the first layer, 'intro'.


Third Step : Use Free Transform Tool to adjust the size of the picture.


Fourth Step : Go to the 24th frame, right click and click 'Insert Frame'.


Fifth Step : Add a new layer and name it 'text1'. Using a Text Tool, write 'Welcome to Tioman Island'.


Sixth Step : Then, same as the fourth step, go to the 24th frame, right click and click 'Insert Frame'.


Seventh Step : After that, add a new layer and name it as '2nd pic'. Go to the 25th frame, right click and click 'Insert Keyrame'. Drag and drop the picture from the library into Stage.


Eighth Step : Same as the third step, use Free Transform Tool to adjust the size of the picture. Then, go to the 49th frame, right click and click 'Insert Frame'. 


Ninth Step : After that, add a new layer, name it as 'text2'. Go to the 25th frame, right click and click 'Insert Keyframe'. Write 'Where the paradise is' and go to the 49th frame, right click and click 'Insert frame'. 


Repeat first step until ninth step by using different pictures in the library. After finished the steps, rename the file as 'intro'; go to the control window and click 'Test Movie'. 

  
References

For the accommodations, informations about the places and the images, I used these links as my references: 

1. http://www.japamalaresorts.com/Malaysia-boutique-resort-Tioman-Island.html 
2. http://www.agoda.com.my/asia/malaysia/tioman_island/japamala_resort.html
3. http://www.malaysiasite.nl/tiomanjapamalaeng.htm
4. http://www.agoda.com.my/asia/malaysia/tioman_island/berjaya_tioman_resort.html
5. http://www.farawayholidays.co.uk/faraway/berjaya_tioman_beach_resort/index.html

For the water attractions, informations about the places and the images, I used these links as my references:

1. http://www.tioman-dive-centre.com/divesites.html
2. http://www.cuti.com.my/Sub/Pahang/tioman/tio_activities.htm
3. http://www.myoutdoor.com/misc/things_to_do.htm
4. http://www.divetioman.com/
5. http://www.balihaidivers.net/

Screen shot of final output


The final output of the flash. 




The final output of the website under 'accommodations' and 'water attraction'.