Membangun WebGIS dengan Menggunakan ALOV Map V0.96

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