XÂY DỰNG ỨNG DỤNG HIỂN THỊ KHÁCH SẠN Ở GẦN CÁC ĐỊA ĐIỂM DU LỊCH WESBGIS

Việc xây dựng hệ thống website giúp người dùng thoải mái hơn trong việc tìm kiếm điểm du lịch ở ..., tạo ra mối liên kết giữa các địa điểm du lịch, khách sạn cùng người dùng, thúc đẩy sự phát triển của du lịch đồng thời giúp quản lý hiệu quả thông tin của các điểm khách sạn, khu du lịch đó. Đồ án WesbGIS được viết bằng ngôn ngữ PHP, sử dụng cơ sở dữ liệu PostgreSQL. Website được thiết kế cho những người có nhu cầu tìm hiểu các thông tin về các khách sạn ở gần các địa điểm du lịch tỉnh

GIỚI THIỆU CHUNG

Lý do chọn đề tài

Để đáp ứng nhu cầu tìm kiếm và quản lý thông tin về nhà trọ và khách sạn gần các khu du lịch tại tỉnh , nhóm chúng tôi đã phát triển một dự án WebGIS sử dụng ngôn ngữ PHP và cơ sở dữ liệu PostgreSQL Website này được thiết kế nhằm hỗ trợ người dùng dễ dàng tra cứu thông tin về các khách sạn gần các địa điểm du lịch trong tỉnh.

Mục đích nghiên cứu

Mục tiêu chính của đề tài là:

- Giúp người dùng tìm kiếm được đầy đủ thông tin về các địa điểm khách sạn gần các khu du lịch ở tỉnh mà họ dự định sẽ đến.

- Quản lý thông tin các địa điểm du lịch trên địa bàn tỉnh

Đối tượng và phạm vi nghiên cứu

- Những người có nhu cầu đi du lịch, nghỉ dưỡng ở các khách sạn, điểm du lịch ở

- Các điểm du lịch, khách sạn ở

- Các khách sạn, điểm du lịch thuộc địa bàn tỉnh

Phương pháp nghiên cứu

1.4.1 Phương pháp nghiên cứu lý thuyết

- Phân tích thiết kế hệ thống, cơ sở dữ liệu.

- Nghiên cứu xây dựng hệ thống website đơn giản.

- Tìm đọc các tài liệu có liên quan.

1.4.2 Phương pháp nghiên cứu thực nghiệm

- Lập trình thiết kế website.

- Lấy ý kiến, góp ý từ giáo viên hướng dẫn.

Ý nghĩa khoa học và thực tiễn

Xây dựng hệ thống website giúp người dùng dễ dàng tìm kiếm điểm du lịch tại , tạo kết nối giữa các địa điểm du lịch, khách sạn và người dùng Điều này không chỉ thúc đẩy sự phát triển của ngành du lịch mà còn quản lý hiệu quả thông tin về các khách sạn và khu du lịch.

Bố cục của báo cáo

Kết cấu của báo cáo tốt nghiệp “Xây dựng ứng dụng hiển thị khách sạn ở gần các địa điểm du lịch” bao gồm các phần sau:

- Chương 1: Khảo sát hiện trạng và phân tích yêu cầu

- Chương 2: Phân tích hệ thống

- Chương 3: Thiết kế hệ thống

- Chương 4: Cài đặt chương trình

PHÂN TÍCH HỆ THỐNG

Xác định các actor

1 Quản trị viên Là người quản trị hệ thống, có toàn quyền trên hệ thống

2 Người dùng Là người có nhu cầu sử dụng hệ thống

Danh sách các use case

Bảng 2.3.1.1.1: Danh sách các use case

STT Use case Ý nghĩa Actor

Hệ thống cho phép người dùng và quản trị viên đăng nhập, hiển thị các tính năng dựa trên quyền tài khoản, cung cấp trang quản lý tương ứng và cho phép đăng xuất tài khoản.

Người dùng, quản trị viên

2 Xem thông tin địa điểm du lịch

Cho phép người dùng hệ thống có thể xem thông tin từng điểm du lịch cụ thể.

3 Xem thông tin khách sạn

Cho phép người dùng hệ thống có thể xem thông tin từng khách sạn cụ thể

4 Tìm kiếm khách Cho phép người dùng tìm kiếm khách Người sạn sạn với từ khóa nhập hoặc điều kiện lọc dùng

5 Quản lý các địa điểm du lịch

Quản lý thông tin điểm du lịch (xem, thêm, sửa, xóa)

6 Quản lý các địa điểm khách sạn

Quản lý thông tin khách sạn (xem, thêm, sửa, xóa)

Quản lý thông tin tài khoản (thêm, sửa, xóa)

8 Quản lý bài viết Quản lý bài viết về các điểm du lịch

9 Thống kê Thống kê các điểm du lịch, khách sạn tùy điều kiện lọc

Sơ đồ use case

2.4.1 Sơ đồ use case tổng quát

Hình 2.4.1.1: Sơ đồ use case tổng quát

2.4.2 Use case đăng nhập, đăng xuất

Hình 2.4.2.1: Sơ đồ use case đăng nhập, đăng xuất

2.4.3 Use case xem thông tin địa điểm du lịch

Hình 2.4.3.1: Sơ đồ use case xem thông tin địa điểm du lịch

2.4.4 Use case xem thông tin địa điểm khách sạn

Hình 2.4.4.1: Sơ đồ use case xem thông tin địa điểm khách sạn

2.4.5 Use case quản lý các địa điểm du lịch

Hình 2.4.5.1: Sơ đồ use case quản lý các địa điểm du lịch

2.4.6 Use case quản lý các địa điểm khách sạn

Hình 2.4.6.1: Sơ đồ use case quản lý các địa điểm khách sạn

2.4.7 Use case quản lý tài khoản

Hình 2.4.7.1: Sơ đồ use case quản lý tài khoản

2.4.8 Use case quản lý bài viết

Hình 2.4.8.1: Sơ đồ use case quản lý bài viết

Hình 2.4.9.1: Sơ đồ use case quản lý thống kê

2.4.10 Use case tìm kiếm khách sạn

Đặc tả use case

- Tóm tắt: use case này mô tả cách người dùng đăng nhập vào hệ thống.

- Actor: Người dùng, Quản trị viên.

 Dòng sự kiện chính: use case này bắt đầu khi một người dùng muốn đăng nhập vào hệ thống.

(1) Người dùng nhập tên đăng nhập và mật khẩu.

Hệ thống xác thực thông tin đăng nhập sẽ cho phép người dùng truy cập vào giao diện và chức năng tương ứng khi thông tin nhập vào khớp với dữ liệu đã được lưu trữ.

Nếu người dùng nhập sai tên đăng nhập hoặc mật khẩu trong dòng sự kiện chính, hệ thống sẽ hiển thị thông báo lỗi Người dùng có tùy chọn quay lại đầu dòng sự kiện chính hoặc hủy bỏ việc đăng nhập, dẫn đến việc kết thúc use case.

- Các yêu cầu đăc biệt: không có.

- Trạng thái hệ thống trước khi thực hiện use case: Đứng ở màn hình đăng nhập, các chức năng không được hiển thị.

- Trạng thái hệ thống sau khi thực hiện use case: nếu use case thành công actor có thể sử dụng các chức năng được phân quyền.

2.5.2 Use case xem thông tin địa điểm du lịch

- Tóm tắt: Use case này mô tả cách người dùng xem thông tin địa điểm du lịch.

- Actor: Người dùng, quản trị viên.

Dòng sự kiện chính: use case này bắt đầu khi một người dùng, quản trị viên muốn xem thông tin địa điểm điểm du lịch bất kì.

(1) Người dùng chon xem chi tiết địa điểm điểm du lịch

(2) Hệ thống kiểm tra thao tác xem chi tiết

(3) Hệ thống hiển thị thông tin điểm du lịch tương ứng.

- Trạng thái hệ thống trước khi thực hiện use case: không có.

- Trạng thái hệ thống sau khi thực hiện use case: Hiện thông tin địa điểm du lịch tương ứng.

- Điểm mở rộng: không có.

2.5.3 Use case xem thông tin địa điểm khách sạn

- Tóm tắt: Use case này mô tả cách người dùng xem thông tin địa điểm khách sạn.

- Actor: Người dùng, quản trị viên.

Dòng sự kiện chính: use case này bắt đầu khi một người dùng, quản trị viên muốn xem thông tin địa điểm khách sạn bất kì.

(1) Người dùng chon xem chi tiết địa điểm khách sạn

(2) Hệ thống kiểm tra thao tác xem chi tiết

(3) Hệ thống hiển thị thông tin điểm khách sạn tương ứng.

- Trạng thái hệ thống sau khi thực hiện use case: Hiện thông tin địa điểm khách sạn tương ứng.

- Tóm tắt: use case này mô tả cách người dùng tìm kiếm khách sạn bất kì.

Dòng sự kiện chính: use case này bắt đầu khi một người dùng muốn tìm khách sạn bất kì trong hệ thống.

(1) Người dùng có thể nhập tên khách sạn vào ô tìm kiếm hoặc chọn điều kiện lọc sau đó bấm tìm kiếm

(2) Hệ thống kiểm tra thao tác tìm kiếm khách sạn phù hợp với điều kiện.

(3) Hệ thống hiển thị danh sách khách sạn tương ứng.

- Trạng thái hệ thống sau khi thực hiện use case: Hệ thống hiển thị danh sách khách sạn theo điều kiện lọc.

2.5.5 Use case quản lý các địa điểm du lịch

 Đặc tả use case thêm điểm du lịch:

Tóm tắt: Use case này mô tả cách người dùng thêm một điểm du lịch vào hệ thống.

Dòng sự kiện chính: Use case này bắt đầu khi một người dùng muốn thêm điểm du lịch vào hệ thống.

(1) Người dùng chọn tọa độ trên bản đồ, sau đó điền thông tin tendiadiem, diachi, tenrutgon, img, idvung Sau đó chọn thêm.

(2) Hệ thống kiểm tra thông tin, nếu dữ liệu hợp lệ sẽ được lưu vào Cơ sở dữ liệu.

Nếu trong dòng sự kiện chính, người dùng không chọn hoặc để trống các trường như tendiadiem, diachi, tenrutgon, img, idvung, họ có thể quay lại đầu dòng sự kiện chính hoặc hủy bỏ việc thêm Khi đó, use case sẽ kết thúc.

- Trạng thái hệ thống sau khi thực hiện use case: điểm du lịch mới được thêm vào hệ thống.

 Đặc tả use case xóa điểm du lịch

Tóm tắt: Use case này mô tả cách người dùng xóa một điểm du lịch vào hệ thống.

Dòng sự kiện chính: Use case này bắt đầu khi một người dùng muốn xóa điểm du lịch trên hệ thống.

(1) Người dùng chọn điểm du lịch cần xóa trên bản đồ, chọn lựa chọn xóa. Sau đó chọn xóa.

(2) Hệ thống kiểm tra thông tin, nếu dữ liệu hợp lệ điểm du lịch sẽ được xóa khỏi cơ sở dữ liệu.

Nếu người dùng quyết định quay lại đầu dòng sự kiện chính và hủy bỏ việc thêm trong dòng sự kiện khác, thì use case sẽ kết thúc tại thời điểm đó.

- Trạng thái hệ thống sau khi thực hiện use case: điểm du lịch bị xóa khỏi hệ thống

 Đặc tả use case sửa điểm du lịch

Tóm tắt: Use case này mô tả cách người dùng sửa một điểm du lịch vào hệ thống.

Dòng sự kiện chính: Use case này bắt đầu khi một người dùng muốn sửa điểm du lịch trong hệ thống.

(1) Người dùng chọn điểm du lịch cần sửa trên bản đồ, rồi sửa thông tin tương ứng Sau đó chọn Sửa.

Trong trường hợp dòng sự kiện chính không có thông tin về tendiadiem, diachi, tenrutgon, img, và idvung, người dùng có thể quyết định trở về đầu dòng sự kiện chính hoặc hủy bỏ việc thêm Khi đó, use case sẽ kết thúc.

- Trạng thái hệ thống sau khi thực hiện use case: điểm du lịch được sửa và lưu vào hệ thống.

2.5.6 Use case quản lý các địa điểm khách sạn

 Đặc tả use case thêm điểm khách sạn

Tóm tắt: Use case này mô tả cách người dùng thêm một điểm khách sạn vào hệ thống.

Dòng sự kiện chính: Use case này bắt đầu khi một người dùng muốn thêm điểm khách sạn vào hệ thống.

(1) Người dùng chọn tọa độ trên bản đồ, sau đó điền thông tin tenkhachsan, diachi, tenrutgon, img, idvung Sau đó chọn thêm.

(2) Hệ thống kiểm tra thông tin, nếu dữ liệu hợp lệ sẽ được lưu vào cơ sở dữ liệu.

Nếu trong dòng sự kiện chính, người dùng không nhập hoặc để trống các thông tin như tendiadiem, diachi, tenrutgon, img, idvung, họ có thể quay lại đầu dòng sự kiện chính hoặc hủy bỏ việc thêm Khi đó, use case sẽ kết thúc.

- Trạng thái hệ thống sau khi thực hiện use case: điểm khách sạn mới được thêm vào hệ thống.

 Đặc tả use case xóa điểm khách sạn

Tóm tắt: Use case này mô tả cách người dùng xóa một điểm khách sạn vào hệ thống.

Dòng sự kiện chính: Use case này bắt đầu khi một người dùng muốn xóa điểm khách sạn trên hệ thống.

(1) Người dùng chọn điểm khách sạn cần xóa trên bản đồ, chọn lựa chọn xóa Sau đó chọn xóa.

(2) Hệ thống kiểm tra thông tin, nếu dữ liệu hợp lệ điểm khách sạn sẽ được xóa khỏi cơ sở dữ liệu.

Trong dòng sự kiện khác, nếu người dùng quyết định quay lại đầu dòng sự kiện chính và hủy bỏ việc thêm, quá trình sử dụng sẽ kết thúc tại thời điểm đó.

- Trạng thái hệ thống sau khi thực hiện use case: điểm khách sạn bị xóa khỏi hệ thống

 Đặc tả use case sửa điểm khách sạn

Tóm tắt: Use case này mô tả cách người dùng sửa một điểm khách sạn vào hệ thống.

Dòng sự kiện chính: Use case này bắt đầu khi một người dùng muốn sửa điểm khách sạn trong hệ thống.

(1) Người dùng chọn điểm khách sạn cần sửa trên bản đồ, rồi sửa thông tin tương ứng Sau đó chọn Sửa.

Nếu trong dòng sự kiện chính, người dùng không điền các thông tin như tendiadiem, diachi, tenrutgon, img và idvung, họ có thể lựa chọn quay lại đầu dòng sự kiện chính hoặc hủy bỏ việc thêm Khi đó, use case sẽ kết thúc.

- Trạng thái hệ thống sau khi thực hiện use case: điểm khách sạn được sửa và lưu vào hệ thống.

2.5.7 Use case quản lý tài khoản

 Đặc tả use case thêm tài khoản

Tóm tắt: Use case này mô tả cách người dùng thêm một tài khoản vào hệ thống.

Dòng sự kiện chính: Use case này bắt đầu khi một người dùng muốn thêm tài khoản vào hệ thống.

(1) Người dùng chọn thêm, sau đó điền thông tin tendangnhap, matkhau, xacnhanmatkhau, quyen Sau đó chọn thêm.

Nếu trong dòng sự kiện chính, người dùng không nhập hoặc để trống các trường tendangnhap, matkhau, xacnhanmatkhau, quyen, họ có thể quay lại đầu dòng sự kiện chính hoặc hủy bỏ việc thêm Khi đó, use case sẽ kết thúc.

- Trạng thái hệ thống sau khi thực hiện use case: tài khoản mới được thêm vào hệ thống.

 Đặc tả use case xóa tài khoản

Tóm tắt: Use case này mô tả cách người dùng xóa một tài khoản hệ thống.

Dòng sự kiện chính: Use case này bắt đầu khi một người dùng muốn xóa tài khoản trên hệ thống.

(1) Người dùng chọn tài khoản cần xóa trên bản đồ, chọn lựa chọn xóa. Sau đó chọn xóa.

(2) Hệ thống kiểm tra thông tin, nếu dữ liệu hợp lệ tài khoản sẽ được xóa khỏi cơ sở dữ liệu.

Nếu người dùng chọn quay lại đầu dòng sự kiện chính và hủy bỏ việc thêm trong dòng sự kiện khác, thì use case sẽ kết thúc.

- Trạng thái hệ thống sau khi thực hiện use case: tài khoản bị xóa khỏi hệ thống

 Đặc tả use case sửa tài khoản

Tóm tắt: Use case này mô tả cách người dùng sửa một tài khoản trong hệ thống.

Dòng sự kiện chính: Use case này bắt đầu khi một người dùng muốn sửa tài khoản trong hệ thống.

(1) Người dùng chọn tài khoản cần sửa trên bản đồ, rồi sửa thông tin tương ứng Sau đó chọn Sửa.

Nếu trong dòng sự kiện chính, người dùng không nhập tendangnhap, matkhau, xacnhanmatkhau và quyen, họ có thể quay lại đầu dòng sự kiện chính hoặc hủy bỏ việc thêm Khi đó, use case sẽ kết thúc.

- Trạng thái hệ thống sau khi thực hiện use case: tài khoản được sửa và lưu vào hệ thống.

2.5.8 Use case quản lý bài viết

 Đặc tả use case thêm bài viết

Tóm tắt: Use case này mô tả cách người dùng thêm bài viết vào hệ thống.

Dòng sự kiện chính: Use case này bắt đầu khi một người dùng muốn thêm bài viết vào hệ thống.

(1) Người dùng chọn thêm, sau đó điền thông tin tieude, noidung Sau đó chọn thêm.

Nếu trong dòng sự kiện chính, người dùng không nhập hoặc để trống tiêu đề và nội dung, họ có thể lựa chọn quay lại đầu dòng sự kiện chính hoặc hủy bỏ việc thêm Khi đó, trường hợp sử dụng sẽ kết thúc.

- Trạng thái hệ thống sau khi thực hiện use case: bài viết mới được thêm vào hệ thống.

 Đặc tả use case xóa bài viết

Tóm tắt: Use case này mô tả cách người dùng xóa một bài viết hệ thống.

Dòng sự kiện chính: Use case này bắt đầu khi một người dùng muốn xóa bài viết trên hệ thống.

(1) Người dùng chọn bài viết cần xóa trên bản đồ, chọn lựa chọn xóa Sau đó chọn xóa.

(2) Hệ thống kiểm tra thông tin, nếu dữ liệu hợp lệ bài viết sẽ được xóa khỏi cơ sở dữ liệu.

Nếu người dùng quyết định trở về đầu dòng sự kiện chính và hủy bỏ việc thêm trong dòng sự kiện khác, thì use case sẽ kết thúc tại thời điểm đó.

- Trạng thái hệ thống sau khi thực hiện use case: bài viết bị xóa khỏi hệ thống

 Đặc tả use case sửa bài viết

Tóm tắt: Use case này mô tả cách người dùng sửa một bài viết trong hệ thống.

Dòng sự kiện chính: Use case này bắt đầu khi một người dùng muốn sửa bài viết trong hệ thống.

(1) Người dùng chọn bài viết cần sửa trên bản đồ, rồi sửa thông tin tương ứng Sau đó chọn Sửa.

Nếu trong dòng sự kiện chính, người dùng không nhập tendangnhap, matkhau, xacnhanmatkhau, và quyen, họ có thể chọn trở về đầu dòng sự kiện chính hoặc hủy bỏ việc thêm Khi đó, use case sẽ kết thúc.

- Trạng thái hệ thống sau khi thực hiện use case: bài viết được sửa và lưu vào hệ thống.

2.5.9 Use case quản lý thống kê

- Tóm tắt: use case này mô tả cách người dùng thống kê danh sách khách sạn, điểm du lịch theo điều kiện.

Dòng sự kiện chính: use case này bắt đầu khi một người dùng muốn sử dụng chức năng thống kê.

(1) Người dùng có thể chọn điều kiện tương ứng sau đó nhấp vào nút thống kê

(2) Hệ thống thực hiện thao tác thống phù hợp với điều kiện.

- Các yêu cầu đặc biệt: không có.

- Trạng thái hệ thống sau khi thực hiện use case: Hệ thống hiển thị danh sách khách sạn hoặc điểm du lịch theo điều kiện lọc.

- Tóm tắt: use case này mô tả cách người dùng, quản trị viên tìm kiếm khách sạn mong muốn.

Dòng sự kiện chính: use case này bắt đầu khi một người dùng muốn sử dụng chức năng tìm kiếm trên trang khách sạn.

(1) Người dùng có thể chọn nhập từ khóa tên khách sạn hoặc chọn điều kiện lọc

(2) Hệ thống thực hiện kiểm tra dữ liệu.

- Các yêu cầu đặc biệt: không có.

- Trạng thái hệ thống sau khi thực hiện use case: Hệ thống hiển thị danh sách khách sạn theo điều kiện lọc.

Sơ đồ tuần tự các chức năng của hệ thống

2.6.1 Sơ đồ tuần tự đăng nhập

Hình 2.6.1.1: Sơ đồ tuần tự đăng nhập

2.6.2 Sơ đồ tuần tự quản lý điểm du lịch

Hình 2.6.2.1: Sơ đồ tuần tự quản lý điểm du lịch

2.6.3 Sơ đồ tuần tự quản lý điểm khách sạn

Hình 2.6.3.1: Sơ đồ tuần tự quản lý điểm khách sạn

2.6.4 Sơ đồ tuần tự tìm kiếm

Hình 2.6.4.1: Sơ đồ tuần tự tìm kiếm

2.6.5 Sơ đồ tuần tự thống kê

Hình 2.6.5.1: Sơ đồ tuần tự thống kê

2.6.6 Sơ đồ tuần tự quản lý bài viết

Hình 2.6.6.1: Sơ đồ tuần tự quản lý bài viết 2.7 Sơ đồ hoạt động của một số chức năng trong hệ thống

Hình 2.7.1.1: Sơ đồ hoạt động chức năng đăng nhập

 Chức năng cho quản trị viên:

Hình 2.7.1.2: Sơ đồ hoạt động chức năng thêm bài viết

Hình 2.7.1.3: Sơ đồ hoạt động chức năng thêm khách sạn

Hình 2.7.1.4: Sơ đồ hoạt động chức năng thống kê

 Chức năng cho người dùng:

Hình 2.7.1.5: Sơ đồ hoạt động chức năng tìm kiếm điểm du lịch

Hình 2.7.1.6: Sơ đồ hoạt động chức năng tìm kiếm khách sạn

THIẾT KẾ CƠ SỞ DỮ LIỆU

Danh sách các bảng

Hình 3.2.3.1: Bảng diadiemdulich_khachsan_point

CÀI ĐẶT CHƯƠNG TRÌNH

Các công nghệ sử dụng trong đề tài

Xây dựng và phát triển ứng dụng với Laravel 6 theo mô hình MVC mang lại lợi ích trong việc phân chia chức năng và tái sử dụng mã nguồn Laravel là mã nguồn mở, được hỗ trợ và phát triển bởi cộng đồng, giúp dễ dàng tích hợp các tính năng cho trang web.

 Hệ quản trị cơ sở dữ liệu PostgresSQL

PostgreSQL là phần mềm mã nguồn mở miễn phí, phiên bản 11.0, được sử dụng để lưu trữ và truy vấn cơ sở dữ liệu không gian Hệ quản trị này hỗ trợ nhiều hàm truy vấn không gian phổ biến như ST_Contains(), ST_Touches, và ST_Within.

XAMPP là phần mềm tạo web server hỗ trợ nhiều hệ điều hành như Linux, MacOS, Windows và Cross-platform Điểm mạnh lớn nhất của XAMPP là miễn phí bản quyền và mã nguồn mở Hơn nữa, cấu hình của web server này đơn giản và gọn nhẹ, khiến nó ngày càng trở nên phổ biến trong cộng đồng phát triển web.

 Phần mềm số hoá bản đồ MapInfo

MapInfo là phần mềm hỗ trợ số hoá dữ liệu từ thế giới thực, hoạt động trên hệ điều hành Windows với giao diện thân thiện và dễ sử dụng Phần mềm cung cấp đầy đủ các chức năng cần thiết để tạo dữ liệu cho ứng dụng GIS, và phiên bản được sử dụng trong đề tài này là

 Hiển thị, tương tác với bản đồ với Leaflet

Leaflet là 1 thư viện javscript mã nguồn mở, cung cấp các API hỗ trợ việc kết nối và hiển thị web map.

 Kiểu dữ liệu GeoJSON Đây là kiểu dữ liệu dạng JSON với định dạng tương thích với dữ liệu không gian, dùng để tương tác từ database đến server.

Giao diện các trang

Hình 4.2.1.1: Giao diện trang chủ

Mô tả: giao diện trang chủ hiển thị tổng quan website khi người dùng truy cập trang web Ở giao diện trang chủ, người dùng có thể :

- Xem vị trí của các điểm du lịch trên bản đồ, có thể phóng to thu nhỏ và xem thông tin tổng quan khi click vào icon.

Tìm kiếm điểm du lịch bằng cách nhập tên vào ô tìm kiếm Nếu thông tin chính xác, hệ thống sẽ tự động hiển thị popup với thông tin chi tiết về điểm du lịch đó trên bản đồ.

- Hiển thị các điểm du lịch, khách sạn phổ biến, có thể xem chi tiết điểm du lịch đó khi click vào

Hình 4.2.2.1: Giao diện trang đăng nhập

Mô tả: giao diện trang đăng nhập có chức năng

- Giúp người dùng đăng nhập vào hệ thống nếu như đã có tài khoản đăng ký từ trước.

- Có kiểm tra hợp lệ về tên tài khoản cũng như mật khẩu.

- Có thể đăng nhập bằng tài khoản google.

4.2.3 Trang cẩm nang du lịch

Hình 4.2.3.1: Giao diện trang cẩm nang du lịch

Mô tả: giao diện trang cẩm nang du lịch:

- Giới thiệu tổng quan về các điểm du lịch, người dùng có thể click vào đường dẫn “xem chi tiết” để xem chi tiết hơn.

- Mục nội dung chính hiển thị các nội dung tóm tắt trên trang, có thể tiến nhanh tới mục đó bằng cách click vào nội dung tương ứng.

4.2.4 Trang chi tiết khách sạn

Hình 4.2.4.1: Giao diện trang chi tiết khách sạn

Mô tả: giao diện trang chi tiết khách sạn có các chức năng:

- Hiển thị thông tin chi tiết của khách sạn

- Xem vị trí khách sạn trên bản đồ

4.2.5 Trang quản lý điểm du lịch

Hình 4.2.5.1: Giao diện trang quản lý du lịch

Mô tả: giao diện trang quản lý điểm du lịch có các chức năng:

- Hiển thị vị trí của các điểm du lịch trên bản đồ

- Có thể thêm, sửa, xóa, xem thông tin của các điểm du lịch đó

4.2.6 Trang thông tin điểm du lịch

Hình 4.2.6.1: Giao diện trang thông tin điểm du lịch

Mô tả: giao diện trang thông tin điểm du lịch có các chức năng:

- Hiển thị vị trí, xem thông tin của các điểm khách sạn và điểm du lịch đó trên bản đồ

4.2.7 Trang quản lý khách sạn

Hình 4.2.7.1: Giao diện trang quản lý khách sạn

Mô tả: giao diện trang quản lý điểm khách sạn có các chức năng:

- Hiển thị vị trí của các điểm khách sạn trên bản đồ

- Có thể thêm, sửa, xóa, xem thông tin của các điểm du lịch đó

Hình 4.2.8.1: Giao diện trang khách sạn

Mô tả: giao diện trang khách sạn có các chức năng:

- Hiển thị danh sách các khách sạn cùng thông tin tổng quan của khách sạn tương ứng

- Có thể xem chi tiết khi click vào khách sạn tương ứng

- Tìm kiếm khách sạn theo tên

- Tìm kiếm khách sạn theo số sao, vùng

4.2.9 Trang quản lý bài viết

Hình 4.2.9.1: Giao diện trang quản lý bài viết

Mô tả: giao diện trang quản lý bài viết có các chức năng:

- Hiển thị thông tin các bài viết

- Có thể thêm, sửa, xóa, xem thông tin của các bài viết đó

4.2.10 Trang quản lý chi tiết khách sạn

Hình 4.2.10.1: Giao diện trang quản lý chi tiết khách sạn

Mô tả: giao diện trang quản lý điểm khách sạn có các chức năng:

- Hiển thị danh sách nội dung chi tiết của các khách sạn

- Có thể xem, thêm, sửa, xóa các nội dung chi tiết của các khách sạn đó

4.2.11 Trang quản lý tài khoản

Hình 4.2.11.1: Giao diện trang quản lý tài khoản

Mô tả: giao diện trang quản lý tài khoản có các chức năng:

- Hiển thị thông tin tài khoản

- Có thể thêm, sửa, xóa tài khoản

Hình 4.2.12.1: Giao diện trang thống kê

Mô tả: giao diện trang quản lý bài viết có các chức năng:

- Hiển thị các điều kiện lọc

- Thống kê dữ liệu với điều kiện lọc tương ứng

Tiêu đề	Xây Dựng Ứng Dụng Hiển Thị Khách Sạn Ở Gần Các Địa Điểm Du Lịch
Thể loại	tiểu luận tốt nghiệp
Năm xuất bản	2020

Định dạng
Số trang	51
Dung lượng	7,65 MB