BAB III PEMBANGUNAN PRE-DISASTER MAP BERBASIS WEB
3.1 Data
Data yang digunakan pada penelitian ini terdiri dari : No. 1
Data
Asal Data
Peta Batas Administrasi Propinsi Jawa
BAPEDA Jawa Barat
Barat skala 1:25.000 2
Peta Potensi Bencana Banjir Propinsi
BAPEDA Jawa Barat
Jawa Barat skala 1:25000 3
Peta
Potensi
Bencana
Gunungapi
BAPEDA Jawa Barat
Propinsi Jawa Barat skala 1:25000 4
Peta Potensi Bencana Erosi Propinsi
BAPEDA Jawa Barat
Jawa Barat skala 1:25000 5
Peta Kejadian Bencana Banjir Propinsi
BAPEDA Jawa Barat
Jawa Barat skala 1:25000 6
Peta Kejadian Bencana Gempa Propinsi
BAPEDA Jawa Barat
Jawa Barat skala 1:25000 7
Peta
Kejadian
Bencana
Longsor
BAPEDA Jawa Barat
Propinsi Jawa Barat skala 1:25000 Tabel 3.1 Data yang digunakan
3.2
Perangkat pembangun
Perangkat lunak yang digunakan dalam pelaksanaan penelitian ini adalah sebagai berikut: a. ArcView GIS versi 3.3 b. Paket MapServer for Windows (MS4W) versi 2.2.7 yang terdiri dari : 1. Webserver Apache versi 2.2.8 2. PHP versi 5.2.5 3. MapServer 5.0.2 dan MapScript (Csharp, Java, PHP, Python) 4. Pmapper versi 3.2.0
15
Perangkat keras yang digunakan dalam pelaksanaan penelitian ini adalah sebagai berikut:
3.3
a. Processor
: IntelR CeleronR 1.6 GHz
b. Harddisk
: 80 Gb
c. Monitor
: Acer 14,1”
d. RAM
: 512 Mb DDR2
e. VGA Card
: 64 Mb
Batasan area studi
Batasan area studi pada penelitian ini adalah cekungan Bandung yang meliputi Kotamadya Bandung, sebagian Kabupaten Bandung, sebagian Kabupaten Sumedang, dan sebagian Kabupaten Garut. Batas cekungan Bandung diperoleh berdasarkan peta Geologi Tata Lingkungan Cekungan Bandung.
3.4
Pemotongan shapefile
Untuk memperoleh data sesuai batasan area studi maka dilakukan pemotongan terhadap seluruh shapefile yang digunakan dalam penelitian ini. Pemotongan shapefile dilakukan menggunakan perangkat lunak ArcView GIS versi 3.3. Proses ini dilakukan dengan cara memotong seluruh shapefile dengan shapefile cekungan Bandung menggunakan operasi Clip One Theme Based on Another pada fitur GeoProcessing yang terdapat pada perangkat lunak ArcView GIS. Hasil pemotongan shapefile seperti ditunjukkan pada gambar berikut :
Gambar 3.1 Wilayah cekungan Bandung
16
3.5
Konfigurasi perangkat lunak mapserver
MapServer menggunakan beberapa file dengan beberapa ekstensi sebagai dasar dalam pembuatan tampilan web. File-file tersebut terdiri dari mapserv.ini dan mapfile.map. Mapserv merupakan sebuah file teks ASCII berekstensi *.ini yang berisi informasi mengenai lokasi file yang memuat template simbol, font, logfile, serta lokasi sementara gambar (image) yang dibuat oleh MapServer. Sedangkan mapfile merupakan suatu file teks ASCII yang berekstensi *.map yang mendeskripsikan apa dan dimana sumber data yang digunakan dan bagaimana data tersebut harus ditampilkan.
Konfigurasi untuk file mapserv hanya diperlukan apabila sistem operasi yang digunakan berbasis linux dan variannya. Pada penelitian yang dilakukan sistem operasi yang digunakan berbasis windows sehingga pengaturan konfigurasi dilakukan langsung pada mapfile. Karakteristik dari mapfile adalah sebagai berikut : 1. Berisikan teks ASCII 2. Baris-baris teks atau angka yang berada di dalam file teks mapfile tidak mengenal perbedaan penulisan karakter menggunakan huruf kapital atau huruf kecil (tidak case sensitive). 3. Teks yang menunjukkan lokasi sebuah file dapat ditulis sebagai path absolut (misalnya
:
C:/ms4w/Apache/htdocs/bencana/data/kejadian_banjir.shp)
atau
ditulis sebagai path relatif (misalnya : ../../data/kejadian_banjir.shp) 4. Penulisan nama atribut (field) diapit oleh tanda kurung siku ([]) dan bersifat case sensitive. 5. Teks yang diawali karakter # tidak dianggap sebagai perintah yang dijalankan. Karakter ini digunakan untuk menyisipkan baris komentar pada mapfile. 6. Setiap mapfile dapat digunakan untuk mendefinisikan maksimal 50 layer peta.
Pada setiap mapfile terdapat beberapa definisi objek dengan “Map” yang bertindak sebagai “root”. Pendefinisian ini selalu diawali oleh keyword milik objek itu sendiri, diikuti oleh baris-baris detil definisi objek, dan diakhiri dengan keyword “End”.
Pada pembuatan visualisasi pre-disaster map berbasis web ini, beberapa konfigurasi yang diperlukan pada mapfile ini adalah sebagai berikut : 1. Shapepath 17
Konfigurasi ini dilakukan apabila data yang akan ditampilkan oleh MapServer berupa shapefile. Konfigurasi ini dilakukan untuk menunjukkan lokasi folder tempat data disimpan pada komputer server. Data yang digunakan pada penelitian ini adalah data shapefile sehingga dilakukan konfigurasi sebagai berikut :
SHAPEPATH "../../data"
Konfigurasi diatas berarti bahwa MapServer akan mencari data shapefile yang terdapat pada folder “/ms4w/Apache/htdoc/bencana/data”. 2. Symbolset Konfigurasi Symbolset dilakukan untuk menunjukkan lokasi file berisi simbol yang akan ditampilkan oleh mapserver. Pada pembuatan visualisasi pre-disaster map berbasis web konfigurasi symbolset adalah sebagai berikut :
SYMBOLSET "../common/symbols/symbols-pmapper.sym"
Konfigurasi diatas berarti bahwa MapServer akan mencari file simbol yang digunakan pada folder “/ms4w/Apache/htdocs/bencana/config/common/”. Contoh isi file simbol yang digunakan adalah sebagai berikut :
Symbol Name 'circle' Type ELLIPSE Filled TRUE Points 1 1 END END
File symbols-pmapper.sym secara keseluruhan dapat dilihat pada halaman lampiran. 3. Fontset Konfigurasi fontset dilakukan untuk menunjukkan lokasi folder yang berisi filefile font (jenis huruf) yang akan ditampilkan oleh MapServer. Pada pembuatan visualisasi pre-disaster map berbasis web konfigurasi fontset yang dilakukan adalah sebagai berikut : 18
FONTSET "../common/fonts/msfontset.txt"
Konfigurasi diatas berarti bahwa MapServer akan mencari file font yang akan digunakan pada folder ”/ms4w/Apache/htdocs/bencana/config/common/fonts/”. Contoh isi file simbol yang digunakan adalah sebagai berikut :
FreeSans
sfd/FreeSans.ttf
FreeSansBold
sfd/FreeSansBold.ttf
FreeSansBoldOblique
sfd/FreeSansBoldOblique
FreeSansOblique
sfd/FreeSansOblique.ttf
File msfontset.txt secara keseluruhan dapat dilihat pada halaman lampiran. 4. Imagepath Konfigurasi imagepath dilakukan untuk menunjukkan lokasi folder yang berisi file image sementara (temporary) yang akan ditampilkan pada halaman muka peta ketika MapServer diakses. Pada pembuatan visualisasi pre-disaster map berbasis web konfigurasi imagepath adalah sebagai berikut :
IMAGEPATH "/ms4w/tmp/ms_tmp/"
Konfigurasi diatas berarti bahwa MapServer akan menyimpan file image sementara yang terakses pada folder “/ms4w/tmp/ms_tmp/”.
3.5.1
Menampilkan halaman muka peta dan peta indeks
Area studi cekungan Bandung mempunyai jangkauan batas-batas koordinat peta digital yaitu :
Xmin : 746775 m Ymin : 9.20404e+006 m
Xmax : 829961 m Ymax : 9.25815e+006 m
Untuk dapat menampilkan muka peta pada browser internet maka dilakukan konfigurasi pada mapfile sebagai berikut :
19
EXTENT
746775 9.20404e+006 829961 9.25815e+006
UNITS meters SIZE 600 500 RESOLUTION 96 IMAGETYPE png INTERLACE OFF
Konfigurasi diatas menunjukkan bahwa peta yang akan ditampilkan pada muka peta berada pada batas koordinat yang telah ditentukan, dengan unit meter dan ukuran muka peta pada layar monitor sebesar 600 x 500 piksel.
Untuk dapat menampilkan peta indeks pada browser internet maka dilakukan konfigurasi pada mapfile sebagai berikut :
REFERENCE EXTENT 746775 9.20404e+006 829961 9.25815e+006 IMAGE "../../images/ref_b.png" SIZE 228 149 COLOR -1 -1 -1 OUTLINECOLOR 255 0 0 END
Konfigurasi diatas menunjukkan bahwa peta indeks yang akan ditampilkan pada muka peta mengikuti batas koordinat yang telah ditentukan, dengan menggunakan file image “ref_b.png” dan ukuran diagram lokasi pada layar monitor sebesar 228 x 149 piksel.
3.5.2 Mendefinisikan sistem referensi koordinat dan sistem proyeksi
Data shapefile yang digunakan mempunyai sistem referensi koordinat World Geodetic System (WGS) 1984 dan menggunakan sistem proyeksi Universal Tranverse Mercator (UTM) bagian selatan zona 48. Untuk itu dilakukan pendefinisian Sistem Referensi Koordinat dan Sistem Proyeksi pada mapfile sebagai berikut :
PROJECTION "proj=utm" "ellips=WGS84"
20
"datum=WGS84" "zone=48" "unit=m" "south" END
3.5.3
Menampilkan layer dan kelasnya
Untuk menampilkan layer pada browser internet maka diperlukan pendefinisian objek layer. Pendefinisian ini diawali dengan keyword “LAYER” dan diakhiri dengan keyword “END”. Layer-layer ditampilkan sesuai dengan urutan penulisannya di dalam mapfile. Layer yang ditulis paling akhir akan muncul paling atas dan menutupi layer-layer sebelumnya. Struktur penulisan pada mapfile untuk menampilkan layer adalah sebagai berikut :
# # # BARIS KOMENTAR UNTUK LAYER YBS MAP … LAYER … END # AKHIR DEFINISI OBJEK LAYER … END # AKHIR DEFINISI OBJEK MAP
Class digunakan untuk mendefinisikan kelas-kelas tematik untuk suatu layer yang ditentukan. Untuk mendefinisikan kelas-kelas tematik dari suatu layer maka perlu dilakukan pendefinisian objek kelas. Pendefinisian ini diawali dengan keyword “CLASS” dan diakhiri dengan keyword “END”. Setiap layer memiliki minimal satu kelas. Apabila suatu layer memiliki lebih dari satu kelas maka digunakan pendefinisian untuk memisahkan kelas-kelas tersebut dengan keyword “EXPRESSION” dan diakhiri dengan keyword “END”. Struktur penulisan pada mapfile untuk menampilkan kelas adalah sebagai berikut : # #
21
# BARIS KOMENTAR UNTUK LAYER YBS MAP … LAYER … CLASS … END # AKHIR DEFINISI OBJEK KELAS … END # AKHIR DEFINISI OBJEK LAYER … END # AKHIR DEFINISI OBJEK MAP
Untuk menampilkan layer dan kelas “Potensi Bencana Banjir” dapat dilakukan konfigurasi pada mapfile sebagai berikut :
LAYER NAME "banjir" TYPE POLYGON DATA rawan_banjir.shp
CLASS NAME "Kawasan Bencana Alam Banjir Tinggi" EXPRESSION ('[KLR_DESC]' = 'Kawasan Bencana Alam Banjir Tinggi') STYLE COLOR 8 104 172 END END
CLASS NAME "Kawasan Bencana Alam Banjir Rendah" EXPRESSION ('[KLR_DESC]' = 'Kawasan Bencana Alam Banjir Rendah') STYLE COLOR 67 162 202 END END
METADATA "MULTICLASS"
"0"
"DESCRIPTION"
"rawan_banjir"
22
"RESULT_FIELDS"
"KLR_DESC"
"RESULT_HEADERS"
"Klasifikasi Banjir"
END END
Konfigurasi diatas dilakukan untuk menampilkan layer banjir pada tampilan muka peta. Tipe data yang digunakan adalah shapefile dan file yang digunakan adalah “rawan_banjir.shp”. Kelas yang ditampilkan terdiri dari kelas “Kawasan Bencana Alam Banjir Tinggi” dan “Kawasan Bencana Alam Banjir Rendah” sesuai dengan field “KLR_DESC” yang terdapat pada shapefile. Konfigurasi layer pada mapfile secara lengkap dapat dilihat pada lampiran.
3.5.4
Menampilkan label
Objek ini digunakan untuk mendifinisikan label yang dipakai sebagai anotasi (atau teks) unsur-unsur spasial. Struktur penulisan pada mapfile untuk menampilkan label adalah sebagai berikut :
# # # BARIS KOMENTAR UNTUK LAYER YBS MAP … LAYER … CLASS … LABEL … END # AKHIR DEFINISI OBJEK LABEL … END # AKHIR DEFINISI OBJEK KELAS … END # AKHIR DEFINISI OBJEK LAYER … END # AKHIR DEFINISI OBJEK MAP
Untuk menampilkan label dari layer “Kelurahan” dapat dilakukan sebagai berikut : 23
LAYER NAME "Kelurahan" TYPE POLYGON DATA batas_administrasi_desa_poly_crop.shp LABELITEM "DESA"
CLASS NAME "Kelurahan" TEMPLATE void STYLE COLOR 239 206 189 OUTLINECOLOR 181 181 173 END LABEL FONT FreeSans TYPE truetype SIZE 8 POSITION AUTO COLOR 0 0 0 OUTLINECOLOR 255 255 255 END END METADATA "DESCRIPTION"
"Kelurahan"
"RESULT_FIELDS"
"DESA, KODE_DESA"
"RESULT_HEADERS"
"Nama Kelurahan, Kode Kelurahan"
END END
Konfigurasi diatas menunjukkan penulisan label pada layer “Kelurahan” dilakukan dengan menggunakan font “FreeSans” yang termasuk kedalam tipe TrueType dengan ukuran font 8 dan posisi label otomatis mengikuti tampilan perbesaran muka peta.
3.6
Implementasi antarmuka berbasis web
Halaman peta yang ditampilkan merupakan halaman yang berisi peta sejarah bencana dan peta potensi bencana yang terdiri atas judul aplikasi, muka peta, legenda, peta indeks dan fungsi-fungsi aplikasi. Berikut ini adalah desain tampilan aplikasi :
24
Layer 1 Layer 2
Layer 3
Layer 4
Layer 5
Gambar 3.2 Halaman muka peta
Layer 1 : Berisi judul halaman, fungsi pencarian dan fungsi cetak Layer 2 : Berisi tampilan muka peta, skala tampilan peta, dan tombol fungsi Layer 3 : Berisi legenda peta Layer 4 : Berisi peta indeks Layer 5 : Berisi koordinat peta yang mengikuti posisi kursor mouse
Tampilan dari halaman peta adalah sebagai berikut :
Gambar 3.3 Tampilan halaman muka peta
25
3.7
Uji coba
Proses uji coba dilakukan untuk mengetahui kekurangan atau kesalahan dari konfigurasi yang telah dibuat. Untuk pengujian tampilan web dilakukan dengan dua cara, yaitu : a.
Melakukan pengujian secara lokal dengan mengakses halaman web pada komputer
server
dari
komputer
yang
sama
menggunakan
alamat
http://localhost/bencana/map.phtml?config=bencana b. Melakukan pengujian terpisah yaitu mengakses halaman web pada komputer
server
dari
komputer
yang
berbeda
menggunakan
alamat
http://167.205.98.78/bencana/map.phtml?config=bencana Proses uji coba dilakukan untuk memeriksa stabilitas server dan berjalannya perangkat lunak yang digunakan. Uji coba dapat dikatakan berhasil apabila halaman web dapat diakses dengan kedua cara tersebut.
26
