Menampilkan peta digital dari Postgis ke Mapserver


Latar Belakang

Dalam tulisan saya terdahulu menjelaskan cara import peta digital dari QuantumGIS ke  database Postgre. sekarang menjelaskan bagaimana caranya menampilkan peta digital yang tersimpan dalam database postgre tersebut dengan bantuan library postgis.

Dalam konsep GIS web base yang saya tau, peta digital itu dapat disimpan dalam file SHP dapat juga disimpan dalam sebuah database. dalam project saya waktu penulisan ilmiah, saya menggunakan teknik pertama yaitu menyimpan peta digital kedalam kumpulan file-file SHP. untuk pengembangannya sekarang saya mempelajari teknik menyimpan peta digital kedalam sebuah database postgre menggunakan library postgis.

Tahap Persiapan

yang harus disiapkan dalam percobaan ini adalah file peta_db.map yang berisi script mapserver yang digunakan untuk melakukan koneksi ke database postgre. dan menjalankan query untuk menampilkan peta digital yang ada didalam tabel distrik yang sebelumnya sudah terbuat dan sudah berisi data.

Tahap Coding

kita membuat sebuah file peta_db.map yang sisimpan dalam folder C:\ms4w\apps\map\

#
# Komentar untuk mapfile ybs.
#
MAP                      # tanda awal mapfile
NAME        District  #
IMAGETYPE   JPEG        # bisa PNG, GIF, dll
EXTENT      -119.88000 36.53000 -119.33000 36.89000  # B1,L1; B2,L2
STATUS      ON     #
UNITS       DD    # satuan derajat
SIZE        350 400   # ukuran image
SHAPEPATH   “\ms4w\apps\map\shp”
IMAGECOLOR  255 255 255
#
# Mulai pendefinisian layers
#
LAYER
NAME      District
STATUS    ON
TYPE      POLYGON

CONNECTIONTYPE POSTGIS
CONNECTION “host=localhost dbname=testgis user=postgres password=shugaru7 port=5432
DATA “the_geom from distrik

CLASS
NAME   “District”
STYLE
COLOR 179 243 251
OUTLINECOLOR 0 0 0
END # style
END # class
END # Akhir definisi layer
#
END # Akhir mapfile

Membuat Halaman Web

kita membuat sebuah file index_db.html yang sisimpan dalam folder C:\ms4w\Apache\htdocs\web\

<html>
<head><title>Menampilkan Peta dari Postgis-Mapserver</title></head>
<body>
<center>
<img border=”1″ src=”http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/map/peta_db.map&layer=District&mode=map“>
</center>
</body>
</html>

Tahap Testing

Untuk menjalankannya kita menggunakan sebuah web browser dan mengetikan alamat url :

  1. http://localhost/web/index_db.html
  2. Anda juga dapat menggunakan alamat URL langsung menuju file mapservernya http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/map/peta_db.map&layer=District&mode=mapsehingga hasilnya akan tampil seperti dibawah ini :

    Output

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Depok, 13-06-2011

noname

Import peta digital dari Quantum GIS ke Postgis


Pendahuluan

Artikel ini membahas tentang bagaimana cara mengkonversi file SHP menjadi file SQL dan memasukannya kedalam database postgree dengan bantuan library postgis. ada 2 cara yang bisa di gunakan yaitu :

  • Menggunakan command prompt (cmd)
  • Menggunakan plugins Quantum GIS

Tahap Persiapan

yang harus disiapkan dalam belajar GIS berbasis web adalah :

  1. Mapserver menggunakan software ms4w (saya menggunakan versi 1.6)
  2. QuantumGIS untuk membuat peta digital (saya menggunakan versi 0.9.1 Ganymede)
  3. Database PostgreSQL dan postgis (saya menggunakan Postgre versi 8.1 yang include postgis)
  4. Siapkan file SHP yang sebelumnya sudah dibuat (bisa anda download di sini)

Cara Pertama  (Menggunakan Command prompt)

  1. Saya asumsikan semua software pada tahap persiapan sudah selesai di install. dan peta digital sudah di simpan di C:\ms4w\apps\map\shp
  2. Setelah itu buka command promtnya dan ketik syntax berikut ini untuk menyeting path postgre agar bisa di jalankan di semua alamat folder :  set PATH=%PATH%;C:\Program Files\PostgreSQL\8.1\bin
  3. Setelah itu menuju folder tempat file SHP berada  C:\ms4w\apps\map\shp
  4. Kemudian ketik syntak berikut untuk mengkonversi SHP ke SQL :
    shp2pgsql fdistrict.shp distrik > distrik.sql
  5. Setelah itu ketik syntax berikut untuk import SQL ke Postgre. TAPI sebelumnya harus dibuat dahulu di pgAdminIII (Postgre Admin) sebuah database bernama gisdb dengan user defaultnya postgres : psql -U postgres -d gisdb -f distrik.sql -W
  6. Setelah dimasukan password untuk user postgres, jika berhasil maka di cek di portgres database gistdb terdapat tabel distrik.

Untuk lebih jelasnya bisa dilihat hasil capture berikut ini :

Capture Syntax Command Prompt

Cara Kedua (Menggunakan Plugin SPIT)

cara kedua ini menggunakan plugins yang sudah disediakan oleh QuantumGIS. caranya adalah :

  1. Jalankan software quantumGIS
  2. Aktifkan plugins melalui menu Plugins>Plugins Manager>Cari dan centang plugins SPIT>klik OK
  3. Setelah berhasil pilih kembali menu Plugins>Spit>Import shape file to postgreSQL
  4. Setelah itu buat koneksi baru dengan klik tombol new. contoh settingnya lihat gambar dibawah ini :
  5. Setelah itu dibagian shapefile list Klik tombol add dan cari file SHP di alamat C:\ms4w\apps\map\shp\fdistrict.shp
  6. Setelah itu klik OK. maka file SHP pun akan di import langsung ke database postgreSQL
  7. Bisa dilihat hasilnya di database postgre
  8. Selesai

Penutup

Jadi sekarang peta digital anda tidak di simpan lagi dalam file SHP, tapi langsung disimpan dalam database postgre dengan bantuan library postgis. sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Depok, 12-6-2011

noname

Membuat Peta Digital dengan Quantum GIS


Pada artikel kali ini saya akan membahas tentang cara pembuatan peta digital menggunakan Quantum GIS.  namun tutorial lengkapnya saya pisahkan kedalam file PDF yang bisa anda download pada URL dibawah.

Dalam artikel yang saya buat ada cara pembuatan gambar menggunakan poligon, dan point. gambar poligon biasanya digunakan untuk membuat sebuah gambar wilayah dalam peta digital. sedangkan gambar point (titik) biasa digunakan untuk untuk menggambar isi yang ada didalam gambar poligon. misalnya untuk menggambarkan sebuah objek seperti kampus, kos-kosan, tempat terjadinya suatu kejadia/kecelakaan, dll.

Yang harus diperhatikan :

  1. Dibutuhkan file gambar sebagai “kanvas” yang nantinya akan di gambar ulang menggunakan quantum GIS.
  2. Download software quantum GIS. saya sarankan Quantum GIS 0.9.1
  3. Jangan lupa untuk menyimpan data setiap selesai memasukan data kedalam gambar dengan “menutup” icon “Toogle Editing”.
  4. Selebihnya tinggal masalah pembuatan file *.map untuk menampilkan peta yang sudah jadi tadi kedalam sebuah web dengan bantuan syntax mapscript.

Mungkin anda bingung, tapi mudah-mudahan dengan membaca artikel nanti. ada tambahan ilmu untuk anda.

Download

Sekian tutorial dari saya, semoga bermanfaat untuk Anda semua.

Depok, 14-07-2010

noname

Membuat tanda tangan digital via Online


Anda ingin membuat sebuah font yang mirip dengan sebuah tanda tangan? mungkin nanti gambar tanda tangan tersebut akan anda sisipkan di halaman profil web atau blog anda…seru kan 🙂 caranya gampang kok via Online lagi. anda cukup mengunjungi situ http://mylivesignature.com dan klik menu Start Now!. Adapun langkah2 pembuatannya tinggal mengikuti  Wizard yang sudah disediakan.

dalam situs tersebut ada 2 cara pembuatan tanda tangan yaitu :

  1. Create a new signature using our wizard digunakan untuk membuat tanda tangan dengan type dan size font-font yang sudah disediakan.
  2. Draw a new signature on your screen digunakan untuk membuat tanda tangan “asli” anda dengan bantuan flash, karena cara membuatnya anda menggerakan mouse untuk membentuk tulisan tanda tangan digital. mungkin hasilnya kurang memuaskan dengan cara ini, kecuali anda menggunakan semacam pinsil digital yang biasa di gunakan untuk menggambar di komputer.

misalnya anda membuat tanda tangan dengan cara pertama, anda tinggal mengikuti langkah-langkahnya setelah itu gambar tanda tangan digital akan terbentuk. pada langkah yang ke 4, jangan lupa untuk mencentang tanda Trasnparent gunanya agar gambar tanda tangan nanti transparan baclgroundnya, jadi menyesuaikan dengan dengan warna background web atau blog anda.

Jika sudah selesai, trus gimana cara download gambar tanda tangannya?? caranya seperti kita akan save as gambar biasa. tinggal klik kanan di gambarnya > Save Image As… > Save

Contoh tanda tangan di web saya :

http://labhouse.co.cc/index.php?page=profil

Semoga artikel ini bermanfaat untuk Anda 🙂

depok, 25-04-2010

noname

Jam Digital Javascript


Waktu sangat penting dalam kehidupan ini begitu juga dengan sebuah web. bisa sebagai penunjuk waktu untuk user, ataupun nilai estetika. oleh karena itu banyak cara untuk membuat aplikasi yang menunjukan waktu saat ini. Bisa dengan menggunakan flash, bahkan bahasa pemrograman basis web sendiri sudah menyediakan fungsi untuk menampilkan waktu. bahasa pemrograman serverside seperti PHP biasanya menampilkan waktu yang ada di komputer server. jadi bisa saja waktu yang di tampilkan di halaman web itu berbeda dengan waktu yang ada di komputer client.

Salah satu solusinya adalah dengan bahasa pemrograman client side salah satunya adalah javascript. javascript akan menampilkan waktu sesuai dengan waktu yang ada di komputer client. Untuk mempersingkat waktu langsung saja kita ke script program nya.

CODING :

<html>
<head>
<title>JAM DIGITAL</title>
</head>
<body>

<span id=”tick2″ style=”font-size: 22px;”></span>

function show2(){

if (!document.all&&!document.getElementById)
return
thelement=document.getElementById? document.getElementById(“tick2″): document.all.tick2
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn=”PM”

if (hours

if (hours>12)
hours=hours-12

if (hours==0)
hours=12

if (minutes

if (seconds

var ctime=hours+”:”+minutes+”:”+seconds+” “+dn
thelement.innerHTML=””+ctime+””
setTimeout(“show2()”,1000)
}

window.onload=show2

</body>
</html>


Langkah-langkahnya :

  • Tulis script program di atas, kemudian simpan dengan nama file jam.html
  • Script program diatas terdiri dari script HTML dan Javascript.  script javascript yang ada di dalam tag …
  • Perhatikan tag <span id=”tick2″ style=”font-size: 22px;”></span> gunanya adalah untuk menentukan lokasi dimana aplikasi jam akan diletakan di sebuah halaman web.
  • Untuk menjalankannya, Anda tinggal mengklik 2 kali file jam.html tersebut. karena filenya berupa Html maka programpun akan segera di jalankan.

Catatan :

  • Seperti yang anda tahu bahwa cara penulisan javascript ada yang ditulis dengan cara di satukan dengan script HTML atau PHP, ada juga dengan memisahkanya dengan membuat file baru misalnya jam.js.
  • Sehingga jika anda menuliskanya dengan cara memisahkan file javascript dengan HTML, maka anda perlu memanggil file tersebut dengan perintah http://jam.js
  • Kemudian tinggal meletakan tag <span id=”tick2″ style=”font-size: 22px;”></span> dihalaman yang memanggil file jam.js tersebut.

Sekian tutorial dari saya, semoga bermanfaat…aamiin

Depok, 27 Februari 2010

noname


%d bloggers like this: