Membuat [SEMACAM] WebGIS Yogyakarta dengan PostgreSQL dan pmmapper

Muqodimah

          Geographic Information System (GIS) merupakan sistem yang dirancang untuk bekerja dengan data yang tereferensi secara spasial atau koordinat-koordinat geografi. GIS memiliki kemampuan untuk melakukan pengolahan data dan melakukan operasi-operasi tertentu dengan menampilkan dan menganalisa data.
       Di dalam semacam tutorial ini, akan membahas bagaimana cara membuat suatu GIS yang berbasis WEB alias sering disebut sebagai WebGIS dengan menggunakan beberapa tools. Untuk data spasial yang digunakan untuk mempresentasikan peta tersimpan di dalam database postgreSQL, sehingga data mudah untuk dimanage (tambah, update, delete). Dengan menggunakan pmapper, kita bisa meng-custome sendiri legenda / layer yang akan ditampilkan pada WebGIS dari data yang tersimpan tersebut.

Hal yang dibutuhkan

1.       Niat

2.       Komputer atau laptop 

3.       MapServer (MS4W)

4.       PostgreSQL + PostGIS (pgAdmin III)

5.       Quantum GIS

6.       Framework Pmapper PHPScript (sudah terinstall)

7.       Browser (Google Chrome, Mozilla, dll)

8.       File *.shp (yang dijadikan sebagai data spasial) bisa diunduh di
https://goo.gl/uce7xr

9.       Segelas Kopi hitam manis sebagai penambah gizi

Langkah-langkah

1.       Pertama tama berdoa dahulu kepada Allah SWT

2.       Buka pgAdmin III à buat database baru à New extension : postgis

3.       Tambahkan file *.shp yang baru saja didownload kedalam database baru à Refresh

Maka hasilnya seperti ini à

4.       Jalankan MapServer (MS4W) dan pastikan sudah menginstall pmapper pada disk C:/ atau D:/

Selanjutnya buka direktori “C:/ms4w/apps/” copy-kan folder “pmapper” dan paste pada direktori “C:/ms4w/apache/htdocs”. Setelah dipaste, rename folder tersebut sesuai keinginan anda. (Contoh : diy)

5.       Kemudian buka folder tersebut dan rename pula folder “pmapper-4.3.2” (Contoh : gis). Lalu buka browser anda ketikkan “localhost/diy/gis”. Maka akan muncul seperti dibawah ini

6.       Selanjutnya adalah saatnya kita membuat/mengcustome file .map yang akan ditampilkan kedalam pmapper. Ada beberapa layer yang akan ditampilkan.

Buka direktori “C:\ms4w\Apache\htdocs\diy\gis\config\default” dan buka file “pmapper_demo.map” ke text editor anda dan lakukan beberapa perubahan.

7.       Perubahan yang dilakukan adalah membuat layer kita sendiri, dan layer tersebut terdiri dari

a.       Layer Provinsi

b.      Layer Jalan

c.       Layer Rel (Kereta Api)

d.      Layer Pantai

e.      Layer Goa

Untuk menampilkan layer tersebut datanya berasal dari file *.shp yang diimport ke dalam pgAdmin III yang menjadi tabel-tabel diatas. Untuk dapat menghubungkan file *.map dengan database postgreSQL dibutuhkan definisi koneksi untuk setiap layer yang terdapat nama database, user, dan password (anda tentukan sendiri sesuai database anda).

8.       Sebelumnya lakukan pendefinisian proyeksi dan extent map yang akan dibentuk.

Pada baris 19-37 lakukan perubahan seperti ini

9.       Cara mendapatkan batas koordinat peta atau EXTENT peta dengan menggunakan bantuan software Quantum GIS. Caranya buka Quantum GIS (QGIS) à cari letak file*.shp berada à buka file kabupaten__region.shp maka akan membentuk peta.

10.   Kemudian klik kanan à properties à Metadata

Maka akan menghasilkan extent koordinat peta, copy dan paste pada file *.map anda

11.   Pada baris 59-65 lakukan perubahan seperti ini

12.   Untuk image reference.png dibuat dengan cara klik project pada Quantum GIS (file kabupaten__region.shp yang tadi telah dibuka) à Save As Image à simpan ke dalam folder C:\ms4w\Apache\htdocs\diy\gis\images”

13.   Pada baris 145-242 lakukan perubahan seperti ini (layer provinsi)

14.   Perubahan pada baris 247 – 279 seperti ini (layer jalan)

15.   Perubahan pada baris 284 – 314 seperti ini (layer rel)

16.   Perubahan pada baris 319 – 350 seperti ini (layer sungai)

17.  Perubahan pada baris 355 – 388 seperti ini (layer Pantai)

18.   Perubahan pada baris 393 – 426 seperti ini (layer goa) à sekaligus menjadi akhir dari file *.map yang dibuat

19.  Jika sudah simpan file *.map tersebut. Kemudian buka file “config_default.xml” pada direktori “C:\ms4w\Apache\htdocs\diy\gis\config”.  Dan lakukan perubahan seperti berikut :

20.  Simpan kembali dan buka browser dan ketikkan kembali “localhost/diy/gis” maka akan muncul seperti ini

21.  Kurang lebih seperti itulah WebGIS sederhana dengan menggunakan postgreSQL dan pmapper. Untuk menampilkan semua layer dapat dilakukan dengan mencentang checkbox pada toolbox disamping.

Read More

WebGIS III - Membuat WebGIS dengan postgre dan pmapper

Pada tutorial sebelumya kita sudah membuat peta sederhana (WebGIS) dengan menggunakan postgreSQL dan MS4W, nah pada tutorial kali ini kita akan membuat/mengcustome sebuah peta WebGIS dengan postgre dan pmapper yang telah sebelumnya terinstall.

1.  Pertama nyalakan dulu Apache MS4W Web Server dan pastikan pmapper telah terinstall pada MS4W komputer anda. Caranya dengan membuka browser dan ketikan “localhost”, lalu scroll ke bawah maka akan seperti gambar di bawah ini

2.  Selanjutnya buka direktori “ms4w/apps/” copy-kan folder “pmapper” dan paste pada direktori “ms4w/apache/htdocs”. Setelah dipaste, rename folder tersebut sesuai keinginan anda. (Contoh : tutorial)

3.  Kemudian buka folder tersebut dan rename pula folder “pmapper-4.3.2” (Contoh : gis). Lalu buka browser anda ketikkan “localhost/tutorial/gis”. Maka akan muncul seperti dibawah ini :

4.  Buka pgAdmin III, buat database baru ( contoh: jogja ) dan siapkan file .shp untuk dimasukkan ke dalam database PostgreSQL dengan bantuan ekstensi PostGIS. Untuk tutorial ini, file .shp nya bisa diunduh di https://goo.gl/J41jbr  

(Bagaimana cara memasukkan file .shp ke dalam postgre telah dibahas pada tutorial sebelumnya)

5.  Tabel dari file .shp yang sudah masuk ke dalam database postgreSQL

6.  Selanjutnya adalah saatnya kita membuat/mengcustome file .map yang akan ditampilkan kedalam pmapper.Buka direktori “C:\ms4w\Apache\htdocs\tutorial\gis\config\default” dan buka file “pmapper_demo.map” ke text editor anda dan lakukan beberapa perubahan : 

    Pada baris 19-37 lakukan perubahan seperti ini

    Pada baris 59-65 lakukan perubahan seperti ini

    Pada baris 145-176 lakukan perubahan seperti ini

 (untuk password koneksi ke database, anda sesuaikan dengan database anda)

    Pada baris 181-213 lakukan perubahan seperti ini

(untuk password koneksi ke database, anda sesuaikan dengan database anda)

7.  Perubahan yang kita lakukan adalah menghapus semua LAYER map default bawaan           pmapper_demo dan menggantikannya dengan 2 LAYER map, yaitu layer provinsi dan jalan_provinsi.

8.  Berarti setelah baris 213 adalah “END #map” yang berarti akhir dari pendefinisian file *.map

9. Jika sudah simpan file tersebut. Kemudian buka file “config_default.xml” pada direktori “C:\ms4w\Apache\htdocs\tutorial\gis\config”.Lakukan perubahan pada baris 17-39 sebagai berikut:

10. Simpan kembali dan buka browser dan ketikkan kembali “localhost/tutorial/gis” maka akan muncul seperti ini

11. Kurang lebih seperti itulah WebGIS sederhana dengan menggunakan postgreSQL dan pmapper. Untuk menampilkan layer daerah provisi dan jalan provinsi dapat dilakukan dengan mencentang checkbox pada toolbox disamping.

Read More

WebGIS II - Membuat Peta WebGIS dengan Postgre dan MS4W

Pada tutorial sederhana ini kita akan membuat sebuah peta (webGIS) dengan bantuan MapServer (MS4W) yang data spasialnya diambil dari database PostgreSQL (file .shp).

1. Pastikan MS4W sudah start dan sudah siap file .shp untuk kemudian dimasukkan ke dalam database PostgreSQL. Untuk tutorial ini file .shp nya bisa diunduh di https://goo.gl/J41jbr
2. Buka pgAdmin III dan login dengan user “postgres”. Buat database baru dengan owner “postgres”.  (Contoh nama database : jogja )
3. Buka database yang baru dibuat, klik kanan pada trees list “Extentions” -> “New Extentions”->Name “Postgis”.
   
4. Setelah Extentions postgis telah ditambah, masukkan file .shp ke dalam database. Caranya sebagai berikut. Plugins -> PostGIS Shapefile and DBF loader 2.2
   
5. Setelah muncul form baru seperti dibawah ini, maka pilih Add File -> cari dimana letak file .shp tersimpan, jika sudah klik Import
   
6. Jika sudah refresh (F5) pada database, sehingga akan ada tabel baru pada schema public
   
7.  Buat folder baru di “ms4w/apache/htdocs/” nama folder tersebut terserah anda. (Contoh  folder : pg )Buka text editor dan buat 1 file baru dengan extensi *.map. Namai file tersebut “jogja.map”. File .map baru yang dibuat akan menampilkan gambar peta yang data-nya berasal dari database PostgreSQL. Untuk mengambil data dari database diperlukan suatu definisi koneksi di dalam file *.map. Untuk password koneksi ke database-nya, anda sesuaikan dengan password database anda masing-masing.Pada file tersebut ketikkan kode sebagai berikut :
   
8. Kemudian buat 1 file baru pada text editor dengan extention *.html dengan nama “jogja_map.html” Ketikan kode seperti di bawah ini :
   
9. Buka browser dan akses url “http://localhost/pg/map_jogja.html”, maka InsyaAllah yang muncul adalah gambar sebagai berikut :
   
10. Jika belum seperti gambar tersebut, coba diteliti kembali kode pada file “jogja.map” dan “map_jogja.html”.

Read More

WebGIS I - Install MS4W dan pmapper

1. Unduh MS4W di www.maptools.org
2.  Setelah download langsung saja extract folder ms4w di hardisk (C:/ atau D:/). Sehingga hasilnya seperti dibawah ini.
   
3. Sebelum memulai install pastikan tidak ada Web Server yang sedang berjalan pada komputer anda (XAMPP, WAMPP atau lainnya) agar tidak terjadi port default yang bentrok.
4. Buka cmd dengan run administrator dan lakukan perintah seperti dibawah ini
   
5. Buka SERVICES LOCAL dan pastikan Apache MS4W Web Server telah start. Jika tidak bisa pastikan kembali anda sudah mematikan Web Server lainnya pada komputer anda.
6. Buka browser anda dan ketikan localhost/. Jika sudah bisa muncul tampilan seperti dibawah ini, berarti anda telah berhasil mengintall MS4W
   

Install pmapper

1. Unduh pmapper pada http://sourceforge.net/ (versi tergantung selera). Extract hasil download tersebut ke dalam direktori MS4S tadi (C:/ms4w). Ketiga folder tersebut akan menimpa folder sebelumnya yang terdapat pada direktori C:/ms4w
   
2.  Buka kembali SERVICES LOCAL dan restart Apache MS4W, lalu buka browser dan refresh halaman localhost/. Scroll ke bawah maka akan ada Aplikasi  pmaper yang terinstall
   
3. Klik pada p.mapper start demo application, maka hasilnya seperti ini
   
4. 
   

Read More