Chương 3 PHÂN TÍCH THIẾT KẾ HỆ THỐNG
3.2 THIẾT KẾ
3.2.2.1 Sơ đồ màn hình
3.2.2.2 Mơ tả chi tiết một số màn hình tiêu biểu Màn hình chung của trang Web:
Hình 3.11. Màn hình chung của trang Web
Màn hình của chủ trọ:
Màn hình của quản trị viên:
Hình 3.13. Màn hình của Admin
Màn hình đăng nhập:
Hình 3.14. Màn hình đăng nhập
Hình 3.16. Màn hình chỉnh sửa hồ sơ
Màn hình đổi mật khẩu:
Hình 3.17. Màn hình đổi mật khẩu
3.2.3 Thiết kế xử lý
Đăng ký tài khoản
Hình 3.19. Sơ đồ giải thuật đăng ký
Đăng nhập
Đổi mật khẩu
Hình 3.21. Sơ đồ giải thuật đổi mật khẩu
Thêm nhà trọ
Tìm kiếm thuộc tính
Hình 3.23. Sơ đồ giải thuật tìm kiếm thuộc tính
Tìm kiếm khơng gian
Chương 4. CÀI ĐẶT CHƯƠNG TRÌNH4.1 THU THẬP VÀ TIỀN XỬ LÝ DỮ LIỆU 4.1 THU THẬP VÀ TIỀN XỬ LÝ DỮ LIỆU
Phần mềm ArcMap: Cắt lấy dữ liệu đường của thành phố Nha Trang, thêm dữ liệu nhà trọ đã thu thập được thông qua khảo sát thực tế và bổ sung thêm đối tượng còn thiếu cho các lớp dữ liệu tiện ích (ATM, y tế, chợ,...)
Dữ liệu đường được tiến hành xử lý như sau:
Bước 1: Tải dữ liệu đường của Việt Nam với định dạng shapefile (.shp) theo
đường link và tiến hành giải nén: http://download.geofabrik.de/asiạhtml
Bước 2: Đưa dữ liệu shapefile đường vào ArcMap
Bước 3: Dùng công cụ Geoprocessing → Clip tiến hành cắt dữ liệu đường
thành phố Nha Trang.
Hình 4.26. Cắt dữ liệu đường thành phố Nha Trang
Sau khi cắt thành công chúng ta thu thập được dữ liệu đường của TP. Nha Trang
Hình 4.27. Dữ liệu đường sau khi cắt
Bước 4: Mở công cụ Editor → Start Editing → Nhấp chuột phải vào lớp đường
vừa xử lý được → Chọn Open Attribute Table để mở bảng thuộc tính → Chọn các dịng thuộc tính trùng tên đường → Mở công cụ Editor → Chọn Merge → OK để hợp nhất các đoạn đường thành một đường duy nhất.
Hình 4.28. Hợp nhất các đoạn đường
Bước 5: Tiếp tục chọn các dịng thuộc tính trùng tên đường → Mở công cụ
Editor → Chọn Merge → OK để hợp nhất các đoạn đường còn lại thành một đường duy nhất. Sau khi hồn thành mở cơng cụ Editor → Save Edits để lưu trữ các dữ liệu vừa hợp nhất.
Quá trình thu thập và xử lý dữ liệu còn lại được tiến hành như sau:
Bước 1: Tạo các bảng excel *.xlsx dữ liệu nhà trọ, trường học, trạm chờ xe buýt,
đã được phân tích thiết kế ở chương 3 và dữ liệu thu thập được thông qua khảo sát, trên Google Map.
Bước 2: Sử dụng Google Map, nhập địa chỉ để thu thập tọa độ của các địa
điểm.
Hình 4.29. Dữ liệu tọa độ nhà trọ
Bước 3: Tại cửa sổ phần mềm ArcMap → Chọn File → Ađ Data → Ađ XY
Data → Chọn file Excel → OK.
Bước 4: Nhấp chuột phải lớp dữ liệu vừa Ađ → Chọn Data → Export Data
thành lớp dữ liệu shapefile, định dạng *.shp. Dữ liệu này có hệ tọa độ WGS84 (Ellipsoid WGS84 tồn cầu).
Hình 4.31. Các lớp dữ liệu đã xử lý được
4.2 BIÊN TẬP BẢN ĐỒ
Phần mềm mã nguồn mở QGIS: Biên tập bản đồ, thiết kế kiểu ký hiệu (đường nét, màu sắc, hình dạng ký hiệu, độ đậm nhạt của màu sắc,...) cho các lớp dữ liệu đã thu thập được.
Sử dụng phần mềm QGIS để biên tập màu sắc, hình dáng, kiểu ký hiệu và lưu style dưới dạng file SLD. Vì ArcMap khơng hỗ trợ lưu file SLD nên sử dụng QGIS để biên tập. QGIS, tên đầy đủ là Quantum GIS, là một phần mềm hệ thống thông tin địa lý mã nguồn mở và miễn phí. QGIS có thể đọc được nhiều dạng dữ liệu như các bản đồ từ ArcView, MapInfo, các bảng thông tin tạo bởi PostgreSQL (thông qua PostGIS). Cũng như ArcMap, QGIS cũng cung cấp các cơng cụ số hóa, biên tập bản đồ.
Quá trình biên tập bản đồ được tiến hành như sau:
Sau khi có dữ liệu shapefile các lớp dữ liệu cần thiết đã được xử lý từ ArcMap, ta tiến hành đưa các lớp dữ liệu vào phần mềm QGIS. Tại cửa sổ Layers Properties, chọn cơng cụ Symbologỵ Tại đây, ta có thể lựa chọn kiểu thể hiện ký hiệu (single symbol, categorized, graduated,…).
Hình 4.32. Biên tập lớp dữ liệu nhà trọ
Kết quả sau khi biên tập các lớp dữ liệu:
Xuất file SLD: Sau khi biên tập hoàn chỉnh, tại nút Style ở cửa sổ Layer Properties của mỗi lớp, chọn Save Style để xuất ra file SLD để “lưu trữ” kiểu ký hiệụ File SLD sẽ giúp lưu lại hình dạng, màu sắc của ký hiệụ
Hình 4.34. Xuất file SLD
Kết quả xuất file SLD:
4.3 XÂY DỰNG HỆ THỐNG WEBGIS
Công cụ sử dụng
- XAMPP: Giả lập môi trường server hosting, tạo và điều hành máy chủ nội bộ (localhost)
- Hệ quản trị cơ sở dữ liệu PostgreSQL: Quản trị cơ sở dữ liệu khơng gian và thuộc tính.
- Phần mềm hỗ trợ mã nguồn mở PostGIS: Import các lớp dữ liệu không gian đã được xử lý trên ArcMap vào PostgreSQL, hỗ trợ lưu trữ dữ liệu dạng Geodatabase và truy vấn không gian trên cơ sở dữ liệụ
- Máy chủ mã nguồn mở GeoServer: Máy chủ mã nguồn mở để chia sẻ dữ liệu không gian địa lý. Được thiết kế cho khả năng tương tác, nó xuất bản dữ liệu từ bất kỳ nguồn dữ liệu không gian lớn nào bằng cách sử dụng các tiêu chuẩn mở.
- Thư viện JavaScript mã nguồn mở OpenLayer: Cung cấp API Javascript GIS để xây dựng ứng dụng Web về địa lý.
- Ngơn ngữ lập trình: PHP, HTML (ngôn ngữ đánh dấu siêu văn bản), CSS, JavaScript: Kết nối cơ sở dữ liệu, xây dựng giao diện cùng các chức năng của WebGIS.
Xem chi tiết cách cài đặt các công cụ và xây dựng chương trình tại phần phụ lục.
Link GitHub chứa các tệp cần thiết để cài đặt và file source code hệ thống WebGIS tra cứu nhà trọ: https://github.com/quangloc47
Chương 5. HƯỚNG DẪN CÀI ĐẶT VÀ SỬ DỤNG CHƯƠNG TRÌNH5.1 HƯỚNG DẪN CÀI ĐẶT VÀ SỬ DỤNG 5.1 HƯỚNG DẪN CÀI ĐẶT VÀ SỬ DỤNG
Hướng dẫn chi tiết cách cài đặt và sử dụng chương trình được tải lên Youtube ở link sau đây: https://youtụbe/n_1g5KZQRn4
5.2 KẾT QUẢ THỰC HIỆN ĐỀ TÀI 5.2.1 Xây dựng giao diện
5.2.1.1 Giao diện chung của trang Web (sinh viên, khách vãng lai)
Giao diện trang chủ
Sau khi cài đặt XAMPP và GeoServer trên localhost, người dùng có thể vào trang WebGIS bằng cách truy cập vào đường link:
http://localhost:3128/WebGisNT_DauQuangLoc_59131309/index.php.
Giao diện trang đăng ký
Giao diện trang đăng nhập
Giao diện trang liên hệ
5.2.1.2 Giao diện của người dùng (chủ trọ)
Sau khi đăng nhập thành công với tài khoản đã được đăng ký trước đó, giao diện của chủ trọ có thêm các chức năng như: đổi mật khẩu, xem hồ sơ, chỉnh sửa, xóa tài khoản người dùng, hiệu chỉnh nhà trọ.
5.2.1.3 Giao diện của quản trị viên
Đối với quản trị viên sau khi đăng nhập sẽ có các chức năng bao gồm: đăng ký thành viên/quản trị viên mới, đổi mật khẩu cho tất cả các thành viên, xem thông tin chi tiết, hiệu chỉnh tất cả các thành viên, hiệu chỉnh nhà trọ.
5.2.2 Xây dựng chức năng
5.2.2.1 Đối với chủ trọ
Chức năng đăng ký tài khoản
Người dùng khi đăng ký tài khoản sẽ được kiểm tra trùng tên tài khoản với tài khoản đã có trong cơ sở dữ liệu, kiểm tra trường nhập vào rỗng, kiểm tra mật khẩu nhập lại có khớp với mật khẩu thứ nhất hay khơng.
Sau khi người dùng nhập đầy đủ thơng tin hợp lệ thì trang web sẽ phản hồi việc đăng ký tài khoản thành cơng.
Chức năng đăng nhập
Kiểm tra đối với trường nhập vào rỗng khi đăng nhập.
Hình 5.45. Kiểm tra trường rỗng khi đăng nhập
Kiểm tra đối với tên tài khoản không hợp lệ hoặc chưa được đăng ký.
Kiểm tra độ chính xác trường mật khẩu khi đăng nhập.
Hình 5.47. Kiểm tra trường mật khẩu khi đăng nhập
Chức năng đổi mật khẩu
Kiểm tra lại thơng tin tài khoản có chính xác hay khơng trước khi thực hiện đổi mật khẩụ
Hình 5.48. Xác thực tài khoản khi đổi mật khẩu
Sau khi nhập đầy đủ thơng tin tài khoản hợp lệ thì trang web sẽ phản hồi để người dùng tiến hành đăng nhập lại với mật khẩu mớị
Hình 5.49. Đổi mật khẩu thành cơng
Chức năng chỉnh sửa hồ sơ cá nhân
Ví dụ: Thay đổi ảnh đại diện cá nhân.
Hình 5.50. Thay đổi thơng tin hồ sơ cá nhân
Trước khi xóa tài khoản thì trang web sẽ xác nhận lại với người dùng có thực sự muốn xóa tài khoản này hay khơng. Nếu khơng thì người dùng sẽ tiếp tục sử dụng và ngược lại thì tài khoản sẽ được xóạ
Chức năng thêm mới nhà trọ
Sau khi người dùng nhập đầy đủ thơng tin như hình dưới thì trang web sẽ phản hồi về việc đăng ký nhà trọ thành cơng.
Sau khi đăng ký nhà trọ thành cơng thì nhà trọ sẽ được hiển thị trên bản đồ.
Hình 5.53. Hiển thị nhà trọ trên bản đồ sau khi đăng ký thành cơng
Chức năng xóa nhà trọ
Trước khi xóa nhà trọ thì trang web sẽ xác nhận lại với người dùng có thực sự muốn xóa nhà trọ này hay khơng. Nếu khơng thì nhà trọ sẽ khơng bị xóa và ngược lại thì nhà trọ sẽ được xóạ
Chức năng chỉnh sửa thơng tin nhà trọ
5.2.2.2 Đối với quản trị viên
Quản lý thông tin của tất cả người dùng
Hình 5.57. Đăng ký thêm tài khoản Admin
Ví dụ: Vơ hiệu hóa một tài khoản người dùng bất kỳ
Hiệu chỉnh thông tin của tất cả các nhà trọ do người dùng đăng ký
5.2.2.3 Đối với sinh viên và khách vãng lai
Chức năng tìm kiếm cơ bản (chỉ theo thuộc tính)
Đây là chức năng tìm kiếm cơ bản nhất của trang Web, giúp xác định nhanh nhà trọ dựa vào một từ khóa bất kỳ.
Tìm gì: Bạn có thể nhập bất kỳ thơng tin gì về nhà trọ như: giá phịng, giá tiền
nước, tiền điện, loại nhà trọ,.. thậm chí những mơ tả về nhà trọ có các tiện nghi như: quạt, điều hòa, giường, nhà vệ sinh riêng hay chung, …
Hình 5.61. Tìm những nhà trọ thuộc loại sinh viên (có 29 kết quả)
Ở đâu: Giúp bạn giới hạn khu vực tìm kiếm ở một phường/xã hoặc đoạn đường
nào đó trong thành phố.
Chức năng tìm kiếm nâng cao (theo thuộc tính)
Chức năng này cho phép tìm kiếm nhà trọ đa điều kiện theo những tiêu chí mà người dùng đưa ra kết hợp với các tốn tử so sánh để tìm kiếm như: lớn hơn, bé hơn hoặc bằng,…
Ví dụ: Tìm kiếm nhà trọ thuộc phường Vĩnh Thọ, diện tích phịng lớn hơn
16m2, thuộc loại nhà trọ sinh viên, giá phịng dưới 3.000.000 đồng.
Chức năng tìm kiếm khơng gian
Chức năng này cho phép tìm kiếm nhà trọ theo bán kính thuộc phường/xã hoặc gần đối tượng nào đó kết hợp thêm các tiêu chí nhà trọ như: diện tích, loại nhà trọ, giá phịng, tiền điện, tiền nước,…
Kết quả tìm kiếm nhà trọ gần Đại học Nha Trang với bán kính 250m được hiển thị và đánh dấu trên bản đồ.
Chức năng tìm kiếm xung quanh
Chức năng này cho phép tìm kiếm nhà trọ theo tọa độ được đánh dấu trên bản đồ với bán kính mong muốn kết hợp thêm các tiêu chí nhà trọ như: diện tích, loại nhà trọ, giá phịng, tiền điện, tiền nước,… hoặc tìm kiếm một số tiện ích khác.
Kết quả tìm kiếm nhà trọ theo tọa độ được đánh dấu với bán kính 200m được hiển thị và đánh dấu trên bản đồ.
Hình 5.67. Kết quả tìm kiếm xung quanh
Chức năng phát hiện vị trí hiện tại của người dùng
Chức năng hiển thị popup thông tin
Chức năng này cho phép hiển thị popup một số thơng tin nhà trọ khi được kích hoạt và nhấn vào một nhà trọ bất kì trên bản đồ.
Chức năng di chuyển nhanh tới phường/xã mong muốn
Hình 5.70. Di chuyển tới phường Ngọc Hiệp
Bật tắt các lớp Layers trên bản đồ
Các lớp dữ liệu bản đồ:
Cho phép ta bật, tắt để xem sự chồng lớp của các lớp bản đồ, giúp dễ nhìn hơn ở khu vực dày đặc đối tượng nào đó.
Chức năng đo lường
Chức năng này cho phép đo lường diện tích của khu vực hoặc chiều dài bất kỳ trên bản đồ.
Chức năng tìm đường
Chức năng này cho phép tìm đường đi ngắn nhất giữa hai tọa độ được đánh dấu trên bản đồ khi được kích hoạt.
Chức năng tải xuống bản đồ với định dạng ảnh PNG
Hình 5.73. Tải xuống hình ảnh bản đồ PNG
Kết quả hình ảnh bản đồ sau khi tải xuống.
Chức năng xuất hình ảnh bản đồ với định dạng PDF
Hình 5.75. Xuất bản đồ PDF
Kết quả sau khi xuất bản đồ PDF với kích thước trang A4, độ phân giải 150dpị
Chương 6. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN6.1 KẾT QUẢ ĐẠT ĐƯỢC 6.1 KẾT QUẢ ĐẠT ĐƯỢC
Sau thời gian nghiên cứu và thực hiện đề tài, đến nay đề tài đã thực hiện những công việc cụ thể sau:
Sản phẩm cụ thể của đề tài là hệ thống WebGIS phục vụ cho việc tìm kiếm thơng tin nhà trọ trực tuyến tại thành phố Nha Trang trên nền tảng mã nguồn mở, chạy trên XAMPP localhost.
Đây là hệ thống WebGIS với các chức năng:
- Hiển thị và thao tác cơ bản với bản đồ như hiển thị nhiều lớp, phóng to, thu nhỏ, dịch chuyển,…
- Xây dựng được chức năng quản trị và phân quyền người dùng gồm 3 đối tượng chính: người dùng thơng thường (sinh viên, khách vãng lai), chủ trọ và quản trị viên.
- Chủ trọ có thể thêm mới, xóa hay cập nhật nhà trọ cũng như thơng tin cá nhân của mình.
- Quản trị viên có thể xóa hay cập nhật thơng tin nhà trọ, hiệu chỉnh thơng tin, kích hoạt hoặc vơ hiệu hóa tài khoản của chủ trọ.
Người dùng có thể tìm kiếm nhà trọ với các chức năng hỗ trợ:
- Truy vấn, tìm kiếm nhà trọ theo thuộc tính, khơng gian và kết hợp cả hai, xuất