TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN KỲ THI KẾT THÚC HỌC PHẦN HỌC KÌ II NĂM HỌC 2021 2022 Đề tài 06 Xây dựng webGIS cho bộ dữ liệu bản đồ Hoi Ninh Giảng viên hướng d.
TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN KỲ THI KẾT THÚC HỌC PHẦN HỌC KÌ II NĂM HỌC 2021 - 2022 Đề tài 06: Xây dựng webGIS cho liệu đồ Hoi_Ninh Giảng viên hướng dẫn : Lê Thị Thu Hà Sinh viên thực : Chu Văn Thái Mã sinh viên : 1911060042 Lớp : ĐH9C1 Tên học phần : Phát triển Hệ thống thơng tin Địa lý Khóa học : 2019 – 2023 Hà Nội – 2022 MỤC LỤC MỞ ĐẦU CHƯƠNG I: GIỚI THIỆU PHẦN MỀM QGIS 2 Geoserver PostgreSQL XAMPP OpenLayers PHP CHƯƠNG II: XÂY DỰNG WEBGIS 2.1 2.2 Xây dựng liệu cho WebGIS 2.1.1 Đưa liệu đồ vào QGIS 2.1.2 Hiện nhãn đối tượng đồ 2.1.3 Lên màu cho đối tượng 2.1.4 Khởi tạo CSDL PostgreS 2.1.5 Sử dụng PostGIS shapefile import để đưa liệu vào CSDL Đưa liệu lên Geoserver 2.2.1 Public liệu đồ 2.2.2 Lớp liệu PostgreSQL Public lên Geoserver 2.3 Xây dựng giao diện chức cho WebGIS 10 CHƯƠNG III: WEBGIS 15 3.1 Giao diện trang chủ webGIS 15 3.2 Hiển thị bật lớp dan_cu click 16 3.3 Bật tắt lớp liệu 16 3.4 Tìm kiếm đối tượng ma_loai 18 KẾT LUẬN 19 TÀI LIỆU THAM KHẢO 20 MỞ ĐẦU WebGIS giải pháp client – server cho phép quản lý, phân tích, cập nhật, phân phối thơng tin đồ GIS mạng Internet, giảm thiểu chi phí đầu tư phần mềm, phần cứng cho người dùng cuối; giao diện thân thiện, đơn giản phù hợp với nhiều người dùng WebGIS thích hợp với sở liệu đồ, GIS từ bé lớn, có khả tuỳ biến cao, phù hợp với nhiều loại hình tổ chức Trong tập lớn này, em vận dụng kiến thức thân môn “Phát triển hệ thông thông tin địa lý” để giải đề tài CHƯƠNG I: GIỚI THIỆU PHẦN MỀM QGIS Quantum GIS, hay gọi QGIS phần mềm nguồn mở hệ thống thông tin địa lý Tính QGIS thao tác lớp đồ có dạng vector Qgis đọc nhiều dạng liệu: lớp đồ tạo ArcView, MapInfo GRASS, bảng thông tin tạo PostgreSQL (thơng qua PostGIS) • Số hóa đồ công cụ kết nối với GPS • Các tính biên tập đồ, tạo lưới kinh vĩ độ, chèn thang tỉ lệ, mũi tên hướng bắc • Phân tích khơng gian nhờ PostGIS kết nối với GRASS • Thay đổi tính thơng qua chế plug-in • Giao diện QGIS xây dựng sở Qt Geoserver GeoServer máy chủ mã nguồn mở với mục đích kết nối thơng tin địa lý có sẵn tới Geoweb (trang Web địa lý hay gọi webmap) sử dụng chuẩn mở GeoServer phối hợp chuẩn hoạt động Open Geospatial Consortium (OGC), Dịch vụ đồ (WMS - Web Map Service), Web Feature Service (WFS) GeoServer hỗ trợ nhiều style đồ Tương thích với chuẩn Web Feature Service (WFS), GeoServer cho phép chia sẻ chỉnh sửa liệu dùng để hiển thị đồ GeoServer hỗ trợ nhiều style đồ Tương thích với chuẩn Web Feature Service (WFS), cho phép chia sẻ chỉnh sửa liệu dùng để hiển thị đồ GeoServer cho phép xuất liệu linh hoạt dựa vào việc hỗ trợ chuẩn KML, GML, Shapefile, GeoRSS, Portable Document Format, GeoJSON, JPEG, GIF, SVG, PNG GeoServer đọc nhiều định dạng liệu, bao gồm PostGIS, Oracle Spatial, ArcSDE, DB2, MySQL, Shapefiles, GeoTIFF, GTOPO30 nhiều loại khác Bên cạnh đó, GeoServer cịn chỉnh sửa liệu nhờ thành phần xử lý Chuẩn Web Feature Server GeoServer xây dựng GeoTools, viết ngôn ngữ Java 3 PostgreSQL PostgreSQL hệ quản trị sở liệu quan hệ đối tượng dựa POSTGRES, POSTGRES mở đường cho nhiều khái niệm quan trọng mà hệ quản trị liệu thương mại lâu sau có PostgreSQL chương trình mã nguồn mở xây dựng mã nguồn ban đầu đại học Berkeley Nó theo chuẩn SQL99 có nhiều đặc điểm đại PostgreSQL phổ biến giấy phép BSD cổ điển Nó khơng quy định hạn chế việc sử dụng mã nguồn phần mềm Bởi PostgreSQL dùng, sửa đổi phổ biến cho mục đích PostgreSQL hệ quản trị sở liệu hỗ trợ mạnh việc lưu trữ liệu không gian PostgreSQL kết hợp với module PostGIS cho phép người dùng lưu trữ lớp liệu không gian Khi sử dụng PostgreSQL, PostGIS kết hợp với phần mềm GIS hỗ trợ hiển thị, truy vấn, thống kê xử lý liệu không gian XAMPP XAMPP hoạt động dựa tích hợp phần mềm Cross-Platform (X), Apache (A), MariaDB (M), PHP (P) Perl (P) XAMPP chương trình tạo web server ứng dụng hệ điều hành Linux, MacOS, Windows, Cross-platform, Solaris OpenLayers OpenLayers thư viện điện tử mã nguồn mở mạnh giúp nhúng đồ động lên trang web Nó cung cấp API để xây dựng nhiều ứng dụng dựa web địa lý tương tự Google Maps OpenLayers lấy đồ từ nhiều loại nguồn khác cung cấp giao diện tương tác đẹp, phong phú cho người dùng OpenLayers viết JavaScript theo hướng đối tượng, sử dụng thành phần từ Prototype.js thư việc Rico OpenLayers tách rời phần công cụ đồ liệu đồ Nhờ cơng cụ hoạt động nguồn liệu khác OpenLayers cho phép người dùng hiển thị nhiều layer khác từ nhiều nguồn khác lúc Các nguồn WMS, WFS hay dịch vụ đồ web mở khác GeoRSS, OpenStreetMap, Google Maps/Earth hay file liệu GML, KML OpenLayers hoàn toàn miễn phí, khơng phải trả phí phức tạp Google Maps API (Nếu sử dụng Google Maps API máy tính phải kết nối Internet khơng phải trả phí để sử dụng) PHP PHP từ viết tắt cụm từ Hypertext Pre Processor Là ngơn ngữ lập trình thường sử dụng để phát triển ứng dụng Những thứ có liên quan đến viết máy chủ, mã nguồn mở hay mục đích tổng quát Ngồi ra, cịn thích hợp để lập trình web dễ dàng nhúng vào trang HTML Ngày nay, PHP chiếm tới 70% web nay, trang web giới thiệu công ty influxwebtechnologies, Monamedia xây dựng WordPress – mã nguồn viết ngôn ngữ PHP Bởi tính tối ưu hóa cho ứng dụng web Tốc độ load web nhanh, nhỏ gọn, cú pháp giống C JAVA Rất dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngơn ngữ khác PHP dùng để : • PHP tạo trang web động (sản sinh nội dung HTML/CSS/JavaScript), lý mà nên tìm hiểu HTML/CSS trước đến với PHP • PHP mở, đọc, ghi, xóa file máy chủ, tương tác với phần mềm khác máy chủ • PHP kết hợp với hệ quản trị CSDL, lưu trữ, truy vấn, xử lý liệu trả kết cho người dùng • PHP gửi/nhận cookie, mã hóa, giải mã liệu • PHP phát triển dịch vụ web (web services) CHƯƠNG II: XÂY DỰNG WEBGIS 2.1 Xây dựng liệu cho WebGIS 2.1.1 Đưa liệu đồ vào QGIS 2.1.2 Hiện nhãn đối tượng đồ 2.1.3 Lên màu cho đối tượng 2.1.4 Khởi tạo CSDL PostgreS 2.1.5 Sử dụng PostGIS shapefile import để đưa liệu vào CSDL 2.2 Đưa liệu lên Geoserver Kết nối Geoserver với CSDL PostgreSQL chọn hệ toạ độ 2.2.1 Public liệu đồ Ở thẻ Publishing, trước public chọn style lớp cho đồ Để có style đồ Geoserver 2.2.2 Lớp liệu PostgreSQL Public lên Geoserver 2.3 Xây dựng giao diện chức cho WebGIS 2.3.1 Cấu trúc file code WebGIS Khai báo thư viện sử dụng Hiển thị lớp đồ lên GIS Khai báo hệ toạ độ, kinh tuyến trục đơn vị Tắt bật lớp đối tượng đồ Hiển thị thông tin bật thơng tin đối tượng Tìm kiếm đối tượng khơng gian lớp dan_cu theo thuộc tính ma_loai File connceciton.php kết nối với postgres File search.js nhận giá trị tìm kiếm File live_search.php tìm kiếm trực tiếp đối tượng ma_loai nhập vào box search CHƯƠNG III: WEBGIS 3.1 Giao diện trang chủ webGIS 3.2 Hiển thị bật lớp dan_cu click 3.3 Bật tắt lớp liệu 3.4 Tìm kiếm đối tượng ma_loai KẾT LUẬN Đầu tiên, em xin bày tỏ lòng biết ơn sâu sắc đến giảng viên Lê Thị Thu Hà Chính người tận tình dạy dỗ truyền đạt kiến thức quý báu cho em suốt học kỳ vừa qua Trong thời gian tham dự lớp học, em tiếp cận với nhiều kiến thức bổ ích cần thiết cho trình học tập, làm việc sau em Bộ môn Phát triển hệ thống thông tin địa lý môn học thú vị vơ bổ ích Tuy nhiên, kiến thức kỹ môn học em cịn nhiều hạn chế Do đó, làm em khó tránh khỏi sai sót Rất mong thầy, xem xét góp ý giúp làm em hoàn thiện Em xin chân thành cảm ơn ! TÀI LIỆU THAM KHẢO [1] Bùi Ngọc Quý, Vũ Văn Hn (2014), Giáo trình hệ thống thơng tin địa lý, Đại học tài nguyên môi trường Hà Nội [2] Dương Đăng Khơi (2012), Giáo trình hệ thống thông tin Địa lý, Đại học tài nguyên môi trường Hà Nội [3] An ESRI Technical Reference Document (August 2009), Sys Design Strategies 26 Edition ... lý liệu trả kết cho người dùng • PHP gửi/nhận cookie, mã hóa, giải mã liệu • PHP phát triển dịch vụ web (web services) CHƯƠNG II: XÂY DỰNG WEBGIS 2.1 Xây dựng liệu cho WebGIS 2.1.1 Đưa liệu đồ. .. CHƯƠNG II: XÂY DỰNG WEBGIS 2.1 2.2 Xây dựng liệu cho WebGIS 2.1.1 Đưa liệu đồ vào QGIS 2.1.2 Hiện nhãn đối tượng đồ 2.1.3 Lên màu cho đối tượng ... 2.2.1 Public liệu đồ Ở thẻ Publishing, trước public chọn style lớp cho đồ Để có style đồ Geoserver 2.2.2 Lớp liệu PostgreSQL Public lên Geoserver 2.3 Xây dựng giao diện chức cho WebGIS 2.3.1