RELEASE NOTE
I. Release Package & User Guides
1. Deliverable Package
1.1 Source codes & documents
No. Items Sub-Items Type Version
Code Package
1 Front-end client New 1.0
2 Back-end api New 1.0
Document
1 SRS SoftwareRequirementSpecification.pdf .pdf 1.0
2 SDS SoftwareDesginSpecification.pdf .pdf 1.0
3 PresentationSlide TravelManagementSystem_Slide.pdf .pdf 1.0
4 SystemTest TravelManagementSystem_SystemTest.xlsx .xlsx 1.0
5 UnitTest TravelManagementSystem_UnitTest..xlsx .xlsx 1.0
6 BlackLog TravelManagementSystem_BlackLog.xlsx .xlsx 1.0
2. Installation Guides
2.1 System Requirements
- Minimum system requirements:
For supporting Travel Web Application, the system requirements necessary as follows:
+ Window 7, 32-bit or 64-bi
+ Ram Size greater than 4GB
+ Minimum Core is i3
- Minimum software version requirements:
+ Git
+ Visual Studio lCommunity
+ NodeJS v18.12.1
+ Visual Studio Code
+ 4GB RAM
+ i3
+ Microsoft SQL Server Microsoft SQL Server Management Studio
2.2 Installation Instruction
2.2.1. Install Backend Project
- Download SQL Server Management (Tutorial).
https://www.microsoft.com/en-us/sql-server/sql-server-downloads
+ Note: when setting SQLServer, a password must be 123456
+ After setting up SQLServersuccessfully:
- Download Visual Studio 2022
https://visualstudio.microsoft.com/vs/community/
- Install Visual Studio
- Reset your Visual Studio
NAME VALUE
DB_USERNAME root
DB_PASSWORD 123456
DB_CONNECT "Server=root;Database=TravelTest;User
ID=sa;Password=123456;Encrypt=False"
DB_NAME TravelTest
- Open source code by Visual Code Community, wait for auto downloading dependencies
packages, choose Travel_Backend to run Backend
2.2.2 Install frontend project
- Install NodeJs https://nodejs.org/en.
- Install Visual Studio Code.
- Open folder “travel_fe” with Visual Studio Code.
- In terminal run command: npm install.
- In each page, edit port in each file .js
- After successfully installing dependencies, run the project by entering the following
command in terminal: npm run start
3. User Manual
3.1 Guest - Website
3.1.1. View Home Page
● View Home Page:
o Access the home page.
o Guests can view all information about the website, guests can log in or register to use.
Figure 3.1.1 : Home page screen
3.1.2. Register
● Register:
○ On this Home page.
○ Click the “Register”.
○ The system will display the sign up form.
○ Input a valid username, date of birth, password, repassword, email, phone number, role
to register.
○ Then the system will send to the email that the user has registered, the user only needs
to enter the mail and "activate".
○ After successful registration, the user will return to the login page to log in to the system.
Figure 3.1.2: Register Screen
3.1.3 Login
● Login:
○ On this Home page.
○ Click the “Log In”.
○ The system will display the login form.
○ Input email and password that the user has registered.
○ Click the button “Login ” to login successfully.
○ If you do not have an account you can also return to the registration page by clicking
"Don't have an account?Register here".
Figure 3.1.3: Login Screen
3.2 Admin - Website
3.2.1. Login
● View Dashboard:
o After admin login.
o Addmin view panel displays information about the manage user
3.2.2. View Tour list
● View Tour list :
o After admin login.
o Access “Tour Management” in the sidebar.
o Admin view panel shows information about the tour, admin can also create, update,
delete the tour..
Figure 3.2.2: Manage Tour Screen
3.2.3. View Tour Detail
● View Tour detail::
o After admin login.
o Access “Tour Management” in the sidebar.
o Access “View Tour Detail” on the tour card
Figure 3.2.3: View Tour Detail
3.2.4. Create Tour
● Create Tour:
o After admin login.
o Access “Tour Management” in the sidebar.
o Access “Create Tour” and enter information about tour
Figure 3.2.4: View Tour Detail
3.2.5. Update Tour Tour
● Update Tour :
o After admin login.
o Access “Update Tour” on View Tour Detail page
o Enter information about Tour they want to update
Figure 3.2.2: View Update Tour Tour
3.2.6. Manage Booking
● View Booking list:
o After admin login.
o Access “Booking Management” in the sidebar.
o Admin view panel shows information about the booking, admin can also create, update,
delete the booking..
Figure 3.2.6: Manage Booking Screen
3.2.7. Manage Feedback
● View Feedback list:
o After admin login.
o Access “Feedback Management” in the sidebar.
o Admin view panel shows list of feedback
Figure 3.2.7: Figure Mange Feedback Screen
3.2.8. View List Tour History:
● View List Tour History:
o After admin login.
○ Click on View List Tour History on the navbar
○ Website will display all tours that tourists booked before.
Figure 3.2.8: Figure List Tour History Screen
3.3. Travel Agent - Website
3.3.1. Manage Hotel
● View Hotel list:
o After travel agent login.
o Access “Hotel Management” in the sidebar.
o Admin view panel shows information about the hotel, travel agent can create, update,
delete your own Hotel
Figure 3.3.1: Manage Hotel Screen
3.3.2. Manage restaurant
● View Restaurant list:
o After travel agent login.
o Access “Restaurant Management” in the sidebar.
o Admin view panel shows information about the hotel, travel agent can create, update,
delete your own Restaurant
Figure 3.3.2: Manage Restaurant Screen
3.3.3. Manage Vehicle
● View Vehicle list:
o After travel agent login.
o Access “Vehicle Management” in the sidebar.
o Admin view panel shows information about the hotel, travel agent can create, update,
delete your own Vehicle
Figure 3.3.3: Mange Vehicle Screen
3.3.4. Manage Staff
● View Vehicle list:
o After travel agent login.
o Access “Staff Management” in the sidebar.
o Admin view panel shows information about the hotel, travel agent can create, update,
delete your own Staff
Figure 3.3.4: Mange Staff Screen
3.4 Tourist- Website
3.4.1. Sign in with username and password
● Login:
o On the home page.
o Click the “Login” button.
o Input “Password”.
o Click the “Login” button.
3.4.2. Forgot Password
o Click “Forgot password.Click here”.
o Input “Email”.
o Click “Get Started”.
Figure 3.4.2: ForgotPass Screen
3.4.3. Log Out
● Log Out :
o On Profile page.
o Click the “Logout” button.
Figure 3.4.3: ForgotPass Screen
3.4.4. View Profile
● View Profile :
o On the home page.
o Click the “Profile” button.
Figure 3.4.4: View Profile
3.4.5. Update Profile
● Update Profile :
○ On profile page.
○ Click the “Update profile” button.
○ Input “Full Name”,”User Name”, “Phone Number” want to change.
○ Click the “Change” button.
Figure 3.4.5: Update Profile
3.4.6. Change Password
● Change Password :
○ On profile page.
○ Click the “Change password” button.
○ Input “Current Password” , “New Password” ,”Re-enter New Password” want to change.
○ Click the “Change” button.
Figure 3.4.6: Change Profile
3.4.7. View Tour List
● View tour list available:
○ On the home page:
○ Click the “Tour” on the header
Figure 3.4.6: Change Profile
3.4.8. View Tour Detail
● View Tour Detail:
○ On the List Tour Page
○ Click the “Tour Detail” tour card
3.4.9. Search Tour:
● Search Tour
○ Search bar, tourist enter name tour
○ Website will display tour about containing name they search
3.4.10. View List Tour History:
● View List Tour History:
○ Click on View List Tour History on the navbar
○ Website will display all tours they booked before
3.4.11. Book Tour:
● Book Tour
○ On the Tour Detail:
○ Click the “Booking” and website will display a box let tourist enter information
3.4.12.View Hotel List
● View hotel list available:
○ On the home page:
○ Click the “Hotel” on the header
3.4.13. View Hotel Detail
● View Hotel Detail:
○ On the List Hotel Page
○ Click the “Hotel Detail” hotelcard
3.4.14. View Vehicle List
● View vehicle list available:
○ On the home page:
○ Click the “Vehicle” on the header
3.4.15. View Vehicle Detail
● View Vehicle Detail:
○ On the List Vehicle Page
○ Click the “Vehicle Detail” vehicle card
3.4.17. View Restaurant List
● View Restaurant list available:
○ On the home page:
○ Click the “Restaurant ” on the header
3.4.18. View Restaurant Detail
● View Restaurant Detail:
○ On the List Restaurant Page
○ Click the “Restaurant Detail” restaurant card
3.4.19. View Staff List
● View Staff list available:
○ On the home page:
○ Click the “Staff ” on the header
3.4.20. View Staff Detail
● View Staff Detail:
○ On the List Staff Page
○ Click the “Staff Detail” Staff card
