Pembuatan Webmapping Pembentukan Prototipe

4.2.3 Pembuatan Webmapping

Webmapping adalah proses menampilkan peta spasial dalam aplikasi berbasis internet. Proses ini menggunakan perangkat lunak MS4W yang dikhususkan bagi sistem operasi windows dan menggunakan kamap sebagai framework -nya. Tahapan pembuatan webmapping webgis radar cuaca adalah sebagai berikut: MS4W Proses pertama yang diperlukan dalam pembuatan webmapping adalah menginstall ms4w. perangkat lunak ini dapat di-download secara gratis di situs resmi mapserver 3 , aplikasi ini dapat di download dalam versi lengkap atau paket sudah termasuk aplikasi apache webserver,php,pgsql,gmap seperti file ms4w_1.2.2.zip atau ms4w_1.0.1.zip maupun file tunggal hanya aplikasi ms4w seperti file ms4w-4.4.0-win32-php4.3.7.zip. MS4W yang digunakan pada pengembangan ini adalah ms4w_1.2.2.zip. Karena pada versi paket ini terdapat aplikasi php. 1 Untuk meng-install ms4w ekstrak file ms4w_1.2.2.zip pada direktori C:\ sehingga menjadi C:\ms4w, setelah itu double-click pada apache-install.bat untuk instalasi aplikasi web server-nya. 3 http:mapserver.gis.umn.edudownload Gambar 4.26 Install Apache 2 Untuk memeriksa hasil instalasi jalankan browser IE, firefox, opera atau aplikasi browser lainnya dengan mengetikkan http:localhost . Kita dapat menggunakan program Apache Monitor untuk mengontrol web server Apache dengan lebih mudah. Jalankan program ApacheMonitor.exe pada direktori C:\ms4w\Apache\bin klik kanan lalu pilih Create Shortcut. Mapfile Mapfile digunakan untuk menampilkan data spasial yaitu peta administrasi wilayah Serpong dan Padang sebagai peta dasar dan menampilkan peta hujan untuk wilyah jangkauan radar Serpong dan Padang. Dimana semua peta tersebut sudah dalam format pgsql. Sehingga pada setiap layer dalam mapfile ditambahkan script seperti berikut: LAYER NAME radarserpong CONNECTI ONTYPE post gis CONNECTI ON user= postgres dbname= DBRadar password= root host= localhost DATA t he_geom from radarserpong OPACI TY 60 PROJECTI ON + proj = lat long + ellps= WGS84 END end project ion METADATA DESCRI PTI ON Radar RESULT_FI ELDS rainrate RESULT_HEADERS rainrate ows_t it le Radar END Jika ingin menggunakan template dalam penyajian mapfile, buat template dalam format htm atau html template.html. Kemudian di dalam mapfile tambahkan baris template, seperti: WEB TEMPLATE m ap.ht m l I MAGEPATH m s4w tm p m s_t mp I MAGEURL ms_t mp END KaMap Kamap yang digunakan pada aplikasi ini adalah versi 1.0. Langkah- langkah penggunaan modul kamap dalam aplikasi web gis adalah sebagai berikut: 1 Download paket modul kamap secara gratis dari situs resmi http:ka- map.maptools.org. Pada sistem ini digunakan KaMap versi 1.0. 2 Unzip file ke dalam suatu sub-direktori sementara sehingga akan menghasilkan beberapa file dan sub-direktori seperti berikut: 1 file “ms4wapachehtdocka-map.pkg.html”, 2 file “downloadsms4whttp.d httpd_ka-map.conf”, dan 3 sub-direktori “ms4wappska-map-1.0. 3 Salin sub-direktori ka-map-1.0 ke direktori webserver yang diinginkan, contoh “c:ms4wapachewebgisradar”. Kemudian ganti nama sub-direktori tadi menjadi kamap. 4 Salin file “ka-map.pkg.html” ke dalam direktori “c:ms4wapachehtdoc”. 5 Salin file “downloadsms4whttp.dhttpd_ ka-map.conf” ke dalam sub- direktori mapserver “c:ms4whttp.d. Edit file ini sesuai dengan konfigurasi yang sebenarnya, seperti berikut ini : Alias kamap m s4w apps WebgisRadar kamap ht docs Directory m s4w apps WebgisRadar kamap AllowOverride None Opt ions I ndexes FollowSymLinks Mult iviews Order allow,deny Allow from all Directory 6 Buka file “..htdocskamapincludeconfig.php”, kemudian sesuaikan kode versi atau nama file DLL yang berhubungan dengan setting pustaka PHP dan modul GD dengan lingkungan MapServer lihat di dalam sub-direktori “c:ms4wapachephpextentions”. 7 Kemudian edit file “config.php” untuk mendeklarasikan data lokasi mapfile, format image, skala dan lain-lain. Data ini diisimpan dalam variabel “aszMapfile” sebagai fungsi array. Setelah selesai test dengan menggunakan browser dengan alamat http:localhostkamap.

4.2.4 Pembangunan Web Front