(TIỂU LUẬN) đồ án tốt NGHIỆP đại học NGÀNH CÔNG NGHỆ THÔNG TIN đề tài xây dựng website đặt tour du lịch trực tuyến

TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THỒNG o0o ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH CÔNG NGHỆ THÔNG TIN Đề tài : Xây dựng website đặt tour du lịch trực tuyến Sinh viên: Vũ Thị Phương– MSSV: 20156281 Giảng viên hướng dẫn: TS Nguyễn Tuấn Dũng Hà Nội – Tháng 6/2019 1|Page LỜI CẢM ƠN Trước tiên, em xin gửi lời cảm ơn tới thầy cô trường Đại học Bách Khoa Hà Nội nói chung thầy Viện Công Nghệ Thông Tin Truyền Thông, môn Khoa Học Máy Tính nói riêng tận tình giảng dạy, truyền đạt vốn kiến thức quý báu cho em năm học tập trường Đặc biệt, em xin cảm ơn thầy Nguyễn Tuấn Dũng trực tiếp hướng dẫn, giúp đỡ góp ý kiến để em hoàn thành đồ án Hà Nội, ngày tháng năm 2019 Sinh viên: Vũ Thị Phương 2|Page Mục Lục LỜI CẢM ƠN DANH MỤC CÁC TỪ VIẾT TẮT VÀ THUẬT NGỮ CHƯƠNG I ĐẶT VẤN ĐỀ VÀ ĐỊNH HƯỚNG GIẢI PHÁP 1.1 Đặt vấn đề 1.1.1 Lý chọn đề tài 1.1.2 Mục đích đề tài 1.2 Định hướng giải pháp 1.2.1 Nội dung đề tài 1.2.2 Lựa chọn công nghệ CHƯƠNG II CƠ SỞ LÝ THUYẾT .8 2.1 Giới thiệu Laravel framework 2.1.1 Khái niệm 2.1.2 Tại chọn Laravel framework .10 2.2 Mơ hình MVC 11 2.3 jQuery, boostrap .13 2.3.1 jQuery .13 2.3.2 Boostrap 14 2.3.3 Hệ quản trị sở liệu MySQL 14 CHƯƠNG III PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 16 Xác định yêu cầu hệ thống .16 Thiết kế ứng dụng web phía client 17 2.1 Biểu đồ Use Case tổng quát .17 2.2 Đặc tả số chức .22 2.3 Mơ hình hóa hoạt động hệ thống .27 2.4 Mơ hình hóa tương tác 33 2.5 Thiết kế lớp (Class) 39 Thiết kế ứng dụng web quản trị 44 3|Page 3.1 Biểu đồ Use Case tổng quát .44 3.2 Đặc tả số chức .47 3.3 Mơ hình hóa hoạt động hệ thống .49 3.4 Mơ hình hóa tương tác 51 3.5 Thiết kế lớp (class) 52 Xây dựng ứng dụng triển khai .53 4.1 Thiết kế sở liệu .53 4.2 Đặc tả sở liệu 53 Thiết kế giao diện 65 CHƯƠNG IV KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 76 4.1 Các vấn đề giải 76 4.2 Hướng phát triển tương lai 76 TÀI LIỆU THAM KHẢO .77 4|Page DANH MỤC CÁC TỪ VIẾT TẮT VÀ THUẬT NGỮ TR viết tSt, thuâtV ngư Cụm tR đZy đu CSS Cascading Style Sheets HTML HyperText Markup Language http Hypertext Transfer Protocol MVC Model – View - Controller CSDL Cơ sở liệu PHP Hypertext Preprocessor XML Extensible Markup Language AJAX Asynchronous JavaScript and XML DOM Document Object Model JSON JavaScript Object Notation CHƯƠNG I ĐẶT VẤN ĐỀ VÀ ĐỊNH HƯỚNG GIẢI PHÁP 1.1 Đặt vấn đề 1.1.1 Lý chọn đề tài Dựa vấn đề nhu cầu du lịch người nay, với ưu điểm vượt trội Laravel framework nên em muốn xây dựng website tour du lịch Laravel Website giúp khách hàng tìm kiếm, tham khảo, đặt tour du lịch 5|Page công ty giúp người quản trị dễ dàng quản lý chương trình tour, dễ dàng cập nhật thay đổi để website công ty luôn mẻ, thu hút khách hàng đến với website Với việc xây dựng website Laravel giúp em hiểu rõ Larvel framework 1.1.2 Mục đích cua đề tài Tìm hiểu xây dựng website tour du lịch cho phép người dùng đặt tour, tìm kiếm tour du lịch khác dễ dàng, nhanh chóng, giúp nhân viên duyệt đơn đặt tour xem thống kê cơng ty, giúp người quản lý quản lý dịch vụ công ty đơn giản 1.2 Định hướng giải pháp Hiện nước ta có nhiều website tour du lịch như: https://dulichviet.com.vn, https://www.tugo.com.vn/, http://newstartour.com, http://dulichhanoi.vn… Đa số trang web có cấu trúc tổ chức thông tin cố định, không thay đổi thay đổi chủ yếu mang tính chất giới thiệu cơng ty sản phẩm dịch vụ họ Các trang web hầu hết thiết kế ASP.NET framework phát triển Microsoft Ngồi tính vượt trội cơng nghệ ASP.NET có nhược điểm lớn khơng hỗ trợ chạy hệ điều hành linux không hỗ trợ Visual Studio suốt trình viết code 1.2.1 Nội dung đề tài  Xây dựng chức website phía client gồm: - Khách hàng xem tour, đặt tour - Khách hàng tốn tour đặt - Khách hàng đăng ký làm thành viên quản lý thông tin cá nhân - Khách hàng gửi phản hồi công ty  Xây dựng chức website cho người quản trị gồm: 6|Page - Tìm kiếm đơn đặt chỗ xác nhận hay chưa xác nhận - Xác nhận đơn đặt chỗ hợp lệ, chỉnh sửa thông tin khách hàng thông tin đặt chỗ đơn cụ thể - Thống kê tình hình đặt chỗ tour, xem danh sách khách hàng tham gia tour - Thay đổi, thêm xóa bỏ thơng tin, hình ảnh điểm du lịch địa phương khác mà công ty muốn giới thiệu cho khách hàng - Theo dõi tình hình liên hệ thơng qua website khách hàng, để đáp ứng kịp thời nhu cầu họ 1.2.2 Lựa chọn công nghệ Website em xây dựng Laravel framework vì: - Tổ chức file cấu trúc code rõ ràng - Hệ thống thư viện cơng cụ phong phú - Form Validation - Code hơn, làm nhiều việc - Mơ hình MVC rõ ràng, dễ bảo trì - Chức hỗ trợ bảo mật, validate liệu, SQL Injection,… - Template phong phú, thư viện form helper giúp xây dựng form nhanh bảo mật - Hỗ trợ đường dẫn thân thiện (Friendly Url) - Bảo mật session, cookie,… 7|Page CHƯƠNG II CƠ SỞ LÝ THUYẾT 2.1 Giới thiệu Laravel framework 2.1.1 Khái niệm Laravel PHP framework mã nguồn mở miễn phí, phát triển Taylor Otwell nhắm vào mục tiêu hỗ trợ phát triển ứng dụng web theo kiếm trúc model-view-controller (MVC) Những tính bật Laravel bao gồm cú pháp dễ hiểu – rõ ràng, cho phép đóng gói module quản lý pakage phụ thuộc, hỗ trợ nhiều cách khác để truy cập vào sở liệu quan hệ, nhiều tiện ích khác hỗ trợ việc triển khai vào bảo trì ứng dụng Hiện tại, Laravel PHP Framework sử dụng phổ biến giới ưu điểm vượt trội tận dụng kỹ thuật Design Pattern, công nghệ PHP dễ dàng tiếp cận sử dụng Điểm yếu Laravel khơng hỗ trợ phiên PHP cũ website có tảng PHP version thấp khó có ý định chuyển sang Laravel phải ln cập nhật thông tin PHP để áp dụng vào Laravel Cấu trúc thư mục Laravel phiên 5.7 8|Page Hình 1: Cấu trúc thư mục Laravel  app thư mục chứa tất thư mục, tập tin php, lớp thư viện, thư viện, models o Console thư mục chứa tập tin định nghĩa lệnh thực thi Artisan o Exceptions thư mục chứa tập tin quản lý, điều hướng lỗi o Http  Controllers thư mục chứa tập tin controllers  Middleware thư mục chưa tập tin lọc ngăn chặn requests  Kernel.php tập tin cấu hình, định nghĩa Middleware nhóm Middleware o Providers chứa tất service providers ứng dụng Service providers khởi động ứng dụng services service container, đăng ký events, thực công việc khác để chuẩn bị cho request đến ứng dụng 9|Page  bootstrap thư mục chứa tập tin điều hướng khởi động hệ thống, thường khơng làm đến  config chứa tập tin cấu hình Laravel  database chứa thư mục tập tin CSDL o Migrations chứa tập tin định nghĩa khởi tạo sửa bảng o Seeds chứa tập tin định nghĩa liệu thêm vào CSDL o Factories chứa tập tin định nghĩa cột bảng liệu để tạo liệu ảo phục vụ cho kiểm thử  public webroot người dùng truy cập vào đây, nơi chứa tập tin css, js, image  resources chứa tập tin giao diện (js, css,…), views, ngôn ngữ  storage tập tin hệ thống upload, cache, session, cookie, log…  routes thư mục chứa tập tin định nghĩa router, xử lý router điều hướng router bao gồm loại web, api console  tests chứa tập tin định nghĩa tests  vendor thư mục composer  env env.example tập tin cấu hình Laravel key app, tên app, url app, email, env mode, CSDL hay bật tắt debug  composer.json, composer.lock tập tin composer  package.js tập tin cấu hình nodejs chứa package cần thiết cho projects  gulpfile.js tập tin gulp builder  phpunit.xml tập tin để artisan trỏ đến tạo server gõ lệnh php artisan server  Artisan tập tin thực thi lệnh Laravel, tập tin mà tương tác nhiều 2.1.2 Tại chọn Laravel framework - Laravel có hệ thống có kiến trúc thống nhất, khoa học cực đơn giản giúp người tiếp cận framework PHP nắm bắt Các framework khác thật khó để bắt đầu, đặc biệt Zend, Yii Tuy đơn giản Laravel hồn tồn xây dựng hệ thống ứng dụng web cực phức tạp, với hiệu cao - Các tài nguyên liên quan đến Laravel đa dạng, dễ sử dụng, kể đến có tài liệu thức Laravel Taylor Otwell biên soạn, tác giả framework 10 | P a g e Hình 20 biểu đồ lớp cho chức quản lý nhân viên người quản lý chung Biểu đồ mô tả phương thức thuộc tính lớp mà người quản lý chung tương tác đến dùng chức quản lý nhân viên b) Biểu đồ lớp cho chức quản lý tour Hình 45: Biểu đồ lớp cho chức quản lý tour Hình 21 biểu đồ lớp cho chức quản lý tour nhân viên Biểu đồ mô tả phương thức thuộc tính lớp mà nhân viên tương tác đến dùng chức quản lý tour Xây dựng ứng dụng triển khai 4.1 Thiết kế sở dư liệu a) CSDL cua hệ thống Hình sở liệu toàn hệ thống, bao gồm tên bảng, trường bảng mối quan hệ bảng với 63 | P a g e Hình 46: Cơ sở liệu hệ thống 4.2 Đặc tả CSDL Bảng: Users STT Tên thuộc tính Kiểu liệu Mô tả id int Mã khách hàng name Varchar(255) Tên khách hàng 64 | P a g e email Varchar(255) Email khách hàng phone int) Số điện thoại khách hàng address Varchar(255) Địa khách hàng image Varchar(255) Tên ảnh đại diện token Varchar(255) Mã token Create_at date Ngày tạo Update_at date Ngày cập nhật 10 brithday date Ngày sinh Bảng 1: Đặc tả liệu bảng Users Bảng: Admins STT Tên thuộc tính Kiểu liệu Mô tả id int Mã admin name Varchar(255) Tên admin email Varchar(255) Email admin phone int) Số điện thoại admin address Varchar(255) Địa khách hàng image Varchar(255) Tên ảnh đại diện token Varchar(255) Mã token Create_at date Ngày tạo Update_at date Ngày cập nhật 10 brithday date Ngày sinh 65 | P a g e Bảng 2: Đặc tả liệu bảng Users Bảng role STT Tên thuộc tính Kiểu liệu Mơ tả id int Mã quyền name Varchar(255) Tên quyền display_name Varchar(255) Create_at date Ngày tạo Update_at date Ngày cập nhật Bảng 3: Đặc tả liệu bảng roles Bảng role_admin STT Tên thuộc tính Kiểu liệu Mô tả admin_id int Mã admin role_id int Mã quyền Bảng 4: Đặc tả liệu bảng roles Bảng permissions Tên thuộc tính Kiểu liệu Mơ tả id int Mã nhóm quyền name Varchar(255) Tên nhóm quyền display_name Varchar(255) Create_at date Ngày tạo Update_at date Ngày cập nhật ST T Bảng 5: Đặc tả liệu bảng permissions 66 | P a g e Bảng permission_role ST T Tên thuộc tính Kiểu liệu Mơ tả permission_id int Mã nhóm quyền role_id int Mã quyền Bảng 6: Đặc tả liệu bảng roles Bảng: Companies STT Tên thuộc tính Kiểu liệu Mô tả id int Mã công ty name Varchar(255) Tên công ty address Varchar(255) Địa công ty phone int) Số điện thoại công ty Create_at date Ngày tạo Update_at date Ngày cập nhật Bảng 7: Đặc tả liệu bảng companies Bảng: Employess STT Tên thuộc tính Kiểu liệu Mô tả Company_id int Mã công ty User_id Varchar(255) Mã khách hàng Bảng 8: Đặc tả liệu bảng employess 67 | P a g e Bảng: Tour STT Tên thuộc tính Kiểu liệu Mơ tả id int Mã tour Title Varchar(255) Tiêu đề Image Varchar(255) Tên ảnh Description Varchar(255) Miêu tả Price Money Giá Quantily Int Số lượng Content Varchar() Nội dung User_id Int Mã nhân viên Company_id Int Mã công ty 10 Booked Int Số khách đặt 11 Status Bit Tình trạng tồn 12 Created_at date Ngày tạo 13 Update_at date Ngày cập nhật Bảng 9: Đặc tả liệu bảng tour du lịch 10 Bảng: Tour_Type STT Tên thuộc tính Kiểu liệu Mô tả tour_id int Mã tour type_id bit Kiểu tour (Trong nước , nước) 10 Bảng 10: Đặc tả liệu bảng Tour_Type 68 | P a g e 11 Bảng: Cars STT Tên thuộc tính Kiểu liệu Mơ tả id int Mã tour Series Varchar(255) Tiêu đề Image Varchar(255) Tên ảnh Description Varchar(255) Miêu tả Price Money Giá Quantily Int Số lượng User_id Int Mã nhân viên Company_id Int Mã công ty Seat Int Số ghế xe 10 Booked Bit Tình trạng đặt 11 Status Bit Tình trạng tồn 12 Created_at date Ngày tạo 13 Update_at date Ngày cập nhật 11 Bảng 11: Đặc tả liệu bảng cars du lịch 12 Bảng: Hotels STT Tên thuộc tính Kiểu liệu Mô tả id int Mã khách sạn name Varchar(255) Tên khách sạn Image Varchar(255) Tên ảnh khách sạn Description Varchar(255) Miêu tả khách sạn 69 | P a g e Content Varchar(255) Giá khách sạn company_id int Mã công ty Address Varchar(255) Địa khách sạn Type Int Kiểu khách sạn booked int Số lượng đặt User_id Int Mã nhân viên 10 Created_at date Ngày tạo 11 Update_at date Ngày cập nhật 12 Bảng 12: Đặc tả liệu bảng hotels du lịch 13 Bảng: Hotel_Type STT Tên thuộc tính Kiểu liệu Mơ tả id int Mã hotel name bit Tên kiểu company_id int Mã công ty user_id Varchar(255) Mã nhân viên Created_at date Ngày tạo Updated_At date Ngày cập nhật 13 Bảng 13: Đặc tả liệu bảng loại hotels du lịch 14 Bảng: room STT Tên thuộc tính Kiểu liệu Mơ tả id int Mã phịng 70 | P a g e Hotel_id Varchar(255) Mã khách sạn Image Varchar(255) Tên ảnh phòng Description Varchar(255) Miêu tả phòng Content Varchar(255) Miêu tả đầy đủ seat Int Số người status Int Tình trạng tồn User_id Int Mã nhân viên Created_at date Ngày tạo 10 Update_at date Ngày cập nhật 14 Bảng 14: Đặc tả liệu bảng phòng hotels 15 Bảng: Payments STT Tên thuộc tính Kiểu liệu Mô tả Company_id Varchar(255) Mã công ty Client_id Varchar(255) Mã client Pay Secret int Mã bảo mật mode date Mode Update_at date Ngày cập nhật Created_at date Ngày tạo 15 Bảng 15: Đặc tả liệu bảng payment 16 Bảng: list_bills STT 71 | P a g e Tên thuộc tính Kiểu liệu Mô tả id int Mã đặt tour Bill_id int Mã tour Product_id int Mã khách hàng Create_at date Ngày đặt Updated_at date Ngày cập nhật Service Varchar(255) Kiểu dịch vụ Price Int Giá Tax Double Thuế 16 Bảng 16: Đặc tả liệu bảng danh sách đặt du lịch 17 Bảng: bills STT Tên thuộc tính Kiểu liệu Mơ tả id int Mã hóa đơn user_id int Mã khách hàng đặt tour total int Tổng tiền hóa đơn Tax Double Thuế Create_at date Ngày đặt Updated_at date Ngày cập nhật 17 Bảng 17: Đặc tả liệu bảng hóa đơn 18 Bảng: bills STT Tên thuộc tính Kiểu liệu Mơ tả id int Mã đặt tour Bill_id int Mã tour 72 | P a g e Product_id int Mã khách hàng Create_at date Ngày đặt Updated_at date Ngày cập nhật Service Varchar(255) Kiểu dịch vụ Price Int Giá Tax Double Thuế 18 Bảng 18: Đặc tả liệu bảng danh sách đặt du lịch 19 Bảng: Posts STT Tên thuộc tính Kiểu liệu Mơ tả Id int Mã tour Title Varchar(255) Tiêu đề Image Varchar(255) Tên ảnh Content Varchar() Nội dung User_id Int Mã người tạo Company_id Int Mã công ty Created_at Date Updated_at Date Ngày tạo Ngày cập nhật 19 Bảng 19: Đặc tả liệu bảng posts du lịch 20 Bảng: Comments STT Tên thuộc tính Kiểu liệu Mơ tả id int Mã bình luận Id_user int Mã người dùng Id_tour int Mã tour 73 | P a g e note Varchar(255) Ghi danhgia int Điểm đánh giá 20 Bảng 20: Đặc tả liệu bảng Comments du lịch 74 | P a g e Thiết kế giao diện a) Giao diện phía client b) Giao diện trang quản trị 75 | P a g e CHƯƠNG IV KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 4.1 Các vấn đề giải Đồ án hoàn thành mục tiêu đề ra, bao gồm: - Giao diện: Sử dụng HTML, CSS với Boostrap Javascript để tạo trang giao diện sống động, thu hút khách hàng - Khách hàng đăng ký thành viên, quản lý thơng tin cá nhân, tìm kiếm đặt tour du lịch thuê xe, thuê khách sạn - Khách hàng liên hệ phản hồi tới công ty - Khách hàng đặt chỗ trực truyến website, ứng với tour chọn - Người quản trị thêm, sửa, xóa bỏ chương trình tour, địa danh du lịch, khách sạn, xe - Người quản trị thêm, sửa, xóa quyền nhân viên để truy cập web quản trị Website mà em xây dựng giải yêu cầu website tour du lịch Tuy nhiên đưa vào thực tế sử dụng phải cần nâng cấp nhiều tương lai 4.2 Hướng phát triển tương lai - Bổ sung hoàn thiện trang có - Tăng cường chế độ bảo mật cho trang web - Xây dựng chức chat trực tiếp với khách hàng - Xây dựng đa tảng, đa thiết bị 77 76 | P a g e TÀI LIỆU THAM KHẢO [1] Tài liệu hướng dẫn sử dụng Laravel Framework https://laravel.com/docs/5.4 [2] Tài liệu HTML,CSS, Boostrap, JS https://w3school.com [3] Mơ hình MVC Laravel http://phpcoban.com/cai-dat-laravel-5-va-gioi-thieu-mo-hinh-mvc-trong-laravel/ [4] Tài liệu “ Tích hợp ngân lượng tiêu chuẩn version 2.0” – Nguyễn Cẩm Huế 77 | P a g e ... với website Với việc xây dựng website Laravel giúp em hiểu rõ Larvel framework 1.1.2 Mục đích cua đề tài Tìm hiểu xây dựng website tour du lịch cho phép người dùng đặt tour, tìm kiếm tour du lịch. .. I ĐẶT VẤN ĐỀ VÀ ĐỊNH HƯỚNG GIẢI PHÁP 1.1 Đặt vấn đề 1.1.1 Lý chọn đề tài Dựa vấn đề nhu cầu du lịch người nay, với ưu điểm vượt trội Laravel framework nên em muốn xây dựng website tour du lịch. .. xem thông tin chi tiết tour du lịch Điều kiện đầu vào Khách hàng tìm kiếm tour Kịch + Người dùng chọn tour cần xem + Form xem thông tin chi tiết tour hiển thị Hệ thống hiển thị thông tin tour