Đề 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 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 1|Page 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 DANH MỤC CÁC TỪ VIẾT TẮT VÀ THUẬT NGỮ Tư viêt tăt, thuât ngư Cụm tư đầy đ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 3|Page 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 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 đề 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 q 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: 4|Page - 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: - 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,… 5|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 modelview-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 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 Hình 1: Cấu trúc thư mục Laravel 6|Page • 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 • 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 7|Page • 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 hoàn toà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 muốn đưa việc lập trình lên tầm cao khám phá trải nghiệm, ngồi cộng đồng Laravel lớn Laracast, ta có tìm câu trả lời cho tình bạn gặp phải Laravel tiếp cận nhiều video hướng dẫn cụ thể - Trực quan, người nói viết mã Laravel, giúp tập trung vào nhiệm vụ đoạn mã viết Laravel rõ ràng dễ dàng bảo trì mã nguồn - Bộ máy blade template thực hay, giúp cho làm việc PHP HTML thật đơn giản, sáng sủa tách biệt mã hiển thị mã logic nghiệp vụ - Laravel sử dụng MVC pattern để xây dựng framework Nó đảm bảo code trình bày logic hợp lý Dễ dàng để hiểu Vì làm cho dự án web trở nên dễ quản lý phát triển nhiều - Laravel hỗ trợ việc cài đặt gói thư viện thân sử dụng nhiều gói thư viện khác để tạo tính tuyệt vời - Ln đổi mới, tích cực sáng tạo 2.2 Mơ hình MVC Mơ hình MVC (model, view, controller) mơ hình chuẩn cho ứng dụng web sử dụng nhiều ngày Mơ hình MVC sử dụng lần Smalltalk, sau sử dụng phổ biến ngơn ngữ lập trình Java Hiện nay, có hàng chục PHP framework dựa mơ hình Mơ hình MVC viết tắt chữ Model, View, Controller Mơ hình tách ứng dụng web làm thành phần đảm nhiệm chức tách biệt, thuận tiện cho việc xử lý bảo trì 8|Page Model: có nhiệm vụ thao tác với sở liệu, nghĩa chứa tất hàm, phương thức truy vấn trực tiếp với liệu controller thông qua hàm, phương thức để lấy liệu gửi qua View View: có nhiệm vụ tiếp nhận liệu từ controller hiển thị nội dung sang đoạn mã HTML, hiểu nơm na người ta cịn gọi thành phần giao diện Controller: đóng vài trị trung gian Model View Nó có nhiệm vụ tiếp nhận yêu cầu từ người dùng sau xử lý request, load model tương ứng gửi data qua view tương ứng trả kết cho người dùng Hình 2: Mơ hình MVC Laravel • Người dùng sử dụng trình duyệt web (Browser) yêu cầu truy cập vào địa website • Route phân tích xem đường dẫn (link) truy cập đến Controller • Controller truy cập vào Model để lấy liệu từ sở liệu (Database), sau trả liệu cho Controller • Controller trả liệu View trả liệu dạng JSON cho người dùng • View xuất liệu hình cho người dùng xem Ưu điểm: • Hệ thống phân phần nên dễ dáng phát triển • Chia thành nhiều modun nhỏ nên nhiều người làm chung dự án • Vấn đề bảo trì tương đối tốt, dễ nâng cấp 9|Page • Dễ dàng rà sốt lỗi q trình xây dựng Nhược điểm: • Hệ thống chạy chậm PHP thuần, nhiên ko phải vấn đề • Xây dựng cầu kì thời gian để xây dựng thư viện, cấu trúc 2.3 jQuery, boostrap 2.3.1 jQuery jQuery thư viện JavaScript nhỏ gọn, chạy nhanh jQuery giải vấn đề tương tác với HTML, bắt kiện, hiệu ứng động… trở nên đơn giản Các tính jQuery cung cấp gồm: • Tương tác với HTML/DOM • Tương tác với CSS • Bắt xử lý kiện HTML • Các hiệu ứng chuyển động HTML • AJAX (Asynchronous JavaScript and XML) • JSON parsing • Các tiện ích xây dựng sẵn Ưu điểm jquery • Dễ sử dụng: Đây lợi sử dụng jquery, dễ dàng so với nhiều thư viện javascript chuẩn khác cú pháp đơn giản ta phải viết dịng lệnh để tạo chức tương tự Chỉ với 10 dịng lệnh JQuery ta thay 20 dòng lệnh DOM javaScript, tiết kiệm thời gian người lập trình • Là thư viện lớn javascript: Thực thi nhiều chức so với thư viện jascript khác • Cộng đồng mã nguồn mở mạnh mẽ (một số plugin jquery có sẵn • Có nhiều tài liệu hướng dẫn chi tiết • Hỗ trợ ajax: JQuery cho phép ta phát triển template Ajax cách dễ dàng Ajax cho phép giao diện kiểu dáng đẹp website, chức thực trang mà khơng địi hỏi tồn trang reload lại Nhược điểm jquery Dù ưu điểm jquery nhiều tồn vài nhược điểm phải lưu ý • Làm client trở nên chậm chạp: Client phải hiển thị mà cịn phải xử lý nhiều chức tạo thành từ jquery Nếu lạm dụng nhiều 10 | 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ị 63 | 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 hồ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ị 64 | 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ế 65 | 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 đề 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. .. tin tour du lịch hành tìm kiếm tour theo yêu cầu cụ thể giá cả, địa phương muốn đến, ngày khởi hành tour Sau đó, khách hàng tiến hành đặt chỗ cho tour xem muốn - Khách hàng đặt tour trực tuyến Website