Tải bản đầy đủ (.pdf) (97 trang)

xây dựng Website đặt và quản lý tour du lịch

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (6.31 MB, 97 trang )

ĐẠI HỌC ĐÀ NẴNG
PHÂN HIỆU TẠI KON TUM

SIOUDOMPHANH KHANKEO
KEOVICHITH XAYMETH

ĐỒ ÁN TỐT NGHIỆP

XÂY DỰNG WEBSITE QUẢN LÝ TOUR DU LỊCH

Kon Tum, tháng 04 năm 2022


ĐẠI HỌC ĐÀ NẴNG
PHÂN HIỆU TẠI KON TUM

ĐỒ ÁN TỐT NGHIỆP

XÂY DỰNG WEBSITE QUẢN LÝ TOUR DU LỊCH

GIẢNG VIÊN HƯỚNG DẪN

: ThS. LÊ THỊ BẢO YẾN

SINH VIÊN THỰC HIỆN

: SIOUDOMPHANH KHANKEO
: KEOVICHIT XAYMETH

LỚP


: K11TT

MSSV

: 17152480201014
: 17152480201018

Kon Tum, tháng 04 năm 2022


LỜI CÁM ƠN
Trải qua thời gian học tập và rèn luyện dưới mái trường Phân Hiệu Đại Học Đà
Nẵng tại Kon Tum, bản thân em và các bạn đã tiếp thu được rất nhiều những kiến thức
của thầy cô tại phân hiệu đặc biệt là thầy cô thuộc khoa Công nghệ. Các em xin gửi lời
cảm ơn đến thầy cô.
Các em xin chân thành cảm ơn cô Lê Thị Bảo Yến đã tận tình hướng dẫn, giúp đỡ
nhóm em hồn thành đồ án tốt nghiệp này. Các em cũng xin gửi lời cảm ơn đến thầy
Đồng Ngọc Nguyên Thịnh, người đã đưa ra những ý kiến, đóng góp để giúp em có thể
hồn thiện đồ án một cách chỉnh chu hơn.
Cuối cùng, các em chúc tất cả các thầy cô cơng tác tốt và ln dồi dào sức khỏe để
có thể cống hiến hết mình cho những thế hệ sinh viên tiếp theo.
Các xin chân thành cảm ơn!
Sinh viên
SIOUDOMPHANH Khankeo
KEOVICHIT Xaiymeth


MỤC LỤC
CHƯƠNG 1 TỔNG QUAN ĐỀ TÀI............................................................................1
1.1. TỔNG QUAN VẤN ĐỀ NGHIÊN CỨU ..............................................................1

1.2. LÝ DO CHỌN ĐỀ TÀI ..........................................................................................1
1.3. MỤC TIÊU NGHIÊN CỨU...................................................................................1
1.3.1. Lý thuyết ..........................................................................................................1
1.3.2. Công nghệ ........................................................................................................1
1.3.3. Ứng dụng ..........................................................................................................2
1.4. PHƯƠNG PHÁP NGHIÊN CỨU .........................................................................2
1.4.1. Khảo sát thực tế ...............................................................................................2
1.4.2. Lý thuyết ..........................................................................................................2
1.4.3. Công nghệ ........................................................................................................2
1.5. PHẠM VI ỨNG DỤNG .........................................................................................2
CHƯƠNG 2 CƠ SỞ LÝ THUYẾT ..............................................................................3
2.1. LÝ THUYẾT ÁP DỤNG........................................................................................3
2.1.1. Website .............................................................................................................3
2.1.2. Mơ hình MVC ..................................................................................................3
2.1.3. Mơ hình thương mại điện tử B2C ..................................................................4
2.2. CƠNG NGHỆ ÁP DỤNG ......................................................................................4
2.2.1. Frontend ...........................................................................................................4
2.2.2. Backend ............................................................................................................7
2.3. PHẦN MỀM SỬ DỤNG ........................................................................................8
2.3.1. Visual Studio Code ..........................................................................................8
2.3.2. XAMPP ............................................................................................................9
CHƯƠNG 3 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG ........................................10
3.1. ĐỐI TƯỢNG SỬ DỤNG .....................................................................................10
3.1.1. Admin .............................................................................................................10
3.1.2. Khách hàng ....................................................................................................11
3.1.3. Người quản lý tour ........................................................................................11
3.2. PHÂN TÍCH YÊU CẦU ......................................................................................12
3.2.1. Admin .............................................................................................................12
3.2.2. Khách hàng ....................................................................................................24
3.2.3. Người quản lý tour ........................................................................................27

3.3. PHÂN TÍCH THIẾT KẾ HỆ THỐNG ..............................................................33
3.3.1. Sơ đồ use case ................................................................................................33
3.3.2. Sơ đồ tuần tự..................................................................................................42
3.3.3. Sơ đồ lớp.........................................................................................................57
3.3.4. Lược đồ cơ sở dữ liệu ....................................................................................63
CHƯƠNG 4 KẾT QUẢ DEMO .................................................................................68
4.1. FRONTEND ..........................................................................................................68
i


4.1.1. Trang chủ .......................................................................................................68
4.1.2. Trang tour trong nước ..................................................................................69
4.1.3. Trang tour nước ngoài ..................................................................................70
4.1.4. Trang danh sách tour....................................................................................70
4.1.5. Trang xem tour ..............................................................................................71
4.1.6. Trang quản lý tour ........................................................................................73
4.1.7. Trang danh sách blog....................................................................................76
4.1.8. Trang xem bài blog .......................................................................................77
4.1.9. Trang quản lý tài khoản ...............................................................................77
4.1.10. Trang quản lý trợ giúp ...............................................................................78
4.2. BACKEND ............................................................................................................78
4.2.1. Trang chủ .......................................................................................................78
4.2.2. Trang thống kê ..............................................................................................79
4.2.3. Trang quản lý tài khoản ...............................................................................79
4.2.4. Trang quản lý tỉnh ........................................................................................80
4.2.5. Trang quản lý blog ........................................................................................81
4.2.6. Trang quản lý trợ giúp .................................................................................81
4.2.7. Trang quản lý tour ........................................................................................81
4.2.8. Trang quản lý đặt tour .................................................................................82
4.2.9. Trang quản lý slide........................................................................................82

CHƯƠNG 5 KẾT LUẬN ............................................................................................84
5.1. KẾT LUẬN ...........................................................................................................84
5.1.1. Kết quả đạt được ...........................................................................................84
5.1.2. Hạn chế ...........................................................................................................84
5.2. HƯỚNG PHÁT TRIỂN .......................................................................................84
TÀI LIỆU THAM KHẢO...........................................................................................85

ii


DANH MỤC CÁC CHỮ VIẾT TẮT
API
B2C
CSDL
CSS
HTML
HTTP
MVC
PHP
VSCODE

:
:
:
:
:
:
:
:
:


Application Programming Interface
Business To Consumer
Cơ sở dữ liệu
Cascading Style Sheets
HyperText Markup Language
Hyper Text Transfer Protocol
Model View Controller
Hypertext Preprocessor
Visual Studio Code

iii


DANH MỤC CÁC BẢNG
Số hiệu bảng
3.1.
3.2.
3.3.
3.4.
3.5.
3.6.
3.7.
3.8.
3.9.
3.10.
3.11.
3.12.
3.13.
3.14.

3.15.
3.16.
3.17.
3.18.
3.19.
3.20.
3.21.
3.22.
3.23.
3.24.
3.25.
3.26.
3.27 .
3.28.
3.29.
3.30.
3.31.
3.32.
3.33.
3.34.
3.35.
3.36.
3.37.

Tên bảng
Chức năng của Admin
Chức năng của Khách hàng
Chức năng của Người quản lý tour
Giải thích sơ đồ tuần tự đăng ký
Giải thích sơ đồ tuần tự đăng nhập

Giải thích sơ đồ tuần tự đăng xuất
Giải thích sơ đồ tuần tự xem danh sách
Giải thích sơ đồ tuần tự xem chi tiết
Giải thích sơ đồ tuần tự tìm kiếm
Giải thích sơ đồ tuần tự thêm mới
Giải thích sơ đồ tuần tự chỉnh sửa
Giải thích sơ đồ tuần tự xóa
Giải thích sơ đồ tuần tự đặt tour
Giải thích sơ đồ tuần tự hủy đặt tour
Giải thích sơ đồ tuần tự gửi trợ giúp
Giải thích sơ đồ tuần tự phản hồi trợ giúp
Giải thích sơ đồ hiển thị danh sách tour
Giải thích sơ đồ in hóa đơn đặt tour
Lớp tài khoản
Lớp tài khoản quản lý
Lớp tài khoản khách hàng
Lớp blog
Lớp tour
Lớp tỉnh
Lớp quốc gia
Lớp trở giúp
Lớp loại trở giúp
Lớp slide
Lớp loại slide
Lược đồ CSDL tài khoản
Lược đồ CSDL khách hàng
Lược đồ CSDL tỉnh
Lược đồ CSDL quốc gia
Lược đồ CSDL tour
Lược đồ CSDL blog

Lược đồ CSDL trợ giúp
Lược đồ CSDL loại trợ giúp
iv

Trang
10
11
11
42
44
45
45
46
46
47
48
50
51
52
53
54
55
56
57
58
58
59
59
60
61

61
62
62
62
63
64
64
64
64
65
65
66


3.38.
3.39.
3.40.

Lược đồ CSDL đặt tour
Lược đồ CSDL slide
Lược đồ CSDL loại slide

v

66
66
67


DANH MỤC CÁC HÌNH VẼ

Số hiệu hình vẽ
2.1.
2.2.
2.3.
2.4.
2.5.
2.6.
2.7.
2.8.
2.9.
2.10.
2.11.
2.12.
2.13.
3.1.
3.2.
3.3.
3.4.
3.5.
3.6.
3.7.
3.8.
3.9.
3.10.
3.11.
3.12.
3.13.
3.14.
3.15.
3.16.

3.17.
3.18.
3.19.
3.20.
3.21.
3.22.
3.23.
3.24.

Tên hình vẽ
Mơ MVC
Mô B2C
Ngôn ngữ HTML
Ngôn ngữ CSS
Ngôn ngữ JavaScript
Logo bootstrap
Logo jQuery
Ngôn ngữ PHP
Hệ quản trị CSDL MySQL
Logo PHPMailer
Logo TCPDF
Phần mềm Visual Studio Code
Công cụ XAMPP
Sơ đồ Use case tổng quát
Sơ đồ use case đăng ký
Sơ đồ use case đăng nhập
Sơ đồ use case tìm kiếm
Sơ đồ use case quản lý đặt tour
Sơ đồ use case đăng nhập
Sơ đồ use động từ xem thống kê

Sơ đồ use case quản lý tài khoản
Sơ đồ use case quản lý tour
Sơ đồ use case quản lý Blog
Sơ đồ use case trợ giúp
Sơ đồ use case quản lý tỉnh
Sơ đồ use case quản lý quốc gia
Sơ đồ use case quản lý slide
Sơ đồ use case quản lý loại slide
Sơ đồ use case quản lý đặt tour
Sơ đồ use case đăng nhập nhân viên quản lý
Sơ đồ use case nhân viên quản lý Blog
Sơ đồ use case nhân viên quản lý đặt tour
Sơ đồ tuần tự đăng ký
Sơ đồ tuần tự đăng nhập
Sơ đồ tuần tự đăng xuất
Sơ đồ tuần tự xem danh sách
Sơ đồ tuần tự xem chi tiết
vi

Trang
3
4
5
5
6
6
7
7
8
8

8
9
9
33
34
34
35
35
36
36
37
37
38
38
39
39
40
40
41
41
42
42
43
44
45
46
46


3.25.

3.26.
3.27.
3.28.
3.29.
3.30.
3.31.
3.32.
3.33.
3.34.
3.35.
3.36.
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
4.8.
4.9.
4.10.
4.11.
4.12.
4.13.
4.14.
4.15.
4.16.
4.17.
4.18.
4.19.

4.20.
4.21.
4.22.
4.23.
4.24.
4.25.
4.26.
4.27.

Sơ đồ tuần tự tìm kiếm
Sơ đồ tuần tự thêm mới
Sơ đồ tuần tự chỉnh sửa
Sơ đồ tuần tự xóa
Sơ đồ tuần tự đặt tour
Sơ đồ tuần hủy đặt tour
Sơ đồ tuần tự gửi trợ giúp
Sơ đồ tuần tự phản hồi trợ giúp
Sơ đồ tuần tự in danh sách tour
Sơ đồ tuần tự in hóa đơn đặt tour
Sơ đồ lớp
Lược đồ CSDL
Giao diện trang chủ trên máy tính
Giao diện trang chủ trên điện thoại
Giao diện trang tour trong nước
Giao diện trang tour nước ngoài
Giao diện xem danh sách tour
Giao diện xem tour
Giao diện hiển thị thông tin đặt tour
Thông tin đặt tour được gửi qua email
Giao diện quản lý tour

Giao diện chỉnh sửa và copy tour
Giao diện xem đơn đặt tour
Giao diện hiển thị danh sách khách hàng đặt tour
Thông tin email đã được xác nhận
Thơng tin email đã hồnh thành tour
Thông tin email đã hủy tour
Giao diện danh sách blog
Giao diện xem bài blog
Trang quản lý tài khoản
Giao diện chỉnh sửa tài khoản
Giao diện quản lý trợ giúp
Giao diện trang chủ
Giao diện trang thống kê
Trang quản lý tài khoản
Giao diện trang quản lý tỉnh và quốc gia
Giao diện quản lý blog
Giao diện quản lý trợ giúp
Giao diện quản lý tour
vii

47
48
50
51
52
53
54
55
55
56

57
63
68
69
69
70
71
72
72
73
73
74
75
75
75
76
76
76
77
77
77
78
79
79
80
80
81
81
82



4.28.
4.29.

Giao diện quản lý đặt tour
Giao diện quản lý slide

viii

82
83


CHƯƠNG 1
TỔNG QUAN ĐỀ TÀI
1.1. TỔNG QUAN VẤN ĐỀ NGHIÊN CỨU
Với xu thế hiện nay, mọi mặt về đời sống xã hội ngày càng được nâng cao, Với
những thao tác đơn giản trên máy tính hoặc điện thoại smartphone có kết nối mạng
Internet là đã có thể đặt tận tay những gì mình cần qua trang dịch vụ thương mại điện tử
mà không phải mất nhiều thời gian và công sức mua tại các cửa hàng.
Hơn nữa trước sự phát triển ngày càng nhanh chóng của lĩnh vực cơng nghệ thông
tin, cụ thể hơn là lĩnh vực Mạng và Truyền Thông đang phát triển mạnh mẽ và đi kèm
với các dịch vụ tiện ích để phục vụ đời sống cơng việc, giải trí… và đặc biệt du lịch là
nhu cầu khơng thể thiếu trong cuộc sống hiện nay. Trong đó, sử dụng dịch vụ đặt tour
“trực tuyến” qua mạng đang trở nên cấp thiết. Đối với những địa điểm du lịch thì việc
sử dụng Internet để quảng bá các tour du lịch sẽ trở nên rất cần thiết, thứ nhất là có thế
quảng bá được địa điểm du lịch đến gần hơn với khách du lịch và thứ hai là trợ giúp
khách du lịch tìm kiếm, đặt tour du lịch trong nước và ngồi nước một cách nhanh chóng
và tiện lợi nhất.
1.2. LÝ DO CHỌN ĐỀ TÀI

Trước tác động mạnh mẽ của cách mạng công nghiệp phát triển, việc ứng dụng
công nghệ thông tin để nhằm thúc đẩy sự phát triển của các lĩnh vực chính trị, kinh tế,
xã hội là điều tất yếu. Đặc biệt trong sự phát triển ngành du lịch, nó được coi là giải
pháp đột phá để tạo lợi thế thu hút du khách, nâng cao năng lực cạnh tranh và hội nhập
quốc tế.
Nắm bắt được xu thế đó và tận dụng ưu điểm về đa dạng các loại hình dịch vụ du
lịch Lào, em quyết định sử dụng các công nghệ thiết kế Website để tạo ra một trang web
giúp người dùng có thể tiếp cận và đặt những chuyến du lịch một cách dễ dàng hơn qua
đó nâng cao chất lượng dịch vụ du lịch của nước Lào hiện nay. Vì vậy em đã quyết định
xây dựng Website đặt và quản lý tour du lịch này.
1.3. MỤC TIÊU NGHIÊN CỨU
1.3.1. Lý thuyết
- Nắm vững vơ hình MVC trong việc thiết kế website.
- Nắm được các mơ hình kinh doanh du lịch.
- Nắm được các phương thức thanh tốn website trực tuyến.
1.3.2. Cơng nghệ
- Áp dụng được cơng nghệ PHP vào trong lập trình website.
- Kết nối được cơ sở dữ liệu và quản lý được CSDL bằng công nghệ MySQL.
- Nắm được công nghệ gửi email bằng thư hiện PHPMailer.
- Tạo được bản in hóa đơn đặt tour và in danh sách đặt tour bằng thư viện TCPDF.
- Sử dụng được github để quản lý source code.

1


1.3.3. Ứng dụng
Xây dựng được một “Website quản lý đặt tour du lịch” với những chức năng của
một website quản lý đặt tour và trển khai được vào hoạt động thực tế.
1.4. PHƯƠNG PHÁP NGHIÊN CỨU
1.4.1. Khảo sát thực tế

- Trải nghiệm thực tế các tour du lịch có sẵn trong nước Việt nam và tìm hiểu quy
trình đặt tour của họ.
- Khảo sát những người quản lý tour xem có mong muốn sử dụng một website
giúp quản lý đặt tour và có những khó khăn gì khi quản lý tour.
- Khảo sát khách hàng đặt tour có muốn sử dụng website đặt tour khơng và cần có
gì trong website.
1.4.2. Lý thuyết
- Nghiên cứu cách hoạt động mơ hình MVC.
- Tìm hiểu các mơ hình thương mại điện tử.
- Tìm hiểu các mơ hình kinh doanh tour du lịch phổ biến tại Việt Nam. Tìm ra một
loại hình kinh doanh phù hợp nhất
1.4.3. Công nghệ
- Ứng dụng các công nghệ HTML, CSS, JavaScript và thiết kế website thân thiện,
dễ sử dụng, cho phép người dùng có thể dễ dàng thực hiện book các tour du lịch.
- Nắm bắt công nghệ PHP dùng trong việc xây dựng backend.
- Nắm bắt công cụ Xampp để host server PHP và MySQL.
- Tiếp thu và lĩnh hội các kiến thức về database (MySQL).
1.5. PHẠM VI ỨNG DỤNG
- Vấn đề nghiên cứu: Đề tài nghiên cứu những công nghệ và kĩ thuật cần thiết để
xây dựng nên một website với đầy đủ các tính năng nhằm phục vụ các tour du lịch.
- Về mặt không gian: Đề tài nghiên cứu giới hạn trên phạm vi Internet và môi
trường du lịch thực tế.
- Về mặt thời gian: Việc nghiên cứu được bắt đầu từ tháng 10 năm 2021 đến tháng
3 năm 2022.

2


CHƯƠNG 2
CƠ SỞ LÝ THUYẾT

2.1. LÝ THUYẾT ÁP DỤNG
2.1.1. Website
Website, còn gọi là trang web hoặc trang mạng, là một tập hợp trang web, thường
chỉ nằm trong một tên miền hoặc tên miền phụ trên World Wide Web của Internet. Một
trang web là tập tin HTML hoặc XHTML có thể truy nhập dùng giao thức HTTP.
Một website gồm nhiều webpage (trang con), đó là các tập tin dạng html hoặc
xhtml, được lưu trữ tại một máy tính có chức năng là máy chủ. Thơng tin trên đó có
nhiều dạng: văn bản, âm thanh, hình ảnh, video...
2.1.2. Mơ hình MVC
MVC là từ viết tắt bởi 3 từ Model – View – Controller. Đây là mơ hình thiết kế sử
dụng trong kỹ thuật phần mềm. Mơ hình source code thành 3 phần, tương ứng mỗi từ.
Mỗi từ tương ứng với một hoạt động tách biệt trong một mơ hình[1].

Hình 2.1: Mơ hình MVC

a. Model (M)
Là bộ phận có chức năng lưu trữ toàn bộ dữ liệu của ứng dụng. Bộ phận này là một
cầu nối giữa 2 thành phần bên dưới là View và Controller. Model thể hiện dưới hình
thức là một cơ sở dữ liệu hoặc có khi chỉ đơn giản là một file XML bình thường. Model
thể hiện rõ các thao tác với cơ sở dữ liệu như cho phép xem, truy xuất, xử lý dữ liệu...
b. View (V)
Đây là phần giao diện (theme) dành cho người sử dụng. Nơi mà người dùng có thể
lấy được thơng tin dữ liệu của MVC thông qua các thao tác truy vấn như tìm kiếm hoặc
sử dụng thơng qua các website.
Thơng thường, các ứng dụng web sử dụng MVC View như một phần của hệ thống,
nơi các thành phần HTML được tạo ra. Bên cạnh đó, View cũng có chức năng ghi nhận
hoạt động của người dùng để tương tác với Controller. Tuy nhiên, View khơng có mối
quan hệ trực tiếp với Controller, cũng không được lấy dữ liệu từ Controller mà chỉ hiển
thị yêu cầu chuyển cho Controller mà thôi.


3


c. Controller (C)
Bộ phận có nhiệm vụ xử lý các u cầu người dùng đưa đến thơng qua view. Từ
đó, C đưa ra dữ liệu phù hợp với người dùng. Bên cạnh đó, Controller cịn có chức năng
kết nối với model.
2.1.3. Mơ hình thương mại điện tử B2C
B2C là viết tắt của cụm từ Business To Consumer (Doanh nghiệp - Người tiêu
dùng).
B2C là thuật ngữ mô tả giao dịch giữa các doanh nghiệp với người tiêu dùng. Đây
là quá trình bán sản phẩm và dịch vụ trực tiếp giữa những người tiêu dùng là người cuối
cùng mua sản phẩm và dịch vụ của doanh nghiệp. Hầu hết các doanh nghiệp bán trực
tiếp cho người tiêu dùng có thể được gọi là các doanh nghiệp B2C[5].

Hình 2.2: Mơ hình B2C
2.2. CƠNG NGHỆ ÁP DỤNG
2.2.1. Frontend
a. HTML
HTML là chữ viết tắt của Hypertext Markup Language. Nó giúp người dùng tạo
và cấu trúc các thành phần trong trang web hoặc ứng dụng, phân chia các đoạn văn,
heading, links, blockquotes…
Khi làm việc với HTML, chúng ta sẽ sử dụng cấu trúc code đơn giản (tags và
attributes) để đánh dấu lên trang web.
HTML documents là files kết thúc với đi .html hay .htm. Bạn có thể xem chúng
bằng cách sử dụng bất kỳ trình duyệt web nào (như Google Chrome, Safari, hay Mozilla
Firefox). Trình duyệt đọc các files HTML này và xuất bản nội dung lên internet sao cho
người đọc có thể xem được nó[12].

4



Hình 2.3: Ngơn ngữ HTML

b. CSS
CSS là ngơn ngữ tạo phong cách cho trang web – Cascading Style Sheet language.
Nó dùng để tạo phong cách và định kiểu cho những yếu tố được viết dưới dạng ngôn
ngữ đánh dấu, như là HTML. Nó có thể điều khiển định dạng của nhiều trang web cùn
lúc để tiết kiệm công sức cho người viết web. Nó phân biệt cách hiển thị của trang web
với nội dung chính của trang bằng cách điều khiển bố cục, màu sắc, và font chữ[13].
Mối tương quan giữa HTML và CSS rất mật thiết. HTML là ngôn ngữ markup
(nền tảng của site) và CSS định hình phong cách (tất cả những gì tạo nên giao diện
website), chúng là khơng thể tách rời.

Hình 2.4: Ngơn ngữ CSS

c. JavaScript
JavaScript là một ngơn ngữ lập trình được sử dụng để tạo ra những trang web tương
tác. Nó được tích hợp và nhúng trong HTML. JavaScript cho phép kiểm soát các hành
vi của trang web tốt hơn so với khi chỉ có một mình HTML. JavaScript kết hợp vào
HTML, chạy trên Windows, Macintosh và các hệ thống hỗ trợ Netscape khác[14].
JavaScript có rất nhiều ưu điểm khiến nó vượt trội hơn so với các đối thủ, đặc biệt
trong các trường hợp thực tế. Nó khơng cần một compiler vì web browser có thể biên
dịch nó bằng HTML, dễ học hơn các ngơn ngữ lập trình khác, lỗi dễ phát hiện hơn và vì
vậy dễ sửa hơn. Nó có thể được gắn trên một số element của trang web hoặc event của
trang web như là thông qua click chuột hoặc di chuột tới, hoạt động trên nhiều trình
duyệt, nền tảng. Nó giúp kiểm tra input và giảm thiểu việc kiểm tra thủ công khi truy
5



xuất qua database, giúp website tương tác tốt hơn với khách truy cập, nhanh hơn và nhẹ
hơn các ngôn ngữ lập trình khác[15].

Hình 2.5: Ngơn ngữ JavaScript
d. Bootstrap
Bootstrap cho phép q trình thiết kế website diễn ra nhanh chóng và dễ dàng hơn
dựa trên những thành tố cơ bản sẵn có như typography, forms, buttons, tables, grids,
navigation, image carousels…[15].
Bootstrap là một bộ sưu tập miễn phí của các mã nguồn mở và công cụ dùng để
tạo ra một mẫu webiste hồn chỉnh. Với các thuộc tính về giao diện được quy định sẵn
như kích thước, màu sắc, độ cao, độ rộng…, các designer có thể sáng tạo nhiều sản phẩm
mới mẻ nhưng vẫn tiết kiệm thời gian khi làm việc với framework này trong quá trình
thiết kế giao diện website.

Hình 2.6: Logo bootstrap
e. Jquery
JQuery là một thư viện Javascript rất nổi bật và được sử dụng phổ biến trong các
lập trình web. Jquery ra đời bởi John Resig vào năm 2006 và trở thành một trong những
phần quan trọng đối với website có sử dụng Javascript. So với việc sử dụng Slogan thì
JQuery đã giúp cho lập trình viên có thể tiết kiệm được nhiều công sức cũng như thời
gian cho quá trình thiết kế website.

6


Hình 2.7: Logo jQuery

2.2.2. Backend
a. PHP
PHP: Hypertext Preprocessor, thường được viết tắt thành PHP là một ngơn ngữ

lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng
viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng qt. Nó rất thích hợp với web
và có thể dễ dàng nhúng vào trang HTML. Do được tối ưu hóa cho các ứng dụng web,
tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm
tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một
ngơn ngữ lập trình web phổ biến nhất thế giới[1].

Hình 2.8: Ngơn ngữ PHP
b. MySQL
MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới và được
các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng. Vì MySQL là hệ
quản trị cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động
trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh. Với tốc
độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập CSDL trên
internet. Người dùng có thể tải về MySQL miễn phí từ trang chủ. MySQL có nhiều
phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hành dòng
Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix,
Solaris, SunOS...
7


MySQL được sử dụng cho việc bổ trợ NodeJs, PHP, Perl, và nhiều ngôn ngữ khác,
làm nơi lưu trữ những thông tin trên các trang web viết bằng NodeJs, PHP hay Perl [10].

Hình 2.9: Hệ quản trị CSDL MySQL
c. PHPMailer
Trong php có hàm mail giúp hệ thống gửi mail, nhưng hàm này có nhiều hạn chế
trong sử dụng, cụ thể là các hosting ít khi nào cho phép gửi mail với hàm này. Cho nên
các web dev thường cần tới sự hỗ trợ của các thư viện gửi mail bên ngoài, như
PHPMailer, Swiftmailer… PHPMailer là thư viện gửi mail rất phổ biển, nhiều người

dùng.

Hình 2.10: Logo PHPMailer
d. TCPDF
Hiện nay, có rất nhiều ứng dụng web đưa ra các tài liệu văn bản dưới dạng hóa
đơn, hợp đồng hoặc chỉ là một trang web dưới dạng PDF. Có một vài class PHP mà có
thể dùng để tạo file PDF trực tuyến, và một trong số chúng là TCPDF.

Hình 2.11: Logo TCPDF
2.3. PHẦN MỀM SỬ DỤNG
2.3.1. Visual Studio Code
Là một trình biên tập lập trình code miễn phí dành cho Windows, Linux và macOS,
Visual Studio Code được phát triển bởi Microsoft. Nó được xem là một sự kết hợp hoàn
hảo giữa IDE và Code Editor[17].

8


Visual Studio Code hỗ trợ chức năng debug, đi kèm với Git, có syntax highlighting,
tự hồn thành mã thơng minh, snippets, và cải tiến mã nguồn. Nhờ tính năng tùy chỉnh,
Visual Studio Code cũng cho phép người dùng thay đổi theme, phím tắt, và các tùy chọn
khác.

Hình 2.12: Phần mềm Visual Studio Code
2.3.2. XAMPP
XAMPP là chương trình tạo web server được ứng dụng trên các hệ điều hành
Linux, MacOS, Windows, Cross-platform, Solaris.
XAMPP hoạt động dựa trên sự tích hợp của 5 phần mềm chính là Cross-Platform
(X), Apache (A), MariaDB (M), PHP (P) và Perl (P), nên tên gọi XAMPP cũng là viết
tắt từ chữ cái đầu của 5 phần mềm này.

Sử dụng XAMPP để xây dựng và phát triển các dự mạng xã hồi án website theo
ngôn ngữ PHP. XAMPP được sử dụng cho mục đích nghiên cứu, phát triển website qua
Localhost của máy tính cá nhân. XAMPP được ứng dụng trong nhiều lĩnh vực từ học
tập đến nâng cấp, thử nghiệm Website của các lập trình viên[16].

Hình 2.13: Cơng cụ XAMPP

9


CHƯƠNG 3
PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
3.1. ĐỐI TƯỢNG SỬ DỤNG
3.1.1. Admin
Bảng 3.1: Chức năng của Admin
Chức năng
Chức năng con
Đăng nhập

Quản lý tài khoản

Thống kê

Quản lý tour

Quản lý blog

Quản lý tỉnh

Quản lý quốc gia


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

Xem danh sánh tài khoản
Thêm tài khoảnmới
Chỉnh sửa tài khoản
Xóa tài khoản
Tìm kiếm tài khoản
Doanh thu theo tháng
Tour được đặt nhiều nhất
Số lượng đặt
Doanh thu
Xem danh sánh tour
Thêm tour
Chỉnh sửa tour
Sao chép tour
Xóa tour
Tìm kiếm tour
Xem danh sánh Blog
Thêm Blog
Chỉnh sửa Blog
Xóa Blog
Tìm kiếm Blog
Xem danh sách tỉnh
Thêm tỉnh
Chỉnh sửa tỉnh
Xóa tỉnh
Tìm kiếm tỉnh
Xem danh sách quốc gia
Thêm quốc gia

Chỉnh sửa quốc gia
Tìm kiếm quốc gia
Danh sách hóa đơn
Hủy Tour
Xác nhận tour
10


Chức năng

Quản lý trợ giúp

Quản lý Slide

Quản lý loại Slide

Chức năng con
Tìm kiếm
Danh sách trợ giúp
Trả lời trợ giúp
Xóa trợ giúp
Tìm kiếm
Danh sách Slide
Thêm Side
Sửa Slide
Xóa Slide
Thêm Slide
Sửa Slide
Xóa Slide
Tìm kiếm Slide

Danh sách Slide

3.1.2. Khách hàng
Bảng 3.2: Chức năng của Khách hàng
Chức năng
Chức năng con
Đăng ký
Đăng nhập
Xem tour
Đặt tour
Hủy tour
Gửi trợ giúp
Tìm kiếm tour
Xem blog

Qn lý thơng tin cá nhân

Thay đổi mật khẩu
Quản lý tour tour đã đặt
Trợ giúp

Đăng xuất

3.1.3. Người quản lý tour
Bảng 3.3: Chức năng của Người quản lý tour
Chức năng
Chức năng con
Đăng nhập
Đăng xuất
Quản lý trợ giúp

Trả lời trợ giúp
Danh sách tour
Quản lý tour
Thêm tour
11


Chức năng

Chức năng con
Chỉnh sửa tour
Sao chép tour
Xóa tour
In danh sách tour

Tìm kiếm tour

Quản lý Blog

Qn lý thơng tin cá nhân

Trợ giúp

Xem danh sánh blog
Thêm blog
Chỉnh sửa blog
Xóa blog
Tìm kiếm blog
Thay đổ mật khẩu
Danh sách trợ giúp

Trả lời trợ giúp
Xóa trợ giúp
Tìm kiếm

Đăng xuất

3.2. PHÂN TÍCH U CẦU
3.2.1. Admin
a. Đăng nhập
- Đầu vào: Tên tài khoản (hoặc email) và mật khẩu.
- Xử lý:
 Bước 1: Người dùng nhập form đăng nhập và gửi form.
 Bước 2: Server kiểm tra đăng nhập.
 Bước 3: Server phản hồi lại kết quả đăng nhập cho người dùng.
- Đầu ra:
 Đăng nhập thành công: Thông báo đăng nhập thành công.
 Đăng nhập không thành công: Thông báo nhập form sai.
b. Đăng xuất
- Đầu vào: Không.
- Xử lý:
 Bước 1: Người dùng đăng xuất.
 Bước 2: Server đăng xuất người dùng.
- Đầu ra : Không.
c. Quản lý tài khoản
Xem danh sách tài khoản
- Đầu vào: Không.
- Xử lý:
 Bước 1: Người dùng truy cập trang xem danh sách tài khoản.
12



 Bước 2: Server kiểm tra quyền truy cập.
 Bước 3: Server trả về danh sách tài khoản.
- Đầu ra :
 Khơng có quyền truy cập: Thơng báo quyền bị hạn chế.
 Có quyền truy cập: Danh sách tài khoản.
Xem tài khoản.
- Đầu vào: Id tài khoản.
- Xử lý:
 Bước 1: Người dùng truy cập trang xem tài khoản.
 Bước 2: Server kiểm tra quyền truy cập.
 Bước 3: Server trả về thơng tin tài khoản.
- Đầu ra
 Khơng có quyền truy cập: Thơng báo quyền bị hạn chế.
 Có quyền truy cập: Thông tin tài khoản.
Thêm tài khoản
- Đầu vào: Tên tài khoản, mật khẩu, họ, tên, sdt, email, loại tài khoản.
- Xử lý
 Bước 1: Người dùng nhập form thêm tài khoản và gửi form.
 Bước 2: Server kiểm tra quyền truy cập.
 Bước 3: Server kiểm tra dữ liệu trong form.
 Bước 4: Server thêm tài khoản mới vào CSDL.
- Đầu ra :
 Khơng có quyền truy cập: Thông báo quyền bị hạn chế.
 Dữ liệu form chưa hợp lệ: Thông báo form nhập chưa hợp lệ.
 Thêm tài khoản thành công: Thông báo thêm tài khoản thành công.
Chỉnh sửa tài khoản
- Đầu vào: Id tài khoản, mật khẩu, họ, tên, sdt, email.
- Xử lý:
 Bước 1: Người dùng nhập form chỉnh sửa tài khoản và gửi form.

 Bước 2: Server kiểm tra quyền truy cập.
 Bước 3: Server kiểm tra dữ liệu trong form.
 Bước 4: Server cập nhật lại tài khoản trên CSDL.
- Đầu ra
 Khơng có quyền truy cập: Thơng báo quyền bị hạn chế.
 Dữ liệu form chưa hợp lệ: Thông báo form nhập chưa hợp lệ.
 Chỉnh sửa tài khoản thành công: Thơng báo chỉnh sửa tài khoản thành cơng.
Xóa tài khoản
- Đầu vào: Id tài khoản.
- Xử lý:
13


 Bước 1: Người dùng nhấn nút xóa tài khoản.
 Bước 2: Server kiểm tra quyền truy cập.
 Bước 3: Server kiểm tra tài khoản nếu có liên kết khóa ngoại.
 Bước 4: Server xóa tài khoản trên CSDL.
- Đầu ra:
 Khơng có quyền truy cập: Thơng báo quyền bị hạn chế.
 Id tài khoản có liên kết khóa ngoại: Thơng báo tài khoản khơng thể xóa.
 Xóa tài khoản thành cơng: Thơng báo xóa tài khoản thành cơng.
d. Quản lý tour
Xem danh sách tour
- Đầu vào: Không.
- Xử lý:
 Bước 1: Người dùng truy cập trang xem danh sách tour.
 Bước 2: Server kiểm tra quyền truy cập.
 Bước 3: Server trả về danh sách tour.
- Đầu ra
 Không có quyền truy cập: Thơng báo quyền bị hạn chế.

 Có quyền truy cập: Danh sách tour.
Xem tour
- Đầu vào: Id tour.
- Xử lý
 Bước 1: Người dùng truy cập trang xem tour.
 Bước 2: Server kiểm tra quyền truy cập.
 Bước 3: Server trả về thông tin tour.
- Đầu ra :
 Khơng có quyền truy cập: Thơng báo quyền bị hạn chế.
 Có quyền truy cập: Thơng tin tour.
Thêm tour
- Đầu vào: Tên tour, số người, địa chỉ xuất phát, địa chỉ điểm đến, ngày khởi hành,
ngày kết thúc, phương tiện, giá gốc, giá, giá người lớn, giá trẻ em.
- Xử lý:
 Bước 1: Người dùng nhập form thêm tour và gửi form.
 Bước 2: Server kiểm tra quyền truy cập.
 Bước 3: Server kiểm tra dữ liệu trong form.
 Bước 4: Server thêm tour mới vào CSDL.
- Đầu ra :
 Khơng có quyền truy cập: Thơng báo quyền bị hạn chế.
 Dữ liệu form chưa hợp lệ: Thông báo form nhập chưa hợp lệ.
 Thêm tour thành công: Thông báo thêm tour thành công.
14


×