Itinerary Website (Web Development)

36
USER MANUAL FOR TRAVEL 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

description

Topic: Itinerary Website (Web Development) Module: Web Design and Mark: 78% Sheffield Hallam University

Transcript of Itinerary Website (Web Development)

Page 1: 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

Page 2: Itinerary Website (Web Development)

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)

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)

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)

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)

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)

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)

5. MANAGE ITINERARY DETAILS

8

Page 9: Itinerary Website (Web Development)

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)

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)

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)

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)

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)

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)

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)

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)

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)

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)

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)

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)

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)

6. FRIEND FUNCTIONS

22

Page 23: Itinerary Website (Web Development)

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)

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)

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)

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)

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)

7. ADMIN STAFF FUNCTION

28

Page 29: Itinerary Website (Web Development)

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)

8. SERACH BY GOOGLE MAP

30

Page 31: Itinerary Website (Web Development)

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)

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)

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)

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)

9. SUPPORT MOBILE PHONE

35

Page 36: Itinerary Website (Web Development)

SUPPORT MOBILE PHONE36

This is examples of accessing our website on iPhone. It is also compatible with SAFARI browser.