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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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