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 shulaptop@gmail.com 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.