ngode.in: 2013

GIS

Membuat Peta Interaktif Jumlah Penduduk Indonesia (E book)

11:38 PM

alpro

Belajar Javascript (if else statements)

2:31 PM

alpro

Belajar Javascript

2:10 PM

GIS

Menggunakan Google Directions API

12:24 PM

GIS

Menggunakan Google Geocoding API

12:12 AM

Apa itu Geocoding?

Menurut wikipedia, geocoding adalah proses mencari koordinat geografis (biasanya latitude dan longitude atau garis lintang dan bujur) dari alamat tertentu (misal nama jalan, nama kota, kode pos, nama negara, dll).

Contoh, misal kita ingin mencari koordinat dari kota Yogyakarta, yang kita lakukan adalah melakukan geocoding terhadap alamat Yogyakarta.

Kebalikan dari Geocoding adalah reverse Geocoding, yaitu mencari data geografis berdasarkan koordinat geografis. Jadi kita memasukkan suatu koordinat lalu akan muncul data geografis yang ada pada koordinat itu seperti nama jalan, kode pos, negara, kota, provinsi, dsb.

Ketika kita membuat suatu aplikasi yang berhubungan dengan WebGIS, terkadang kita membutuhkan fitur geocoding untuk mencari suatu lokasi tertentu. Dengan Google Geocoding API kita dapat dengan mudah mencari koordinat dari suatu alamat.

Menggunakan Google Geocoding API

Google Geocoding API merupakan suatu web service yang bisa diakses menggunakan HTTP Request biasa, hanya melalui URL.

Menurut saya Geocoding yang diberikan oleh Google ini data dan ketepatannya cukup bagus sehingga dapat digunakan pada aplikasi kita yang membutuhkan fitur geocoding.

Url yang digunakan untuk melakukan HTTP request terhadap google geocoding API adalah seperti berikut

http://maps.googleapis.com/maps/api/geocode/output?parameters

Contoh nya adalah seperti berikut:

http://maps.googleapis.com/maps/api/geocode/json?address=Yogyakarta&sensor=false

Saya melakukan geocoding terhadap alamat Yogyakarta, dan menggunakan json sebagai data response nya, data response bisa berupa xml ataupun json.
Berikut hasil dari geocoding terhadap alamat Yogyakarta diatas

Mudah bukan untuk menggunakan Geocoding API dari Google.

Saya biasanya menggunakan fitur geocoding untuk mencari suatu lokasi, misal lokasi user. Karena PC dan broadband modem ada yang mensupport HTML 5 Geocoding dan ada yang tidak, maka Geocoding ini sangatlah dibutuhkan untuk mencari lokasi user. User dipersilakan untuk mengetik lokasi nya sendiri pada aplikasi saya, dan sistem akan menunjukkan lokasi sesuai dengan yang diketikkan user, tentu saja dengan bantuan Geocoding API dari Google ini.

Untuk aplikasi yang menggunakan javacsript, saya biasa menggunakan AJAX untuk melakukan HTTP Request terhadap API ini. Berikut contoh AJAX yang saya gunakan untuk mengakses API Google Geocoding tersebut.

script ajax diatas menggunakan bantuan jquery library. Script diatas melakukan request Geocoding pada kota Yogyakarta, setelah berhasil/sukses melakukan Geocoding maka variabel lat dan lon akan menyimpan latitude dan juga longitude dari kota Yogyakarta.

Sekian artikel tentang Google Geocoding API, semoga bermanfaat, GBU

GIS

Membuat WebGIS Peta Puskesmas Gunungkidul Menggunakan Leaflet dan Geoserver (Part 2)

10:08 AM

Pada postingan sebelumnya saya membahas tentang bagaimana menampilkan peta dan marker menggunakan data dari Geoserver dan Leaflet Javascript Library.

Part 1-Membuat WebGIS Puskesmas GK Leaflet dan Geoserver

Karena masih ada fitur yang kurang pada part 1 kemarin, maka sekarang saya akan melengkapi kekurangan fitur tersebut.

Membuat WebGIS Peta Puskesmas Gunungkidul Menggunakan Leaflet dan Geoserver (Part 2)

Tentunya ketika kita berhadapan dengan suatu webGIS, biasanya disediakan pilihan peta, apakah itu peta jalan, satelit, dsb.

Nah sekarang akan kita tambahkan pilihan layer tersebut pada peta kita.

Masukkan kode berikut pada fungsi initialize

Kode diatas akan menghasilkan 3 jenis layer, yaitu peta jalan, peta satelit, dan hybrid(campuran jalan dan satelit), silakan test pada browser, jika terdapat pilihan layer di sebelah kanan atas berarti kode diatas berhasil.

Setelah itu kita akan mengganti icon dari puskesmas dengan icon yang lebih merepresentasikan suatu puskesmas. .

Kode diatas digunakan untuk mengganti icon, silakan ganti iconUrl dengan icon milik anda sendiri

Dan pada marker ganti kodenya menjadi seperti berikut, kode ini nanti sekalian digunakan untuk getDirections

Pada WebGIS biasanya juga tersedia fitur routing yang menampilkan rute jalan dari suatu tempat ke tempat lain, tambahkan kode berikut pada fungsi initialize

dan juga tambahkan fungsi berikut untuk getDirections,

fungsi getDirections diatas belum bisa dijalankan karena kita belum tau posisi awal dari start request. Untuk itu kita perlu menambahkan pilihan lokasi user dengan fitur geocoding. Maka tambahkan kode html berikut dibawah map id

Dan tambahkan fungsi geocoding berikut

Dalam geocoding kita menggunakan bantuan dari Google Maps Geocoding service untuk menemukan lokasi dari tempat yang kita input.

Oh iya, jangan lupa juga masukkan API Key untuk akses ke MapQuest Routing Plugin agar getDirection bisa berjalan

Berikut kode javascript lengkap dari aplikasi kita

Jika kode anda benar maka tampilan aplikasi kita akan menjadi seperti berikut

Geoserver Leaflet WebGIS Puskesmas Gunungkidul

Semoga Bermanfaat, GBU ^_^

GIS

Membuat WebGIS Peta Puskesmas Gunungkidul Menggunakan Leaflet dan Geoserver

8:20 AM

GIS

Cara Install Geoserver

1:18 AM

Setelah kita mengetahui apa itu geoserver (baca post ini jika belum), sekarang akan saya jelaskan bagaimana cara menginsall Geoserver di pc masing-masing.

Pertama kali tentu saja kita harus mempunyai master installer dari geoserver itu sendiri, bisa langsung di download pada http://geoserver.org

Cara Install Geoserver

Setelah download, kita jalankan installer dari geoserver yang ada dan akan muncul tampilan seperti ini.

Karena kita ini adalah generasi next Indonesia, maka yang kita lakukan setelah itu adalah klik Next. . :)

Setelah kita baca License Agreement nya, klik I Agree

Setelah itu, pilih lokasi installasi dari geoserver itu sendiri, pada drive mana dia akan diinstall, jika space tidak bermasalah mungkin secara default kita biarkan saja lokasi nya di C:\Program Files\GeoServer.

Setelah itu kita buat shortcut untuk start menu, klik Next Jika Sudah.

Berikutnya, kita harus memasukkan path dari JRE(Java Runtime Environment) pada komputer kita karena Geoserver membutuhkan JRE untuk jalan. Jika belum mungkin anda bisa melakukan installasi JRE terlebih dahulu, dalam hal ini yang saya gunakan adalah JRE 7

Pilih data directory dari geoserver yang akan kita install, jika belum pernah melakukan installasi sebelumnya gunakan saja Default Data Directory.

Pilih username dan password yang akan anda gunakan nanti ketika menggunakan geoserver. Secara default username dan password geoserver anda adalah admin dan geoserver.

Setelah itu pilih port yang akan digunakan untuk mengakses geoserver, pastikan port yang anda gunakan tidak sedang digunakan oleh komputer ataupun aplikasi lain. Dalam hal ini saya gunakan port 4321.

Lalu kita pilih apakah kita ingin menjalankan geoserver secara manual (Run Manually) menggunakan command prompt atau secara otomatis (Install as a service, service akan jalan/start dengan sendirinya ketika pc kita menyala). Jika anda tidak ingin repot, gunakan Install as a service pada pilihan ini.

Klik Install dan geoserver akan terinstall dengan sendirinya pada pc anda.

Jika sudah sukses melakukan installasi, masuk ke browser untuk memastikan installasi geoserver anda berhasil.

Lalu ketikkan url geoserver anda pada browser (localhost:port/geoserver)

URL yang saya gunakan adalah

http://localhost:4321/geoserver/

Semoga Bermanfaat, GBU. .

GIS

Leaflet, Alternatif Dalam Membuat WebGIS

11:31 PM

Saya biasa membuat suatu WebGIS menggunakan Google Maps ataupun Bing Maps API, tetapi beberapa hari yang lalu saya mendapat tawaran untuk membantu seseorang mengerjakan WebGIS menggunakan leaflet dan Geoserver (Lihat Postingan Saya Tentang Geoserver)

Sekarang saya akan coba jelaskan apa itu Leaflet, dan mungkin pada postingan selanjutnya kita akan langsung praktek saja dalam membuat suatu WebGIS dengan menggunakan Geoserver dan Leaflet.

Leaflet, Alternatif Dalam Membuat WebGIS

Leaflet adalah suatu javascript library, javascript library untuk apa? tentunya setiap javascript library mempunyai fungsi dan keunggulan masing-masing. Seperti yang saya bilang sebelumnya, tentu saja Leaflet digunakan untuk membuat suatu aplikasi WebGIS.

An Open Source Javascript Library for Mobile Friendly Interactive Maps

Dari slogan nya saja kita bisa lihat keunggulan dan Fungsi utama dari library ini, yang pertama jelas dia Open Source dan bebas digunakan dan yang kedua adalah Mobile Friendly Interactive Maps, dia bisa digunakan untuk membuat suatu peta interaktif (user bisa berinteraksi dengan peta dan ada juga respon dari peta) yang juga Mobile Friendly.

Leaflet dibuat oleh Vladimir Agafonkin, Leaflet mempunyai size yang sangat ringan, hanyalah 33 kb, dengan size yang sekecil itu sudah bisa sangat membantu dalam membuat WebGIS.

Leaflet mempunyai fitur-fitur yang mungkin mirip dengan Google Maps, ya mungkin karena setiap WebGIS app harus mempunyai fungsi-fungsi tertentu seperti marker, popup window, routing, Layer dll.

Leaflet memiliki CSS tersendiri, yang menurut saya lebih cantik dibandingkan dengan Google Maps. Waktu pertama saya memakai saya langsung menyadari jika tampilannya lebih halus dan cantik daripada Google Maps. Tetapi jika dibandingkan dengan Google Maps, Leaflet masih kurang lengkap dalam data yang disediakan, mungkin karena Google merupakan perusahaan yang sangat besar sehingga data nya sangat lengkap dan akurasinya tinggi.

Keunggulan lain dari Leaflet adalah dia memiliki banyak sekali plugin yang sangat membantu user dalam melakukan pembuatan aplikasi WebGIS.

Untuk dokumentasi nya saya merasa Leaflet masih kurang lengkap karena tidak ada full dokumentasinya, walaupun diklaim oleh website Leaflet dokumentasinya sudah cukup baik, tetapi jika dibandingkan dengan Google dan Bing Maps, Dokumentasinya masih jauh sekali, masih banyak kekurangan.

Setelah memiliki pengalaman menggunakan leaflet, mungkin ini akan menjadi alternatif saya dalam membuat suatu WebGIS karena dia juga free dan tidak ada batasan request seperti pada Google Maps.

Jika kita menggunakan leaflet, banyak sekali pilihan layer base map yang bisa kita gunakan seperti mapquest dan openstreetmap.

Sekian penjelasan saya tentang Leaflet, untuk yang ingin menggunakan silakan langsung kunjungi website resmi leaflet. http://leafletjs.com

GBU.. ^_^

GIS

Apa itu Geoserver

6:32 PM

Saat pertama kali diminta tolong seseorang untuk membuat WebGIS menggunakan Geoserver. Saya bingung apa itu geoserver, belum ada bayangan sama sekali tentang apa itu geoserver karena saya terbiasa membuat WebGIS menggunakan Google Maps API.

Waktu itu saya mengartikan GeoServer seperti ini, karena mungkin berasal dari kata Geography dan Server maka geoserver adalah “Server yang menyediakan layanan Informasi bereferensi Geografis”

Ternyata setelah saya lihat dan saya pelajari, artinya tidak jauh dari apa yang saya artikan sendiri karena salah satu fungsi Geoserver adalah seperti yang saya artikan diatas.

Apa itu Geoserver

Geoserver adalah suatu open source software yang ditulis menggunakan bahasa pemrograman Java yang memungkinkan user untuk melakukan sharing dan ediing terhadap geospatial data. Geoserver sendiri menggunakan standar dari Open Geospatial Consortium (OGC), Geoserver memudahkan dalam pembuatan peta dan spatial data sharing.

Berikut Kelebihan dari Geoserver:

Open and Share Your Spatial Data, Geoserver memungkinkan kita untuk mempublikasikan ke umum spatial information yang kita miliki. Karena mengimplementasikan Web Map Service (WMS) standard, Geoserver dapat membuat peta dalam berbagai variasi format. Banyaknya format yang disediakan menjadi memudahkan programmer dalam berkreasi dengan GeoServer, saya sudah mengalaminya.
Use Free and Open Software, GeoServer adalah Software yang free, gratis, dan tanpa bayar.
Integrate With Existing Mapping APIs, Geoserver dapat menampilkan data dari aplikasi peta yang lain seperti Google Maps, Google Earth, Yahoo Mpas, dan Microsoft Virtual Earth.
Community, Geoserver memiliki komunitas yang besar, banyak developer GIS yang menggunakan Geoserver itu sendiri. Karena komunitas nya yang besar maka jika ada kesulitan atau pertanyaan ketika menggunakan GeoServer, kita tidak perlu kesulitan untuk bertanya. Saya sendiri terbiasa bertanya di GIS StackExchange ataupun StackOverFlow (My Favorite Learning Website :D)

Kalau menurut saya sendiri, kelebihan dari Geoserver itu adalah, dia bisa mengubah data spatial kita dengan mudah. Misalnya seperti ini, data yang memiliki referensi geografis biasanya berekstensi Esri ShapeFile (SHP, karena ArcGIS sangatlah terkenal), kita tinggal melakukan upload file SHP dan Geoserver dapat melakukan konversi dengan mudah, kita tinggal memilih output apa yang ingin dikeluarkan, apakah itu png, xml, rss, json, open layer, dll. Saya sebagai programmer sangat terbantu dengan geoserver ini karena dengan mudah dapat melakukan konversi dari bentuk SHP ke bentuk JSON tanpa bantuan aplikasi lain seperti ArcGIS maupun QGIS.

Kalau anda ingin mencoba menggunakan GeoServer langsung saja kunjungi website resmi Geoserver.

Terimakasih, Semoga Bermanfaat, GBU

Membuat Peta Interaktif Jumlah Penduduk Indonesia (E book)

Membuat Peta Interaktif Jumlah Penduduk Indonesia (E book)

Belajar Javascript (if else statements)

Belajar Javascript

Belajar Javascript

Hello World Javascript

Menggunakan Google Directions API

Menggunakan Google Directions API

Menggunakan Google Geocoding API

Menggunakan Google Geocoding API

Membuat WebGIS Peta Puskesmas Gunungkidul Menggunakan Leaflet dan Geoserver (Part 2)

Part 1-Membuat WebGIS Puskesmas GK Leaflet dan Geoserver

Membuat WebGIS Peta Puskesmas Gunungkidul Menggunakan Leaflet dan Geoserver (Part 2)

Membuat WebGIS Peta Puskesmas Gunungkidul Menggunakan Leaflet dan Geoserver

Membuat WebGIS Peta Puskesmas Gunungkidul Menggunakan Leaflet dan Geoserver

Membuat WebGIS Peta Puskesmas Gunungkidul Menggunakan Leaflet dan Geoserver (Part 2)

Cara Install Geoserver

Cara Install Geoserver

Leaflet, Alternatif Dalam Membuat WebGIS

Leaflet, Alternatif Dalam Membuat WebGIS

Apa itu Geoserver

Apa itu Geoserver

Berikut Kelebihan dari Geoserver:

Follow Us

Labels

Popular Posts

recent posts

Recent Comments

Blog Archive

adsense ngode.in

Instagram