56
BGIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HC NÔNG LÂM THÀNH PHHCHÍ MINH KHÓA LUN TT NGHIP NG DNG CÔNG NGHMÃ NGUN MXÂY DNG WEBGIS THÔNG TIN HÀNH CHÍNH THÀNH PHHCHÍ MINH Hvà tên sinh viên: LÊ VĂN SONY Ngành: HTHỐNG THÔNG TIN ĐỊA LÝ Niên khóa: 2009 - 2013 Tháng 05 năm 2013

KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

BỘ GIAacuteO DỤC VAgrave ĐAgraveO TẠO

TRƯỜNG ĐẠI HỌC NOcircNG LAcircM THAgraveNH PHỐ HỒ CHIacute MINH

KHOacuteA LUẬN TỐT NGHIỆP

ỨNG DỤNG COcircNG NGHỆ MAtilde NGUỒN MỞ

XAcircY DỰNG WEBGIS THOcircNG TIN HAgraveNH CHIacuteNH

THAgraveNH PHỐ HỒ CHIacute MINH

Họ vagrave tecircn sinh viecircn LEcirc VĂN SONY

Ngagravenh HỆ THỐNG THOcircNG TIN ĐỊA LYacute

Niecircn khoacutea 2009 - 2013

Thaacuteng 05 năm 2013

i

ỨNG DỤNG COcircNG NGHỆ MAtilde NGUỒN MỞ

XAcircY DỰNG WEBGIS THOcircNG TIN HAgraveNH CHIacuteNH

THAgraveNH PHỐ HỒ CHIacute MINH

Taacutec giả

LEcirc VĂN SONY

Khoacutea luận tốt nghiệp được đệ trigravenh đaacutep ứng yecircu cầu cấp bằng kỹ sư ngagravenh

Hệ thống Thocircng tin Địa lyacute (GIS ndash Geographic Information System)

Giaacuteo viecircn hướng dẫn

ThS QUAacuteCH ĐỒNG THẮNG

Trưởng phograveng Kỹ thuật ndash Trung tacircm Ứng dụng Hệ thống thocircng tin địa lyacute ndash

Sở Khoa học vagrave Cocircng nghệ TPHồ Chiacute Minh

Thaacuteng 05 năm 2013

ii

CẢM TẠ

Lời đầu tiecircn em xin chacircn thagravenh cảm ơn quiacute Thầy Cocirc đang cocircng taacutec tại Trường

Đại học Nocircng Lacircm Thagravenh phố Hồ Chiacute Minh quiacute Thầy Cocirc - Bộ mocircn Thocircng tin địa lyacute

vagrave Tagravei nguyecircn Khoa Mocirci trường vagrave Tagravei nguyecircn đặc biệt lagrave PGSTS Nguyễn Kim Lợi

- Trưởng Bộ mocircn vagrave Thạc sĩ Nguyễn Thị Huyền ndash Giaacuteo viecircn chủ nhiệm lớp DH09GI

đatilde tận tacircm truyền đạt nhiều kiến thức quiacute baacuteu lagravem nền tảng cho em hoagraven thagravenh tốt

khoacutea luận nagravey

Em chacircn thagravenh cảm ơn Thạc sĩ Quaacutech Đồng Thắng - Trưởng phograveng kỹ thuật

Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute Sở Khoa học vagrave Cocircng nghệ Thagravenh phố

Hồ Chiacute Minh đatilde tận tigravenh chỉ dạy theo saacutet vagrave goacutep yacute cho em trong suốt quaacute trigravenh lagravem

khoacutea luận tốt nghiệp

Cho em gửi lời cảm ơn sacircu sắc đến caacuten bộ - viecircn chức đang cocircng taacutec tại Trung

tacircm ứng dụng hệ thống thocircng tin địa lyacute Sở Khoa học vagrave Cocircng nghệ Thagravenh phố Hồ Chiacute

Minh đặc biệt lagrave anh Trần Trọng Luacircn đatilde tạo điều kiện tốt nhất vagrave giuacutep đỡ em trong

thời gian thực tập

Con cảm ơn gia đigravenh đatilde nuocirci dưỡng dạy bảo tạo mọi điều kiện tốt nhất để con

được học tập cảm ơn Ba Mẹ đatilde chia sẻ vagrave động viecircn mỗi khi con vấp ngatilde luocircn đồng

hagravenh cugraveng con trong suốt thời gian qua

Bản thacircn mặc dugrave đatilde cố gắng vagrave nổ lực để thực hiện đề tagravei tuy nhiecircn khoacutea luận

khocircng traacutenh khỏi những thiếu soacutet vagrave hạn chế Em rất mong nhận được sự chia sẻ goacutep

yacute từ phiacutea quiacute Thầy Cocirc vagrave caacutec bạn để đề tagravei được hoagraven thiện tốt nhất

TpHCM ngagravey 29 thaacuteng 05 năm 2013

Sinh viecircn thực hiện

Lecirc Văn Sony

iii

3TOacuteM TẮT

Đề tagravei nghiecircn cứu ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS

thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo được tiến hagravenh tại Phograveng kỹ thuật ndash

Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ Thagravenh phố

Hồ Chiacute Minh thời gian thực hiện từ ngagravey 25 thaacuteng 01 năm 2013 đến ngagravey 25 thaacuteng 05

năm 2013 Đề tagravei thực hiện theo trigravenh tự sau

- Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trong

hệ quản trị cơ sở dữ liệu PostgreSQL

- Thiết kế giao diện vagrave đưa cơ sở dữ liệu hiển thị lecircn nền web bằng cocircng nghệ

matilde nguồn mở GeoServer thư viện OpenLayers caacutec ngocircn ngữ lập trigravenh

HTML JavaScript

- Ứng dụng thư viện thao taacutec với GeoServer tạo kiểu hiện thị (style) cho caacutec

lớp dữ liệu

- Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgreSQL bằng Java

Kết quả thu được

- Xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute nhiều

chức năng giao diện thacircn thiện dễ sử dụng

- Baacuteo caacuteo vagrave trigravenh bagravey nội dung đề tagravei

iv

MỤC LỤC

Chương 1 MỞ ĐẦU 1

11 Tiacutenh cấp thiết 1

12 Mục tiecircu đề tagravei 1

13 Giới hạn vagrave phạm vi đề tagravei 2

Chương 2 TỔNG QUAN 3

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh 3

22 Tổng quan về kiến truacutec WebGIS 5

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers 7

231 Cocircng nghệ matilde nguồn mở GeoServer 7

232 Thư viện matilde nguồn mở OpenLayers 9

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript 10

241 Ngocircn ngữ HTML 10

242 Ngocircn ngữ Java 10

243 Ngocircn ngữ JavaScript 10

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam 11

Chương 3 DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP 13

31 Dữ liệu 13

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu 13

321 Chức năng của WebGIS 14

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer 15

323 Caacutec bước tiến hagravenh 16

Chương 4 KẾT QUẢ VAgrave Yacute NGHĨA 30

41 Kết quả 30

42 Yacute nghĩa thực tiễn 44

Chương 5 KẾT LUẬN VAgrave KIẾN NGHỊ 46

TAgraveI LIỆU THAM KHẢO 47

v

DANH SAacuteCH CAacuteC CHỮ VIẾT TẮT

HTML Hyper Text Markup Language

API Application Programming Interface

GIS Geographic Information System

IT Information technology

XML eXtensible Markup Language

PHP Hypertext Preprocessor

URL Uniform Resource Locator

TOPP The Open Planning Project

OGC Open Geospatial Consortium

WMS Web Map Services

WFS Web Feature Services

WCS Web Coverage Service

KML Keyhole Markup Language

GML Geography Markup Language

GIF Graphics Interchange Format

SVG Scalable Vector Graphics

PNG Portable Network Graphics

SMGL Standard Generalized Markup Language

CSDL Cơ sở dữ liệu

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

SQL Structured Query Language

vi

DANH SAacuteCH CAacuteC BẢNG

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL 30

Bảng 42 Thuộc tiacutenh bảng hcquan 31

Bảng 43 Thuộc tiacutenh bảng hcphuong 31

Bảng 44 Thuộc tiacutenh bảng ubnd 32

Bảng 45 Thuộc tiacutenh bảng taikhoan 32

vii

DANH SAacuteCH CAacuteC HIgraveNH

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh 4

Higravenh 22 Kiến truacutec hệ thống WebGIS 6

Higravenh 23 Giao diện GeoServer 8

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer 15

Higravenh 32 Hộp thoại tạo Databases 16

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh 17

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases 17

Higravenh 35 Hộp thoại Import Options 18

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm 19

Higravenh 37 Hộp thoại tạo Workspace 20

Higravenh 38 Hộp thoại tạo Store 20

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu 21

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu 22

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer 22

Higravenh 312 Code tạo kiểu hiển thị (Style) 23

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận 24

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer) 25

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style) 26

Higravenh 316 Code thiết kế tiecircu đề web 27

Higravenh 317 Code thiết kế panel hiển thị bản đồ 27

Higravenh 318 Code khai baacuteo thư viện Script 28

Higravenh 319 Code hiển thị cơ sở dữ liệu 28

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS 29

Higravenh 41 Sơ đồ liecircn kết dữ liệu 33

Higravenh 42 Sơ đồ chức năng quản trị 33

Higravenh 43 Sơ đồ chức năng người dugraveng 34

Higravenh 44 Giao diện phacircn quyền truy cập 35

Higravenh 45 Giao diện đăng nhập sai 36

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng 36

viii

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật 37

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị 38

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật 38

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web 39

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng 39

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL 40

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh 40

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10 41

Higravenh 415 Thocircng tin quận Tacircn Bigravenh 41

Higravenh 416 Thocircng tin xatilde Phước Hiệp 42

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute 42

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường 43

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận 43

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh 44

Chương 1

MỞ ĐẦU

11 Tiacutenh cấp thiết

Việc lưu trữ thocircng tin trecircn bản đồ giấy gacircy khoacute khăn trong việc tigravem kiếm chỉnh

sửa vagrave cập nhật thuộc tiacutenh của đối tượng Điều nagravey đặt ra vấn đề lagravem thế nagraveo để đưa

bản đồ vagrave thocircng tin thuộc tiacutenh lecircn web để lưu trữ vagrave hiển thị thocircng tin một caacutech dễ

dagraveng

Cocircng nghệ web vagrave hệ thống thocircng tin địa lyacute (GIS) ngagravey cagraveng phaacutet triển đogravei hỏi

việc xem bản đồ trecircn Internet được chuacute trọng Sự kết hợp giữa cocircng nghệ web hệ

thống thocircng tin địa lyacute (GIS) tạo thagravenh WebGIS đaacutep ứng được yecircu cầu trecircn

WebGIS trong thời gian gần đacircy phaacutet triển mạnh mẽ vagrave lagrave xu hướng phổ biến

khocircng chỉ hiển thị được dạng thocircng tin thuần tuacutey magrave noacute cograven hiển thị thocircng tin khocircng

gian hữu iacutech cho người sử dụng

Thagravenh phố Hồ Chiacute Minh lagrave trung tacircm kinh tế văn hoacutea xatilde hội của cả nước

Thagravenh phố coacute 24 quận huyện trực thuộc với dacircn số hơn 7 triệu người (thống kecirc ngagravey

01042009) gacircy khoacute khăn trong việc tigravem kiếm vagrave tra cứu thocircng tin hagravenh chiacutenh Đề tagravei

ldquoỨng dụng Cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minhrdquo được thực hiện để hỗ trợ người dugraveng coacute thể tigravem kiếm vagrave truy vấn

một số thocircng tin hagravenh chiacutenh cần thiết trecircn web

12 Mục tiecircu đề tagravei

Xacircy dựng hệ thống cơ sở dữ liệu hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh giuacutep

người quản lyacute quản lyacute tốt dữ liệu thocircng tin hagravenh chiacutenh được thể hiện trực quan trecircn

web

Sử dụng caacutec cocircng cụ phần mềm matilde nguồn mở để khocircng phaacutet sinh nhiều chi phiacute

magrave vẫn đảm bảo hiệu quả

2

Xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute 3 lớp dữ

liệu ranh giới quận ranh giới phường vagrave ủy ban nhacircn dacircn phục vụ cocircng taacutec tra cứu vagrave

tigravem kiếm thocircng tin hagravenh chiacutenh Cụ thể thocircng tin hagravenh chiacutenh gồm tecircn đơn vị hagravenh

chiacutenh matilde đơn vị hagravenh chiacutenh số đơn vị hagravenh chiacutenh (số lượng xatildephường của

quậnhuyện) diện tiacutech vagrave dacircn số

13 Giới hạn vagrave phạm vi đề tagravei

Về khocircng gian nghiecircn cứu trong phạm vi Thagravenh phố Hồ Chiacute Minh

Về thời gian đề tagravei thực hiện trong 4 thaacuteng (từ ngagravey 25012013 đến ngagravey

25052013) tại Phograveng kỹ thuật ndash Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash

Sở Khoa học vagrave Cocircng nghệ Thagravenh phố Hồ Chiacute Minh

Về nội dung đề tagravei xacircy dựng trang WebGIS hiển thị thocircng tin của caacutec lớp dữ liệu

cocircng cụ tương taacutec bản đồ cơ bản truy vấn vagrave cập nhật dữ liệu thuộc tiacutenh

Về cocircng nghệ ứng dụng cocircng nghệ matilde nguồn mở GeoServer thư viện

OpenLayers JavaScript vagrave HQTCSDL PostgreSQL

Chương 2

TỔNG QUAN

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh

Thagravenh phố Hồ Chiacute Minh lagrave thagravenh phố đocircng dacircn nhất đồng thời cũng lagrave trung

tacircm kinh tế văn hoacutea giaacuteo dục quan trọng của Việt Nam Hiện nay Thagravenh phố Hồ Chiacute

Minh vagrave Thủ đocirc Hagrave Nội lagrave đocirc thị loại đặc biệt của Việt Nam Vị triacute địa lyacute khu vực

Thagravenh phố Hồ Chiacute Minh nằm trong khoảng

Từ 10deg10 đến 10deg38 vĩ Bắc vagrave từ 106deg22 đến 106deg54 kinh Đocircng

Coacute diện tiacutech hơn 2000 km2 phiacutea Bắc giaacutep tỉnh Bigravenh Dương Tacircy Bắc giaacutep tỉnh Tacircy

Ninh Đocircng vagrave Đocircng Bắc giaacutep tỉnh Đồng Nai Đocircng Nam giaacutep tỉnh Bagrave Rịa - Vũng

Tagraveu Tacircy vagrave Tacircy Nam giaacutep tỉnh Long An vagrave Tiền Giang Nằm ở miền Nam Việt

Nam với vị triacute tacircm điểm của khu vực Đocircng Nam Aacute Thagravenh phố Hồ Chiacute Minh lagrave

một đầu mối giao thocircng quan trọng về cả đường bộ đường thủy vagrave đường khocircng

nối liền caacutec tỉnh trong vugraveng vagrave cograven lagrave một cửa ngotilde quốc tế

Nằm trong vugraveng chuyển tiếp giữa miền Đocircng Nam Bộ vagrave Tacircy Nam Bộ Thagravenh

phố Hồ Chiacute Minh ngagravey nay bao gồm 19 quận vagrave 5 huyện tổng diện tiacutech 209506 km2

Theo kết quả điều tra dacircn số chiacutenh thức vagraveo thời điểm 0 giờ ngagravey 1 thaacuteng 4 năm 2009

thigrave dacircn số thagravenh phố lagrave 7162864 người (chiếm 834 dacircn số Việt Nam) mật độ trung

bigravenh 3419 ngườikm2 Đến năm 2011 dacircn số thagravenh phố tăng lecircn 7521138 người Tuy

nhiecircn nếu tiacutenh những người cư truacute khocircng đăng kyacute thigrave dacircn số thực tế của thagravenh phố

vượt trecircn 10 triệu người Giữ vai trograve quan trọng trong nền kinh tế Việt Nam Thagravenh

phố Hồ Chiacute Minh chiếm 213 tổng sản phẩm (GDP) vagrave 2938 tổng thu ngacircn saacutech

của cả nước Nhờ điều kiện tự nhiecircn thuận lợi Thagravenh phố Hồ Chiacute Minh trở thagravenh một

đầu mối giao thocircng quan trọng của Việt Nam vagrave Đocircng Nam Aacute bao gồm cả đường bộ

đường sắt đường thủy vagrave đường khocircng Vagraveo năm 2007 thagravenh phố đoacuten khoảng 3 triệu

khaacutech du lịch quốc tế tức 70 lượng khaacutech vagraveo Việt Nam Caacutec lĩnh vực giaacuteo

4

dục truyền thocircng thể thao giải triacute Thagravenh phố Hồ Chiacute Minh đều giữ vai trograve quan

trọng bậc nhất

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

(Nguồn Trang tin điện tử TPHCM - wwwhochiminhcitygovvn)

Tuy vậy Thagravenh phố Hồ Chiacute Minh đang phải đối diện với những vấn đề của một

đocirc thị lớn Trong nội ocirc thagravenh phố đường saacute trở necircn quaacute tải thường xuyecircn ugraven tắc Hệ

thống giao thocircng cocircng cộng keacutem hiệu quả Mocirci trường thagravenh phố cũng đang bị ocirc

nhiễm do phương tiện giao thocircng caacutec cocircng trường xacircy dựng vagrave cocircng nghiệp sản xuất

Đặc biệt việc quản lyacute thocircng tin hagravenh chiacutenh ngagravey cagraveng khoacute khăn khi dacircn số tăng nhanh

đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh

Thagravenh phố Hồ Chiacute Minhrdquo hỗ trợ caacuten bộ quản lyacute cập nhật truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản để giảm chi phiacute vagrave cocircng nghệ hoacutea việc quản lyacute thocircng tin hagravenh

chiacutenh bằng caacutech thủ cocircng Người dugraveng thocircng qua trang web biết được thocircng tin cụ thể

của mỗi đơn vị hagravenh chiacutenh trực thuộc Thagravenh phố Hồ Chiacute Minh

5

22 Tổng quan về kiến truacutec WebGIS

Kiến truacutec web của hệ thống thocircng tin dữ liệu khocircng gian cũng gần giống như

kiến truacutec dagravenh cho một hệ thống thocircng tin web cơ bản khaacutec ngoại trừ coacute sử dụng kỹ

thuật GIS Coacute nhiều dạng cocircng nghệ cho việc thagravenh lập web cho thocircng tin khocircng gian

như MapServer GeoServer ArcGIS Serverhellip

Cơ sở dữ liệu khocircng gian sẽ được dugraveng để quản lyacute vagrave truy xuất dữ liệu khocircng

gian được đặt trecircn Data Server Nhagrave kho hay nơi lưu trữ (Clearing House) được dugraveng

để lưu trữ vagrave duy trigrave siecircu dữ liệu Metadata về những dữ liệu khocircng gian tại những Data

Server khaacutec nhau Dựa trecircn những thagravenh phần quản lyacute dữ liệu ứng dụng Server vagrave mocirc

higravenh Server được dugraveng cho ứng dụng hệ thống để tiacutenh toaacuten thocircng tin khocircng gian qua

caacutec hagravem cụ thể Tất cả kết quả tiacutenh toaacuten của ứng dụng Server sẽ được gởi đến Web

Server để thecircm vagraveo caacutec goacutei HTML gởi cho phiacutea client vagrave hiển thị nơi trigravenh duyệt web

a) Cilent gửi yecircu cầu của người sử dụng thocircng qua giao thức HTTP đến Web Server

b) Web Server nhận yecircu cầu của người dugraveng từ cilent xử lyacute vagrave chuyển tiếp yecircu cầu

đến ứng dụng trecircn Server coacute liecircn quan

c) Application Server (chiacutenh lagrave caacutec ứng dụng GIS) nhận caacutec yecircu cầu cụ thể đối với

caacutec ứng dụng vagrave gọi caacutec hagravem coacute liecircn quan để tiacutenh toaacuten xử lyacute Nếu coacute yecircu cầu dữ

liệu noacute sẽ gửi yecircu cầu dữ liệu đến Data Exchange Center (trung tacircm trao đổi dữ

liệu)

d) Data Exchange Center nhận yecircu cầu dữ liệu tigravem kiếm vị triacute dữ liệu sau đoacute gửi yecircu

cầu dữ liệu đến Data Server chứa dữ liệu cần tigravem

e) Data Server tiến hagravenh truy vấn dữ liệu cần thiết vagrave trả dữ liệu nagravey về cho Data

Exchange Center

f) Data Exchange Center nhận nhiều nguồn dữ liệu từ Data Server sắp xếp logic dữ

liệu theo yecircu cầu vagrave trả dữ liệu về cho Application Server

g) Application Server nhận dữ liệu trả về từ caacutec Data Exchange Center vagrave đưa chuacuteng

đến caacutec hagravem cần sử dụng xử lyacute trả kết quả về Web Server

6

h) Web Server nhận kết quả xử lyacute thecircm vagraveo caacutec code HTML PHPhellip để coacute thể hiển

thị lecircn trigravenh duyệt gửi trả kết quả về cho trigravenh duyệt dưới dạng caacutec trang web

Higravenh 22 Kiến truacutec hệ thống WebGIS

(Nguồn Climate GIS ndash wwwclimategiscom)

Kiến truacutec 3-tier gồm 3 thagravenh phần cơ bản đại diện cho 3 tầng

1) Database (Data tier) lagrave nơi lưu trữ caacutec dữ liệu địa lyacute bao gồm caacutec dữ liệu khocircng

gian vagrave phi khocircng gian Caacutec dữ liệu nagravey được quản trị bởi caacutec hệ quản trị cơ sở dữ liệu

như Oracle MS SQL Server Esri SDE PostgreSQLhellip hoặc lagrave caacutec dạng file dữ liệu

như Shapefile Tab XMLhellip Caacutec dữ liệu nagravey được thiết kế cagravei đặt vagrave xacircy dựng theo

7

từng quy trigravenh cụ thể Tugravey theo quy mocirc vagrave yecircu cầu của hệ thống magrave tổ chức lựa chọn

cocircng nghệ quản trị cơ sở dữ liệu cho phugrave hợp

2) Application Server (Bussiness tier) thường được tiacutech hợp trong một Webserver

nagraveo đoacute viacute dụ như caacutec Web Server nổi tiếng Apache Tomcat Internet Information

Server Đoacute lagrave một ứng dụng phiacutea Server nhiệm vụ chiacutenh của noacute lagrave tiếp nhận caacutec yecircu

cầu từ client lấy dữ liệu từ phiacutea cơ sở dữ liệu theo yecircu cầu client trigravenh bagravey dữ liệu

theo cấu higravenh định sẵn hoặc theo yecircu cầu của client vagrave trả kết quả về theo yecircu cầu

3) Client (Presentation tier) thocircng thường đơn thuần lagrave một Browser như Internet

Explorer FireFox Google Chomehellip để mở caacutec trang web theo URL định sẵn Caacutec

ứng dụng client coacute thể lagrave 1 Website Applet Flashhellip được viết bằng caacutec cocircng nghệ

chuẩn magrave W3C đatilde chứng thực Caacutec client đocirci khi cũng lagrave một ứng dụng Desktop

tương tự như phần mềm MapInfo ArcMaphellip

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers

231 Cocircng nghệ matilde nguồn mở GeoServer

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn Internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Tiếp cận cocircng nghệ WebGIS phugrave hợp lagrave yếu tố quan trọng

để xacircy dựng một WebGIS hoagraven chỉnh vagrave coacute khả năng đaacutep ứng phaacutet triển trong tương

lai Đề tagravei nagravey ứng dụng cocircng nghệ matilde nguồn mở GeoServer để xacircy dựng WebGIS

GeoServer lagrave một maacutey chủ matilde nguồn mở với mục điacutech kết nối những thocircng tin

địa lyacute coacute sẵn tới caacutec WebGIS (trang web địa lyacute) sử dụng chuẩn mở Được bắt đầu bởi

một tổ chức phi lợi nhuận coacute tecircn The Open Planning Project (TOPP) nhằm mục điacutech

hỗ trợ việc xử lyacute thocircng tin khocircng gian địa lyacute với chất lượng cao đơn giản trong sử

dụng lagrave phần mềm matilde nguồn mở nhằm cung cấp vagrave chia sẻ dữ liệu Được kỳ vọng sẽ

trở thagravenh một phương thức đơn giản để kết nối những nguồn thocircng tin coacute sẵn từ

Google Earth NASA World Wind nhằm tạo ra caacutec dịch vụ Webmap như Google

Maps Windows Live Local vagrave Yahoo Maps

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 2: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

i

ỨNG DỤNG COcircNG NGHỆ MAtilde NGUỒN MỞ

XAcircY DỰNG WEBGIS THOcircNG TIN HAgraveNH CHIacuteNH

THAgraveNH PHỐ HỒ CHIacute MINH

Taacutec giả

LEcirc VĂN SONY

Khoacutea luận tốt nghiệp được đệ trigravenh đaacutep ứng yecircu cầu cấp bằng kỹ sư ngagravenh

Hệ thống Thocircng tin Địa lyacute (GIS ndash Geographic Information System)

Giaacuteo viecircn hướng dẫn

ThS QUAacuteCH ĐỒNG THẮNG

Trưởng phograveng Kỹ thuật ndash Trung tacircm Ứng dụng Hệ thống thocircng tin địa lyacute ndash

Sở Khoa học vagrave Cocircng nghệ TPHồ Chiacute Minh

Thaacuteng 05 năm 2013

ii

CẢM TẠ

Lời đầu tiecircn em xin chacircn thagravenh cảm ơn quiacute Thầy Cocirc đang cocircng taacutec tại Trường

Đại học Nocircng Lacircm Thagravenh phố Hồ Chiacute Minh quiacute Thầy Cocirc - Bộ mocircn Thocircng tin địa lyacute

vagrave Tagravei nguyecircn Khoa Mocirci trường vagrave Tagravei nguyecircn đặc biệt lagrave PGSTS Nguyễn Kim Lợi

- Trưởng Bộ mocircn vagrave Thạc sĩ Nguyễn Thị Huyền ndash Giaacuteo viecircn chủ nhiệm lớp DH09GI

đatilde tận tacircm truyền đạt nhiều kiến thức quiacute baacuteu lagravem nền tảng cho em hoagraven thagravenh tốt

khoacutea luận nagravey

Em chacircn thagravenh cảm ơn Thạc sĩ Quaacutech Đồng Thắng - Trưởng phograveng kỹ thuật

Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute Sở Khoa học vagrave Cocircng nghệ Thagravenh phố

Hồ Chiacute Minh đatilde tận tigravenh chỉ dạy theo saacutet vagrave goacutep yacute cho em trong suốt quaacute trigravenh lagravem

khoacutea luận tốt nghiệp

Cho em gửi lời cảm ơn sacircu sắc đến caacuten bộ - viecircn chức đang cocircng taacutec tại Trung

tacircm ứng dụng hệ thống thocircng tin địa lyacute Sở Khoa học vagrave Cocircng nghệ Thagravenh phố Hồ Chiacute

Minh đặc biệt lagrave anh Trần Trọng Luacircn đatilde tạo điều kiện tốt nhất vagrave giuacutep đỡ em trong

thời gian thực tập

Con cảm ơn gia đigravenh đatilde nuocirci dưỡng dạy bảo tạo mọi điều kiện tốt nhất để con

được học tập cảm ơn Ba Mẹ đatilde chia sẻ vagrave động viecircn mỗi khi con vấp ngatilde luocircn đồng

hagravenh cugraveng con trong suốt thời gian qua

Bản thacircn mặc dugrave đatilde cố gắng vagrave nổ lực để thực hiện đề tagravei tuy nhiecircn khoacutea luận

khocircng traacutenh khỏi những thiếu soacutet vagrave hạn chế Em rất mong nhận được sự chia sẻ goacutep

yacute từ phiacutea quiacute Thầy Cocirc vagrave caacutec bạn để đề tagravei được hoagraven thiện tốt nhất

TpHCM ngagravey 29 thaacuteng 05 năm 2013

Sinh viecircn thực hiện

Lecirc Văn Sony

iii

3TOacuteM TẮT

Đề tagravei nghiecircn cứu ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS

thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo được tiến hagravenh tại Phograveng kỹ thuật ndash

Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ Thagravenh phố

Hồ Chiacute Minh thời gian thực hiện từ ngagravey 25 thaacuteng 01 năm 2013 đến ngagravey 25 thaacuteng 05

năm 2013 Đề tagravei thực hiện theo trigravenh tự sau

- Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trong

hệ quản trị cơ sở dữ liệu PostgreSQL

- Thiết kế giao diện vagrave đưa cơ sở dữ liệu hiển thị lecircn nền web bằng cocircng nghệ

matilde nguồn mở GeoServer thư viện OpenLayers caacutec ngocircn ngữ lập trigravenh

HTML JavaScript

- Ứng dụng thư viện thao taacutec với GeoServer tạo kiểu hiện thị (style) cho caacutec

lớp dữ liệu

- Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgreSQL bằng Java

Kết quả thu được

- Xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute nhiều

chức năng giao diện thacircn thiện dễ sử dụng

- Baacuteo caacuteo vagrave trigravenh bagravey nội dung đề tagravei

iv

MỤC LỤC

Chương 1 MỞ ĐẦU 1

11 Tiacutenh cấp thiết 1

12 Mục tiecircu đề tagravei 1

13 Giới hạn vagrave phạm vi đề tagravei 2

Chương 2 TỔNG QUAN 3

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh 3

22 Tổng quan về kiến truacutec WebGIS 5

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers 7

231 Cocircng nghệ matilde nguồn mở GeoServer 7

232 Thư viện matilde nguồn mở OpenLayers 9

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript 10

241 Ngocircn ngữ HTML 10

242 Ngocircn ngữ Java 10

243 Ngocircn ngữ JavaScript 10

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam 11

Chương 3 DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP 13

31 Dữ liệu 13

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu 13

321 Chức năng của WebGIS 14

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer 15

323 Caacutec bước tiến hagravenh 16

Chương 4 KẾT QUẢ VAgrave Yacute NGHĨA 30

41 Kết quả 30

42 Yacute nghĩa thực tiễn 44

Chương 5 KẾT LUẬN VAgrave KIẾN NGHỊ 46

TAgraveI LIỆU THAM KHẢO 47

v

DANH SAacuteCH CAacuteC CHỮ VIẾT TẮT

HTML Hyper Text Markup Language

API Application Programming Interface

GIS Geographic Information System

IT Information technology

XML eXtensible Markup Language

PHP Hypertext Preprocessor

URL Uniform Resource Locator

TOPP The Open Planning Project

OGC Open Geospatial Consortium

WMS Web Map Services

WFS Web Feature Services

WCS Web Coverage Service

KML Keyhole Markup Language

GML Geography Markup Language

GIF Graphics Interchange Format

SVG Scalable Vector Graphics

PNG Portable Network Graphics

SMGL Standard Generalized Markup Language

CSDL Cơ sở dữ liệu

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

SQL Structured Query Language

vi

DANH SAacuteCH CAacuteC BẢNG

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL 30

Bảng 42 Thuộc tiacutenh bảng hcquan 31

Bảng 43 Thuộc tiacutenh bảng hcphuong 31

Bảng 44 Thuộc tiacutenh bảng ubnd 32

Bảng 45 Thuộc tiacutenh bảng taikhoan 32

vii

DANH SAacuteCH CAacuteC HIgraveNH

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh 4

Higravenh 22 Kiến truacutec hệ thống WebGIS 6

Higravenh 23 Giao diện GeoServer 8

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer 15

Higravenh 32 Hộp thoại tạo Databases 16

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh 17

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases 17

Higravenh 35 Hộp thoại Import Options 18

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm 19

Higravenh 37 Hộp thoại tạo Workspace 20

Higravenh 38 Hộp thoại tạo Store 20

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu 21

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu 22

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer 22

Higravenh 312 Code tạo kiểu hiển thị (Style) 23

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận 24

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer) 25

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style) 26

Higravenh 316 Code thiết kế tiecircu đề web 27

Higravenh 317 Code thiết kế panel hiển thị bản đồ 27

Higravenh 318 Code khai baacuteo thư viện Script 28

Higravenh 319 Code hiển thị cơ sở dữ liệu 28

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS 29

Higravenh 41 Sơ đồ liecircn kết dữ liệu 33

Higravenh 42 Sơ đồ chức năng quản trị 33

Higravenh 43 Sơ đồ chức năng người dugraveng 34

Higravenh 44 Giao diện phacircn quyền truy cập 35

Higravenh 45 Giao diện đăng nhập sai 36

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng 36

viii

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật 37

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị 38

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật 38

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web 39

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng 39

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL 40

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh 40

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10 41

Higravenh 415 Thocircng tin quận Tacircn Bigravenh 41

Higravenh 416 Thocircng tin xatilde Phước Hiệp 42

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute 42

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường 43

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận 43

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh 44

Chương 1

MỞ ĐẦU

11 Tiacutenh cấp thiết

Việc lưu trữ thocircng tin trecircn bản đồ giấy gacircy khoacute khăn trong việc tigravem kiếm chỉnh

sửa vagrave cập nhật thuộc tiacutenh của đối tượng Điều nagravey đặt ra vấn đề lagravem thế nagraveo để đưa

bản đồ vagrave thocircng tin thuộc tiacutenh lecircn web để lưu trữ vagrave hiển thị thocircng tin một caacutech dễ

dagraveng

Cocircng nghệ web vagrave hệ thống thocircng tin địa lyacute (GIS) ngagravey cagraveng phaacutet triển đogravei hỏi

việc xem bản đồ trecircn Internet được chuacute trọng Sự kết hợp giữa cocircng nghệ web hệ

thống thocircng tin địa lyacute (GIS) tạo thagravenh WebGIS đaacutep ứng được yecircu cầu trecircn

WebGIS trong thời gian gần đacircy phaacutet triển mạnh mẽ vagrave lagrave xu hướng phổ biến

khocircng chỉ hiển thị được dạng thocircng tin thuần tuacutey magrave noacute cograven hiển thị thocircng tin khocircng

gian hữu iacutech cho người sử dụng

Thagravenh phố Hồ Chiacute Minh lagrave trung tacircm kinh tế văn hoacutea xatilde hội của cả nước

Thagravenh phố coacute 24 quận huyện trực thuộc với dacircn số hơn 7 triệu người (thống kecirc ngagravey

01042009) gacircy khoacute khăn trong việc tigravem kiếm vagrave tra cứu thocircng tin hagravenh chiacutenh Đề tagravei

ldquoỨng dụng Cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minhrdquo được thực hiện để hỗ trợ người dugraveng coacute thể tigravem kiếm vagrave truy vấn

một số thocircng tin hagravenh chiacutenh cần thiết trecircn web

12 Mục tiecircu đề tagravei

Xacircy dựng hệ thống cơ sở dữ liệu hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh giuacutep

người quản lyacute quản lyacute tốt dữ liệu thocircng tin hagravenh chiacutenh được thể hiện trực quan trecircn

web

Sử dụng caacutec cocircng cụ phần mềm matilde nguồn mở để khocircng phaacutet sinh nhiều chi phiacute

magrave vẫn đảm bảo hiệu quả

2

Xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute 3 lớp dữ

liệu ranh giới quận ranh giới phường vagrave ủy ban nhacircn dacircn phục vụ cocircng taacutec tra cứu vagrave

tigravem kiếm thocircng tin hagravenh chiacutenh Cụ thể thocircng tin hagravenh chiacutenh gồm tecircn đơn vị hagravenh

chiacutenh matilde đơn vị hagravenh chiacutenh số đơn vị hagravenh chiacutenh (số lượng xatildephường của

quậnhuyện) diện tiacutech vagrave dacircn số

13 Giới hạn vagrave phạm vi đề tagravei

Về khocircng gian nghiecircn cứu trong phạm vi Thagravenh phố Hồ Chiacute Minh

Về thời gian đề tagravei thực hiện trong 4 thaacuteng (từ ngagravey 25012013 đến ngagravey

25052013) tại Phograveng kỹ thuật ndash Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash

Sở Khoa học vagrave Cocircng nghệ Thagravenh phố Hồ Chiacute Minh

Về nội dung đề tagravei xacircy dựng trang WebGIS hiển thị thocircng tin của caacutec lớp dữ liệu

cocircng cụ tương taacutec bản đồ cơ bản truy vấn vagrave cập nhật dữ liệu thuộc tiacutenh

Về cocircng nghệ ứng dụng cocircng nghệ matilde nguồn mở GeoServer thư viện

OpenLayers JavaScript vagrave HQTCSDL PostgreSQL

Chương 2

TỔNG QUAN

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh

Thagravenh phố Hồ Chiacute Minh lagrave thagravenh phố đocircng dacircn nhất đồng thời cũng lagrave trung

tacircm kinh tế văn hoacutea giaacuteo dục quan trọng của Việt Nam Hiện nay Thagravenh phố Hồ Chiacute

Minh vagrave Thủ đocirc Hagrave Nội lagrave đocirc thị loại đặc biệt của Việt Nam Vị triacute địa lyacute khu vực

Thagravenh phố Hồ Chiacute Minh nằm trong khoảng

Từ 10deg10 đến 10deg38 vĩ Bắc vagrave từ 106deg22 đến 106deg54 kinh Đocircng

Coacute diện tiacutech hơn 2000 km2 phiacutea Bắc giaacutep tỉnh Bigravenh Dương Tacircy Bắc giaacutep tỉnh Tacircy

Ninh Đocircng vagrave Đocircng Bắc giaacutep tỉnh Đồng Nai Đocircng Nam giaacutep tỉnh Bagrave Rịa - Vũng

Tagraveu Tacircy vagrave Tacircy Nam giaacutep tỉnh Long An vagrave Tiền Giang Nằm ở miền Nam Việt

Nam với vị triacute tacircm điểm của khu vực Đocircng Nam Aacute Thagravenh phố Hồ Chiacute Minh lagrave

một đầu mối giao thocircng quan trọng về cả đường bộ đường thủy vagrave đường khocircng

nối liền caacutec tỉnh trong vugraveng vagrave cograven lagrave một cửa ngotilde quốc tế

Nằm trong vugraveng chuyển tiếp giữa miền Đocircng Nam Bộ vagrave Tacircy Nam Bộ Thagravenh

phố Hồ Chiacute Minh ngagravey nay bao gồm 19 quận vagrave 5 huyện tổng diện tiacutech 209506 km2

Theo kết quả điều tra dacircn số chiacutenh thức vagraveo thời điểm 0 giờ ngagravey 1 thaacuteng 4 năm 2009

thigrave dacircn số thagravenh phố lagrave 7162864 người (chiếm 834 dacircn số Việt Nam) mật độ trung

bigravenh 3419 ngườikm2 Đến năm 2011 dacircn số thagravenh phố tăng lecircn 7521138 người Tuy

nhiecircn nếu tiacutenh những người cư truacute khocircng đăng kyacute thigrave dacircn số thực tế của thagravenh phố

vượt trecircn 10 triệu người Giữ vai trograve quan trọng trong nền kinh tế Việt Nam Thagravenh

phố Hồ Chiacute Minh chiếm 213 tổng sản phẩm (GDP) vagrave 2938 tổng thu ngacircn saacutech

của cả nước Nhờ điều kiện tự nhiecircn thuận lợi Thagravenh phố Hồ Chiacute Minh trở thagravenh một

đầu mối giao thocircng quan trọng của Việt Nam vagrave Đocircng Nam Aacute bao gồm cả đường bộ

đường sắt đường thủy vagrave đường khocircng Vagraveo năm 2007 thagravenh phố đoacuten khoảng 3 triệu

khaacutech du lịch quốc tế tức 70 lượng khaacutech vagraveo Việt Nam Caacutec lĩnh vực giaacuteo

4

dục truyền thocircng thể thao giải triacute Thagravenh phố Hồ Chiacute Minh đều giữ vai trograve quan

trọng bậc nhất

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

(Nguồn Trang tin điện tử TPHCM - wwwhochiminhcitygovvn)

Tuy vậy Thagravenh phố Hồ Chiacute Minh đang phải đối diện với những vấn đề của một

đocirc thị lớn Trong nội ocirc thagravenh phố đường saacute trở necircn quaacute tải thường xuyecircn ugraven tắc Hệ

thống giao thocircng cocircng cộng keacutem hiệu quả Mocirci trường thagravenh phố cũng đang bị ocirc

nhiễm do phương tiện giao thocircng caacutec cocircng trường xacircy dựng vagrave cocircng nghiệp sản xuất

Đặc biệt việc quản lyacute thocircng tin hagravenh chiacutenh ngagravey cagraveng khoacute khăn khi dacircn số tăng nhanh

đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh

Thagravenh phố Hồ Chiacute Minhrdquo hỗ trợ caacuten bộ quản lyacute cập nhật truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản để giảm chi phiacute vagrave cocircng nghệ hoacutea việc quản lyacute thocircng tin hagravenh

chiacutenh bằng caacutech thủ cocircng Người dugraveng thocircng qua trang web biết được thocircng tin cụ thể

của mỗi đơn vị hagravenh chiacutenh trực thuộc Thagravenh phố Hồ Chiacute Minh

5

22 Tổng quan về kiến truacutec WebGIS

Kiến truacutec web của hệ thống thocircng tin dữ liệu khocircng gian cũng gần giống như

kiến truacutec dagravenh cho một hệ thống thocircng tin web cơ bản khaacutec ngoại trừ coacute sử dụng kỹ

thuật GIS Coacute nhiều dạng cocircng nghệ cho việc thagravenh lập web cho thocircng tin khocircng gian

như MapServer GeoServer ArcGIS Serverhellip

Cơ sở dữ liệu khocircng gian sẽ được dugraveng để quản lyacute vagrave truy xuất dữ liệu khocircng

gian được đặt trecircn Data Server Nhagrave kho hay nơi lưu trữ (Clearing House) được dugraveng

để lưu trữ vagrave duy trigrave siecircu dữ liệu Metadata về những dữ liệu khocircng gian tại những Data

Server khaacutec nhau Dựa trecircn những thagravenh phần quản lyacute dữ liệu ứng dụng Server vagrave mocirc

higravenh Server được dugraveng cho ứng dụng hệ thống để tiacutenh toaacuten thocircng tin khocircng gian qua

caacutec hagravem cụ thể Tất cả kết quả tiacutenh toaacuten của ứng dụng Server sẽ được gởi đến Web

Server để thecircm vagraveo caacutec goacutei HTML gởi cho phiacutea client vagrave hiển thị nơi trigravenh duyệt web

a) Cilent gửi yecircu cầu của người sử dụng thocircng qua giao thức HTTP đến Web Server

b) Web Server nhận yecircu cầu của người dugraveng từ cilent xử lyacute vagrave chuyển tiếp yecircu cầu

đến ứng dụng trecircn Server coacute liecircn quan

c) Application Server (chiacutenh lagrave caacutec ứng dụng GIS) nhận caacutec yecircu cầu cụ thể đối với

caacutec ứng dụng vagrave gọi caacutec hagravem coacute liecircn quan để tiacutenh toaacuten xử lyacute Nếu coacute yecircu cầu dữ

liệu noacute sẽ gửi yecircu cầu dữ liệu đến Data Exchange Center (trung tacircm trao đổi dữ

liệu)

d) Data Exchange Center nhận yecircu cầu dữ liệu tigravem kiếm vị triacute dữ liệu sau đoacute gửi yecircu

cầu dữ liệu đến Data Server chứa dữ liệu cần tigravem

e) Data Server tiến hagravenh truy vấn dữ liệu cần thiết vagrave trả dữ liệu nagravey về cho Data

Exchange Center

f) Data Exchange Center nhận nhiều nguồn dữ liệu từ Data Server sắp xếp logic dữ

liệu theo yecircu cầu vagrave trả dữ liệu về cho Application Server

g) Application Server nhận dữ liệu trả về từ caacutec Data Exchange Center vagrave đưa chuacuteng

đến caacutec hagravem cần sử dụng xử lyacute trả kết quả về Web Server

6

h) Web Server nhận kết quả xử lyacute thecircm vagraveo caacutec code HTML PHPhellip để coacute thể hiển

thị lecircn trigravenh duyệt gửi trả kết quả về cho trigravenh duyệt dưới dạng caacutec trang web

Higravenh 22 Kiến truacutec hệ thống WebGIS

(Nguồn Climate GIS ndash wwwclimategiscom)

Kiến truacutec 3-tier gồm 3 thagravenh phần cơ bản đại diện cho 3 tầng

1) Database (Data tier) lagrave nơi lưu trữ caacutec dữ liệu địa lyacute bao gồm caacutec dữ liệu khocircng

gian vagrave phi khocircng gian Caacutec dữ liệu nagravey được quản trị bởi caacutec hệ quản trị cơ sở dữ liệu

như Oracle MS SQL Server Esri SDE PostgreSQLhellip hoặc lagrave caacutec dạng file dữ liệu

như Shapefile Tab XMLhellip Caacutec dữ liệu nagravey được thiết kế cagravei đặt vagrave xacircy dựng theo

7

từng quy trigravenh cụ thể Tugravey theo quy mocirc vagrave yecircu cầu của hệ thống magrave tổ chức lựa chọn

cocircng nghệ quản trị cơ sở dữ liệu cho phugrave hợp

2) Application Server (Bussiness tier) thường được tiacutech hợp trong một Webserver

nagraveo đoacute viacute dụ như caacutec Web Server nổi tiếng Apache Tomcat Internet Information

Server Đoacute lagrave một ứng dụng phiacutea Server nhiệm vụ chiacutenh của noacute lagrave tiếp nhận caacutec yecircu

cầu từ client lấy dữ liệu từ phiacutea cơ sở dữ liệu theo yecircu cầu client trigravenh bagravey dữ liệu

theo cấu higravenh định sẵn hoặc theo yecircu cầu của client vagrave trả kết quả về theo yecircu cầu

3) Client (Presentation tier) thocircng thường đơn thuần lagrave một Browser như Internet

Explorer FireFox Google Chomehellip để mở caacutec trang web theo URL định sẵn Caacutec

ứng dụng client coacute thể lagrave 1 Website Applet Flashhellip được viết bằng caacutec cocircng nghệ

chuẩn magrave W3C đatilde chứng thực Caacutec client đocirci khi cũng lagrave một ứng dụng Desktop

tương tự như phần mềm MapInfo ArcMaphellip

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers

231 Cocircng nghệ matilde nguồn mở GeoServer

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn Internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Tiếp cận cocircng nghệ WebGIS phugrave hợp lagrave yếu tố quan trọng

để xacircy dựng một WebGIS hoagraven chỉnh vagrave coacute khả năng đaacutep ứng phaacutet triển trong tương

lai Đề tagravei nagravey ứng dụng cocircng nghệ matilde nguồn mở GeoServer để xacircy dựng WebGIS

GeoServer lagrave một maacutey chủ matilde nguồn mở với mục điacutech kết nối những thocircng tin

địa lyacute coacute sẵn tới caacutec WebGIS (trang web địa lyacute) sử dụng chuẩn mở Được bắt đầu bởi

một tổ chức phi lợi nhuận coacute tecircn The Open Planning Project (TOPP) nhằm mục điacutech

hỗ trợ việc xử lyacute thocircng tin khocircng gian địa lyacute với chất lượng cao đơn giản trong sử

dụng lagrave phần mềm matilde nguồn mở nhằm cung cấp vagrave chia sẻ dữ liệu Được kỳ vọng sẽ

trở thagravenh một phương thức đơn giản để kết nối những nguồn thocircng tin coacute sẵn từ

Google Earth NASA World Wind nhằm tạo ra caacutec dịch vụ Webmap như Google

Maps Windows Live Local vagrave Yahoo Maps

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 3: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

ii

CẢM TẠ

Lời đầu tiecircn em xin chacircn thagravenh cảm ơn quiacute Thầy Cocirc đang cocircng taacutec tại Trường

Đại học Nocircng Lacircm Thagravenh phố Hồ Chiacute Minh quiacute Thầy Cocirc - Bộ mocircn Thocircng tin địa lyacute

vagrave Tagravei nguyecircn Khoa Mocirci trường vagrave Tagravei nguyecircn đặc biệt lagrave PGSTS Nguyễn Kim Lợi

- Trưởng Bộ mocircn vagrave Thạc sĩ Nguyễn Thị Huyền ndash Giaacuteo viecircn chủ nhiệm lớp DH09GI

đatilde tận tacircm truyền đạt nhiều kiến thức quiacute baacuteu lagravem nền tảng cho em hoagraven thagravenh tốt

khoacutea luận nagravey

Em chacircn thagravenh cảm ơn Thạc sĩ Quaacutech Đồng Thắng - Trưởng phograveng kỹ thuật

Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute Sở Khoa học vagrave Cocircng nghệ Thagravenh phố

Hồ Chiacute Minh đatilde tận tigravenh chỉ dạy theo saacutet vagrave goacutep yacute cho em trong suốt quaacute trigravenh lagravem

khoacutea luận tốt nghiệp

Cho em gửi lời cảm ơn sacircu sắc đến caacuten bộ - viecircn chức đang cocircng taacutec tại Trung

tacircm ứng dụng hệ thống thocircng tin địa lyacute Sở Khoa học vagrave Cocircng nghệ Thagravenh phố Hồ Chiacute

Minh đặc biệt lagrave anh Trần Trọng Luacircn đatilde tạo điều kiện tốt nhất vagrave giuacutep đỡ em trong

thời gian thực tập

Con cảm ơn gia đigravenh đatilde nuocirci dưỡng dạy bảo tạo mọi điều kiện tốt nhất để con

được học tập cảm ơn Ba Mẹ đatilde chia sẻ vagrave động viecircn mỗi khi con vấp ngatilde luocircn đồng

hagravenh cugraveng con trong suốt thời gian qua

Bản thacircn mặc dugrave đatilde cố gắng vagrave nổ lực để thực hiện đề tagravei tuy nhiecircn khoacutea luận

khocircng traacutenh khỏi những thiếu soacutet vagrave hạn chế Em rất mong nhận được sự chia sẻ goacutep

yacute từ phiacutea quiacute Thầy Cocirc vagrave caacutec bạn để đề tagravei được hoagraven thiện tốt nhất

TpHCM ngagravey 29 thaacuteng 05 năm 2013

Sinh viecircn thực hiện

Lecirc Văn Sony

iii

3TOacuteM TẮT

Đề tagravei nghiecircn cứu ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS

thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo được tiến hagravenh tại Phograveng kỹ thuật ndash

Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ Thagravenh phố

Hồ Chiacute Minh thời gian thực hiện từ ngagravey 25 thaacuteng 01 năm 2013 đến ngagravey 25 thaacuteng 05

năm 2013 Đề tagravei thực hiện theo trigravenh tự sau

- Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trong

hệ quản trị cơ sở dữ liệu PostgreSQL

- Thiết kế giao diện vagrave đưa cơ sở dữ liệu hiển thị lecircn nền web bằng cocircng nghệ

matilde nguồn mở GeoServer thư viện OpenLayers caacutec ngocircn ngữ lập trigravenh

HTML JavaScript

- Ứng dụng thư viện thao taacutec với GeoServer tạo kiểu hiện thị (style) cho caacutec

lớp dữ liệu

- Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgreSQL bằng Java

Kết quả thu được

- Xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute nhiều

chức năng giao diện thacircn thiện dễ sử dụng

- Baacuteo caacuteo vagrave trigravenh bagravey nội dung đề tagravei

iv

MỤC LỤC

Chương 1 MỞ ĐẦU 1

11 Tiacutenh cấp thiết 1

12 Mục tiecircu đề tagravei 1

13 Giới hạn vagrave phạm vi đề tagravei 2

Chương 2 TỔNG QUAN 3

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh 3

22 Tổng quan về kiến truacutec WebGIS 5

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers 7

231 Cocircng nghệ matilde nguồn mở GeoServer 7

232 Thư viện matilde nguồn mở OpenLayers 9

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript 10

241 Ngocircn ngữ HTML 10

242 Ngocircn ngữ Java 10

243 Ngocircn ngữ JavaScript 10

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam 11

Chương 3 DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP 13

31 Dữ liệu 13

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu 13

321 Chức năng của WebGIS 14

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer 15

323 Caacutec bước tiến hagravenh 16

Chương 4 KẾT QUẢ VAgrave Yacute NGHĨA 30

41 Kết quả 30

42 Yacute nghĩa thực tiễn 44

Chương 5 KẾT LUẬN VAgrave KIẾN NGHỊ 46

TAgraveI LIỆU THAM KHẢO 47

v

DANH SAacuteCH CAacuteC CHỮ VIẾT TẮT

HTML Hyper Text Markup Language

API Application Programming Interface

GIS Geographic Information System

IT Information technology

XML eXtensible Markup Language

PHP Hypertext Preprocessor

URL Uniform Resource Locator

TOPP The Open Planning Project

OGC Open Geospatial Consortium

WMS Web Map Services

WFS Web Feature Services

WCS Web Coverage Service

KML Keyhole Markup Language

GML Geography Markup Language

GIF Graphics Interchange Format

SVG Scalable Vector Graphics

PNG Portable Network Graphics

SMGL Standard Generalized Markup Language

CSDL Cơ sở dữ liệu

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

SQL Structured Query Language

vi

DANH SAacuteCH CAacuteC BẢNG

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL 30

Bảng 42 Thuộc tiacutenh bảng hcquan 31

Bảng 43 Thuộc tiacutenh bảng hcphuong 31

Bảng 44 Thuộc tiacutenh bảng ubnd 32

Bảng 45 Thuộc tiacutenh bảng taikhoan 32

vii

DANH SAacuteCH CAacuteC HIgraveNH

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh 4

Higravenh 22 Kiến truacutec hệ thống WebGIS 6

Higravenh 23 Giao diện GeoServer 8

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer 15

Higravenh 32 Hộp thoại tạo Databases 16

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh 17

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases 17

Higravenh 35 Hộp thoại Import Options 18

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm 19

Higravenh 37 Hộp thoại tạo Workspace 20

Higravenh 38 Hộp thoại tạo Store 20

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu 21

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu 22

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer 22

Higravenh 312 Code tạo kiểu hiển thị (Style) 23

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận 24

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer) 25

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style) 26

Higravenh 316 Code thiết kế tiecircu đề web 27

Higravenh 317 Code thiết kế panel hiển thị bản đồ 27

Higravenh 318 Code khai baacuteo thư viện Script 28

Higravenh 319 Code hiển thị cơ sở dữ liệu 28

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS 29

Higravenh 41 Sơ đồ liecircn kết dữ liệu 33

Higravenh 42 Sơ đồ chức năng quản trị 33

Higravenh 43 Sơ đồ chức năng người dugraveng 34

Higravenh 44 Giao diện phacircn quyền truy cập 35

Higravenh 45 Giao diện đăng nhập sai 36

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng 36

viii

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật 37

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị 38

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật 38

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web 39

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng 39

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL 40

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh 40

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10 41

Higravenh 415 Thocircng tin quận Tacircn Bigravenh 41

Higravenh 416 Thocircng tin xatilde Phước Hiệp 42

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute 42

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường 43

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận 43

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh 44

Chương 1

MỞ ĐẦU

11 Tiacutenh cấp thiết

Việc lưu trữ thocircng tin trecircn bản đồ giấy gacircy khoacute khăn trong việc tigravem kiếm chỉnh

sửa vagrave cập nhật thuộc tiacutenh của đối tượng Điều nagravey đặt ra vấn đề lagravem thế nagraveo để đưa

bản đồ vagrave thocircng tin thuộc tiacutenh lecircn web để lưu trữ vagrave hiển thị thocircng tin một caacutech dễ

dagraveng

Cocircng nghệ web vagrave hệ thống thocircng tin địa lyacute (GIS) ngagravey cagraveng phaacutet triển đogravei hỏi

việc xem bản đồ trecircn Internet được chuacute trọng Sự kết hợp giữa cocircng nghệ web hệ

thống thocircng tin địa lyacute (GIS) tạo thagravenh WebGIS đaacutep ứng được yecircu cầu trecircn

WebGIS trong thời gian gần đacircy phaacutet triển mạnh mẽ vagrave lagrave xu hướng phổ biến

khocircng chỉ hiển thị được dạng thocircng tin thuần tuacutey magrave noacute cograven hiển thị thocircng tin khocircng

gian hữu iacutech cho người sử dụng

Thagravenh phố Hồ Chiacute Minh lagrave trung tacircm kinh tế văn hoacutea xatilde hội của cả nước

Thagravenh phố coacute 24 quận huyện trực thuộc với dacircn số hơn 7 triệu người (thống kecirc ngagravey

01042009) gacircy khoacute khăn trong việc tigravem kiếm vagrave tra cứu thocircng tin hagravenh chiacutenh Đề tagravei

ldquoỨng dụng Cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minhrdquo được thực hiện để hỗ trợ người dugraveng coacute thể tigravem kiếm vagrave truy vấn

một số thocircng tin hagravenh chiacutenh cần thiết trecircn web

12 Mục tiecircu đề tagravei

Xacircy dựng hệ thống cơ sở dữ liệu hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh giuacutep

người quản lyacute quản lyacute tốt dữ liệu thocircng tin hagravenh chiacutenh được thể hiện trực quan trecircn

web

Sử dụng caacutec cocircng cụ phần mềm matilde nguồn mở để khocircng phaacutet sinh nhiều chi phiacute

magrave vẫn đảm bảo hiệu quả

2

Xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute 3 lớp dữ

liệu ranh giới quận ranh giới phường vagrave ủy ban nhacircn dacircn phục vụ cocircng taacutec tra cứu vagrave

tigravem kiếm thocircng tin hagravenh chiacutenh Cụ thể thocircng tin hagravenh chiacutenh gồm tecircn đơn vị hagravenh

chiacutenh matilde đơn vị hagravenh chiacutenh số đơn vị hagravenh chiacutenh (số lượng xatildephường của

quậnhuyện) diện tiacutech vagrave dacircn số

13 Giới hạn vagrave phạm vi đề tagravei

Về khocircng gian nghiecircn cứu trong phạm vi Thagravenh phố Hồ Chiacute Minh

Về thời gian đề tagravei thực hiện trong 4 thaacuteng (từ ngagravey 25012013 đến ngagravey

25052013) tại Phograveng kỹ thuật ndash Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash

Sở Khoa học vagrave Cocircng nghệ Thagravenh phố Hồ Chiacute Minh

Về nội dung đề tagravei xacircy dựng trang WebGIS hiển thị thocircng tin của caacutec lớp dữ liệu

cocircng cụ tương taacutec bản đồ cơ bản truy vấn vagrave cập nhật dữ liệu thuộc tiacutenh

Về cocircng nghệ ứng dụng cocircng nghệ matilde nguồn mở GeoServer thư viện

OpenLayers JavaScript vagrave HQTCSDL PostgreSQL

Chương 2

TỔNG QUAN

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh

Thagravenh phố Hồ Chiacute Minh lagrave thagravenh phố đocircng dacircn nhất đồng thời cũng lagrave trung

tacircm kinh tế văn hoacutea giaacuteo dục quan trọng của Việt Nam Hiện nay Thagravenh phố Hồ Chiacute

Minh vagrave Thủ đocirc Hagrave Nội lagrave đocirc thị loại đặc biệt của Việt Nam Vị triacute địa lyacute khu vực

Thagravenh phố Hồ Chiacute Minh nằm trong khoảng

Từ 10deg10 đến 10deg38 vĩ Bắc vagrave từ 106deg22 đến 106deg54 kinh Đocircng

Coacute diện tiacutech hơn 2000 km2 phiacutea Bắc giaacutep tỉnh Bigravenh Dương Tacircy Bắc giaacutep tỉnh Tacircy

Ninh Đocircng vagrave Đocircng Bắc giaacutep tỉnh Đồng Nai Đocircng Nam giaacutep tỉnh Bagrave Rịa - Vũng

Tagraveu Tacircy vagrave Tacircy Nam giaacutep tỉnh Long An vagrave Tiền Giang Nằm ở miền Nam Việt

Nam với vị triacute tacircm điểm của khu vực Đocircng Nam Aacute Thagravenh phố Hồ Chiacute Minh lagrave

một đầu mối giao thocircng quan trọng về cả đường bộ đường thủy vagrave đường khocircng

nối liền caacutec tỉnh trong vugraveng vagrave cograven lagrave một cửa ngotilde quốc tế

Nằm trong vugraveng chuyển tiếp giữa miền Đocircng Nam Bộ vagrave Tacircy Nam Bộ Thagravenh

phố Hồ Chiacute Minh ngagravey nay bao gồm 19 quận vagrave 5 huyện tổng diện tiacutech 209506 km2

Theo kết quả điều tra dacircn số chiacutenh thức vagraveo thời điểm 0 giờ ngagravey 1 thaacuteng 4 năm 2009

thigrave dacircn số thagravenh phố lagrave 7162864 người (chiếm 834 dacircn số Việt Nam) mật độ trung

bigravenh 3419 ngườikm2 Đến năm 2011 dacircn số thagravenh phố tăng lecircn 7521138 người Tuy

nhiecircn nếu tiacutenh những người cư truacute khocircng đăng kyacute thigrave dacircn số thực tế của thagravenh phố

vượt trecircn 10 triệu người Giữ vai trograve quan trọng trong nền kinh tế Việt Nam Thagravenh

phố Hồ Chiacute Minh chiếm 213 tổng sản phẩm (GDP) vagrave 2938 tổng thu ngacircn saacutech

của cả nước Nhờ điều kiện tự nhiecircn thuận lợi Thagravenh phố Hồ Chiacute Minh trở thagravenh một

đầu mối giao thocircng quan trọng của Việt Nam vagrave Đocircng Nam Aacute bao gồm cả đường bộ

đường sắt đường thủy vagrave đường khocircng Vagraveo năm 2007 thagravenh phố đoacuten khoảng 3 triệu

khaacutech du lịch quốc tế tức 70 lượng khaacutech vagraveo Việt Nam Caacutec lĩnh vực giaacuteo

4

dục truyền thocircng thể thao giải triacute Thagravenh phố Hồ Chiacute Minh đều giữ vai trograve quan

trọng bậc nhất

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

(Nguồn Trang tin điện tử TPHCM - wwwhochiminhcitygovvn)

Tuy vậy Thagravenh phố Hồ Chiacute Minh đang phải đối diện với những vấn đề của một

đocirc thị lớn Trong nội ocirc thagravenh phố đường saacute trở necircn quaacute tải thường xuyecircn ugraven tắc Hệ

thống giao thocircng cocircng cộng keacutem hiệu quả Mocirci trường thagravenh phố cũng đang bị ocirc

nhiễm do phương tiện giao thocircng caacutec cocircng trường xacircy dựng vagrave cocircng nghiệp sản xuất

Đặc biệt việc quản lyacute thocircng tin hagravenh chiacutenh ngagravey cagraveng khoacute khăn khi dacircn số tăng nhanh

đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh

Thagravenh phố Hồ Chiacute Minhrdquo hỗ trợ caacuten bộ quản lyacute cập nhật truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản để giảm chi phiacute vagrave cocircng nghệ hoacutea việc quản lyacute thocircng tin hagravenh

chiacutenh bằng caacutech thủ cocircng Người dugraveng thocircng qua trang web biết được thocircng tin cụ thể

của mỗi đơn vị hagravenh chiacutenh trực thuộc Thagravenh phố Hồ Chiacute Minh

5

22 Tổng quan về kiến truacutec WebGIS

Kiến truacutec web của hệ thống thocircng tin dữ liệu khocircng gian cũng gần giống như

kiến truacutec dagravenh cho một hệ thống thocircng tin web cơ bản khaacutec ngoại trừ coacute sử dụng kỹ

thuật GIS Coacute nhiều dạng cocircng nghệ cho việc thagravenh lập web cho thocircng tin khocircng gian

như MapServer GeoServer ArcGIS Serverhellip

Cơ sở dữ liệu khocircng gian sẽ được dugraveng để quản lyacute vagrave truy xuất dữ liệu khocircng

gian được đặt trecircn Data Server Nhagrave kho hay nơi lưu trữ (Clearing House) được dugraveng

để lưu trữ vagrave duy trigrave siecircu dữ liệu Metadata về những dữ liệu khocircng gian tại những Data

Server khaacutec nhau Dựa trecircn những thagravenh phần quản lyacute dữ liệu ứng dụng Server vagrave mocirc

higravenh Server được dugraveng cho ứng dụng hệ thống để tiacutenh toaacuten thocircng tin khocircng gian qua

caacutec hagravem cụ thể Tất cả kết quả tiacutenh toaacuten của ứng dụng Server sẽ được gởi đến Web

Server để thecircm vagraveo caacutec goacutei HTML gởi cho phiacutea client vagrave hiển thị nơi trigravenh duyệt web

a) Cilent gửi yecircu cầu của người sử dụng thocircng qua giao thức HTTP đến Web Server

b) Web Server nhận yecircu cầu của người dugraveng từ cilent xử lyacute vagrave chuyển tiếp yecircu cầu

đến ứng dụng trecircn Server coacute liecircn quan

c) Application Server (chiacutenh lagrave caacutec ứng dụng GIS) nhận caacutec yecircu cầu cụ thể đối với

caacutec ứng dụng vagrave gọi caacutec hagravem coacute liecircn quan để tiacutenh toaacuten xử lyacute Nếu coacute yecircu cầu dữ

liệu noacute sẽ gửi yecircu cầu dữ liệu đến Data Exchange Center (trung tacircm trao đổi dữ

liệu)

d) Data Exchange Center nhận yecircu cầu dữ liệu tigravem kiếm vị triacute dữ liệu sau đoacute gửi yecircu

cầu dữ liệu đến Data Server chứa dữ liệu cần tigravem

e) Data Server tiến hagravenh truy vấn dữ liệu cần thiết vagrave trả dữ liệu nagravey về cho Data

Exchange Center

f) Data Exchange Center nhận nhiều nguồn dữ liệu từ Data Server sắp xếp logic dữ

liệu theo yecircu cầu vagrave trả dữ liệu về cho Application Server

g) Application Server nhận dữ liệu trả về từ caacutec Data Exchange Center vagrave đưa chuacuteng

đến caacutec hagravem cần sử dụng xử lyacute trả kết quả về Web Server

6

h) Web Server nhận kết quả xử lyacute thecircm vagraveo caacutec code HTML PHPhellip để coacute thể hiển

thị lecircn trigravenh duyệt gửi trả kết quả về cho trigravenh duyệt dưới dạng caacutec trang web

Higravenh 22 Kiến truacutec hệ thống WebGIS

(Nguồn Climate GIS ndash wwwclimategiscom)

Kiến truacutec 3-tier gồm 3 thagravenh phần cơ bản đại diện cho 3 tầng

1) Database (Data tier) lagrave nơi lưu trữ caacutec dữ liệu địa lyacute bao gồm caacutec dữ liệu khocircng

gian vagrave phi khocircng gian Caacutec dữ liệu nagravey được quản trị bởi caacutec hệ quản trị cơ sở dữ liệu

như Oracle MS SQL Server Esri SDE PostgreSQLhellip hoặc lagrave caacutec dạng file dữ liệu

như Shapefile Tab XMLhellip Caacutec dữ liệu nagravey được thiết kế cagravei đặt vagrave xacircy dựng theo

7

từng quy trigravenh cụ thể Tugravey theo quy mocirc vagrave yecircu cầu của hệ thống magrave tổ chức lựa chọn

cocircng nghệ quản trị cơ sở dữ liệu cho phugrave hợp

2) Application Server (Bussiness tier) thường được tiacutech hợp trong một Webserver

nagraveo đoacute viacute dụ như caacutec Web Server nổi tiếng Apache Tomcat Internet Information

Server Đoacute lagrave một ứng dụng phiacutea Server nhiệm vụ chiacutenh của noacute lagrave tiếp nhận caacutec yecircu

cầu từ client lấy dữ liệu từ phiacutea cơ sở dữ liệu theo yecircu cầu client trigravenh bagravey dữ liệu

theo cấu higravenh định sẵn hoặc theo yecircu cầu của client vagrave trả kết quả về theo yecircu cầu

3) Client (Presentation tier) thocircng thường đơn thuần lagrave một Browser như Internet

Explorer FireFox Google Chomehellip để mở caacutec trang web theo URL định sẵn Caacutec

ứng dụng client coacute thể lagrave 1 Website Applet Flashhellip được viết bằng caacutec cocircng nghệ

chuẩn magrave W3C đatilde chứng thực Caacutec client đocirci khi cũng lagrave một ứng dụng Desktop

tương tự như phần mềm MapInfo ArcMaphellip

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers

231 Cocircng nghệ matilde nguồn mở GeoServer

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn Internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Tiếp cận cocircng nghệ WebGIS phugrave hợp lagrave yếu tố quan trọng

để xacircy dựng một WebGIS hoagraven chỉnh vagrave coacute khả năng đaacutep ứng phaacutet triển trong tương

lai Đề tagravei nagravey ứng dụng cocircng nghệ matilde nguồn mở GeoServer để xacircy dựng WebGIS

GeoServer lagrave một maacutey chủ matilde nguồn mở với mục điacutech kết nối những thocircng tin

địa lyacute coacute sẵn tới caacutec WebGIS (trang web địa lyacute) sử dụng chuẩn mở Được bắt đầu bởi

một tổ chức phi lợi nhuận coacute tecircn The Open Planning Project (TOPP) nhằm mục điacutech

hỗ trợ việc xử lyacute thocircng tin khocircng gian địa lyacute với chất lượng cao đơn giản trong sử

dụng lagrave phần mềm matilde nguồn mở nhằm cung cấp vagrave chia sẻ dữ liệu Được kỳ vọng sẽ

trở thagravenh một phương thức đơn giản để kết nối những nguồn thocircng tin coacute sẵn từ

Google Earth NASA World Wind nhằm tạo ra caacutec dịch vụ Webmap như Google

Maps Windows Live Local vagrave Yahoo Maps

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 4: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

iii

3TOacuteM TẮT

Đề tagravei nghiecircn cứu ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS

thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo được tiến hagravenh tại Phograveng kỹ thuật ndash

Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ Thagravenh phố

Hồ Chiacute Minh thời gian thực hiện từ ngagravey 25 thaacuteng 01 năm 2013 đến ngagravey 25 thaacuteng 05

năm 2013 Đề tagravei thực hiện theo trigravenh tự sau

- Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trong

hệ quản trị cơ sở dữ liệu PostgreSQL

- Thiết kế giao diện vagrave đưa cơ sở dữ liệu hiển thị lecircn nền web bằng cocircng nghệ

matilde nguồn mở GeoServer thư viện OpenLayers caacutec ngocircn ngữ lập trigravenh

HTML JavaScript

- Ứng dụng thư viện thao taacutec với GeoServer tạo kiểu hiện thị (style) cho caacutec

lớp dữ liệu

- Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgreSQL bằng Java

Kết quả thu được

- Xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute nhiều

chức năng giao diện thacircn thiện dễ sử dụng

- Baacuteo caacuteo vagrave trigravenh bagravey nội dung đề tagravei

iv

MỤC LỤC

Chương 1 MỞ ĐẦU 1

11 Tiacutenh cấp thiết 1

12 Mục tiecircu đề tagravei 1

13 Giới hạn vagrave phạm vi đề tagravei 2

Chương 2 TỔNG QUAN 3

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh 3

22 Tổng quan về kiến truacutec WebGIS 5

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers 7

231 Cocircng nghệ matilde nguồn mở GeoServer 7

232 Thư viện matilde nguồn mở OpenLayers 9

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript 10

241 Ngocircn ngữ HTML 10

242 Ngocircn ngữ Java 10

243 Ngocircn ngữ JavaScript 10

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam 11

Chương 3 DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP 13

31 Dữ liệu 13

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu 13

321 Chức năng của WebGIS 14

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer 15

323 Caacutec bước tiến hagravenh 16

Chương 4 KẾT QUẢ VAgrave Yacute NGHĨA 30

41 Kết quả 30

42 Yacute nghĩa thực tiễn 44

Chương 5 KẾT LUẬN VAgrave KIẾN NGHỊ 46

TAgraveI LIỆU THAM KHẢO 47

v

DANH SAacuteCH CAacuteC CHỮ VIẾT TẮT

HTML Hyper Text Markup Language

API Application Programming Interface

GIS Geographic Information System

IT Information technology

XML eXtensible Markup Language

PHP Hypertext Preprocessor

URL Uniform Resource Locator

TOPP The Open Planning Project

OGC Open Geospatial Consortium

WMS Web Map Services

WFS Web Feature Services

WCS Web Coverage Service

KML Keyhole Markup Language

GML Geography Markup Language

GIF Graphics Interchange Format

SVG Scalable Vector Graphics

PNG Portable Network Graphics

SMGL Standard Generalized Markup Language

CSDL Cơ sở dữ liệu

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

SQL Structured Query Language

vi

DANH SAacuteCH CAacuteC BẢNG

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL 30

Bảng 42 Thuộc tiacutenh bảng hcquan 31

Bảng 43 Thuộc tiacutenh bảng hcphuong 31

Bảng 44 Thuộc tiacutenh bảng ubnd 32

Bảng 45 Thuộc tiacutenh bảng taikhoan 32

vii

DANH SAacuteCH CAacuteC HIgraveNH

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh 4

Higravenh 22 Kiến truacutec hệ thống WebGIS 6

Higravenh 23 Giao diện GeoServer 8

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer 15

Higravenh 32 Hộp thoại tạo Databases 16

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh 17

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases 17

Higravenh 35 Hộp thoại Import Options 18

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm 19

Higravenh 37 Hộp thoại tạo Workspace 20

Higravenh 38 Hộp thoại tạo Store 20

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu 21

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu 22

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer 22

Higravenh 312 Code tạo kiểu hiển thị (Style) 23

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận 24

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer) 25

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style) 26

Higravenh 316 Code thiết kế tiecircu đề web 27

Higravenh 317 Code thiết kế panel hiển thị bản đồ 27

Higravenh 318 Code khai baacuteo thư viện Script 28

Higravenh 319 Code hiển thị cơ sở dữ liệu 28

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS 29

Higravenh 41 Sơ đồ liecircn kết dữ liệu 33

Higravenh 42 Sơ đồ chức năng quản trị 33

Higravenh 43 Sơ đồ chức năng người dugraveng 34

Higravenh 44 Giao diện phacircn quyền truy cập 35

Higravenh 45 Giao diện đăng nhập sai 36

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng 36

viii

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật 37

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị 38

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật 38

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web 39

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng 39

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL 40

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh 40

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10 41

Higravenh 415 Thocircng tin quận Tacircn Bigravenh 41

Higravenh 416 Thocircng tin xatilde Phước Hiệp 42

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute 42

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường 43

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận 43

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh 44

Chương 1

MỞ ĐẦU

11 Tiacutenh cấp thiết

Việc lưu trữ thocircng tin trecircn bản đồ giấy gacircy khoacute khăn trong việc tigravem kiếm chỉnh

sửa vagrave cập nhật thuộc tiacutenh của đối tượng Điều nagravey đặt ra vấn đề lagravem thế nagraveo để đưa

bản đồ vagrave thocircng tin thuộc tiacutenh lecircn web để lưu trữ vagrave hiển thị thocircng tin một caacutech dễ

dagraveng

Cocircng nghệ web vagrave hệ thống thocircng tin địa lyacute (GIS) ngagravey cagraveng phaacutet triển đogravei hỏi

việc xem bản đồ trecircn Internet được chuacute trọng Sự kết hợp giữa cocircng nghệ web hệ

thống thocircng tin địa lyacute (GIS) tạo thagravenh WebGIS đaacutep ứng được yecircu cầu trecircn

WebGIS trong thời gian gần đacircy phaacutet triển mạnh mẽ vagrave lagrave xu hướng phổ biến

khocircng chỉ hiển thị được dạng thocircng tin thuần tuacutey magrave noacute cograven hiển thị thocircng tin khocircng

gian hữu iacutech cho người sử dụng

Thagravenh phố Hồ Chiacute Minh lagrave trung tacircm kinh tế văn hoacutea xatilde hội của cả nước

Thagravenh phố coacute 24 quận huyện trực thuộc với dacircn số hơn 7 triệu người (thống kecirc ngagravey

01042009) gacircy khoacute khăn trong việc tigravem kiếm vagrave tra cứu thocircng tin hagravenh chiacutenh Đề tagravei

ldquoỨng dụng Cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minhrdquo được thực hiện để hỗ trợ người dugraveng coacute thể tigravem kiếm vagrave truy vấn

một số thocircng tin hagravenh chiacutenh cần thiết trecircn web

12 Mục tiecircu đề tagravei

Xacircy dựng hệ thống cơ sở dữ liệu hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh giuacutep

người quản lyacute quản lyacute tốt dữ liệu thocircng tin hagravenh chiacutenh được thể hiện trực quan trecircn

web

Sử dụng caacutec cocircng cụ phần mềm matilde nguồn mở để khocircng phaacutet sinh nhiều chi phiacute

magrave vẫn đảm bảo hiệu quả

2

Xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute 3 lớp dữ

liệu ranh giới quận ranh giới phường vagrave ủy ban nhacircn dacircn phục vụ cocircng taacutec tra cứu vagrave

tigravem kiếm thocircng tin hagravenh chiacutenh Cụ thể thocircng tin hagravenh chiacutenh gồm tecircn đơn vị hagravenh

chiacutenh matilde đơn vị hagravenh chiacutenh số đơn vị hagravenh chiacutenh (số lượng xatildephường của

quậnhuyện) diện tiacutech vagrave dacircn số

13 Giới hạn vagrave phạm vi đề tagravei

Về khocircng gian nghiecircn cứu trong phạm vi Thagravenh phố Hồ Chiacute Minh

Về thời gian đề tagravei thực hiện trong 4 thaacuteng (từ ngagravey 25012013 đến ngagravey

25052013) tại Phograveng kỹ thuật ndash Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash

Sở Khoa học vagrave Cocircng nghệ Thagravenh phố Hồ Chiacute Minh

Về nội dung đề tagravei xacircy dựng trang WebGIS hiển thị thocircng tin của caacutec lớp dữ liệu

cocircng cụ tương taacutec bản đồ cơ bản truy vấn vagrave cập nhật dữ liệu thuộc tiacutenh

Về cocircng nghệ ứng dụng cocircng nghệ matilde nguồn mở GeoServer thư viện

OpenLayers JavaScript vagrave HQTCSDL PostgreSQL

Chương 2

TỔNG QUAN

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh

Thagravenh phố Hồ Chiacute Minh lagrave thagravenh phố đocircng dacircn nhất đồng thời cũng lagrave trung

tacircm kinh tế văn hoacutea giaacuteo dục quan trọng của Việt Nam Hiện nay Thagravenh phố Hồ Chiacute

Minh vagrave Thủ đocirc Hagrave Nội lagrave đocirc thị loại đặc biệt của Việt Nam Vị triacute địa lyacute khu vực

Thagravenh phố Hồ Chiacute Minh nằm trong khoảng

Từ 10deg10 đến 10deg38 vĩ Bắc vagrave từ 106deg22 đến 106deg54 kinh Đocircng

Coacute diện tiacutech hơn 2000 km2 phiacutea Bắc giaacutep tỉnh Bigravenh Dương Tacircy Bắc giaacutep tỉnh Tacircy

Ninh Đocircng vagrave Đocircng Bắc giaacutep tỉnh Đồng Nai Đocircng Nam giaacutep tỉnh Bagrave Rịa - Vũng

Tagraveu Tacircy vagrave Tacircy Nam giaacutep tỉnh Long An vagrave Tiền Giang Nằm ở miền Nam Việt

Nam với vị triacute tacircm điểm của khu vực Đocircng Nam Aacute Thagravenh phố Hồ Chiacute Minh lagrave

một đầu mối giao thocircng quan trọng về cả đường bộ đường thủy vagrave đường khocircng

nối liền caacutec tỉnh trong vugraveng vagrave cograven lagrave một cửa ngotilde quốc tế

Nằm trong vugraveng chuyển tiếp giữa miền Đocircng Nam Bộ vagrave Tacircy Nam Bộ Thagravenh

phố Hồ Chiacute Minh ngagravey nay bao gồm 19 quận vagrave 5 huyện tổng diện tiacutech 209506 km2

Theo kết quả điều tra dacircn số chiacutenh thức vagraveo thời điểm 0 giờ ngagravey 1 thaacuteng 4 năm 2009

thigrave dacircn số thagravenh phố lagrave 7162864 người (chiếm 834 dacircn số Việt Nam) mật độ trung

bigravenh 3419 ngườikm2 Đến năm 2011 dacircn số thagravenh phố tăng lecircn 7521138 người Tuy

nhiecircn nếu tiacutenh những người cư truacute khocircng đăng kyacute thigrave dacircn số thực tế của thagravenh phố

vượt trecircn 10 triệu người Giữ vai trograve quan trọng trong nền kinh tế Việt Nam Thagravenh

phố Hồ Chiacute Minh chiếm 213 tổng sản phẩm (GDP) vagrave 2938 tổng thu ngacircn saacutech

của cả nước Nhờ điều kiện tự nhiecircn thuận lợi Thagravenh phố Hồ Chiacute Minh trở thagravenh một

đầu mối giao thocircng quan trọng của Việt Nam vagrave Đocircng Nam Aacute bao gồm cả đường bộ

đường sắt đường thủy vagrave đường khocircng Vagraveo năm 2007 thagravenh phố đoacuten khoảng 3 triệu

khaacutech du lịch quốc tế tức 70 lượng khaacutech vagraveo Việt Nam Caacutec lĩnh vực giaacuteo

4

dục truyền thocircng thể thao giải triacute Thagravenh phố Hồ Chiacute Minh đều giữ vai trograve quan

trọng bậc nhất

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

(Nguồn Trang tin điện tử TPHCM - wwwhochiminhcitygovvn)

Tuy vậy Thagravenh phố Hồ Chiacute Minh đang phải đối diện với những vấn đề của một

đocirc thị lớn Trong nội ocirc thagravenh phố đường saacute trở necircn quaacute tải thường xuyecircn ugraven tắc Hệ

thống giao thocircng cocircng cộng keacutem hiệu quả Mocirci trường thagravenh phố cũng đang bị ocirc

nhiễm do phương tiện giao thocircng caacutec cocircng trường xacircy dựng vagrave cocircng nghiệp sản xuất

Đặc biệt việc quản lyacute thocircng tin hagravenh chiacutenh ngagravey cagraveng khoacute khăn khi dacircn số tăng nhanh

đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh

Thagravenh phố Hồ Chiacute Minhrdquo hỗ trợ caacuten bộ quản lyacute cập nhật truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản để giảm chi phiacute vagrave cocircng nghệ hoacutea việc quản lyacute thocircng tin hagravenh

chiacutenh bằng caacutech thủ cocircng Người dugraveng thocircng qua trang web biết được thocircng tin cụ thể

của mỗi đơn vị hagravenh chiacutenh trực thuộc Thagravenh phố Hồ Chiacute Minh

5

22 Tổng quan về kiến truacutec WebGIS

Kiến truacutec web của hệ thống thocircng tin dữ liệu khocircng gian cũng gần giống như

kiến truacutec dagravenh cho một hệ thống thocircng tin web cơ bản khaacutec ngoại trừ coacute sử dụng kỹ

thuật GIS Coacute nhiều dạng cocircng nghệ cho việc thagravenh lập web cho thocircng tin khocircng gian

như MapServer GeoServer ArcGIS Serverhellip

Cơ sở dữ liệu khocircng gian sẽ được dugraveng để quản lyacute vagrave truy xuất dữ liệu khocircng

gian được đặt trecircn Data Server Nhagrave kho hay nơi lưu trữ (Clearing House) được dugraveng

để lưu trữ vagrave duy trigrave siecircu dữ liệu Metadata về những dữ liệu khocircng gian tại những Data

Server khaacutec nhau Dựa trecircn những thagravenh phần quản lyacute dữ liệu ứng dụng Server vagrave mocirc

higravenh Server được dugraveng cho ứng dụng hệ thống để tiacutenh toaacuten thocircng tin khocircng gian qua

caacutec hagravem cụ thể Tất cả kết quả tiacutenh toaacuten của ứng dụng Server sẽ được gởi đến Web

Server để thecircm vagraveo caacutec goacutei HTML gởi cho phiacutea client vagrave hiển thị nơi trigravenh duyệt web

a) Cilent gửi yecircu cầu của người sử dụng thocircng qua giao thức HTTP đến Web Server

b) Web Server nhận yecircu cầu của người dugraveng từ cilent xử lyacute vagrave chuyển tiếp yecircu cầu

đến ứng dụng trecircn Server coacute liecircn quan

c) Application Server (chiacutenh lagrave caacutec ứng dụng GIS) nhận caacutec yecircu cầu cụ thể đối với

caacutec ứng dụng vagrave gọi caacutec hagravem coacute liecircn quan để tiacutenh toaacuten xử lyacute Nếu coacute yecircu cầu dữ

liệu noacute sẽ gửi yecircu cầu dữ liệu đến Data Exchange Center (trung tacircm trao đổi dữ

liệu)

d) Data Exchange Center nhận yecircu cầu dữ liệu tigravem kiếm vị triacute dữ liệu sau đoacute gửi yecircu

cầu dữ liệu đến Data Server chứa dữ liệu cần tigravem

e) Data Server tiến hagravenh truy vấn dữ liệu cần thiết vagrave trả dữ liệu nagravey về cho Data

Exchange Center

f) Data Exchange Center nhận nhiều nguồn dữ liệu từ Data Server sắp xếp logic dữ

liệu theo yecircu cầu vagrave trả dữ liệu về cho Application Server

g) Application Server nhận dữ liệu trả về từ caacutec Data Exchange Center vagrave đưa chuacuteng

đến caacutec hagravem cần sử dụng xử lyacute trả kết quả về Web Server

6

h) Web Server nhận kết quả xử lyacute thecircm vagraveo caacutec code HTML PHPhellip để coacute thể hiển

thị lecircn trigravenh duyệt gửi trả kết quả về cho trigravenh duyệt dưới dạng caacutec trang web

Higravenh 22 Kiến truacutec hệ thống WebGIS

(Nguồn Climate GIS ndash wwwclimategiscom)

Kiến truacutec 3-tier gồm 3 thagravenh phần cơ bản đại diện cho 3 tầng

1) Database (Data tier) lagrave nơi lưu trữ caacutec dữ liệu địa lyacute bao gồm caacutec dữ liệu khocircng

gian vagrave phi khocircng gian Caacutec dữ liệu nagravey được quản trị bởi caacutec hệ quản trị cơ sở dữ liệu

như Oracle MS SQL Server Esri SDE PostgreSQLhellip hoặc lagrave caacutec dạng file dữ liệu

như Shapefile Tab XMLhellip Caacutec dữ liệu nagravey được thiết kế cagravei đặt vagrave xacircy dựng theo

7

từng quy trigravenh cụ thể Tugravey theo quy mocirc vagrave yecircu cầu của hệ thống magrave tổ chức lựa chọn

cocircng nghệ quản trị cơ sở dữ liệu cho phugrave hợp

2) Application Server (Bussiness tier) thường được tiacutech hợp trong một Webserver

nagraveo đoacute viacute dụ như caacutec Web Server nổi tiếng Apache Tomcat Internet Information

Server Đoacute lagrave một ứng dụng phiacutea Server nhiệm vụ chiacutenh của noacute lagrave tiếp nhận caacutec yecircu

cầu từ client lấy dữ liệu từ phiacutea cơ sở dữ liệu theo yecircu cầu client trigravenh bagravey dữ liệu

theo cấu higravenh định sẵn hoặc theo yecircu cầu của client vagrave trả kết quả về theo yecircu cầu

3) Client (Presentation tier) thocircng thường đơn thuần lagrave một Browser như Internet

Explorer FireFox Google Chomehellip để mở caacutec trang web theo URL định sẵn Caacutec

ứng dụng client coacute thể lagrave 1 Website Applet Flashhellip được viết bằng caacutec cocircng nghệ

chuẩn magrave W3C đatilde chứng thực Caacutec client đocirci khi cũng lagrave một ứng dụng Desktop

tương tự như phần mềm MapInfo ArcMaphellip

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers

231 Cocircng nghệ matilde nguồn mở GeoServer

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn Internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Tiếp cận cocircng nghệ WebGIS phugrave hợp lagrave yếu tố quan trọng

để xacircy dựng một WebGIS hoagraven chỉnh vagrave coacute khả năng đaacutep ứng phaacutet triển trong tương

lai Đề tagravei nagravey ứng dụng cocircng nghệ matilde nguồn mở GeoServer để xacircy dựng WebGIS

GeoServer lagrave một maacutey chủ matilde nguồn mở với mục điacutech kết nối những thocircng tin

địa lyacute coacute sẵn tới caacutec WebGIS (trang web địa lyacute) sử dụng chuẩn mở Được bắt đầu bởi

một tổ chức phi lợi nhuận coacute tecircn The Open Planning Project (TOPP) nhằm mục điacutech

hỗ trợ việc xử lyacute thocircng tin khocircng gian địa lyacute với chất lượng cao đơn giản trong sử

dụng lagrave phần mềm matilde nguồn mở nhằm cung cấp vagrave chia sẻ dữ liệu Được kỳ vọng sẽ

trở thagravenh một phương thức đơn giản để kết nối những nguồn thocircng tin coacute sẵn từ

Google Earth NASA World Wind nhằm tạo ra caacutec dịch vụ Webmap như Google

Maps Windows Live Local vagrave Yahoo Maps

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 5: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

iv

MỤC LỤC

Chương 1 MỞ ĐẦU 1

11 Tiacutenh cấp thiết 1

12 Mục tiecircu đề tagravei 1

13 Giới hạn vagrave phạm vi đề tagravei 2

Chương 2 TỔNG QUAN 3

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh 3

22 Tổng quan về kiến truacutec WebGIS 5

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers 7

231 Cocircng nghệ matilde nguồn mở GeoServer 7

232 Thư viện matilde nguồn mở OpenLayers 9

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript 10

241 Ngocircn ngữ HTML 10

242 Ngocircn ngữ Java 10

243 Ngocircn ngữ JavaScript 10

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam 11

Chương 3 DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP 13

31 Dữ liệu 13

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu 13

321 Chức năng của WebGIS 14

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer 15

323 Caacutec bước tiến hagravenh 16

Chương 4 KẾT QUẢ VAgrave Yacute NGHĨA 30

41 Kết quả 30

42 Yacute nghĩa thực tiễn 44

Chương 5 KẾT LUẬN VAgrave KIẾN NGHỊ 46

TAgraveI LIỆU THAM KHẢO 47

v

DANH SAacuteCH CAacuteC CHỮ VIẾT TẮT

HTML Hyper Text Markup Language

API Application Programming Interface

GIS Geographic Information System

IT Information technology

XML eXtensible Markup Language

PHP Hypertext Preprocessor

URL Uniform Resource Locator

TOPP The Open Planning Project

OGC Open Geospatial Consortium

WMS Web Map Services

WFS Web Feature Services

WCS Web Coverage Service

KML Keyhole Markup Language

GML Geography Markup Language

GIF Graphics Interchange Format

SVG Scalable Vector Graphics

PNG Portable Network Graphics

SMGL Standard Generalized Markup Language

CSDL Cơ sở dữ liệu

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

SQL Structured Query Language

vi

DANH SAacuteCH CAacuteC BẢNG

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL 30

Bảng 42 Thuộc tiacutenh bảng hcquan 31

Bảng 43 Thuộc tiacutenh bảng hcphuong 31

Bảng 44 Thuộc tiacutenh bảng ubnd 32

Bảng 45 Thuộc tiacutenh bảng taikhoan 32

vii

DANH SAacuteCH CAacuteC HIgraveNH

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh 4

Higravenh 22 Kiến truacutec hệ thống WebGIS 6

Higravenh 23 Giao diện GeoServer 8

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer 15

Higravenh 32 Hộp thoại tạo Databases 16

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh 17

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases 17

Higravenh 35 Hộp thoại Import Options 18

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm 19

Higravenh 37 Hộp thoại tạo Workspace 20

Higravenh 38 Hộp thoại tạo Store 20

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu 21

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu 22

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer 22

Higravenh 312 Code tạo kiểu hiển thị (Style) 23

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận 24

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer) 25

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style) 26

Higravenh 316 Code thiết kế tiecircu đề web 27

Higravenh 317 Code thiết kế panel hiển thị bản đồ 27

Higravenh 318 Code khai baacuteo thư viện Script 28

Higravenh 319 Code hiển thị cơ sở dữ liệu 28

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS 29

Higravenh 41 Sơ đồ liecircn kết dữ liệu 33

Higravenh 42 Sơ đồ chức năng quản trị 33

Higravenh 43 Sơ đồ chức năng người dugraveng 34

Higravenh 44 Giao diện phacircn quyền truy cập 35

Higravenh 45 Giao diện đăng nhập sai 36

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng 36

viii

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật 37

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị 38

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật 38

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web 39

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng 39

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL 40

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh 40

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10 41

Higravenh 415 Thocircng tin quận Tacircn Bigravenh 41

Higravenh 416 Thocircng tin xatilde Phước Hiệp 42

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute 42

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường 43

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận 43

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh 44

Chương 1

MỞ ĐẦU

11 Tiacutenh cấp thiết

Việc lưu trữ thocircng tin trecircn bản đồ giấy gacircy khoacute khăn trong việc tigravem kiếm chỉnh

sửa vagrave cập nhật thuộc tiacutenh của đối tượng Điều nagravey đặt ra vấn đề lagravem thế nagraveo để đưa

bản đồ vagrave thocircng tin thuộc tiacutenh lecircn web để lưu trữ vagrave hiển thị thocircng tin một caacutech dễ

dagraveng

Cocircng nghệ web vagrave hệ thống thocircng tin địa lyacute (GIS) ngagravey cagraveng phaacutet triển đogravei hỏi

việc xem bản đồ trecircn Internet được chuacute trọng Sự kết hợp giữa cocircng nghệ web hệ

thống thocircng tin địa lyacute (GIS) tạo thagravenh WebGIS đaacutep ứng được yecircu cầu trecircn

WebGIS trong thời gian gần đacircy phaacutet triển mạnh mẽ vagrave lagrave xu hướng phổ biến

khocircng chỉ hiển thị được dạng thocircng tin thuần tuacutey magrave noacute cograven hiển thị thocircng tin khocircng

gian hữu iacutech cho người sử dụng

Thagravenh phố Hồ Chiacute Minh lagrave trung tacircm kinh tế văn hoacutea xatilde hội của cả nước

Thagravenh phố coacute 24 quận huyện trực thuộc với dacircn số hơn 7 triệu người (thống kecirc ngagravey

01042009) gacircy khoacute khăn trong việc tigravem kiếm vagrave tra cứu thocircng tin hagravenh chiacutenh Đề tagravei

ldquoỨng dụng Cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minhrdquo được thực hiện để hỗ trợ người dugraveng coacute thể tigravem kiếm vagrave truy vấn

một số thocircng tin hagravenh chiacutenh cần thiết trecircn web

12 Mục tiecircu đề tagravei

Xacircy dựng hệ thống cơ sở dữ liệu hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh giuacutep

người quản lyacute quản lyacute tốt dữ liệu thocircng tin hagravenh chiacutenh được thể hiện trực quan trecircn

web

Sử dụng caacutec cocircng cụ phần mềm matilde nguồn mở để khocircng phaacutet sinh nhiều chi phiacute

magrave vẫn đảm bảo hiệu quả

2

Xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute 3 lớp dữ

liệu ranh giới quận ranh giới phường vagrave ủy ban nhacircn dacircn phục vụ cocircng taacutec tra cứu vagrave

tigravem kiếm thocircng tin hagravenh chiacutenh Cụ thể thocircng tin hagravenh chiacutenh gồm tecircn đơn vị hagravenh

chiacutenh matilde đơn vị hagravenh chiacutenh số đơn vị hagravenh chiacutenh (số lượng xatildephường của

quậnhuyện) diện tiacutech vagrave dacircn số

13 Giới hạn vagrave phạm vi đề tagravei

Về khocircng gian nghiecircn cứu trong phạm vi Thagravenh phố Hồ Chiacute Minh

Về thời gian đề tagravei thực hiện trong 4 thaacuteng (từ ngagravey 25012013 đến ngagravey

25052013) tại Phograveng kỹ thuật ndash Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash

Sở Khoa học vagrave Cocircng nghệ Thagravenh phố Hồ Chiacute Minh

Về nội dung đề tagravei xacircy dựng trang WebGIS hiển thị thocircng tin của caacutec lớp dữ liệu

cocircng cụ tương taacutec bản đồ cơ bản truy vấn vagrave cập nhật dữ liệu thuộc tiacutenh

Về cocircng nghệ ứng dụng cocircng nghệ matilde nguồn mở GeoServer thư viện

OpenLayers JavaScript vagrave HQTCSDL PostgreSQL

Chương 2

TỔNG QUAN

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh

Thagravenh phố Hồ Chiacute Minh lagrave thagravenh phố đocircng dacircn nhất đồng thời cũng lagrave trung

tacircm kinh tế văn hoacutea giaacuteo dục quan trọng của Việt Nam Hiện nay Thagravenh phố Hồ Chiacute

Minh vagrave Thủ đocirc Hagrave Nội lagrave đocirc thị loại đặc biệt của Việt Nam Vị triacute địa lyacute khu vực

Thagravenh phố Hồ Chiacute Minh nằm trong khoảng

Từ 10deg10 đến 10deg38 vĩ Bắc vagrave từ 106deg22 đến 106deg54 kinh Đocircng

Coacute diện tiacutech hơn 2000 km2 phiacutea Bắc giaacutep tỉnh Bigravenh Dương Tacircy Bắc giaacutep tỉnh Tacircy

Ninh Đocircng vagrave Đocircng Bắc giaacutep tỉnh Đồng Nai Đocircng Nam giaacutep tỉnh Bagrave Rịa - Vũng

Tagraveu Tacircy vagrave Tacircy Nam giaacutep tỉnh Long An vagrave Tiền Giang Nằm ở miền Nam Việt

Nam với vị triacute tacircm điểm của khu vực Đocircng Nam Aacute Thagravenh phố Hồ Chiacute Minh lagrave

một đầu mối giao thocircng quan trọng về cả đường bộ đường thủy vagrave đường khocircng

nối liền caacutec tỉnh trong vugraveng vagrave cograven lagrave một cửa ngotilde quốc tế

Nằm trong vugraveng chuyển tiếp giữa miền Đocircng Nam Bộ vagrave Tacircy Nam Bộ Thagravenh

phố Hồ Chiacute Minh ngagravey nay bao gồm 19 quận vagrave 5 huyện tổng diện tiacutech 209506 km2

Theo kết quả điều tra dacircn số chiacutenh thức vagraveo thời điểm 0 giờ ngagravey 1 thaacuteng 4 năm 2009

thigrave dacircn số thagravenh phố lagrave 7162864 người (chiếm 834 dacircn số Việt Nam) mật độ trung

bigravenh 3419 ngườikm2 Đến năm 2011 dacircn số thagravenh phố tăng lecircn 7521138 người Tuy

nhiecircn nếu tiacutenh những người cư truacute khocircng đăng kyacute thigrave dacircn số thực tế của thagravenh phố

vượt trecircn 10 triệu người Giữ vai trograve quan trọng trong nền kinh tế Việt Nam Thagravenh

phố Hồ Chiacute Minh chiếm 213 tổng sản phẩm (GDP) vagrave 2938 tổng thu ngacircn saacutech

của cả nước Nhờ điều kiện tự nhiecircn thuận lợi Thagravenh phố Hồ Chiacute Minh trở thagravenh một

đầu mối giao thocircng quan trọng của Việt Nam vagrave Đocircng Nam Aacute bao gồm cả đường bộ

đường sắt đường thủy vagrave đường khocircng Vagraveo năm 2007 thagravenh phố đoacuten khoảng 3 triệu

khaacutech du lịch quốc tế tức 70 lượng khaacutech vagraveo Việt Nam Caacutec lĩnh vực giaacuteo

4

dục truyền thocircng thể thao giải triacute Thagravenh phố Hồ Chiacute Minh đều giữ vai trograve quan

trọng bậc nhất

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

(Nguồn Trang tin điện tử TPHCM - wwwhochiminhcitygovvn)

Tuy vậy Thagravenh phố Hồ Chiacute Minh đang phải đối diện với những vấn đề của một

đocirc thị lớn Trong nội ocirc thagravenh phố đường saacute trở necircn quaacute tải thường xuyecircn ugraven tắc Hệ

thống giao thocircng cocircng cộng keacutem hiệu quả Mocirci trường thagravenh phố cũng đang bị ocirc

nhiễm do phương tiện giao thocircng caacutec cocircng trường xacircy dựng vagrave cocircng nghiệp sản xuất

Đặc biệt việc quản lyacute thocircng tin hagravenh chiacutenh ngagravey cagraveng khoacute khăn khi dacircn số tăng nhanh

đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh

Thagravenh phố Hồ Chiacute Minhrdquo hỗ trợ caacuten bộ quản lyacute cập nhật truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản để giảm chi phiacute vagrave cocircng nghệ hoacutea việc quản lyacute thocircng tin hagravenh

chiacutenh bằng caacutech thủ cocircng Người dugraveng thocircng qua trang web biết được thocircng tin cụ thể

của mỗi đơn vị hagravenh chiacutenh trực thuộc Thagravenh phố Hồ Chiacute Minh

5

22 Tổng quan về kiến truacutec WebGIS

Kiến truacutec web của hệ thống thocircng tin dữ liệu khocircng gian cũng gần giống như

kiến truacutec dagravenh cho một hệ thống thocircng tin web cơ bản khaacutec ngoại trừ coacute sử dụng kỹ

thuật GIS Coacute nhiều dạng cocircng nghệ cho việc thagravenh lập web cho thocircng tin khocircng gian

như MapServer GeoServer ArcGIS Serverhellip

Cơ sở dữ liệu khocircng gian sẽ được dugraveng để quản lyacute vagrave truy xuất dữ liệu khocircng

gian được đặt trecircn Data Server Nhagrave kho hay nơi lưu trữ (Clearing House) được dugraveng

để lưu trữ vagrave duy trigrave siecircu dữ liệu Metadata về những dữ liệu khocircng gian tại những Data

Server khaacutec nhau Dựa trecircn những thagravenh phần quản lyacute dữ liệu ứng dụng Server vagrave mocirc

higravenh Server được dugraveng cho ứng dụng hệ thống để tiacutenh toaacuten thocircng tin khocircng gian qua

caacutec hagravem cụ thể Tất cả kết quả tiacutenh toaacuten của ứng dụng Server sẽ được gởi đến Web

Server để thecircm vagraveo caacutec goacutei HTML gởi cho phiacutea client vagrave hiển thị nơi trigravenh duyệt web

a) Cilent gửi yecircu cầu của người sử dụng thocircng qua giao thức HTTP đến Web Server

b) Web Server nhận yecircu cầu của người dugraveng từ cilent xử lyacute vagrave chuyển tiếp yecircu cầu

đến ứng dụng trecircn Server coacute liecircn quan

c) Application Server (chiacutenh lagrave caacutec ứng dụng GIS) nhận caacutec yecircu cầu cụ thể đối với

caacutec ứng dụng vagrave gọi caacutec hagravem coacute liecircn quan để tiacutenh toaacuten xử lyacute Nếu coacute yecircu cầu dữ

liệu noacute sẽ gửi yecircu cầu dữ liệu đến Data Exchange Center (trung tacircm trao đổi dữ

liệu)

d) Data Exchange Center nhận yecircu cầu dữ liệu tigravem kiếm vị triacute dữ liệu sau đoacute gửi yecircu

cầu dữ liệu đến Data Server chứa dữ liệu cần tigravem

e) Data Server tiến hagravenh truy vấn dữ liệu cần thiết vagrave trả dữ liệu nagravey về cho Data

Exchange Center

f) Data Exchange Center nhận nhiều nguồn dữ liệu từ Data Server sắp xếp logic dữ

liệu theo yecircu cầu vagrave trả dữ liệu về cho Application Server

g) Application Server nhận dữ liệu trả về từ caacutec Data Exchange Center vagrave đưa chuacuteng

đến caacutec hagravem cần sử dụng xử lyacute trả kết quả về Web Server

6

h) Web Server nhận kết quả xử lyacute thecircm vagraveo caacutec code HTML PHPhellip để coacute thể hiển

thị lecircn trigravenh duyệt gửi trả kết quả về cho trigravenh duyệt dưới dạng caacutec trang web

Higravenh 22 Kiến truacutec hệ thống WebGIS

(Nguồn Climate GIS ndash wwwclimategiscom)

Kiến truacutec 3-tier gồm 3 thagravenh phần cơ bản đại diện cho 3 tầng

1) Database (Data tier) lagrave nơi lưu trữ caacutec dữ liệu địa lyacute bao gồm caacutec dữ liệu khocircng

gian vagrave phi khocircng gian Caacutec dữ liệu nagravey được quản trị bởi caacutec hệ quản trị cơ sở dữ liệu

như Oracle MS SQL Server Esri SDE PostgreSQLhellip hoặc lagrave caacutec dạng file dữ liệu

như Shapefile Tab XMLhellip Caacutec dữ liệu nagravey được thiết kế cagravei đặt vagrave xacircy dựng theo

7

từng quy trigravenh cụ thể Tugravey theo quy mocirc vagrave yecircu cầu của hệ thống magrave tổ chức lựa chọn

cocircng nghệ quản trị cơ sở dữ liệu cho phugrave hợp

2) Application Server (Bussiness tier) thường được tiacutech hợp trong một Webserver

nagraveo đoacute viacute dụ như caacutec Web Server nổi tiếng Apache Tomcat Internet Information

Server Đoacute lagrave một ứng dụng phiacutea Server nhiệm vụ chiacutenh của noacute lagrave tiếp nhận caacutec yecircu

cầu từ client lấy dữ liệu từ phiacutea cơ sở dữ liệu theo yecircu cầu client trigravenh bagravey dữ liệu

theo cấu higravenh định sẵn hoặc theo yecircu cầu của client vagrave trả kết quả về theo yecircu cầu

3) Client (Presentation tier) thocircng thường đơn thuần lagrave một Browser như Internet

Explorer FireFox Google Chomehellip để mở caacutec trang web theo URL định sẵn Caacutec

ứng dụng client coacute thể lagrave 1 Website Applet Flashhellip được viết bằng caacutec cocircng nghệ

chuẩn magrave W3C đatilde chứng thực Caacutec client đocirci khi cũng lagrave một ứng dụng Desktop

tương tự như phần mềm MapInfo ArcMaphellip

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers

231 Cocircng nghệ matilde nguồn mở GeoServer

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn Internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Tiếp cận cocircng nghệ WebGIS phugrave hợp lagrave yếu tố quan trọng

để xacircy dựng một WebGIS hoagraven chỉnh vagrave coacute khả năng đaacutep ứng phaacutet triển trong tương

lai Đề tagravei nagravey ứng dụng cocircng nghệ matilde nguồn mở GeoServer để xacircy dựng WebGIS

GeoServer lagrave một maacutey chủ matilde nguồn mở với mục điacutech kết nối những thocircng tin

địa lyacute coacute sẵn tới caacutec WebGIS (trang web địa lyacute) sử dụng chuẩn mở Được bắt đầu bởi

một tổ chức phi lợi nhuận coacute tecircn The Open Planning Project (TOPP) nhằm mục điacutech

hỗ trợ việc xử lyacute thocircng tin khocircng gian địa lyacute với chất lượng cao đơn giản trong sử

dụng lagrave phần mềm matilde nguồn mở nhằm cung cấp vagrave chia sẻ dữ liệu Được kỳ vọng sẽ

trở thagravenh một phương thức đơn giản để kết nối những nguồn thocircng tin coacute sẵn từ

Google Earth NASA World Wind nhằm tạo ra caacutec dịch vụ Webmap như Google

Maps Windows Live Local vagrave Yahoo Maps

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 6: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

v

DANH SAacuteCH CAacuteC CHỮ VIẾT TẮT

HTML Hyper Text Markup Language

API Application Programming Interface

GIS Geographic Information System

IT Information technology

XML eXtensible Markup Language

PHP Hypertext Preprocessor

URL Uniform Resource Locator

TOPP The Open Planning Project

OGC Open Geospatial Consortium

WMS Web Map Services

WFS Web Feature Services

WCS Web Coverage Service

KML Keyhole Markup Language

GML Geography Markup Language

GIF Graphics Interchange Format

SVG Scalable Vector Graphics

PNG Portable Network Graphics

SMGL Standard Generalized Markup Language

CSDL Cơ sở dữ liệu

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

SQL Structured Query Language

vi

DANH SAacuteCH CAacuteC BẢNG

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL 30

Bảng 42 Thuộc tiacutenh bảng hcquan 31

Bảng 43 Thuộc tiacutenh bảng hcphuong 31

Bảng 44 Thuộc tiacutenh bảng ubnd 32

Bảng 45 Thuộc tiacutenh bảng taikhoan 32

vii

DANH SAacuteCH CAacuteC HIgraveNH

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh 4

Higravenh 22 Kiến truacutec hệ thống WebGIS 6

Higravenh 23 Giao diện GeoServer 8

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer 15

Higravenh 32 Hộp thoại tạo Databases 16

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh 17

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases 17

Higravenh 35 Hộp thoại Import Options 18

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm 19

Higravenh 37 Hộp thoại tạo Workspace 20

Higravenh 38 Hộp thoại tạo Store 20

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu 21

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu 22

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer 22

Higravenh 312 Code tạo kiểu hiển thị (Style) 23

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận 24

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer) 25

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style) 26

Higravenh 316 Code thiết kế tiecircu đề web 27

Higravenh 317 Code thiết kế panel hiển thị bản đồ 27

Higravenh 318 Code khai baacuteo thư viện Script 28

Higravenh 319 Code hiển thị cơ sở dữ liệu 28

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS 29

Higravenh 41 Sơ đồ liecircn kết dữ liệu 33

Higravenh 42 Sơ đồ chức năng quản trị 33

Higravenh 43 Sơ đồ chức năng người dugraveng 34

Higravenh 44 Giao diện phacircn quyền truy cập 35

Higravenh 45 Giao diện đăng nhập sai 36

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng 36

viii

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật 37

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị 38

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật 38

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web 39

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng 39

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL 40

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh 40

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10 41

Higravenh 415 Thocircng tin quận Tacircn Bigravenh 41

Higravenh 416 Thocircng tin xatilde Phước Hiệp 42

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute 42

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường 43

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận 43

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh 44

Chương 1

MỞ ĐẦU

11 Tiacutenh cấp thiết

Việc lưu trữ thocircng tin trecircn bản đồ giấy gacircy khoacute khăn trong việc tigravem kiếm chỉnh

sửa vagrave cập nhật thuộc tiacutenh của đối tượng Điều nagravey đặt ra vấn đề lagravem thế nagraveo để đưa

bản đồ vagrave thocircng tin thuộc tiacutenh lecircn web để lưu trữ vagrave hiển thị thocircng tin một caacutech dễ

dagraveng

Cocircng nghệ web vagrave hệ thống thocircng tin địa lyacute (GIS) ngagravey cagraveng phaacutet triển đogravei hỏi

việc xem bản đồ trecircn Internet được chuacute trọng Sự kết hợp giữa cocircng nghệ web hệ

thống thocircng tin địa lyacute (GIS) tạo thagravenh WebGIS đaacutep ứng được yecircu cầu trecircn

WebGIS trong thời gian gần đacircy phaacutet triển mạnh mẽ vagrave lagrave xu hướng phổ biến

khocircng chỉ hiển thị được dạng thocircng tin thuần tuacutey magrave noacute cograven hiển thị thocircng tin khocircng

gian hữu iacutech cho người sử dụng

Thagravenh phố Hồ Chiacute Minh lagrave trung tacircm kinh tế văn hoacutea xatilde hội của cả nước

Thagravenh phố coacute 24 quận huyện trực thuộc với dacircn số hơn 7 triệu người (thống kecirc ngagravey

01042009) gacircy khoacute khăn trong việc tigravem kiếm vagrave tra cứu thocircng tin hagravenh chiacutenh Đề tagravei

ldquoỨng dụng Cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minhrdquo được thực hiện để hỗ trợ người dugraveng coacute thể tigravem kiếm vagrave truy vấn

một số thocircng tin hagravenh chiacutenh cần thiết trecircn web

12 Mục tiecircu đề tagravei

Xacircy dựng hệ thống cơ sở dữ liệu hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh giuacutep

người quản lyacute quản lyacute tốt dữ liệu thocircng tin hagravenh chiacutenh được thể hiện trực quan trecircn

web

Sử dụng caacutec cocircng cụ phần mềm matilde nguồn mở để khocircng phaacutet sinh nhiều chi phiacute

magrave vẫn đảm bảo hiệu quả

2

Xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute 3 lớp dữ

liệu ranh giới quận ranh giới phường vagrave ủy ban nhacircn dacircn phục vụ cocircng taacutec tra cứu vagrave

tigravem kiếm thocircng tin hagravenh chiacutenh Cụ thể thocircng tin hagravenh chiacutenh gồm tecircn đơn vị hagravenh

chiacutenh matilde đơn vị hagravenh chiacutenh số đơn vị hagravenh chiacutenh (số lượng xatildephường của

quậnhuyện) diện tiacutech vagrave dacircn số

13 Giới hạn vagrave phạm vi đề tagravei

Về khocircng gian nghiecircn cứu trong phạm vi Thagravenh phố Hồ Chiacute Minh

Về thời gian đề tagravei thực hiện trong 4 thaacuteng (từ ngagravey 25012013 đến ngagravey

25052013) tại Phograveng kỹ thuật ndash Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash

Sở Khoa học vagrave Cocircng nghệ Thagravenh phố Hồ Chiacute Minh

Về nội dung đề tagravei xacircy dựng trang WebGIS hiển thị thocircng tin của caacutec lớp dữ liệu

cocircng cụ tương taacutec bản đồ cơ bản truy vấn vagrave cập nhật dữ liệu thuộc tiacutenh

Về cocircng nghệ ứng dụng cocircng nghệ matilde nguồn mở GeoServer thư viện

OpenLayers JavaScript vagrave HQTCSDL PostgreSQL

Chương 2

TỔNG QUAN

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh

Thagravenh phố Hồ Chiacute Minh lagrave thagravenh phố đocircng dacircn nhất đồng thời cũng lagrave trung

tacircm kinh tế văn hoacutea giaacuteo dục quan trọng của Việt Nam Hiện nay Thagravenh phố Hồ Chiacute

Minh vagrave Thủ đocirc Hagrave Nội lagrave đocirc thị loại đặc biệt của Việt Nam Vị triacute địa lyacute khu vực

Thagravenh phố Hồ Chiacute Minh nằm trong khoảng

Từ 10deg10 đến 10deg38 vĩ Bắc vagrave từ 106deg22 đến 106deg54 kinh Đocircng

Coacute diện tiacutech hơn 2000 km2 phiacutea Bắc giaacutep tỉnh Bigravenh Dương Tacircy Bắc giaacutep tỉnh Tacircy

Ninh Đocircng vagrave Đocircng Bắc giaacutep tỉnh Đồng Nai Đocircng Nam giaacutep tỉnh Bagrave Rịa - Vũng

Tagraveu Tacircy vagrave Tacircy Nam giaacutep tỉnh Long An vagrave Tiền Giang Nằm ở miền Nam Việt

Nam với vị triacute tacircm điểm của khu vực Đocircng Nam Aacute Thagravenh phố Hồ Chiacute Minh lagrave

một đầu mối giao thocircng quan trọng về cả đường bộ đường thủy vagrave đường khocircng

nối liền caacutec tỉnh trong vugraveng vagrave cograven lagrave một cửa ngotilde quốc tế

Nằm trong vugraveng chuyển tiếp giữa miền Đocircng Nam Bộ vagrave Tacircy Nam Bộ Thagravenh

phố Hồ Chiacute Minh ngagravey nay bao gồm 19 quận vagrave 5 huyện tổng diện tiacutech 209506 km2

Theo kết quả điều tra dacircn số chiacutenh thức vagraveo thời điểm 0 giờ ngagravey 1 thaacuteng 4 năm 2009

thigrave dacircn số thagravenh phố lagrave 7162864 người (chiếm 834 dacircn số Việt Nam) mật độ trung

bigravenh 3419 ngườikm2 Đến năm 2011 dacircn số thagravenh phố tăng lecircn 7521138 người Tuy

nhiecircn nếu tiacutenh những người cư truacute khocircng đăng kyacute thigrave dacircn số thực tế của thagravenh phố

vượt trecircn 10 triệu người Giữ vai trograve quan trọng trong nền kinh tế Việt Nam Thagravenh

phố Hồ Chiacute Minh chiếm 213 tổng sản phẩm (GDP) vagrave 2938 tổng thu ngacircn saacutech

của cả nước Nhờ điều kiện tự nhiecircn thuận lợi Thagravenh phố Hồ Chiacute Minh trở thagravenh một

đầu mối giao thocircng quan trọng của Việt Nam vagrave Đocircng Nam Aacute bao gồm cả đường bộ

đường sắt đường thủy vagrave đường khocircng Vagraveo năm 2007 thagravenh phố đoacuten khoảng 3 triệu

khaacutech du lịch quốc tế tức 70 lượng khaacutech vagraveo Việt Nam Caacutec lĩnh vực giaacuteo

4

dục truyền thocircng thể thao giải triacute Thagravenh phố Hồ Chiacute Minh đều giữ vai trograve quan

trọng bậc nhất

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

(Nguồn Trang tin điện tử TPHCM - wwwhochiminhcitygovvn)

Tuy vậy Thagravenh phố Hồ Chiacute Minh đang phải đối diện với những vấn đề của một

đocirc thị lớn Trong nội ocirc thagravenh phố đường saacute trở necircn quaacute tải thường xuyecircn ugraven tắc Hệ

thống giao thocircng cocircng cộng keacutem hiệu quả Mocirci trường thagravenh phố cũng đang bị ocirc

nhiễm do phương tiện giao thocircng caacutec cocircng trường xacircy dựng vagrave cocircng nghiệp sản xuất

Đặc biệt việc quản lyacute thocircng tin hagravenh chiacutenh ngagravey cagraveng khoacute khăn khi dacircn số tăng nhanh

đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh

Thagravenh phố Hồ Chiacute Minhrdquo hỗ trợ caacuten bộ quản lyacute cập nhật truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản để giảm chi phiacute vagrave cocircng nghệ hoacutea việc quản lyacute thocircng tin hagravenh

chiacutenh bằng caacutech thủ cocircng Người dugraveng thocircng qua trang web biết được thocircng tin cụ thể

của mỗi đơn vị hagravenh chiacutenh trực thuộc Thagravenh phố Hồ Chiacute Minh

5

22 Tổng quan về kiến truacutec WebGIS

Kiến truacutec web của hệ thống thocircng tin dữ liệu khocircng gian cũng gần giống như

kiến truacutec dagravenh cho một hệ thống thocircng tin web cơ bản khaacutec ngoại trừ coacute sử dụng kỹ

thuật GIS Coacute nhiều dạng cocircng nghệ cho việc thagravenh lập web cho thocircng tin khocircng gian

như MapServer GeoServer ArcGIS Serverhellip

Cơ sở dữ liệu khocircng gian sẽ được dugraveng để quản lyacute vagrave truy xuất dữ liệu khocircng

gian được đặt trecircn Data Server Nhagrave kho hay nơi lưu trữ (Clearing House) được dugraveng

để lưu trữ vagrave duy trigrave siecircu dữ liệu Metadata về những dữ liệu khocircng gian tại những Data

Server khaacutec nhau Dựa trecircn những thagravenh phần quản lyacute dữ liệu ứng dụng Server vagrave mocirc

higravenh Server được dugraveng cho ứng dụng hệ thống để tiacutenh toaacuten thocircng tin khocircng gian qua

caacutec hagravem cụ thể Tất cả kết quả tiacutenh toaacuten của ứng dụng Server sẽ được gởi đến Web

Server để thecircm vagraveo caacutec goacutei HTML gởi cho phiacutea client vagrave hiển thị nơi trigravenh duyệt web

a) Cilent gửi yecircu cầu của người sử dụng thocircng qua giao thức HTTP đến Web Server

b) Web Server nhận yecircu cầu của người dugraveng từ cilent xử lyacute vagrave chuyển tiếp yecircu cầu

đến ứng dụng trecircn Server coacute liecircn quan

c) Application Server (chiacutenh lagrave caacutec ứng dụng GIS) nhận caacutec yecircu cầu cụ thể đối với

caacutec ứng dụng vagrave gọi caacutec hagravem coacute liecircn quan để tiacutenh toaacuten xử lyacute Nếu coacute yecircu cầu dữ

liệu noacute sẽ gửi yecircu cầu dữ liệu đến Data Exchange Center (trung tacircm trao đổi dữ

liệu)

d) Data Exchange Center nhận yecircu cầu dữ liệu tigravem kiếm vị triacute dữ liệu sau đoacute gửi yecircu

cầu dữ liệu đến Data Server chứa dữ liệu cần tigravem

e) Data Server tiến hagravenh truy vấn dữ liệu cần thiết vagrave trả dữ liệu nagravey về cho Data

Exchange Center

f) Data Exchange Center nhận nhiều nguồn dữ liệu từ Data Server sắp xếp logic dữ

liệu theo yecircu cầu vagrave trả dữ liệu về cho Application Server

g) Application Server nhận dữ liệu trả về từ caacutec Data Exchange Center vagrave đưa chuacuteng

đến caacutec hagravem cần sử dụng xử lyacute trả kết quả về Web Server

6

h) Web Server nhận kết quả xử lyacute thecircm vagraveo caacutec code HTML PHPhellip để coacute thể hiển

thị lecircn trigravenh duyệt gửi trả kết quả về cho trigravenh duyệt dưới dạng caacutec trang web

Higravenh 22 Kiến truacutec hệ thống WebGIS

(Nguồn Climate GIS ndash wwwclimategiscom)

Kiến truacutec 3-tier gồm 3 thagravenh phần cơ bản đại diện cho 3 tầng

1) Database (Data tier) lagrave nơi lưu trữ caacutec dữ liệu địa lyacute bao gồm caacutec dữ liệu khocircng

gian vagrave phi khocircng gian Caacutec dữ liệu nagravey được quản trị bởi caacutec hệ quản trị cơ sở dữ liệu

như Oracle MS SQL Server Esri SDE PostgreSQLhellip hoặc lagrave caacutec dạng file dữ liệu

như Shapefile Tab XMLhellip Caacutec dữ liệu nagravey được thiết kế cagravei đặt vagrave xacircy dựng theo

7

từng quy trigravenh cụ thể Tugravey theo quy mocirc vagrave yecircu cầu của hệ thống magrave tổ chức lựa chọn

cocircng nghệ quản trị cơ sở dữ liệu cho phugrave hợp

2) Application Server (Bussiness tier) thường được tiacutech hợp trong một Webserver

nagraveo đoacute viacute dụ như caacutec Web Server nổi tiếng Apache Tomcat Internet Information

Server Đoacute lagrave một ứng dụng phiacutea Server nhiệm vụ chiacutenh của noacute lagrave tiếp nhận caacutec yecircu

cầu từ client lấy dữ liệu từ phiacutea cơ sở dữ liệu theo yecircu cầu client trigravenh bagravey dữ liệu

theo cấu higravenh định sẵn hoặc theo yecircu cầu của client vagrave trả kết quả về theo yecircu cầu

3) Client (Presentation tier) thocircng thường đơn thuần lagrave một Browser như Internet

Explorer FireFox Google Chomehellip để mở caacutec trang web theo URL định sẵn Caacutec

ứng dụng client coacute thể lagrave 1 Website Applet Flashhellip được viết bằng caacutec cocircng nghệ

chuẩn magrave W3C đatilde chứng thực Caacutec client đocirci khi cũng lagrave một ứng dụng Desktop

tương tự như phần mềm MapInfo ArcMaphellip

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers

231 Cocircng nghệ matilde nguồn mở GeoServer

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn Internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Tiếp cận cocircng nghệ WebGIS phugrave hợp lagrave yếu tố quan trọng

để xacircy dựng một WebGIS hoagraven chỉnh vagrave coacute khả năng đaacutep ứng phaacutet triển trong tương

lai Đề tagravei nagravey ứng dụng cocircng nghệ matilde nguồn mở GeoServer để xacircy dựng WebGIS

GeoServer lagrave một maacutey chủ matilde nguồn mở với mục điacutech kết nối những thocircng tin

địa lyacute coacute sẵn tới caacutec WebGIS (trang web địa lyacute) sử dụng chuẩn mở Được bắt đầu bởi

một tổ chức phi lợi nhuận coacute tecircn The Open Planning Project (TOPP) nhằm mục điacutech

hỗ trợ việc xử lyacute thocircng tin khocircng gian địa lyacute với chất lượng cao đơn giản trong sử

dụng lagrave phần mềm matilde nguồn mở nhằm cung cấp vagrave chia sẻ dữ liệu Được kỳ vọng sẽ

trở thagravenh một phương thức đơn giản để kết nối những nguồn thocircng tin coacute sẵn từ

Google Earth NASA World Wind nhằm tạo ra caacutec dịch vụ Webmap như Google

Maps Windows Live Local vagrave Yahoo Maps

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 7: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

vi

DANH SAacuteCH CAacuteC BẢNG

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL 30

Bảng 42 Thuộc tiacutenh bảng hcquan 31

Bảng 43 Thuộc tiacutenh bảng hcphuong 31

Bảng 44 Thuộc tiacutenh bảng ubnd 32

Bảng 45 Thuộc tiacutenh bảng taikhoan 32

vii

DANH SAacuteCH CAacuteC HIgraveNH

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh 4

Higravenh 22 Kiến truacutec hệ thống WebGIS 6

Higravenh 23 Giao diện GeoServer 8

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer 15

Higravenh 32 Hộp thoại tạo Databases 16

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh 17

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases 17

Higravenh 35 Hộp thoại Import Options 18

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm 19

Higravenh 37 Hộp thoại tạo Workspace 20

Higravenh 38 Hộp thoại tạo Store 20

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu 21

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu 22

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer 22

Higravenh 312 Code tạo kiểu hiển thị (Style) 23

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận 24

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer) 25

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style) 26

Higravenh 316 Code thiết kế tiecircu đề web 27

Higravenh 317 Code thiết kế panel hiển thị bản đồ 27

Higravenh 318 Code khai baacuteo thư viện Script 28

Higravenh 319 Code hiển thị cơ sở dữ liệu 28

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS 29

Higravenh 41 Sơ đồ liecircn kết dữ liệu 33

Higravenh 42 Sơ đồ chức năng quản trị 33

Higravenh 43 Sơ đồ chức năng người dugraveng 34

Higravenh 44 Giao diện phacircn quyền truy cập 35

Higravenh 45 Giao diện đăng nhập sai 36

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng 36

viii

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật 37

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị 38

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật 38

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web 39

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng 39

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL 40

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh 40

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10 41

Higravenh 415 Thocircng tin quận Tacircn Bigravenh 41

Higravenh 416 Thocircng tin xatilde Phước Hiệp 42

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute 42

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường 43

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận 43

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh 44

Chương 1

MỞ ĐẦU

11 Tiacutenh cấp thiết

Việc lưu trữ thocircng tin trecircn bản đồ giấy gacircy khoacute khăn trong việc tigravem kiếm chỉnh

sửa vagrave cập nhật thuộc tiacutenh của đối tượng Điều nagravey đặt ra vấn đề lagravem thế nagraveo để đưa

bản đồ vagrave thocircng tin thuộc tiacutenh lecircn web để lưu trữ vagrave hiển thị thocircng tin một caacutech dễ

dagraveng

Cocircng nghệ web vagrave hệ thống thocircng tin địa lyacute (GIS) ngagravey cagraveng phaacutet triển đogravei hỏi

việc xem bản đồ trecircn Internet được chuacute trọng Sự kết hợp giữa cocircng nghệ web hệ

thống thocircng tin địa lyacute (GIS) tạo thagravenh WebGIS đaacutep ứng được yecircu cầu trecircn

WebGIS trong thời gian gần đacircy phaacutet triển mạnh mẽ vagrave lagrave xu hướng phổ biến

khocircng chỉ hiển thị được dạng thocircng tin thuần tuacutey magrave noacute cograven hiển thị thocircng tin khocircng

gian hữu iacutech cho người sử dụng

Thagravenh phố Hồ Chiacute Minh lagrave trung tacircm kinh tế văn hoacutea xatilde hội của cả nước

Thagravenh phố coacute 24 quận huyện trực thuộc với dacircn số hơn 7 triệu người (thống kecirc ngagravey

01042009) gacircy khoacute khăn trong việc tigravem kiếm vagrave tra cứu thocircng tin hagravenh chiacutenh Đề tagravei

ldquoỨng dụng Cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minhrdquo được thực hiện để hỗ trợ người dugraveng coacute thể tigravem kiếm vagrave truy vấn

một số thocircng tin hagravenh chiacutenh cần thiết trecircn web

12 Mục tiecircu đề tagravei

Xacircy dựng hệ thống cơ sở dữ liệu hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh giuacutep

người quản lyacute quản lyacute tốt dữ liệu thocircng tin hagravenh chiacutenh được thể hiện trực quan trecircn

web

Sử dụng caacutec cocircng cụ phần mềm matilde nguồn mở để khocircng phaacutet sinh nhiều chi phiacute

magrave vẫn đảm bảo hiệu quả

2

Xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute 3 lớp dữ

liệu ranh giới quận ranh giới phường vagrave ủy ban nhacircn dacircn phục vụ cocircng taacutec tra cứu vagrave

tigravem kiếm thocircng tin hagravenh chiacutenh Cụ thể thocircng tin hagravenh chiacutenh gồm tecircn đơn vị hagravenh

chiacutenh matilde đơn vị hagravenh chiacutenh số đơn vị hagravenh chiacutenh (số lượng xatildephường của

quậnhuyện) diện tiacutech vagrave dacircn số

13 Giới hạn vagrave phạm vi đề tagravei

Về khocircng gian nghiecircn cứu trong phạm vi Thagravenh phố Hồ Chiacute Minh

Về thời gian đề tagravei thực hiện trong 4 thaacuteng (từ ngagravey 25012013 đến ngagravey

25052013) tại Phograveng kỹ thuật ndash Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash

Sở Khoa học vagrave Cocircng nghệ Thagravenh phố Hồ Chiacute Minh

Về nội dung đề tagravei xacircy dựng trang WebGIS hiển thị thocircng tin của caacutec lớp dữ liệu

cocircng cụ tương taacutec bản đồ cơ bản truy vấn vagrave cập nhật dữ liệu thuộc tiacutenh

Về cocircng nghệ ứng dụng cocircng nghệ matilde nguồn mở GeoServer thư viện

OpenLayers JavaScript vagrave HQTCSDL PostgreSQL

Chương 2

TỔNG QUAN

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh

Thagravenh phố Hồ Chiacute Minh lagrave thagravenh phố đocircng dacircn nhất đồng thời cũng lagrave trung

tacircm kinh tế văn hoacutea giaacuteo dục quan trọng của Việt Nam Hiện nay Thagravenh phố Hồ Chiacute

Minh vagrave Thủ đocirc Hagrave Nội lagrave đocirc thị loại đặc biệt của Việt Nam Vị triacute địa lyacute khu vực

Thagravenh phố Hồ Chiacute Minh nằm trong khoảng

Từ 10deg10 đến 10deg38 vĩ Bắc vagrave từ 106deg22 đến 106deg54 kinh Đocircng

Coacute diện tiacutech hơn 2000 km2 phiacutea Bắc giaacutep tỉnh Bigravenh Dương Tacircy Bắc giaacutep tỉnh Tacircy

Ninh Đocircng vagrave Đocircng Bắc giaacutep tỉnh Đồng Nai Đocircng Nam giaacutep tỉnh Bagrave Rịa - Vũng

Tagraveu Tacircy vagrave Tacircy Nam giaacutep tỉnh Long An vagrave Tiền Giang Nằm ở miền Nam Việt

Nam với vị triacute tacircm điểm của khu vực Đocircng Nam Aacute Thagravenh phố Hồ Chiacute Minh lagrave

một đầu mối giao thocircng quan trọng về cả đường bộ đường thủy vagrave đường khocircng

nối liền caacutec tỉnh trong vugraveng vagrave cograven lagrave một cửa ngotilde quốc tế

Nằm trong vugraveng chuyển tiếp giữa miền Đocircng Nam Bộ vagrave Tacircy Nam Bộ Thagravenh

phố Hồ Chiacute Minh ngagravey nay bao gồm 19 quận vagrave 5 huyện tổng diện tiacutech 209506 km2

Theo kết quả điều tra dacircn số chiacutenh thức vagraveo thời điểm 0 giờ ngagravey 1 thaacuteng 4 năm 2009

thigrave dacircn số thagravenh phố lagrave 7162864 người (chiếm 834 dacircn số Việt Nam) mật độ trung

bigravenh 3419 ngườikm2 Đến năm 2011 dacircn số thagravenh phố tăng lecircn 7521138 người Tuy

nhiecircn nếu tiacutenh những người cư truacute khocircng đăng kyacute thigrave dacircn số thực tế của thagravenh phố

vượt trecircn 10 triệu người Giữ vai trograve quan trọng trong nền kinh tế Việt Nam Thagravenh

phố Hồ Chiacute Minh chiếm 213 tổng sản phẩm (GDP) vagrave 2938 tổng thu ngacircn saacutech

của cả nước Nhờ điều kiện tự nhiecircn thuận lợi Thagravenh phố Hồ Chiacute Minh trở thagravenh một

đầu mối giao thocircng quan trọng của Việt Nam vagrave Đocircng Nam Aacute bao gồm cả đường bộ

đường sắt đường thủy vagrave đường khocircng Vagraveo năm 2007 thagravenh phố đoacuten khoảng 3 triệu

khaacutech du lịch quốc tế tức 70 lượng khaacutech vagraveo Việt Nam Caacutec lĩnh vực giaacuteo

4

dục truyền thocircng thể thao giải triacute Thagravenh phố Hồ Chiacute Minh đều giữ vai trograve quan

trọng bậc nhất

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

(Nguồn Trang tin điện tử TPHCM - wwwhochiminhcitygovvn)

Tuy vậy Thagravenh phố Hồ Chiacute Minh đang phải đối diện với những vấn đề của một

đocirc thị lớn Trong nội ocirc thagravenh phố đường saacute trở necircn quaacute tải thường xuyecircn ugraven tắc Hệ

thống giao thocircng cocircng cộng keacutem hiệu quả Mocirci trường thagravenh phố cũng đang bị ocirc

nhiễm do phương tiện giao thocircng caacutec cocircng trường xacircy dựng vagrave cocircng nghiệp sản xuất

Đặc biệt việc quản lyacute thocircng tin hagravenh chiacutenh ngagravey cagraveng khoacute khăn khi dacircn số tăng nhanh

đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh

Thagravenh phố Hồ Chiacute Minhrdquo hỗ trợ caacuten bộ quản lyacute cập nhật truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản để giảm chi phiacute vagrave cocircng nghệ hoacutea việc quản lyacute thocircng tin hagravenh

chiacutenh bằng caacutech thủ cocircng Người dugraveng thocircng qua trang web biết được thocircng tin cụ thể

của mỗi đơn vị hagravenh chiacutenh trực thuộc Thagravenh phố Hồ Chiacute Minh

5

22 Tổng quan về kiến truacutec WebGIS

Kiến truacutec web của hệ thống thocircng tin dữ liệu khocircng gian cũng gần giống như

kiến truacutec dagravenh cho một hệ thống thocircng tin web cơ bản khaacutec ngoại trừ coacute sử dụng kỹ

thuật GIS Coacute nhiều dạng cocircng nghệ cho việc thagravenh lập web cho thocircng tin khocircng gian

như MapServer GeoServer ArcGIS Serverhellip

Cơ sở dữ liệu khocircng gian sẽ được dugraveng để quản lyacute vagrave truy xuất dữ liệu khocircng

gian được đặt trecircn Data Server Nhagrave kho hay nơi lưu trữ (Clearing House) được dugraveng

để lưu trữ vagrave duy trigrave siecircu dữ liệu Metadata về những dữ liệu khocircng gian tại những Data

Server khaacutec nhau Dựa trecircn những thagravenh phần quản lyacute dữ liệu ứng dụng Server vagrave mocirc

higravenh Server được dugraveng cho ứng dụng hệ thống để tiacutenh toaacuten thocircng tin khocircng gian qua

caacutec hagravem cụ thể Tất cả kết quả tiacutenh toaacuten của ứng dụng Server sẽ được gởi đến Web

Server để thecircm vagraveo caacutec goacutei HTML gởi cho phiacutea client vagrave hiển thị nơi trigravenh duyệt web

a) Cilent gửi yecircu cầu của người sử dụng thocircng qua giao thức HTTP đến Web Server

b) Web Server nhận yecircu cầu của người dugraveng từ cilent xử lyacute vagrave chuyển tiếp yecircu cầu

đến ứng dụng trecircn Server coacute liecircn quan

c) Application Server (chiacutenh lagrave caacutec ứng dụng GIS) nhận caacutec yecircu cầu cụ thể đối với

caacutec ứng dụng vagrave gọi caacutec hagravem coacute liecircn quan để tiacutenh toaacuten xử lyacute Nếu coacute yecircu cầu dữ

liệu noacute sẽ gửi yecircu cầu dữ liệu đến Data Exchange Center (trung tacircm trao đổi dữ

liệu)

d) Data Exchange Center nhận yecircu cầu dữ liệu tigravem kiếm vị triacute dữ liệu sau đoacute gửi yecircu

cầu dữ liệu đến Data Server chứa dữ liệu cần tigravem

e) Data Server tiến hagravenh truy vấn dữ liệu cần thiết vagrave trả dữ liệu nagravey về cho Data

Exchange Center

f) Data Exchange Center nhận nhiều nguồn dữ liệu từ Data Server sắp xếp logic dữ

liệu theo yecircu cầu vagrave trả dữ liệu về cho Application Server

g) Application Server nhận dữ liệu trả về từ caacutec Data Exchange Center vagrave đưa chuacuteng

đến caacutec hagravem cần sử dụng xử lyacute trả kết quả về Web Server

6

h) Web Server nhận kết quả xử lyacute thecircm vagraveo caacutec code HTML PHPhellip để coacute thể hiển

thị lecircn trigravenh duyệt gửi trả kết quả về cho trigravenh duyệt dưới dạng caacutec trang web

Higravenh 22 Kiến truacutec hệ thống WebGIS

(Nguồn Climate GIS ndash wwwclimategiscom)

Kiến truacutec 3-tier gồm 3 thagravenh phần cơ bản đại diện cho 3 tầng

1) Database (Data tier) lagrave nơi lưu trữ caacutec dữ liệu địa lyacute bao gồm caacutec dữ liệu khocircng

gian vagrave phi khocircng gian Caacutec dữ liệu nagravey được quản trị bởi caacutec hệ quản trị cơ sở dữ liệu

như Oracle MS SQL Server Esri SDE PostgreSQLhellip hoặc lagrave caacutec dạng file dữ liệu

như Shapefile Tab XMLhellip Caacutec dữ liệu nagravey được thiết kế cagravei đặt vagrave xacircy dựng theo

7

từng quy trigravenh cụ thể Tugravey theo quy mocirc vagrave yecircu cầu của hệ thống magrave tổ chức lựa chọn

cocircng nghệ quản trị cơ sở dữ liệu cho phugrave hợp

2) Application Server (Bussiness tier) thường được tiacutech hợp trong một Webserver

nagraveo đoacute viacute dụ như caacutec Web Server nổi tiếng Apache Tomcat Internet Information

Server Đoacute lagrave một ứng dụng phiacutea Server nhiệm vụ chiacutenh của noacute lagrave tiếp nhận caacutec yecircu

cầu từ client lấy dữ liệu từ phiacutea cơ sở dữ liệu theo yecircu cầu client trigravenh bagravey dữ liệu

theo cấu higravenh định sẵn hoặc theo yecircu cầu của client vagrave trả kết quả về theo yecircu cầu

3) Client (Presentation tier) thocircng thường đơn thuần lagrave một Browser như Internet

Explorer FireFox Google Chomehellip để mở caacutec trang web theo URL định sẵn Caacutec

ứng dụng client coacute thể lagrave 1 Website Applet Flashhellip được viết bằng caacutec cocircng nghệ

chuẩn magrave W3C đatilde chứng thực Caacutec client đocirci khi cũng lagrave một ứng dụng Desktop

tương tự như phần mềm MapInfo ArcMaphellip

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers

231 Cocircng nghệ matilde nguồn mở GeoServer

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn Internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Tiếp cận cocircng nghệ WebGIS phugrave hợp lagrave yếu tố quan trọng

để xacircy dựng một WebGIS hoagraven chỉnh vagrave coacute khả năng đaacutep ứng phaacutet triển trong tương

lai Đề tagravei nagravey ứng dụng cocircng nghệ matilde nguồn mở GeoServer để xacircy dựng WebGIS

GeoServer lagrave một maacutey chủ matilde nguồn mở với mục điacutech kết nối những thocircng tin

địa lyacute coacute sẵn tới caacutec WebGIS (trang web địa lyacute) sử dụng chuẩn mở Được bắt đầu bởi

một tổ chức phi lợi nhuận coacute tecircn The Open Planning Project (TOPP) nhằm mục điacutech

hỗ trợ việc xử lyacute thocircng tin khocircng gian địa lyacute với chất lượng cao đơn giản trong sử

dụng lagrave phần mềm matilde nguồn mở nhằm cung cấp vagrave chia sẻ dữ liệu Được kỳ vọng sẽ

trở thagravenh một phương thức đơn giản để kết nối những nguồn thocircng tin coacute sẵn từ

Google Earth NASA World Wind nhằm tạo ra caacutec dịch vụ Webmap như Google

Maps Windows Live Local vagrave Yahoo Maps

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 8: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

vii

DANH SAacuteCH CAacuteC HIgraveNH

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh 4

Higravenh 22 Kiến truacutec hệ thống WebGIS 6

Higravenh 23 Giao diện GeoServer 8

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer 15

Higravenh 32 Hộp thoại tạo Databases 16

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh 17

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases 17

Higravenh 35 Hộp thoại Import Options 18

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm 19

Higravenh 37 Hộp thoại tạo Workspace 20

Higravenh 38 Hộp thoại tạo Store 20

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu 21

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu 22

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer 22

Higravenh 312 Code tạo kiểu hiển thị (Style) 23

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận 24

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer) 25

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style) 26

Higravenh 316 Code thiết kế tiecircu đề web 27

Higravenh 317 Code thiết kế panel hiển thị bản đồ 27

Higravenh 318 Code khai baacuteo thư viện Script 28

Higravenh 319 Code hiển thị cơ sở dữ liệu 28

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS 29

Higravenh 41 Sơ đồ liecircn kết dữ liệu 33

Higravenh 42 Sơ đồ chức năng quản trị 33

Higravenh 43 Sơ đồ chức năng người dugraveng 34

Higravenh 44 Giao diện phacircn quyền truy cập 35

Higravenh 45 Giao diện đăng nhập sai 36

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng 36

viii

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật 37

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị 38

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật 38

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web 39

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng 39

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL 40

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh 40

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10 41

Higravenh 415 Thocircng tin quận Tacircn Bigravenh 41

Higravenh 416 Thocircng tin xatilde Phước Hiệp 42

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute 42

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường 43

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận 43

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh 44

Chương 1

MỞ ĐẦU

11 Tiacutenh cấp thiết

Việc lưu trữ thocircng tin trecircn bản đồ giấy gacircy khoacute khăn trong việc tigravem kiếm chỉnh

sửa vagrave cập nhật thuộc tiacutenh của đối tượng Điều nagravey đặt ra vấn đề lagravem thế nagraveo để đưa

bản đồ vagrave thocircng tin thuộc tiacutenh lecircn web để lưu trữ vagrave hiển thị thocircng tin một caacutech dễ

dagraveng

Cocircng nghệ web vagrave hệ thống thocircng tin địa lyacute (GIS) ngagravey cagraveng phaacutet triển đogravei hỏi

việc xem bản đồ trecircn Internet được chuacute trọng Sự kết hợp giữa cocircng nghệ web hệ

thống thocircng tin địa lyacute (GIS) tạo thagravenh WebGIS đaacutep ứng được yecircu cầu trecircn

WebGIS trong thời gian gần đacircy phaacutet triển mạnh mẽ vagrave lagrave xu hướng phổ biến

khocircng chỉ hiển thị được dạng thocircng tin thuần tuacutey magrave noacute cograven hiển thị thocircng tin khocircng

gian hữu iacutech cho người sử dụng

Thagravenh phố Hồ Chiacute Minh lagrave trung tacircm kinh tế văn hoacutea xatilde hội của cả nước

Thagravenh phố coacute 24 quận huyện trực thuộc với dacircn số hơn 7 triệu người (thống kecirc ngagravey

01042009) gacircy khoacute khăn trong việc tigravem kiếm vagrave tra cứu thocircng tin hagravenh chiacutenh Đề tagravei

ldquoỨng dụng Cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minhrdquo được thực hiện để hỗ trợ người dugraveng coacute thể tigravem kiếm vagrave truy vấn

một số thocircng tin hagravenh chiacutenh cần thiết trecircn web

12 Mục tiecircu đề tagravei

Xacircy dựng hệ thống cơ sở dữ liệu hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh giuacutep

người quản lyacute quản lyacute tốt dữ liệu thocircng tin hagravenh chiacutenh được thể hiện trực quan trecircn

web

Sử dụng caacutec cocircng cụ phần mềm matilde nguồn mở để khocircng phaacutet sinh nhiều chi phiacute

magrave vẫn đảm bảo hiệu quả

2

Xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute 3 lớp dữ

liệu ranh giới quận ranh giới phường vagrave ủy ban nhacircn dacircn phục vụ cocircng taacutec tra cứu vagrave

tigravem kiếm thocircng tin hagravenh chiacutenh Cụ thể thocircng tin hagravenh chiacutenh gồm tecircn đơn vị hagravenh

chiacutenh matilde đơn vị hagravenh chiacutenh số đơn vị hagravenh chiacutenh (số lượng xatildephường của

quậnhuyện) diện tiacutech vagrave dacircn số

13 Giới hạn vagrave phạm vi đề tagravei

Về khocircng gian nghiecircn cứu trong phạm vi Thagravenh phố Hồ Chiacute Minh

Về thời gian đề tagravei thực hiện trong 4 thaacuteng (từ ngagravey 25012013 đến ngagravey

25052013) tại Phograveng kỹ thuật ndash Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash

Sở Khoa học vagrave Cocircng nghệ Thagravenh phố Hồ Chiacute Minh

Về nội dung đề tagravei xacircy dựng trang WebGIS hiển thị thocircng tin của caacutec lớp dữ liệu

cocircng cụ tương taacutec bản đồ cơ bản truy vấn vagrave cập nhật dữ liệu thuộc tiacutenh

Về cocircng nghệ ứng dụng cocircng nghệ matilde nguồn mở GeoServer thư viện

OpenLayers JavaScript vagrave HQTCSDL PostgreSQL

Chương 2

TỔNG QUAN

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh

Thagravenh phố Hồ Chiacute Minh lagrave thagravenh phố đocircng dacircn nhất đồng thời cũng lagrave trung

tacircm kinh tế văn hoacutea giaacuteo dục quan trọng của Việt Nam Hiện nay Thagravenh phố Hồ Chiacute

Minh vagrave Thủ đocirc Hagrave Nội lagrave đocirc thị loại đặc biệt của Việt Nam Vị triacute địa lyacute khu vực

Thagravenh phố Hồ Chiacute Minh nằm trong khoảng

Từ 10deg10 đến 10deg38 vĩ Bắc vagrave từ 106deg22 đến 106deg54 kinh Đocircng

Coacute diện tiacutech hơn 2000 km2 phiacutea Bắc giaacutep tỉnh Bigravenh Dương Tacircy Bắc giaacutep tỉnh Tacircy

Ninh Đocircng vagrave Đocircng Bắc giaacutep tỉnh Đồng Nai Đocircng Nam giaacutep tỉnh Bagrave Rịa - Vũng

Tagraveu Tacircy vagrave Tacircy Nam giaacutep tỉnh Long An vagrave Tiền Giang Nằm ở miền Nam Việt

Nam với vị triacute tacircm điểm của khu vực Đocircng Nam Aacute Thagravenh phố Hồ Chiacute Minh lagrave

một đầu mối giao thocircng quan trọng về cả đường bộ đường thủy vagrave đường khocircng

nối liền caacutec tỉnh trong vugraveng vagrave cograven lagrave một cửa ngotilde quốc tế

Nằm trong vugraveng chuyển tiếp giữa miền Đocircng Nam Bộ vagrave Tacircy Nam Bộ Thagravenh

phố Hồ Chiacute Minh ngagravey nay bao gồm 19 quận vagrave 5 huyện tổng diện tiacutech 209506 km2

Theo kết quả điều tra dacircn số chiacutenh thức vagraveo thời điểm 0 giờ ngagravey 1 thaacuteng 4 năm 2009

thigrave dacircn số thagravenh phố lagrave 7162864 người (chiếm 834 dacircn số Việt Nam) mật độ trung

bigravenh 3419 ngườikm2 Đến năm 2011 dacircn số thagravenh phố tăng lecircn 7521138 người Tuy

nhiecircn nếu tiacutenh những người cư truacute khocircng đăng kyacute thigrave dacircn số thực tế của thagravenh phố

vượt trecircn 10 triệu người Giữ vai trograve quan trọng trong nền kinh tế Việt Nam Thagravenh

phố Hồ Chiacute Minh chiếm 213 tổng sản phẩm (GDP) vagrave 2938 tổng thu ngacircn saacutech

của cả nước Nhờ điều kiện tự nhiecircn thuận lợi Thagravenh phố Hồ Chiacute Minh trở thagravenh một

đầu mối giao thocircng quan trọng của Việt Nam vagrave Đocircng Nam Aacute bao gồm cả đường bộ

đường sắt đường thủy vagrave đường khocircng Vagraveo năm 2007 thagravenh phố đoacuten khoảng 3 triệu

khaacutech du lịch quốc tế tức 70 lượng khaacutech vagraveo Việt Nam Caacutec lĩnh vực giaacuteo

4

dục truyền thocircng thể thao giải triacute Thagravenh phố Hồ Chiacute Minh đều giữ vai trograve quan

trọng bậc nhất

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

(Nguồn Trang tin điện tử TPHCM - wwwhochiminhcitygovvn)

Tuy vậy Thagravenh phố Hồ Chiacute Minh đang phải đối diện với những vấn đề của một

đocirc thị lớn Trong nội ocirc thagravenh phố đường saacute trở necircn quaacute tải thường xuyecircn ugraven tắc Hệ

thống giao thocircng cocircng cộng keacutem hiệu quả Mocirci trường thagravenh phố cũng đang bị ocirc

nhiễm do phương tiện giao thocircng caacutec cocircng trường xacircy dựng vagrave cocircng nghiệp sản xuất

Đặc biệt việc quản lyacute thocircng tin hagravenh chiacutenh ngagravey cagraveng khoacute khăn khi dacircn số tăng nhanh

đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh

Thagravenh phố Hồ Chiacute Minhrdquo hỗ trợ caacuten bộ quản lyacute cập nhật truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản để giảm chi phiacute vagrave cocircng nghệ hoacutea việc quản lyacute thocircng tin hagravenh

chiacutenh bằng caacutech thủ cocircng Người dugraveng thocircng qua trang web biết được thocircng tin cụ thể

của mỗi đơn vị hagravenh chiacutenh trực thuộc Thagravenh phố Hồ Chiacute Minh

5

22 Tổng quan về kiến truacutec WebGIS

Kiến truacutec web của hệ thống thocircng tin dữ liệu khocircng gian cũng gần giống như

kiến truacutec dagravenh cho một hệ thống thocircng tin web cơ bản khaacutec ngoại trừ coacute sử dụng kỹ

thuật GIS Coacute nhiều dạng cocircng nghệ cho việc thagravenh lập web cho thocircng tin khocircng gian

như MapServer GeoServer ArcGIS Serverhellip

Cơ sở dữ liệu khocircng gian sẽ được dugraveng để quản lyacute vagrave truy xuất dữ liệu khocircng

gian được đặt trecircn Data Server Nhagrave kho hay nơi lưu trữ (Clearing House) được dugraveng

để lưu trữ vagrave duy trigrave siecircu dữ liệu Metadata về những dữ liệu khocircng gian tại những Data

Server khaacutec nhau Dựa trecircn những thagravenh phần quản lyacute dữ liệu ứng dụng Server vagrave mocirc

higravenh Server được dugraveng cho ứng dụng hệ thống để tiacutenh toaacuten thocircng tin khocircng gian qua

caacutec hagravem cụ thể Tất cả kết quả tiacutenh toaacuten của ứng dụng Server sẽ được gởi đến Web

Server để thecircm vagraveo caacutec goacutei HTML gởi cho phiacutea client vagrave hiển thị nơi trigravenh duyệt web

a) Cilent gửi yecircu cầu của người sử dụng thocircng qua giao thức HTTP đến Web Server

b) Web Server nhận yecircu cầu của người dugraveng từ cilent xử lyacute vagrave chuyển tiếp yecircu cầu

đến ứng dụng trecircn Server coacute liecircn quan

c) Application Server (chiacutenh lagrave caacutec ứng dụng GIS) nhận caacutec yecircu cầu cụ thể đối với

caacutec ứng dụng vagrave gọi caacutec hagravem coacute liecircn quan để tiacutenh toaacuten xử lyacute Nếu coacute yecircu cầu dữ

liệu noacute sẽ gửi yecircu cầu dữ liệu đến Data Exchange Center (trung tacircm trao đổi dữ

liệu)

d) Data Exchange Center nhận yecircu cầu dữ liệu tigravem kiếm vị triacute dữ liệu sau đoacute gửi yecircu

cầu dữ liệu đến Data Server chứa dữ liệu cần tigravem

e) Data Server tiến hagravenh truy vấn dữ liệu cần thiết vagrave trả dữ liệu nagravey về cho Data

Exchange Center

f) Data Exchange Center nhận nhiều nguồn dữ liệu từ Data Server sắp xếp logic dữ

liệu theo yecircu cầu vagrave trả dữ liệu về cho Application Server

g) Application Server nhận dữ liệu trả về từ caacutec Data Exchange Center vagrave đưa chuacuteng

đến caacutec hagravem cần sử dụng xử lyacute trả kết quả về Web Server

6

h) Web Server nhận kết quả xử lyacute thecircm vagraveo caacutec code HTML PHPhellip để coacute thể hiển

thị lecircn trigravenh duyệt gửi trả kết quả về cho trigravenh duyệt dưới dạng caacutec trang web

Higravenh 22 Kiến truacutec hệ thống WebGIS

(Nguồn Climate GIS ndash wwwclimategiscom)

Kiến truacutec 3-tier gồm 3 thagravenh phần cơ bản đại diện cho 3 tầng

1) Database (Data tier) lagrave nơi lưu trữ caacutec dữ liệu địa lyacute bao gồm caacutec dữ liệu khocircng

gian vagrave phi khocircng gian Caacutec dữ liệu nagravey được quản trị bởi caacutec hệ quản trị cơ sở dữ liệu

như Oracle MS SQL Server Esri SDE PostgreSQLhellip hoặc lagrave caacutec dạng file dữ liệu

như Shapefile Tab XMLhellip Caacutec dữ liệu nagravey được thiết kế cagravei đặt vagrave xacircy dựng theo

7

từng quy trigravenh cụ thể Tugravey theo quy mocirc vagrave yecircu cầu của hệ thống magrave tổ chức lựa chọn

cocircng nghệ quản trị cơ sở dữ liệu cho phugrave hợp

2) Application Server (Bussiness tier) thường được tiacutech hợp trong một Webserver

nagraveo đoacute viacute dụ như caacutec Web Server nổi tiếng Apache Tomcat Internet Information

Server Đoacute lagrave một ứng dụng phiacutea Server nhiệm vụ chiacutenh của noacute lagrave tiếp nhận caacutec yecircu

cầu từ client lấy dữ liệu từ phiacutea cơ sở dữ liệu theo yecircu cầu client trigravenh bagravey dữ liệu

theo cấu higravenh định sẵn hoặc theo yecircu cầu của client vagrave trả kết quả về theo yecircu cầu

3) Client (Presentation tier) thocircng thường đơn thuần lagrave một Browser như Internet

Explorer FireFox Google Chomehellip để mở caacutec trang web theo URL định sẵn Caacutec

ứng dụng client coacute thể lagrave 1 Website Applet Flashhellip được viết bằng caacutec cocircng nghệ

chuẩn magrave W3C đatilde chứng thực Caacutec client đocirci khi cũng lagrave một ứng dụng Desktop

tương tự như phần mềm MapInfo ArcMaphellip

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers

231 Cocircng nghệ matilde nguồn mở GeoServer

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn Internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Tiếp cận cocircng nghệ WebGIS phugrave hợp lagrave yếu tố quan trọng

để xacircy dựng một WebGIS hoagraven chỉnh vagrave coacute khả năng đaacutep ứng phaacutet triển trong tương

lai Đề tagravei nagravey ứng dụng cocircng nghệ matilde nguồn mở GeoServer để xacircy dựng WebGIS

GeoServer lagrave một maacutey chủ matilde nguồn mở với mục điacutech kết nối những thocircng tin

địa lyacute coacute sẵn tới caacutec WebGIS (trang web địa lyacute) sử dụng chuẩn mở Được bắt đầu bởi

một tổ chức phi lợi nhuận coacute tecircn The Open Planning Project (TOPP) nhằm mục điacutech

hỗ trợ việc xử lyacute thocircng tin khocircng gian địa lyacute với chất lượng cao đơn giản trong sử

dụng lagrave phần mềm matilde nguồn mở nhằm cung cấp vagrave chia sẻ dữ liệu Được kỳ vọng sẽ

trở thagravenh một phương thức đơn giản để kết nối những nguồn thocircng tin coacute sẵn từ

Google Earth NASA World Wind nhằm tạo ra caacutec dịch vụ Webmap như Google

Maps Windows Live Local vagrave Yahoo Maps

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 9: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

viii

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật 37

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị 38

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật 38

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web 39

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng 39

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL 40

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh 40

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10 41

Higravenh 415 Thocircng tin quận Tacircn Bigravenh 41

Higravenh 416 Thocircng tin xatilde Phước Hiệp 42

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute 42

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường 43

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận 43

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh 44

Chương 1

MỞ ĐẦU

11 Tiacutenh cấp thiết

Việc lưu trữ thocircng tin trecircn bản đồ giấy gacircy khoacute khăn trong việc tigravem kiếm chỉnh

sửa vagrave cập nhật thuộc tiacutenh của đối tượng Điều nagravey đặt ra vấn đề lagravem thế nagraveo để đưa

bản đồ vagrave thocircng tin thuộc tiacutenh lecircn web để lưu trữ vagrave hiển thị thocircng tin một caacutech dễ

dagraveng

Cocircng nghệ web vagrave hệ thống thocircng tin địa lyacute (GIS) ngagravey cagraveng phaacutet triển đogravei hỏi

việc xem bản đồ trecircn Internet được chuacute trọng Sự kết hợp giữa cocircng nghệ web hệ

thống thocircng tin địa lyacute (GIS) tạo thagravenh WebGIS đaacutep ứng được yecircu cầu trecircn

WebGIS trong thời gian gần đacircy phaacutet triển mạnh mẽ vagrave lagrave xu hướng phổ biến

khocircng chỉ hiển thị được dạng thocircng tin thuần tuacutey magrave noacute cograven hiển thị thocircng tin khocircng

gian hữu iacutech cho người sử dụng

Thagravenh phố Hồ Chiacute Minh lagrave trung tacircm kinh tế văn hoacutea xatilde hội của cả nước

Thagravenh phố coacute 24 quận huyện trực thuộc với dacircn số hơn 7 triệu người (thống kecirc ngagravey

01042009) gacircy khoacute khăn trong việc tigravem kiếm vagrave tra cứu thocircng tin hagravenh chiacutenh Đề tagravei

ldquoỨng dụng Cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minhrdquo được thực hiện để hỗ trợ người dugraveng coacute thể tigravem kiếm vagrave truy vấn

một số thocircng tin hagravenh chiacutenh cần thiết trecircn web

12 Mục tiecircu đề tagravei

Xacircy dựng hệ thống cơ sở dữ liệu hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh giuacutep

người quản lyacute quản lyacute tốt dữ liệu thocircng tin hagravenh chiacutenh được thể hiện trực quan trecircn

web

Sử dụng caacutec cocircng cụ phần mềm matilde nguồn mở để khocircng phaacutet sinh nhiều chi phiacute

magrave vẫn đảm bảo hiệu quả

2

Xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute 3 lớp dữ

liệu ranh giới quận ranh giới phường vagrave ủy ban nhacircn dacircn phục vụ cocircng taacutec tra cứu vagrave

tigravem kiếm thocircng tin hagravenh chiacutenh Cụ thể thocircng tin hagravenh chiacutenh gồm tecircn đơn vị hagravenh

chiacutenh matilde đơn vị hagravenh chiacutenh số đơn vị hagravenh chiacutenh (số lượng xatildephường của

quậnhuyện) diện tiacutech vagrave dacircn số

13 Giới hạn vagrave phạm vi đề tagravei

Về khocircng gian nghiecircn cứu trong phạm vi Thagravenh phố Hồ Chiacute Minh

Về thời gian đề tagravei thực hiện trong 4 thaacuteng (từ ngagravey 25012013 đến ngagravey

25052013) tại Phograveng kỹ thuật ndash Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash

Sở Khoa học vagrave Cocircng nghệ Thagravenh phố Hồ Chiacute Minh

Về nội dung đề tagravei xacircy dựng trang WebGIS hiển thị thocircng tin của caacutec lớp dữ liệu

cocircng cụ tương taacutec bản đồ cơ bản truy vấn vagrave cập nhật dữ liệu thuộc tiacutenh

Về cocircng nghệ ứng dụng cocircng nghệ matilde nguồn mở GeoServer thư viện

OpenLayers JavaScript vagrave HQTCSDL PostgreSQL

Chương 2

TỔNG QUAN

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh

Thagravenh phố Hồ Chiacute Minh lagrave thagravenh phố đocircng dacircn nhất đồng thời cũng lagrave trung

tacircm kinh tế văn hoacutea giaacuteo dục quan trọng của Việt Nam Hiện nay Thagravenh phố Hồ Chiacute

Minh vagrave Thủ đocirc Hagrave Nội lagrave đocirc thị loại đặc biệt của Việt Nam Vị triacute địa lyacute khu vực

Thagravenh phố Hồ Chiacute Minh nằm trong khoảng

Từ 10deg10 đến 10deg38 vĩ Bắc vagrave từ 106deg22 đến 106deg54 kinh Đocircng

Coacute diện tiacutech hơn 2000 km2 phiacutea Bắc giaacutep tỉnh Bigravenh Dương Tacircy Bắc giaacutep tỉnh Tacircy

Ninh Đocircng vagrave Đocircng Bắc giaacutep tỉnh Đồng Nai Đocircng Nam giaacutep tỉnh Bagrave Rịa - Vũng

Tagraveu Tacircy vagrave Tacircy Nam giaacutep tỉnh Long An vagrave Tiền Giang Nằm ở miền Nam Việt

Nam với vị triacute tacircm điểm của khu vực Đocircng Nam Aacute Thagravenh phố Hồ Chiacute Minh lagrave

một đầu mối giao thocircng quan trọng về cả đường bộ đường thủy vagrave đường khocircng

nối liền caacutec tỉnh trong vugraveng vagrave cograven lagrave một cửa ngotilde quốc tế

Nằm trong vugraveng chuyển tiếp giữa miền Đocircng Nam Bộ vagrave Tacircy Nam Bộ Thagravenh

phố Hồ Chiacute Minh ngagravey nay bao gồm 19 quận vagrave 5 huyện tổng diện tiacutech 209506 km2

Theo kết quả điều tra dacircn số chiacutenh thức vagraveo thời điểm 0 giờ ngagravey 1 thaacuteng 4 năm 2009

thigrave dacircn số thagravenh phố lagrave 7162864 người (chiếm 834 dacircn số Việt Nam) mật độ trung

bigravenh 3419 ngườikm2 Đến năm 2011 dacircn số thagravenh phố tăng lecircn 7521138 người Tuy

nhiecircn nếu tiacutenh những người cư truacute khocircng đăng kyacute thigrave dacircn số thực tế của thagravenh phố

vượt trecircn 10 triệu người Giữ vai trograve quan trọng trong nền kinh tế Việt Nam Thagravenh

phố Hồ Chiacute Minh chiếm 213 tổng sản phẩm (GDP) vagrave 2938 tổng thu ngacircn saacutech

của cả nước Nhờ điều kiện tự nhiecircn thuận lợi Thagravenh phố Hồ Chiacute Minh trở thagravenh một

đầu mối giao thocircng quan trọng của Việt Nam vagrave Đocircng Nam Aacute bao gồm cả đường bộ

đường sắt đường thủy vagrave đường khocircng Vagraveo năm 2007 thagravenh phố đoacuten khoảng 3 triệu

khaacutech du lịch quốc tế tức 70 lượng khaacutech vagraveo Việt Nam Caacutec lĩnh vực giaacuteo

4

dục truyền thocircng thể thao giải triacute Thagravenh phố Hồ Chiacute Minh đều giữ vai trograve quan

trọng bậc nhất

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

(Nguồn Trang tin điện tử TPHCM - wwwhochiminhcitygovvn)

Tuy vậy Thagravenh phố Hồ Chiacute Minh đang phải đối diện với những vấn đề của một

đocirc thị lớn Trong nội ocirc thagravenh phố đường saacute trở necircn quaacute tải thường xuyecircn ugraven tắc Hệ

thống giao thocircng cocircng cộng keacutem hiệu quả Mocirci trường thagravenh phố cũng đang bị ocirc

nhiễm do phương tiện giao thocircng caacutec cocircng trường xacircy dựng vagrave cocircng nghiệp sản xuất

Đặc biệt việc quản lyacute thocircng tin hagravenh chiacutenh ngagravey cagraveng khoacute khăn khi dacircn số tăng nhanh

đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh

Thagravenh phố Hồ Chiacute Minhrdquo hỗ trợ caacuten bộ quản lyacute cập nhật truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản để giảm chi phiacute vagrave cocircng nghệ hoacutea việc quản lyacute thocircng tin hagravenh

chiacutenh bằng caacutech thủ cocircng Người dugraveng thocircng qua trang web biết được thocircng tin cụ thể

của mỗi đơn vị hagravenh chiacutenh trực thuộc Thagravenh phố Hồ Chiacute Minh

5

22 Tổng quan về kiến truacutec WebGIS

Kiến truacutec web của hệ thống thocircng tin dữ liệu khocircng gian cũng gần giống như

kiến truacutec dagravenh cho một hệ thống thocircng tin web cơ bản khaacutec ngoại trừ coacute sử dụng kỹ

thuật GIS Coacute nhiều dạng cocircng nghệ cho việc thagravenh lập web cho thocircng tin khocircng gian

như MapServer GeoServer ArcGIS Serverhellip

Cơ sở dữ liệu khocircng gian sẽ được dugraveng để quản lyacute vagrave truy xuất dữ liệu khocircng

gian được đặt trecircn Data Server Nhagrave kho hay nơi lưu trữ (Clearing House) được dugraveng

để lưu trữ vagrave duy trigrave siecircu dữ liệu Metadata về những dữ liệu khocircng gian tại những Data

Server khaacutec nhau Dựa trecircn những thagravenh phần quản lyacute dữ liệu ứng dụng Server vagrave mocirc

higravenh Server được dugraveng cho ứng dụng hệ thống để tiacutenh toaacuten thocircng tin khocircng gian qua

caacutec hagravem cụ thể Tất cả kết quả tiacutenh toaacuten của ứng dụng Server sẽ được gởi đến Web

Server để thecircm vagraveo caacutec goacutei HTML gởi cho phiacutea client vagrave hiển thị nơi trigravenh duyệt web

a) Cilent gửi yecircu cầu của người sử dụng thocircng qua giao thức HTTP đến Web Server

b) Web Server nhận yecircu cầu của người dugraveng từ cilent xử lyacute vagrave chuyển tiếp yecircu cầu

đến ứng dụng trecircn Server coacute liecircn quan

c) Application Server (chiacutenh lagrave caacutec ứng dụng GIS) nhận caacutec yecircu cầu cụ thể đối với

caacutec ứng dụng vagrave gọi caacutec hagravem coacute liecircn quan để tiacutenh toaacuten xử lyacute Nếu coacute yecircu cầu dữ

liệu noacute sẽ gửi yecircu cầu dữ liệu đến Data Exchange Center (trung tacircm trao đổi dữ

liệu)

d) Data Exchange Center nhận yecircu cầu dữ liệu tigravem kiếm vị triacute dữ liệu sau đoacute gửi yecircu

cầu dữ liệu đến Data Server chứa dữ liệu cần tigravem

e) Data Server tiến hagravenh truy vấn dữ liệu cần thiết vagrave trả dữ liệu nagravey về cho Data

Exchange Center

f) Data Exchange Center nhận nhiều nguồn dữ liệu từ Data Server sắp xếp logic dữ

liệu theo yecircu cầu vagrave trả dữ liệu về cho Application Server

g) Application Server nhận dữ liệu trả về từ caacutec Data Exchange Center vagrave đưa chuacuteng

đến caacutec hagravem cần sử dụng xử lyacute trả kết quả về Web Server

6

h) Web Server nhận kết quả xử lyacute thecircm vagraveo caacutec code HTML PHPhellip để coacute thể hiển

thị lecircn trigravenh duyệt gửi trả kết quả về cho trigravenh duyệt dưới dạng caacutec trang web

Higravenh 22 Kiến truacutec hệ thống WebGIS

(Nguồn Climate GIS ndash wwwclimategiscom)

Kiến truacutec 3-tier gồm 3 thagravenh phần cơ bản đại diện cho 3 tầng

1) Database (Data tier) lagrave nơi lưu trữ caacutec dữ liệu địa lyacute bao gồm caacutec dữ liệu khocircng

gian vagrave phi khocircng gian Caacutec dữ liệu nagravey được quản trị bởi caacutec hệ quản trị cơ sở dữ liệu

như Oracle MS SQL Server Esri SDE PostgreSQLhellip hoặc lagrave caacutec dạng file dữ liệu

như Shapefile Tab XMLhellip Caacutec dữ liệu nagravey được thiết kế cagravei đặt vagrave xacircy dựng theo

7

từng quy trigravenh cụ thể Tugravey theo quy mocirc vagrave yecircu cầu của hệ thống magrave tổ chức lựa chọn

cocircng nghệ quản trị cơ sở dữ liệu cho phugrave hợp

2) Application Server (Bussiness tier) thường được tiacutech hợp trong một Webserver

nagraveo đoacute viacute dụ như caacutec Web Server nổi tiếng Apache Tomcat Internet Information

Server Đoacute lagrave một ứng dụng phiacutea Server nhiệm vụ chiacutenh của noacute lagrave tiếp nhận caacutec yecircu

cầu từ client lấy dữ liệu từ phiacutea cơ sở dữ liệu theo yecircu cầu client trigravenh bagravey dữ liệu

theo cấu higravenh định sẵn hoặc theo yecircu cầu của client vagrave trả kết quả về theo yecircu cầu

3) Client (Presentation tier) thocircng thường đơn thuần lagrave một Browser như Internet

Explorer FireFox Google Chomehellip để mở caacutec trang web theo URL định sẵn Caacutec

ứng dụng client coacute thể lagrave 1 Website Applet Flashhellip được viết bằng caacutec cocircng nghệ

chuẩn magrave W3C đatilde chứng thực Caacutec client đocirci khi cũng lagrave một ứng dụng Desktop

tương tự như phần mềm MapInfo ArcMaphellip

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers

231 Cocircng nghệ matilde nguồn mở GeoServer

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn Internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Tiếp cận cocircng nghệ WebGIS phugrave hợp lagrave yếu tố quan trọng

để xacircy dựng một WebGIS hoagraven chỉnh vagrave coacute khả năng đaacutep ứng phaacutet triển trong tương

lai Đề tagravei nagravey ứng dụng cocircng nghệ matilde nguồn mở GeoServer để xacircy dựng WebGIS

GeoServer lagrave một maacutey chủ matilde nguồn mở với mục điacutech kết nối những thocircng tin

địa lyacute coacute sẵn tới caacutec WebGIS (trang web địa lyacute) sử dụng chuẩn mở Được bắt đầu bởi

một tổ chức phi lợi nhuận coacute tecircn The Open Planning Project (TOPP) nhằm mục điacutech

hỗ trợ việc xử lyacute thocircng tin khocircng gian địa lyacute với chất lượng cao đơn giản trong sử

dụng lagrave phần mềm matilde nguồn mở nhằm cung cấp vagrave chia sẻ dữ liệu Được kỳ vọng sẽ

trở thagravenh một phương thức đơn giản để kết nối những nguồn thocircng tin coacute sẵn từ

Google Earth NASA World Wind nhằm tạo ra caacutec dịch vụ Webmap như Google

Maps Windows Live Local vagrave Yahoo Maps

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 10: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

Chương 1

MỞ ĐẦU

11 Tiacutenh cấp thiết

Việc lưu trữ thocircng tin trecircn bản đồ giấy gacircy khoacute khăn trong việc tigravem kiếm chỉnh

sửa vagrave cập nhật thuộc tiacutenh của đối tượng Điều nagravey đặt ra vấn đề lagravem thế nagraveo để đưa

bản đồ vagrave thocircng tin thuộc tiacutenh lecircn web để lưu trữ vagrave hiển thị thocircng tin một caacutech dễ

dagraveng

Cocircng nghệ web vagrave hệ thống thocircng tin địa lyacute (GIS) ngagravey cagraveng phaacutet triển đogravei hỏi

việc xem bản đồ trecircn Internet được chuacute trọng Sự kết hợp giữa cocircng nghệ web hệ

thống thocircng tin địa lyacute (GIS) tạo thagravenh WebGIS đaacutep ứng được yecircu cầu trecircn

WebGIS trong thời gian gần đacircy phaacutet triển mạnh mẽ vagrave lagrave xu hướng phổ biến

khocircng chỉ hiển thị được dạng thocircng tin thuần tuacutey magrave noacute cograven hiển thị thocircng tin khocircng

gian hữu iacutech cho người sử dụng

Thagravenh phố Hồ Chiacute Minh lagrave trung tacircm kinh tế văn hoacutea xatilde hội của cả nước

Thagravenh phố coacute 24 quận huyện trực thuộc với dacircn số hơn 7 triệu người (thống kecirc ngagravey

01042009) gacircy khoacute khăn trong việc tigravem kiếm vagrave tra cứu thocircng tin hagravenh chiacutenh Đề tagravei

ldquoỨng dụng Cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minhrdquo được thực hiện để hỗ trợ người dugraveng coacute thể tigravem kiếm vagrave truy vấn

một số thocircng tin hagravenh chiacutenh cần thiết trecircn web

12 Mục tiecircu đề tagravei

Xacircy dựng hệ thống cơ sở dữ liệu hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh giuacutep

người quản lyacute quản lyacute tốt dữ liệu thocircng tin hagravenh chiacutenh được thể hiện trực quan trecircn

web

Sử dụng caacutec cocircng cụ phần mềm matilde nguồn mở để khocircng phaacutet sinh nhiều chi phiacute

magrave vẫn đảm bảo hiệu quả

2

Xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute 3 lớp dữ

liệu ranh giới quận ranh giới phường vagrave ủy ban nhacircn dacircn phục vụ cocircng taacutec tra cứu vagrave

tigravem kiếm thocircng tin hagravenh chiacutenh Cụ thể thocircng tin hagravenh chiacutenh gồm tecircn đơn vị hagravenh

chiacutenh matilde đơn vị hagravenh chiacutenh số đơn vị hagravenh chiacutenh (số lượng xatildephường của

quậnhuyện) diện tiacutech vagrave dacircn số

13 Giới hạn vagrave phạm vi đề tagravei

Về khocircng gian nghiecircn cứu trong phạm vi Thagravenh phố Hồ Chiacute Minh

Về thời gian đề tagravei thực hiện trong 4 thaacuteng (từ ngagravey 25012013 đến ngagravey

25052013) tại Phograveng kỹ thuật ndash Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash

Sở Khoa học vagrave Cocircng nghệ Thagravenh phố Hồ Chiacute Minh

Về nội dung đề tagravei xacircy dựng trang WebGIS hiển thị thocircng tin của caacutec lớp dữ liệu

cocircng cụ tương taacutec bản đồ cơ bản truy vấn vagrave cập nhật dữ liệu thuộc tiacutenh

Về cocircng nghệ ứng dụng cocircng nghệ matilde nguồn mở GeoServer thư viện

OpenLayers JavaScript vagrave HQTCSDL PostgreSQL

Chương 2

TỔNG QUAN

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh

Thagravenh phố Hồ Chiacute Minh lagrave thagravenh phố đocircng dacircn nhất đồng thời cũng lagrave trung

tacircm kinh tế văn hoacutea giaacuteo dục quan trọng của Việt Nam Hiện nay Thagravenh phố Hồ Chiacute

Minh vagrave Thủ đocirc Hagrave Nội lagrave đocirc thị loại đặc biệt của Việt Nam Vị triacute địa lyacute khu vực

Thagravenh phố Hồ Chiacute Minh nằm trong khoảng

Từ 10deg10 đến 10deg38 vĩ Bắc vagrave từ 106deg22 đến 106deg54 kinh Đocircng

Coacute diện tiacutech hơn 2000 km2 phiacutea Bắc giaacutep tỉnh Bigravenh Dương Tacircy Bắc giaacutep tỉnh Tacircy

Ninh Đocircng vagrave Đocircng Bắc giaacutep tỉnh Đồng Nai Đocircng Nam giaacutep tỉnh Bagrave Rịa - Vũng

Tagraveu Tacircy vagrave Tacircy Nam giaacutep tỉnh Long An vagrave Tiền Giang Nằm ở miền Nam Việt

Nam với vị triacute tacircm điểm của khu vực Đocircng Nam Aacute Thagravenh phố Hồ Chiacute Minh lagrave

một đầu mối giao thocircng quan trọng về cả đường bộ đường thủy vagrave đường khocircng

nối liền caacutec tỉnh trong vugraveng vagrave cograven lagrave một cửa ngotilde quốc tế

Nằm trong vugraveng chuyển tiếp giữa miền Đocircng Nam Bộ vagrave Tacircy Nam Bộ Thagravenh

phố Hồ Chiacute Minh ngagravey nay bao gồm 19 quận vagrave 5 huyện tổng diện tiacutech 209506 km2

Theo kết quả điều tra dacircn số chiacutenh thức vagraveo thời điểm 0 giờ ngagravey 1 thaacuteng 4 năm 2009

thigrave dacircn số thagravenh phố lagrave 7162864 người (chiếm 834 dacircn số Việt Nam) mật độ trung

bigravenh 3419 ngườikm2 Đến năm 2011 dacircn số thagravenh phố tăng lecircn 7521138 người Tuy

nhiecircn nếu tiacutenh những người cư truacute khocircng đăng kyacute thigrave dacircn số thực tế của thagravenh phố

vượt trecircn 10 triệu người Giữ vai trograve quan trọng trong nền kinh tế Việt Nam Thagravenh

phố Hồ Chiacute Minh chiếm 213 tổng sản phẩm (GDP) vagrave 2938 tổng thu ngacircn saacutech

của cả nước Nhờ điều kiện tự nhiecircn thuận lợi Thagravenh phố Hồ Chiacute Minh trở thagravenh một

đầu mối giao thocircng quan trọng của Việt Nam vagrave Đocircng Nam Aacute bao gồm cả đường bộ

đường sắt đường thủy vagrave đường khocircng Vagraveo năm 2007 thagravenh phố đoacuten khoảng 3 triệu

khaacutech du lịch quốc tế tức 70 lượng khaacutech vagraveo Việt Nam Caacutec lĩnh vực giaacuteo

4

dục truyền thocircng thể thao giải triacute Thagravenh phố Hồ Chiacute Minh đều giữ vai trograve quan

trọng bậc nhất

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

(Nguồn Trang tin điện tử TPHCM - wwwhochiminhcitygovvn)

Tuy vậy Thagravenh phố Hồ Chiacute Minh đang phải đối diện với những vấn đề của một

đocirc thị lớn Trong nội ocirc thagravenh phố đường saacute trở necircn quaacute tải thường xuyecircn ugraven tắc Hệ

thống giao thocircng cocircng cộng keacutem hiệu quả Mocirci trường thagravenh phố cũng đang bị ocirc

nhiễm do phương tiện giao thocircng caacutec cocircng trường xacircy dựng vagrave cocircng nghiệp sản xuất

Đặc biệt việc quản lyacute thocircng tin hagravenh chiacutenh ngagravey cagraveng khoacute khăn khi dacircn số tăng nhanh

đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh

Thagravenh phố Hồ Chiacute Minhrdquo hỗ trợ caacuten bộ quản lyacute cập nhật truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản để giảm chi phiacute vagrave cocircng nghệ hoacutea việc quản lyacute thocircng tin hagravenh

chiacutenh bằng caacutech thủ cocircng Người dugraveng thocircng qua trang web biết được thocircng tin cụ thể

của mỗi đơn vị hagravenh chiacutenh trực thuộc Thagravenh phố Hồ Chiacute Minh

5

22 Tổng quan về kiến truacutec WebGIS

Kiến truacutec web của hệ thống thocircng tin dữ liệu khocircng gian cũng gần giống như

kiến truacutec dagravenh cho một hệ thống thocircng tin web cơ bản khaacutec ngoại trừ coacute sử dụng kỹ

thuật GIS Coacute nhiều dạng cocircng nghệ cho việc thagravenh lập web cho thocircng tin khocircng gian

như MapServer GeoServer ArcGIS Serverhellip

Cơ sở dữ liệu khocircng gian sẽ được dugraveng để quản lyacute vagrave truy xuất dữ liệu khocircng

gian được đặt trecircn Data Server Nhagrave kho hay nơi lưu trữ (Clearing House) được dugraveng

để lưu trữ vagrave duy trigrave siecircu dữ liệu Metadata về những dữ liệu khocircng gian tại những Data

Server khaacutec nhau Dựa trecircn những thagravenh phần quản lyacute dữ liệu ứng dụng Server vagrave mocirc

higravenh Server được dugraveng cho ứng dụng hệ thống để tiacutenh toaacuten thocircng tin khocircng gian qua

caacutec hagravem cụ thể Tất cả kết quả tiacutenh toaacuten của ứng dụng Server sẽ được gởi đến Web

Server để thecircm vagraveo caacutec goacutei HTML gởi cho phiacutea client vagrave hiển thị nơi trigravenh duyệt web

a) Cilent gửi yecircu cầu của người sử dụng thocircng qua giao thức HTTP đến Web Server

b) Web Server nhận yecircu cầu của người dugraveng từ cilent xử lyacute vagrave chuyển tiếp yecircu cầu

đến ứng dụng trecircn Server coacute liecircn quan

c) Application Server (chiacutenh lagrave caacutec ứng dụng GIS) nhận caacutec yecircu cầu cụ thể đối với

caacutec ứng dụng vagrave gọi caacutec hagravem coacute liecircn quan để tiacutenh toaacuten xử lyacute Nếu coacute yecircu cầu dữ

liệu noacute sẽ gửi yecircu cầu dữ liệu đến Data Exchange Center (trung tacircm trao đổi dữ

liệu)

d) Data Exchange Center nhận yecircu cầu dữ liệu tigravem kiếm vị triacute dữ liệu sau đoacute gửi yecircu

cầu dữ liệu đến Data Server chứa dữ liệu cần tigravem

e) Data Server tiến hagravenh truy vấn dữ liệu cần thiết vagrave trả dữ liệu nagravey về cho Data

Exchange Center

f) Data Exchange Center nhận nhiều nguồn dữ liệu từ Data Server sắp xếp logic dữ

liệu theo yecircu cầu vagrave trả dữ liệu về cho Application Server

g) Application Server nhận dữ liệu trả về từ caacutec Data Exchange Center vagrave đưa chuacuteng

đến caacutec hagravem cần sử dụng xử lyacute trả kết quả về Web Server

6

h) Web Server nhận kết quả xử lyacute thecircm vagraveo caacutec code HTML PHPhellip để coacute thể hiển

thị lecircn trigravenh duyệt gửi trả kết quả về cho trigravenh duyệt dưới dạng caacutec trang web

Higravenh 22 Kiến truacutec hệ thống WebGIS

(Nguồn Climate GIS ndash wwwclimategiscom)

Kiến truacutec 3-tier gồm 3 thagravenh phần cơ bản đại diện cho 3 tầng

1) Database (Data tier) lagrave nơi lưu trữ caacutec dữ liệu địa lyacute bao gồm caacutec dữ liệu khocircng

gian vagrave phi khocircng gian Caacutec dữ liệu nagravey được quản trị bởi caacutec hệ quản trị cơ sở dữ liệu

như Oracle MS SQL Server Esri SDE PostgreSQLhellip hoặc lagrave caacutec dạng file dữ liệu

như Shapefile Tab XMLhellip Caacutec dữ liệu nagravey được thiết kế cagravei đặt vagrave xacircy dựng theo

7

từng quy trigravenh cụ thể Tugravey theo quy mocirc vagrave yecircu cầu của hệ thống magrave tổ chức lựa chọn

cocircng nghệ quản trị cơ sở dữ liệu cho phugrave hợp

2) Application Server (Bussiness tier) thường được tiacutech hợp trong một Webserver

nagraveo đoacute viacute dụ như caacutec Web Server nổi tiếng Apache Tomcat Internet Information

Server Đoacute lagrave một ứng dụng phiacutea Server nhiệm vụ chiacutenh của noacute lagrave tiếp nhận caacutec yecircu

cầu từ client lấy dữ liệu từ phiacutea cơ sở dữ liệu theo yecircu cầu client trigravenh bagravey dữ liệu

theo cấu higravenh định sẵn hoặc theo yecircu cầu của client vagrave trả kết quả về theo yecircu cầu

3) Client (Presentation tier) thocircng thường đơn thuần lagrave một Browser như Internet

Explorer FireFox Google Chomehellip để mở caacutec trang web theo URL định sẵn Caacutec

ứng dụng client coacute thể lagrave 1 Website Applet Flashhellip được viết bằng caacutec cocircng nghệ

chuẩn magrave W3C đatilde chứng thực Caacutec client đocirci khi cũng lagrave một ứng dụng Desktop

tương tự như phần mềm MapInfo ArcMaphellip

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers

231 Cocircng nghệ matilde nguồn mở GeoServer

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn Internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Tiếp cận cocircng nghệ WebGIS phugrave hợp lagrave yếu tố quan trọng

để xacircy dựng một WebGIS hoagraven chỉnh vagrave coacute khả năng đaacutep ứng phaacutet triển trong tương

lai Đề tagravei nagravey ứng dụng cocircng nghệ matilde nguồn mở GeoServer để xacircy dựng WebGIS

GeoServer lagrave một maacutey chủ matilde nguồn mở với mục điacutech kết nối những thocircng tin

địa lyacute coacute sẵn tới caacutec WebGIS (trang web địa lyacute) sử dụng chuẩn mở Được bắt đầu bởi

một tổ chức phi lợi nhuận coacute tecircn The Open Planning Project (TOPP) nhằm mục điacutech

hỗ trợ việc xử lyacute thocircng tin khocircng gian địa lyacute với chất lượng cao đơn giản trong sử

dụng lagrave phần mềm matilde nguồn mở nhằm cung cấp vagrave chia sẻ dữ liệu Được kỳ vọng sẽ

trở thagravenh một phương thức đơn giản để kết nối những nguồn thocircng tin coacute sẵn từ

Google Earth NASA World Wind nhằm tạo ra caacutec dịch vụ Webmap như Google

Maps Windows Live Local vagrave Yahoo Maps

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 11: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

2

Xacircy dựng WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute 3 lớp dữ

liệu ranh giới quận ranh giới phường vagrave ủy ban nhacircn dacircn phục vụ cocircng taacutec tra cứu vagrave

tigravem kiếm thocircng tin hagravenh chiacutenh Cụ thể thocircng tin hagravenh chiacutenh gồm tecircn đơn vị hagravenh

chiacutenh matilde đơn vị hagravenh chiacutenh số đơn vị hagravenh chiacutenh (số lượng xatildephường của

quậnhuyện) diện tiacutech vagrave dacircn số

13 Giới hạn vagrave phạm vi đề tagravei

Về khocircng gian nghiecircn cứu trong phạm vi Thagravenh phố Hồ Chiacute Minh

Về thời gian đề tagravei thực hiện trong 4 thaacuteng (từ ngagravey 25012013 đến ngagravey

25052013) tại Phograveng kỹ thuật ndash Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash

Sở Khoa học vagrave Cocircng nghệ Thagravenh phố Hồ Chiacute Minh

Về nội dung đề tagravei xacircy dựng trang WebGIS hiển thị thocircng tin của caacutec lớp dữ liệu

cocircng cụ tương taacutec bản đồ cơ bản truy vấn vagrave cập nhật dữ liệu thuộc tiacutenh

Về cocircng nghệ ứng dụng cocircng nghệ matilde nguồn mở GeoServer thư viện

OpenLayers JavaScript vagrave HQTCSDL PostgreSQL

Chương 2

TỔNG QUAN

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh

Thagravenh phố Hồ Chiacute Minh lagrave thagravenh phố đocircng dacircn nhất đồng thời cũng lagrave trung

tacircm kinh tế văn hoacutea giaacuteo dục quan trọng của Việt Nam Hiện nay Thagravenh phố Hồ Chiacute

Minh vagrave Thủ đocirc Hagrave Nội lagrave đocirc thị loại đặc biệt của Việt Nam Vị triacute địa lyacute khu vực

Thagravenh phố Hồ Chiacute Minh nằm trong khoảng

Từ 10deg10 đến 10deg38 vĩ Bắc vagrave từ 106deg22 đến 106deg54 kinh Đocircng

Coacute diện tiacutech hơn 2000 km2 phiacutea Bắc giaacutep tỉnh Bigravenh Dương Tacircy Bắc giaacutep tỉnh Tacircy

Ninh Đocircng vagrave Đocircng Bắc giaacutep tỉnh Đồng Nai Đocircng Nam giaacutep tỉnh Bagrave Rịa - Vũng

Tagraveu Tacircy vagrave Tacircy Nam giaacutep tỉnh Long An vagrave Tiền Giang Nằm ở miền Nam Việt

Nam với vị triacute tacircm điểm của khu vực Đocircng Nam Aacute Thagravenh phố Hồ Chiacute Minh lagrave

một đầu mối giao thocircng quan trọng về cả đường bộ đường thủy vagrave đường khocircng

nối liền caacutec tỉnh trong vugraveng vagrave cograven lagrave một cửa ngotilde quốc tế

Nằm trong vugraveng chuyển tiếp giữa miền Đocircng Nam Bộ vagrave Tacircy Nam Bộ Thagravenh

phố Hồ Chiacute Minh ngagravey nay bao gồm 19 quận vagrave 5 huyện tổng diện tiacutech 209506 km2

Theo kết quả điều tra dacircn số chiacutenh thức vagraveo thời điểm 0 giờ ngagravey 1 thaacuteng 4 năm 2009

thigrave dacircn số thagravenh phố lagrave 7162864 người (chiếm 834 dacircn số Việt Nam) mật độ trung

bigravenh 3419 ngườikm2 Đến năm 2011 dacircn số thagravenh phố tăng lecircn 7521138 người Tuy

nhiecircn nếu tiacutenh những người cư truacute khocircng đăng kyacute thigrave dacircn số thực tế của thagravenh phố

vượt trecircn 10 triệu người Giữ vai trograve quan trọng trong nền kinh tế Việt Nam Thagravenh

phố Hồ Chiacute Minh chiếm 213 tổng sản phẩm (GDP) vagrave 2938 tổng thu ngacircn saacutech

của cả nước Nhờ điều kiện tự nhiecircn thuận lợi Thagravenh phố Hồ Chiacute Minh trở thagravenh một

đầu mối giao thocircng quan trọng của Việt Nam vagrave Đocircng Nam Aacute bao gồm cả đường bộ

đường sắt đường thủy vagrave đường khocircng Vagraveo năm 2007 thagravenh phố đoacuten khoảng 3 triệu

khaacutech du lịch quốc tế tức 70 lượng khaacutech vagraveo Việt Nam Caacutec lĩnh vực giaacuteo

4

dục truyền thocircng thể thao giải triacute Thagravenh phố Hồ Chiacute Minh đều giữ vai trograve quan

trọng bậc nhất

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

(Nguồn Trang tin điện tử TPHCM - wwwhochiminhcitygovvn)

Tuy vậy Thagravenh phố Hồ Chiacute Minh đang phải đối diện với những vấn đề của một

đocirc thị lớn Trong nội ocirc thagravenh phố đường saacute trở necircn quaacute tải thường xuyecircn ugraven tắc Hệ

thống giao thocircng cocircng cộng keacutem hiệu quả Mocirci trường thagravenh phố cũng đang bị ocirc

nhiễm do phương tiện giao thocircng caacutec cocircng trường xacircy dựng vagrave cocircng nghiệp sản xuất

Đặc biệt việc quản lyacute thocircng tin hagravenh chiacutenh ngagravey cagraveng khoacute khăn khi dacircn số tăng nhanh

đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh

Thagravenh phố Hồ Chiacute Minhrdquo hỗ trợ caacuten bộ quản lyacute cập nhật truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản để giảm chi phiacute vagrave cocircng nghệ hoacutea việc quản lyacute thocircng tin hagravenh

chiacutenh bằng caacutech thủ cocircng Người dugraveng thocircng qua trang web biết được thocircng tin cụ thể

của mỗi đơn vị hagravenh chiacutenh trực thuộc Thagravenh phố Hồ Chiacute Minh

5

22 Tổng quan về kiến truacutec WebGIS

Kiến truacutec web của hệ thống thocircng tin dữ liệu khocircng gian cũng gần giống như

kiến truacutec dagravenh cho một hệ thống thocircng tin web cơ bản khaacutec ngoại trừ coacute sử dụng kỹ

thuật GIS Coacute nhiều dạng cocircng nghệ cho việc thagravenh lập web cho thocircng tin khocircng gian

như MapServer GeoServer ArcGIS Serverhellip

Cơ sở dữ liệu khocircng gian sẽ được dugraveng để quản lyacute vagrave truy xuất dữ liệu khocircng

gian được đặt trecircn Data Server Nhagrave kho hay nơi lưu trữ (Clearing House) được dugraveng

để lưu trữ vagrave duy trigrave siecircu dữ liệu Metadata về những dữ liệu khocircng gian tại những Data

Server khaacutec nhau Dựa trecircn những thagravenh phần quản lyacute dữ liệu ứng dụng Server vagrave mocirc

higravenh Server được dugraveng cho ứng dụng hệ thống để tiacutenh toaacuten thocircng tin khocircng gian qua

caacutec hagravem cụ thể Tất cả kết quả tiacutenh toaacuten của ứng dụng Server sẽ được gởi đến Web

Server để thecircm vagraveo caacutec goacutei HTML gởi cho phiacutea client vagrave hiển thị nơi trigravenh duyệt web

a) Cilent gửi yecircu cầu của người sử dụng thocircng qua giao thức HTTP đến Web Server

b) Web Server nhận yecircu cầu của người dugraveng từ cilent xử lyacute vagrave chuyển tiếp yecircu cầu

đến ứng dụng trecircn Server coacute liecircn quan

c) Application Server (chiacutenh lagrave caacutec ứng dụng GIS) nhận caacutec yecircu cầu cụ thể đối với

caacutec ứng dụng vagrave gọi caacutec hagravem coacute liecircn quan để tiacutenh toaacuten xử lyacute Nếu coacute yecircu cầu dữ

liệu noacute sẽ gửi yecircu cầu dữ liệu đến Data Exchange Center (trung tacircm trao đổi dữ

liệu)

d) Data Exchange Center nhận yecircu cầu dữ liệu tigravem kiếm vị triacute dữ liệu sau đoacute gửi yecircu

cầu dữ liệu đến Data Server chứa dữ liệu cần tigravem

e) Data Server tiến hagravenh truy vấn dữ liệu cần thiết vagrave trả dữ liệu nagravey về cho Data

Exchange Center

f) Data Exchange Center nhận nhiều nguồn dữ liệu từ Data Server sắp xếp logic dữ

liệu theo yecircu cầu vagrave trả dữ liệu về cho Application Server

g) Application Server nhận dữ liệu trả về từ caacutec Data Exchange Center vagrave đưa chuacuteng

đến caacutec hagravem cần sử dụng xử lyacute trả kết quả về Web Server

6

h) Web Server nhận kết quả xử lyacute thecircm vagraveo caacutec code HTML PHPhellip để coacute thể hiển

thị lecircn trigravenh duyệt gửi trả kết quả về cho trigravenh duyệt dưới dạng caacutec trang web

Higravenh 22 Kiến truacutec hệ thống WebGIS

(Nguồn Climate GIS ndash wwwclimategiscom)

Kiến truacutec 3-tier gồm 3 thagravenh phần cơ bản đại diện cho 3 tầng

1) Database (Data tier) lagrave nơi lưu trữ caacutec dữ liệu địa lyacute bao gồm caacutec dữ liệu khocircng

gian vagrave phi khocircng gian Caacutec dữ liệu nagravey được quản trị bởi caacutec hệ quản trị cơ sở dữ liệu

như Oracle MS SQL Server Esri SDE PostgreSQLhellip hoặc lagrave caacutec dạng file dữ liệu

như Shapefile Tab XMLhellip Caacutec dữ liệu nagravey được thiết kế cagravei đặt vagrave xacircy dựng theo

7

từng quy trigravenh cụ thể Tugravey theo quy mocirc vagrave yecircu cầu của hệ thống magrave tổ chức lựa chọn

cocircng nghệ quản trị cơ sở dữ liệu cho phugrave hợp

2) Application Server (Bussiness tier) thường được tiacutech hợp trong một Webserver

nagraveo đoacute viacute dụ như caacutec Web Server nổi tiếng Apache Tomcat Internet Information

Server Đoacute lagrave một ứng dụng phiacutea Server nhiệm vụ chiacutenh của noacute lagrave tiếp nhận caacutec yecircu

cầu từ client lấy dữ liệu từ phiacutea cơ sở dữ liệu theo yecircu cầu client trigravenh bagravey dữ liệu

theo cấu higravenh định sẵn hoặc theo yecircu cầu của client vagrave trả kết quả về theo yecircu cầu

3) Client (Presentation tier) thocircng thường đơn thuần lagrave một Browser như Internet

Explorer FireFox Google Chomehellip để mở caacutec trang web theo URL định sẵn Caacutec

ứng dụng client coacute thể lagrave 1 Website Applet Flashhellip được viết bằng caacutec cocircng nghệ

chuẩn magrave W3C đatilde chứng thực Caacutec client đocirci khi cũng lagrave một ứng dụng Desktop

tương tự như phần mềm MapInfo ArcMaphellip

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers

231 Cocircng nghệ matilde nguồn mở GeoServer

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn Internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Tiếp cận cocircng nghệ WebGIS phugrave hợp lagrave yếu tố quan trọng

để xacircy dựng một WebGIS hoagraven chỉnh vagrave coacute khả năng đaacutep ứng phaacutet triển trong tương

lai Đề tagravei nagravey ứng dụng cocircng nghệ matilde nguồn mở GeoServer để xacircy dựng WebGIS

GeoServer lagrave một maacutey chủ matilde nguồn mở với mục điacutech kết nối những thocircng tin

địa lyacute coacute sẵn tới caacutec WebGIS (trang web địa lyacute) sử dụng chuẩn mở Được bắt đầu bởi

một tổ chức phi lợi nhuận coacute tecircn The Open Planning Project (TOPP) nhằm mục điacutech

hỗ trợ việc xử lyacute thocircng tin khocircng gian địa lyacute với chất lượng cao đơn giản trong sử

dụng lagrave phần mềm matilde nguồn mở nhằm cung cấp vagrave chia sẻ dữ liệu Được kỳ vọng sẽ

trở thagravenh một phương thức đơn giản để kết nối những nguồn thocircng tin coacute sẵn từ

Google Earth NASA World Wind nhằm tạo ra caacutec dịch vụ Webmap như Google

Maps Windows Live Local vagrave Yahoo Maps

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 12: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

Chương 2

TỔNG QUAN

21 Tổng quan về khu vực nghiecircn cứu Thagravenh phố Hồ Chiacute Minh

Thagravenh phố Hồ Chiacute Minh lagrave thagravenh phố đocircng dacircn nhất đồng thời cũng lagrave trung

tacircm kinh tế văn hoacutea giaacuteo dục quan trọng của Việt Nam Hiện nay Thagravenh phố Hồ Chiacute

Minh vagrave Thủ đocirc Hagrave Nội lagrave đocirc thị loại đặc biệt của Việt Nam Vị triacute địa lyacute khu vực

Thagravenh phố Hồ Chiacute Minh nằm trong khoảng

Từ 10deg10 đến 10deg38 vĩ Bắc vagrave từ 106deg22 đến 106deg54 kinh Đocircng

Coacute diện tiacutech hơn 2000 km2 phiacutea Bắc giaacutep tỉnh Bigravenh Dương Tacircy Bắc giaacutep tỉnh Tacircy

Ninh Đocircng vagrave Đocircng Bắc giaacutep tỉnh Đồng Nai Đocircng Nam giaacutep tỉnh Bagrave Rịa - Vũng

Tagraveu Tacircy vagrave Tacircy Nam giaacutep tỉnh Long An vagrave Tiền Giang Nằm ở miền Nam Việt

Nam với vị triacute tacircm điểm của khu vực Đocircng Nam Aacute Thagravenh phố Hồ Chiacute Minh lagrave

một đầu mối giao thocircng quan trọng về cả đường bộ đường thủy vagrave đường khocircng

nối liền caacutec tỉnh trong vugraveng vagrave cograven lagrave một cửa ngotilde quốc tế

Nằm trong vugraveng chuyển tiếp giữa miền Đocircng Nam Bộ vagrave Tacircy Nam Bộ Thagravenh

phố Hồ Chiacute Minh ngagravey nay bao gồm 19 quận vagrave 5 huyện tổng diện tiacutech 209506 km2

Theo kết quả điều tra dacircn số chiacutenh thức vagraveo thời điểm 0 giờ ngagravey 1 thaacuteng 4 năm 2009

thigrave dacircn số thagravenh phố lagrave 7162864 người (chiếm 834 dacircn số Việt Nam) mật độ trung

bigravenh 3419 ngườikm2 Đến năm 2011 dacircn số thagravenh phố tăng lecircn 7521138 người Tuy

nhiecircn nếu tiacutenh những người cư truacute khocircng đăng kyacute thigrave dacircn số thực tế của thagravenh phố

vượt trecircn 10 triệu người Giữ vai trograve quan trọng trong nền kinh tế Việt Nam Thagravenh

phố Hồ Chiacute Minh chiếm 213 tổng sản phẩm (GDP) vagrave 2938 tổng thu ngacircn saacutech

của cả nước Nhờ điều kiện tự nhiecircn thuận lợi Thagravenh phố Hồ Chiacute Minh trở thagravenh một

đầu mối giao thocircng quan trọng của Việt Nam vagrave Đocircng Nam Aacute bao gồm cả đường bộ

đường sắt đường thủy vagrave đường khocircng Vagraveo năm 2007 thagravenh phố đoacuten khoảng 3 triệu

khaacutech du lịch quốc tế tức 70 lượng khaacutech vagraveo Việt Nam Caacutec lĩnh vực giaacuteo

4

dục truyền thocircng thể thao giải triacute Thagravenh phố Hồ Chiacute Minh đều giữ vai trograve quan

trọng bậc nhất

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

(Nguồn Trang tin điện tử TPHCM - wwwhochiminhcitygovvn)

Tuy vậy Thagravenh phố Hồ Chiacute Minh đang phải đối diện với những vấn đề của một

đocirc thị lớn Trong nội ocirc thagravenh phố đường saacute trở necircn quaacute tải thường xuyecircn ugraven tắc Hệ

thống giao thocircng cocircng cộng keacutem hiệu quả Mocirci trường thagravenh phố cũng đang bị ocirc

nhiễm do phương tiện giao thocircng caacutec cocircng trường xacircy dựng vagrave cocircng nghiệp sản xuất

Đặc biệt việc quản lyacute thocircng tin hagravenh chiacutenh ngagravey cagraveng khoacute khăn khi dacircn số tăng nhanh

đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh

Thagravenh phố Hồ Chiacute Minhrdquo hỗ trợ caacuten bộ quản lyacute cập nhật truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản để giảm chi phiacute vagrave cocircng nghệ hoacutea việc quản lyacute thocircng tin hagravenh

chiacutenh bằng caacutech thủ cocircng Người dugraveng thocircng qua trang web biết được thocircng tin cụ thể

của mỗi đơn vị hagravenh chiacutenh trực thuộc Thagravenh phố Hồ Chiacute Minh

5

22 Tổng quan về kiến truacutec WebGIS

Kiến truacutec web của hệ thống thocircng tin dữ liệu khocircng gian cũng gần giống như

kiến truacutec dagravenh cho một hệ thống thocircng tin web cơ bản khaacutec ngoại trừ coacute sử dụng kỹ

thuật GIS Coacute nhiều dạng cocircng nghệ cho việc thagravenh lập web cho thocircng tin khocircng gian

như MapServer GeoServer ArcGIS Serverhellip

Cơ sở dữ liệu khocircng gian sẽ được dugraveng để quản lyacute vagrave truy xuất dữ liệu khocircng

gian được đặt trecircn Data Server Nhagrave kho hay nơi lưu trữ (Clearing House) được dugraveng

để lưu trữ vagrave duy trigrave siecircu dữ liệu Metadata về những dữ liệu khocircng gian tại những Data

Server khaacutec nhau Dựa trecircn những thagravenh phần quản lyacute dữ liệu ứng dụng Server vagrave mocirc

higravenh Server được dugraveng cho ứng dụng hệ thống để tiacutenh toaacuten thocircng tin khocircng gian qua

caacutec hagravem cụ thể Tất cả kết quả tiacutenh toaacuten của ứng dụng Server sẽ được gởi đến Web

Server để thecircm vagraveo caacutec goacutei HTML gởi cho phiacutea client vagrave hiển thị nơi trigravenh duyệt web

a) Cilent gửi yecircu cầu của người sử dụng thocircng qua giao thức HTTP đến Web Server

b) Web Server nhận yecircu cầu của người dugraveng từ cilent xử lyacute vagrave chuyển tiếp yecircu cầu

đến ứng dụng trecircn Server coacute liecircn quan

c) Application Server (chiacutenh lagrave caacutec ứng dụng GIS) nhận caacutec yecircu cầu cụ thể đối với

caacutec ứng dụng vagrave gọi caacutec hagravem coacute liecircn quan để tiacutenh toaacuten xử lyacute Nếu coacute yecircu cầu dữ

liệu noacute sẽ gửi yecircu cầu dữ liệu đến Data Exchange Center (trung tacircm trao đổi dữ

liệu)

d) Data Exchange Center nhận yecircu cầu dữ liệu tigravem kiếm vị triacute dữ liệu sau đoacute gửi yecircu

cầu dữ liệu đến Data Server chứa dữ liệu cần tigravem

e) Data Server tiến hagravenh truy vấn dữ liệu cần thiết vagrave trả dữ liệu nagravey về cho Data

Exchange Center

f) Data Exchange Center nhận nhiều nguồn dữ liệu từ Data Server sắp xếp logic dữ

liệu theo yecircu cầu vagrave trả dữ liệu về cho Application Server

g) Application Server nhận dữ liệu trả về từ caacutec Data Exchange Center vagrave đưa chuacuteng

đến caacutec hagravem cần sử dụng xử lyacute trả kết quả về Web Server

6

h) Web Server nhận kết quả xử lyacute thecircm vagraveo caacutec code HTML PHPhellip để coacute thể hiển

thị lecircn trigravenh duyệt gửi trả kết quả về cho trigravenh duyệt dưới dạng caacutec trang web

Higravenh 22 Kiến truacutec hệ thống WebGIS

(Nguồn Climate GIS ndash wwwclimategiscom)

Kiến truacutec 3-tier gồm 3 thagravenh phần cơ bản đại diện cho 3 tầng

1) Database (Data tier) lagrave nơi lưu trữ caacutec dữ liệu địa lyacute bao gồm caacutec dữ liệu khocircng

gian vagrave phi khocircng gian Caacutec dữ liệu nagravey được quản trị bởi caacutec hệ quản trị cơ sở dữ liệu

như Oracle MS SQL Server Esri SDE PostgreSQLhellip hoặc lagrave caacutec dạng file dữ liệu

như Shapefile Tab XMLhellip Caacutec dữ liệu nagravey được thiết kế cagravei đặt vagrave xacircy dựng theo

7

từng quy trigravenh cụ thể Tugravey theo quy mocirc vagrave yecircu cầu của hệ thống magrave tổ chức lựa chọn

cocircng nghệ quản trị cơ sở dữ liệu cho phugrave hợp

2) Application Server (Bussiness tier) thường được tiacutech hợp trong một Webserver

nagraveo đoacute viacute dụ như caacutec Web Server nổi tiếng Apache Tomcat Internet Information

Server Đoacute lagrave một ứng dụng phiacutea Server nhiệm vụ chiacutenh của noacute lagrave tiếp nhận caacutec yecircu

cầu từ client lấy dữ liệu từ phiacutea cơ sở dữ liệu theo yecircu cầu client trigravenh bagravey dữ liệu

theo cấu higravenh định sẵn hoặc theo yecircu cầu của client vagrave trả kết quả về theo yecircu cầu

3) Client (Presentation tier) thocircng thường đơn thuần lagrave một Browser như Internet

Explorer FireFox Google Chomehellip để mở caacutec trang web theo URL định sẵn Caacutec

ứng dụng client coacute thể lagrave 1 Website Applet Flashhellip được viết bằng caacutec cocircng nghệ

chuẩn magrave W3C đatilde chứng thực Caacutec client đocirci khi cũng lagrave một ứng dụng Desktop

tương tự như phần mềm MapInfo ArcMaphellip

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers

231 Cocircng nghệ matilde nguồn mở GeoServer

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn Internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Tiếp cận cocircng nghệ WebGIS phugrave hợp lagrave yếu tố quan trọng

để xacircy dựng một WebGIS hoagraven chỉnh vagrave coacute khả năng đaacutep ứng phaacutet triển trong tương

lai Đề tagravei nagravey ứng dụng cocircng nghệ matilde nguồn mở GeoServer để xacircy dựng WebGIS

GeoServer lagrave một maacutey chủ matilde nguồn mở với mục điacutech kết nối những thocircng tin

địa lyacute coacute sẵn tới caacutec WebGIS (trang web địa lyacute) sử dụng chuẩn mở Được bắt đầu bởi

một tổ chức phi lợi nhuận coacute tecircn The Open Planning Project (TOPP) nhằm mục điacutech

hỗ trợ việc xử lyacute thocircng tin khocircng gian địa lyacute với chất lượng cao đơn giản trong sử

dụng lagrave phần mềm matilde nguồn mở nhằm cung cấp vagrave chia sẻ dữ liệu Được kỳ vọng sẽ

trở thagravenh một phương thức đơn giản để kết nối những nguồn thocircng tin coacute sẵn từ

Google Earth NASA World Wind nhằm tạo ra caacutec dịch vụ Webmap như Google

Maps Windows Live Local vagrave Yahoo Maps

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 13: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

4

dục truyền thocircng thể thao giải triacute Thagravenh phố Hồ Chiacute Minh đều giữ vai trograve quan

trọng bậc nhất

Higravenh 21 Ranh giới hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

(Nguồn Trang tin điện tử TPHCM - wwwhochiminhcitygovvn)

Tuy vậy Thagravenh phố Hồ Chiacute Minh đang phải đối diện với những vấn đề của một

đocirc thị lớn Trong nội ocirc thagravenh phố đường saacute trở necircn quaacute tải thường xuyecircn ugraven tắc Hệ

thống giao thocircng cocircng cộng keacutem hiệu quả Mocirci trường thagravenh phố cũng đang bị ocirc

nhiễm do phương tiện giao thocircng caacutec cocircng trường xacircy dựng vagrave cocircng nghiệp sản xuất

Đặc biệt việc quản lyacute thocircng tin hagravenh chiacutenh ngagravey cagraveng khoacute khăn khi dacircn số tăng nhanh

đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng tin hagravenh chiacutenh

Thagravenh phố Hồ Chiacute Minhrdquo hỗ trợ caacuten bộ quản lyacute cập nhật truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản để giảm chi phiacute vagrave cocircng nghệ hoacutea việc quản lyacute thocircng tin hagravenh

chiacutenh bằng caacutech thủ cocircng Người dugraveng thocircng qua trang web biết được thocircng tin cụ thể

của mỗi đơn vị hagravenh chiacutenh trực thuộc Thagravenh phố Hồ Chiacute Minh

5

22 Tổng quan về kiến truacutec WebGIS

Kiến truacutec web của hệ thống thocircng tin dữ liệu khocircng gian cũng gần giống như

kiến truacutec dagravenh cho một hệ thống thocircng tin web cơ bản khaacutec ngoại trừ coacute sử dụng kỹ

thuật GIS Coacute nhiều dạng cocircng nghệ cho việc thagravenh lập web cho thocircng tin khocircng gian

như MapServer GeoServer ArcGIS Serverhellip

Cơ sở dữ liệu khocircng gian sẽ được dugraveng để quản lyacute vagrave truy xuất dữ liệu khocircng

gian được đặt trecircn Data Server Nhagrave kho hay nơi lưu trữ (Clearing House) được dugraveng

để lưu trữ vagrave duy trigrave siecircu dữ liệu Metadata về những dữ liệu khocircng gian tại những Data

Server khaacutec nhau Dựa trecircn những thagravenh phần quản lyacute dữ liệu ứng dụng Server vagrave mocirc

higravenh Server được dugraveng cho ứng dụng hệ thống để tiacutenh toaacuten thocircng tin khocircng gian qua

caacutec hagravem cụ thể Tất cả kết quả tiacutenh toaacuten của ứng dụng Server sẽ được gởi đến Web

Server để thecircm vagraveo caacutec goacutei HTML gởi cho phiacutea client vagrave hiển thị nơi trigravenh duyệt web

a) Cilent gửi yecircu cầu của người sử dụng thocircng qua giao thức HTTP đến Web Server

b) Web Server nhận yecircu cầu của người dugraveng từ cilent xử lyacute vagrave chuyển tiếp yecircu cầu

đến ứng dụng trecircn Server coacute liecircn quan

c) Application Server (chiacutenh lagrave caacutec ứng dụng GIS) nhận caacutec yecircu cầu cụ thể đối với

caacutec ứng dụng vagrave gọi caacutec hagravem coacute liecircn quan để tiacutenh toaacuten xử lyacute Nếu coacute yecircu cầu dữ

liệu noacute sẽ gửi yecircu cầu dữ liệu đến Data Exchange Center (trung tacircm trao đổi dữ

liệu)

d) Data Exchange Center nhận yecircu cầu dữ liệu tigravem kiếm vị triacute dữ liệu sau đoacute gửi yecircu

cầu dữ liệu đến Data Server chứa dữ liệu cần tigravem

e) Data Server tiến hagravenh truy vấn dữ liệu cần thiết vagrave trả dữ liệu nagravey về cho Data

Exchange Center

f) Data Exchange Center nhận nhiều nguồn dữ liệu từ Data Server sắp xếp logic dữ

liệu theo yecircu cầu vagrave trả dữ liệu về cho Application Server

g) Application Server nhận dữ liệu trả về từ caacutec Data Exchange Center vagrave đưa chuacuteng

đến caacutec hagravem cần sử dụng xử lyacute trả kết quả về Web Server

6

h) Web Server nhận kết quả xử lyacute thecircm vagraveo caacutec code HTML PHPhellip để coacute thể hiển

thị lecircn trigravenh duyệt gửi trả kết quả về cho trigravenh duyệt dưới dạng caacutec trang web

Higravenh 22 Kiến truacutec hệ thống WebGIS

(Nguồn Climate GIS ndash wwwclimategiscom)

Kiến truacutec 3-tier gồm 3 thagravenh phần cơ bản đại diện cho 3 tầng

1) Database (Data tier) lagrave nơi lưu trữ caacutec dữ liệu địa lyacute bao gồm caacutec dữ liệu khocircng

gian vagrave phi khocircng gian Caacutec dữ liệu nagravey được quản trị bởi caacutec hệ quản trị cơ sở dữ liệu

như Oracle MS SQL Server Esri SDE PostgreSQLhellip hoặc lagrave caacutec dạng file dữ liệu

như Shapefile Tab XMLhellip Caacutec dữ liệu nagravey được thiết kế cagravei đặt vagrave xacircy dựng theo

7

từng quy trigravenh cụ thể Tugravey theo quy mocirc vagrave yecircu cầu của hệ thống magrave tổ chức lựa chọn

cocircng nghệ quản trị cơ sở dữ liệu cho phugrave hợp

2) Application Server (Bussiness tier) thường được tiacutech hợp trong một Webserver

nagraveo đoacute viacute dụ như caacutec Web Server nổi tiếng Apache Tomcat Internet Information

Server Đoacute lagrave một ứng dụng phiacutea Server nhiệm vụ chiacutenh của noacute lagrave tiếp nhận caacutec yecircu

cầu từ client lấy dữ liệu từ phiacutea cơ sở dữ liệu theo yecircu cầu client trigravenh bagravey dữ liệu

theo cấu higravenh định sẵn hoặc theo yecircu cầu của client vagrave trả kết quả về theo yecircu cầu

3) Client (Presentation tier) thocircng thường đơn thuần lagrave một Browser như Internet

Explorer FireFox Google Chomehellip để mở caacutec trang web theo URL định sẵn Caacutec

ứng dụng client coacute thể lagrave 1 Website Applet Flashhellip được viết bằng caacutec cocircng nghệ

chuẩn magrave W3C đatilde chứng thực Caacutec client đocirci khi cũng lagrave một ứng dụng Desktop

tương tự như phần mềm MapInfo ArcMaphellip

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers

231 Cocircng nghệ matilde nguồn mở GeoServer

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn Internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Tiếp cận cocircng nghệ WebGIS phugrave hợp lagrave yếu tố quan trọng

để xacircy dựng một WebGIS hoagraven chỉnh vagrave coacute khả năng đaacutep ứng phaacutet triển trong tương

lai Đề tagravei nagravey ứng dụng cocircng nghệ matilde nguồn mở GeoServer để xacircy dựng WebGIS

GeoServer lagrave một maacutey chủ matilde nguồn mở với mục điacutech kết nối những thocircng tin

địa lyacute coacute sẵn tới caacutec WebGIS (trang web địa lyacute) sử dụng chuẩn mở Được bắt đầu bởi

một tổ chức phi lợi nhuận coacute tecircn The Open Planning Project (TOPP) nhằm mục điacutech

hỗ trợ việc xử lyacute thocircng tin khocircng gian địa lyacute với chất lượng cao đơn giản trong sử

dụng lagrave phần mềm matilde nguồn mở nhằm cung cấp vagrave chia sẻ dữ liệu Được kỳ vọng sẽ

trở thagravenh một phương thức đơn giản để kết nối những nguồn thocircng tin coacute sẵn từ

Google Earth NASA World Wind nhằm tạo ra caacutec dịch vụ Webmap như Google

Maps Windows Live Local vagrave Yahoo Maps

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 14: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

5

22 Tổng quan về kiến truacutec WebGIS

Kiến truacutec web của hệ thống thocircng tin dữ liệu khocircng gian cũng gần giống như

kiến truacutec dagravenh cho một hệ thống thocircng tin web cơ bản khaacutec ngoại trừ coacute sử dụng kỹ

thuật GIS Coacute nhiều dạng cocircng nghệ cho việc thagravenh lập web cho thocircng tin khocircng gian

như MapServer GeoServer ArcGIS Serverhellip

Cơ sở dữ liệu khocircng gian sẽ được dugraveng để quản lyacute vagrave truy xuất dữ liệu khocircng

gian được đặt trecircn Data Server Nhagrave kho hay nơi lưu trữ (Clearing House) được dugraveng

để lưu trữ vagrave duy trigrave siecircu dữ liệu Metadata về những dữ liệu khocircng gian tại những Data

Server khaacutec nhau Dựa trecircn những thagravenh phần quản lyacute dữ liệu ứng dụng Server vagrave mocirc

higravenh Server được dugraveng cho ứng dụng hệ thống để tiacutenh toaacuten thocircng tin khocircng gian qua

caacutec hagravem cụ thể Tất cả kết quả tiacutenh toaacuten của ứng dụng Server sẽ được gởi đến Web

Server để thecircm vagraveo caacutec goacutei HTML gởi cho phiacutea client vagrave hiển thị nơi trigravenh duyệt web

a) Cilent gửi yecircu cầu của người sử dụng thocircng qua giao thức HTTP đến Web Server

b) Web Server nhận yecircu cầu của người dugraveng từ cilent xử lyacute vagrave chuyển tiếp yecircu cầu

đến ứng dụng trecircn Server coacute liecircn quan

c) Application Server (chiacutenh lagrave caacutec ứng dụng GIS) nhận caacutec yecircu cầu cụ thể đối với

caacutec ứng dụng vagrave gọi caacutec hagravem coacute liecircn quan để tiacutenh toaacuten xử lyacute Nếu coacute yecircu cầu dữ

liệu noacute sẽ gửi yecircu cầu dữ liệu đến Data Exchange Center (trung tacircm trao đổi dữ

liệu)

d) Data Exchange Center nhận yecircu cầu dữ liệu tigravem kiếm vị triacute dữ liệu sau đoacute gửi yecircu

cầu dữ liệu đến Data Server chứa dữ liệu cần tigravem

e) Data Server tiến hagravenh truy vấn dữ liệu cần thiết vagrave trả dữ liệu nagravey về cho Data

Exchange Center

f) Data Exchange Center nhận nhiều nguồn dữ liệu từ Data Server sắp xếp logic dữ

liệu theo yecircu cầu vagrave trả dữ liệu về cho Application Server

g) Application Server nhận dữ liệu trả về từ caacutec Data Exchange Center vagrave đưa chuacuteng

đến caacutec hagravem cần sử dụng xử lyacute trả kết quả về Web Server

6

h) Web Server nhận kết quả xử lyacute thecircm vagraveo caacutec code HTML PHPhellip để coacute thể hiển

thị lecircn trigravenh duyệt gửi trả kết quả về cho trigravenh duyệt dưới dạng caacutec trang web

Higravenh 22 Kiến truacutec hệ thống WebGIS

(Nguồn Climate GIS ndash wwwclimategiscom)

Kiến truacutec 3-tier gồm 3 thagravenh phần cơ bản đại diện cho 3 tầng

1) Database (Data tier) lagrave nơi lưu trữ caacutec dữ liệu địa lyacute bao gồm caacutec dữ liệu khocircng

gian vagrave phi khocircng gian Caacutec dữ liệu nagravey được quản trị bởi caacutec hệ quản trị cơ sở dữ liệu

như Oracle MS SQL Server Esri SDE PostgreSQLhellip hoặc lagrave caacutec dạng file dữ liệu

như Shapefile Tab XMLhellip Caacutec dữ liệu nagravey được thiết kế cagravei đặt vagrave xacircy dựng theo

7

từng quy trigravenh cụ thể Tugravey theo quy mocirc vagrave yecircu cầu của hệ thống magrave tổ chức lựa chọn

cocircng nghệ quản trị cơ sở dữ liệu cho phugrave hợp

2) Application Server (Bussiness tier) thường được tiacutech hợp trong một Webserver

nagraveo đoacute viacute dụ như caacutec Web Server nổi tiếng Apache Tomcat Internet Information

Server Đoacute lagrave một ứng dụng phiacutea Server nhiệm vụ chiacutenh của noacute lagrave tiếp nhận caacutec yecircu

cầu từ client lấy dữ liệu từ phiacutea cơ sở dữ liệu theo yecircu cầu client trigravenh bagravey dữ liệu

theo cấu higravenh định sẵn hoặc theo yecircu cầu của client vagrave trả kết quả về theo yecircu cầu

3) Client (Presentation tier) thocircng thường đơn thuần lagrave một Browser như Internet

Explorer FireFox Google Chomehellip để mở caacutec trang web theo URL định sẵn Caacutec

ứng dụng client coacute thể lagrave 1 Website Applet Flashhellip được viết bằng caacutec cocircng nghệ

chuẩn magrave W3C đatilde chứng thực Caacutec client đocirci khi cũng lagrave một ứng dụng Desktop

tương tự như phần mềm MapInfo ArcMaphellip

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers

231 Cocircng nghệ matilde nguồn mở GeoServer

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn Internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Tiếp cận cocircng nghệ WebGIS phugrave hợp lagrave yếu tố quan trọng

để xacircy dựng một WebGIS hoagraven chỉnh vagrave coacute khả năng đaacutep ứng phaacutet triển trong tương

lai Đề tagravei nagravey ứng dụng cocircng nghệ matilde nguồn mở GeoServer để xacircy dựng WebGIS

GeoServer lagrave một maacutey chủ matilde nguồn mở với mục điacutech kết nối những thocircng tin

địa lyacute coacute sẵn tới caacutec WebGIS (trang web địa lyacute) sử dụng chuẩn mở Được bắt đầu bởi

một tổ chức phi lợi nhuận coacute tecircn The Open Planning Project (TOPP) nhằm mục điacutech

hỗ trợ việc xử lyacute thocircng tin khocircng gian địa lyacute với chất lượng cao đơn giản trong sử

dụng lagrave phần mềm matilde nguồn mở nhằm cung cấp vagrave chia sẻ dữ liệu Được kỳ vọng sẽ

trở thagravenh một phương thức đơn giản để kết nối những nguồn thocircng tin coacute sẵn từ

Google Earth NASA World Wind nhằm tạo ra caacutec dịch vụ Webmap như Google

Maps Windows Live Local vagrave Yahoo Maps

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 15: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

6

h) Web Server nhận kết quả xử lyacute thecircm vagraveo caacutec code HTML PHPhellip để coacute thể hiển

thị lecircn trigravenh duyệt gửi trả kết quả về cho trigravenh duyệt dưới dạng caacutec trang web

Higravenh 22 Kiến truacutec hệ thống WebGIS

(Nguồn Climate GIS ndash wwwclimategiscom)

Kiến truacutec 3-tier gồm 3 thagravenh phần cơ bản đại diện cho 3 tầng

1) Database (Data tier) lagrave nơi lưu trữ caacutec dữ liệu địa lyacute bao gồm caacutec dữ liệu khocircng

gian vagrave phi khocircng gian Caacutec dữ liệu nagravey được quản trị bởi caacutec hệ quản trị cơ sở dữ liệu

như Oracle MS SQL Server Esri SDE PostgreSQLhellip hoặc lagrave caacutec dạng file dữ liệu

như Shapefile Tab XMLhellip Caacutec dữ liệu nagravey được thiết kế cagravei đặt vagrave xacircy dựng theo

7

từng quy trigravenh cụ thể Tugravey theo quy mocirc vagrave yecircu cầu của hệ thống magrave tổ chức lựa chọn

cocircng nghệ quản trị cơ sở dữ liệu cho phugrave hợp

2) Application Server (Bussiness tier) thường được tiacutech hợp trong một Webserver

nagraveo đoacute viacute dụ như caacutec Web Server nổi tiếng Apache Tomcat Internet Information

Server Đoacute lagrave một ứng dụng phiacutea Server nhiệm vụ chiacutenh của noacute lagrave tiếp nhận caacutec yecircu

cầu từ client lấy dữ liệu từ phiacutea cơ sở dữ liệu theo yecircu cầu client trigravenh bagravey dữ liệu

theo cấu higravenh định sẵn hoặc theo yecircu cầu của client vagrave trả kết quả về theo yecircu cầu

3) Client (Presentation tier) thocircng thường đơn thuần lagrave một Browser như Internet

Explorer FireFox Google Chomehellip để mở caacutec trang web theo URL định sẵn Caacutec

ứng dụng client coacute thể lagrave 1 Website Applet Flashhellip được viết bằng caacutec cocircng nghệ

chuẩn magrave W3C đatilde chứng thực Caacutec client đocirci khi cũng lagrave một ứng dụng Desktop

tương tự như phần mềm MapInfo ArcMaphellip

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers

231 Cocircng nghệ matilde nguồn mở GeoServer

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn Internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Tiếp cận cocircng nghệ WebGIS phugrave hợp lagrave yếu tố quan trọng

để xacircy dựng một WebGIS hoagraven chỉnh vagrave coacute khả năng đaacutep ứng phaacutet triển trong tương

lai Đề tagravei nagravey ứng dụng cocircng nghệ matilde nguồn mở GeoServer để xacircy dựng WebGIS

GeoServer lagrave một maacutey chủ matilde nguồn mở với mục điacutech kết nối những thocircng tin

địa lyacute coacute sẵn tới caacutec WebGIS (trang web địa lyacute) sử dụng chuẩn mở Được bắt đầu bởi

một tổ chức phi lợi nhuận coacute tecircn The Open Planning Project (TOPP) nhằm mục điacutech

hỗ trợ việc xử lyacute thocircng tin khocircng gian địa lyacute với chất lượng cao đơn giản trong sử

dụng lagrave phần mềm matilde nguồn mở nhằm cung cấp vagrave chia sẻ dữ liệu Được kỳ vọng sẽ

trở thagravenh một phương thức đơn giản để kết nối những nguồn thocircng tin coacute sẵn từ

Google Earth NASA World Wind nhằm tạo ra caacutec dịch vụ Webmap như Google

Maps Windows Live Local vagrave Yahoo Maps

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 16: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

7

từng quy trigravenh cụ thể Tugravey theo quy mocirc vagrave yecircu cầu của hệ thống magrave tổ chức lựa chọn

cocircng nghệ quản trị cơ sở dữ liệu cho phugrave hợp

2) Application Server (Bussiness tier) thường được tiacutech hợp trong một Webserver

nagraveo đoacute viacute dụ như caacutec Web Server nổi tiếng Apache Tomcat Internet Information

Server Đoacute lagrave một ứng dụng phiacutea Server nhiệm vụ chiacutenh của noacute lagrave tiếp nhận caacutec yecircu

cầu từ client lấy dữ liệu từ phiacutea cơ sở dữ liệu theo yecircu cầu client trigravenh bagravey dữ liệu

theo cấu higravenh định sẵn hoặc theo yecircu cầu của client vagrave trả kết quả về theo yecircu cầu

3) Client (Presentation tier) thocircng thường đơn thuần lagrave một Browser như Internet

Explorer FireFox Google Chomehellip để mở caacutec trang web theo URL định sẵn Caacutec

ứng dụng client coacute thể lagrave 1 Website Applet Flashhellip được viết bằng caacutec cocircng nghệ

chuẩn magrave W3C đatilde chứng thực Caacutec client đocirci khi cũng lagrave một ứng dụng Desktop

tương tự như phần mềm MapInfo ArcMaphellip

23 Giới thiệu cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện matilde nguồn mở

OpenLayers

231 Cocircng nghệ matilde nguồn mở GeoServer

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn Internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Tiếp cận cocircng nghệ WebGIS phugrave hợp lagrave yếu tố quan trọng

để xacircy dựng một WebGIS hoagraven chỉnh vagrave coacute khả năng đaacutep ứng phaacutet triển trong tương

lai Đề tagravei nagravey ứng dụng cocircng nghệ matilde nguồn mở GeoServer để xacircy dựng WebGIS

GeoServer lagrave một maacutey chủ matilde nguồn mở với mục điacutech kết nối những thocircng tin

địa lyacute coacute sẵn tới caacutec WebGIS (trang web địa lyacute) sử dụng chuẩn mở Được bắt đầu bởi

một tổ chức phi lợi nhuận coacute tecircn The Open Planning Project (TOPP) nhằm mục điacutech

hỗ trợ việc xử lyacute thocircng tin khocircng gian địa lyacute với chất lượng cao đơn giản trong sử

dụng lagrave phần mềm matilde nguồn mở nhằm cung cấp vagrave chia sẻ dữ liệu Được kỳ vọng sẽ

trở thagravenh một phương thức đơn giản để kết nối những nguồn thocircng tin coacute sẵn từ

Google Earth NASA World Wind nhằm tạo ra caacutec dịch vụ Webmap như Google

Maps Windows Live Local vagrave Yahoo Maps

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 17: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

8

GeoServer được viết bằng ngocircn ngữ java cho pheacutep người sử dụng chia sẻ vagrave

chỉnh sử dữ liệu khocircng gian địa lyacute (geospatial data) Lagrave một dự aacuten mang tiacutenh cộng

đồng GeoServer được phaacutet triển kiểm thử vagrave hỗ trợ bởi nhiều nhoacutem đối tượng vagrave tổ

chức khaacutec nhau trecircn toagraven thế giới GeoServer lagrave sự phối hợp caacutec chuẩn hoạt động của

Open Geospatial Consortium (OGC) Web Map Service (WMS) Web Feature Service

(WFS) GeoServer lagrave thagravenh phần nền tảng của Geospatial Web

Chuẩn mở vagrave khả năng chia sẻ dữ liệu khocircng gian

GeoServer cho pheacutep người dugraveng hiển thị thocircng tin khocircng gian Cung cấp chuẩn

Dịch vụ bản đồ (Web Map Service - WMS) GeoServer coacute thể tạo bản đồ vagrave xuất

ra nhiều định dạng OpenLayers một thư viện bản đồ hoagraven toagraven miễn phiacute được

tiacutech hợp cugraveng GeoServer giuacutep cho cocircng việc tạo bản đồ trở necircn đơn giản hơn bao

giờ hết

GeoServer hỗ trợ rất nhiều style bản đồ tương thiacutech với chuẩn Web Feature

Service (WFS)

GeoServer cho pheacutep chia sẻ vagrave chỉnh sửa dữ liệu đang được dugraveng để hiển thị bản

đồ

Higravenh 23 Giao diện GeoServer

(Nguồn Baacutech khoa toagraven thư mở Wikipedia ndash wwwviwikipediaorg)

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 18: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

9

Caacutec đặt trưng của GeoServer

GeoServer cho pheacutep xuất dữ liệu linh hoạt dựa vagraveo việc hỗ trợ caacutec chuẩn KML

GML Shapefile GeoRSS PDF GeoJSON JPEG GIF SVG PNG

GeoServer coacute thể đọc được nhiều định dạng dữ liệu bao gồm PostGIS Oracle

Spatital ArcSDE DB2 MySQL Shapefile GeoTIFF GTOPO30 vagrave nhiều loại

khaacutec Becircn cạnh đoacute GeoServer cograven coacute thể chỉnh sửa dữ liệu nhờ những thagravenh phần

xử lyacute của Chuẩn Web Feature Server

GeoServer được xacircy dựng dựa trecircn goacutei thư viện matilde nguồn mở GeoTools được viết

bởi ngocircn ngữ java

GeoServer hỗ trợ việc chia sẻ dữ liệu khocircng gian địa lyacute lecircn Google Earth thocircng qua

đặc tiacutenh Network link sử dụng KML

232 Thư viện matilde nguồn mở OpenLayers

OpenLayers lagrave bộ thư viện JavaScript hỗ trợ hiển thị bản đồ trecircn caacutec ứng dụng

web được viết bằng ngocircn ngữ JavaScript OpenLayers khocircng chỉ lagrave thư viện cung cấp

một API JavaScript magrave noacute coacute thể kết hợp caacutec bản đồ từ nhiều nguồn khaacutec nhau vagraveo

trang web hoặc ứng dụng

Đặc điểm nổi bật của thư viện OpenLayers

Bộ thư viện matilde nguồn mở

Tuacircn theo chuẩn quốc tế

Hỗ trợ nhiều loại dịch vụ (WMS WFS WCShellip) vagrave Map Server như ArcGIS

GeoServer MapServer

Đọc được caacutec định dạng trecircn Google Map OpenStreetMaphellip

Hỗ trợ xacircy dựng caacutec thao taacutec trecircn bản đồ

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 19: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

10

24 Caacutec ngocircn ngữ lập trigravenh HTML Java JavaScript

241 Ngocircn ngữ HTML

HTML (Hyper Text Markup Language hay lagrave Ngocircn ngữ Đaacutenh dấu Siecircu văn

bản) lagrave một ngocircn ngữ đaacutenh dấu được thiết kế ra để tạo necircn caacutec trang web với caacutec mẩu

thocircng tin được trigravenh bagravey trecircn World Wide Web HTML được định nghĩa như lagrave một

ứng dụng đơn giản của SGML vagrave được sử dụng trong caacutec tổ chức cần đến caacutec yecircu cầu

xuất bản phức tạp HTML đatilde trở thagravenh một chuẩn Internet do tổ chức World Wide

Web Consortium (W3C) duy trigrave HTML đang được phaacutet triển tiếp với phiecircn bản hiện

tại HTML5 đatilde mang lại diện mạo mới cho Web

Bằng caacutech dugraveng HTML động hoặc Ajax lập trigravenh viecircn coacute thể được tạo ra vagrave xử

lyacute bởi số lượng lớn caacutec cocircng cụ từ một chương trigravenh soạn thảo văn bản đơn giản ndash coacute

thể gotilde vagraveo ngay từ những dograveng đầu tiecircn ndash cho đến những cocircng cụ xuất

bản WYSIWYG phức tạp

242 Ngocircn ngữ Java

Java lagrave một ngocircn ngữ lập trigravenh dạng lập trigravenh hướng đối tượng (OOP) Khaacutec với

phần lớn ngocircn ngữ lập trigravenh thocircng thường thay vigrave biecircn dịch matilde nguồn thagravenh matilde

maacutey hoặc thocircng dịch matilde nguồn khi chạy java được thiết kế để biecircn dịch matilde nguồn

thagravenh bytecode bytecode sau đoacute sẽ được mocirci trường thực thi (runtime environment)

chạy Bằng caacutech nagravey Java thường chạy chậm hơn những ngocircn ngữ lập trigravenh thocircng

dịch khaacutec như C++ Python Perl PHP C

Cuacute phaacutep java được vay mượn nhiều từ C amp C++ nhưng coacute cuacute phaacutep hướng đối

tượng đơn giản hơn vagrave iacutet tiacutenh năng xử lyacute cấp thấp hơn Do đoacute việc viết một chương

trigravenh bằng java dễ hơn đơn giản hơn đỡ tốn cocircng sửa lỗi hơn

243 Ngocircn ngữ JavaScript

JavaScript theo phiecircn bản hiện hagravenh lagrave một ngocircn ngữ lập trigravenh kịch bản dựa

trecircn đối tượng được phaacutet triển từ caacutec yacute niệm nguyecircn mẫu Ngocircn ngữ nagravey được dugraveng

rộng ratildei cho caacutec trang web nhưng cũng được dugraveng để tạo khả năng viết script sử dụng

caacutec đối tượng nằm sẵn trong caacutec ứng dụng Noacute vốn được phaacutet triển bởi Brendan

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 20: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

11

Eich tại Hatildeng truyền thocircng Netscape với caacutei tecircn đầu tiecircn Mocha rồi sau đoacute đổi tecircn

thagravenh LiveScript vagrave cuối cugraveng thagravenh JavaScript Giống Java JavaScript coacute cuacute

phaacutep tương tự C nhưng noacute gần với Self hơn Java js lagrave phần mở rộng thường được

dugraveng cho tập tin matilde nguồn JavaScript

JavaScript coacute một số đối tượng định nghĩa sẵn bao gồm mảng (Array) đối

tượng đại số Bool (Boolean) đối tượng ngagravey thaacuteng (Date) đối tượng hagravem (Function)

đối tượng toaacuten học(Math) đối tượng số (Number) đối tượng đối tượng (Object) đối

tượng biểu thức tigravem kiếm (RegExp) vagrave đối tượng chuỗi kyacute tự (String) Caacutec đối tượng

khaacutec lagrave đối tượng thuộc phần mềm chủ (phần mềm aacutep dụng JavaScript - thường lagrave

trigravenh duyệt)

25 Tigravenh higravenh phaacutet triển WebGIS trecircn thế giới vagrave Việt Nam

WebGIS lagrave xu hướng phổ biến thocircng tin mạnh mẽ trecircn internet khocircng chỉ dưới

goacutec độ thocircng tin thuộc tiacutenh thuần tuacutey magrave noacute kết hợp được với thocircng tin khocircng gian

hữu iacutech cho người sử dụng Khả năng ứng dụng WebGIS bao gồm

- Người dugraveng internet coacute thể truy cập đến caacutec ứng dụng GIS magrave khocircng cần phải mua

phần mềm Điều nagravey giuacutep chuacuteng ta tiết kiệm được chi phiacute đối với một hệ thống

GIS bởi caacutec phần mềm GIS hiện nay coacute giaacute thagravenh rất cao

- Đối với phần lớn người dugraveng khocircng coacute kinh nghiệm về GIS thigrave việc sử dụng

WebGIS sẽ đơn giản hơn lagrave việc sử dụng caacutec phần mềm GIS khaacutec

- Hiện nay trecircn thế giới coacute nhiều cocircng nghệ về WebGIS như GeoServer

MapServer ESRIhellip

WebGIS được ứng dụng ngagravey cagraveng nhiều ở caacutec nước phaacutet triển như Hoa Kỳ

Nhật Bảnhellip caacutec ứng dụng WebGIS đưa vagraveo thực tế mang lại nhiều hiệu quả về kinh

tế - xatilde hội ndash mocirci trường cho nhiều cường quốc trong đoacute coacute hệ thống WebGIS hỗ trợ

phaacutet triển cộng đồng tại tỉnh Shimane - Nhật Bản được phaacutet triển bởi Trung tacircm

nghiecircn cứu vugraveng nuacutei (Mountainous Region Research Center ndash MRRC)

Tại Việt Nam tigravenh higravenh nghiecircn cứu vagrave ứng dụng WebGIS trong những năm gần

đacircy luocircn được quan tacircm caacutec đề tagravei coacute giaacute trị như Ứng dụng cocircng nghệ WebGIS để

xacircy dựng cơ sở dữ liệu phục vụ khai thaacutec tiềm năng du lịch bền vững tỉnh Quảng Trị

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 21: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

12

Ứng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS phục vụ cocircng taacutec tư vấn địa

điểm thi đại học ndash cao đẳng trecircn địa bagraven Thagravenh phố Hồ Chiacute Minhhellip WebGIS phaacutet

triển mạnh ở Việt Nam đang được nhiều người sử dụng coacute thể kể đến lagrave Việt bản đồ

wwwvietbandovn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 22: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

Chương 3

DỮ LIỆU NỘI DUNG VAgrave PHƯƠNG PHAacuteP

31 Dữ liệu

Caacutec shapefile liecircn quan đến Thagravenh phố Hồ Chiacute Minh được lấy từ nguồn dữ liệu

OSM (OpenStreetMap) URL wwwdownloadscloudmadecom gồm

Shapefile ranh giới quận

Shapefile ranh giới phường

Shapefile ủy ban nhacircn dacircn

32 Nội dung đối tượng vagrave Phương phaacutep nghiecircn cứu

Nội dung nghiecircn cứu

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh trecircn phần

mềm PostgreSQL

Đưa shapefile hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh lecircn nền web bằng cocircng nghệ matilde

nguồn mở GeoServer thư viện Openlayers vagrave caacutec ngocircn ngữ lập trigravenh HTML

Javascript

Ứng dụng hướng dẫn sử dụng thao taacutec với GeoServer chỉnh sửa kiểu hiển thị

(style) của caacutec đối tượng

Chỉnh sửa vagrave cập nhật dữ liệu thuộc tiacutenh trong hệ quản trị cơ sở dữ liệu

PostgeSQL

Đối tượng nghiecircn cứu

Cấu truacutec dữ liệu địa lyacute (dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh) lưu

trữ trong HQTCSDL PostgreSQL

Nghiecircn cứu caacutech xacircy dựng phaacutet triển WebGIS bằng cocircng nghệ matilde nguồn mở

GeoServer OpenLayes kết hợp với PostgreSQL

Tigravem hiểu một số ngocircn ngữ lập trigravenh như Java JavaScript HTML

Tigravem hiểu phương thức kết nối của GeoServer bằng ngocircn ngữ Java

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 23: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

14

Tigravem hiểu caacutech truy vấn dữ liệu trong PostgreSQL bằng Java

Phương phaacutep nghiecircn cứu

Tham khảo tổng hợp tagravei liệu liecircn quan đến GIS WebGIS Postgis PostgreSQL

caacutec cocircng cụ - phần mềm matilde nguồn mởhellip từ internet vagrave học hỏi kinh nghiệm thực

tế tại Trung tacircm ứng dụng hệ thống thocircng tin địa lyacute ndash Sở Khoa học vagrave Cocircng nghệ

Thagravenh phố Hồ Chiacute Minh

Sử dụng cocircng nghệ matilde nguồn mở GeoServer vagrave thư viện OpenLayers thagravenh lập

trang WebGIS thể hiện 3 lớp dữ liệu ranh giới quận ranh giới phường vagrave ủy ban

nhacircn dacircn Bằng ngocircn ngữ lập trigravenh HTML vagrave Javascript lập trigravenh trecircn phần mềm

Eclipse SDK

321 Chức năng của WebGIS

Chức năng phacircn quyền truy cập

- Phacircn quyền người dugraveng

- Phacircn quyền người quản trị

Chức năng hiển thị dữ liệu

Hiển thị toagraven bộ 3 lớp dữ liệu bản đồ

Hiển thị caacutec lớp bản đồ theo tugravey chọn của người dugraveng

Thay đổi tỉ lệ bản đồ bằng chức năng zoom (phoacuteng to thu nhỏ)

Zoom đến khu vực cần hiển thị

Hiển thị thocircng tin về đối tượng trecircn bản đồ

Chức năng phacircn tiacutech truy vấn dữ liệu

Thực hiện việc tigravem kiếm caacutec dữ liệu theo yecircu cầu

Cho pheacutep người dugraveng chỉnh sửa vagrave cập nhật thocircng tin thuộc tiacutenh

Thocircng tin sau khi được chỉnh sửa vagrave cập nhật sẽ lưu trữ trong HQTCSDL

PostgreSQL

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 24: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

15

322 Cấu truacutec của hệ thống WebGIS bằng cocircng nghệ GeoServer

Higravenh 31 Cấu truacutec hệ thống WebGIS bằng cocircng nghệ GeoServer

(Nguồn Climate GIS ndash wwwclimategiscom)

Phần trigravenh bagravey được xacircy dựng bằng ngocircn ngữ Java JavaScript vagrave HTML Thực

hiện nhiệm vụ xử lyacute caacutec thao taacutec lưu trữ thocircng tin đảm nhận vai trograve trung gian

truyền nhận dữ liệu giữa người sử dụng với Web Server

Phần ứng dụng chia lagravem hai thagravenh phần lagrave Apache Tomcat vagrave GeoServer (cả hai

đều được phaacutet triển dự trecircn cocircng nghệ Java)

Apache Tomcat đảm nhận traacutech nhiệm phaacutet sinh giao diện vagrave caacutec thư viện Script

để tương taacutec với Client đoacuteng vai trograve trung gian lagrave cầu nối giữa Client vagrave

GeoServer noacute sẽ gửi yecircn cầu của Client đến GeoServer vagrave nhận dữ liệu trả về để

gửi lại cho Client

GeoServer Xử lyacute caacutec thao taacutec phaacutet sinh trong bản đồ như phoacuteng to thu nhỏ tra

cứu thocircng tin Noacute lagrave phần trung gian giữa Apache Tomcat vagrave phần cơ sở dữ liệu

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 25: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

16

tiếp nhận yecircu cầu từ Apache Tomcat rồi truy vấn đến phần cơ sở dữ liệu để lấy

thocircng tin sau đoacute tiến hagravenh xử lyacute vagrave trả về kết quả cho Apache Tomcat

Phần cơ sở dữ liệu đoacuteng vai trograve lagrave trung tacircm lưu trữ dữ liệu dữ liệu địa lyacute được đặt

trecircn Data Server caacutec ứng dụng Server gửi kết quả tiacutenh toaacuten đến Web Server gửi

caacutec goacutei HTML đến phiacutea Cilent vagrave hiển thị thocircng tin lecircn trigravenh duyệt

323 Caacutec bước tiến hagravenh

Tạo Databases trong PostgreSQL để lưu trữ cơ sở dữ liệu nhấp chuột phải vagraveo

Databases trong Object browser chọn New Databases xuất hiện hộp thoại

Higravenh 32 Hộp thoại tạo Databases

(Nguồn Phần mềm PostgreSQL)

Trong hộp thoại coacute

Name tecircn cơ sở dữ liệu muốn tạo lagrave tphcm

Owner chọn postges

Nhấp chuột phải chọn OK khởi tạo thagravenh cocircng một Database mới coacute tecircn lagrave tphcm

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 26: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

17

Higravenh 33 Cơ sở dữ liệu Thagravenh phố Hồ Chiacute Minh

(Nguồn Phần mềm PostgreSQL)

Đưa shapefile lecircn Databases tphcm trecircn thanh cocircng cụ của postgreSQL chọn biểu

tượng PostGIS Shapefile and DBF Loader xuất hiện hộp thoại

Higravenh 34 Hộp thoại đưa shapefile lecircn Databases

(Nguồn Phần mềm PostgreSQL)

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 27: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

18

Trong đoacute

Shape File chọn shapefile cần đưa lecircn Databases tphcm

Destination Table đặt tecircn cho shapefile

SRID matilde số hệ tọa độ tương ứng với shapefile

Nhấp chuột traacutei vagraveo Options xuất hiện hộp thoại

Higravenh 35 Hộp thoại Import Options

(Nguồn Phần mềm PostgreSQL)

Trong đoacute

DBF file character encoding mặc định lagrave UTF-8

Chọn dấu tick vagraveo hai ocirc Create spatial index automatically after load vagrave Load data

using COPY rather than INSERT

Nhấp chuột phải OK chọn Import tạo thagravenh cocircng cơ sở dữ liệu trong Databases

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 28: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

19

Higravenh 36 Cơ sở dữ liệu trong Databases tphcm

(Nguồn Phần mềm PostgreSQL)

Đưa CSDL trong postgreSQL lecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp

dữ liệu

Tạo khocircng gian lưu trữ dữ liệu lấy từ Databases tphcm trong PostgreSQL trong

mục Data trecircn giao diện của GeoServer chọn Workspaces chọn Add new workspaces

xuất hiện hộp thoại

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 29: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

20

Higravenh 37 Hộp thoại tạo Workspace

(Nguồn GeoServer - httplocalhost8080geoserver)

Nhập tecircn Workspaces vagraveo mục Name lagrave tphcm vagrave chọn Submit

Tạo kho (Store) lấy dữ liệu từ PostgreSQL vagrave phải nằm trong Workspaces tphcm

trong mục Data trecircn giao diện của GeoServer chọn Stores chọn Add new store xuất

hiện hộp thoại

Higravenh 38 Hộp thoại tạo Store

(Nguồn GeoServer - httplocalhost8080geoserver)

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 30: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

21

Chọn PostGIS ndash PostGIS Database xuất hiện hộp thoại

Higravenh 39 Hộp thoại thocircng tin về kho dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Workspaces lagrave tphcm (tecircn của Workspaces trong GeoServer) vagrave schema lagrave

tphcm (tecircn của Databases trong postgreSQL)

Tạo caacutec lớp dữ liệu (layers) từ kho dữ liệu (store) tphcm trong mục Data trecircn

giao diện của GeoServer chọn Layers chọn Add a new resource chọn tphcmtphcm

(tecircn của Workspaces vagrave Store) xuất hiện hộp thoại

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 31: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

22

Higravenh 310 Hộp thoai tạo caacutec lớp dữ liệu

(Nguồn GeoServer - httplocalhost8080geoserver)

Chọn Publish xuất hiện

Higravenh 311 Hộp thoại chọn hệ tọa độ trong GeoServer

(Nguồn GeoServer - httplocalhost8080geoserver)

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 32: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

23

Chọn Find tigravem hệ tọa độ trugraveng với hệ tọa độ của shapefile vagrave trugraveng với số SRID trong

postgreSQL lagrave 4326 tương ứng với hệ tọa độ WGS 1984 Nhấp chuột traacutei vagraveo

Compute from data vagrave Compute from native bounds để xaacutec định khung giới hạn khu

vực bản đồ cần nghiecircn cứu Chọn Save để lưu lại lớp dữ liệu (layers)

Tạo kiểu hiển thị (style) cho caacutec lớp dữ liệu (layers) bằng thư viện matilde nguồn

mở (URL wwwdocsgeoserverorgstableenuserstylingindexhtml)

Trong thư viện coacute nhiều kiểu hiển thị (style) tương ứng với caacutec kiểu dữ liệu

điểm (point) đường (line) vugraveng (polygon) Mỗi kiểu hiển thị (style) coacute một đoạn code

tương ứng (file định dạng sld)

Shapefile hagravenh chiacutenh quận coacute kiểu dữ liệu vugraveng (polygon) ta coacute code tạo kiểu

hiển thị (style) như sau

Higravenh 312 Code tạo kiểu hiển thị (Style)

(Nguồn GeoServer ndash wwwdocgeoserverorg)

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 33: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

24

Tạo style mới (hcquan) trong GeoServer copy code qua style hcquan

Higravenh 313 Code tạo kiểu hiển thị hagravenh chiacutenh quận

(Nguồn GeoServer - httplocalhost8080geoserver)

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 34: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

25

Đưa style hcquan vagraveo layer hcquan

Higravenh 314 Hộp thoại chọn kiểu hiển thị (style) cho lớp bản đồ (layer)

(Nguồn GeoServer - httplocalhost8080geoserver)

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 35: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

26

Vagraveo Layer Preview để kiểm tra lớp dữ liệu (layer) đatilde coacute kiểu hiển thị (style)

Higravenh 315 Lớp bản đồ (layer) hagravenh chiacutenh quận được chọn kiểu hiển thị (style)

(Nguồn GeoServer - httplocalhost8080geoserver)

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 36: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

27

Xacircy dựng WebGIS trecircn phần mềm Eclipse SDK

Thiết kế giao diện cho WebGIS

Higravenh 316 Code thiết kế tiecircu đề web

(Nguồn Phần mềm Eclipse SDK)

Higravenh 317 Code thiết kế panel hiển thị bản đồ

(Nguồn Phần mềm Eclipse SDK)

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 37: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

28

Khai baacuteo HTML vagrave thư viện Script

Higravenh 318 Code khai baacuteo thư viện Script

(Nguồn Phần mềm Eclipse SDK)

Đưa CSDL hiển thị lecircn nền Web

Higravenh 319 Code hiển thị cơ sở dữ liệu

(Nguồn Phần mềm Eclipse SDK)

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 38: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

29

Viết caacutec hagravem function tạo caacutec chức năng cho WebGIS như Zoom (phoacuteng to thu

nhỏ) Di chuyển bản đồ Hiển thị thocircng tin đối tượng được chọn Truy vấn vagrave cập

nhật thocircng tin hagravenh chiacutenh

Higravenh 320 Code tạo caacutec chức năng cần thiết cho WebGIS

(Nguồn Phần mềm Eclipse SDK)

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 39: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

Chương 4

KẾT QUẢ VAgrave Yacute NGHĨA

41 Kết quả

Xacircy dựng cơ sở dữ liệu thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh

Dữ liệu khocircng gian của Thagravenh phố Hồ Chiacute Minh được lấy từ OSM (OpenStreetMap -

httpdownloadscloudmadecom) gồm caacutec shapefile hagravenh chiacutenh quận (hcquan) hagravenh

chiacutenh phường (hcphuong) ủy ban nhacircn dacircn (ubnd)

Bảng 41 Caacutec bảng dữ liệu được lưu trữ trong PostgreSQL

STT TEcircN BẢNG GHI CHUacute

1 hcquan Ranh giới hagravenh chiacutenh Quận

2 hcphuong Ranh giới hagravenh chiacutenh Phường

3 ubnd Địa điểm Ủy ban nhacircn dacircn

4 giaothong Hệ thống đường giao thocircng

5 thuyhe Hệ thống socircng ngogravei

6 taikhoan Danh saacutech tagravei khoản phacircn quyền truy cập

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 40: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

31

Bảng 42 Thuộc tiacutenh bảng hcquan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID QuậnHuyện

2 madvhc Character (12) Matilde số hagravenh chiacutenh QuậnHuyện

3 tendvhc Character (50) Tecircn QuậnHuyện

4 shape_len Double Dacircn số

5 shape_area Double Diện tiacutech

6 sodvhc Integer Số lượng PhườngXatilde của QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 43 Thuộc tiacutenh bảng hcphuong

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID PhườngXatilde

2 madvhc Integer Matilde số hagravenh chiacutenh PhườngXatilde

3 caphc Character (10) Cấp hagravenh chiacutenh

4 soho Integer Số lượng hộ dacircn

5 ten_phuong Character (50) Tecircn PhườngXatilde

6 ten_quan Character (20) Tecircn QuậnHuyện

7 the_geom Geometry Mocirc tả dạng higravenh học

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 41: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

32

Bảng 44 Thuộc tiacutenh bảng ubnd

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 gid Numberic Matilde ID Ủy ban nhacircn dacircn

2 name Character (250) Tecircn Ủy ban nhacircn dacircn

3 code Integer Phacircn cấp đơn vị hagravenh chiacutenh

4 hinh_anh Character (255) Higravenh ảnh trung tacircm hagravenh chiacutenh

5 diachi Character (100) Địa chỉ Ủy ban nhacircn dacircn

6 sdt Text Số điện thoại Ủy ban nhacircn dacircn

7 web Character (100) Website QuậnHuyện PhườngXatilde

8 the_geom Geometry Mocirc tả dạng higravenh học

Bảng 45 Thuộc tiacutenh bảng taikhoan

STT TEcircN CỘT KIỂU DỮ LIỆU GHI CHUacute

1 tentk Character (20) Tecircn tagravei khoản đăng nhập

2 matkhau Character (10) Mật khẩu đăng nhập

3 loaitk Integer Phacircn loại tagravei khoản

4 sdt Text Số điện thoại chủ tagravei khoản

5 diachi Character (100) Số nhagrave người đăng nhập

6 duong Character (50) Tecircn đường giao thocircng

7 phuong Character (100) Tecircn Phường

8 quan Character (50) Tecircn Quận

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 42: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

33

Higravenh 41 Sơ đồ liecircn kết dữ liệu

Thiết kế chức năng WebGIS

Higravenh 42 Sơ đồ chức năng quản trị

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 43: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

34

Higravenh 43 Sơ đồ chức năng người dugraveng

Xacircy dựng được trang WebGIS thể hiện 5 lớp dữ liệu thocircng tin hagravenh chiacutenh Thagravenh

phố Hồ Chiacute Minh coacute giao diện đơn giản dễ sử dụng

Bước 1 Xacircy dựng giao diện Web bằng caacutec ngocircn ngữ lập trigravenh JavaScript HTML

Bước 2 Thể hiện caacutec lớp dữ liệu lecircn nền web

Biecircn tập dữ liệu trecircn GeoServer vagrave tạo kiểu hiển thị (style) cho caacutec lớp bản đồ

(layer)

Đưa bản đồ lecircn nền web bằng phần mềm matilde nguồn mở GeoServer vagrave thư viện

OpenLayer

Xacircy dựng caacutec cocircng cụ thao taacutec trecircn Web chức năng người quản trị vagrave người dugraveng

Bước 3 Liecircn kết dữ liệu trong PostgreSQL

Thiết lập kết nối dữ liệu trecircn web vagrave CSDL trong PostgreSQL bằng Java

Thocircng tin thuộc tiacutenh đối tượng được lấy trực tiếp từ HQTCSDL PostgreSQL

Bước 4 Lập trigravenh vagrave truy vấn vagrave cập nhật thocircng tin

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 44: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

35

Thocircng tin hagravenh chiacutenh cụ thể lagrave matilde số quậnhuyện tecircn quậnhuyện diện tiacutech dacircn số

số lượng phườngxatilde của quậnhuyện được truy vấn cập nhật trực tiếp trecircn WebGIS vagrave

lưu trữ trong HQTCSDL PostgreSQL

Giao diện phacircn quyền truy cập

Higravenh 44 Giao diện phacircn quyền truy cập

Người quản trị cung cấp tecircn tagravei khoản (username) vagrave mật khẩu (password) cho

người dugraveng đồng thời cung cấp cho bản thacircn một tagravei khoản quản trị (admin) Tất cả dữ

liệu được lưu trữ trong bảng taikhoan của HQTCSDL PostgreSQL

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 45: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

36

Higravenh 45 Giao diện đăng nhập sai

Higravenh 46 Giao diện WebGIS khi đăng nhập đuacuteng

1

2

3

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 46: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

37

Khu vực 1 đặt tiecircu đề (banner) của trang web

Khu vực 2 panel chứa caacutec thocircng tin để phục vụ cocircng taacutec tigravem kiếm truy vấn cập

nhật thocircng tin hagravenh chiacutenh

Khu vực 3 panel hiển thị bản đồ vagrave caacutec lớp dữ liệu chứa nuacutet cơ bản như

Nuacutet chứa caacutec lớp dữ liệu bản đồ (Layer)

Nuacutet di chuyển bản đồ traacutei phải lecircn xuống

Nuacutet phoacuteng to bản đồ (zoom in)

Nuacutet thu nhỏ bản đồ (zoom out)

Cho pheacutep người dugraveng vagrave người quản lyacute truy vấn thocircng tin hagravenh chiacutenh

Higravenh 47 Thocircng tin hagravenh chiacutenh cần cập nhật

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 47: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

38

Higravenh 48 Thocircng tin hagravenh chiacutenh được hiển thị

Cho pheacutep người quản lyacute cập nhật dữ liệu

Higravenh 49 Cơ sở dữ liệu trong HQTCSDL PostgreSQL trước khi cập nhật

Cập nhật thocircng tin mới

Tecircn đơn vị hagravenh chiacutenh Quận 101

Số lượng đơn vị hagravenh chiacutenh 150

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 48: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

39

Diện tiacutech 232045

Dacircn số 5072

Higravenh 410 Nhập thocircng tin cập nhật vagraveo web

Sau khi nhập thocircng tin mới nhấp chuột vagraveo nuacutet cập nhật dữ liệu magraven higravenh xuất hiện

Higravenh 411 Giao diện cập nhật dữ liệu thagravenh cocircng

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 49: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

40

Higravenh 412 Cơ sở dữ liệu mới được cập nhật trong HQTCSDL PostgreSQL

Cho pheacutep người dugraveng truy vấn đến dữ liệu hagravenh chiacutenh

Higravenh 413 Bảng thocircng tin tigravem kiếm đơn vị hagravenh chiacutenh

Sau khi tigravem kiếm thocircng tin quậnhuyện người dugraveng nhấp chuột vagraveo nuacutet Zoom magraven

higravenh sẽ truy vấn đến đơn vị hagravenh chiacutenh được chọn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 50: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

41

Higravenh 414 Truy vấn đến đơn vị hagravenh chiacutenh quận 10

Chức năng hiển thị thocircng tin thuộc tiacutenh của từng đối tượng

Khi nhấp chuột vagraveo đối tượng quậnhuyện trecircn bản đồ magraven higravenh sẽ hiển thị thocircng tin

của đối tượng được chọn

Higravenh 415 Thocircng tin quận Tacircn Bigravenh

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 51: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

42

Higravenh 416 Thocircng tin xatilde Phước Hiệp

Higravenh 417 Thocircng tin trung tacircm hagravenh chiacutenh quận Tacircn Phuacute

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 52: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

43

Higravenh 418 Giao diện WebGIS hiển thị lớp ranh giới Phường

Higravenh 419 Giao diện WebGIS hiển thị lớp ranh giới Quận

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 53: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

44

Higravenh 420 Giao diện WebGIS thể hiện hệ trung tacircm hagravenh chiacutenh

42 Yacute nghĩa thực tiễn

Xacircy dựng trang WebGIS hiển thị thocircng tin hagravenh chiacutenh thagravenh phố Hồ Chiacute Minh

phục vụ người dugraveng thuận lợi trong việc tigravem kiếm truy vấn một số thocircng tin

hagravenh chiacutenh cơ bản Giuacutep người quản lyacute dễ dagraveng lưu trữ quản lyacute cập nhật thocircng

tin hagravenh chiacutenh nhanh chiacutenh xaacutec giảm chi phiacute hiệu quả cao

Tạo cơ sở cho việc quản lyacute hagravenh chiacutenh bằng cocircng nghệ WebGIS như quản lyacute

dacircn số quản lyacute hộ tịch (tạm truacute tạm vắng khai sinh khai tử) quản lyacute đơn vị

hagravenh chiacutenhhellip

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 54: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

Chương 5

KẾT LUẬN VAgrave KIẾN NGHỊ

Kết luận đề tagravei ldquoỨng dụng cocircng nghệ matilde nguồn mở xacircy dựng WebGIS thocircng

tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minhrdquo đatilde xacircy dựng hệ thống cơ sở dữ liệu hagravenh

chiacutenh từ cấp quậnhuyện đến cấp phườngxatilde trực thuộc Thagravenh phố Thagravenh lập trang

WebGIS thocircng tin hagravenh chiacutenh với nhiều chức năng tương taacutec bản đồ tigravem kiếm hiển

thị truy vấn vagrave cập nhật thocircng tin WebGIS hỗ trợ cocircng taacutec quản lyacute dữ liệu vagrave phục vụ

nhu cầu tra cứu thocircng tin hagravenh chiacutenh cho người sử dụng đặc biệt lagrave những người chưa

được đagraveo tạo về GIS Giao diện đơn giản dễ sử dụng vagrave đạt hiệu quả cao

WebGIS thocircng tin hagravenh chiacutenh Thagravenh phố Hồ Chiacute Minh coacute caacutec chức năng sau

Phacircn quyền người quản trị vagrave người dugraveng

Hiển thị 5 lớp dữ liệu bản đồ gồm ranh giới hagravenh chiacutenh quận ranh giới

hagravenh chiacutenh phường hệ thống giao thocircng hệ thống socircngkecircnhrạch trung

tacircm hagravenh chiacutenh

Tương taacutec người dugraveng qua caacutec cocircng cụ phoacuteng to bản đồ thu nhỏ bản đồ di

chuyển bản đồ

Tigravem kiếm truy vấn vagrave cập nhật thocircng tin quậnhuyện

Xem thocircng tin quậnhuyện phườngxatilde vagrave trung tacircm hagravenh chiacutenh

Kiến nghị cần nghiecircn cứu xacircy dựng thecircm một số cocircng cụ chức năng như thecircm

lớp dữ liệu xoacutea dữ liệu Sử dụng cocircng nghệ hiện đại để trang web hoạt động nhanh

hơn Tiacutech hợp WebGIS với Google Earth Tigravem hiểu caacutec chế độ bảo mật thocircng tin cho

trang web trước khi đưa WebGIS lecircn mạng

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 55: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

47

TAgraveI LIỆU THAM KHẢO

TIẾNG VIỆT

1 Đoagraven Thị Xuacircn Hương 2010 Ứng dụng ArcGIS Server trong xacircy dựng hệ thống

WebGIS để tiacutech hợp phacircn phối cơ sở dữ liệu địa lyacute lecircn Internet Kỷ yếu hội thảo

ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ Chiacute

Minh 334 trang

2 Nguyễn Kim Lợi 2009 Hệ thống thocircng tin địa lyacute - Phần mềm ArcView 33 Nhagrave

xuất bản Nocircng nghiệp Thagravenh phồ Hồ Chiacute Minh 226 trang

3 Nguyễn Quang Tuấn 2010 Ứng dụng cocircng nghệ WebGIS để xacircy dựng cơ sở dữ

liệu phục vụ khai thaacutec tiềm năng du lịch bền vững ở tỉnh Quảng Trị Kỷ yếu hội

thảo ứng dụng GIS toagraven quốc 2010 ndash Nhagrave xuất bản Nocircng nghiệp Thagravenh phố Hồ

Chiacute Minh 334 trang

4 Trần Quốc Bảo 2008 Tigravem hiểu về chuẩn OGC (Open Geospatial Consortium)

Luận văn tốt nghiệp kỹ sư Cocircng nghệ thocircng tin Đại học Khoa học Tự nhiecircn TP

Hồ Chiacute Minh

TIẾNG ANH

5 Antonio Santiago Perez 2012 OpenLayers Cookbook Packt Publishing Ltd UK

284 pages

6 Erik Hazzard 2011 ldquoOpenLayers 210 ndash Beginner lsquos Guiderdquo Packt Publishing

Ltd UK 351 pages

WEBSITE

7 GeoServer Developer Manual GeoServer User Manual

URL wwwgeoserverorg

8 OpenLayers Library Documentation

URL wwwdocsopenlayersorg

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL

Page 56: KHÓA LUẬN TỐT NGHI - gis.hcmuaf.edu.vn

48

PHỤ LỤC

1 Cagravei đặt Java Development Kit (JDK)

GeoSever được viết bằng ngocircn ngữ lập trigravenh Java Vigrave vậy để chạy được GeoSever cần

phải cagravei đặt Java Development Kit (JDK) Truy cập trang web Java SE Downloads tại

địa chỉ

httpwwworaclecomtechnetworkjavajavasedownloadsindexhtml để tải phiecircn

bản JDK dagravenh cho window

Sau khi đatilde download chạy file jdk-7u21-windows-i586exe cho window 32 bit hoặc

jdk-7u21-windows-x64exe cho window 64 bit để tiến hagravenh cagravei đặt

2 Cagravei đặt GeoServer

Vagraveo trang web của GeoServer tại địa chỉ

httpgeoserverorgdisplayGEOSWelcome để tải phiecircn bản của GeoServer (phiecircn

bản ổn định vagrave mới nhất hiện nay lagrave 230) Chọn Windows Installer để tải bản cagravei đặt

dagravenh cho window

3 Cagravei đặt PostreSQL

Truy cập trang web

httpwwwenterprisedbcomproducts-services-trainingpgdownloadwindows để

download phiecircn bản PostgreSQL