Itinerary Website (Web Development)
-
Upload
traitet-thepbandansuk -
Category
Technology
-
view
1.149 -
download
0
description
Transcript of Itinerary Website (Web Development)
USER MANUAL
FORTRAVEL ITINERARY PROJECT
1
Module: Web Application Design and Modeling (WDAM)
Assignment: Final Design Document (USER MANUAL)
Team Name: As a Whole
Created by Team Members
Reviewed by Team Members
Created Date 10 Jan 2012
Revised Date 12 Jan 2012
Revision No. 1.0
Document Name U01-001
OBJECTIVE OF THIS DOCUMENT
2
1.To propose the results following our design.
2.To prevent if our application cannot run on different environment properly.
3.To explain how to use our web application.
1) LOGIN AND LOGOUT3
Login
1. Fill user name and password2. Click login3. System shows Role ex. USER
Comment:
System supports 3 roles4. ADMIN : Can do all functions5. TRIP_MANAGER : Can add trip 6. USER: Can do all functions except
to add trip and create manager trip manager account.
Logout7. Click logout
1
2
31
2.1) REGISTER USER4
Register User
1. Click Register User at home page2. Or click Register at login page3. Fill personnel information4. Click register5. Name and roles will show after
login.
Comment:
6. System can login using user or e-mail.
7. System sends e-mail after registration is completed.
1
2
4
35
2.2) EDIT PROFILE AND CHANGE PASSWORD
5
Edit profile
1. Go to menu Profile > Edit Profile
2. Change profile
3. Click update profile
Change Password
4. Go to menu profile > Change password
5. Fill old password, new password and confirm new password
6. Click change password
12
3
12
3
3) CREATE ITINERARY6
Create Itinerary
1. At menu, select Itinerary > Create New Itin
2. Fill Trip Title, Location3. Fill Privacy, start date and to date4. Click Create Itinerary.
Note:
There are three Privacy for each itinerary.
5. PUBLIC: Every one can preview your itinerary.
6. PRIVATE: No one can preview except to you.
7. FRIEND: Only your friends can will your itinerary.
1
23
4
4) SEARCH ITINERARY7
Search Itinerary Menu
1. Search your Own Itinerary: List of Itineraries which created by you. You will have full permission to manage.
2. Search Public and Friend’s Itin: List of Itineraries which created and shared by other people and your friends. You can view them only.
3. Search Distributor Itin (Sharing Itin): List of Itineraries which shared by your friend for updating together. You can manage (add, edit and delete itinerary items).
4. Search Itinerary Trip by Agency: List of itineraries which created by trip managers to advertise their trips. Your can view them only.
** You can post note on some itineraries depended on your permission made by owner.
1
3
2
4
Ex. List of you own Itineraries
Ex. List of Itinerary trips created by Agency
5. MANAGE ITINERARY DETAILS
8
5.1) FUNCTIONS IN PREVIEW ITINEARY
DETAILS PAGE9
Function in Preview Itinerary Page
1. Sub Menu bar
1. Print Itinerary: To print itinerary (Not implemented)
2. Post note: To post note on your itinerary
3. Manage friend to update this trip: To add friend for updating itinerary together.
2. Update itinerary header4. Enter update data and click
update
3. Update Privacy (PUBLIC, PRIVATE, FRIEND)
5. Privacy of Itinerary6. Privacy of posting note
4. Select a itinerary item to add details.
7. Flight8. Train9. Cruise10.Hire Car11.Hotel12.Meeting13.Activity14.Restaurant
4
1
3
2
5.2 POST NOTE10
Post Note
1. Select a shared itinerary.2. Click “post note”3. Fill note title and content4. Click save5. Note will be shown on that itinerary.
Comment:
6. User can post note only particular itinerary that shared by others.
2
1
3
4 5
5.3 ADD FRIEND TO UPDATE
ITINERARY TOGETHER11
Add friend to update itinerary together
1. Select your particular itinerary.
2. Click “Manage Friend to update this trip”
3. Click Add friend(s) to update our trip
4. Your friend can see at “Search Distribute Itin” Menu and he/she can also update.
2
1
3
4
5.4.1) ADD FLIGHT12
Add Train
1. At Preview itinerary page , click add Flight
2. Fill flight details3. Click save4. Flight information will be shown at
after click save at itinerary preview page.2
3
1
4
** Now website has but about time. Therefore, you can test only date at departure/arrival time.
5.4.2) ADD TRAIN13
Add Train
1. At Preview itinerary page , click add Train
2. Fill train details3. Click save4. Train information will be shown at
after click save at itinerary preview page2
3
1
4
5.4.3) ADD CRUISE14
Add Train
1. At Preview itinerary page , click add Cruise
2. Fill cruise details3. Click save4. Cruise information will be shown at
after click save at itinerary preview page.2
3
1
4
5.2.4) ADD HIRE CAR15
Add Hire car
1. At Preview itinerary page , click add Hire car
2. Fill hire car details3. Click save4. Hire car information will be shown
at after click save at itinerary preview page.2
3
1
4
5.4.5) ADD HOTEL16
Add Hotel
1. At Preview itinerary page , click add Hotel
2. Fill Hotel details3. Click save4. Hotel information will be shown at
after click save at itinerary preview page
2
3
1
4
5.4.6) ADD MEETING17
Add Meeting
1. At Preview itinerary page , click add Meeting
2. Fill Meeting details3. Click save4. Meeting information will be shown
at after click save at itinerary preview page
2
3
1
4
5.4.7) ADD ACTIVITY18
Add Activity
1. At Preview itinerary page , click add Activity
2. Fill Activity details3. Click save4. Activity information will be shown
at after click save at itinerary preview page
2
3
1
4
5.4.8) ADD RESTAURANT19
Add Restaurant
1. At Preview itinerary page , click add Restaurant
2. Fill Restaurant details3. Click save4. Restaurant information will be
shown at after click save at itinerary preview page.
2
3
1
4
5.5) EDIT ITINERARY ITEM20
Edit Itinerary item
1. At Preview itinerary page, click edit on itinerary item which you want to edit.
2. Change details3. Click save4. Updated information will be shown
on the preview itinerary details page.
1
2
34
5.6) DELETE ITINERARY ITEM
21
Delete Itinerary item
1. At Preview itinerary page, click delete on itinerary item which you want to delete.
2. That itinerary item will be deleted. (In picture, flight details was deleted)
1
2
6. FRIEND FUNCTIONS
22
23 6.1) ADD FRIEND
Add Friend
1. Go to menu Friend > Add Friend
2. Click friend who want to add
Comment:
1. You need to wait until your friend accept you will see his/her sheared itinerary.
1
2
24 6.2) ACCEPT/REJECT FRIEND
Accept or Reject Friend
1. Go to menu Friend > Accept or Reject Friend
2. Click at Reject to refuse a friend
3. Click at Accept to make a friend. (Your friend will can see your shared itinerary which you set privacy for friend)
Comment:
1. Link to see your friend itinerary is implemented.
1
2
256.3) PREVIEW FRIEND LIST
AND UNFRIEND
Preview Friend List and Unfriend
1. Go to menu Friend > Friend List
2. Click at Unfriend to remove your friend out from you friend list.
1
2
266.4) CHECK FRIEND REQUEST
STATUS
Check friend request status
1. Go to menu Friend > Request Friend Status.
2. System will show status of friends who invited by you.
3. Click cancel to delete your request.
Comment:
4. If friend refuses your request, this page will show as REJECT.
5. If friend accept you, you can see at the friend list page.
6. This page will not show friends who already accepted you as FRIEND.
1
2
3
27
6.5) SEND E-MAIL TO INVITE FRIEND JOINING
WEBSITE
Send E-mail to Invite Friend
1. Go to menu Friend > Send E-mail to invite friend
2. Enter E-mail and content
3. Click Send E-mail Request
4. Your friend click link to register
Comment
5. Regarding e-mail function, system will send by [email protected] account.
1
2
3
4
7. ADMIN STAFF FUNCTION
28
7. ADD TRIP MANAGER ACCOUNT BY ADMIN
29
Add Trip Manager Account
1. Login by user admin (If role = admin, menu will show add trip manager)
2. Go to menu Add Trip Manager > Add Trip Manager
3. Select user who want to set as trip manager account
4. Fill Agency information ex. Company name
5. Click submit
1
2
3
4
5
8. SERACH BY GOOGLE MAP
30
31
Search Restaurants
1. Search and view an itinerary.
2. Go to Hotel information. (This function needs to add hotel information, and fill location or postcode firstly)
3. Link will use keyword from Location and Postcode entered.
4. Click search restaurants to find nearby restaurants on Google Map.
5. Web will link to Google map using keywords from Location and Postcode recorded.
1
4 3
5
2
8.1 GOOGLE MAP:: SEARCH RESTAURANTS NEARBY HOTEL
8.2 GOOGLE MAP:: SEARCH ACTIVITIES NEARBY HOTEL
32
Search Activities
1. Search and view an itinerary.
2. Go to Hotel information. (This function needs to add hotel information, and fill location or postcode firstly)
3. Link will use keyword from Location and Postcode entered.
4. Click search activities to find nearby activities on Google Map.
5. Web will link to Google map using keywords from Location and Postcode recorded.
1
4 3
5
2
33
Search Restaurant
1. Select a particular itinerary2. Select menu Google Map > Search
restaruants3. Fill keyword4. Click search5. Restaurants will be show on the
Google map.6. You can fill comment and post
interested restaurants into your note.
7. System will keep the last location where is searched.
8.3 GOOGLE MAP:: SEARCH RESTARUANTS
( T H I S F E AT U R E I S N O T I M P L M E N T E D S U C C E S S F U L O N W E B )
List of activities near London Endell Street
Click here to see list
8.4 GOOGLE MAP:: SEARCH ACTIVITIES
( T H I S F E AT U R E I S N O T I M P L M E N T E D S U C C E S S F U L O N W E B )
34
Search Activities
1. Select a particular itinerary2. Select menu Google Map > Search
activities3. Fill keyword4. Click search5. Activities will be show on the Google
map.6. You can fill comment and post
interested activities into your note.7. System will keep the last location
where is searched.
List of activities near 350 Fifth Ave. New York
Click here to see list
9. SUPPORT MOBILE PHONE
35
SUPPORT MOBILE PHONE36
This is examples of accessing our website on iPhone. It is also compatible with SAFARI browser.