3. Membangun WebGIS dengan Menggunakan ALOV Map V0.96
Setelah semua data spasial selesai didigitasi, tahapan selanjutnya adalah menyiapkan ruang kerja folder peta ALOV Map. Ruang kerja ini berisikan paket
data ALOV Map V0.96, dan semua data spasial yang digunakan, sehingga urutan direktorinya menjadi tersusun rapih. Berikut ruang kerja yang dibuat dalam
pembuatan webGIS tata ruang pemukiman PUSPIPTEK:
Setelah membuat ruang kerja ALOV Map, selanjutnya membuat file XML dan HTML. File XML ini berfungsi untuk memfasilitasi pendefinisian tag dan
hubungan terstruktur antar tag atau dengan kata lain XML berfungsi untuk memanggil data spasial agar dapat ditampilkan pada file HTML. Sedangkan file
HTML berfungsi menampilkan data spasial yang telah dimasukkan ke dalam file XML untuk ditampilkan pada browser.
Dalam sistem informasi spasial berbasis web tata ruang pemukiman PUSPIPTEK ini terdapat 3 tema peta, yaitu sistem informasi spasial SIS
pendukung perencanaan tata ruang, SIS pendukung pemanfaatan tata ruang, dan SIS pendukung pengawasan tata ruang, maka terdapat tiga 3 file XML dan tiga
3 file HTML untuk menampilkan semua tema tersebut. File-file tersebut antara lain :
a. puspiptek.xml dan sitarup.html b. rencana_puspiptek.xml dan rencana_sitarup.html
c. pengawasan_puspiptek.xml dan pengawasan_sitarup.html
File puspiptek.xml dan sitarup.html menampilkan data spasial untuk SIS pendukung pemanfaatan tata ruang, sedangkan file rencana_puspiptek dan
rencana_sitarup.html menampilkan data spasial untuk SIS pendukung perencanaan tata ruang, dan file pengawasan_puspiptek.xml dan
pengawasan_sitarup.html menampilkan data spasial untuk SIS pendukung pengawasan tata ruang. Selain file XML dan HTML, terdapat juga folder gallery
yang berisikan foto-fotoimage yang digunakan dalam webGIS ini. Berikut isi dari tiap-tiap file XML dan HTML pada pembangunan sistem informasi spasial
ini.
a . XML dan HTML WebGIS SIS Pemanfaatan Tata Ruang
- puspiptek.xml
?xml version=1.0? project backcolor=231:250:253 zoomunits=Km mapunits=degrees
domain name=PUSPIPTEK full=yes xmin=106.672459
ymin=-6.359145 xmax=106.682167
ymax=-6.347243 domain name=Blok I
xmin=106.673817 ymin=-6.355935
xmax=106.676578 ymax=-6.352649
domain name=Blok II xmin=106.676672
ymin=-6.355056 xmax=106.681316
ymax=-6.351289 domain name=Blok III
xmin=106.673638 ymin=-6.351364
xmax=106.677718 ymax=-6.347223
domain name=Blok IV xmin=106.675431
ymin=-6.358081 xmax=106.681138
ymax=-6.354929 domain name=Blok V
xmin=106.678665 ymin=-6.356351
xmax=106.682189 ymax=-6.350561
domain name=Blok VI xmin=106.675513
ymin=-6.359070 xmax=106.680128
ymax=-6.357628 map name=Pemukiman index=m0
map name=Tata Guna Lahan index=m1 --pemukiman---
layer name=pemukiman visible=yes map=m0 dataset url=pemanfaatanppit.shp
renderer symbol fill=255:251:195 label=Perumahan PUSPIPTEK
renderer layer
--danau-- layer name=danau visible=yes map=m0
dataset url=pemanfaatandanau.shp renderer
symbol style=0 size=0 outline=138:223:248 fill=138:223:248 label=danau
renderer layer
--rumah-- layer name=Perumahan warga visible=yes map=m0
dataset url=pemanfaatanrumah.shp metadata
meta id=51 content=Rumah meta id=63 content=
metadata dataset
renderer symbol fill=255:173:0 label=rumah warga
renderer layer
--jalan-- layer name=Jalan visible=yes map=m0
dataset url=pemanfaatanjalan.shp renderer
type=gradcolor equal=yes field=Jenis
symbol val=Aspal style=0 size=1 label=Jalan Aspal outline=255:0:50 symbol val=Block style=1 step=3 size=1 label=Block outline=255:0:50
renderer layer
--FASUM--- layer name=Fasilitas Umum visible=yes map=m0
dataset url=pemanfaatanfasum.shp metadata
meta id= 51 content=Nama meta id=63 content=gallery[nama].php
metadata dataset
renderer type=gradcolor equal=yes field=id_fasum symbol val=fu05 style=0 size=2 fill=251:165:158
label=Gedung Pertemuan symbol val=fu01 style=0 size=2 fill=201:198:198
label=Mesjid Bahrul Ulum symbol val=fu02 style=0 size=2 fill=13:190:175
label=Wisma Tamu PUSPIPTEK symbol val=fu03 style=0 size=2 fill=196:214:245
label=Wisma Tamu SARPEDAL symbol val=fu04 style=0 size=2 fill=252:251:251
label=Balai Kesehatan symbol val=fu06 style=0 size=2 fill=233:233:233
label=Parkir Umum
renderer layer
--SEKOLAH--- layer name=Sekolah visible=yes map=m0
dataset url=pemanfaatansekolah.shp metadata
meta id= 51 content=Nama meta id=63 content=gallery[nama].php
metadata dataset
renderer type=gradcolor equal=yes field=id_sekolah symbol val=s01 style=0 size=2 fill=47:159:3
label=Taman Kanak-kanak symbol val=s02 style=0 size=2 fill=244:187:159
label=Sekolah Dasar symbol val=s03 style=0 size=2 fill=123:187:217
label=Sekolah Menengah Pertama renderer
layer
--saol-- layer name=Sarana Olah Raga visible=yes map=m0
dataset url=pemanfaatanfasol.shp metadata
meta id= 51 content=Nama meta id=63 content=gallery[nama].php
metadata dataset
renderer type=gradcolor equal=yes field=Nama symbol val=Lapangan Sepak Bola Utama style=0 size=0 fill=212:250:153
label=Lapangan Sepak Bola symbol val=Lapangan Basket style=0 size=0 fill=124:201:124
label=Lapangan Basket symbol val=Lapangan Tenis style=0 size=2 fill=122:184:25
label=Lapangan Tenis symbol val=Lapangan Sepak bola style=0 size=0 fill=212:250:153
label=Lapangan Sepak Bola symbol val=Lapangan Olah Raga SD style=0 size=0 fill=244:187:159
label=Lapangan Sekolah SD symbol val=Lapangan Olah Raga SMP N 8 tangsel style=0 size=0
fill=123:187:217 label=Lapangan Sekolah SMP
symbol val=Bangsal Olah raga GOR style=0 size=0 fill=247:132:29 label=Bangsal Olah Raga GOR
symbol val=Lapangan Kosong style=0 size=0 fill=2:81:11 label=Lapangan Kosong
renderer layer
--faduk--- layer name=Fasilitas Pendukung visible=yes map=m0
dataset url=pemanfaatanfaduk.shp metadata
meta id= 51 content=Nama meta id=63 content=gallery[nama].php
metadata dataset
renderer type=gradcolor equal=yes field=id_faduk symbol val=fd01 style=0 size=2
label=Gardu Listrik
symbol val=fd02 style=0 size=2 fill=0:255:255 label=Titik Kontrol Air
symbol val=fd03 style=0 size=2 fill=255:0:50 label=Pos SATPAM
renderer layer
--tagula-- layer name=Tata Guna Lahan visible=yes map=m1
dataset url=pemanfaatantagula1.shp metadata
meta id= 51 content=Nama meta id=63 content=
metadata dataset
renderer type=gradcolor
equal=yes field=nama symbol val=RTNH style=0 size=0 label=Ruang Terbuka Non Hijau
fill=240:230:140 symbol val=RTH style=0 size=0 label=Ruang Terbuka Hijau
fill=167:175:94 renderer
layer --grafik--
layer name=Grafik visible=no map=m1 dataset url=pemanfaatangrafik1.shp
renderer type=chart size=100 charttype=bar field name= RTH fill=0:255:0 label=Ruang Terbuka Hijau
field name= RTNH fill=255:165:0 label=Ruang Terbuka Non Hijau renderer
renderer type=label labelfield=nama showlegend=no symbol position=4 font=comic sans size=12
renderer layer
project
- sitarup.html
applet codebase=. code=org.alov.viewer.SarApplet archive=alov_applet.jar
width=880 height=600
align=center PARAM NAME=pid VALUE=PUSPIPTEK.xml
applet
b. XML dan HTML WebGIS SIS