TRƯỜNG CAO ĐẲNG KINH TẾ THÀNH PHỐ HỒ CHÍ MINH

KHOA CÔNG NGHỆ THÔNG TIN

-------🙠✹🙢-----

*****
BÀI TẬP LỚN
MÔN THIẾT KẾ WEB NÂNG CAO

Đề tài: Thiết kế website giới thiệu du lịch về sài gòn

Thiết kế trang web đăng ký môn học tại HCE

Mã môn học: Khóa: K18

Sinh viên thực hiện:
Mssv: 22662006 Họ và tên: Đinh Phát Đạt
Mssv: Họ và tên:
Giảng viên hướng dẫn: Phạm Đẳng Phương
Thành phố Hồ Chí Minh, ngày 20 tháng 12 năm 2023
Tên đề tài: Thiết kế website du lịch

BẢNG ĐÁNH GIÁ KẾT QUẢ THỰC HIỆN CÔNG VIỆC NHÓM

Cá nhân tự Nhóm GV
STT Họ và Công việc đảm
MSSV đánh giá đánh giá đánh
DS tên nhận
kết quả kết quả giá
22662 -Tìm kiếm hình
006 ảnh cho
website
-Kiểm tra nội - Hoàn - Nhiệt tình
1 Đinh
dung trang web thành tốt, tương tác
Phát Đạt -Góp ý phân đúng hạn với nhóm
tích bảng báo
cáo
- Viết website
-Tìm kiếm hình
ảnh cho
website
-Kiểm tra nội - Hoàn - Nhiệt tình
2 dung trang web thành tốt, tương tác
-Góp ý phân đúng hạn với nhóm
tích bảng báo
cáo
- Viết content

1
Tên đề tài: Thiết kế website du lịch

LỜI CẢM ƠN
Với lòng kính trọng và biết ơn chân thành, em xin được gửi lời cảm ơn sâu sắc tới cô
Phạm Đẳng Phương đã định hướng và hướng dẫn em tận tình trong suốt quá trình
nghiên cứu để em hoàn thành bài được bài tiểu luận tốt nghiệp này.

Em xin chân thành cảm ơn thầy cô của trường

Cao Đẳng Kinh Tế Thành Phố Hồ Chí Minh đã hết lòng giúp đỡ, tạo điều kiện cho em
được học hỏi và trao dồi kiến thức, kỹ năng để hoàn thành bài tiểu luận tốt nghiệp.

Trong quá trình thực hiện tiểu luận tốt nghiệp, mặc dù đã cố gắng nhưng khó tránh
khỏi thiếu sót, em rất mong nhận được ý kiến đóng góp của các thầy cô để bài tiểu
luận tốt nghiệp của em hoàn thiện hơn.

Em xin chân thành cảm ơn!

Nhóm tác giả

Đinh Phát Đạt
Đoàn Nhựt Hào

2
Tên đề tài: Thiết kế website du lịch

LỜI MỞ ĐẦU

Trong sự phát triển mạnh mẽ của khoa học công nghệ có thể nói rằng ngành công
nghệ thông tin phát triển với tốc độ nhanh nhất và ngày càng có vai trò lớn hơn, hết
sức quan trọng đổi mới toàn bộ đời sống với con người. Hầu hết các lĩnh vực trong xã
hội để ứng dụng công nghệ thông tin, nhiều điểm đã mang lại hiệu quả không thể phủ
nhận. Song thực tiễn luôn đặt ra những yêu cầu mới đòi câu hỏi chuyên ngành công
nghệ thông tin không những phát triển để thỏa hiệp và đáp ứng những thay đổi của
cuộc sống. Ngày nay, ứng dụng công nghệ thông tin và việc làm tin học hóa được xem
là một trong những loại tổ hợp mang tính quyết định trong hoạt động của các chính
phủ, tổ chức, cũng như của các công ty. Nó đóng vai trò hết sức quan trọng, có thể
tạo ra những bước đột phá mạnh mẽ.

Việc xây dựng các trang web để phục vụ các nhu cầu riêng của các tổ chức, công việc
thậm chí chỉ các cá nhân, ngày nay không có gì lạ. Một người bất kì có thể trở thành
chủ đề của một website giới thiệu về bất cứ gì anh ta quan tâm: một website giới
thiệu về bản thân và gia đình anh ta, hay là một website trình bày các bộ sưu tập hình
ảnh các loại xe hơi mà anh ta thích chẳng hạn.

Đối với phủ chính và các công ty để xây dựng các trang web riêng biệt ngày càng trở
nên có cấu trúc. Thông qua những website này, thông tin về họ cũng như các công
văn, thông báo, quyết định của chính phủ hay các sản phẩm, dịch vụ mới của công ty
sẽ đến với những người quan tâm, để cho khách hàng của họ một cách nhanh chóng,
tránh những phiền toái mà phương pháp truyền tải giao tiếp thường gặp phải.

Hoạt động của một công ty du lịch có nhiều mô hình khác sẽ càng được tăng cường
và mở rộng nếu xây dựng một trang web có khả năng giới thiệu công cụ và cho phép
quản lý các chuyến du lịch một cách nhanh chóng và chính xác nhất. Bắt nguồn với ý
tưởng này, cùng với những góp ý của cô Đinh Phát Đạt, em đã thực hiện chuyên đề
"THIẾT KẾ WEBSITE DU LỊCH" như nội dung trình bày sau đây.

Nội dung của chuyên đề được chia làm 5 chương:

Chương 1: Giới thiệu chung.
Chương 2: Tổng quan về đề tài.
Chương 3: Phân Tích Và Thiết Kế Hệ Thống.
Chương 4: Chương trình giao diện.
Chương 5: Kết luận.

3
Tên đề tài: Thiết kế website du lịch

Kết luận.
Do thời gian và trình độ có hạn, mặc dù đã nỗ lực hết mình, nhưng chắc chắn rằng
chuyên đề không tránh thiếu sót. Chuyên đề này mang tính áp dụng vào thực tiễn,
em rất mong nhận được lời đóng góp quý báu của Thầy Cô và các bạn để chuyên đề
có thể hoàn thiện hơn.

TP Hồ Chí Minh, ngày 20 tháng 12 năm 2023

Sinh viên thực hiện
Đinh Phát Đạt
Vương Kỳ Phương

DANH MỤC CÁC TỪ VIẾT TẮT TIẾNG ANH

DÙNG TRONG BÀI TẬP LỚN
Từ viết tắt Nghĩa
CSS Cascading Style Sheets
HTML Hypertext Markup Language
JS JavaSCript
UC Usecase

4
Tên đề tài: Thiết kế website du lịch

MỤC LỤC
BẢNG ĐÁNH GIÁ KẾT QUẢ THỰC HIỆN CÔNG VIỆC NHÓM........................................................................1
LỜI CẢM ƠN........................................................................................................................................................ 2
LỜI MỞ ĐẦU........................................................................................................................................................ 3
DANH MỤC CÁC TỪ VIẾT TẮT TIẾNG ANH..................................................................................................... 4
DÙNG TRONG BÀI TẬP LỚN.............................................................................................................................. 4
Chương 1: Giới Thiệu........................................................................................................................................ 3
1.1 Lý do thực hiện đề tài...................................................................................................................... 3
1.2 Mục đích nghiên cứu........................................................................................................................ 3
1.3 Đối tượng và phạm vi nghiên cứu................................................................................................. 3
1.4 Phương pháp nghiên cứu................................................................................................................ 3
1.5 Ý nghĩa khoa học và thực tiễn............................................................................................................... 4
1.5.1 Ý nghĩa khoa học................................................................................................................................................4
1.5.2 Ý nghĩa thực tiễn................................................................................................................................................4
1.6 Bố cục của luận văn................................................................................................................................. 4
Chương 2: Tổng Quan Về Đề Tài.................................................................................................................... 4
2.1 Giới thiệu về đề tài................................................................................................................................. 4
2.2 Phân tích và xác định yêu cầu............................................................................................................... 4
2.2.1 Yêu cầu chức năng............................................................................................................................................ 4
2.2.2 Yêu cầu phí chức năng........................................................................................................................... 5
2.3 Công nghệ sử dụng........................................................................................................................... 5
2.3.1 Giới thiệu về HTML........................................................................................................................................... 5
2.3.2 Giới thiệu về CSS...................................................................................................................................... 6
2.3.3 Giới thiệu về JavaSCript.........................................................................................................................7
Chương 3: Phân Tích Và Thiết Kế Hệ Thống.................................................................................................. 8
3.1 Các tác nhân của hệ thống..................................................................................................................... 8
3.2 Biểu đồ Usecase.................................................................................................................................... 10
3.2.1 Usecase tổng quát.......................................................................................................................................... 10
3.2.2 Usecase quản lý địa điểm............................................................................................................................10
3.2.3 Usecase quản lý tour.....................................................................................................................................11
3.2.4 Usecase quản lý bài viết...............................................................................................................................11
3.2.5 Usecase quản lý đặt tour............................................................................................................................. 12
3.2.6 Usecase quản lý comment...........................................................................................................................12
3.2.7 Usecase quản lý khách hàng.......................................................................................................................12
3.2.8 Usecase quản lý liên hệ................................................................................................................................ 13

1
Tên đề tài: Thiết kế website du lịch
3.2.9 Usecase quản lý admin................................................................................................................................. 13
3.2.10 Usecase quản lý địa điểm_cộng tác viên.............................................................................................13
3.2.11 Usecase đăng kí.............................................................................................................................................14
3.2.12 Usecase đăng nhập......................................................................................................................................14
3.2.13 Usecase tìm kiếm......................................................................................................................................... 14
3.2.14 Usecase đăng kí.............................................................................................................................................15
3.2.15 Usecase thanh toán điện tử.....................................................................................................................15
3.3 Đặc tả Usecase...................................................................................................................................... 15
3.3.1 Usecase quản lý địa điểm............................................................................................................................15
3.3.2 Usecase quản lý tour.....................................................................................................................................16
3.3.3 Usecase quản lý bài viết...............................................................................................................................17
3.3.4 Usecase quản lý đặt tour............................................................................................................................. 18
3.3.4 Usecase quản lý admin................................................................................................................................. 19
Chương 4: Giao Diện Chương Trình............................................................................................................. 20
4.1 Giao diện................................................................................................................................................ 20
4.1.1 Trang đăng nhập admin................................................................................................................................21
4.1.2 Trang quản lý liên hệ..................................................................................................................................... 21
4.1.3 Trang chủ admin............................................................................................................................................. 22
4.1.4 Trang đăng nhập............................................................................................................................................. 22
4.1.5 Trang đăng kí....................................................................................................................................................23
4.1.6 Trang khôi phục tài khoản...........................................................................................................................23
4.1.7 Trang liên hệ..................................................................................................................................................... 24
4.1.8 Trang thông tin................................................................................................................................................ 24
4.1.9 Trang tìm kiếm thông tin..............................................................................................................................24
4.1.10 Trang thông tin tour....................................................................................................................................25
4.1.11 Trang quảng cáo........................................................................................................................................... 25
4.1.12 Trang thông tin rooms................................................................................................................................26
4.1.13 Trang thông địa điểm..................................................................................................................................26
4.1.14 Trang lựa chọn địa điểm trending..........................................................................................................27
4.1.15 Trang đăng kí thông tin..............................................................................................................................27
4.1.16 Trang đặt phòng........................................................................................................................................... 28
Chương 5: Kết Luận......................................................................................................................................... 28
5.1 Kết quả đạt được.................................................................................................................................. 28
5.2 Hạn chế................................................................................................................................................... 29
5.3 Hướng phát triển.................................................................................................................................. 29

2
Tên đề tài: Thiết kế website du lịch

Chương 1: Giới Thiệu

1.1 Lý do thực hiện đề tài
● Trước kia, phần lớn các công ty du lịch hoạt động ngoại tuyến. Tuy nhiên hiện nay,
trong bối cảnh công nghệ kỹ thuật số không ngừng phát triển, không một công ty du
lịch nào có thể thành công nếu không hiện diện trên internet. Và cách thức hiện diện
phổ biến nhất được các doanh nghiệp trong ngành công nghiệp không khói lựa chọn
đó là thiết kế website du lịch.
● Trang web có thể là một công cụ mạnh mẽ trong nỗ lực này vì nó cung cấp nền tảng
cho các đại lý du lịch thể hiện chuyên môn , cung cấp thông tin hữu ích và hiển thị lời
chứng thực của khách hàng.
● Website du lịch có thể là một công cụ cực tốt cho các đại lý du lịch mong muốn thể
hiện cá tính thương hiệu (brand personality) của họ và tạo sự hiện diện độc đáo trên
thế giới internet. Bằng cách tuỳ các ấn phẩm truyền thông, nội dung trên website sao
cho phù hợp, nhất quán với tinh thần mà doanh nghiệp muốn thể hiện, bạn có thể
tạo nên một website phản ảnh rõ cá tính, phong cách độc đáo và giá trị mà doanh
nghiệp du lịch của bạn đang theo đuổi.
● Hệ thống các bài viết về ngành trên website du lịch có thể sẽ là điểm hút sự chú ý
của khách hàng, kích thích sự quan tâm của khách về các điểm du lịch, từ đó kích cầu
nhu cầu đặt tour. Đồng thời, những bài viết chia sẻ kinh nghiệm đi du lịch cũng cho
thấy sự quan tâm của bạn dành cho các khách hàng của mình và nỗ lực mang đến
những giá trị tuyệt vời cho họ.

1.2 Mục đích nghiên cứu

Xây dựng thành công website quản lý các tour du lịch đảm bảo uy tín, chất lượng
dịch vụ cũng như nâng cao chất lượng quản lý cho các công ty du lịch cùng như
cho ngành du lịch Việt Nam.

1.3 Đối tượng và phạm vi nghiên cứu

 Đối tượng: dịch vụ, quản lý, tour du lịch.
 Phạm vi: trong và ngoài nước.

1.4 Phương pháp nghiên cứu

Các phương pháp chính được sử dụng trong quá trình thực hiện tiểu luận tốt
nghiệp gồm:
 Phương pháp nghiên cứu lý luận
Nghiên cứu thông qua việc đọc sách, báo, tài liệu liên quan nhằm xây dựng cơ sở
lý thuyết của để tài và các biện pháp cần thiết để giải quyết các vấn để của để tài.
3
Tên đề tài: Thiết kế website du lịch
 Phương pháp phân tích và thiết kế
Nghiên cứu thông qua việc phân tích đối tượng cần nghiên cứu để giải quyết vấn
đề và thiết kế dữ liệu chương trình.

1.5 Ý nghĩa khoa học và thực tiễn

1.5.1 Ý nghĩa khoa học
Kết quả nghiên cứu của đề tài tốt nghiệp mang lại những ý nghĩa khoa học áp dụng
công nghệ thông tin vào lĩnh vực thương mại nói chung và ngành du lịch nói riêng.

1.5.2 Ý nghĩa thực tiễn

Không chỉ giải quyết khó khăn về mặt quản lý cho các công ty du lịch mà còn đảm
bảo vẫn để minh bạch. giúp người dùng đơn giản hóa vấn đề chọn địa điểm và thanh
toán.
1.6 Bố cục của luận văn
Cấu trúc của luận văn bao gồm năm chương:
Chương 1: Giới thiệu chung.
Chương 2: Tổng quan về đề tài.
Chương 3: Phân Tích Và Thiết Kế Hệ Thống.
Chương 4: Chương trình giao diện.
Chương 5: Kết luận.

Chương 2: Tổng Quan Về Đề Tài

2.1 Giới thiệu về đề tài
Ngành dịch vụ du lịch ngày càng phát triển nhưng vẫn còn một số tình trạng hạn chế
và gây ảnh hưởng đến tâm lý khách hàng sử dụng dịch vụ du lịch như thông tin không
chính xác, dịch vụ không tốt như mong đợi, giá cả điều khoản không rõ ràng, minh
bạch, việc quản lý. quảng bá hình ảnh của công ty gặp nhiều khó khăn... Từ thực trạng
trên cần thiêt có một hệ thống website quản lý tour du lịch nhằm giải quyết tình
trạng quản lý chặt chẽ cho các công ty du lịch và giúp cho người dùng - khách hàng
tiếp cận, tin tưởng, hài lòng hơn về các dịch vụ của công ty qua các thông tin chính
xác, an toàn bảo mật khi thanh toán.

2.2 Phân tích và xác định yêu cầu

2.2.1 Yêu cầu chức năng
Ngành du lịch là một ngành đặc thù nên thiết kế website quản lý du lịch phải thể hiện
nét đặc thù trong từng chi tiết của trang web, trang web mang đến sự hài lòng cho
khách hàng mỗi khi lướt web. Có thể cần có các chức năng sau:

4
Tên đề tài: Thiết kế website du lịch
- Đăng các địa điểm du lịch, các tour phổ biến nhất lên trang chủ.
- Thư giới thiệu về lịch sử hình thành, phát triển, chức năng của công ty.
- Thiết lập thông tin công ty, địa chỉ.
- Chức năng thêm, xóa, sửa, ẩn địa điểm.
- Chức năng thêm, xóa, sửa, ẩn tour.
- Chức năng thêm, xóa, sửa, ẩn bài viết về tin tức, nhà hàng, khách sạn.
- Xem danh sách các tour, khách hàng đặt tour.
- Thống kê doanh thu theo ngày, tuần, tháng.
- Cập nhật thông tin tài khoản.
- Liên hệ trực tiệp qua fanpage, email, instagram của công ty.
- Gửi bình luận. phản hồi về tour cho công ty.
- Đặt tour và thanh toán điện tử.
- Chọn tour theo địa điểm.
- Tìm kiếm nhanh theo địa điểm, tên tour, giá, thời gian, tour khuyến mãi.

2.2.2 Yêu cầu phí chức năng

- Website tối ưu code và dữ liệu chiếm không gian lưu trữ dữ liệu hiệu quả, tốc
độ xử lý nhanh.
- Giao diện dễ nhìn thân thiện với người dùng.
- Các chức năng của website được lập trình chính xác, không chấp nhận sai sót.
- Sử dụng mã hóa các thông tin nhạy cảm của khách hàng.
- Đảm bào an toàn dữ liệu khi chạy website tnực tuyến.

2.3 Công nghệ sử dụng

Sử dụng công nghệ : HTML, CSS,Vue.

2.3.1 Giới thiệu về HTM

HTML là chữ viết tắt của cụm từ Hyper Text Markup Language là ngôn ngừ đánh dấu
siêu văn bản được sử dụng để tạo một trang web, trên một website có thể chứa
nhiều trang và mỗi trang được quy ra là một tài liệu HTML. Ngoài ra còn giúp khai báo
các tập tin kỹ thuật số (media) như hình ảnh, video, nhạc, dễ hiểu, mã nguồn mở và
hoàn toàn miễn phí, markup gọn gàng và đồng nhất, dễ dàng tích hợp với các ngôn
ngữ backend như PHP, Python,... Bên cạnh đó HTML cũng có một số nhược điêm
riêng: được dùng chủ yếu cho web tĩnh, cần sử dụng JavaScript hoặc ngôn ngữ PHP,
một số trình duyệt chậm hỗ trợ tính năng mới.
● Các thẻ định dạng kí tự, thẻ định dạng danh sách (ul, li, ol…), sử dụng thẻ
liên kết trang (thẻ a), thẻ hình ảnh, âm thanh ( img, video,…).
● Các thẻ tạo bảng:

5
Tên đề tài: Thiết kế website du lịch
- Thẻ <table> dùng để xác định một cái bảng.
- Thẻ <tr> dùng để xác định một hàng bên trong bảng.
- Thẻ <th> dùng để xác định một ô (tiêu đề) bên trong hàng.
- Thẻ <td> dùng để xác định một ô (bình thường) bên trong hàng.
● Các thẻ tạo form (form, input, select…)
- Thẻ dùng nhiều nhất trong form là thẻ <input>, có rất nhiều input type khác
nhau, bạn có thể tham khảo thêm bài 9 thẻ input hay dùng và bài dùng các
input mới để tạo form trong HTML5.
- Thẻ <textarea> chuyên dùng để nhập dữ liệu văn bản dài.
- Thẻ select & radio button và checkbox để tạo các chọn lựa.
- Thẻ <fieldset> dùng để nhóm các trường liên quan đến nhau trong form.
- Thẻ <label> để đặt tên cho các trường.

Hình 2.3.1 Giới thiệu về HTML

2.3.2 Giới thiệu về CSS

CSS viết tắt của từ Cascading Style Sheet là ngôn ngừ định kiểu theo tầng dược dùng
để tạo bố cục, trang trí, thiêt lập màu nền, màu chữ, kích thước,… cho trang web.
Sử dụng HTML để thêm nội dung và mô tả cho trang. Sử dụng CSS giúp chúng ta tạo
ra được một website trông bắt mắt hơn.
● Vận dụng linh hoạt các thức sử dụng css: External CSS, Internal CSS, Inline
CSS.
6
Tên đề tài: Thiết kế website du lịch

● Có sử dụng các thuộc tính css phổ biến như: background-image, font-
family, font-style, font-weight, font-size, color, text-align, text-decoration,
text-transform, border, Padding, border-radius, box-shadow, hover… Có sử
dụng các thuộc tính id, class thuộc tính transform, biết cách chia layer với
thuộc tính position (relative, absolute, fixed…).
● Thuộc tính animation để hiệu chỉnh các chuyển động.

● Biết cách vận dụng các layout trang web phù hợp với các thuộc tính table,
float, display flex, grid…
● Có sử dụng được responsive với thuộc tính media queries để tạo trải

nghiệm tốt nhất cho người dùng trên máy tính và trên các thiết bị khác.

2.3.3 Giới thiệu về JavaSCript

JavaScript là ngôn ngữ dưới dạng script có thể gắn với các file HTML. Nó không được
biên dịch mà được trình duyệt diễn dịch, trình duyệt đọc JavaScript dưới dạng mã
nguồn. Chính vì vậy ta có thể dễ dàng học JavaScript trên các trang Web có sử dụng
JavaScript. JavaScript là ngôn ngữ dựa trên đối tượng, nghĩa là bao gồm nhiều kiểu
đối tượng, ví dụ đối tượng Math với tất cả các chức năng toán học. Tuy vậy JavaScript
không là ngôn ngữ hướng đối tượng như C++ hay Java do không hỗ trợ các lớp hay
tính thừa kế.

7
Tên đề tài: Thiết kế website du lịch

Hình 2.3.3 Giới thiệu về JavaSCript

Chương 3: Phân Tích Và Thiết Kế Hệ Thống

3.1 Các tác nhân của hệ thống

Tác nhân Ý nghĩa nhiệm vụ của

STT
Actor
1 Quản trị Quản trị là tác nhân giữ
vai trò chính của hệ thống
website, là người điều
hành, quản lý và theo dõi
mọi hoạt động của hệ
thống.

Tác nhân Quản trị có thể

thực hiện được tất cả các
8
Tên đề tài: Thiết kế website du lịch
chức năng có trong hệ
thống của quản trị như:
đăng nhập, quản lý tour,
quản
lý bài viết , quản 1 địa
điểm, quản lý đặt tour,
quản lý khách hàng, tìm
kiếm, quản lý comments
quản lý liên hệ,..

Cộng tác viên là người

cộng tác với Quản trị cùng
theo dõi hoạt động của hệ
thống.

Tác nhân Cộng tác viên có

thể thực hiện được các
chức năng có trong hệ
2 Cộng tác viên
thống của quản trị như:
đăng nhập.

quản lý bài viết , quản lý

khách hàng, tìm kiếm,
quản lý comments quản lý
liên hệ,.

3 Khách vãng lai Khách vãng lai truy cập

vào website, xem các nội
dung của website.

Khách vãng lai truy cập có

thể thực hiện tìm kiếm,
xem tour, chọn tour, đặt
dịch tour, xem tin tức,
xem bài viết nhà hàng.
xem bài viết khách sạn,
phản hồi,…

không cần phải đăng ký,

đăng nhập tài khoản.

Khách vãng lai được hỗ

trợ trực tuyến, có thể gửi
bình luận về công ty và
đóng góp ý kiến qua
9
 Tên đề tài: Thiết kế website du lịch
Facebook công ty. Sau khi
cài đặt tour thành công
Khách hàng vẫn sẽ trờ
thành
Thành viên khách hàng
của công ty.

Khách hàng thành viên có

đây đủ chức năng như
khách vãng lai.
Ngoài ra. Khách hàng
thành viên có thể bình
luận, đánh giá trực tiếp
4 Khách hàng thành viên tour du lịch trên website,
xem được danh sách các
tour đã đặt, cập nhật
thông tin tài khoản,.. khi
đã đăng nhập vào hệ
thống thành công.

Bảng 3.1 các tác nhân của hệ thống

3.2 Biểu đồ Usecase

3.2.1 Usecase tổng quát
Đăng kí Tìm kiếm

Quản lý địa Đặt Tour

điểm

Đăng nhập
Thanh toán
Quản lý Tour điện tử
Quản trị Khách
vãng lai

Quản lý bài viết Phản hồi

Xem thông
Quản lý đặt tour
tinTour

Đăng
Xem tin tức
Quản lý xuất
comment
10
 Tên đề tài: Thiết kế website du lịch

Xem nhà hàng

Quản lý
khách hàng

Xem khách sạn

Quản lý quan hệ

Quản lí admin-CTV
Trao đổi thông
Quản lý Admin Cộng tác viên Khách hàng tin qua mạng xã
thân thiết hội

Quản lí đặt tour-

Thống kê CTV
doanh thu Quản lí
đặt Tour

Cập nhật thông

Quản lí tour- Quản lý địa tin tài khoản
CTV điểm-CTV Xem danh sách
Tour đã đặt

Bình luận tour

Hình 3.2.1 Usecase tổng quát

3.2.2 Usecase quản lý địa điểm

Xem danh sách
<<include>> địa điểm

Quản lý <<include>> Cập nhật

địa điểm <<include>> địa điểm
<<include>>
<<include>>
Quản trị Thêm mới
địa điểm

Xóa địa điểm

Cập nhật trạng
thái

Hình 3.2.2 Usecase quản lý địa điểm

3.2.3 Usecase quản lý tour

Tìm theo tên

Xem danh <<include>>
sách tour

Tìm theo
Tìm kiếm tour <<include>> địa điểm
<<include>> <<include>>
<<include>>
Tìm theo ID

Xem chi
tiết tour
<<include>>

Quản trị Quản lí tour 11

Tên đề tài: Thiết kế website du lịch

<<include>> Trang thái hoạt

động của tour
<<include>>

<<include>> Cập nhật tour

<<include>>

Xóa tour

Thêm tour

Hình 3.2.3 Usecase quản lý tour

3.2.4 Usecase quản lý bài viết

Xem danh sách

<<include>> bài viết

<<include>> Xóa bài viết

Quản trị Quản lí bài viết <<include>>

<<include>> Sửa bài viết

Thêm bài viết

Hình 3.2.4 Usecase quản lý bài viết

3.2.5 Usecase quản lý đặt tour

Xem danh sách

<<include>> Đặt tour

<<include>> Thay đổi

trạng thái
Quản trị Quản lí đặt tour <<include>>

12
Tên đề tài: Thiết kế website du lịch

Xóa yêu cầu

Đặt tour

Hình 3.2.5 Usecase quản lý đặt tour

3.2.6 Usecase quản lý comment

Xóa comments
<<include>>

<<include>> Xem danh sách

comments
Quản trị Quản lí đặt <<include>>
Comments

Tìm kiếm
comments

<<include>> <<include>>

Tìm kiếm Tìm kiếm

theo email theo ID

Hình 3.2.6 Usecase quản lý comment

3.2.7 Usecase quản lý khách hàng

Xem danh sách

<<include>>
thành viên

Quản trị Quản lí đặt <<include>>

khách hàng
Xóa thành viên

Hình 3.2.7 Usecase quản lý khách hàng

3.2.8 Usecase quản lý liên hệ

Xem danh sách

<<include>>
liên hệ

Quản trị Quản lí liên hệ <<include>>

13
 Tên đề tài: Thiết kế website du lịch

Xóa danh sách

liên hệ

Hình 3.2.8 Usecase quản lý liên hệ

3.2.9 Usecase quản lý admin

Xem danh sách

<<include>> quản lý

<<include>> Thêm quản lý

mới
Quản trị Quản lí Admin <<include>>

<<include>>
Cập nhật
<<include>> thông tin

Xóa tài khoản

Thay đổi
trạng thái

Hình 3.2.9 Usecase quản lý admin

3.2.10 Usecase quản lý địa điểm_cộng tác viên

Xem danh sách

<<include>> địa điểm

<<include>> Xóa địa điểm

Cộng tác Quản lí địa <<include>>
viên điểm_cộng tác
viên
Cập nhật
<<include>> địa điểm

Cập nhật trạng

thái

Hình 3.2.10 Usecase quản lý địa điểm_cộng tác viên

3.2.11 Usecase đăng kí

Khách vãng lai <<include>> Xem danh sách

14 liên hệ
 Tên đề tài: Thiết kế website du lịch
Quản lí liên hệ

Hình 3.2.11 Usecase đăng kí

3.2.12 Usecase đăng nhập

Quản trị

Đăng nhập
Khách hàng
thành viên

Cộng tác viên

Hình 3.2.12 Usecase đăng nhập

3.2.13 Usecase tìm kiếm

Khách hàng
thành viên
Tìm kiếm địa
<<include>> điểm theo tên

<<include>> Tìm kiếm địa

điểm theo tour
Tìm kiếm <<include>>

<<include>> Tìm kiếm địa

điểm theo giá
tiền
<<include>>

Khách vãng lai

Tìm kiếm địa
điểm số ngày

Tìm kiếm địa

điểm theo tour
khuyến mãi

Hình 3.2.13 Usecase tìm kiếm

3.2.14 Usecase đăng kí

15
 Tên đề tài: Thiết kế website du lịch

Khách vãng lai <<include>> Cập nhật thông

Đăng kí tin tài khoản

Hình 3.2.14 Usecase đăng kí

3.2.15 Usecase thanh toán điện tử

Khách vãng lai Thanh toán điện Khách hàng

tử thành viên

Hình 3.2.15 Usecase thanh toán điện tử

3.3 Đặc tả Usecase

3.3.1 Usecase quản lý địa điểm

UC_Quản lý địa điểm

Quản lý địa điểm
Tên
Người quản trị muốn quản lý địa điểm
Định nghĩa của hệ thống

Quản trị
Actors
Xem danh sách địa điểm, cập nhật địa
điểm, thêm mới địa điểm, xóa địa điểm
Includes
và cập nhật trạng thái

None
Extends
Người quản trị đăng nhập vào hệ thống
Điều kiện tiên quyết
Dòng sự kiện
Dòng sự kiện chính B1 Hệ thống hiển thị giao diện quản lý,
người quản trị chọn danh mục địa điểm
để quản lý địa điểm

16
Tên đề tài: Thiết kế website du lịch
B2 Người quản trị có thể thêm mới địa
điểm, xem danh sách địa điểm, cập nhật
địa điểm, xóa địa điểm và chọn trạng
thái cho địa điểm.

None
Dòng sự kiện thay thế
Người quản trị thêm mới, cập nhật, xóa,
cập nhật tình trạng thành công địa điểm
Điều kiện sau
và chọn trạng thái cho địa điểm

Bảng 3.2.1 Đặc tả Usecase quản lý địa điểm

3.3.2 Usecase quản lý tour

UC_Quản lý tour
Quản lý tour
Tên
Người quản trị muốn quản lý tour của
Định nghĩa hệ thống

Quản trị
Actors
Xem danh sách tour, tìm kiếm tour, xem
chi tiết tour, cập nhật tour, thêm mới
Includes tour, xóa tour, trạng thái hoạt động của
tour.

None
Extends
Người quản trị đăng nhập vào hệ thống
Điều kiện tiên quyết
Dòng sự kiện
B1 Hệ thống hiển thị giao diện quản lý,
người quản trị chọn danh mục tour để
quản lý tour
B2 Người quản trị có thể thêm mới tour,
Dòng sự kiện chính
xem danh sách tour, xem chi tiết tour,
cập nhật tour, Xóa tour, chọn trạng thái
cho tour và tìm kiếm tour.

None
Dòng sự kiện thay thế
Điều kiện sau Người quản trị thêm mới, cập nhật, xóa
17
Tên đề tài: Thiết kế website du lịch
thành công tour và có thể xem danh
sách tour. Người quản trị tìm kiếm
thành công theo tên tour, theo địa điểm
và theo ID tour.
Người quản trị thay đổi trạng thái của
tour là ẩn hoặc hiện.

Bảng 3.3.2 Đặc tả Usecase quản lý tour

3.3.3 Usecase quản lý bài viết

UC_Quản lý tour
Quản lý bài viết
Tên
Người quản trị muốn quản lý bài viết về
tin tức, nhà hàng khách sạn của hệ
Định nghĩa
thống

Quản trị
Actors
Xem danh sách bài viết, sửa bài viết,
Includes thêm mới bài viết, xóa bài viết

None
Extends
Người quản trị đăng nhập vào hệ thống
Điều kiện tiên quyết
Dòng sự kiện
B1 Hệ thống hiển thị giao diện quản lý,
người quản trị chọn danh mục bài viết
để quản lý bài viết về tin tức, nhà hàng,
khách sạn.
Dòng sự kiện chính
B2 Người quản trị có thể thêm mới bài
viết, xem danh sách bài viết, sửa bài
viết, xóa bài viết.

None
Dòng sự kiện thay thế
Người quản trị thêm mới, cập nhật, xóa
thành công bài viết và có thể xem danh
Điều kiện sau
sách bài viết.

18
Tên đề tài: Thiết kế website du lịch
Bảng 3.3.3 Đặc tả Usecase quản lý bài viết

3.3.4 Usecase quản lý đặt tour

UC_Quản lý tour
Quản lý đặt tour
Tên
Người quản trị muốn quản lý danh sách
Định nghĩa các tour đã được đặt của hệ thống

Quản trị
Actors
Xem danh sách đặt tour, xóa yêu cầu đặt
Includes tour, thay đổi trạng thái đặt tour

None
Extends
Người quản trị đăng nhập vào hệ thống
Điều kiện tiên quyết
Dòng sự kiện
B1 Hệ thống hiển thị giao diện quản lý,
người quản trị chọn danh mục bài viết
để quản lý bài viết về tin tức, nhà hàng,
khách sạn.
Dòng sự kiện chính
B2 Người quản trị có thể thêm mới bài
viết, xem danh sách bài viết, sửa bài
viết, xóa bài viết.

None
Dòng sự kiện thay thế
Người quản trị xóa thành công yêu cầu
đặt tour và có thể xem danh sách các
tour đã đặt. Người quản trị thay đổi
Điều kiện sau
trạng thái của các tour đã đặt là đã
thanh toán hoặc chưa thanh toán.

Bảng 3.3.4 Đặc tả Usecase quản lý đặt tour

19
Tên đề tài: Thiết kế website du lịch

3.3.4 Usecase quản lý admin

UC_Quản lý tour
Quản lý admin
Tên
Người quản trị muốn quản lý tài khoản
Định nghĩa quản lý cộng tác viên của hệ thống

Quản trị
Actors
Xem danh sách đặt tour, xóa yêu cầu đặt
Includes tour, thay đổi trạng thái đặt tour

None
Extends
Người quản trị đăng nhập vào hệ thống
Điều kiện tiên quyết
Dòng sự kiện
Dòng sự kiện chính None
None
Dòng sự kiện thay thế
Người quản trị thêm mới, cập nhật, xóa
thành công tài khoản và có thể xem
Điều kiện sau danh sách quản lý. Người quản trị thay
đổi thành công trạng thái của tài khoản.

Bảng 3.6 Đặc tả Usecase quản admin

20
Tên đề tài: Thiết kế website du lịch

Chương 4: Giao Diện Chương Trình

4.1 Giao diện

21
Tên đề tài: Thiết kế website du lịch
Hình 4.1 Giao diện

4.1.1 Trang đăng nhập admin

Hình 4.1.1 Trang đăng nhập admin

4.1.2 Trang quản lý liên hệ

22
Tên đề tài: Thiết kế website du lịch

Hình 4.1.2 Trang chủ admin

4.1.3 Trang chủ admin

Hình 4.1.3 Trang quản lý liên hệ

4.1.4 Trang đăng nhập

23
Tên đề tài: Thiết kế website du lịch

Hình 4.1.4 Trang đăng nhập

4.1.5 Trang đăng kí

24
Tên đề tài: Thiết kế website du lịch

Hình 4.1.5 Trang đăng kí

4.1.6 Trang khôi phục tài khoản

Hình 4.1.6 Trang khôi phục tài khoản

4.1.7 Trang liên hệ

25
Tên đề tài: Thiết kế website du lịch

Hình 4.1.7 Trang liên hệ

4.1.8 Trang thông tin

Hình 4.1.8 Trang thông tin

4.1.9 Trang tìm kiếm thông tin

Hình 4.1.9 Trang tìm kiếm thông tin

26
Tên đề tài: Thiết kế website du lịch

4.1.10 Trang thông tin tour

Hình 4.1.10 Trang thông tin tour

4.1.11 Trang quảng cáo

Hình 4.1.11 Trang quảng cáo

27
Tên đề tài: Thiết kế website du lịch

4.1.12 Trang thông tin rooms

Hình 4.1.12 Trang thông tin rooms

4.1.13 Trang thông địa điểm

28
Tên đề tài: Thiết kế website du lịch
Hình 4.1.13 Trang thông địa điểm

4.1.14 Trang lựa chọn địa điểm trending

Hình 4.1.14 Trang lựa chọn địa điểm trending

4.1.15 Trang đăng kí thông tin

Hình 4.1.15 Trang đăng kí thông tin

29
Tên đề tài: Thiết kế website du lịch

4.1.16 Trang đặt phòng

Hình 4.1.16 Trang đặt phòng

Chương 5: Kết Luận

5.1 Kết quả đạt được
 Sau một thời gian tập trung triển khai đề tài, em đã hoàn thành được “Website du
lịch " với giao diện trực quan, các thao tác sử dụng dễ dàng. thân thiện với người
dùng.

 Các chức năng hoạt động tốt, thực hiện đúng quy trình nghiệp vụ của hệ thống. Giao
diện gần gũi, thao tác thuận lợi, thân thiện với người dùng. Mức độ bảo mật dữ
liệu ở mức tương đối.

 Sau khi hoàn thành xong được được “Website du lịch ", em có thêm nhữmg kỹ năng
nền tảng để xây dựng được một website bằng ngôn ngữ HTML và

30
Tên đề tài: Thiết kế website du lịch
JavaSCript, áp dụng các kiến thức HTML, CSS và Javascript đã học vào việc phát triển
ứng dụng web. Bên cạnh đó, em cũng được mở rộng thêm các kiến thức chuyên
ngành mới nhờ việc tìm hiều một số kiến thức lập trình để áp dụng vào việc phát
triển ứng dụng.

 Kinh nghiệm quý giá khi xây dựng website nói riêng và phát triển phần mềm. Nhữmg
kỹ năng này sẽ là nền tảng để giúp em nâng cao trình độ bản thân, kinh nghiệm trong
thực tế để có thể làm việc với các doanh nghiệp sau này.

5.2 Hạn chế

 Những tồn tại, hạn chế cần khắc phục:
✔ Các chức năng còn đơn giản, chưa có chức năng để người dùng chia sẻ sản phẩm.
✔ Web chưa hỗ trợ thanh toán tnực tuyến cho người dùng.
Tốc độ xử lý chưa cao, vẫn còn một số lỗi phát sinh khi vận hành hệ thống.
 Đề xuất giải pháp khắc phục:
✔ Nghiên cứu thiết kế và xây dựng các chức năng: chia sẻ sản phẩm, thanh toán trực tuyến
cho người dùng trong tương lai.

5.3 Hướng phát triển

- Xây dựng ứng đụng đa nền tảng trên điện thoại di động.
- Tiếp tục nâng cấp, cập nhật thông tin và các tính năng người dùng yêu cầu.
- Cải thiện tiếp tốc độ thực thi của ứng dụng.

31