BÁO CÁO ĐỒ ÁN 3 XÂY DỰNG WEBSITE QUẢN LÝ TOUR DU LỊCH SỬ DỤNG FRAMEWORK LARVEL

TRƯỜNG ĐẠI HỌC KỸ THUẬT-CÔNG NGHỆ CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN XÂY DỰNG WEBSITE QUẢN LÝ TOUR DU LỊCH SỬ DỤNG FRAMEWORK LARVEL Giảng viên hướng dẫn: Sinh viên thực hiện: Nguyễn Thị Hồng Hạnh Nguyễn Ngọc Ngân (MSSV:1800585) Cần Thơ, Ngày … tháng … năm 2022 TRƯỜNG ĐẠI HỌC KỸ THUẬT-CÔNG NGHỆ CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN XÂY DỰNG WEBSITE QUẢN LÝ TOUR DU LỊCH SỬ DỤNG FRAMEWORK LARAVEL Giảng viên hướng dẫn: Sinh viên thực hiện: Nguyễn Thị Hồng Hạnh Nguyễn Ngọc Ngân (MSSV:1800585) Cần Thơ, Ngày tháng năm 2022 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN o0o-………………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… …………………………………………………………………………………… Cần Thơ, Ngày tháng … năm 2022 Giảng viên hướng dẫn NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN o0o-………………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… …………………………………………………………………………………… Cần Thơ, Ngày tháng … năm 2022 Giảng viên phản viên LỜI CAM ĐOAN Em xin cam đoan kết đồ án đề tài “ Xây dựng Website quản lý tour du lịch sử dụng Frameword Laravel ” cơng trình nghiên cứu em với hướng dẫn cô Nguyễn Thị Hồng Hạnh chưa công bố cơng trình khoa học khác thời điểm Kết trình bày đồ án hoàn toàn trung thực, sai em xin chịu hoàn toàn trách nhiệm chịu kỉ luật môn nhà trường đề Cần Thơ, Ngày … tháng … năm 2022 Sinh viên thực Nguyễn Ngọc Ngân LỜI CẢM ƠN Lời em xin chân thành cảm ơn đến quý Thầy, Cô Khoa Công Nghệ Thơng Tin nói chung, chun ngành Hệ Thống Thơng Tin nói riêng, người trực tiếp giảng dạy, truyền đạt kiến thức bổ ích cho em, tảng bản, hành trang vô quý giá, bước cho em bước vào nghiệp sau tương lai Đặc biệt, em xin gửi lời cảm ơn chân thành đến Cô Nguyễn Thị Hồng Hạnh giảng viên môn Hệ thống thông tin, trực tiếp giúp đỡ, quan tâm, hướng dẫn em hoàn thành tốt báo cáo suốt thời gian qua Trong trình làm đồ án, chưa có kinh nghiệm thực tế, dựa vào lý thuyết học với thời gian hạn hẹp nên báo cáo chắn không tránh khỏi sai sót Kính mong nhận góp ý, nhận xét từ phía để kiến thức em ngày hoàn thiện rút kinh nghiệm bổ ích áp dụng vào thực tiễn hiệu tương lai Em xin chân thành cảm ơn! Cần Thơ, Ngày … tháng … năm 2021 Sinh viên thực Nguyễn Ngọc Ngân MỤC LỤC LỜI MỞ ĐẦU Cùng với phát triển không ngừng kỹ thuật máy tính mạng điện tử, cơng nghệ thơng tin nói chung hay tin học nói riêng đóng góp phần quan trọng đời sống xã hội Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên công cụ thiếu, tảng cho truyền tải, trao đổi thơng tin toàn cầu Bằng internet, thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử phủ điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Trong hoạt động sản xuất, kinh doanh, đây, thương mại điện tử khẳng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với công ty du lịch, việc quảng bá giới thiệu đến khách hàng chương trình du lịch cơng ty tổ chức thời điểm cách hiệu kịp thời yếu tố mang tính định cho tồn phát triển công ty Để tiếp cận góp phần đẩy mạnh phổ biến thương mại điện tử nói chung du lịch nói riêng nên em tìm hiểu xây dựng “Website quản lý tour du lịch sử dụng Framework Laravel” với hình thức đăng tour đặt tour trực tuyến Cơng ty du lịch đưa tour công ty lên website quản lý thơng tin thơng qua website Khách hàng đặt tour website mà không cần phải đến công ty Công ty trực tiếp liên hệ cho khách hàng nhận thông báo đặt tour qua website Với tính giúp cho khách hàng dễ dàng tiết kiệm thời gian việc phải đến công ty du lịch Website cịn giúp cơng ty du lịch dễ dàng quản lý sản phẩm truyền thơng quảng cáo rộng rãi hơn, đồng thời cạnh tranh cao với công ty du lịch khác Website phát triển dựa yêu cầu thực tế mơi trường như: tìm kiếm, đặt tour, xem danh sách tour công ty du lịch, quản lý thông tin tour, quản lý danh mục, quản lý tài khoản, xem quảng cáo, xem blog, liên hệ,… Ngoài chức • Usecase “Quản lý đặt tour” • Mục tiêu: cho phép duyệt phiếu đặt tour hệ thống • Tác nhân: Quản trị viên • Điều kiện tiên quyết: đăng nhập thành cơng vào hệ thống • Dịng kiện chính:  Hiển thị giao diện quản lý đặt tour  Duyệt phiếu đặt tour: Khi khách hàng đặt tour Website, quản trị viên nhận danh sách phiếu đặt, sau xem xét thông tin liên hệ khách hàng quản trị viên tiến hành duyệt tour 2.4 Use Case Quản lý thông tin tài khoản Ảnh 2.4 Use Case Quản lý thông tin tài khoản I.Phần giới thiệu 1.Đặt vấn đề Nếu trước Internet chưa đời đời thời gian, người thường có thói quen mua bán hàng hóa, giao dịch môi trường truyền thống siêu thị, cửa hàng, khu chợ hay trung tâm thương mại Với hình thức mua bán truyền thống này, người mua phải đến tận nơi để xem xét sản phẩm, trả giá, toán nhận sản phẩm Tuy nhiên đây, với hình thức bán hàng trực tuyến, người mua hàng người bán tương tác trực tiếp với Internet Ưu điểm bán hàng trực tuyến cửa hàng, doanh nghiệp khơng bị giới hạn thời gian khơng gian, bán hàng lúc, nơi 24/7, tiết kiệm chi phí đầu tư th mặt hay nhân cơng, phạm vi tiếp cận rộng bao gồm vùng miền nước ngồi nước từ mang lại lợi nhuận doanh thu cao, hiệu so với bán hàng truyền thống Có nhiều hình thức bán hàng trực tuyến khác bán hàng Facebook, bán hàng Youtube, bán hàng Forum,….tuy nhiên bán hàng trực tuyến qua website nhiều cửa hàng, doanh nghiệp lựa chọn 2.Lịch sử giải vấn đề Trong thực tế có nhiều website bán hàng trực tuyến đời như: - Các trang thương mại điện tử lớn Shopee, Lazada, Tiki - Các ứng dụng với lượng khách hàng truy cập cực lớn không bị trễ hay gián đoạn nhiều - Xử lí hàng ngàn đến hàng triệu request giây xử lí ổn thỏa 3.Mục tiêu đề tài - Tìm hiểu framework Laravel để viết xử lý back-end xây dựng website bán hàng trực tuyến - Kết hợp với html, css , Js thư viện Bootstrap để xây dựng khung giao diện cho website - Sử dụng scss để viết css tường minh ngắn gọn, dễ quản lí - Tìm hiếu Vuejs để viết trang admin với mục đích khơng tải lại trang, tăng trải nghiệm cho người dùng - Tìm hiểu mơ hình MVC laravel - Tìm hiểu Template engine blade vue - Các khái niệm component, view, model - Có thể mua sắm trực tuyến, phần trang quản lí admin cho phép thêm, sửa, xóa quản lí người dùng, sản phẩm, danh mục 4.Đối tượng phạm vi nghiên cứu Website xây dựng phục vụ hai đối tượng Admin( người quản trị) khách hàng với chức sau: Người quản trị:  - Đăng nhập trang người quản trị Quản lí danh mục, sản phẩm, người dùng Xem thống kê ngày, tổng hóa đơn bán, Thực chức thêm, sửa, xóa với danh mục, sản phẩm, màu sắc, kích thước,  + Guest: Khách viếng thăm Khách hàng: + - Xem sản phẩm, tìm kiếm, thao tác với giỏ hàng Mua sản phẩm mà không cần đăng nhập User: Bình luận sản phẩm sau đăng nhập Đăng nhập, đăng xuất với người đăng kí tài khoản 5.Kết đạt - Kết ứng dụng máy tính ứng dụng Demo trình duyệt web - Xây dựng Website mua quần áo trực tuyến II.Phần nội dung 1.Mô tả chi tiết toán Hệ thống chia phần phần khách hàng phần quản trị  Phần khách hàng: - Được cung cấp chức xem sản phẩm, khuyến mãi, tìm kiếm sản phẩm - Được cấp quyền đăng kí, đăng nhập - Khi đăng nhập cung cấp chức bình luận sản phẩm - Xem giỏ hàng, thao tác với giỏ hàng, tiến hành mua hàng  Phần quản trị: - Được cấp quyền hạn cao để kiểm soát trang web - Có thể truy cập quyền xem, sửa, xóa tất dah mục - Xem thống kê đơn hàng, thành viên - Cập nhật đơn giá sản phẩm, áp đặt thời gian khuyến 2.Vấn đề giải pháp liên quan đến tốn 2.1.Mơ hình MVC Mơ hình MVC chia thành lớp xử lý: - Model : nơi chứa nghiệp vụ tương tác với liệu hệ quản trị sở liệu (mysql, mssql… ) bao gồm class,function xử lý nhiều nghiệp vụ kết nối database, truy vấn liệu, thêm – xóa – sửa liệu… - View : nơi chứa giao diện nút bấm, khung nhập, menu, hình ảnh… đảm nhiệm nhiệm vụ hiển thị liệu giúp người dùng tương tác với hệ thống - Controller : nơi tiếp nhận yêu cầu xử lý gửi từ người dùng, gồm lớp, hàm có chức xử lý nhiều nghiệp vụ logic giúp lấy liệu thông tin cần thiết nhờ vào lớp Model cung cấp hiển thị liệu cho người dùng nhờ lớp View Ảnh 2.1 Mô hình MVC 2.2.SCSS SASS/SCSS chương trình tiền xử lý CSS (CSS preprocessor) Giúp viết CSS theo cách ngơn ngữ lập trình, có cấu trúc rõ ràng, rành mạch, dễ phát triển bảo trì code Các file dạng _scss ứng dụng không dịch trực tiếp sang css mà import vào file style.scss biên dịch tất css 2.3.API API phương thức, giao thức kết nối với thư viện ứng dụng khác Nó viết tắt Application Programming Interface – giao diện lập trình ứng dụng API cung cấp khả cung cấp khả truy xuất đến tập hàm hay dùng Và từ trao đổi liệu ứng dụng Ở sử dụng Vuejs để get/post API trang Admin Ảnh 2.3 Mô hình cách API hoạt động 2.4.Component Trong lĩnh vực phần mềm, component có chức đặc biệt, gọi từ chương trình khác, liên kết sử dụng phận chương trình Nó tái sử dụng lại tối ưu, tường minh cho chương trình III.Thiết kế cài đặt 1.Mơ hình CDM Ảnh Mơ hình CDM 2.Giao diện 2.1.Giao diện khách hàng Ảnh 2.1 Giao diện trang Ảnh 2.1.1 Giao diện trang chi tiết sản phẩm Ảnh 2.1.2 Giao diện trang đăng nhập đăng xuất Ảnh 2.1.3 Giao diện trang sản phẩm theo danh mục Ảnh 2.1.4 Giao diện bình luận sản phẩm Ảnh 2.1.5 Giao diện giỏ hàng Ảnh 2.1.6 Giao diện trang tìm kiếm Ảnh 2.1.7 Giao diện chức gợi ý tìm kiếm Ảnh 2.1.8 Giao diện trang đặt hàng 2.2.Giao diện trang quản trị Ảnh 2.2 Giao diện trang quản trị Ảnh 2.2.1 Giao diện quản lí loại sản phẩm Ảnh 2.2.2 Giao diện quản lí sản phẩm Ảnh 2.2.3 Giao diện quản lí hóa đơn Ảnh 2.2.4 Giao diện quản lí thơng tin khuyến Ảnh 2.2.5 Giao diện quản lí thuộc tính sản phẩm Ảnh 2.2.6 Giao diện quản lí màu sắc Ảnh 2.2.7 Giao diện quản lí kích thước sản phẩm Ảnh 2.2.8 Giao diện quản lí bình luận Ảnh 2.2.9 Giao diện quản lí người dùng Ảnh 2.2.10 Giao diện quản lí nhà cung cấp CHƯƠNG IV KẾT LUẬN I.Kết đạt Sau trình thực tập công ty, chúng em rút nhiều học quý giá cho thân: - Và phải nói đến kiến thức, hai tháng ngắn ngủi chúng em tiếp thu nhiều kiến thức hay cho mình, phần lớn nhờ vào anh chị công ty, nhiệt tình giúp đỡ chúng em gặp khó khăn q trình thực tập Nhờ vào đó, chúng em nhận thấy kiến thức phát triển lên thêm không bậc - Bên cạnh khả làm việc nhóm, qua đợt thực tập lần chúng em hiểu rõ tầm quan trọng việc làm việc nhóm nói chung dự án công nghệ thông tin nói riêng - Cũng nhờ vào lần thực tập mà chúng em tiếp cận với trường làm việc thực tế, giúp chúng em hiểu phần q trình làm việc, điều giúp ích nhiều sau chúng em trường làm II.Những điều thiếu sót - Ngoài kết đạt được, chưa quen với cách làm việc nên lúc đầu chúng em gặp khơng khó khăn, nhờ vào tận tâm hướng dẫn anh chị mà chúng em cải thiện điều - Và kiến thức cịn hạn chế lần đầu tiếp cận với cách làm việc nên đề tài chúng em nhiều thiếu xót Nhưng lần thực tập chúng em cố gắng khắc phục phát triên thân tương lai - Chúng em xin chân thành cảm ơn Công ty TNHH Thương mại dịch vụ Trần Gia Long tạo điều kiện cho chúng em thực tập quý công ty Và chúng em xin cảm ơn chị Nguyễn Thị Thúy Kiều anh chị cơng ty tận tình hướng dẫn chúng em hoàn thành đợt thực tập tốt nghiệp Một lần chúng em chúc anh chị nhiều sức khỏe TÀI LIỆU THAM KHẢO [1] Mark Boulton “Designing for the web” [2] Nicholas C.Zakas “Understanding ecmascript – The definitive guide for javascript developer” [3] Trang chủ Laravel (ngày 10/2/2020) https://laravel.com/docs/6.x [4] Tầm quan trọng trang website thương mại điện tử (ngày 29/6/2020) http://tapchicongthuong.vn/bai-viet/tam-quan-trong-cua-thuong-mai-dien-tu-doi-voidoanh-nghiep-64027.htm , 2020 [5] Tìm hiểu API (ngày 20/3/2020) https://viblo.asia/p/api-la-gi-nhung-dac-diem-noi-bat-cua-web-api-Qpmle9L9lrd [6] Trang chủ hướng dẫn SCSS-SASS (ngày 15/2/2020) https://sass-lang.com/documentation