!"
LỜI CẢM ƠN
#$%&'()*+,&-.,/
012%3%,4 $567*8.
9%0:4#;<=;>%%$%
*5?@,=A A!##&>'
<B4A>'=1C0>-5:-.,/9D
%5B&-:.E2F94 G
&95;HC0I>*;H5=%JA!5K-
#BL4!8=7M9%0:512NO
B::4
P(&=.?N&Q,'<:7M9D%R
Đà Nẵng, ngày 10 tháng 01 năm 2015
Sinh viên
!S!2!
TU#VW!XYZ[!!X\A!V]!
1
!"
NHẬN XÉT
Xác nhận của giáo viên hướng dẫn
CN. Phạm Tuấn Anh
BẢNG GIẢI THÍCH CÁC TỪ VIẾT TẮT
TU#VW!XYZ[!!X\A!V]!
2
!"
STT Chữ, Từ Viết Tắt Ý Nghĩa
1 GIS Geographic Information System
2 CNTT Công Nghệ Thông Tin
3 HTTĐL Hệ Thông tin địa lý
DANH MỤC HÌNH ẢNH
- Hình 1: Thanh công cụ Q-GIS:
- Hình 2: Tạo vùng đường điểm.
- Hình 3: Layer đường điểm.
- Hình 4: Thanh công cụ.
- Hình 5: Tạo CSDL.
- Hình 6: Thêm đối tượng trên CSDL.
- Hình 7: CSDL đường.
- Hình 8: CSDL điểm.
- Hình 9: Giao diện Website .
- Hình 10: Giao diện Website.
- Hình 11: Giao diện Website.
- Hình 12: Giao diện Website.
- Hình 13: Code HTML .
- Hình 14: Code HTML.
TU#VW!XYZ[!!X\A!V]!
3
!"
- Hình 15: Code CSS.
- Hình 16: Code CSS.
- Hình 17: Giao diện trang ứng dụng.
- Hình 18: Giao diện ứng dụng.
CHƯƠNG I: MỞ ĐẦU
1.1.Tính cấp thiết của đề tài
Hiện nay hệ thống giao thông trên địa bàn thành phố đang càng ngày được đổi
mới, đường xá càng ngày càng phức tạp, nhiều đường mới được mở ra. Con người cần
nắm rỏ hệ thống giao thông để thuận tiện trong mọi công việc. Việc xây dựng dữ liệu bản
đồ làm nên tảng phát triển ứng dụng GIS phục vụ công việc quản lí giao thông đô thị, tài
nguyên, môi trường, phòng chống thiên tai, phòng cháy chữa cháy…là vấn đề mà thành
phố đang rất quan tâm.
)>9,B:*=8(5=I
^_OB%=,>:(`&Ha)
*4UBb'%:'5>$
B>$*%+,O(%(15
8c5G%Q`&;BG=
:>$/3*4U0,5'%@3-dC
.`c&78),=I585C
:%5S@3>`G@3=
:*57c8O(%9>,4
e*-85fXdT1$b;:)S`5>E%
)5_Ob($&;-5g&?;,-h
*di;8((`=78,O
O;4U0,5fXdT1$bcO
%)%/39>&D(`%/
TU#VW!XYZ[!!X\A!V]!
4
!"
=*4#*'b85*/:j
!"k&C=,4
1.2.Mục tiêu đề tài
#,,?f>$33/:Q2
*4P3*3)W
• #,,?'b.&a&D:9CV>A#K
!"
• f>$;%/E'%>$5)a5
0,CC%4
1.3.Giới hạn đề tài
• X;-:W
:O;->Flmnlonpolq,rnlpnpols4
• X;-:
:@3fXdT1$b;%/3W
o >$Wt5Pu
o fTWL4
o PTWX4
o V9>a'b.&WKTtvnKXdT4
• X;-:a&D
:O-9CV>A5 !"
1.4.Ý nghĩa khoa học của đề tài
:8=%)b(f
;fXdT5`O(`(
i*:f4 :&:>*//
3fXdT33%B:&*9,.&4
1.5.Ý nghĩa thực tiễn của đề tài
TU#VW!XYZ[!!X\A!V]!
5
!"
fXdT_O5@3^3
39>&`5ag
TU#VW!XYZ[!!X\A!V]!
6
!"
CHƯƠNG II: TỔNG QUAN NGHIÊN CỨU
2.1.TỔNG QUAN VỀ GIS
2.1.1Bản đồ địa lý
#,;B(&;/-)78)B9%O4!,
(=O2)0;(w&N',07
8)BC,O=8S':4UF88
))x*/9,a`?%y05
0,a)59-(,z4
e>$a&D&NI%)O*:G%B&*
G{O?*'b%2@3%DO9
;)>%5-%9'9I%
O*?1(4e>$/:a`5%`BIC)
%O804
#B>$&(:4A78)0B
%*>$h:>5`3>$5>
$aB5>$a0g
TU#VW!XYZ[!!X\A!V]!
7
Hình 2.1: Bản đồ
!"
2.1.2.Hình dạng và kích thước của trái đất
e:G*I%BB/-:G02))a8
b(9&C?%a50-%BO0ab&
&&BH&&-*0-&&I%B4#<a
cG5:GO-bG;)0*|
}9%&3a>>-(G}`4~%3I
2&5$:ICB8w2%&;N
%B&:Ga,+/-:G024
A*5:GiI%B>&:G7%25
i&:G"8I`%B4#2<a>$5)&O
%%-5&BG&&Q?80-`;
=G:GI%B4
2.1.3.Hệ tọa độ địa lý
V2(a&D@3:G=)?%aa`I()*%B4U0
&2(<&:;3%B*)?%aa`IO
:G%B%,|,4•,&%
%:-9)e<!5|,&%Q
8^*3I%B4X).,|,-
%&;4
TU#VW!XYZ[!!X\A!V]!
8
Hình 2.2: hình dạnh Trái Đất
!"
#%,|,892BO&B&
2(8&W|,8%`&;By?`-z,-9
#*EVXI;L&,4X).
&2(4V6$%B&=
^W@e<!^`*;I?`-5@
#^`*>%I,4
!2(O@3(1&(5|((
y&5&5z4PG{9,?`-&
G{9,57O@3)?%a(|(4
•(I()&8.G{9,G{9)
>G{;G{?`-4
U|(I()B€*G%B&8-.{
/y'I258i^b2(J`&2Ia
=z-)8G{?`-4
#9a58I,8%a^`#,
8%a'^b` 4X8I|,O?%ac(be<
!58`e<O&'5`!&4
TU#VW!XYZ[!!X\A!V]!
9
Hình 2.3: Tọa độ địa lý
!"
#2(a&D8:G0=O@38&G=y
zG&&4U0:G%B=;0&&*8
O@3))S:G%B4#*6@
3)`%S'4•w&>$N•lWs4ooo4ooo5bw&
0%..&)S^G=G&&&)
^<4v7G=Oc4!bw&&;‚lW
l4ooo4ooo0@3G&&)>>(`?%&=,4~85
@3G=G&&c(3`I>$(`
?%I.&4
2.1.4.Phép chiếu bản đồ
K},>$&)+%2F3|(=3
2(4!8>>91,.a`*>$a`
*#%B4V8%%},>$&%)SGI#%
B&*(G{5)_)*G'/;()*G
{4V8B:},>$5*8},'>
O@3B8&},;G,WG085G03
G{'a4e;=*,},&-(
(C%),?74A%),?72&%,)4A%)8
QB9250(,-I},*.)&^
4 (,-hE>%.),),?7E4
Mặt hình nón
)},c(G087&*:G=4
{,?7.G8G=&(|,O2&|,
ƒ4A%,,h.{/5%
|,h-.Q4
T},5h<082(,B
€5&7hO,9>I},*:G84T.
TU#VW!XYZ[!!X\A!V]!
10
Vĩ tuyến chuẩn
Kinh tuyến trung tâm
!"
.{Qh-*(G&;4 {;
G<O2&,4
A?|,ƒ(,-E4~8)E(`?%
<N=iIG8,,&*c4
V0p4qWK},08
Mặt hình trụ
X},G85},68({,
,4•@3G3m&-c(a`'
IG3;G=W
• V03OG'{/,?7;G=-(|
,5&?`-4X2&},P4
• V03OG'^5{,?7&(
,4X2&},#4
• V03G*,?7;G=(Q8%`&;
By^;%`?`-z4X2&},„&94
K},O@3B&},P4#},
5,hO,.{/%:
%|,hb%^>%:
E=:`4~8,-hE=:`4T
TU#VW!XYZ[!!X\A!V]!
11
Mercator Transverse Oblique
Polar
Equator
Oblique
!"
},5h<G32(,1*G
{hO,9>4
V0p4sWK},03
Mặt phẳng phương vị
v},.&>$&*(G{,?7;G=4 ),
?78)&W^-5-?`-G-(a`B€^
.4Ua`I),?7,a`'IG{,;G
=-*),%W&59&94PG{,
,?7;IG=&),'>B6cB4#
},5%,hO,(c{
b)5|,&%Q8c&IG=4X8
.%,O>$4
V0p4…WK},G{'a
Phép chiếu UTM (Universal Transverse Mercator)
TU#VW!XYZ[!!X\A!V]!
12
!"
!$&},Py#PzO
@3)h>$8(`?%4K},Y#P:G%B
…o7|,5_7…
o
%Fl,…o)F(l†o
o
f4
P_7}F|(†q
o
T,|(†o
o
!4K},Y#PQ:G%B
%1†
o
,bF?`-4v1+U!
^2‡7q†4#;Elrqs-:!U!5},Y#P
*'b&&Q?ˆ‰l†moO@3)&C>$4
V;@32(9&U!‰pooo58c},
Y#P&&fXT‰†q4
2.1.5.Tỷ lệ bản đồ
#w&I(>$a&D&w.(>%*>$>
%a4A{-5,l*>$/;la0
>$8w&lWlooooo4
•`Iw&8-lWP58Pi>%,&;B
*&=>%'/*>$4e>$8w&&;0,
'/;PN4e>$w&N},'8P&;4
2.1.6.Hệ thống thông tin địa lý
Va&DyXdT‰XduTz&()
-&C>$`%COC*%B4A8%/E
?@&Da&D5^339-5O79,a(
&|Ba4
XdT&(3*'b%`)&C>$`.%
$-%?>*%B4AXdT`O%%'b.
&B`*;&O,9%`*>
$4A%>EhXdT;%%4A8B:'
TU#VW!XYZ[!!X\A!V]!
13
!"
0%`@3.&LAL~%'0*5
7>&XdT078>E%%
4
A%a&D8:$%=W=/5
=:5.&5'%`4
K=/Wv%%`@KA5A5PŠg%
,a-=,)XdT*-4XdT6QN%
,a-GC?B.&W%%y‹z5%
hy&z5%9}yzg
K=:W=:XdTB%/E%3=,)&
.5`)aa&D4
~.&W8)?=92BXdT&.&4~.
&XdT8&-O&*,;)>:%
Oa&D4 8&.&.&
AW.%)9>&DXdT58)&
%**25%*:%&|%5**XdT5
%)/3XdT4
K'%`WA%*:XdT^%5I3%
9,a4 8&COI&=),O
IXdT4
2.2.WebGIS
2.2.1.Khái niệm
fXdTXdT*:f&a&D%*
(-%%`)`O5+%a&D*-d4
#%`XdT5a3,7A&‰TI
TU#VW!XYZ[!!X\A!V]!
14
!"
f4@&Da&DO%3b`T`
A&4 :}c8)?B5%C,9>F
%.&XdTF0I2(%'>=_O
I=:XdT4fXdT-(0&J-
(I(f50,fXdT68,7=
ymz)0I(/3f34•,7m$8
='>-=WA&5L&T~Ty?0
p4Œz4
V0p4ŒW•,7m=IfXdT
• A&W&(0fdˆ?&5ŠŠ?5
A5g)b%Y•vyYu•vJai
aa*Bza"4A%&6&(/3
'=:Pdu5LXdT5g
• L&TWO`O(fT4!5%;
f5;fXdT0fTQ,O;
(/3>$*`2&PTyPT8)&
LXdTT5PT5XT5gz4
• fTQO2&V##KTyLz4A/E`I
fT&,C%&-.*=F.0f
9/:.&*-V##K4
• PT&'.B5iH`
5->&->$*=FA&4
TU#VW!XYZ[!!X\A!V]!
15
!"
• ~TW&'&.%.&$>.&
4A%.&O+/&.b%9>a'b.&
KTtvnKXdT5PuTtvTpoo†5PTtv5„&5gG8)&
.b-%C.&Ž&5Pv5g
2.2.2.Nguyên lý hoạt động
fT,C%*=FA&5&B.&FAT~v*=I
A&>,9>*=4•A&@*=,5fTh
`*=CO4!,*=8&*9,>$.&a&D5f
Th@*=,PT)?B.&*9,
.&>$4•8O$.&cO;*=IA&5PT
@fT4fTh>:
OG"4
2.2.3.Tính năng ưu việt của WebGIS
AfXdT%)+,c;%)+,
I:%-8(5%,a(%`
>4e>>9:=:51$5.&>$4 #C
@3=G%=:XdTH?O(
`4
2.3.GeoServer
2.3.1.Khái niệm
XT&=:1$bO<=b(+/&OC
#„K&K•y#„KKz^3`_OB5•5i@
.&a&D*4XT&(=:*T
yT‰uz5O,,)b/3:>$`%I
B0>:%Oa&D5(&C5O?*
X&y(‘1$bz5O)(/3fy‘pˆˆ
J‘pˆˆz4
TU#VW!XYZ[!!X\A!V]!
16
!"
XT,OO;.,‘pˆˆL4XT8>
E,;%$AT~v9=,%9>a'b.&+,
WKTtvnKXdT5PuTtvTpoo†5PTtv5gG%C.&
TŽ&5X#uu5gXT_O%9%0%*=F
&ƒ„XAyfPTyfPTz5fŠT yfŠTzf
ATyfATzz4
XT@3C8b(&Tv~yT&v~z)-
))>$y&zƒfPT5CTv~OB7a-
Pvyˆ?&Pvz4
Hình 2.8: Sơ đồ hoạt động của Geoserver
2.3.2.Lịch sử phát triển
~%XTO<=Epoolb#„K&K•
y#„KKz4U)852f>$iC/Eb-
>$5)•..&1O*>$4#„KKC
^..&'';’1$’I>$58c
92-B7.&b5)c8)
`085);.&>4
TU#VW!XYZ[!!X\A!V]!
17
!"
!.G`“CIfŠTyfŠTzO
>%>I„X&Ay„XAz5,F/ƒ
O%)b#„KK-.,7b5
XTb=:1$b;BB%G)“
C-i@.&4
UEpoom5XTO+fŠTl4o5+fŠTl4lE
poo…4A($%)XT*fPTl4l4lfATl4o4 8&.
=XTbƒI%Ia&D$b4
!.88%$X9>af_O:a-
.&?B4!(Xfb(5XT&F%)5
F;_OWX&ˆ5!LTLf&f5X&P5fvv&
ZP%a3::>XdT4
2.3.3.Chuẩn mở và khả năng chia sẻ dữ liệu không gian
X}c)aI0:,;4
ABƒa3>$yfPT‰fPTz5XT8)->$
?B:a-5_OB:&>$4#'`;ƒf
ŠTyfŠTz5XT}•i@.&O
c))a>$4
2.3.4.Các đặc trưng của Geoserver
XT}?B.&&-_O%ĥPv5XPv5
TŽ&5X•TT5K&~Š5X‘T„!5‘KˆX5XdŠ5TUX5K!X4444
XT8)?BO:a-.&5$KXdT5„&
T&5LT~ˆ5~ep5PTtv5TŽ&5X#dŠŠ5X#„K„mo:&-%4e*
-85XTQ8)i@.&.=?@&DI
ƒfŠT4XTO?(X#&5O,b
.‘4
TU#VW!XYZ[!!X\A!V]!
18
!"
PT6O&(>ƒ1$b58:/E
'4T%.>ƒ&PO%)
65O,b.A-(AXd5QXTO,
^.‘4XT;PTb88$25
7'>'B05/E@+f
ŠT5}i@>*f6*
%-~4”)&;BIPT&('
XT5F*>l4…bIXT0(I>ƒ1
''4
2.3.5.Styled Layer Descriptor trong GeoServer
U:'>5>B.&>&=95
(4 )0B.&08=>Oa-)%y&z4 :
TU#VW!XYZ[!!X\A!V]!
19
Hình 2.9: Các định dạng dữ liệu
!"
8|&>ia<5((%(`9%84
#XT5a)O^%@3(.
O2&T&v~yTv~z4Tv~&(.*Pv4K=
h;:.08)&;Tv~6XT?@&D8
,4
~.&XT8)_O&%0-W)yz5
y&z%y&z4 &-'>B57i8(
)a-)y(`O,jkz4 %58((
c*y(`jŽ&&kz5>8)Oa-%4 )5
8>:c*4 )&B=c0<8)O9a•
}5(68)Oia4
!.)a-8)i&<(4A{-5
)8)Oia;%0-O_O"50Q50
50C`&%0>$2GE>4 8)O
a-&)-/74 %8)O&B=^($
2G0>c24!5a)%O
Q8)*.&(`I89(&2XT4~85
%Oc&-8)8%)%%c(%a(
`I84e*-868)%%1y&&z%O
4A%O68)Oa)cw&8NI
>$4A{-5bw&&;0`;IOh&;'O&-
bw&N0`;%OhON&-G8)
O)a4
P_&;yuzOED;XT=>8`B(Tv~O
,O;84PGaXT8"(Tv~),O;%&;.&
Oa|)58c8)a|%Tv~_&;*
4A%&O@3),%%&Ga4U*%
)a|O99>aIXT4
TU#VW!XYZ[!!X\A!V]!
20
!"
2.4.OpenLayers
„v&((‘})a>$-%/3
O@3%+,4P(G)+CI(&W
• v(1$b5S`O%)b($=:
1$b4
• V_O:&-a3yfPT5fŠT5fAT444zPLXdTT5
X5P4
• 2a3F%e>$X&P5„TP5e5ZP444
• V_O%%*>$4
2.5.PostgreSQL/PostGIS
Hình 2.10: Giao diện PostgreSQL
KTtvy:&KzO&CElr†…b8%
2b -2e&5V•€4#FElrrs5KTtvb=:
1$b4KTtv&9>a'b.&_O.BTtv;
:)W
TU#VW!XYZ[!!X\A!V]!
21
!"
• PS`
• V9>`+aO)/9:E4
• #,,)'>9>a4
• A39>a'>52(9>4
• A-*::%Wf5v?5Y?4
• A8)b(O4
• AB%&4
KTtv8=b()9>&D.&&KXdT5O&C
b1•u•yAzFEpool4 ,Epoo…5KXdTO`
/FC&'`;ƒ.&I„XA4P(G)
IKXdTW
• V_O%).&02W)yz5y&z5%
y&z5C)y&z5Cy&&z5C%%
y&&zC%O02y&&z4
• A%}`)?%a%}a&D`
yz5>%yz5:y&zyz4
• A%}`)?%a%}%COOyz5F
yuuz5F?/yuuz5cyuuz4
• •‰‰‰XT#yX&T#zi3B
;(4
• V_O&2i35('%B.&B
B_O.4
• ;.&5%)KXdTf•#•y-1`O
KXdTp4o+*KXdT•z4
TU#VW!XYZ[!!X\A!V]!
22
!"
CHƯƠNG III: ĐẶC TẢ YÊU CẦU BÀI TOÁN
3.1.Hiển thị bản đồ với các thông tin chi tiết
• P3`W })a>$Iv V;%%)25
52g
• A%?@&DW G*cC0/Eh
O4
3.2.Phóng to, thu nhỏ bản đồ
• P3`W}c8nN>$4
• A%?@&DW8m%)/E4
o A%lW•cB)O8nN0>$h
O8nN'/;&=BIc4#
O5Gaa`O2)8nN&b
IcO)a*>$4
o A%pW•cB7(a`*>$0>$hO
8-a`IN4
o A%mWT@37(*()8nN>$4•
c(&*G(?0>$hO8nN-a`
N(4
3.3.Dịch chuyển bản đồ
• P3`W }ca)>$(;8*
c)a4
• A%?@&DW e>$ha)a`Nc)a
cB.(%)4
3.4.Xem thông tin các địa điểm trên bản đồ
• P3`W }c?,y*5aigzI(
O*>$4
• A%?@&DW c&&*(a)*>$5(O
)a)0%:a)O24
TU#VW!XYZ[!!X\A!V]!
23
!"
3.5.Tìm kiếm và hiển thị các địa điểm theo vùng
• P3`W }0,)a%a).c G
O2;4Ucb8|&%A 5 V4
• A%?@&DW
o !c2c;-=0%a)4
o !cC*a)G2I:0,4
o Vh)a,9>>$,9>E>4
• •,9>>$Wh)aB>%a)O0B
*>$;-(Ga4
• •,9>E>W$&O%a)O0B
c;%,*5aig
3.6.Tìm và hiển thị địa điểm theo chủ đề
• P3`W}0)aaFI:4
• A%?@&DW
o !c2I:y%Q5ai5gz?4
o V)a,9>$,9>>$,9>E>4
• •,9>>$Wh)aB>%a)O0B
*>$;-(Ga4
• •,9>E>W$&O%a)O0B
c;%,*5aig
TU#VW!XYZ[!!X\A!V]!
24
Server
Web Service
(TomCat)
ClientCSDL
!"
3.7.Mô hình tổng thể của hệ thống
)%/%*=0+)I$%=W
V0m4l‰P0+)I
PostGIS: !'&..&4A%.&O&
.;-%>4!KXdTQ&.%Oa|)_
O?a34
GeoServer: AB%a3.&>$fPT5fŠT5fAT4A}-
%>$:*.&a&D%&Oa|4
Web Service:#?B.&5FAT~v58?@&D
-%a3%/%*=I05a)4
OpenLayers:A$&;>$4!C)aFa3fPT
fT4
TU#VW!XYZ[!!X\A!V]!
25
XML/IMG
SQL/JDBC
XML