itinerary website (web development)
DESCRIPTION
Topic: Itinerary Website (Web Development) Module: Web Design and Mark: 78% Sheffield Hallam UniversityTRANSCRIPT
![Page 1: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/1.jpg)
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
![Page 2: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/2.jpg)
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.
![Page 3: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/3.jpg)
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
![Page 4: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/4.jpg)
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
![Page 5: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/5.jpg)
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
![Page 6: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/6.jpg)
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
![Page 7: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/7.jpg)
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
![Page 8: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/8.jpg)
5. MANAGE ITINERARY DETAILS
8
![Page 9: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/9.jpg)
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
![Page 10: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/10.jpg)
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
![Page 11: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/11.jpg)
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
![Page 12: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/12.jpg)
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.
![Page 13: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/13.jpg)
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
![Page 14: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/14.jpg)
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
![Page 15: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/15.jpg)
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
![Page 16: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/16.jpg)
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
![Page 17: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/17.jpg)
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
![Page 18: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/18.jpg)
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
![Page 19: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/19.jpg)
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
![Page 20: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/20.jpg)
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
![Page 21: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/21.jpg)
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
![Page 22: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/22.jpg)
6. FRIEND FUNCTIONS
22
![Page 23: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/23.jpg)
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
![Page 24: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/24.jpg)
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
![Page 25: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/25.jpg)
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
![Page 26: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/26.jpg)
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
![Page 27: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/27.jpg)
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
![Page 28: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/28.jpg)
7. ADMIN STAFF FUNCTION
28
![Page 29: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/29.jpg)
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
![Page 30: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/30.jpg)
8. SERACH BY GOOGLE MAP
30
![Page 31: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/31.jpg)
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
![Page 32: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/32.jpg)
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
![Page 33: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/33.jpg)
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
![Page 34: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/34.jpg)
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
![Page 35: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/35.jpg)
9. SUPPORT MOBILE PHONE
35
![Page 36: Itinerary Website (Web Development)](https://reader038.vdocument.in/reader038/viewer/2022102823/5499614ab47959721f8b48fc/html5/thumbnails/36.jpg)
SUPPORT MOBILE PHONE36
This is examples of accessing our website on iPhone. It is also compatible with SAFARI browser.