Cơ sỏ lý thuyết
ReactJS
ReactJS là một thư viện mã nguồn mở do Facebook phát triển, nhằm tạo ra các ứng dụng web hấp dẫn với tốc độ nhanh và hiệu quả cao Mục tiêu chính của ReactJS là đảm bảo rằng các website sử dụng nó hoạt động mượt mà, nhanh chóng và có khả năng mở rộng cao, đồng thời yêu cầu mã hóa tối thiểu.
NextJs
Next.js is an open-source front-end framework based on React, enhancing it with features like Server Side Rendering (SSR) and Static Site Generation (SSG) By leveraging the strengths of React, Next.js provides additional functionalities that improve web development.
JavaScript
JavaScript là ngôn ngữ lập trình phổ biến cho website, cho phép tích hợp và nhúng vào HTML, làm cho trang web trở nên sống động Ngôn ngữ này thực hiện các script từ phía người dùng và máy chủ (Node.js), giúp tạo ra các trang web động.
Firebase
Firebase là nền tảng do Google cung cấp, hỗ trợ phát triển ứng dụng web và di động chất lượng cao Sử dụng Firebase, các lập trình viên có thể tập trung vào việc phát triển ứng dụng mà không phải lo lắng về quản lý và vận hành backend Backend ở đây đề cập đến việc xử lý và lưu trữ dữ liệu trong dịch vụ.
Firebase là một trong những dịch vụ BaaS (Backend as a Service) nổi bật, cung cấp kiến trúc serverless giúp phát triển và phát hành dịch vụ nhanh chóng Trong bối cảnh ngày càng tăng nhu cầu về dịch vụ di động, BaaS, còn được biết đến với tên gọi MBaaS, đã ra mắt nhằm đáp ứng nhu cầu của người dùng.
HTML
HTML, viết tắt của Hypertext Markup Language, là ngôn ngữ đánh dấu siêu văn bản dùng để tạo và cấu trúc các thành phần trên trang web hoặc ứng dụng Nó giúp phân chia các đoạn văn, tiêu đề, tiêu đề phụ và trích dẫn Cần lưu ý rằng HTML không phải là một ngôn ngữ lập trình.
Tailwind
Tailwind is a utility-first CSS framework similar to Bootstrap, offering built-in classes for easy use It features a wide range of classes encompassing various essential CSS properties, allowing users to effortlessly extend and create new classes based on its existing ones.
Github
GitHub là nền tảng quản lý dự án và phiên bản mã nguồn, hoạt động như một mạng xã hội cho lập trình viên Người dùng có thể clone mã nguồn từ các repository và tạo tài khoản để quản lý kho chứa cá nhân Ngoài các tính năng của Git, GitHub còn cung cấp các công cụ tương tác xã hội, giúp các lập trình viên kết nối và hợp tác hiệu quả hơn.
Github cung cấp các tính năng social networking như feeds, followers, và network graph để các developer học hỏi kinh nghiệm của nhau thông qua lịch sử commit
Hiện thực hệ thống
Đặc tả Use-case
HÌnh 3.1 Sơ đồ Use case
STT Tác nhân Mô tả
1 Khách hàng Là người dùng, sử dựng website để xem thông tin tour và đặt tour trực tuyến
2 Admin Là người quản lý website và hệ thống đặt tour
STT Tính năng Mô tả
1 Đăng nhập Đăng nhập vào hệ thống website bằng tài khoản cá nhân
2 Đăng ký Dành cho khách hàng: đăng ký tài khoản để đăng nhập vào hệ thống
3 Đổi mật khẩu Dành cho khách hàng: thực hiện đổi mật khẩu cá nhân mới
4 Xem thông tin tour Xem thông tin tour được doanh nghiệp đăng tải
5 Xem lịch sử đặt tour
• Với khách hàng: Xem lại lịch sử đặt tour của tài khoản hiện tại
• Với Admin: Xem lại lịch sử đặt tour của tất cả khách hàng để có thể quản lý hoặc xác nhận phiếu đặt
6 Đặt tour Dành cho khách hàng: đặt tour du lịch trực tuyến
7 Xem bài viết Xem nội dung bài viết về du lịch được doanh nghiệp đăng tải
8 Cài đặt tài khoản Dành cho khách hàng: chỉnh sửa thông tin cá nhân
9 Quản lý tour Dành cho Admin: các thao tác thêm, sửa, xóa thông tin về các tour du lịch
10 Quản lý đặt tour Dành cho Admin: xem lịch sử và xác nhận các phiếu đặt
11 Quản lý bài viết Dành cho Admin: các thao tác thêm, sửa, xóa nội dung các bài viết liên quan du lịch
12 Xem báo cáo Dành cho Admin: xem các báo cáo về doanh thu cũng như top tour tháng
Mô tả chi tiết Người dùng sở hữu tài khoản, sử dụng tài khoản truy cập hệ thống
1 Chọn đến trang đăng nhập
2 Nhập thông tin tài khoản gồm tên tài khoản và mật khẩu
1 Thực hiện các bước ở luồng chính
2 Hệ thống thông báo đăng nhập thất bại do sai thông tin Điều kiện trước Yêu cầu tài khoản Điều kiện sau
Mô tả chi tiết Khách hàng thực hiện tạo tài khoản cá nhân để truy cập hệ thống
1 Chọn đến trang đăng ký
2 Nhập thông tin của tài khoản mới
1 Thực hiện các bước luồng chính
2 Hệ thống hiện thông báo không đăng ký được do trùng tên đăng nhập hoặc email Điều kiện trước Truy cập website Điều kiện sau
Mô tả “Đổi mật khẩu”
Mô tả chi tiết Khách hàng thực hiện đổi mới lại mật khẩu của tài khoản hiện dùng
1 Chọn đến trang tài khoản cá nhân
2 Nhập mật khẩu cũ, mật khẩu mới
3 Nhấn nút đổi mật khẩu
1 Thực hiện các bước luồng chính
2 Hệ thống báo lỗi khi mật khẩu mới và được nhập lại không khớp Điều kiện trước Đăng nhập trước vào hệ thống Điều kiện sau
Mô tả “Xem thông tin tour”
Mô tả chi tiết Người dùng xem danh sách tour và thông tin chi tiết của từng tour du lịch
2 Chọn vào tour muốn xem chi tiết
3 Hệ thống chuyến đến trang thông tin tour
Luồng phụ Điều kiện trước Đăng nhập trước vào hệ thống Điều kiện sau Hệ thống truy xuất và hiển thị thông tin
Mô tả “Xem lịch sử đặt tour”
Người dùng xem danh sách các tour đã được đặt (cả trạng thái xác nhận và chưa xác nhận)
1 Chọn đến trang lịch sử đặt tour
2 Hệ thống hiển thị danh sách lịch sử
3 Chọn tour muốn xem thông tin Luồng phụ Điều kiện trước Đăng nhập trước vào hệ thống Điều kiện sau Hệ thống truy xuất và hiển thị thông tin
Mô tả chi tiết Khách hàng thực hiện đặt tour du lịch mong muốn
1 Chọn đến trang thông tin tour
2 Ở phần đặt tour nằm trên đầu bên phải trang, nhập thông tin yêu cầu để đặt tour
3 Nhấn nút đặt tour Luồng phụ Điều kiện trước Đăng nhập trước vào hệ thống bằng tài khoản khách hàng Điều kiện sau Hệ thống xác nhận và lưu trữ
Mô tả “Xem bài viết”
Mô tả chi tiết Người dùng xem danh sách bài viết và nội dung của từng bài viết du lịch
2 Chọn vào bài viết muốn xem chi tiết
3 Hệ thống chuyến đến trang chi tiết bài viết
Luồng phụ Điều kiện trước Đăng nhập trước vào hệ thống Điều kiện sau Hệ thống truy xuất và hiển thị thông tin
Mô tả “Cài đặt tài khoản”
Mô tả chi tiết Người dùng thực hiện thay đổi thông tin cá nhân của tài khoản hiện tại
1 Chọn đến trang tài khoản
2 Nhập thông tin cá nhân vào ô theo yêu cầu tương ứng
3 Chọn nút lưu thay đổi
1 Thực hiện các bước ở luồng chính
2 Hệ thống báo lỗi khi nhập thông tin không hợp lệ Điều kiện trước Đăng nhập trước vào hệ thống Điều kiện sau Hệ thống xác nhận và lưu trữ
Mô tả “Quản lý tour”
Mô tả chi tiết Cho phép Admin thực hiện các thao tác thêm mới tour, sửa hoặc xóa đi 1 tour du lịch trong hệ thống
2 Thực hiện thao tác thêm/ sửa -xóa 2.1 Nếu thêm tour mới:
• Nhập thông tin tour mới
• Nhấn nút lưu thay đổi 2.2 Nếu sửa – xóa tour:
• Chọn tour muốn sửa – xóa
• Thay đổi thông tin nếu muốn sửa và nhấn lưu thay đổi
• Nhấn xóa nếu muốn loại tour khỏi hệ thống
1 Thực hiện các bước ở luồng chính
2 Hệ thống báo lỗi nếu thông tin nhập vào không hợp lệ Điều kiện trước Đăng nhập trước vào hệ thống bằng tài khoản admin Điều kiện sau Hệ thống xác nhận và lưu trữ
Mô tả “Quản lý đặt tour”
Mô tả chi tiết Cho phép Admin xem lịch sử các tour và xác nhận các phiếu đặt mới
1 Chọn đến trang lịch sử tour
2 Chọn vào phiếu đặt muốn xem
3 Nhấn xác nhận nếu muốn xác nhận phiếu đặt
Luồng phụ 1 Thực hiện các bước 1, 2 ở luồng chính
2 Nếu không muốn xác nhận, nhấn Hủy bỏ Điều kiện trước Đăng nhập trước vào hệ thống bằng tài khoản admin Điều kiện sau Hệ thống xác nhận và lưu trữ
Mô tả “Quản lý bài viết”
Mô tả chi tiết Cho phép Admin thực hiện các thao tác thêm/ sửa – xóa 1 bài viết
1 Chọn đến trang bài viết
2 Thực hiện thao tác thêm/ sửa -xóa 2.1 Nếu thêm bài viết mới:
• Nhập thông tin bài viết mới
• Nhấn nút lưu thay đổi 2.2 Nếu sửa – xóa bài viết:
• Chọn bài viết muốn sửa – xóa
• Thay đổi thông tin nếu muốn sửa và nhấn lưu thay đổi
3 Nhấn xóa nếu muốn loại bài viết khỏi hệ thống
1 Thực hiện các bước ở luồng chính
2 Hệ thống báo lỗi nếu thông tin nhập vào không hợp lệ Điều kiện trước Đăng nhập trước vào hệ thống bằng tài khoản admin Điều kiện sau Hệ thống xác nhận và lưu trữ
Mô tả “Xem báo cáo”
Mô tả chi tiết Người dùng xem báo cáo doanh thu và top tour trong tháng
1 Chọn đến trang chủ admin
2 Hệ thống hiển thị cáo báo cáo dưới dạng các biểu đồ
Luồng phụ Điều kiện trước Đăng nhập trước vào hệ thống Điều kiện sau Hệ thống truy xuất và hiển thị thông tin
Thiết kế dữ liệu
HÌnh 3.2 Sơ đồ dữ liệu quan hệ
3.2.2 Danh sách các bảng dữ liệu (table) trong sơ đồ:
T Tên bảng dữ liệu Diễn giải
1 Users Thông tin tài khoản người dùng
4 Orders Thông tin đặt Tour
3.2.3 Mô tả từng bảng dữ liệu
T Thuộc tính Kiểu dữ liệu Ràng buộc Diễn giải
Not null Mã tài khoản
2 userName string Không null Tên đăng nhập
3 password string Không null Mật khẩu
4 email string Không null Email
5 name string Không null Họ và tên
6 role int Không null Loại tài khoản
7 address string Địa chỉ đón
8 phone string Không null Số điện thoại
9 createAt date Không null Ngày tạo
T Thuộc tính Kiểu dữ liệu Ràng buộc Diễn giải
2 nameTour String Không null Tên tour
3 pic String Không null Hình ảnh
4 checkIn Date Không null Ngày đi
5 checkOut Date Không null Ngày về
6 description String Thông tin tour
7 createAt Date Không null Ngày tạo
8 isActive Int Không null Trạng thái tour
9 priceAdult Int Không null Giá vé người lớn
10 priceChild Int Không null Giá vé trẻ em
11 seviceDes String Mô tả dịch vụ
T Thuộc tính Kiểu dữ liệu Ràng buộc Diễn giải
2 nameBlog String Không null Tên Blog
3 date String Không null Ngày đăng
4 Desciption String Nội dung chính của
5 pic String Không null Hình ảnh đại diện
6 userId String Không null Mã tài khoản
7 countAccess Int Không null Số lần truy cập
8 summary String Không null Tóm tắt nội dung
9 isActive Int Không null Trạng thái bài viết
STT Thuộc tính Kiểu dữ liệu Ràng buộc Diễn giải
1 orderId String Khóa chính, Not null Mã order
2 userId String Không null Mã tài khoản
3 tourId String Không null Mã tour
4 nameCustomer String Không null Người đặt vé
5 nameTour String Không null Tên tour
6 Phone String Không null Số điện thoại liên lạc
7 Email String Không null Địa chỉ email
9 numberAdult Int Không null Số người lớn
10 numberChild Int Không null Số trẻ em
12 Total Int Không null Tổng giá
13 Status Int Không null Trạng thái phiếu đặt
14 createAt Date Không null Ngày đặt
Thiết kế hệ thống
3.3.1 Kiến trúc hệ thống: Mô hình 3 lớp
• Tầng Presentation: hiển thị các thành phần giao diện để tương tác với người dùng như tiếp nhận thông tin, thông báo lỗi, …
Tầng Business Logic trong phần mềm thực hiện các hành động nghiệp vụ như tính toán và đánh giá tính hợp lệ của thông tin Đồng thời, tầng này cũng chịu trách nhiệm di chuyển và xử lý thông tin giữa hai tầng phía trên và dưới.
Tầng Data là nơi lưu trữ và trích xuất dữ liệu từ các hệ quản trị cơ sở dữ liệu cũng như các file trong hệ thống, tạo điều kiện cho tầng Business Logic thực hiện các truy vấn dữ liệu một cách hiệu quả.
HÌnh 3.3 Sơ đồ mô hình 3 lớp
3.3.2 Chi tiết các thành phần trong hệ thống
STT Thành phần Chi tiết
Giao diện người dùng cung cấp cho người dùng khả năng thực hiện các thao tác nhập và xuất dữ liệu một cách dễ dàng Đồng thời, nó cũng thông báo cho người dùng khi có lỗi xảy ra trong quá trình sử dụng.
Mô hình 3 lớp tiếp nhận yêu cầu từ giao diện người dùng, kiểm tra tính chính xác theo các ràng buộc và thực hiện yêu cầu khi các điều kiện được đáp ứng.
3 Cơ sở dữ liệu Lưu trữ toàn bộ dữ liệu liên quan đến thông tin trung tâm
Thiết kế giao diện
STT Tên màn hình Loại
3 Trang chủ – người dùng Hiển thị
4 Tin tức – người dùng Hiển thị
6 Chi tiết bài viết – người dùng Hiển thị
7 Chi tiết tour – người dùng Hiển thị và nhập liệu
8 Hồ sơ người dùng – người dùng Hiển thị và nhập liệu
9 Lịch sử đặt tour Hiển thị
10 Trang chủ - Admin Hiển thị
11 Tour – Admin Hiển thị và Nhập liệu
12 Tin tức – Admin Hiển thị và Nhập liệu
13 Lịch sử đặt tour – Admin Hiển thị và nhập liệu
14 Hồ sơ người dùng - Admin Hiển thị và nhập liệu
3.4.2 Mô tả chi tiêt từng màn hình
HÌnh 3.4 Màn hình đăng nhập
Chức năng cung cấp: Cho phép người dùng đăng nhập vào hệ thống và tiến hành phân quyền theo loại tài khoản đăng nhập
STT Tên đối tượng Loại Chức năng
1 Username / Email Input Nhập Email để đăng nhập
2 Mật khẩu Input Nhập mật khẩu tương ứng
3 Xác nhận Button Yêu cầu đăng nhập vào hệ thống với thông tin trên
4 Đăng nhập với google Button Mở trang Đăng nhập bằng Google
5 Đăng ký Button Mở trang Đăng ký
HÌnh 3.5 Màn hình đăng ký
Chức năng cung cấp: Cho phép người dùng đăng ký tài khoản vào hệ thống và tiến hành phân quyền người dùng cho tài khoản
STT Tên đối tượng Loại Chức năng
1 Tên Input Nhập tên người dùng
2 Email Input Nhập Email đăng ký
3 Số điện thoại Input Nhập số điện thoại đăng ký
4 Mật khẩu Input Nhập mật khẩu
5 Nhập lại mật khẩu Input Xác nhận mật khẩu
6 Đăng ký Button Tiến hành tạo tài khoản mới với thông tin trên
7 Đăng ký với google Button Mở giao diện Đăng ký với tài khoản
Chức năng cung cấp: Cho phép người dùng xem danh sách các tour du lịch hiện nay và tìm kiếm các tour du lịch
STT Tên đối tượng Loại Chức năng
1 Tìm kiếm Input Tìm kiếm tour theo tên, từ khóa
2 List tour List Hiển thị danh sách các tour, bao gồm các Tour Item
3 Tour Item Item Mở trang chi tiết tour được chọn
HÌnh 3.7 Màn hình tin tức
Chức năng cung cấp: Cho phép người dùng xem danh sách các bài viết liên quan du lịch hiện nay và tìm kiếm các bài viết du lịch
STT Tên đối tượng Loại Chức năng
1 Tìm kiếm Input Tìm kiếm bài viết theo tên, từ khóa
2 List blog List Hiển thị danh sách các blog, bao gồm các Blog Item
3 Blog Item Item Mở trang chi tiết blog được chọn
HÌnh 3.8 Màn hình Liên hệ
Chức năng cung cấp: Cho phép người dùng xem các thông tin liên hệ hoặc liên quan đến công ty
3.4.2.6 Chi tiết bài viết – người dùng
HÌnh 3.9 Màn hình chi tiết bài viết
Chức năng cung cấp: Cho phép người dùng xem chi tiết về bài viết đã được chọn
STT Tên đối tượng Loại Chức năng
1 Nội dung bài viết Text Hiển thị nội dung chi tiết của bài viết
3.4.2.7 Chi tiết tour – người dùng
HÌnh 3.10 Màn hình chi tiết tour
Chức năng cung cấp: Cho phép người dùng xem thông tin chi tiết về tour đã được chọn và có thể tiến hành đặt tour
STT Tên đối tượng Loại Chức năng
1 Thông tin tour Text Hiển thị thông tin chi tiết tour
2 Đặt tour Button Mở cửa sở đặt tour
HÌnh 3.11 Màn hình đăng ký tour
Chức năng cung cấp: Cho phép người dùng thực hiện đặt tour
STT Tên đối tượng Loại Chức năng
1 Tên Input Nhập tên người tạo phiếu đặt
2 Số điện thoại Input Nhập số điện thoại liên lạc
3 Email Input Nhập địa chỉ mail liên lạc
4 Địa chỉ Input Nhập địa chỉ đưa đón
5 Số người lớn Input Số vé cho người lớn
6 Số trẻ em Input Số vé cho trẻ em
7 Chi chú Input Lưu ý mà khách hàng muốn đưa ra
8 Tạo Button Tạo phiếu đặt
3.4.2.8 Hồ sơ người dùng – người dùng
HÌnh 3.12 Màn hình hồ sơ người dùng
Chức năng cung cấp: Cho phép người dùng xem thông tin tài khoản và tiến hành chỉnh sửa thông tin hoặc thay đổi mật khẩu
STT Tên đối tượng Loại Chức năng
1 Tên Input Nhập tên người dùng
2 Số điện thoại Input Nhập số điện thoại người dùng
3 Email Input Nhập địa chỉ mail tài khoản
4 Địa chỉ Input Nhập địa chỉ
5 Cập nhật Button Thực hiện cập nhật thông tin tài khoản theo các thông tin đã nhập
6 Mật khẩu Input Nhập mẫu khẩu hiện tại
7 Mật khẩu mới Input Nhập mật khẩu muốn đổi
8 Nhập lại mật khẩu Input Xác nhận mật khẩu mới
9 Thay đổi mật khẩu Button Thực hiện đổi mật khẩu mới
3.4.2.9 Lịch sử đặt tour – người dùng
HÌnh 3.13 Màn hình lịch sử tour
Chức năng cung cấp: Cho phép người dùng xem danh sách các tour mà mình đã đặt trước đây
STT Tên đối tượng Loại Chức năng
1 List order List Danh sách các phiếu đặt, bao gồm các Order Item
2 Order Item Item Mở cửa sổ xem thông tin chi tiết phiếu đặt
HÌnh 3.14 Màn hình trang chủ - Admin
Chức năng cung cấp: Cho phép quản trị viên xem thông tin doanh thu, lượt khách trong tháng, và các biểu đồ phân tích
STT Tên đối tượng Loại Chức năng
1 Biểu đồ top 10 Chart Thể hiện top 10 tour được đặt nhiều trong tháng
2 Biểu đồ doanh thu Chart Thể hiện doanh thu trong năm
3 Thông tin tổng hợp tháng Text
Hiển thị thông tin về số đơn, các đơn cần xác nhận và tổng doanh thu tháng hiện tại
HÌnh 3.15 Màn hình tour -Admin
Chức năng cung cấp: Cho phép quản trị viên xem và quản lí (tạo mới, cập nhật, xóa) các tour du lịch
STT Tên đối tượng Loại Chức năng
1 Danh sách tour List Hiển thị danh sách các tour du lịch, bao gồm các Tour Item
2 Tour Item Item Mở cửa sổ chỉnh sửa/ xóa thông tin tour
3 Thêm Button Thêm tour du lịch mới
HÌnh 3.16 Màn hình tạo tour
STT Tên đối tượng Loại Chức năng
1 Hình ảnh Image Thay đổi hình ảnh đại diện của tour
2 Tên Input Nhập tên tour
3 Checkin Input Nhập ngày bắt đầu
4 Checkout Input Nhập ngày kết thúc
5 Giá vé người lớn Input Nhập số tiền cho vé người lớn
6 Giá vé trẻ em Input Nhập số tiền cho giá vẻ trẻ em
7 Mô tả tour Input Thông tin chi tiết về địa điểm du lịch
8 Mô tả dịch vụ Input Các dịch vụ trong tour, các dịch vụ đi kèm
9 Tạo Button Thêm/Sửa tour
HÌnh 3.17 Màn hình tin tức - Admin
Chức năng cung cấp: Cho phép quản trị viên xem và quản lí (tạo mới, cập nhật, xóa) các bài viết du lịch
STT Tên đối tượng Loại Chức năng
1 Danh sách bài viết List Hiển thị danh sách các bài viết du lịch, bao gồm các Blog Item
2 Blog Item Item Mở cửa sổ chỉnh sửa/xóa thông tin bài viết
3 Thêm Button Thêm bài viết du lịch mới
HÌnh 3.18 Màn hình tao bài viết
Chức năng cung cấp: Cho phép người dùng xem danh sách các tour du lịch hiện nay và tìm kiếm các tour du lịch
STT Tên đối tượng Loại Chức năng
1 Hình ảnh Image Thay đổi hình ảnh đại diện của bài viết
2 Tên Input Nhập tên bài viết
3 Tóm tắt Input Thông tin tóm tắt về bài viết
4 Nội dung Input Nội dung của bài viết
5 Tạo Button Thêm/Sửa bài viết
3.4.2.13 Lịch sử đặt tour – Admin
HÌnh 3.19 Màn hình lịch sử đặt tour - Admin
Chức năng cung cấp: Cho phép quản trị viên xem và quản lí các phiếu đặt
STT Tên đối tượng Loại Chức năng
1 Danh sách phiếu đặt List Hiển thị danh sách các phiếu đặt, bao gồm các Order Item
2 Order Item Item Mở cửa sổ chỉnh xem/sửa/ xóa thông tin phiếu đặt
3 Tìm kiếm Input Tìm kiếm các phiếu đặt theo tên khách hàng, số điện thoại hoặc email
HÌnh 3.20 Màn hình sửa phiếu đặt tour
STT Tên đối tượng Loại Chức năng
1 Tên khách hàng Input Nhập tên khách hàng
2 Số điện thoại Input Nhập số điện thoại liên lạc
3 Email Input Nhập địa chỉ mail đăng ký phiếu đặt
4 Địa chỉ Input Nhập địa chỉ đón khách
5 Số vé người lớn Input Nhập số vé người lớn
6 Số vé trả em Input Nhập số vé trẻ em
7 Ghi chú Input Nhập ghi chú của khách hàng
8 Trạng thái Input Trạng thái của phiếu đặt
9 Cập nhật Button Thay đổi thông tin phiếu đặt
10 Xóa Button Hủy phiếu đặt
3.4.2.14 Hồ sơ người dùng – Admin
HÌnh 3.21 Màn hình hồ sơ cá nhân - Admin
Chức năng cung cấp: Cho phép quản trị viên xem và thay đổi thông tin tài khoản
STT Tên đối tượng Loại Chức năng
1 Tên Input Nhập tên người dùng
2 Số điện thoại Input Nhập số điện thoại người dùng
3 Email Input Nhập địa chỉ mail tài khoản
4 Địa chỉ Input Nhập địa chỉ
5 Cập nhật Button Thực hiện cập nhật thông tin tài khoản theo các thông tin đã nhập
6 Mật khẩu Input Nhập mẫu khẩu hiện tại
7 Mật khẩu mới Input Nhập mật khẩu muốn đổi
8 Nhập lại mật khẩu Input Xác nhận mật khẩu mới
9 Thay đổi mật khẩu Button Thực hiện đổi mật khẩu mới
10 Đăng xuất Button Đăng xuất khỏi tài khoản hiện tại
Tổng kết
Cài đặt và kiểm thử
STT Chức năng Mức độ hoàn thành (%)
8 Xem lịch sử các tour 100 %
9 Thêm/ sửa/ xóa các tour trong danh sách 100 %
10 Thêm/ sửa/ xóa các bài viết 100 %
11 Xem danh sách tour và xác nhận tour được đặt 100 %
12 Xem danh sách bài viết 100 %
Kết luận
Trong bối cảnh xã hội phát triển, nhu cầu du lịch ngày càng gia tăng, dẫn đến sự ra đời của nhiều website hỗ trợ đặt tour du lịch Việc xây dựng website du lịch cần chú trọng đến việc cung cấp thông tin chi tiết và minh bạch về các địa điểm du lịch, nhằm mang lại trải nghiệm tốt nhất cho khách hàng.
Website quảng bá du lịch và đặt tour trực tuyến cung cấp thông tin chi tiết về các địa điểm du lịch, giá cả và chất lượng dịch vụ Người dùng có thể dễ dàng tiếp cận thông tin qua các bài viết và giới thiệu, giúp họ lựa chọn tour phù hợp nhất.
Đề tài này không chỉ giúp chúng em củng cố kiến thức học tập mà còn tạo dựng niềm tin vững chắc cho ngành nghề mà chúng em đã lựa chọn.
Chúng em nhận thức rằng website của mình còn nhiều thiếu sót và rất mong nhận được sự góp ý từ quý thầy cô cũng như bạn bè để chương trình ngày càng hoàn thiện Cuối cùng, chúng em xin chân thành cảm ơn cô đã tạo điều kiện giúp đỡ để chúng em hoàn thành đồ án một cách thuận lợi.
4.2.2 Hướng phát triển trong tương lai
• Đầu tư, phát triển thêm về giao diện
• Nâng cấp thêm các tính năng hỗ trợ người dùng.
Link Github
https://github.com/vuphamngoctan1612/GoWorld