Approaching to my final product - Part 3

(Click the photo above and try the hyperlinks that you want to browse)

The page of other information was attached with photos of websites, frontcover of books, CD and etc. I was the first time to copy the action scripts from other .fla that I could operate the pages for disaplay vividly. You could see that I inserted buttons to link with the pages that could be opened and moved into centre of window. The particular motion was controlled by the action scripts by copying from other, I had not any ideas why it could be done actually. This lesson urged me to learn that the action scipts could be borrowed into personal creation, and it saved time to dig into the profound syntax technically. All photos could be clicked by mouse and it would bring you into the webpages that you wanted.

Approaching to my final product - Part 2

(Click the above photo and see the effect)

By the comments from classmates, as the topic said, I decided to make the route for demonstartion of my trace in travelling Egypt. I used the gif. of shoes inserted along a moving line and then displayed my photos whle the shoes were passing by. The objective for this page that I regarded was accompanished with interactive button below. Someone could click on it and start off my journey along the spots in Egypt. Hoping that someone would give me comments on the effect of route, and other presentable ways to meet the task on this page.

Approaching to my final product - Part 1

(Please wait for a while and you can see all photos downloaded into page)

(you may click and open the above 2 files and see the photos displayed interactively)

I have finished my page of Gallery that comprised of several photos divided into two groups: People and Sceneries. The page that I felt much satisfactory carried out those of the effects with message graphically. I fully combined with the two pages as left and right, firstly it was convenient for user to click on the group on the left hand side and then the relevant photos could be seen on the right. Despite of the limited presentaiton for the photos pre-occupied in page, I made the photos presented user-friendly and impression with graphic orientation would be done. Lastly, I always met with the difficulity in handling the click that would link with other swf successfully in my directory of computer, however while I uploaded to server, it could not happen again, eventually I found that it should take time to load the photos that occupied memories in connection between pages.

Story Board for my final assignment - Part 7

It spent so much time to accompanish the tasks, especially in the linkages between .swfs, fused with more than 2 elements. The plan that I made the tasks into 5 pages had beated me down, since I was unfamilar to operate the commands of flash. I have decided few pages constucted with photos, however I could not combine them into a smooth file with one swf. I spent many hours to do it, and attempted many times by trial and error. Eventually, maybe I buy some books to follow the instruction. Here, I posted the background of my travelling experience, and it shoud be inserted into my main swf, probably I would try again later to make my task completed.

Story Board for my final assignment - Part 6

(download it for a while, and you may use mouse click below the screen to see it)

I created a flash of slides-player to present my photos, however I came across a problem of handling time-lap while I was loading other attached .swfs or photos from a distance site at ILN's server. Although part of my pages have been inserted with a loading screen, and the viewer could notice the files when the pocess of loading was completed 100%, it made me consider either all material were cutted down the size or, a preferrable site of blog could be stored with files with great extent of memories. Anyway, do any classmate find difficulty to handling loading or just I was too ambitious to enclose lots of stuff? I found that the topic of loading interactive materials would be my attention during learning process. In future, I should consider how to create interactive representation but it could be viewed promptly, and being user-friendly made for my viewer.

Story Board for my final assignment - Part 5

(please click on the upper photo to down the .swf and try it)

When I started to design and produce the content for each page, I prefered to start from the map that might fulfill my need to achieve new technique, and it urged me to adapt the operation of using Flash. During the session by Daniel, I learnt one of the technique that helped me to demostrate places of interest by clicking each mark on map. This was so much useful for me to present the scenaries to someone if he or she just clicked by mouse over the buttons. I have seen the products from other classmates who created the interactive map about their travelling experience. Interactive feeling is good and I am sure this technique to be my favourite model to create other content of pages.

Story Board for my final assignment - Part 4

(please click on the upper photo to download .swf and try it)

Finally, by using the main template of front page, I completed all other pages with interactive tags that were done by the structure of button in flash. someone might find interesting button on the left, named "Click Me", to get impression by a serie of photos. Music was inserted as well for the enhancement of attenion. Specific and colorful tags were created for someone who caught the separated topic clearly. The design of content for each topic will be left to further elaborate.

Story Board for my final assignment - Part 3

For the reason of convenient clicking, I created 5 tags or labels on the right hand fringe of the template. Someone should easily click on the tag and browse over the pages to select topic. Attractive background was attached on each page with specific photo or image that made distinctive impression for someone to view it. The selected topics are as follows:

1. Front page: the main purpose of front page is to demonstrate the main content on this website. Something attractive graphics is stated for enchanting someone to stay awhile. Front page may also be looked upon as a basic structure for the whole pages that are going to produce. Therefore, it is designed as a main template in which I could create other pages with similar design and pattern. I have posted a “Click Me” button to present several photos with interactive function; it may attract someone to pay attention to the representation.

2. Route and Map: I would use the technique that I learnt during the learning session. Posting photos and description is attached with the pointer over the places of interest. A route of my journey may be stated with a distinct line over the map. Several sceneries are used to introduce my journey and provide basic information on traveling.

3. Dairy: unique and precious experience is disclosed to share with viewers with sentimental approach since the reader may get interested in first impression, not just only searching traveling hints with informative mind.

4. Gallery: lots of attractive images and photos are posted as a pool so that the viewers can find something interesting by a glance of searching. Graphic information can enchant the viewers to pay attention on it.

5. Other information: I believe that no one can manage all the things that are enough for someone to fulfill the searching need, more importantly, further information should be provided as hyperlinks or websites as one’s preference.

Story Board for my final assignment - Part 2

The template of main page was my important part to finish since the viewer could use mouse click to enter into each page attributed to different topic, such as Route and Map, Diary, Gallery and so on. The shape and pattern of page was done with reference to my planner so that it may be a user-friendly guide within it. You will see below template that is separated into 4 parts. The left corner one is stated as the topic on that page. Below column on the left is scattered with several buttons, with the purpose of first impression by photos and cultural music. For the largest area one with grey color, the content with attractive photos and images will be presented. Lastly, at the right hand side, you can see 5 labels that are used to guide someone browsing each page with separated topic.

I attempted to insert music into the button and then made the photos changed one by one vividly. I hope to build up several buttons on the map, and the viewer could click on the button scattered on the map for previewing of Egypt’s sceneries.

Click me and try it

Story Board for my final assignment - Part 1

By the design of webpage for the topic, I prefer to create a foundation page with background template and put all designed pages pasted onto it, and make individual button attributed to each page for browsing by viewer’s preference. Therefore, the foundation page would be unified and enclosed common elements, such as background music, buttons and images in a same area. I made a link of my contact at the upper right corner for information exchange (however, it has not functioned yet). Lastly, I posted my website of blog and course’s name on the below and then someone could browse into my blog site to view the building process for this representation.