Candralab GIS v 1.0 Rilis

Candralab GIS itu apa?

CandralabGIS adalah GIS  yang dibangun denganPHP,  Google maps danTwitter bootstrap; ditujukan untuk para pelajar/mahasiswa yang ingin belajar membuat aplikasi GIS  berbasis web.  GIS ini hanya terdiri dari 3 modul yaitu SPBU, Rumah sakit dan kantor polisi namun anda bisa menambahkan kategori lain sesuai kebutuhan.

Tampilan Candralab GIS

Lisensi

CandralabGIS menggunakan lisensi apache. Yang artinya sbb:

  1. Anda boleh memakai, mengkopi dan menyebarkan kembali code candralab GIS.
  2. Membuat produk turunan menggunakan lisensi berbeda.
  3. ANDA BOLEH Mengkomersialkan atau menjual GIS ini ke orang lain.
  4. The best part: anda tidak perlu mengopensource kan kembali apa yang telah ada ubah atau edit.

Batasan dari Lisensi ini adalah :

  1. Anda tidak boleh mengaku -aku kalau itu karya anda.
  2. Karya turunan anda harus menyebutkan bahwa karya anda merupakan turunan dari candralabGIS.
  3. Pembuat GIS ini (Candra adi putra) tidak bertanggung jawab jika ada kerusakan software, hardware atau kerugian lain yang disebabkan baik langsung atau tidak langsung.

Download

untuk download, silahkan buka halaman http://www.candra.web.id  dibagian free code atau download saja langsung disini.

Install

GIS ini dibuat dan di test di XAMPP 1.7.4. Harusnya, GIS ini akan berjalan dengan syarat menggunakan Apache 2.x, PHP 5.x dan MySQL 5x.

  1. Download CandralabGIS
  2. Extract file CandralabGIS-v1.zip ke htdocs
  3. buka PHPMyAdmin dan buat database  candralabgis
  4. import SQL file di db/CandralabGIS.sql
  5. buka file config.php dan sesuaikan username dan password mysql anda
  6. buka website di http://localhost/candralabgis
  7. gunakan username:candralab dan password:admin untuk login ke admin.

BUG & ERROR

jika saat instalasi atau saat pemakaian muncul warning atau error, pastikan short_open_tag=On di php.ini. silahkan merujuk ke artikel http://www.candra.web.id/2013/03/10/mengatasi-error-php/ untuk troubleshooting lanjut.

Jika solusi tidak ditemukan di artikel itu,silahkan komentar dibawah postingan ini.

Roadmap

GIS ini masih jauh dari sempurna,
oleh karena itu hal hal berikut ini akan menjadi prioritas pengembangan di versi berikutnya

  • Ajax based.
  • Tambah module Kampus,sekolah, kantor pemerintah.
  • Bisa menggunakan Layanan openstreetmap.
  • Thema.

Silahkan download dan sebarkan sofware ini, semoga bermanfaat!

Script Petunjuk Arah Direction Google Maps

Salahsatu fitur yang sering ada di aplikasi berbasis Google map adalah adanya fitur untuk memberi petunjuk jalan (direction) kepada pengunjung. sayangnya, banyak tutorial yang memberikan codenya cuman sepotong, dalam tutorial ini, akan saya tunjukan script lengkap yang bisa anda coba sendiri. Anda juga bisa mendowload source codenya. Tutorial ini membutuhkan PHP untuk memproses data lokasi yang dikirim oleh user.

Tampilan

berikut ini adalah tampilan dari direction Google map

Tampilan penunjuk arah dari jalan janti ke gejayan di kota yogyakarta
Tampilan penunjuk arah dari jalan janti ke gejayan di kota yogyakarta

Script Form

</pre>
<form class="form-inline" action="index.php" method="POST"><input class="input-large" type="text" name="asal" placeholder="Alamat asal" />
 <input class="input-large" type="text" name="tujuan" placeholder="Alamat Yang dituju" />

 <button class="btn btn-warning" type="submit">Rute</button></form>
<pre>
	Rute  Google maps</pre>
<div class="span8"><!--?php 	if(isset($_POST)) { 	$saddr = $_POST['asal']; 	$daddr = $_POST['tujuan']; 	include ('direction.php'); 			}?-->

Script direction Google map

var directionsService = new google.maps.DirectionsService();
     var directionsDisplay = new google.maps.DirectionsRenderer();

     var map = new google.maps.Map(document.getElementById('map'), {
       zoom:10,
       mapTypeId: google.maps.MapTypeId.ROADMAP
     });

     directionsDisplay.setMap(map);
     directionsDisplay.setPanel(document.getElementById('panel'));

     var request = {
       origin: '<!--?=$saddr;? -->',
       destination: '<!--?=$daddr;? -->',
       travelMode: google.maps.DirectionsTravelMode.DRIVING
     };

     directionsService.route(request, function(response, status) {
       if (status == google.maps.DirectionsStatus.OK) {
         directionsDisplay.setDirections(response);
       }
     });

Demo dan source code

Untuk mencoba demonya, silahkan klik disini, untuk mendownload source code lengkap klik disini.