Assignment 3 ( Photoshop and Flash)

To proceed with my assignment 3, I have used the Adobe Photoshop and Adobe Dreamweaver to assist me..

Now I will show you all what I did for this assignment..

First of all, I want to create the buttons for my page which is the Activities for the four places in Pahang. I tried doing the buttons just as I plan which is using vertical text on the pictures of the places. However, they seem hard to read and ugly so I changed my plan. So, now I start off with a picture of the place. 

The picture above is the picture of the cable car in Genting Highlands. Now, I want to add a rectangular box using the Rectangle tool. Then, I change the opacity. After that, I add a Horizontal Text and rotate it. The end result is something like this. 

I did the same for the other 3 buttons. 

Ok, that's all for the buttons. Now, I move on to the images that I want to use for Flash. It is almost similar actually. 

That's about all for Adobe Photoshop. Now, move on to Adobe Flash. First, I import the files to the library. Then, I set the size to 600x500. The, I just drag the image in and resize them. 

After arranging and resizing, then click on the left button and press F8 to convert it to symbol. Then, I change the name to left and choose buttons for the type. I did the same for the right button.

Then, right click on the button and click Actions.

After that, I type the command into the menu. The command is on(release) {gotoAndStop (Frame)}. For the left button, I put 4 as the frame because I got 4 images and the left button would lead the user to the previous image which is the 4th image. As for the right button, I put 2 in the frame blank because it would lead the user to the next image which is the second image. 

I did the same for the other images. Just change the frame number for the command. After that, I press Alt+Ctrl+Enter to test the slide show. It moves very fast but I stop it to check whether the button works or not. 

So, now to make it stop looping back and forth, I want to make it stop so that the user can click the buttons by themself. I press F9 for the actions menu. Then, I put this command. stop();

So, that's it for Adobe Flash. Will move on to Adobe Dreamweaver soon. :)

Planning and Design for Website

Here comes the final project of Digital Media 1! In this project, we are suppose to create a website with a theme of  "Promotes Tourism - Malaysia Holiday Destination". We are in a group of 5 and each of us have their own task to do. My part would be to create a page about activities in Pahang. 


Description on the individual ideation of the link


The idea of the link is to provide information regarding the activities in the four places that we chose for Pahang which is Genting Highlands, Cameron Highlands, Taman Negara, and Pulau Tioman. There are links for transportation, accomodation and so on, hence definitely the viewers of the site wants to know what they can do at those places. That would be the ideation of the link called "Activites".


Objective of the link


The objective of this link is basically to inform and attract the viewers about the activities in the four places. There will be information on what they can do at those places, when will the activities be available, how much they have to pay for certain activities and images regarding the activities such as jungle trekking, diving and so on. I would like to enable the viewers to gather their information with little effort on their side so, I would divide the activities into their respective places and just within few clicks. 


Design of GUI


We have decided to divide our website into four famous places of Pahang which is Genting Highlands, Cameron Highlands, Taman Negara and Pulau Tioman. Since there are four places and there are many activities in each place, so it would be crammed up if all the information are being simply put into one page. Hence, I decided to design my interface like below.

The screen shot above will show the page after you have clicked on Activities on the Home page. The four small boxes on the top half page would be the buttons that link to the four places. I plan to use pictures with a vertical text in each of the boxes as buttons. I will use Adobe Photoshop to help me on that. And, for the big box at the bottom half page, I would like to put a slide show or maybe an animation regarding the activities in those four places. In this case, I would use Adobe Flash to help me. 

As for the layout above, this is what I planned on how to arrange my information when you clicked on any one of the four buttons. There would be pictures of the activity and information on that activity itself. I believe by this way, people could find their information easier. And if they want to get information on other places, they can just go back to the Activities page and choose from there. 


P/S : Please note that the design of GUI did not include the banners and buttons for the whole website. This is because there might be still some changes in the home page. 


Flow Chart of Individual Site

This is the flow chart for my link. Basically, under Activities there will be the four places that I've mentioned before. And below each place, there will be images and text to inform the viewers about the activities they can do there. 


Reference


For now, I already have some references where I gather information from. I will find more references for pictures to put into the website. Here are the references. 

http://www.kuantan-hotels.com/genting-highland/activities.htm

http://www.kuantan-hotels.com/cameron-highland/activities.htm

http://www.kuantan-hotels.com/activities/nationalpark.htm

http://www.kuantan-hotels.com/impiana-inn-tioman/activities.htm

http://www.asiatravel.com/malaysia/tioinfo.html

http://www.rainforestresort.net/activities.html

I'll be back with more updates. Thank you. :)