Membuat Web GIS dengan ALOV Map

Bayu Wicaksana Wahyuardi

By_krn_gtg@yahoo.com http://bayuwicaksana.cmsindo.com

Lisensi Dokumen:
Copyright !""#$!""% IlmuKomputer.Com &eluruh dokumen di IlmuKomputer.Com dapat digunakan' dimodi(ikasi dan disebarkan secara bebas untuk tu)uan bukan komersial *nonpro(it+' dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. ,idak diperbolehkan melakukan penulisan ulang' kecuali mendapatkan i)in terlebih dahulu dari IlmuKomputer.Com.

AlovMap sebagai salah satu engine GIS yang berjalan di web merupakan salah satu pilihan untuk dijadikan aplikasi GIS yang berjalan di web browser. Pertanyaanya kenapa harus AlovMap? karena AlovMap ini merupakan salah satu engine GIS yang tergolong sangat mudah untuk mengimplementasikannya tapi sangat kaya fitur.

Pendahuluan
AlovMap sebagai salah satu engine GIS yang berjalan di web merupakan salah satu pilihan untuk dijadikan aplikasi GIS yang berjalan di web browser. Pertanyaanya kenapa harus AlovMap? karena AlovMap ini merupakan salah satu engine GIS yang tergolong sangat mudah untuk mengimplementasikannya tapi sangat kaya fitur. Sayangnya sepanjang pengetahuan penulis! sangat jarang yang men"oba memanfaatkan engine ini untuk mengembangkan aplikasi GIS berbasis web. #adi itulah kenapa tulisan ini dibuat$ kita akan men"oba untuk membuat aplikasi GIS berbasis web dengan memanfaatkan engine ini dengan menggunakan %&M' (iasa.

ALOVMap Overvie
AlovMap adalah portable java appli"ation yang gratis$ yang berfungsi untuk menampilkan data raster maupun vektor di internet se"ara interaktif melalui web browser. AlovMap men)support fungsi)fungsi dasar GIS seperti randering$ menampilkan multi layer$ peta tematik$ serta informasi yang ada di data attribut.
Komunitas eLearning IlmuKomputer.Com Copyright !""#$!""% IlmuKomputer.Com

AlovMap sendiri merupakan projek bersama antara A'+, Software dan -niversity of Sidney Australia. Proje"t ini sendiri berjalan dari bulan .ovember tahun /00*. Proje"t ini terus mengalami perkembangan sehingga akhirnya AlovMap terkini sudah dapat melakukan filtering se"ara temporal$ kontrol layer yang lebih advan"e$ dan kemampuan lainnya. Alovmap sendiri memiliki / pendekatan yang semuanya berbasis web$ yaitu standalone dan "lient1server. AlovMap versi standalone adalah versi yang sangat mempermudah kita untuk membuat aplikasi GIS$ sedangkan untuk versi "lient1server sedikti lebih rumit karena melibatkan tom"at sebagai servernya. ,ersi AlovMap yang akan kita bahas di tulisan ini adalah versi standalone.

Preparing ALOVMap
2ang paling pertama harus kita siapkan tentu saja data spatial yang hendak kita tampilkan$ tanpa itu rasanya mustahil untuk memulai pekrjaan kita untuk membuat aplikasi GIS. Setelah data siap langkah selanjutnya adalah buat file 3ml dengan s"ript sebagai berikut 4
<?xml version="1.0"?> <project> <layer name="Cities"> <dataset url="cities.shp"/> <symbol ill="0!0!"##" outline="0!1"$!"##" si%e="&"/> </layer> </project>

ket 4 *. 5layer name678ities79 ))9 mendefinisikan layer yang akan kita tampilkan berikut label yang akan mun"ul di legenda terlihat pada bagian :name678ities7:!$ tag ini selalu diakhiri dengan tag 51layer9 /. 5dataset url67"ities.shp719 ))9 mendefiniskan lokasi shapefile yang akan kita tampilkan terlihat pada bagaian :url67"ities.php7:! ;. 5symbol fill670404/<<7 outline6704*/=4/<<7 si>e67?719 ))9 mendefinisikan bagaimana sebuah objek spatial ditampilkan yang meliputi warna terlihat pada :fill670404/<<7: yang menggunakan @G(!$ warna outline terlihat pada :outline6704*/=4/<<7: yang menggunakan @G(! dan ukuran si obje"t terlihat pada :si>e67?7:! jika kita ingin menambahkan layer baru maka kita "ukup menuliskan1meng)"opy A baris yang didahului dengan tag 5layer9 dan diakhiri dengan tag 51layer9 yang isinya disesuaikan dengan data spatial yang akan kita tampilkan. Selain data yang bersifat vektor$ kita juga bisa menggunakan engine ini untuk menampilkan data spatial yang berupa data raster. Adapun "ara untuk menampilkannya kurang lebih seperti ini 4
Komunitas eLearning IlmuKomputer.Com Copyright !""#$!""% IlmuKomputer.Com

<?xml version="1.0"?> <project> <layer> <dataset type="ima'e" <metadata> <meta <meta <meta <meta </metadata> </dataset> </layer> </project>

url="( 'an/a )ima'e.jp'"> id="1*"" id="1*," id="1**" id="1*#" content="#+.&$,11$$-$*,"+"/> content=",$.+0&,"/> content="0.0"&,,"/> content="0.0"&,,"/>

ket 4 *. 5dataset type67image7 url67Afgan1afBimage.jpg79 ))9 mendefiniskan lokasi data raster terlihat pada bagian :type67image7:! yang akan kita tampilkan terlihat pada bagaian :url67Afgan1afBimage.jpg7:!. -ntuk kasus menampilkan data raster tag 5dataset9 harus ditutup dengan tag 51dataset9 /. 5metadata9 ))9 mendefinisikan lokasi data raster tersebut$ hal ini dapat kita lihat pada 5meta id673337 "ontent67333719$ berikut adalah penjelasan dari kode yang ada di :meta id: 4 C D*A/ koordinat 3 dari titik kiri atas data raster C D*A; koordinat y dari titik kiri atas data raster C D*AA dimensi pi3el pada sumbu 3 C D*A< dimensi pi3el pada sumbu y 2ang harus diingat dalam menampilkan data raster adalah pastikan image yang akan kita gunakan sudah di proyeksi sesuai dengan standar proyeksi GIS yang ada. Selain hal tersebut yang perlu di ingat juga adalah kita dapat mengkombinasikan antara data vektor dengan data raster dalam satu tampilan peta$ hanya saja keduanya harus menggunakan proyeksi yang sama. Selain itu perlu diingat pula dalam menampilkan peta$ terutama yang mengkombinasikan antara data raster dan vektor$ letakkan layer data raster di posisi yang paling bawah.

!reating Web GIS Applicati"n #sing ALOVMap

Setelah menyiapkan AlovMap atau lebih tepatnya data yang akan kita tampilkan langkah selanjutnya adalah menyiapkan %&M' Page yang didalamnya terdapat AlovMap. Ambil "ontoh nama file %&M' yang kita siapkan adalah inde3.html. Eidalamnya tambahkan line)line berikut 4
<html> <head> </head> <body> <applet codebase =. code = or'.alov.vie.er./ar(pplet archive = alov)applet.jar .idth = #00 hei'ht = ,00 ali'n=center> <param name="pid" value="myproject.xml"> </applet> </body>

Komunitas eLearning IlmuKomputer.Com Copyright !""#$!""% IlmuKomputer.Com

</html>

#ika anda ingin mengubah ukuran tampilan peta silahkan ubah di bagian width dan height. Selain itu jika anda menamakan file 3ml anda berbeda dengan perintah diatas$ silahkan ubah pada bagian value. Sampai disini sebenarnya aplikasi web GIS kita sudah siap.

Penutup
Fungsi atau kemampuan AlovMap untuk menampilkan data GIS tidak banyak dibahas pada artikel ini karena fokus tulisan ini adalah pada bagaimana membuat aplikasi GIS yang berjalan di Geb dengan mudah hanya dalam beberapa langkah. #ika ingin tahu lebih lengkap tentang AlovMap mungkin akan dibahas lebih lanjut pada tulisan lain. -ntuk lebih memahami tulisan ini$ penulis sudah menyediakan sour"e "ode "ontoh yang ada di atta"hment tulisan ini. Adapun hal yang ada sour"e "ode "ontoh adalah sebagai berikut 4 *. "ontoh 3ml file untuk menampilkan data vektor dapat dilihat di myproje"t.3ml /. "ontoh %&M' page yang didalamnya terdapat AlovMap yang menampilkan data vektor dapat dilihat di inde3.html ;. "ontoh 3ml file untuk menampilkan data raster dapat dilihat di sydBaerial.3ml A. "ontoh %&M' page yang didalamnya terdapat AlovMap yang menampilkan data raster dapat dilihat di inde3.htm <. "ontoh data vektor bisa dilihat di symBpoints.C ?. "ontoh data raster bisa dilihat di sydBaerial.jpg

$e%erensi
*. ALOV Map Overvie $ http411www.alov.org1inde3.html /. $aster &ata$ http411duff.geology.washington.edu1data1raster1 ;. Vect"r &ata M"del$ http411www.gis."om1implementingBgis1data1ve"tor.html

Bi"gra%i Penulis
Bayu Wicaksana Wahyuardi. Menyelesaikan S* di -epartemen Ilmu Komputer' .akultas Ilmu /engetahuan 0lam' Institut /ertanian Bogor$ Indonesia tahun /00;. Sekarang bekerja sebagai @HE Ingineer di P& .okia Siemens .etworks. Saat ini aktif di Jomunitas..et Eeveloper (ogor (I.E)8! serta aktif juga di Jomunitas Sepeda dan Motor 'istrik J+SMIJ!. (erpengalaman selama kurang lebih ? tahun /00/)/00=! sebagai pengembang aplikasi GIS baik berbasis web maupun berbasis desktop di perusahaan)perusahaan sebelumnya P& Gaindo Spe"terra Indonesia$ P& 'intas @egional Indonesia dan P& 8iptadra Softindo!.
Komunitas eLearning IlmuKomputer.Com Copyright !""#$!""% IlmuKomputer.Com