Xây dựng website cung cấp các dịch vụ du lịch

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT
THÀNH PHỐ HỒ CHÍ MINH

ĐỒ ÁN TỐT NGHIỆP
NGÀNH CƠNG NGHỆ THÔNG TIN

XÂY DỰNG WEBSITE
CUNG CẤP CÁC DỊCH VỤ DU LỊCH

GVHD: Ths. NGUYỄN TRẦN THI VĂN
SVTH: ĐINH MINH KHÔI
PHẠM VĂN ĐỨC TIẾN

SKL010272

Tp. Hồ Chí Minh, tháng 6/2023


TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP. HỒ CHÍ MINH
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO
NGÀNH CƠNG NGHỆ THƠNG TIN

KHĨA LUẬN TỐT NGHIỆP

XÂY DỰNG WEBSITE CUNG CẤP
CÁC DỊCH VỤ DU LỊCH

SINH VIÊN THỰC HIỆN:
Đinh Minh Khơi

19110010

Phạm Văn Đức Tiến

19110024

KHĨA: 2019
GVHD: ThS. Nguyễn Trần Thi Văn

Tp.Hồ Chí Minh – tháng 6, 2023


ĐH SƯ PHẠM KỸ THUẬT
TP.HCM
NG HOÀ
KHOA ĐÀO TẠO CHẤT
LƯỢNG
CAO
c

XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh Phúc

*******

*******

NHIỆM VỤ KHÓA LUẬN TỐT NGHIỆP
Họ và tên Sinh viên 1: Đinh Minh Khôi
Họ và tên Sinh viên 2: Phạm Văn Đức Tiến

Ngành: Công nghệ Thông tin
Giảng viên hướng dẫn: ThS. Nguyễn Trần Thi Văn
Ngày nhận đề tài: 20/02/2023
NHẬN XÉT

MSSV 1: 19110010
MSSV 2: 19110024
Lớp: 19110CLST2
Ngày nộp đề tài: 29/05/2023

1. Tên đề tài: Xây dựng website cung cấp các dịch vụ du lịch
2. Nội dung thực hiện:
Lý thuyết:
-

Tìm hiểu RESTful API với NodeJS.
Tìm hiểu về lập trình website với NextJS.
Tìm hiểu về các API của Google.

Thực hành:
-

Xây dựng API Server
Xây dựng website có các chức năng chính của các đối tượng sau:
 Chức năng chung:
Bao gồm toàn bộ chức năng của admin và có thêm những chức năng sau:
STT Chức năng
1

Mơ tả

Xem thông tin dịch vụ Xem những dịch vụ (tour, nơi ở) mà hệ
thống có

2

Xem thơng tin sự kiện Xem những sự kiện được tổ chức trên hệ
thống, từ đó có thể nhận những mã giảm
giá khi đặt dịch vụ

3

Tìm kiếm

Tìm kiếm những địa điểm, tour, nơi ở.

4

Kiểm tra phịng trống

Tại trang chi tiết của một nơi ở, người
dùng có thể tra cứu những phòng trống.




Super admin (quản trị hệ thống cấp cao):
Bao gồm toàn bộ chức năng của admin và có thêm những chức năng sau:
STT Chức năng

Mô tả

1

Xem doanh thu được thống kê theo tháng

Quản lý doanh thu

của hệ thống và của từng doanh nghiệp
2


Quản lý tài khoản

Xem và phân quyền các tài khoản

Admin (quản trị hệ thống):
STT Chức năng

Mô tả

1

Xem và phân quyền các tài khoản (ngoại

Quản lý tài khoản

trừ phân quyền cho super admin và admin).
2

Quản lý điều khoản

Xem, thêm, sửa và xóa các điều khoản

3

Quản lý đơn hủy

Những đơn bị hủy sẽ được thống kê sau đó
kế tốn sẽ chuyển tiền hồn trả lại cho
khách hàng (nếu có).

4

Quản lý đơn đổi lịch

Những đơn đổi lịch sẽ được thống kê sau
đó kế tốn sẽ chuyển tiền hồn trả lại cho
khách hàng (nếu có).

5

Quản lý sự kiện

Xem, thêm, sửa và xóa các sự kiện. Mỗi sự
kiện sẽ có kèm theo voucher giảm giá.



Enterprise (nhà cung cấp dịch vụ):

Bao gồm toàn bộ chức năng của “Staff” và có thêm những chức năng sau:
STT Chức năng

Mơ tả

1

Xem, thống kê doanh thu, biết được có bao

Quản lý doanh thu

nhiêu đơn theo tháng. Biết được đơn nào đã
hủy
2

Quản lý nhân viên

Xem, thêm, sửa và xóa các nhân viên




Staff (nhân viên của nhà cung cấp dịch vụ):
STT Chức năng

Mơ tả

1

Quản lý dịch vụ

Xem, thêm, sửa và xóa những dịch vụ

2

Quản lý Feedback

Xem và trả lời những feedback

3

Quản lý đơn đã đặt

Xem, chuyển đổi trạng thái đơn đã đặt

4

Quản lý sự kiện

Xem, thêm, sửa và xóa các sự kiện. Mỗi sự
kiện sẽ có kèm theo voucher giảm giá của
từng enterprise



User (người dùng của hệ thống)
STT Chức năng

Mô tả

1

Quản lý thơng tin

Xem, thêm, sửa và xóa thơng tin cá nhân

2

Đánh giá, bình luận

Đánh giá những dịch vụ đã sử dụng thơng
qua hệ thống. Nếu chưa sử dụng dịch vụ đó
thì cũng có thể trả lời những đánh giá để
tham khảo dịch vụ

3

Quản lý đơn đã đặt

Xem, đổi lịch hoặc hủy những đơn đã đặt

4

Đặt dịch vụ

Đặt và thanh toán dịch vụ (tour hoặc
phòng)

3. Các số liệu, tài liệu ban đầu:
Sử dụng lại một số nội dụng, chức năng đã có từ Tiểu luận chuyên ngành:

STT

Nội dung/Chức
năng

Mô tả

Tỉ lệ
dùng lại

1

Lý thuyết

Lý thuyết về NodeJS và NextJS.

100%

2

Đăng nhập, đăng
xuất, đăng ký

Đăng nhập, đăng ký vào hệ thống.
Đăng xuất khỏi hệ thống.

100%

3

Quản lý thơng tin
tài khoản

Người dùng quản lý thơng tin của chính 100%
họ.


4

Xem thơng tin dịch Đã có trang thơng tin các dịch vụ.
vụ

5

Quản lý doanh thu

Đã có quản lý doanh thu của Enterprise. 40%

6

Quản lý tài khoản

Admin xem các tài khoản của hệ thống.

7

Quản lý dịch vụ

Bị thiếu sót và sai logic rất nhiều dẫn đến 15%
giao diện cũng sai, chỉ tận dụng được

một số thông tin được thiết lập dưới
Database.

8

Quản lý đơn đã đặt

Xem và tải xuống thơng tin hóa đơn.

9

Đánh giá dịch vụ

Đã có API trả về thơng tin các bình luận. 40%

10

Đặt dịch vụ

Tận dụng được phần nhỏ database và 15%
APIs.

11

Kiểm tra phòng
trống

Kiểm tra phòng còn trống của một nơi ở. 50%

NG HOÀ

Trưởng ngành
(Ký & ghi rõ họ tên)

Tp. Hồ Chí Minh, ngày

20%

100%

25%

tháng

Giảng viên hướng dẫn
(Ký & ghi rõ họ tên)

năm 2023


ĐH SƯ PHẠM KỸ THUẬT
TP.HCM
NG HOÀ
KHOA ĐÀO TẠO CHẤT
LƯỢNG
CAO
c

XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh Phúc

*******

*******

PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN
Họ và tên Sinh viên 1: Đinh Minh Khôi
MSSV 1: 19110010
Họ và tên Sinh viên 2: Phạm Văn Đức Tiến
MSSV 2: 19110024
Ngành: Công nghệ Thông tin
Tên đề tài: Xây dựng website cung cấp các dịch vụ du lịch
Họ và tên Giảng viên hướng dẫn: ThS. Nguyễn Trần Thi Văn
NHẬN XÉT
1. Về nội dung đề tài & khối lượng thực hiện:
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
2. Ưu điểm:
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
3. Khuyết điểm:
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
4. Đề nghị cho bảo vệ hay không?
...........................................................................................................................................
5. Đánh giá loại:
...........................................................................................................................................

6. Điểm: .............................. (Bằng chữ: .......................................................................)
...........................................................................................................................................
Tp. Hồ Chí Minh, ngày

tháng

Giảng viên hướng dẫn
(Ký & ghi rõ họ tên)

năm 2023


ĐH SƯ PHẠM KỸ THUẬT
NG HOÀTP.HCM
KHOA ĐÀO TẠO CHẤT
c LƯỢNG CAO

XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh Phúc

*******

*******

PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN
Họ và tên Sinh viên 1: Đinh Minh Khôi
MSSV 1: 19110010
Họ và tên Sinh viên 2: Phạm Văn Đức Tiến
MSSV 2: 19110024
Ngành: Công nghệ Thông tin

Tên đề tài: Xây dựng website cung cấp các dịch vụ du lịch
Họ và tên Giảng viên phản biện: PGS. TS. Hoàng Văn Dũng
NHẬN XÉT
1. Về nội dung đề tài & khối lượng thực hiện:
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
2. Ưu điểm:
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
3. Khuyết điểm:
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
4. Đề nghị cho bảo vệ hay không?
...........................................................................................................................................
5. Đánh giá loại:
...........................................................................................................................................
6. Điểm: .............................. (Bằng chữ: .......................................................................)
...........................................................................................................................................
Tp. Hồ Chí Minh, ngày

tháng

Giảng viên phản biện
(Ký & ghi rõ họ tên)

năm 2023

LỜI CẢM ƠN
Để hoàn thành tốt đề tài và bài báo cáo này, chúng em xin gửi lời cảm ơn chân thành
đến thầy Nguyễn Trần Thi Văn, người đã trực tiếp hỗ trợ chúng em trong suốt quá trình
làm đề tài. Chúng em cảm ơn thầy đã đưa ra những lời khuyên từ kinh nghiệm thực tiễn
của mình để định hướng cho chúng em đi đúng với yêu cầu của đề tài đã chọn, luôn giải
đáp thắc mắc và đưa ra những góp ý, chỉnh sửa kịp thời giúp chúng em khắc phục nhược
điểm và hoàn thành bài đúng với thời hạn đã đề ra.
Và hơn hết, chúng em cũng xin gửi lời cảm ơn chân thành đến ban giám hiệu trường
Đại Học Sư phạm kỹ thuật Thành phố Hồ Chí Minh vì đã tạo điều kiện về cơ sở vật chất
với hệ thống thư viện, phòng máy hiện đại, đa dạng các loại sách, thiết bị thuận lợi cho
việc tìm kiếm thơng tin và nghiên cứu đề tài. Bên cạnh đó, chúng em cũng xin được gửi
lời cảm ơn chân thành các quý thầy cô trong khoa Đào tạo Chất Lượng Cao nói chung
và ngành Cơng Nghệ Thơng Tin nói riêng đã tận tình truyền đạt những kiến thức cần
thiết giúp chúng em có nền tảng để làm nên đề tài này. Cùng với đó, chúng em xin được
gửi cảm ơn đến các bạn cùng khóa đã cung cấp, trau dồi thêm cho chúng em nhiều thông
tin và kiến thức hữu ích giúp chúng em có thể hồn thiện hơn đề tài của mình.
Đề tài và bài báo cáo được chúng em thực hiện trong khoảng thời gian ngắn, với
những kiến thức còn hạn chế cùng nhiều hạn chế khác về mặt kĩ thuật và kinh nghiệm
trong việc thực hiện một dự án phần mềm. Do đó, trong quá trình làm nên đề tài có
những thiếu sót là điều không thể tránh khỏi nên chúng em rất mong nhận được những
ý kiến đóng góp quý báu của các quý thầy cơ để kiến thức của chúng em được hồn
thiện hơn và chúng em có thể làm tốt hơn nữa trong những lần sau. Chúng em xin chân
thành cảm ơn.
Lời cuối cùng, chúng em xin kính chúc quý thầy thật nhiều sức khỏe, thành công và
hạnh phúc.

1

Mục lục
LỜI CẢM ƠN .................................................................................................................. 1
CHƯƠNG 1: MỞ ĐẦU................................................................................................. 12
1.1.

Giới thiệu tổng quan về đề tài .......................................................................... 12

1.2.

Lý do chọn đề tài.............................................................................................. 12

1.3.

Mục tiêu đề tài ................................................................................................. 12

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT .............................................................................. 13
2.1.

NextJS [1] .......................................................................................................... 13

2.1.1.

NextJS là gì? ............................................................................................. 13

2.1.2.

Ưu điểm ..................................................................................................... 13

2.1.3.

Nhược điểm ............................................................................................... 14

2.1.4.

Vận dụng ................................................................................................... 14

2.2.

NodeJS [2] ......................................................................................................... 14

2.2.1.

NodeJS là gì?............................................................................................. 14

2.2.2.

Ưu điểm ..................................................................................................... 14

2.2.3.

Nhược điểm ............................................................................................... 15

2.2.4.

Vận dụng ................................................................................................... 15

2.3.

Google Map API [3] .......................................................................................... 15

2.3.1.

Giới thiệu Google Map API ...................................................................... 15

2.3.2.

Ứng dụng ................................................................................................... 15

CHƯƠNG 3: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU ..................... 16
3.1.

Khảo sát hiện trạng .......................................................................................... 16

3.1.1.

Trang web Traveloka ( ................................ 16

3.1.2.

Trang Booking.com ( .................................... 21

3.1.3.

Trang Agoda ( .................................................. 24

3.1.4.

Kết luận ..................................................................................................... 27

3.2.

Xác định yêu cầu .............................................................................................. 28

3.2.1.

Yêu cầu chức năng .................................................................................... 28

3.2.2.

Yêu cầu phi chức năng .............................................................................. 35

3.2.3.

Nội dụng, chức năng đã có và được sử dụng lại ....................................... 36

CHƯƠNG 4: THIẾT KẾ HỆ THỐNG ......................................................................... 38
4.1.

Lược đồ usecase ............................................................................................... 38
2


4.2.

Mô tả lược đồ ................................................................................................... 38

4.2.1.

Use case authorization............................................................................... 38

4.2.2.

Use case “manage” của super admin ........................................................ 47

4.2.3.

Use case “manage” của admin .................................................................. 49

4.2.4.

Use case “manage” của Enterprise ............................................................ 57

4.2.5.

Use case “manage” của Staff .................................................................... 62

4.2.6.

Use case search ......................................................................................... 72

4.2.7.

Use case check room availability .............................................................. 74

4.2.8.

Use case book service ............................................................................... 76

4.2.9.

Use case feedback ..................................................................................... 78

4.2.10. Use case “manage” của Customer............................................................. 81
4.3.

Lược đồ lớp (class diagram) ............................................................................ 88

4.3.1.

Lược đồ ..................................................................................................... 88

4.3.2.

Mô tả ......................................................................................................... 89

4.4.

Thiết kế giao diện............................................................................................. 92

4.4.1.

Trang chủ................................................................................................... 92

4.4.2.

Trang danh sách tour ................................................................................. 96

4.4.3.

Trang chi tiết tour ...................................................................................... 97

4.4.4.

Phần đánh giá của khách hàng (có ở trang chi tiết tour và nơi ở) ............. 98

4.4.5.

Trang danh sách nơi ở ............................................................................. 101

4.4.6.

Trang chi tiết nơi ở .................................................................................. 102

4.4.7.

Trang danh sách sự kiện .......................................................................... 104

4.4.8.

Trang chi tiết sự kiện ............................................................................... 105

4.4.9.

Trang hồ sơ của tôi .................................................................................. 106

4.4.10. Các trang đặt tour .................................................................................... 108
4.4.11. Các trang thanh toán của VNPAY .......................................................... 110
4.4.12. Trang quản lý của Enterprise và Staff ..................................................... 111
4.4.13. Trang quản lý của Super admin và Admin ............................................. 113
4.4.14. Trang đăng nhập ...................................................................................... 114

4.4.15. Trang đăng ký ......................................................................................... 115
4.4.16. Trang quên mật khẩu ............................................................................... 116
4.5.

Thiết kế database............................................................................................ 117
3


4.5.1.

Lược đồ quan hệ ...................................................................................... 117

4.5.2.

Mô tả ....................................................................................................... 118

CHƯƠNG 5: CÀI ĐẶT VÀ THỬ NGHIỆM ............................................................. 130
5.1.

Cài đặt ứng dụng ............................................................................................ 130

5.1.1.

Chuẩn bị phần mềm, môi trường và source code.................................... 130

5.1.2.

Các bước cài đặt ...................................................................................... 130

5.2.

Thử nghiệm hệ thống ..................................................................................... 132

5.2.1.

Đăng nhập ............................................................................................... 132

5.2.2.

Tìm kiếm tour du lịch .............................................................................. 133

5.2.3.

Tìm kiếm nơi ở ........................................................................................ 134

5.2.4.

Đặt tour du lịch........................................................................................ 134

5.2.5.

Đặt nơi ở .................................................................................................. 135

5.2.6.

Thanh toán ............................................................................................... 136

5.2.7.

Đổi lịch .................................................................................................... 137

5.2.8.

Thêm mới tour ......................................................................................... 137

CHƯƠNG 6: KẾT LUẬN ........................................................................................... 139
6.1.

Kết quả đạt được ............................................................................................ 139

6.1.1.

Kiến thức ................................................................................................. 139

6.1.2.

Kỹ năng, thái độ ...................................................................................... 139

6.1.3.

Sản phẩm ................................................................................................. 139

6.2.

Ưu và nhược điểm .......................................................................................... 140

6.2.1.

Ưu điểm ................................................................................................... 140

6.2.2.

Nhược điểm ............................................................................................. 140

6.3.

Hướng phát triển ............................................................................................ 140

TÀI LIỆU THAM KHẢO ........................................................................................... 141

4


Danh mục hình ảnh
Hình 3.1: Màn hình khi mới truy cập vào trang Traveloka ........................................... 16
Hình 3.2: Thơng tin về sự kiện của Traveloka .............................................................. 16
Hình 3.3: Thơng tin về đối tác của Traveloka ............................................................... 17
Hình 3.4: Thơng tin tìm kiếm theo category của Traveloka ......................................... 17
Hình 3.5: Danh sách thơng tin được tìm kiếm theo category của Traveloka ................ 17
Hình 3.6: Danh sách một vài tour du lịch của Traveloka .............................................. 18
Hình 3.7: Thơng tin về một tour du lịch của Traveloka ................................................ 19
Hình 3.8: Thơng tin về giá của một khách sạn trên Traveloka ..................................... 19
Hình 3.9: Màn hình đặt dịch vụ của Traveloka ............................................................. 20
Hình 3.10: Màn hình thanh tốn trên Traveloka ........................................................... 20
Hình 3.11: Header của trang Booking.com ................................................................... 21
Hình 3.12: Thanh tìm kiếm của trang Booking.com ..................................................... 21
Hình 3.13: Danh sách category theo địa điểm của trang Booking.com ........................ 21
Hình 3.14: Tìm kiếm phịng trên trang Booking.com ................................................... 22
Hình 3.15: Chi tiết dịch vụ trên trang Booking.com ..................................................... 22
Hình 3.16: Tìm kiếm phịng trống và chọn phịng trên trang Booking.com ................. 23

Hình 3.17: Lưu thơng tin thanh tốn trên trang Booking.com ...................................... 23
Hình 3.18: Phần header của trang Agoda ...................................................................... 24
Hình 3.19: Thơng tin sự kiện và các gợi ý trên trang Agoda ........................................ 24
Hình 3.20: Các gợi ý trên trang Agoda ......................................................................... 25
Hình 3.21: Một phần của trang chi tiết phòng trên Agoda ............................................ 25
Hình 3.22: Trang thanh tốn trên Agoda ....................................................................... 26
Hình 3.23: Biểu mẫu BM-SK01 .................................................................................... 31
Hình 3.24: Biểu mẫu BM-HH01 ................................................................................... 31
Hình 3.25: Biểu mẫu BM-DL01 .................................................................................... 33
Hình 3.26: Biểu mẫu BM-NO01 ................................................................................... 34
Hình 3.27: Biểu mẫu BM-GG01 ................................................................................... 34
Hình 4.1: Lược đồ usecase ............................................................................................ 38
Hình 4.2: Activity diagram của usecase sign up ........................................................... 40
Hình 4.3: Sequence diagram của usecase sign up ......................................................... 40
Hình 4.4: Activity diagram của usecase login ............................................................... 42
5


Hình 4.5: Sequence diagram của usecase login ............................................................ 42
Hình 4.6: Activity diagram của usecase forgot password ............................................. 44
Hình 4.7: Sequence diagram của usecase forgot password ........................................... 44
Hình 4.8: Activity diagram của usecase change password .......................................... 46
Hình 4.9: Sequence diagram của usecase change password ........................................ 46
Hình 4.10: Activity diagram của usecase manage turnover .......................................... 48
Hình 4.11: Sequence diagram của usecase manage turnover ........................................ 49
Hình 4.12: Activity diagram của usecase manage account ........................................... 50
Hình 4.13: Sequence diagram của usecase manage account ......................................... 51
Hình 4.14: Activity diagram của usecase manage commission .................................... 53
Hình 4.15: Sequence diagram của usecase manage commission .................................. 54
Hình 4.16: Activity diagram của usecase manage events ............................................. 56

Hình 4.17: Sequence diagram của usecase manage events ........................................... 56
Hình 4.18: Activity diagram của usecase manage turnover .......................................... 58
Hình 4.19: Sequence diagram của usecase manage turnover ........................................ 59
Hình 4.20: Activity diagram của usecase manage staff ................................................ 61
Hình 4.21: Sequence diagram của usecase manage staff .............................................. 61
Hình 4.22: Activity diagram của usecase manage tour ................................................. 63
Hình 4.23: Sequence diagram của usecase manage tour ............................................... 64
Hình 4.24: Activity diagram của usecase manage stay ................................................. 66
Hình 4.25: Sequence diagram của usecase manage stay ............................................... 66
Hình 4.26: Activity diagram của usecase manage feedback ......................................... 68
Hình 4.27: Sequence diagram của usecase manage feedback ....................................... 69
Hình 4.28: Activity diagram của usecase manage order ............................................... 71
Hình 4.29: Sequence diagram của usecase manage order ............................................. 71
Hình 4.30: Activity diagram của usecase search ........................................................... 73
Hình 4.31: Sequence diagram của usecase search ........................................................ 73
Hình 4.32: Activity diagram của usecase check room availability ............................... 75
Hình 4.33: Sequence diagram của usecase check room availability ............................. 75
Hình 4.34: Activity diagram của usecase book tour ..................................................... 77
Hình 4.35: Sequence diagram của usecase book tour ................................................... 78
Hình 4.36: Activity diagram của usecase feedback ...................................................... 80
6


Hình 4.37: Sequence diagram của usecase feedback .................................................... 80
Hình 4.38: Activity diagram của usecase manage information..................................... 82
Hình 4.39: Sequence diagram của usecase manage information .................................. 83
Hình 4.40: Activity diagram của usecase manage booked ticket .................................. 85
Hình 4.41: Sequence diagram của usecase manage booked ticket................................ 86
Hình 4.42: Lược đồ lớp (class diagram) ........................................................................ 88
Hình 4.43: Thiết kế - Trang chủ - Header - 1 ................................................................ 92

Hình 4.44: Thiết kế - Trang chủ - Header - 2 ................................................................ 93
Hình 4.45: Thiết kế - Trang chủ - Thơng tin sự kiện .................................................... 94
Hình 4.46: Thiết kế - Trang chủ - Đề xuất địa điển du lịch .......................................... 94
Hình 4.47: Thiết kế - Trang chủ - Đề xuất nơi ở ........................................................... 95
Hình 4.48: Thiết kế - Trang chủ - Thơng tin chung ...................................................... 95
Hình 4.49: Thiết kế - Footer .......................................................................................... 96
Hình 4.50: Thiết kế - Trang danh sách tour................................................................... 96
Hình 4.51: Thiết kế - Trang chi tiết tour ....................................................................... 97
Hình 4.52: Thiết kế - Phần đánh giá dịch vụ ................................................................. 98
Hình 4.53: Thiết kế - Form đánh giá dịch vụ ................................................................ 99
Hình 4.54: Thiết kế - Thảo luận dịch vụ .....................................................................100
Hình 4.55: Thiết kế - Trang danh sách nơi ở...............................................................101
Hình 4.56: Thiết kế - Trang chi tiết nơi ở - Thơng tin chung ......................................102
Hình 4.57: Thiết kế - Trang chi tiết nơi ở - Kiểm tra phịng trống..............................103
Hình 4.58: Thiết kế - Trang danh sách sự kiện ...........................................................104
Hình 4.59: Thiết kế - Trang chi tiết sự kiện ................................................................105
Hình 4.60: Thiết kế - Trang hồ sơ của tơi - Thơng tin cá nhân ...................................106
Hình 4.61: Thiết kế - Trang hồ sơ của tôi - Đổi mật khẩu ..........................................107
Hình 4.62: Thiết kế - Trang đặt tour - Điền thơng tin .................................................108
Hình 4.63: Thiết kế - Trang đặt tour - Xem lại thơng tin ............................................109
Hình 4.64: Trang thanh tốn VNPAY - 1....................................................................110
Hình 4.65: Trang thanh tốn VNPAY - 2....................................................................110
Hình 4.66: Thiết kế - Trang quản lý của Enterprise và Staff - Danh mục ..................111
Hình 4.67: Thiết kế - Trang quản lý của Enterprise và Staff - Quản lý tour ...............112
Hình 4.68: Thiết kế - Màn hình tạo tour ......................................................................112
7


Hình 4.69: Thiết kế - Trang quản lý của Super admin và Admin - Danh mục ...........113
Hình 4.70: Thiết kế - Trang đăng nhập .......................................................................114

Hình 4.71: Thiết kế - Trang đăng ký ...........................................................................115
Hình 4.72: Thiết kế - Trang quên mật khẩu ................................................................116
Hình 4.73: Lược đồ quan hệ - Database ......................................................................117
Hình 5.1: Hướng dẫn cài đặt back-end - 1 ..................................................................131
Hình 5.2: Hướng dẫn cài đặt back-end - 2 ..................................................................131
Hình 5.3: Hướng dẫn cài đặt front-end........................................................................132

8


Danh mục bảng
Bảng 3.1: Kết luận của khảo sát hiện trạng .................................................................. 27
Bảng 3.2: Chức năng chung ......................................................................................... 28
Bảng 3.3: Chức năng của Super admin ........................................................................ 29
Bảng 3.4: Chức năng của Admin ................................................................................. 30
Bảng 3.5: Chức năng của Enterprise ............................................................................ 31
Bảng 3.6: Chức năng của Staff ..................................................................................... 32
Bảng 3.7: Chức năng của User ..................................................................................... 34
Bảng 3.8: Yêu cầu phi chức năng ................................................................................. 35
Bảng 3.9: Nội dung, chức năng được sử dụng lại từ Tiểu luận chuyên ngành ............ 36
Bảng 4.1: Mô tả usecase sign up .................................................................................. 38
Bảng 4.2: Mô tả usecase login ...................................................................................... 41
Bảng 4.3: Mô tả usecase forgot password .................................................................... 43
Bảng 4.4: Mô tả usecase change password ................................................................. 45
Bảng 4.5: Mô tả usecase manage turnover ................................................................... 47
Bảng 4.6: Mô tả usecase manage account .................................................................... 49
Bảng 4.7: Mô tả usecase manage commission ............................................................. 51
Bảng 4.8: Mô tả usecase manage events ...................................................................... 55
Bảng 4.9: Mô tả usecase manage turnover của Enterprise ........................................... 57
Bảng 4.10: Mô tả usecase manage staff ....................................................................... 59

Bảng 4.11: Mô tả usecase manage tour ........................................................................ 62
Bảng 4.12: Mô tả usecase manage stay ........................................................................ 64
Bảng 4.13: Mô tả usecase manage feedback ................................................................ 67
Bảng 4.14: Mô tả usecase manage order ...................................................................... 70
Bảng 4.15: Mô tả usecase search .................................................................................. 72
Bảng 4.16: Mô tả usecase check room availability ...................................................... 74
Bảng 4.17: Mô tả usecase book tour ............................................................................ 76
Bảng 4.18: Mô tả usecase feedback ............................................................................. 78
Bảng 4.19: Mô tả usecase manage information ........................................................... 81
Bảng 4.20: Mô tả usecase manage booked ticket ......................................................... 84
Bảng 4.21: Mô tả lược đồ lớp ....................................................................................... 89
Bảng 4.22: Thiết kế - Trang chủ - Header - 1 - Các thành phần .................................. 92
9


Bảng 4.23: Thiết kế - Trang chủ - Header - 2 - Các thành phần .................................. 93
Bảng 4.24: Thiết kế - Trang chủ - Thông tin sự kiện - Các thành phần ....................... 94
Bảng 4.25: Thiết kế - Trang chủ - Đề xuất địa điển du lịch - Các thành phần............. 94
Bảng 4.26: Thiết kế - Trang chủ - Đề xuất nơi ở - Các thành phần ............................ 95
Bảng 4.27: Thiết kế - Trang danh sách tour - Các thành phần ..................................... 96
Bảng 4.28: Thiết kế - Trang chi tiết tour - Các thành phần .......................................... 98
Bảng 4.29: Thiết kế - Phần đánh giá dịch vụ - Các thành phần ................................... 98
Bảng 4.30: Thiết kế - Form đánh giá dịch vụ - Các thành phần .................................. 99
Bảng 4.31: Thiết kế - Thảo luận dịch vụ - Các thành phần ........................................100
Bảng 4.32: Thiết kế - Trang danh sách nơi ở - Các thành phần .................................101
Bảng 4.33: Thiết kế - Trang chi tiết nơi ở - Thông tin chung - Các thành phần ........102
Bảng 4.34: Thiết kế - Trang chi tiết nơi ở - Kiểm tra phòng trống - Các thành phần 103
Bảng 4.35: Thiết kế - Trang danh sách sự kiện - Các thành phần..............................104
Bảng 4.36: Thiết kế - Trang chi tiết sự kiện - Các thành phần ..................................105
Bảng 4.37: Thiết kế - Trang hồ sơ của tôi - Thông tin cá nhân - Các thành phần .....106

Bảng 4.38: Thiết kế - Trang hồ sơ của tôi - Đổi mật khẩu - Các thành phần ............107
Bảng 4.39: Thiết kế - Trang đặt tour - Điền thông tin - Các thành phần ...................109
Bảng 4.40: Thiết kế - Trang đặt tour - Xem lại thông tin - Các thành phần ..............109
Bảng 4.41: Thiết kế - Trang quản lý của Enterprise và Staff - Danh mục - Các thành
phần .............................................................................................................................111
Bảng 4.42: Thiết kế - Trang quản lý của Enterprise và Staff - Quản lý tour - Các thành
phần .............................................................................................................................112
Bảng 4.43: Thiết kế - Màn hình tạo tour - Các thành phần ........................................113
Bảng 4.44: Thiết kế - Trang quản lý của Super admin và Admin - Danh mục - Các thành
phần .............................................................................................................................114
Bảng 4.45: Thiết kế - Trang đăng nhập - Các thành phần..........................................114
Bảng 4.46: Thiết kế - Trang đăng ký - Các thành phần .............................................115
Bảng 4.47: Thiết kế - Trang quên mật khẩu - Các thành phần...................................116
Bảng 4.48: Mô tả bảng User .......................................................................................118
Bảng 4.49: Mô tả bảng Account .................................................................................118
Bảng 4.50: Mô tả bảng Commission ..........................................................................119
Bảng 4.51: Mô tả bảng Tour.......................................................................................119
10


Bảng 4.52: Mô tả bảng Schedule ................................................................................121
Bảng 4.53: Mô tả bảng TourOnSales .........................................................................121
Bảng 4.54: Mô tả bảng Stay .......................................................................................122
Bảng 4.55: Mô tả bảng Room.....................................................................................123
Bảng 4.56: Mô tả bảng CheckRoom ..........................................................................124
Bảng 4.57: Mô tả bảng Policy ....................................................................................125
Bảng 4.58: Mô tả bảng Event .....................................................................................125
Bảng 4.59: Mô tả bảng TourBill.................................................................................126
Bảng 4.60: Mô tả bảng StayBill .................................................................................128
Bảng 4.61: Mô tả bảng RoomBillDetail .....................................................................129

Bảng 4.62: Mô tả bảng Comment...............................................................................129
Bảng 5.1: Các phần mềm, môi trường và source code cần cài đặt.............................130
Bảng 5.2: Thử nghiệm chức năng đăng nhập .............................................................132
Bảng 5.3: Thử nghiệm chức năng tìm kiếm tour du lịch............................................133
Bảng 5.4: Thử nghiệm chức năng tìm kiếm nơi ở ......................................................134
Bảng 5.5: Thử nghiệm chức năng đặt tour du lịch .....................................................134
Bảng 5.6: Thử nghiệm chức năng đặt nơi ở ...............................................................135
Bảng 5.7: Thử nghiệm chức năng thanh toán.............................................................136
Bảng 5.8: Thử nghiệm chức năng đổi lịch .................................................................137
Bảng 5.9: Thử nghiệm chức năng thêm mới tour.......................................................137

11


Chương 1: Mở đầu

CHƯƠNG 1: MỞ ĐẦU
1.1. Giới thiệu tổng quan về đề tài
-

Xây dựng hệ thống website du lịch Việt Nam cung cấp các chức đặt vé du lịch và
phịng, quản lý các loại dịch vụ đó, quản lý lịch sử thanh toán, đặt dịch vụ và các
chức năng cơ bản của một website cần phải có.

-

Cơng nghệ sử dụng: HTML/CSS, ReactStrap, Javascript, NextJS, Redux, NodeJS,
Express, HQT CSDL MySQL

1.2. Lý do chọn đề tài

-

Du lịch là nhu cầu luôn tồn tại đối với mỗi người và thậm chí nhu cầu đó càng ngày
càng tăng, mọi người có xu hướng tổ chức các chuyến du lịch bên gia đình, người
thân và bạn bè. Ngày nay, việc sử dụng Internet để tìm kiếm thơng tin về du lịch là
điều rất phổ biến, rất nhiều người sử dụng các cơng cụ tìm kiếm trực tuyến để tìm
hiểu thơng tin về các điểm đến và đặt nơi ở. Điều này càng khẳng định thêm sự quan
trọng của việc sở hữu một website du lịch.

-

Một website du lịch có thể giúp cho các doanh nghiệp liên quan đến du lịch như
công ty du lịch, khách sạn,...có thể tiếp cận được với khách hàng một cách nhanh
chóng và dễ dàng hơn. Đồng thời, website cũng giúp các doanh nghiệp này quảng
bá được hình ảnh của mình đến với nhiều người. Ngồi ra, website cũng giúp khách
hàng tiết kiệm được thời gian trong việc tìm kiếm thông tin về các địa điểm du lịch
và khách sạn.

1.3. Mục tiêu đề tài
-

Học tập và nghiên cứu các kiến thức như sau: Phân tích và thiết kế hệ thống, cách
xây dựng một trang website, HTML/CSS, ReactStrap, Javascript, NextJS, Redux,
NodeJS, Express, HQT CSDL MySQL.

-

Từ “website cung cấp các dịch vụ du lịch” đã được xây dựng từ “Tiểu luận chuyên
ngành”, tiếp tục cải tiến và phát triển thêm các chức năng nhằm đáp ứng nhu cầu
tham khảo giá và đặt tour, phòng trực tuyến của khách hàng. Giúp những doanh

nghiệp liên kết với hệ thống gia tăng doanh thu và quảng bá rộng rãi dịch vụ của họ.
12