(Đồ án hcmute) xây dựng website tour 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 TOUR DU LỊCH GVHD: MAI TUẤN KHÔI SVTH: NGUYỄN TÔ DOANH CHUẨN MSSV: 15110168 SVTH:NGUYỄN HOÀI PHƯƠNG MSSV: 15110287 SKL 0 Tp Hồ Chí Minh, tháng /2019 an w TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM - - NGUYỄN TƠ DOANH CHUẨN – 15110168 NGUYỄN HỒI PHƯƠNG – 15110287 Đề Tài: XÂY DỰNG WEBSITE TOUR DU LỊCH KHĨA LUẬN TỐT NGHIỆP KỸ SƯ CƠNG NGHỆ THƠNG TIN GIÁO VIÊN HƯỚNG DẪN THS MAI TUẤN KHƠI KHĨA 2015 – 2019 an ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc ****** ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên Sinh viên 1: Nguyễn Tô Doanh Chuẩn Họ tên Sinh viên 2: Nguyễn Hồi Phương Ngành: Cơng nghệ Thơng tin Tên đề tài: XÂY DỰNG WEBSITE TOUR DU LICH Giáo viên hướng dẫn: Th.S Mai Tuấn Khôi NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: MSSV 1: 15110168 MSSV 2: 15110287 Ưu điểm: Khuyết điểm Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: Tp Hồ Chí Minh, ngày tháng năm 2019 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) an ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc ****** ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên Sinh viên 1: Nguyễn Tô Doanh Chuẩn Họ tên Sinh viên 2: Nguyễn Hồi Phương Ngành: Cơng nghệ Thơng tin Tên đề tài: XÂY DỰNG WEBSITE TOUR DU LICH Giáo viên phản biện: Th.S Nguyễn Trần Thi Văn NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: MSSV 1: 15110168 MSSV 2: 15110287 Ưu điểm: Khuyết điểm Đề nghị cho bảo vệ hay không?: Đánh giá loại: Điểm: Tp Hồ Chí Minh, ngày tháng năm 2019 Giáo viên phản biện (Ký & ghi rõ họ tên) an LỜI CẢM ƠN Em xin chân thành cảm ơn khoa Công Nghệ Thông Tin trường Đại Học Sư Phạm Kỹ Thuật TP.HCM tất thầy giáo, giáo tận tình giảng dạy giúp đỡ chúng em suốt trình học tập, nghiên cứu Đặc biệt em xin bày tỏ lịng biết ơn sâu sắc đến thầy Mai Tuấn Khơi - người trực tiếp giảng dạy hướng dẫn tạo điều kiện thuận lợi giúp đỡ em trình thực đề tài Những vốn kiến thức tiếp thu trình hưỡng dẫn giúp đỡ thầy không tảng cho trình nghiên cứu khóa luận mà cịn hành trang quý báu để em bước vào đời cách vững vàng tự tin Em xin chân thành cảm ơn bạn bè em học với em ln động viên, khích lệ tạo điều kiện giúp đỡ em suốt trình thực để em hồn thành khóa luận tốt nghiệp cách tốt Tuy nhóm có nhiều cố gắng, chắn khóa luận tốt nghiệp chúng em cịn có nhiều thiếu sót Rất mong nhận góp ý thầy giáo, giáo bạn Cuối em kính chúc q thầy, Khoa Công Nghệ Thông Tin Trường Đại Học Sư Phạm Kỹ Thuật TP.HCM dồi sức khỏe thành công nghiệp cao quý TP Hồ Chí Minh, ngày … tháng … năm 2019 Nhóm sinh viên thực Nguyễn Tơ Doanh Chuẩn Nguyễn Hoài Phương an ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CÔNG NGHỆ THÔNG TIN Độc lập – Tự – Hạnh phúc ⎯⎯⎯⎯⎯⎯⎯⎯⎯ ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP Họ tên SV thực 1: Nguyễn Tô Doanh Chuẩn Mã Số SV: 15110168 Họ tên SV thực 2: Nguyễn Hoài Phương Mã Số SV: 15110287 Thời gian làm luận văn: từ tháng 3/2019 đến tháng 7/2019 Chuyên ngành: Công Nghệ Phần Mềm Tên luận văn: Xây dựng website tour du lịch Giáo viên hướng dẫn: ThS Mai Tuấn Khôi Nhiệm vụ luận văn: Lý thuyết: - Tìm hiểu cơng nghệ Hibernate - CSS, HTML, Jquery, Javacript, Bootstrap Thực hành: - Thiết kế giao diện website tour du lịch - Viết code xử lý cho chức cho trang web Đề cương luận văn MỤC LỤC Phần GIỚI THIỆU ĐỀ TÀI 1.1 Tính cấp thiết đề tài 1.2 Mục đích đề tài 1.3 Kết cấu đề tài Phần NỘI DUNG Chương 1: Khảo sát trạng 1.1 Hiện trạng 1.2 Khảo sát Chương 2: Xác định yêu cầu 2.1 Usecase Diagram 2.2 Mô tả công việc an Chương 3: Phân tích yêu cầu thiết kế sở liệu 3.1 Mơ hình hóa yêu cầu 3.2 Bảng mô tả sở liệu Chương 4: Thiết kế giao diện xử lý Chương 5: Cài đặt 5.1 Ngơn ngữ lập trình 5.2 Hệ quản trị sở liệu SQL Server 5.3 Sơ đồ package lớp Kiểm thử Phần KẾT LUẬN 3.1 Kết đạt 3.2 Ưu điểm 3.3 Nhược điểm 3.4 Hướng phát triển Tài liệu tham khảo KẾ HOẠCH THỰC HIỆN Tuần Ngày 18/03 – 24/03 Nhiệm vụ (Công việc dự kiến) Sản phẩm Ghi chú Tìm hiểu Hibernate Framework - Tìm hiểu HTML +3 25/03 – 07/04 - Tìm hiểu CSS Xây dựng - Tìm hiểu Javascript giao - Tìm hiểu thư viện trang web diện cho JQuery Javascript 4+5 6+7 08/04 – 21/04 22/04 – 05/05 Load đươc̣ sở Thiế t kế sở dữ liê ̣u dữ liê ̣u lên trang web Chỉnh sửa giao diê ̣n người dùng và giao diê ̣n admin hoàn chin̉ h an Trang web cha ̣y ổ n đinh ̣ local 8+9 06/05 – 19/05 20/05 – 10 26/05 11 + 27/05 – 12 09/06 13 14 10/06 – 16/06 17/06 – 23/06 Hoàn thiê ̣n các chức bản của trang web Hoàn thành các chức của trang web Kiểm thử la ̣i trang web và sửa Trang web qua chỉnh sửa lỗi Bổ sung thêm các tính cho trang web: Lọc tour, tìm kiếm tour Hoàn thành các chức Trang web hoàn Kiể m thử trang web thành và cha ̣y ổ n đinh ̣ Hoàn thành báo cáo Báo cáo đã hoàn thành Trang web cha ̣y 15 24/06 – 30/06 Kiể m tra la ̣i tổ ng thể trang ổ n đinh ̣ web và báo cáo Báo cáo đã chỉnh sửa Ngày… tháng năm 2019 Người viết đề cương Ý kiến giáo viên hướng dẫn (ký ghi rõ họ tên) an Mục Lục GIỚI THIỆU ĐỀ TÀI 1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI MỤC TIÊU CỦA ĐỀ TÀI KẾT CẤU CỦA ĐỀ TÀI CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG 1.1 HIỆN TRẠNG 1.2 KHẢO SÁT 1.2.1 Website https://travel.com.vn [1] 1.2.2 Website https://saigontourist.net [2] 1.2.3 Website https://mytour.vn[3] 1.2.4 Website https://yesgo.vn[4] 1.2.5 Website https://dulichviet.com.vn/[5] CHƯƠNG 2: XÁC ĐỊNH YÊU CẦU 2.1 USE CASE DIAGRAM 2.2 MÔ TẢ CÔNG VIỆC 2.2.1 User 2.2.1.1 Bảng yêu cầu chức nghiệp vụ 2.2.1.2 Bảng quy định/công thức liên quan 2.2.1.3 Biểu mẫu 11 2.2.2 Admin 14 2.2.2.1 Bảng yêu cầu chức nghiệp vụ 14 2.2.2.2 Bảng quy định/công thức liên quan 15 2.2.2.3 Biểu mẫu 20 CHƯƠNG 3: PHÂN TÍCH YÊU CẦU VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU 24 3.1 MƠ HÌNH HĨA U CẦU 24 3.1.1 Xét nghiệp vụ Đăng Ký 24 3.1.2 Xét nghiệp vụ Đăng Nhập 26 3.1.3 Xét nghiệp vụ Đăng Xuất 28 3.1.4 Xét nghiệp vụ xem danh sách Tour 30 3.1.5 Xét nghiệp vụ xem chi tiết Tour 33 an 3.1.6 Xét nghiệp vụ Đặt Tour 35 3.1.7 Xét nghiệp vụ Quản lý đặt Tour 39 3.1.8 Xét nghiệp vụ Quản lý Tour 43 3.1.9 Xét nghiệp vụ Quản lý Xe 47 3.1.10 Xét nghiệp vụ Quản lý User 51 3.2 BẢNG MÔ TẢ CƠ SỞ DỮ LIỆU 57 3.2.1 Tours 57 3.2.2 User 58 3.2.3 Role 58 3.2.4 Xe 59 3.2.5 Đặt tour 59 CHƯƠNG 4: THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ 60 4.1 GIAO DIỆN TỔNG QUÁT CỦA TRANG CHỦ 60 4.1.1 Thiết kế hình với tính đắn 60 4.1.2 Danh sách xử lý 60 4.2 GIAO DIỆN TỔNG QUÁT CỦA ĐĂNG KÝ KHÁCH HÀNG 61 4.2.1 Thiết kế hình với tính đắn 61 4.2.2 Danh sách xử lý 62 4.3 GIAO DIỆN TỔNG QUÁT CỦA ĐĂNG NHẬP 62 4.3.1 Thiết kế hình với tính đắn 62 4.3.2.Danh sách xử lý 63 4.4 GIAO DIỆN TỔNG QUÁT CỦA DANH SÁCH TOUR 63 4.4.1 Thiết kế hình với tính đắn 63 4.4.2 Danh sách xử lý 64 4.5 GIAO DIỆN TỔNG QUÁT CỦA THÔNG TIN VỀ TOUR 64 4.5.1 Thiết kế hình với tính đắn 64 4.5.2 Danh sách xử lý 65 4.6 GIAO DIỆN TỔNG QUÁT CỦA ĐẶT TOUR 65 4.6.1 Thiết kế hình với tính đắn 65 4.6.2 Danh sách xử lý 66 4.7 GIAO DIỆN TỔNG QUÁT CỦA TRANG ADMIN 66 4.7.1 Thiết kế hình với tính đắn 66 an vn.hcmute.core.web vn.hcmute.controller AbstractCommand Là lớp generic chứa thuộc tính lấy liệu hiển thị liệu font-end với T lớp DTO WebConstant Là lớp chứa giá trị final FormUtil Là lớp generic để lấy liệu từ form UI SingletonServiceUtil Là lớp lưu lớp serviceimpl thiết kế giống mẫu Singleton Design Pattern nhằm giúp cải tiến performance WebCommonUtil Là lớp dùng để lưu trữ messeage hình sử dụng nhiều lần AdminController Là lớp Admin KiemDuyetController Là lớp controller cho trang quản lý đặt tour kiểm duyệt Admin TourController Là lớp controller cho trang quản lý tour Admin UserController Là lớp controller cho trang quản lý user Admin XeController Là lớp controller cho trang quản lý xe Admin DatTourCommand Là lớp chứa pojo (là lớp bean) DatTourDTO Và thuộc tính khác để tương tác với font-end HomeCommand Là lớp chứa pojo TourDTO Và thuộc tính khác để tương tác với font-end controller cho trang 90 an TourCommand Là lớp chứa pojo TourDTO Và thuộc tính khác để tương tác với font-end UserCommand Là lớp chứa pojo UserDTO Và thuộc tính khác để tương tác với font-end XeCommand Là lớp chứa pojo XeDTO Và thuộc tính khác để tương tác với font-end DisplayImage Là lớp dùng để format url cho image EncodingFilter Định dạng UTF-8 5.3.2 Sơ đồ lớp package website 5.3.2.1 vn.hcmute.core.common Hình 5.3 Các lớp package vn.hcmute.core.common Bảng 5.3 Bảng mơ tả thuộc tính hàm lớp package core common Tên lớp HibernateUtil Tên thuộc tính hàm sessionFactory Chức Là thuộc tính giúp lưu trữ SessionFactory 91 an buildSessionFactory() Là hàm tạo SessionFactory với database SessionUtil sessionUtil Là thuộc tính giúp lưu trữ Session getInstance Tạo session putValue Put Value vào session getValue Lấy liệu session với key remove Xóa liệu với key 5.3.2.2 vn.hcmute.core.persistence.entity Hình 5.4 Các lớp package vn.hcmute.core.persistence.entity 5.3.2.3 vn.hcmute.core.dto 92 an Hình 5.5 Các lớp package vn.hcmute.core.dto 5.3.2.4 vn.hcmute.core.data Hình 5.6 Các lớp package vn.hcmute.core.data 93 an Bảng 5.4 Bảng mơ tả thuộc tính hàm lớp package core data Tên lớp GenericDao Tên thuộc tính hàm Chức findAll Là hàm dùng để lấy tất dòng liệu bảng update Là hàm dùng để update liệu save Là hàm dùng để thêm liệu findById Lấy dòng liệu ID(khóa chính) findByProperty Lấy danh sách data phân trang Object[0] trả tổng số dòng Object[1] trả list delete Xóa liệu truyền list ID findEqualUnique Tìm kiếm liệu với cột 5.3.2.5 vn.hcmute.core.dao Hình 5.7 Các lớp package vn.hcmute.core.dao 94 an 5.3.2.6 vn.hcmute.core.daoimpl Hình 5.8 Các lớp package vn.hcmute.core.daoimpl 5.3.2.7 vn.hcmute.core.service Hình 5.9 Các lớp package vn.hcmute.core.service 5.3.2.8 vn.hcmute.core.serviceimpl 95 an Hình 5.10 Các lớp package vn.hcmute.core.serviceimpl 5.3.2.9 vn.hcmute.core.utils Hình 5.11 Các lớp package vn.hcmute.core.utils 5.3.2.10 vn.hcmute.controller 96 an Hình 5.12 Các lớp package vn.hcmute.controller 97 an CHƯƠNG 6: KIỂM THỬ 6.1 KIỂM THỬ CHỨC NĂNG ĐĂNG NHẬP Bảng 6.1 Danh sách kiểm thử chức đăng nhập STT Mô tả test case Quy trình Kiểm tra Trên giao diện đăng nhập: đăng nhập -Nhập tên đăng nhập Kết mong đợi Kết thực Hiển thị giao diện Giống kết trang chủ admin -Nhập mật mong đợi -Nhấn button “Đăng Nhập” Kiểm đăng tra Trên giao diện đăng nhập: nhập -Nhập sai tên đăng nhập “Đăng nhập không mong nhập sai -Nhập mật thành công! Tên đăng đợi tên nhập mật đăng -Nhấn button “Đăng nhập” nhập Hiển thị thông báo: Giống kết sai” Kiểm tra Trên giao diện đăng nhập: đăng nhập -Nhập tên đăng nhập Hiển thị thông báo: Giống kết “Đăng nhập không mong nhập sai -Nhập sai mật thành công! Tên đăng đợi mật nhập mật -Nhấn button “Đăng nhập” sai” Kiểm đăng tra Trên giao diện đăng nhập: nhập -Nhập sai tên đăng nhập Hiển thị thông báo: Giống kết “Đăng nhập không mong nhập sai -Nhập sai mật thành công! Tên đăng đợi tên nhập mật đăng -Nhấn button “Đăng nhập” nhập nhập sai sai” mật 6.2 KIỂM THỬ CHỨC NĂNG ĐĂNG KÝ Bảng 6.2 Danh sách kiểm thử chức đăng ký 98 an STT Mơ tả test case Quy trình Kết mong đợi Kiểm tra Trên giao diện đăng nhập đăng ký -Nhập đầy đủ hợp lệ đăng ký thành công thành công Kết thực Hiển thị thông báo Giống kết trường thông tin mong đợi -Nhấn button “Đăng ký” Kiểm tra Trên giao diện đăng nhập Hiển thị thông báo cần Giống kết đăng ký -Nhập thiếu hợp lệ nhập đầy đủ thông tin mong nhập đợi thiếu trường thông tin trường -Nhấn button “Đăng ký” thông tin Kiểm tra Trên giao diện đăng nhập Hiển thị thông báo cần Giống kết đăng ký -Nhập đầy đủ không hợp lệ nhập hợp lệ thông tin mong nhập đầy đủ trường thông tin đợi trường -Nhấn button “Đăng ký” thông tin thông tin không hợp lệ 6.3 KIỂM THỬ CHỨC NĂNG XEM TRANG CHỦ 99 an Bảng 6.3 Danh sách kiểm thử chức xem trang chủ STT Mơ tả test Quy trình case Kết mong đợi Kết thực Trên giao diện trang chủ guest Kiểm tra Trên giao diện trang chủ chuyển giao -Nhấn vào nút Tour giá rẻ diện sang hình Xuất giao diện Giống kết trang Tour giá rẻ mong đợi Tour giá rẻ Kiểm tra Trên giao diện trang chủ Xuất giao diện Giống kết chuyển giao -Nhấn vào nút Tour trang Tour mong diện sang giảm giá hình Tour giảm giá đợi giảm giá Kiểm tra Trên giao diện trang chủ Xuất giao diện Giống kết chức -Nhập đầy đủ trường trang Tìm kiếm thơng tin kết tìm mong kiếm đợi -Lựa chọn mức tiền để tìm Tour 6.4 KIỂM THỬ CHỨC NĂNG XEM DANH SÁCH TOUR Bảng 6.4 Danh sách kiểm thử chức xem danh sách tour STT Mô tả test case Quy trình Kết mong đợi Kết thực Trên giao diện trang chủ guest Kiểm tra Trên giao diện trang chủ chuyển giao -Nhấn vào nút Đặt diện sang Xuất giao diện Giống kết trang chi tiết tour mong đợi hình Đặt 100 an tour Kiểm tra Trên giao diện trang chủ Xuất giao diện Giống kết chuyển giao -Nhấn vào hình ảnh minh họa trang Tour mong diện sang tour giảm giá đợi hình Đặt tour 6.5 KIỂM THỬ CHỨC NĂNG QUẢN LÝ TOUR Bảng 6.5 Danh sách kiểm thử chức quản lý tour STT Mô tả test Quy trình case Kiểm chức Kết mong đợi Kết thực tra Trên giao diện trang chủ Hiển thị danh sách Giống kết admin tour có điều kiện tìm mong tìm kiếm tour -Điền tên tour vào trường tìm tương ứng đợi kiếm -Nhấn vào nút tìm kiếm 101 an KẾT LUẬN Kết đạt Sau thời gian tìm hiểu, nghiên cứu đề tài “Xây dựng website tour du lịch” hoàn thành tốt đẹp Về bản, nhóm tìm hiểu vấn đề sau: - Tìm hiểu cấu trúc cách làm việc với công nghệ Hibernate - Biết cách làm việc nhóm, quản lý thời gian hiệu - Học cách quản lý tổ chức code tốt - Xây dựng website tour du lịch với chức bản: + Hiển thị danh sách tour, tour theo danh mục + Xem thông tin chi tiết tour + Thực chức đặt tour khách hàng + Quản lý khách hàng + Quản lý tour đặt tour + Quản lý duyệt tour + Quản lý user Ưu điểm • Giao diện đẹp, thân thiện, thu hút người dùng • Có hiệu ứng hình ảnh tăng sinh động cho trang web • Áp dụng cơng nghệ hibernate cơng nghệ biến • Trang web có hỗ trợ responsive • Cách tổ chức code để bảo trì phát triển Nhược điểm • Trang web chưa thử nghiệm với số lượng lớn người dùng • Chưa hỗ trợ tính đánh giá tour, viết review tour • Chưa phân tích giá thị trường • Chưa hổ trợ tốn tự động Hướng phát triển • Cài đặt mơi trường thực tế với số lượng thử nghiệm lớn • Xây dựng chức viết tour để khách hàng có trải nghiệm tốt 102 an • Phân tích giá phân tích giá ngày đặt biệt năm • Hổ trợ tốn tự động thẻ liên kết với cơng cụ tốn điện tử 103 an TÀI LIỆU THAM KHẢO [1] https://travel.com.vn [2] https://saigontourist.net [3] https://mytour.vn [4] https://yesgo.vn [5] https://dulichviet.com.vn [6] https://freetuts.net/java-la-gi-gioi-thieu-ngon-ngu-java-1023.html [7] https://vi.wikipedia.org/wiki/HTML [8] https://vi.wikipedia.org/wiki/CSS [9] https://vi.wikipedia.org/wiki/JavaScript [10] https://stackjava.com/hibernate/series-hibernate-phan-1-gioi-thieu-ve-hibernate-framework.html [11] https://docs.jboss.org/hibernate/orm/6.0/quickstart/html_single/ 104 an ... định chọn đề tài ? ?Xây dựng website tour du lịch? ?? làm khóa luận tốt nghiệp cho chuyên ngành “Công nghệ phần mềm” MỤC TIÊU CỦA ĐỀ TÀI Xây dựng website tour du lịch thời gian tháng Nâng cao khả làm... chia cơng việc thành viên Xây dựng dựng web site Tour du lịch với chức sau: + Quản lý user + Quản lý tour + Quản lý đặt tour + Quản lý duyệt tour + Quản lý xe + Đặt tour khách hàng + Đăng nhập... sách tour: Tour sách tour Hot, Phổ biến Giảm giá QĐ_KH_ Xem chi tiết - Khi user chọn tour XemCTTour tour chuyển sang trang xem chi tiết tour user xem chi tiết tour về: giới thiệu tour, lịch trình