Xây dựng website đặt tour du lịch đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

LỜI MỞ ĐẦU Với phát triển bùng nổ cơng nghệ thơng tin việc ứng dụng công nghệ thông tin vào quản lý cần thiết nhằm đơn giản hóa nâng cao hiệu suất cơng việc Chính mà lớn mạnh doanh nghiệp công nghệ thông tin nước đóng vai trị vơ quan trọng phát triển kinh tế nước nhà Hiện nay, kinh tế nước giới phát triển mạnh mẽ, có Việt Nam Mức sống, thu nhập người dân tăng lên, cải thiện nhiều theo năm Do đời sống vật chất đầy đủ, nên phát sinh thêm nhu cầu thoải mái tinh thần điều dễ hiểu Bởi vậy, ngành du lịch nước ngày chiếm tỉ trọng lớn cấu kinh tế nước ta Tuy nhiên với đặc thù người du lịch lần ghé thăm, nhiều kinh nghiệm khơng biết nhiều điểm du lịch vị trí, thời tiết, nơi nghỉ chân dịch vụ ăn uống khác Nhưng thay vào vị khách sử dụng thiết bị truy cập mạng thiết bị thông minh, việc thiết kế website du lịch trở nên đặc biệt quan trọng doanh nghiệp kinh doanh du lịch Nhận thấy tiềm phát triển khả áp dụng thực tế cao, nhóm thực tập trung tìm hiểu thực đề tài “XÂY DỰNG WEBSITE ĐẶT TOUR DU LỊCH” MỤC LỤC Chương Tổng quan 1.1 Lý chọn đề tài 1.2 Mục đích đề tài 1.3 Quy trình nghiệp vụ phương pháp tiếp cận 1.3.1 Quy trình nghiệp vụ 1.3.2 Phương pháp tiếp cận 1.4 Khảo sát trạng 1.4.1 Website: mytour.vn 1.4.2 Website: saigontourist.net Chương Công nghệ áp dụng 11 2.1 ExpressJS Framework 11 2.1.1 ExpressJS gì? 11 2.1.2 Một vài tính bật 11 2.1.3 Các thành phần 12 2.2 Công nghệ ReactJS 12 2.2.1 ReactJS gì? 12 2.2.2 Đặc trưng ReactJS 13 Chương Phân tích yêu cầu 17 3.1 Lược đồ use case 17 3.2 Thống kê nghiệp vụ cho đối tượng 17 3.2.1 Người dùng chưa đăng nhập 17 3.2.2 Người dùng đăng nhập 19 3.2.3 Quản trị viên 31 Chương Thiết kế hệ thống 38 4.1 Mơ hình kiến trúc 38 4.2 Lược đồ lớp 38 4.3 Lược đồ 39 4.3.1 Chức “Đăng ký” 39 4.3.2 Chức “Đăng nhập” 40 4.3.3 Chức “Sửa thông tin cá nhân” 41 4.3.4 Chức “Xác nhận email” 42 4.3.5 Chức “Thêm tour mới” 43 4.3.6 Chức “Tìm kiếm tour” 44 4.3.7 Chức “Đánh giá tour” 45 4.3.8 Chức “Đặt tour” 46 4.3.9 Chức “Thanh toán tour” 47 4.3.10 Chức “Xem trang chủ admin” 48 4.3.11 Chức “Thống kê” 49 4.4 Physical diagram 50 4.4.1 Mô tả bảng 50 4.4.2 Danh sách chi tiết bảng 51 Chương Giao diện 61 5.1 Giao diện trang khách 61 5.1.1 Trang chủ 61 5.1.2 Trang đăng ký 66 5.1.3 Trang đăng nhập 67 5.1.4 Trang thông tin cá nhân 68 5.1.5 Trang danh sách tour 69 5.1.6 Trang chi tiết tour 71 5.1.7 Trang chi tiết đặt tour 76 5.1.8 Trang toán momo 78 5.1.9 Trang chi tiết hóa đơn 79 5.1.10 Trang danh sách viết 80 5.1.11 Trang chi tiết viết 81 5.1.12 Trang lịch sử đặt tour 82 5.2 Giao diện trang quản trị 84 5.2.1 Trang chủ 84 5.2.2 Trang quản lý danh sách booking 86 5.2.3 Trang quản lý danh sách tour 87 5.2.4 Trang thêm tour 90 5.2.5 Trang hình ảnh tour 92 5.2.6 Trang lịch trình tour 93 5.2.7 Trang mô tả chi tiết tour 94 5.2.8 Trang quản lý danh sách dịch vụ 96 5.2.9 Trang quản lý danh sách viết 97 5.2.10 Trang quản lý danh sách đánh giá 99 5.2.11 Trang thông tin cá nhân 100 Chương Cài đặt kiểm thử 102 6.1 Deploy 102 6.1.1 Deploy on AWS: back-end (môi trường NodeJS) 102 6.1.2 Deploy front-end (React app với môi trường NodeJS) 105 6.2 Kiểm thử 106 6.2.1 Mục tiêu kiểm thử 106 6.2.2 Kiểm thử trang khách 106 6.2.3 Kiểm thử trang quản trị 135 Chương Kết luận 158 7.1 Kết đạt 158 7.2 Ưu điểm 159 7.3 Nhược điểm 160 7.4 Hướng phát triển 160 TÀI LIỆU THAM KHẢO 161 DANH MỤC CÁC HÌNH Hình 1.1 Trang chủ website mytour.vn (1) Hình 1.2 Trang chủ website mytour.vn (2) Hình 1.3 Trang chủ website mytour.vn (3) Hình 1.4 Trang chi tiết tour website mytour.vn (1) Hình 1.5 Trang chi tiết tour website mytour.vn (2) Hình 1.6 Chức tìm kiếm tour website mytour.vn Hình 1.7 Chức đặt tour website mytour.vn Hình 1.8 Chức đăng nhập website mytour.vn Hình 1.9 Trang chủ phần đầu website saigontourist.net Hình 1.10 Trang chủ phần tour mùa hè website saigontourist.net Hình 1.11 Trang chủ gói khuyến website saigontourist.net Hình 1.12 Trang chi tiết tour website saigontourist.net (1) Hình 1.13 Trang chi tiết tour website saigontourist.net (2) Hình 1.14 Chức tìm kiếm website saigontourist.net Hình 1.15 Pop-up hỏi người dùng khu vực website saigontourist.net 10 Hình 2.1 ExpressJS 11 Hình 2.2 Sơ đồ mơ tả lớp trung gian xử lý HTTP 11 Hình 2.3 ReactJS 12 Hình 2.4 ReactJS – JSX 13 Hình 2.5 Single-way data flow (Luồng liệu chiều) 14 Hình 2.6 ReactJS – Virtual DOM 14 Hình 2.7 Lợi ích ReactJS 15 Hình 3.1 Lược đồ use case 17 Hình 4.1 Mơ hình kiến trúc 38 Hình 4.2 Lược đồ lớp 38 Hình 4.3 Lược đồ “Đăng ký” 39 Hình 4.4 Lược đồ “Đăng nhập” 40 Hình 4.5 Lược đồ “Sửa thông tin cá nhân” 41 Hình 4.6 Lược đồ “Xác nhận email” 42 Hình 4.7 Lược đồ “Thêm tour mới” 43 Hình 4.8 Lược đồ “Tìm kiếm tour” 44 Hình 4.9 Lược đồ “Đánh giá tour” 45 Hình 4.10 Lược đồ “Đặt tour” 46 Hình 4.11 Lược đồ “Thanh toán tour” 47 Hình 4.12 Lược đồ “Xem trang chủ admin” 48 Hình 4.13 Lược đồ “Thống kê” 49 Hình 4.14 Physical diagram 50 Hình 5.1 Trang chủ (1) (user) 61 Hình 5.2 Trang chủ (2) (user) 61 Hình 5.3 Trang chủ (3) (user) 62 Hình 5.4 Trang chủ (4) (user) 62 Hình 5.5 Trang chủ (5) (user) 63 Hình 5.6 Trang đăng ký 66 Hình 5.7 Trang đăng nhập 67 Hình 5.8 Trang thông tin cá nhân (user) 68 Hình 5.9 Trang danh sách tour (1) 69 Hình 5.10 Trang danh sách tour (2) 70 Hình 5.11 Trang chi tiết tour (1) 71 Hình 5.12 Trang chi tiết tour (2) 72 Hình 5.13 Trang chi tiết tour (3) 72 Hình 5.14 Trang chi tiết tour (4) 73 Hình 5.15 Trang chi tiết đặt tour 76 Hình 5.16 Trang tốn momo 78 Hình 5.17 Trang chi tiết hóa đơn 79 Hình 5.18 Trang danh sách viết 80 Hình 5.19 Trang chi tiết viết 81 Hình 5.20 Trang lịch sử đặt tour 82 Hình 5.21 Trang chủ (admin) 84 Hình 5.22 Trang quản lý danh sách booking 86 Hình 5.23 Trang quản lý danh sách tour 87 Hình 5.24 Trang thêm tour 90 Hình 5.25 Trang hình ảnh tour 92 Hình 5.26 Trang lịch trình tour 93 Hình 5.27 Trang mơ tả chi tiết tour 94 Hình 5.28 Trang quản lý danh sách dịch vụ 96 Hình 5.29 Trang quản lý danh sách viết 97 Hình 5.30 Trang quản lý danh sách đánh giá 99 Hình 5.31 Trang thơng tin cá nhân (admin) 100 Hình 6.1 Giao diện trang lấy thơng tin tích hợp MoMo 103 Hình 6.2 Giao diện trang quản lý hostinger 104 Hình 6.3 Giao diện trang quản lý Route53 AWS 104 DANH MỤC CÁC BẢNG Bảng 3.1 Đặc tả nghiệp vụ xem trang chủ người dùng chưa đăng nhập 17 Bảng 3.2 Đặc tả nghiệp vụ đăng ký người dùng chưa đăng nhập 18 Bảng 3.3 Đặc tả nghiệp vụ đăng nhập người dùng đăng nhập 19 Bảng 3.4 Đặc tả nghiệp vụ xem thông tin người dùng đăng nhập 20 Bảng 3.5 Đặc tả nghiệp vụ sửa thông tin tài khoản người dùng đăng nhập 21 Bảng 3.6 Đặc tả nghiệp vụ xem danh sách tour người dùng đăng nhập 22 Bảng 3.7 Đặc tả nghiệp vụ toán tour người dùng đăng nhập 23 Bảng 3.8 Đặc tả nghiệp vụ tìm kiếm tour người dùng đăng nhập 25 Bảng 3.9 Đặc tả nghiệp vụ xem chi tiết tour người dùng 26 Bảng 3.10 Đặc tả nghiệp vụ toán tour người dùng đăng nhập 26 Bảng 3.11 Đặc tả nghiệp vụ xem danh sách tour đặt người dùng đăng nhập 28 Bảng 3.12 Đặc tả nghiệp vụ đánh giá tour người dùng đăng nhập 29 Bảng 3.13 Đặc tả nghiệp vụ xem blog du lịch người dùng đăng nhập 30 Bảng 3.14 Đặc tả nghiệp vụ xem trang quản lý danh sách tour 31 Bảng 3.15 Đặc tả nghiệp vụ thêm tour quản trị viên 31 Bảng 3.16 Đặc tả nghiệp vụ sửa tour quản trị viên 32 Bảng 3.17 Đặc tả nghiệp vụ xóa tour quản trị viên 33 Bảng 3.18 Đặc tả nghiệp vụ sửa lịch trình tour, sửa sách tour, sửa mơ tả, sửa timeline quản trị viên 34 Bảng 3.19 Đặc tả nghiệp vụ xem trang quản lý viết quản trị viên 35 Bảng 3.20 Đặc tả nghiệp vụ xem trang thống kê quản trị viên 36 Bảng 4.1 Mô tả bảng lược đồ sở liệu 50 Bảng 4.2 Mô tả chi tiết bảng Accounts 51 Bảng 4.3 Mô tả chi tiết bảng Evaluates 52 Bảng 4.4 Mô tả chi tiết bảng Images 53 Bảng 4.5 Mô tả chi tiết bảng Timelines 54 Bảng 4.6 Mô tả chi tiết bảng Services 55 Bảng 4.7 Mô tả chi tiết bảng Categories 56 Bảng 4.8 Mô tả chi tiết bảng Orders 56 Bảng 4.9 Mô tả chi tiết bảng Posts 57 Bảng 4.10 Mô tả chi tiết bảng Schedule 58 Bảng 4.11 Mô tả chi tiết bảng Tours 59 Bảng 5.1 Mô tả trang chủ (user) 63 Bảng 5.2 Mô tả trang đăng ký 66 Bảng 5.3 Mô tả trang đăng nhập 67 Bảng 5.4 Mô tả trang thông tin cá nhân (user) 68 Bảng 5.5 Mô tả trang danh sách tour 70 Bảng 5.6 Mô tả trang chi tiết tour 73 Bảng 5.7 Mô tả trang chi tiết đặt tour 76 Bảng 5.8 Mô tả trang toán momo 78 Bảng 5.9 Mô tả trang chi tiết hóa đơn 79 Bảng 5.10 Mô tả trang danh sách viết 80 Bảng 5.11 Mô tả trang chi tiết viết 81 Bảng 5.12 Mô tả trang lịch sử đặt tour 82 Bảng 5.13 Mô tả trang chủ (admin) 84 Bảng 5.14 Mô tả trang quản lý danh sách booking 86 Bảng 5.15 Mô tả trang quản lý danh sách tour 87 Bảng 5.16 Mô tả trang thêm tour 90 Bảng 5.17 Mô tả trang hình ảnh tour 92 Bảng 5.18 Mô tả trang lịch trình tour 93 Bảng 5.19 Mô tả trang mô tả chi tiết tour 94 Bảng 5.20 Mô tả trang quản lý danh sách dịch vụ 96 tới trang tương ứng Kiểm tra chức tra Kiểm tra tên dịch vụ Hiển thị đầy đủ Đạt DSD Kiểm V_01 chức Kiểm tra mô tả thông hiển thị sách dịch vụ đầy đủ thông tin tin danh dịch vụ tra Nhấn Kiểm V_02 chức “Thêm” trang tạo dịch vụ thêm dịch danh sách dịch vụ vụ vào button Trang liệu Đạt DSD Nhập thông tin cần thiết Nếu thông tin không hợp lệ Nhấn button “Thêm” để trống, Nhấn button “Đóng” thơng báo hiển thị trường nhập Thêm dịch vụ vào sở liệu Trang nhập liệu tạo dịch vụ bị ẩn tra Nhấn vào Edit button DSD Kiểm V_03 chức dòng muốn sửa 147 Trang liệu Đạt sửa dịch vụ sửa dòng Chỉnh sửa liệu liệu ra, dòng Nhấn button “Sửa” liệu chứa Nhấn button “Đóng” input Kết lưu lại thông báo hiển thị cho người dùng Đóng trang sửa dịch vụ tra Nhấn Kiểm V_04 chức button dòng muốn confirm xóa xóa có muốn xóa dịng vào Delete thị Đạt DSD Chọn “Có” confirm liệu lên button Hiển “Bạn dịch vụ này?” Dữ liệu xóa thơng báo cho người dùng Kiểm V_05 chức button dòng muốn confirm khơng xóa xóa có muốn xóa dịng tra Nhấn Chọn liệu vào Delete thị Đạt DSD “Không” confirm lên button “Bạn dịch vụ này?” Khơng tiến hành xóa DSD Kiểm tra Chờ load liệu V_06 chức Nhấn vào phân trang Hiển Hiển số phân trang 148 thị số Đạt lượng phần tử Nhấn vào button “” trang Tải liệu trang tương ứng Hiển thị liệu trang trước Hiển thị liệu trang sau 6.2.3.5 Kiểm thử trang danh sách viết Bảng 6.15 Test case trang danh sách viết ID Mô tả test case Các bước thực Dữ liệu test Kết mong muốn Kết test Kiểm tra UI DSB Kiểm tra vị Kiểm tra vị trí VAU trí I_01 thành phần Kiểm tra vị trí thành Như giao diện Đạt Như giao diện Đạt header phần sidebar Kiểm tra vị trí thành phần topbar Kiểm tra vị thành phần khác DSB Kiểm VAU menu tra Kiểm tra menu sidebar I_02 149 Kiểm tra thành phần menu tra Kiểm tra liên kết Kiểm VAU liên kết I_03 dẫn tới trạng thái, không trang nội load lại trang sidebar Các liên kết Đạt DSB không chuyển chuyển tới trang tương ứng Kiểm tra chức tra Kiểm tra hình ảnh DSB Kiểm VA_ chức 01 hiển thị Kiểm tra tiêu đề đầy đủ Kiểm tra mô tả thông tin viết Hiển thị đầy đủ Đạt thông tin danh sách viết viết Kiểm VA_ chức “Thêm” trang tạo viết 02 thêm danh sách viết viết tra Nhấn vào button Trang liệu Đạt DSB Chọn tab “Thông tin” Nhập thông tin cần Nếu thông tin không hợp lệ để trống, thiết Nhấn button “Thêm” thơng báo Nhấn button “Đóng” hiển thị trường nhập 150 Thêm viết vào sở liệu Trang nhập liệu tạo viết bị ẩn tra Nhấn Kiểm VA_ chức “Thêm” trang tạo viết 03 thêm hình danh sách viết ảnh vào button Trang liệu Đạt DSB Chọn tab “Hình ảnh” Hiển thị “Chỉ tải ảnh viết lên sau tạo viết thành công” tra Nhấn vào Edit button DSB Kiểm VA_ chức 04 dòng muốn sửa Trang liệu Đạt sửa viết sửa thông Chọn tab “Thơng tin” ra, tin dịng liệu dòng Chỉnh sửa liệu liệu Nhấn button “Sửa” chứa ô input Kết lưu lại thông báo hiển thị cho người dùng 151 tra Nhấn vào Edit button DSB Kiểm VA_ chức 05 sửa ảnh dòng muốn sửa Trang liệu Đạt sửa viết hình Chọn tab “Hình ảnh” ra, dịng Chọn ảnh muốn thêm dòng liệu Nhấn button “Đóng” liệu chứa input Chuyển sang tab “Hình ảnh” Hiển thị trạng thái tải ảnh hiển thị hình Đóng trang sửa viết tra Nhấn Kiểm VA_ chức button dịng muốn confirm 06 xóa xóa có muốn xóa dịng vào Delete Chọn “Có” confirm liệu lên button Hiển thị Đạt DSB “Bạn viết này?” Dữ liệu xóa thông báo cho người dùng Kiểm VA_ chức button dịng muốn confirm 07 khơng xóa xóa có muốn xóa dịng liệu tra Nhấn Chọn vào Delete “Không” confirm lên button Hiển thị Đạt DSB viết này?” Khơng hành xóa 152 “Bạn tiến DSB Kiểm tra Chờ load liệu Hiển VA_ chức Nhấn vào 08 phân trang số Đạt thị lượng phần tử số phân trang quy định Nhấn vào button “” Tải trang liệu tương ứng Hiển thị liệu trang trước Hiển thị liệu trang sau 6.2.3.6 Kiểm thử trang danh sách đánh giá Bảng 6.16 Test case trang danh sách đánh giá ID Mô tả test case Các bước thực Dữ liệu test Kết mong muốn Kết test Kiểm tra UI DSĐ Kiểm tra Kiểm tra vị trí GUI_ vị trí 01 thành phần header Kiểm tra vị trí thành phần sidebar Kiểm tra vị trí thành phần topbar Kiểm tra vị thành phần khác 153 Như giao diện Đạt DSĐ Kiểm tra Kiểm GUI_ menu 02 tra menu Như giao diện Đạt sidebar Kiểm tra thành phần menu DSĐ Kiểm tra Kiểm tra liên kết GUI_ liên 03 sidebar Các liên kết Đạt không chuyển kết dẫn trạng tới trang không load lại nội trang chuyển tới trang thái, tương ứng Kiểm tra chức DSĐ Kiểm tra Nhấn vào trạng G_01 chức thái lựa chọn lọc Chọn trạng thái “Chờ danh sách đánh giá Hiển thị Đạt duyệt” Chọn trạng thái “Đã Lọc danh sách theo trạng thái “Chờ duyệt” Chọn trạng thái “Đã hủy” duyệt” Lọc danh sách theo trạng thái “Đã duyệt” 154 Lọc danh sách theo trạng thái “Đã hủy” DSĐ Kiểm tra Kiểm tra tiêu đề G_02 chức Hiển thị đầy Đạt Kiểm tra số đánh đủ thông tin đánh giá giá hiển thị Kiểm tra ngày đánh giá đầy đủ Kiểm tra ngày email thông tin người đánh giá đánh giá Kiểm tra nội dung đánh giá DSĐ Kiểm tra Nhấn vào button “Phê Ẩn button Đạt G_03 chức “Phê duyệt” duyệt” cập nhật “Phê trạng thái đơn duyệt” hàng thành “Approve” sở liệu DSĐ Kiểm tra Nhấn vào button “Hủy Ẩn button Đạt G_05 chức cập nhật bỏ” trạng thái đơn “Hủy hàng bỏ” “Cancel” thành sở liệu 155 6.2.3.7 Kiểm thử trang thông tin cá nhân Bảng 6.17 Test case trang thông tin cá nhân (admin) ID Mô tả test case Các bước thực Dữ liệu test Kết mong muốn Kết test Kiểm tra UI TTC Kiểm tra vị Kiểm tra vị trí NAU trí I_01 thành phần Kiểm tra vị trí thành Như giao diện Đạt Như giao diện Đạt header phần sidebar Kiểm tra vị trí thành phần topbar Kiểm tra vị thành phần khác TTC Kiểm NAU menu tra Kiểm tra menu sidebar I_02 Kiểm tra thành phần menu tra Kiểm tra liên kết TTC Kiểm NAU liên kết I_03 dẫn tới Kiểm tra liên kết trang nội sidebar Các liên kết Đạt không chuyển trạng thái, phần “Xem thêm” không load lại card thông tin thống kê trang chuyển tới trang ứng 156 tương Kiểm tra chức tra Kiểm tra hình ảnh Hiển thị đầy đủ Đạt TTC Kiểm NA_ chức Kiểm tra họ tên thông 01 hiển thị Kiểm tra email nhân đầy đủ Kiểm tra số điện thoại thông tin Kiểm tra địa tin cá cá nhân tra Nhấn vào biểu tượng TTC Kiểm NA_ chức 02 chỉnh sửa Chọn “Thông tin cá thông cá nhân tin avatar action nhân” user Trang thông Chỉnh sửa thông tin Nhấn Hiển thị Đạt button “Lưu thông tin” tin cá nhân ra, dịng liệu chứa input Kết lưu thông lại báo hiển thị cho người dùng 157 Chương Kết luận 7.1 Kết đạt Sau trình tìm hiểu làm việc công nghệ, nghiệp vụ kinh doanh dịch vụ lữ hành cách làm việc nhóm, nhóm thực đạt kết sau: − Xây dựng nghiệp vụ website đặt tour du lịch: o Đối với người dùng có chức năng: ▪ Cho phép người dùng đăng nhập tài khoản đăng ký ▪ Đăng ký gửi email xác nhận ▪ Xem danh sách chi tiết tour ▪ Hỗ trợ người dùng tìm kiếm tour dựa thông tin: địa điểm du lịch, ngày đi, ngày về, giá tiền xem danh sách tour địa danh ▪ Cho phép người dùng lọc tour dựa giá tiền ▪ Đánh giá tour dựa tiêu chí dịch vụ, vị trí, giá tiền, sở vật chất bình luận tour ▪ Chức đặt tour nhanh chóng đơn giản, hỗ trợ người dùng toán Momo, gửi email xác nhận đặt tour thành cơng ▪ Hủy tour theo sách quy định ▪ Xem danh sách tour đặt ▪ Xem danh sách chi tiết blog o Đối với quản trị viên có chức năng: ▪ Cho phép quản trị viên xem thống kê doanh thu doanh số đặt tour website, tổng lượt đặt tour, số đơn đặt hàng mới, tổng số tour, tổng số viết ▪ Quản lý booking: phê duyệt hủy bỏ đơn đặt hàng ▪ Quản lý danh sách tour: thêm, sửa, xóa tour, lịch trình hình ảnh mơ tả cho tour 158 ▪ Xây dựng chức CRUD cho quản lý dịch vụ ▪ Quản lý đánh giá bình luận: phê duyệt hủy bỏ đánh giá bình luận − Kiến thức cơng nghệ: o Hiểu khái niệm bản, phương thức hoạt động vòng đời component react app o Tham khảo vận dụng thư viện redux, react-router-dom… để tích hợp vào front-end o Sử dụng Ant Design Framework kết hợp Bootstrap v4.0 kiến thức HTML, CSS để xây dựng website với giao diện thân thiện o Biết cách áp dụng sở liệu MySQL để xây dựng sở liệu cho hệ thống, xây dựng web server REST API sử dụng thư viện Express o Sử dụng tốt git control (Github) để lưu trữ mã nguồn quản lý dự án, phân branch theo khối lượng công việc thực với backup 230 commits − Học kỹ làm việc nhóm, kỹ giao tiếp, tìm kiếm, giải vấn đề xếp thời gian biểu 7.2 Ưu điểm − Website thiết kế với giao diện dễ nhìn, thân thiện với người dùng Tối ưu hóa trải nghiệm người dùng với trạng thái chờ tải trang, thông báo sau hành động người dùng − Thao tác đặt mua thao tác khác đơn giản − Xây dựng tính cần thiết website đặt tour du lịch 159 7.3 Nhược điểm − Về giao diện, nhiều thiếu sót việc thiết kế nên website tương thích với máy tính cần tinh chỉnh để cải thiện hiệu trải nghiệm người dùng tốt − Về chức năng, nghiệp vụ kinh nghiệm hạn chế nên việc xử lý số chức chưa tốt − Chưa kiểm tra ký tự để bảo mật (mật phải có chữ hoa, ký tự số, ký tự đặc biệt…) − Hệ thống chưa hoàn thiện hồn tồn, thời gian hạn chế nên chức tương tự chức xây dựng lược bỏ 7.4 Hướng phát triển − Tích hợp thêm nhiều cổng toán online Zalo Pay, Internet Banking… − Phát triển website đa ngôn ngữ, đồng thời mở rộng thêm tour nước − Xây dựng hệ thống chatbox để tương tác với người dùng − Phát triển thêm tính liên quan đến quản lý xe, quản lý hướng dẫn viên, phân loại khách hàng − Cải thiện nghiệp vụ nhanh chóng, dễ dàng thao tác 160 TÀI LIỆU THAM KHẢO [1] topdev.vn Expressjs gì? Tất tần tật Expressjs, https://topdev.vn/blog/express-js-la-gi/ [2] topdev.vn ReactJS – Những điều bạn cần https://topdev.vn/blog/reactjs-nhung-dieu-ban-can-phai-biet/ [3] mytour.vn, https://mytour.vn/ [4] saigontourist.net, https://saigontourist.net/ [5] AWS, https://aws.amazon.com/vi/ [6] Github, https://github.com [7] MoMo, https://developers.momo.vn/ [8] PuTTY, https://www.putty.org/ 161 phải biết, ... dụng web để thực đặt tour du lịch, xem thông tin tour du lịch blog liên quan Tiến hành đặt tour, xem lịch trình tour du lịch, bình luận, đánh giá tour đăng xuất Bảng 3.3 Đặc tả nghiệp vụ đăng nhập... ReactJS Nhóm chọn đề tài ? ?Xây dựng website đặt tour du lịch? ?? với mục đích sau: − Xây dựng website kinh doanh tour du lịch cho chủ thể (cá nhân doanh nghiệp) để quảng bá tour họ lên mạng tiếp cận nhiều... thơng tin, áp dụng cơng nghệ xây dựng phát triển tính phổ biến lĩnh vực tour du lịch 1.3 Quy trình nghiệp vụ phương pháp tiếp cận 1.3.1 Quy trình nghiệp vụ Cơng ty du lịch thiết kế tour lên lịch