Xây dựng website hỗ trợ đặt tour du lịch

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO ĐỒ ÁN MÔN HỌC ĐỀ TÀI: XÂY DỰNG WEBSITE HỖ TRỢ ĐẶT TOUR DU LỊCH Giảng viên hướng dẫn: ThS Thái Thụy Hàn Uyển Sinh viên: Nguyễn Cơng Đồn - 20520447 Phan Nhật Lâm - 20520608 Tp.Hồ Chí Minh, tháng 06 năm 2023 Lời cảm ơn Lời đầu tiên, nhóm chúng em xin cảm ơn cô Thái Thụy Hàn Uyển tạo điều kiện cho nhóm thực đồ án, cung cấp kiến thức hữu ích, góp ý thực tế để từ nhóm phát triển thêm hiểu biết mảng lập trình web, dự án Dù có nhiều cố gắng thực hiện, song lượng kiến thức mảng thời gian để phát triển dự án có hạn, nên nhóm khơng thể tránh khỏi thiếu sót Nhóm mong nhận thơng cảm, góp ý hữu ích từ để từ nhóm hồn thiện sản phẩm Nhóm thực Trường Đại học Công nghệ Thông tin, tháng năm 2023 MỤC LỤC CHƯƠNG I GIỚI THIỆU ĐỀ TÀI 1.1 Giới thiệu chung 1.2 Mục tiêu đề tài 1.2.1 Lý thuyết 1.2.2 Mục tiêu 1.3 Quá trình thực 1.4 Tổng quan chức 1.4.1 Khách du lịch 1.4.2 Quản lý CHƯƠNG II CƠ SỞ LÝ THUYẾT 2.1 ReactJS 2.1.1 Tổng quan 2.1.2 Đặc trưng ReactJS 2.1.3 Ưu điểm nhược điểm 2.1.3.1 Ưu điểm 2.1.3.2 Nhược điểm 2.2 NodeJS 2.2.1 Tổng quan 2.2.2 Lý nên sử dụng NodeJS 2.2.3 Ưu nhược điểm 2.2.3.1 Ưu điểm 2.2.3.2 Nhược điểm 2.3 MongoDB 2.3.1 Tổng quan 2.3.2 Cách thức hoạt động 2.3.3 Ưu điểm nhược điểm CHƯƠNG III XÂY DỰNG HỆ THỐNG 3.1 Xây dựng kiến trúc hệ thống 3.1.1 Công nghệ sử dụng 3.1.2 Kiến trúc hệ thống: Mơ hình MVC 3.1.3 Sơ đồ Use-case 3.1.4 Mô tả Use-case 3.1.5 Đặc tả Use-case 3.2 Mơ tả hình 3.2.1 Màn hình đăng nhập 3.2.2 Màn hình đăng ký 3.2.3 Màn hình trang chủ 3.2.4 Màn hình tour du lịch 3.2.5 Màn hình chi tiết tour du lịch 3.2.6 Màn hình tốn hóa đơn 3.2.7 Màn hình chọn hình chuyển khoản 3.2.8 Màn hình cập nhật tài khoản 3.2.9 Màn hình danh sách người dùng 3.2.10 Màn hình thêm người dùng 3.2.11 Màn hình chỉnh sửa thơng tin người dùng 3.2.12 Màn hình danh sách tour du lịch 3.2.13 Màn hình tour du lịch 3.2.14 Màn hình chỉnh sửa thông tin tour du lịch 3.2.15 Màn hình danh sách đặt tour du lịch 3.2.16 Màn hình chi tiết đặt tour du lịch 3.3 Sơ đồ lớp 3.4 Sơ đồ hoạt động 3.4.1 Đăng nhập 3.4.2 Đăng ký 3.4.3 Đặt tour toán 3.4.4 Tìm kiếm tour CHƯƠNG IV: KẾT LUẬN 4.1 Kết đạt 4.2 Ưu điểm 4.3 Nhược điểm giải pháp CHƯƠNG I GIỚI THIỆU ĐỀ TÀI 1.1 Giới thiệu chung - Ngày nay, công nghệ thông tin phát triển nhanh chóng, ngày nhiều lĩnh vực cần ứng dụng sản xuất, tài chính, y tế, Và việc ứng dụng cơng nghệ thông tin giúp cho thao tác lĩnh vực trở nên dễ dàng nhanh chóng - Nhất lĩnh vực du lịch, công nghệ thông tin giúp tiết kiệm thời gian tiền bạc người dân du lịch Việc đặt tour khơng cịn vấn đề q lớn họ đặt tour trực tuyến, mà không cần phải đến trực tiếp trung tâm tư vấn tour - Tuy nhiên, nhu cầu ngày tăng cao, số lượng địa điểm du lịch tăng, người dân lại hoang mang, nên đặt tour du lịch Hơn nữa, họ phân vân, khơng biết lịch trình, hay chất lượng tour nào, dẫn đến việc hoàn thành đặt tour du lịch, chất lượng trải nghiệm thực tế họ không mong muốn Vì thế, việc xây dựng ứng dụng đặt tour giải vấn đề cần thiết - Bắt nguồn từ ý tưởng trên, nhóm xây dựng phát triển đồ án “XÂY DỰNG WEBSITE HỖ TRỢ ĐẶT TOUR DU LỊCH” để hỗ trợ cho người dân có gợi ý tour du lịch hay, nguồn thơng tin tham khảo hữu ích, trải nghiệm người dùng thuận lợi 1.2 Mục tiêu đề tài 1.2.1 Lý thuyết - Nghiên cứu ngơn ngữ lập trình Javascript framework ReactJS - Nghiên cứu thao tác làm việc phát triển ứng dụng web Visual Studio Code - Nghiên cứu sử dụng ứng dụng lưu trữ sở liệu đám mây - MongoDB - Nghiên cứu phát triển ứng dụng nhiều tảng 1.2.2 Mục tiêu - Người dùng đặt tour cách dễ dàng - Người dùng tìm kiếm, nhận gợi ý tour từ ứng dụng, tương tự website đặt tour điển hình 1.3 Giao diện phái thân thiện với người dùng Quá trình thực - Trải qua trình tìm hiểu thực đề tài, nhóm giải vấn đề đặt ban đầu, bước giải liên tục đặt vấn đề để ngày hoàn thiện sản phẩm Những bước thực hiện: - Phân tích u cầu tốn - Lựa chọn tảng cơng nghệ phù hợp với yêu cầu - Nghiên cứu sở lý thuyết công nghệ lựa chọn - Áp dụng lý thuyết vào xây dựng ứng dụng thực tiễn - Kiểm tra khám phá ứng dụng tương tự để tối ưu hóa trải nghiệm người dùng cải thiện tính cho ứng dụng 1.4 Tổng quan chức 1.4.1 Khách du lịch - Khách hàng đăng nhập thơng qua tài khoản đăng ký (bao gồm username, password) - Khách xem thông tin tour du lịch, tiện nghi có lên quan - Khách hàng xếp thời gian chuyến đi, đặt chỗ tour du lịch - Khách hàng xem review người dùng khác, để lại đánh giá - Khách hàng thêm địa điểm du lịch vào danh sách u thích - Khách hàng tìm kiếm thơng tin tour du lịch, thơng qua từ khóa mà họ nhập vào, thơng qua nhóm tour phân loại 1.4.2 Quản lý Quản lý có trách nhiệm thêm tour mới, xóa tour cũ, khơng phù hợp, cập nhật thông tin tour (VD: thời gian chuyến đi, địa điểm dừng chân, ) CHƯƠNG II CƠ SỞ LÝ THUYẾT 2.1 ReactJS 2.1.1 - Tổng quan ReactJS thư viện JavaScript mã nguồn mở thiết kế Facebook để tạo ứng dụng web hấp dẫn, nhanh hiệu với mã hóa tối thiểu Mục đích cốt lõi ReactJS khơng khiến cho trang web phải thật mượt mà phải nhanh, khả mở rộng cao đơn giản - Sức mạnh xuất phát từ việc tập trung vào thành phần riêng lẻ Chính vậy, thay làm việc tồn ứng dụng web, ReactJS cho phép developer phá vỡ giao diện người dùng phức tạp thành thành phần đơn giản 2.1.2 Đặc trưng ReactJS 2.1.2.1 JSX Hình 2.1 Đặc trưng - JSX - Trong React, thay thường xuyên sử dụng JavaScript để thiết kế bố cục trang web dùng JSX JSX đánh giá sử dụng đơn giản JavaScript cho phép trích dẫn HTML việc sử dụng cú pháp thẻ HTML để render subcomponent JSX tối ưu hóa code biên soạn, chạy nhanh so với code JavaScript tương đương 2.1.2.2 Redux Hình 2.2 Đặc trưng thứ hai - Redux - Redux predictable state management tool cho ứng dụng Javascript Nó giúp bạn viết ứng dụng hoạt động cách quán, chạy môi trường khác (client, server, and native) dễ dàng để test Redux đời lấy cảm hứng từ tư tưởng ngôn ngữ Elm kiến trúc Flux Facebook Do Redux thường dùng kết hợp với React 2.1.2.3 Single-way data flow (Luồng liệu chiều)