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

ĐẠ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 rèn luyện mái trường Phân Hiệu Đại Học Đà Nẵng Kon Tum, thân em bạn tiếp thu nhiều kiến thức thầy cô phân hiệu đặc biệt 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 hoàn thành đồ án tốt nghiệp Các em xin gửi lời cảm ơn đến thầy Đồng Ngọc Nguyên Thịnh, người đưa ý kiến, đóng góp để giúp em hồn thiện đồ án cách chỉnh chu Cuối cùng, em chúc tất thầy cô công tác tốt dồi sức khỏe để cống hiến cho hệ sinh viên Các xin chân thành cảm ơn! Sinh viên SIOUDOMPHANH Khankeo KEOVICHIT Xaiymeth MỤC LỤC CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 TỔNG QUAN VẤN ĐỀ NGHIÊN CỨU 1.2 LÝ DO CHỌN ĐỀ TÀI 1.3 MỤC TIÊU NGHIÊN CỨU 1.3.1 Lý thuyết 1.3.2 Công nghệ 1.3.3 Ứng dụng 1.4 PHƯƠNG PHÁP NGHIÊN CỨU 1.4.1 Khảo sát thực tế .2 1.4.2 Lý thuyết 1.4.3 Công nghệ 1.5 PHẠM VI ỨNG DỤNG CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1 LÝ THUYẾT ÁP DỤNG 2.1.1 Website .3 2.1.2 Mơ hình MVC 2.1.3 Mơ hình thương mại điện tử B2C 2.2 CÔNG NGHỆ ÁP DỤNG 2.2.1 Frontend 2.2.2 Backend 2.3 PHẦN MỀM SỬ DỤNG 2.3.1 Visual Studio Code 2.3.2 XAMPP CHƯƠNG 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ơ đồ 42 3.3.3 Sơ đồ lớp .57 3.3.4 Lược đồ sở liệu 63 CHƯƠNG KẾT QUẢ DEMO 68 4.1 FRONTEND 68 i 4.1.1 Trang chủ .68 4.1.2 Trang tour nước 69 4.1.3 Trang tour nước 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 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 KẾT LUẬN 84 5.1 KẾT LUẬN 84 5.1.1 Kết đạt 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ở 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 Admin Chức Khách hàng Chức Người quản lý tour Giải thích sơ đồ đăng ký Giải thích sơ đồ đăng nhập Giải thích sơ đồ đăng xuất Giải thích sơ đồ xem danh sách Giải thích sơ đồ xem chi tiết Giải thích sơ đồ tìm kiếm Giải thích sơ đồ thêm Giải thích sơ đồ chỉnh sửa Giải thích sơ đồ xóa Giải thích sơ đồ đặt tour Giải thích sơ đồ hủy đặt tour Giải thích sơ đồ gửi trợ giúp Giải thích sơ đồ 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ơ đồ đăng ký Sơ đồ đăng nhập Sơ đồ đăng xuất Sơ đồ xem danh sách Sơ đồ xem chi tiết vi Trang 5 6 7 8 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ơ đồ tìm kiếm Sơ đồ thêm Sơ đồ chỉnh sửa Sơ đồ xóa Sơ đồ đặt tour Sơ đồ tuần hủy đặt tour Sơ đồ gửi trợ giúp Sơ đồ phản hồi trợ giúp Sơ đồ in danh sách tour Sơ đồ in hóa đơn đặt tour Sơ đồ lớp Lược đồ CSDL Giao diện trang chủ máy tính Giao diện trang chủ điện thoại Giao diện trang tour nước Giao diện trang tour nước 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 gửi qua email Giao diện quản lý tour Giao diện chỉnh sửa 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 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 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 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 Hình 4.6: Giao diện xem tour Hình 4.7: Giao diện hiển thị thông tin đặt tour Sau khách hàng đặt tour thành công hệ thống gửi mail thơng tin đặt tour cho khách hàng: 72 Trong có số lượng đặt tour, tổng số tiền cho khách hàng khách hàng vui lòng chuyển khoản trước ngày khởi hành để bên người quản lý tour xác nhận đặt tour Hình 4.8: Thơng tin đặt tour gửi qua email 4.1.6 Trang quản lý tour Khi đăng nhập vào tài khoản người quản lý người quản lý truy cập chức quản lý tour - Trang quản lý tour hiển thị tất tour website - Mỗi tour có chức năng: Xem đơn đặt tour, Sao chép tour, chỉnh sửa tour xóa tour Hình 4.9: Giao diện quản lý tour 73 Giao diện chỉnh sửa tour chép tour Hình 4.10: Giao diện chỉnh sửa copy tour Tại giao diện xem đơn đặt tour có phần: Chưa xác nhận, thực hiện, hoàn thành hủy - Phần chưa xác nhận hiển thị danh sách khách đặt tour chưa xác nhận - Phần thực hiển thị danh sách sách khách hàng xác nhận tour - Phần hoàn thành hiển thị danh sách khách hàng hoàn thành tour 74 - Phần hủy hiển thị danh sách khách hàng bị hủy tour Hình 4.11: Giao diện xem đơn đặt tour Giao diện hiển thị danh sách khách hàng đặt tour liệt kê tất khách hàng thực tour thơng tin tour Hình 4.12: Giao diện hiển thị danh sách khách hàng đặt tour Hình 4.13: Thơng tin email xác nhận 75 Hình 4.14: Thơng tin email hồnh thành tour Hình 4.15: Thơng tin email hủy tour 4.1.7 Trang danh sách blog Giao diện xem danh sách blog hiển thị tất blog website Website xếp blog giảm dần theo ngày đăng Hình 4.16: Giao diện danh sách blog 76 4.1.8 Trang xem blog Trang xem blog hiển thị chi tiết nội dung blog Hình 4.17: Giao diện xem blog 4.1.9 Trang quản lý tài khoản Trang quản lý tài khoản hiển thị thông tin tài khoản ảnh đại diện Người dùng chỉnh sửa lại thơng tin tài khoản chức chỉnh sửa tài khoản Hình 4.18: Trang quản lý tài khoản Hình 4.19: Giao diện chỉnh sửa tài khoản 77 4.1.10 Trang quản lý trợ giúp Đối với khách hàng: Hiển thị danh sách trợ giúp gửi Đối với người quản lý: Hiển thị danh sách trợ giúp khách hàng gửi (Có thể trả lời lại cho khách hàng) Hình 4.20: Giao diện quản lý trợ giúp 4.2 BACKEND 4.2.1 Trang chủ Khi đăng nhập tài khoản Admin, trang chủ trang hiển thị Trang chủ hiển thị chức Admin Tại chức đặt tour trợ giúp có hiển thị số bên cạnh Đối với chức đặt tour số có nghĩa số lượng khách hàng đặt tour chưa xác nhận Đối với trợ giúp số có nghĩa số lượng khách hàng gửi trợ giúp chưa trả lời 78 Hình 4.21: Giao diện trang chủ 4.2.2 Trang thống kê Trang thống kê có phần: Doanh thu tháng trước, biểu đồ doanh thu theo tháng biểu đồ tour đặt nhiều - Doanh thu tháng trước: Là hiển thị doanh thu tháng trước gần mà có khách đặt tour - Biểu đồ doanh thu theo tháng: Biểu đồ thể doanh thu tháng, tháng khơng có doanh thu khơng hiển thị số lượng hiển thị tối đa 10 tháng - Biểu đồ tour đặt nhiều nhất: Hiển thị tên tour đặt nhiều Hình 4.22: Giao diện trang thống kê 4.2.3 Trang quản lý tài khoản Giao diện quản lý tài khoản Admin, người quản lý khách hàng - Mỗi phần quản lý có chức Thêm mới, Tìm kiếm, Chỉnh sửa Xóa 79 - Đối với chức Tìm kiếm: Tìm kiếm theo tên tài khoản, Họ tên, Email SDT (Đối với khách hàng có thêm Địa Tỉnh) - Đối với chức xóa: Chỉnh xóa tài khoản chưa đặt tour Hình 4.23: Trang quản lý tài khoản 4.2.4 Trang quản lý tỉnh Quản lý tất tỉnh quốc gia - Mỗi phần có chức như: Tìm kiếm, Thêm mới, Chỉnh sửa Xóa - Đối với chức tìm kiếm: Tìm kiếm theo tên tỉnh tên quốc gia - Đối với chức xóa: Chỉ xóa tỉnh chưa sử dụng bảng khác Hình 4.24: Giao diện trang quản lý tỉnh quốc gia 80 4.2.5 Trang quản lý blog Quản lý tất blog - Có chức như: Tìm kiếm, Thêm mới, Chỉnh sửa Xóa - Đối với chức tìm kiếm: Tìm kiếm theo tên tiêu đề Hình 4.25: Giao diện quản lý blog 4.2.6 Trang quản lý trợ giúp Quản lý tất trợ giúp - Giao diện trợ giúp có phần: Đang đợi trợ giúp, trợ giúp, Quản lý loại trợ giúp - Có chức như: Tìm kiếm, Trả lời trợ giúp, Xóa trợ giúp, Thêm loại trợ giúp Xóa loại trợ giúp Hình 4.26: Giao diện quản lý trợ giúp 4.2.7 Trang quản lý tour Quản lý tất tour có chức như: Tìm kiếm, Thêm tour, Sao chép tour, Chỉnh sửa tour Xóa tour 81 Hình 4.27: Giao diện quản lý tour 4.2.8 Trang quản lý đặt tour Quản lý tất đặt tour - Giao diện trợ giúp có phần: Chưa xác nhận, Đang thực hiện, Đã hồn thành Đã hủy - Có chức như: Xác nhận đặt tour, xác nhận hoàn thành tour, hủy tour, xóa tour Hình 4.28: Giao diện quản lý đặt tour 4.2.9 Trang quản lý slide Quản lý tất slide loại slide giao diện trợ giúp có phần: Thêm mới, chỉnh sửa xóa 82 Hình 4.29: Giao diện quản lý slide 83 CHƯƠNG KẾT LUẬN 5.1 KẾT LUẬN 5.1.1 Kết đạt - Website xây dựng đầy đủ chức cần thiết website quản lý tour du lịch thực tế - Các công nghệ sử dụng website công nghệ cốt lõi trong việc xây dựng website - Về mặt nghiệp vụ, quy trình xử lý đặt tour, toán, kiểm soát, quản lý website thể hợp lý 5.1.2 Hạn chế - Về mặt tính năng: Website cịn thiếu số chức toán online, like tour, đánh giá tour - Về mặt công nghệ: hệ thống Internet chưa đặt tour API như: VNPAY, MOMO, Paypal 5.2 HƯỚNG PHÁT TRIỂN - Phát triển chức năng: hoàn thiện tính đặt tour đốn đơn đặt tour online dùng thẻ ngân hàng thẻ visa mastercard, like tour, Comment Blog đánh giá tour Ngoài phát triển thêm tính đặt phịng khách sạn đặt vé (máy bay, xe khách ) tour - Phát triển công nghệ: nghiên cứu công nghệ React, Angular, VueJS để xử lý giao diện chuyên nghiệp Tích hợp phương pháp thánh tốn online Paypal, ViettelPay phát triển tính tốn sử dụng QR Code 84 TÀI LIỆU THAM KHẢO Tiếng Việt [1] CRM VIET, “Kinh doanh B2B B2C”, [Trực tuyến] Địa chỉ: https://crmviet.vn/b2b-va-b2c/ 19/10/2021 [2] CRM VIET, “Kinh doanh B2B B2C”, [Trực tuyến] Địa chỉ: https://crmviet.vn/b2b-va-b2c/ 19/10/2021 [3] FreeTuts, “Hướng dẫn gửi mail PHP với PHPMailer”, [Trực tuyến] Địa chỉ: https://freetuts.net/huong-dan-gui-mail-trong-php-voi-phpmailer-710.html 02/11/2021 [4] F8 Official, “HTML, CSS từ Zero Tới Hero”, [Trực tuyến] Địa chỉ: https://www.youtube.com/playlist?list=PL_-VfJajZj0U9nEXa4qyfB4U5ZI YCMPlz 11/11/2021 [5] F8 Official, “Javascript Cơ Bản”, [Trực tuyến] Địa chỉ: https://www.youtube.com/playlist?list=PL_-VfJajZj0VgpFpEVFzS5Z-lkX tBe-x5 12/11/2021 [6] HOSTINGER, “Hướng dẫn tự học lập trình JavaScript”, [Trực tuyến] Địa chỉ: https://www.hostinger.vn/huong-dan/javascript-la-gi 19/10/2021 [7] Mơ hình MVC “Ứng dụng mơ hình MVC lập trình”, [Trực tuyến] Địa chỉ: https://monamedia.co/mvc-la-gi-ung-dung-cua-mo-hinh-mvc-trong-laptrinh/ 19/10/2021 [8] TP DEV, “Hướng dẫn tự học lập trình CSS”, [Trực tuyến] Địa chỉ: https://topdev.vn/blog/css-la-gi/ 19/10/2021 [9] Tự học IT, “Hướng dẫn tự học lập trình PHP”, [Trực tuyến] Địa chỉ: https://tuhocict.com/huong-dan-tu-hoc-lap-trinh-php/ 19/10/2021 Tiếng Anh [10] StackOverflow, [Trực tuyến] Địa chỉ: https://stackoverflow.com/ 21/11/2021 [11] VS Code, [Trực tuyến] Địa chỉ: https://code.visualstudio.com/ 21/11/2021 [12] W3Schools, “CSS Tutorial”, [Trực tuyến] Địa chỉ: https://www w3schools.com/html/ 20/11/2021 [13] W3Schools, “HTML Tutorial”, [Trực tuyến] Địa chỉ: https://www w3schools.com/html/ 20/11/2021 [14] W3Schools, “JavaScript Tutorial”, [Trực tuyến] Địa chỉ: https://www w3schools.com/javascript/ 20/11/2021 [15] W3Schools, “PHP Tutorial”, [Trực tuyến] Địa chỉ: https://www w3schools.com/php/ 20/11/2021 [16] XAMPP, [Trực tuyến] Địa chỉ: https://www.apachefriends.org/ 21/11/2021 85 GIẤY XÁC NHẬN HOÀN THÀNH BÁO CÁO ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên 1: SIOUDOMPHANH Khankeo MSSV: 17152480201014 Họ tên sinh viên 2: KEOVICHIT Xaymeth MSSV: 17152480201018 Lớp: K11TT Xác nhận sinh viên SIOUDOMPHANH Khankeo KEOVICHIT Xaymeth chỉnh sửa báo cáo đồ án tốt nghiệp theo ý kiến Giảng viên hướng dẫn Hội đồng đánh giá Tên báo cáo đồ án tốt nghiệp: Xây dựng Website quản lý Tour du lịch Trưởng khoa Kon tum, ngày 08 tháng 04 năm 2022 Người hướng dẫn ... trình đặt tour họ - Khảo sát người quản lý tour xem có mong muốn sử dụng website giúp quản lý đặt tour có khó khăn quản lý tour - Khảo sát khách hàng đặt tour có muốn sử dụng website đặt tour. .. dụng Xây dựng ? ?Website quản lý đặt tour du lịch? ?? với chức website quản lý đặt tour khai 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ế tour du lịch. .. tour Đặt tour Hủy tour Gửi trợ giúp Tìm kiếm tour Xem blog Quán lý thông tin cá nhân Thay đổi mật 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 Người quản lý