Fadlur: web

Tampilkan postingan dengan label web. Tampilkan semua postingan

Rabu, 30 September 2015

APLIKASI GIS GEOGRAPHIC INFORMATION SYSTEM BERBASIS CODEIGNITER bagian VII

Pada bagian ke-7 ini, aplikasi gis akan digabungkan dengan jquery dan bootstrap. Download bootstrap disini selanjutnya buat folder "assets" di dalam folder simplegis. Kemudian copas folder di dalam folder dist ke dalam folder assets tadi yang terdiri dari folder css, js, font dan img.
Buka kembali folder view, kemudian edit file "header.php" di dalam folder templates menjadi seperti ini :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Simple Gis</title>
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/bootstrap.css');?>">
    <style>
    </style>
    <script src="<?php echo base_url('assets/js/jquery-1.11.1.min.js');?>"></script>
    <script src="<?php echo base_url('assets/js/bootstrap.min.js');?>"></script>
</head>
<body>
    <div class="navbar navbar-inverse" role="navigation">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="navbar-header">
                      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-inverse-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                      </button>
                      <a class="navbar-brand" href="<?php echo site_url('admin'); ?>">GIS</a>
                    </div>
                <ul class="nav navbar-nav">
                    <li><a href="<?php echo site_url('admin/jalan') ?>">Jalan</a></li>
                    <li><a href="<?php echo site_url('admin/jembatan') ?>">Jembatan</a></li>
                    <li><a href="<?php echo site_url('admin/koordinatjalan') ?>">Koordinat Jalan</a></li>
                    <li><a href="<?php echo site_url('admin/koordinatjembatan') ?>">Koordinat Jembatan</a></li>
                </ul>
              </div>
            </div>
        </div>
    </div>
<!--content-->

Selain folder templates, edit juga file di folder admin.

jalanform.php
jembatanform.php
editjalanform.php
editjembatanform.php

Pertama edit file jalanform.php menjadi :

<div class="container">
    <div class="row">
        <div class="col-md-6 col-sm-6">
            <form action="<?php echo site_url('admin/createjalan') ?>" method="POST">
                <div class="form-group">
                    <label for="namajalan">Nama Jalan</label>
                    <input type="text" name="namajalan" class="form-control">
                </div>
                <div class="form-group">
                    <label for="keterangan">Keterangan</label>
                    <textarea name="keterangan" id="keterangan" cols="30" rows="10" class="form-control"></textarea>
                </div>
                <div class="form-group">
                    <input type="submit" value="simpan" class="btn btn-primary">
                </div>
            </form>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 col-sm-12">
            <?php if ($itemjalan->num_rows()!=null) {
                $no = 1;
                echo "<table class='table'>";
                echo "<th>No</th>";
                echo "<th>Nama Jalan</th>";
                echo "<th>Keterangan</th>";
                foreach ($itemjalan->result() as $jalan) {
                    echo "<tr>";
                    echo "<td>".$no++."</td>";
                    echo "<td>".$jalan->namajalan."</td>";
                    echo "<td>".$jalan->keterangan."</td>";
                    echo "<td><a href='".site_url('admin/editjalan')."/".$jalan->id_jalan."'>edit</a>";
                    echo " <a href='".site_url('admin/deletejalan')."/".$jalan->id_jalan."'>delete</a></td>";
                    echo "</tr>";
                }
                echo "</table>";
            } ?>
        </div>
    </div>
</div>

Kedua kita edit file "jembatanform.php" menjadi :

<div class="container">
    <div class="row">
        <div class="col-md-6 col-sm-6">
            <form action="<?php echo site_url('admin/createjembatan') ?>" method="POST">
                <div class="form-group">
                    <label for="namajembatan">Nama jembatan</label>
                    <input type="text" name="namajembatan" class="form-control">
                </div>
                <div class="form-group">
                    <label for="keterangan">Keterangan</label>
                    <textarea name="keterangan" id="keterangan" cols="30" rows="10" class="form-control"></textarea>
                </div>
                <div class="form-group">
                    <input type="submit" value="simpan" class="btn btn-primary">
                </div>
            </form>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 col-sm-12">
            <?php if ($itemjembatan->num_rows()!=null) {
                $no = 1;
                echo "<table class='table'>";
                echo "<th>No</th>";
                echo "<th>Nama jembatan</th>";
                echo "<th>Keterangan</th>";
                foreach ($itemjembatan->result() as $jembatan) {
                    echo "<tr>";
                    echo "<td>".$no++."</td>";
                    echo "<td>".$jembatan->namajembatan."</td>";
                    echo "<td>".$jembatan->keterangan."</td>";
                    echo "<td><a href='".site_url('admin/editjembatan')."/".$jembatan->id_jembatan."'>edit</a>";
                    echo " <a href='".site_url('admin/deletejembatan')."/".$jembatan->id_jembatan."'>delete</a></td>";
                    echo "</tr>";
                }
                echo "</table>";
            } ?>
        </div>
    </div>
</div>

Ketiga kita edit file "editjalanform.php" menjadi :

<div class="container">
    <div class="row">
        <div class="col-md-6 col-sm-6">
            <form action="<?php echo site_url('admin/updatejalan') ?>" method="POST">
                <?php 
                    if ($itemjalan->num_rows()!=null) {
                        foreach ($itemjalan->result() as $jalan) {
                            echo '<div class="form-group">';
                            echo '<label for="id_jalan">ID Jalan</label>';
                            echo '<input type="text" name="id_jalan" value="'.$jalan->id_jalan.'" class="form-control">';
                            echo '</div>';
                            echo '<div class="form-group">';
                            echo '<label for="namajalan">Nama Jalan</label>';
                            echo '<input type="text" name="namajalan" value="'.$jalan->namajalan.'" class="form-control">';
                            echo '</div>';
                            echo '<div class="form-group">';
                            echo '<label for="keterangan">Keterangan</label>';
                            echo '<textarea name="keterangan" id="keterangan" cols="30" rows="10" class="form-control">'.$jalan->keterangan.'</textarea>';
                            echo '</div>';
                            echo '<div class="form-group">';
                            echo '<input type="submit" value="update" class="btn btn-primary">';
                            echo '</div>';
                        }
                    }
                 ?>    
            </form>
        </div>
    </div>
</div>

Terakhir keempat kita edit file "editjembatanform.php" menjadi :

<div class="container">
    <div class="row">
        <div class="col-md-6 col-sm-6">
            <form action="<?php echo site_url('admin/updatejembatan') ?>" method="POST">
                <?php 
                    if ($itemjembatan->num_rows()!=null) {
                        foreach ($itemjembatan->result() as $jembatan) {
                            echo '<div class="form-group">';
                            echo '<label for="id_jembatan">ID Jembatan</label>';
                            echo '<input type="text" name="id_jembatan" value="'.$jembatan->id_jembatan.'" class="form-control">';
                            echo '</div>';
                            echo '<div class="form-group">';
                            echo '<label for="namajembatan">Nama Jembatan</label>';
                            echo '<input type="text" name="namajembatan" value="'.$jembatan->namajembatan.'" class="form-control">';
                            echo '</div>';
                            echo '<div class="form-group">';
                            echo '<label for="keterangan">Keterangan</label>';
                            echo '<textarea name="keterangan" id="keterangan" cols="30" rows="10" class="form-control">'.$jembatan->keterangan.'</textarea>';
                            echo '</div>';
                            echo '<div class="form-group">';
                            echo '<input type="submit" value="update" class="btn btn-primary">';
                            echo '</div>';
                        }
                    }
                 ?>    
            </form>
        </div>
    </div>
</div>

Sehingga saat kita akses dibrowser http://localhost/simplegis tampilannya akan berusah menjadi seperti ini.

Sabtu, 23 Mei 2015

APLIKASI GIS GEOGRAPHIC INFORMATION SYSTEM BERBASIS WEB (codeigniter) bagian VI

Pada bagian ini, kita fokus pada function jembatan(). Isinya hampir sama dengan function jalan() yang kita bahas sebelumnya. langsung aja, bikin file jembatanform.php di dalam folder 'view/admin'.

Script jembatanform.php.

<form action="<?php echo site_url('admin/createjembatan') ?>" method="POST">
 <table>
  <tr>
   <td><label for="namajembatan">Nama jembatan</label></td>
   <td><input type="text" name="namajembatan"></td>
  </tr>
  <tr>
   <td><label for="keterangan">Keterangan</label></td>
   <td><textarea name="keterangan" id="keterangan" cols="30" rows="10"></textarea></td>
  </tr>
  <tr>
   <td><input type="submit" value="simpan"></td>
  </tr>
 </table>
</form>
<?php if ($itemjembatan->num_rows()!=null) {
 $no = 1;
 echo "<table>";
 echo "<th>No</th>";
 echo "<th>Nama jembatan</th>";
 echo "<th>Keterangan</th>";
 foreach ($itemjembatan->result() as $jembatan) {
  echo "<tr>";
  echo "<td>".$no++."</td>";
  echo "<td>".$jembatan->namajembatan."</td>";
  echo "<td>".$jembatan->keterangan."</td>";
  echo "<td><a href='".site_url('admin/editjembatan')."/".$jembatan->id_jembatan."'>edit</a>";
  echo " <a href='".site_url('admin/deletejembatan')."/".$jembatan->id_jembatan."'>delete</a></td>";
  echo "</tr>";
 }
 echo "</table>";
} ?>

Selanjutnya kita coba dengan membuka di browser dengan alamat "http://localhost/simplegis/index.php/admin/jembatan".

Bersambung ke bagian selanjutnya, bikin form untuk mengambil latitude dan longitude dari google map.

APLIKASI GIS GEOGRAPHIC INFORMATION SYSTEM BERBASIS WEB (codeigniter) bagian V

Postingan pindah ke www.fadlur.com
Pada bagian kelima ini kita akan fokus pada CRUD bagian jalan. pertama kita liat function jalan().

public function jalan(){
  $data = array('content' => 'admin/jalanform',
   'itemjalan'=>$this->model_jalan->getAll());
  $this->load->view('templates/template', $data, FALSE);
 }

Di dalam function jalan() ada array bernama "$data", di dalam array terdapat 'content' dan 'itemjalan'.

Content adalah variable yang akan kita gunakan untuk memanggil view (bagian dari MVC). View adalah bagian yang akan dilihat oleh pengunjung website. Di aplikasi gis ini, kita akan membuat 3 folder di dalam view yaitu folder "admin", "home", "templates". Folder admin akan kita gunakan untuk menampung file view yang akan kita panggil menggunakan Controller admin, sedangkan folder templates akan digunakan sebagai tempat menampung file header.php, footer.php dan template.php

Pertama kita akan membuat 3 file di dalam folder templates dulu, header.php, footer.php dan template.php.

Isi file header.php

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Simple Gis</title>
</head>
<body>
 <table>
  <tr>
   <td><a href='<?php echo site_url("admin/jalan") ?>'>jalan</a></td>
   <td><a href='<?php echo site_url("admin/jembatan") ?>'>jembatan</a></td>
  </tr>
 </table>
<!--content-->

File view yang kita buat cukup sederhana, cukup menggunakan table untuk layout tampilan.

selajutnya adalah file footer.php

<!--end content-->
</body>
</html>

Dan terakhir adalah template.php

<?php
 $this->load->view('templates/header');
 $this->load->view($content);
 $this->load->view('templates/footer');
?>

Balik lagi ke function jalan(), intinya di dalam function jalan, kita hanya akan memanggil view dengan nama jalanform.php di dalam folder admin. Selain itu kita juga memasukkan seluruh data table jalan dengan nama variable, "itemjalan".

Script jalanform.php.

<form action="<?php echo site_url('admin/createjalan') ?>" method="POST">
 <table>
  <tr>
   <td><label for="namajalan">Nama Jalan</label></td>
   <td><input type="text" name="namajalan"></td>
  </tr>
  <tr>
   <td><label for="keterangan">Keterangan</label></td>
   <td><textarea name="keterangan" id="keterangan" cols="30" rows="10"></textarea></td>
  </tr>
  <tr>
   <td><input type="submit" value="simpan"></td>
  </tr>
 </table>
</form>
<?php if ($itemjalan->num_rows()!=null) {
 $no = 1;
 echo "<table>";
 echo "<th>No</th>";
 echo "<th>Nama Jalan</th>";
 echo "<th>Keterangan</th>";
 foreach ($itemjalan->result() as $jalan) {
  echo "<tr>";
  echo "<td>".$no++."</td>";
  echo "<td>".$jalan->namajalan."</td>";
  echo "<td>".$jalan->keterangan."</td>";
  echo "<td><a href='".site_url('admin/editjalan')."/".$jalan->id_jalan."'>edit</a>";
  echo " <a href='".site_url('admin/deletejalan')."/".$jalan->id_jalan."'>delete</a></td>";
  echo "</tr>";
 }
 echo "</table>";
} ?>

Sekarang coba panggil dengan browser "http://localhost/simplegis/index.php/admin/jalan".

Bersambung ke bagian CRUD jembatan.

Jumat, 22 Mei 2015

APLIKASI GIS GEOGRAPHIC INFORMATION SYSTEM BERBASIS WEB (codeigniter) bagian IV

Postingan pindah ke www.fadlur.com

Pada bagian keempat ini, bagian yang akan kita buat adalah bagian controller. Controller di Codeigniter adalah sebuah class yang berisi function yang digunakan sebagai alamat uri. Kurang lebih seperti itu. lebih jelasnya baca sendiri di user_guide di dalam folder codeigniter hasil download.

Controller yang akan kita buat pertama kali adalah controller dengan nama admin.php. Buat file ini di folder Application/controller dengan nama admin.php. Agar tidak membingungkan pada tahap awal, file admin.php akan kita isi sebagai function yang kita gunakan sebagai CRUD (Create, Read, Update dan Delete) data jalan dan jembatan.

Isi file admin.php adalah sebagai berikut :

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Admin extends CI_Controller {

 public function __construct()
 {
  parent::__construct();
  $this->load->model('model_jalan');
  $this->load->model('model_jembatan');
  $this->load->model('model_koordinatjalan');
  $this->load->model('model_koordinatjembatan');
 }
 public function index()
 {
  $this->jalan();
 }
 //crud jalan
 public function jalan(){
  $data = array('content' => 'admin/jalanform',
   'itemjalan'=>$this->model_jalan->getAll());
  $this->load->view('templates/template', $data, FALSE);
 }
 public function createjalan(){
  if ($this->model_jalan->create()) {
   redirect('admin/jalan');
  }else{
   redirect('admin/jalan');
  }
 }
 public function editjalan(){
  $data = array('content' => 'admin/editjalanform',
   'itemjalan'=>$this->model_jalan->read($this->uri->segment(3)));
  $this->load->view('templates/template', $data, FALSE);
 }
 public function updatejalan(){
  if ($this->model_jalan->update()) {
   redirect('admin/jalan');
  }else{
   redirect('admin/jalan');
  }
 }
 public function deletejalan(){
  if ($this->model_jalan->delete()) {
   redirect('admin/jalan');
  }else{
   redirect('admin/jalan');
  }
 }
 //end crud jalan
 //crud jembatan
 public function jembatan(){
  $data = array('content' => 'admin/jembatanform',
   'itemjembatan'=>$this->model_jembatan->getAll());
  $this->load->view('templates/template', $data, FALSE);
 }
 public function createjembatan(){
  if ($this->model_jembatan->create()) {
   redirect('admin/jembatan');
  }else{
   redirect('admin/jembatan');
  }
 }
 public function editjembatan(){
  $data = array('content' => 'admin/editjembatanform',
   'itemjembatan'=>$this->model_jembatan->read($this->uri->segment(3)));
  $this->load->view('templates/template', $data, FALSE);
 }
 public function updatejembatan(){
  if ($this->model_jembatan->update()) {
   redirect('admin/jembatan');
  }else{
   redirect('admin/jembatan');
  }
 }
 public function deletejembatan(){
  if ($this->model_jembatan->delete()) {
   redirect('admin/jembatan');
  }else{
   redirect('admin/jembatan');
  }
 }
 //end crud jembatan

}

/* End of file admin.php */
/* Location: ./application/controllers/admin.php */

setelah file admin.php kita buat, selanjutnya akan kita bedah satu-satu dari masing-masing function. Pada bagian pertama adalah CRUD untuk jalan. Untuk CRUD jalan terdiri dari 5 function yaitu, public function jalan(), public function createjalan(), public function editjalan(), public function updatejalan(), public function deletejalan().

Sedangkan pada bagian kedua, adalah CRUD untuk jembatan. Untuk CRUD jembatan juga terdiri dari 5 function yaitu, public function jembatan(), public function createjembatan(), public function editjembatan(), public function updatejembatan(), public function deletejembatan().

Penjelasan masing-masing function akan kita bahas di bagian selanjutnya, terima kasih. semoga bermanfaat dan berkah. :D

Jumat, 17 April 2015

APLIKASI GIS GEOGRAPHIC INFORMATION SYSTEM BERBASIS WEB (codeigniter) bagian III

Postingan pindah ke www.fadlur.com

Pada bagian ketiga ini akan kita akan membuat model untuk masing-masing table pada database simplegis.

model adalah "class" yang akan kita buat untuk transaksi dengan masing-masing table pada database. Pada database simplegis ada 5 table, yaitu table jembatan, jalan, koordinatjalan, koordinatjembatan, dan juga table user.

pertama kita akan membuat model untuk table user. prinsipnya adalah kita membuat untuk transaksi CRUD (CREATE, READ, UPDATE, DELETE). Scriptnya adalah sebagai berikut :

Sebelumnya, kita buat semua file model di folder /application/model.

nama filenya model_user.php.

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Model_user extends CI_Model {

 public function create(){
  $data = array('username' => $this->input->post('username'),
   'password'=>md5($this->input->post('password')));//password kita menggunakan enkripsi md5
  $query = $this->db->insert('user', $data);
  return $query;
 }
 public function getAll(){
  $query = $this->db->get('user');//mengambil semua data user
  return $query;
 }
 public function read($id){
  $this->db->where('id_user', $id);//mengambil data user berdasarkan id_user
  $query = $this->db->get('user');
  return $query;
 }
 public function update(){
  $data = array('username'=>$this->input->post('username'),
   'password'=>md5($this->input->post('password')));
  $this->db->where('id_user', $this->input->post('id_user'));//mengupdate berdasarkan id_user
  $query = $this->db->update('user', $data);
  return $query;
 }
 public function delete(){
  $this->db->where('id_user', $this->input->post('id_user'));//menghapus berdasarkan id_user
  $query = $this->db->delete('user');
  return $query;
 }

}

/* End of file model_user.php */
/* Location: ./application/models/model_user.php */

Selanjutnya adalah model untuk table jalan,nama filenya kita kasih nama model_jalan.php.

Scriptnya adalah sebagai berikut :

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Model_jalan extends CI_Model {

 public function create(){
  $data = array('namajalan' => $this->input->post('namajalan'),
   'keterangan'=>$this->input->post('keterangan'));
  $query = $this->db->insert('jalan', $data);
  return $query;
 }
 public function getAll(){
  $query = $this->db->get('jalan');//mengambil semua data jalan
  return $query;
 }
 public function read($id){
  $this->db->where('id_jalan', $id);//mengambil data jalan berdasarkan id_jalan
  $query = $this->db->get('jalan');
  return $query;
 }
 public function update(){
  $data = array('namajalan'=>$this->input->post('namajalan'),
   'keterangan'=>$this->input->post('keterangan'));
  $this->db->where('id_jalan', $this->input->post('id_jalan'));//mengupdate berdasarkan id_jalan
  $query = $this->db->update('jalan', $data);
  return $query;
 }
 public function delete(){
  $this->db->where('id_jalan', $this->input->post('id_jalan'));//menghapus berdasarkan id_jalan
  $query = $this->db->delete('jalan');
  return $query;
 }

}

/* End of file model_jalan.php */
/* Location: ./application/models/model_jalan.php */

selanjutnya adalah model untuk table jembatan, kita kasih nama model_jembatan.php, Scriptnya adalah sebagai berikut :

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Model_jembatan extends CI_Model {

 public function create(){
  $data = array('namajembatan' => $this->input->post('namajembatan'),
   'keterangan'=>$this->input->post('keterangan'));
  $query = $this->db->insert('jembatan', $data);
  return $query;
 }
 public function getAll(){
  $query = $this->db->get('jembatan');//mengambil semua data jembatan
  return $query;
 }
 public function read($id){
  $this->db->where('id_jembatan', $id);//mengambil data jembatan berdasarkan id_jembatan
  $query = $this->db->get('jembatan');
  return $query;
 }
 public function update(){
  $data = array('namajembatan'=>$this->input->post('namajembatan'),
   'keterangan'=>$this->input->post('keterangan'));
  $this->db->where('id_jembatan', $this->input->post('id_jembatan'));//mengupdate berdasarkan id_jembatan
  $query = $this->db->update('jembatan', $data);
  return $query;
 }
 public function delete(){
  $this->db->where('id_jembatan', $this->input->post('id_jembatan'));//menghapus berdasarkan id_jembatan
  $query = $this->db->delete('jembatan');
  return $query;
 }

}

/* End of file model_jembatan.php */
/* Location: ./application/models/model_jembatan.php */

Selanjutnya kita akan membuat model untuk table koordinatjalan, filenya kita kasih nama model_koordinatjalan.php. Scriptnya adalah sebagai berikut :

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Model_koordinatjalan extends CI_Model {

 public function create(){
  $data = array('id_jalan' => $this->input->post('id_jalan'),
   'latitude'=>$this->input->post('latitude'),
   'longitude'=>$this->input->post('longitude'));
  $query = $this->db->insert('koordinatjalan', $data);
  return $query;
 }
 public function getAll(){
  $query = $this->db->get('koordinatjalan');//mengambil semua data koordinat jalan
  return $query;
 }
 public function read($id){
  $this->db->where('id_koordinatjalan', $id);//mengambil data koordinat jalan berdasarkan id_koordinatjalan
  $query = $this->db->get('koordinatjalan');
  return $query;
 }
 public function update(){
  $data = array('id_jalan'=>$this->input->post('id_jalan'),
   'latitude'=>$this->input->post('latitude'),
   'longitude'=>$this->input->post('longitude'));
  $this->db->where('id_koordinatjalan', $this->input->post('id_koordinatjalan'));//mengupdate berdasarkan id_koordinatjalan
  $query = $this->db->update('koordinatjalan', $data);
  return $query;
 }
 public function delete(){
  $this->db->where('id_koordinatjalan', $this->input->post('id_koordinatjalan'));//menghapus berdasarkan id_koordinatjalan
  $query = $this->db->delete('koordinatjalan');
  return $query;
 }

}

/* End of file model_koordinatjalan.php */
/* Location: ./application/models/model_koordinatjalan.php */

Terakhir kita akan membuat model table koordinatjembatan, kita kasih nama model_koordinatjembatan.php. Scriptnya adalah sebagai berikut :

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Model_koordinatjembatan extends CI_Model {

 public function create(){
  $data = array('id_jembatan' => $this->input->post('id_jembatan'),
   'latitude'=>$this->input->post('latitude'),
   'longitude'=>$this->input->post('longitude'));
  $query = $this->db->insert('koordinatjembatan', $data);
  return $query;
 }
 public function getAll(){
  $query = $this->db->get('koordinatjembatan');//mengambil semua data koordinat jembatan
  return $query;
 }
 public function read($id){
  $this->db->where('id_koordinatjembatan', $id);//mengambil data koordinat jembatan berdasarkan id_koordinatjembatan
  $query = $this->db->get('koordinatjembatan');
  return $query;
 }
 public function update(){
  $data = array('id_jembatan'=>$this->input->post('id_jembatan'),
   'latitude'=>$this->input->post('latitude'),
   'longitude'=>$this->input->post('longitude'));
  $this->db->where('id_koordinatjembatan', $this->input->post('id_koordinatjembatan'));//mengupdate berdasarkan id_koordinatjembatan
  $query = $this->db->update('koordinatjembatan', $data);
  return $query;
 }
 public function delete(){
  $this->db->where('id_koordinatjembatan', $this->input->post('id_koordinatjembatan'));//menghapus berdasarkan id_koordinatjembatan
  $query = $this->db->delete('koordinatjembatan');
  return $query;
 }

}

/* End of file model_koordinatjembatan.php */
/* Location: ./application/models/model_koordinatjembatan.php */

Cukup sekian pada bagian ketiga ini, selanjutnya kita akan membahas tentang Controller. :D

Selasa, 25 November 2014

APLIKASI GIS GEOGRAPHIC INFORMATION SYSTEM BERBASIS WEB (codeigniter) bagian II

Baca dulu bagian pertama.

Pada bagian pertama kemarin kita telah berhasil membuat skema table untuk aplikasi simpelgis. Selanjutnya adalah mendownload codeigniter versi stabil di https://github.com/bcit-ci/CodeIgniter/archive/2.2-stable.zip.

Setelah selesai mendownload kita extract dan copy paste di folder server lokal. Untuk yang memakai xampp bisa di copy paste ke folder /htdocs dan yang memakai appserv bisa di copy paste ke folder /www dan folder yang telah di copas kita rename menjadi “simpelgis”.

Struktur foldernya.

Untuk mengetesnya kita coba buka dibrowser dengan mengetikkan alamat http://localhost/simpelgis. Pastikan tampilan di browser kita seperti gambar berikut.

localhost/simpelgis

Selanjutnya kita kita buat folder “assets” persis di dalam folder “simpelgis”. Selanjutnya kita download file css di bootstrap. Setelah selesai copy folder “css” dan “js” ke folder “assets” yang telah kita buat tadi. Jangan lupa download juga file jquery di http://code.jquery.com/jquery-1.11.1.min.js. Simpan file jquery ke folder “assets/js” tadi.

Struktur aplikasi simpelgis sudah siap, file-file pendukung sudah berada di folder masing-masing. Sekarang kita bisa memulai pengerjaan aplikasinya. Pada codeigniter website kita menggunakan konsep MVC yaitu Model, Controller dan View. Secara singkat dapat di jabarkan sebagi berikut :

Model adalah representasi struktur data anda. Biasanya berisi fungsi yang membantu untuk CRUD (Create Read Update Delete).
Controller adalah penghubung antara view dengan model dan juga file pendukung lainnya untuk memproses HTTP request dan menampilkan halaman web.
View adalah informasi yang disajikan kepada user. View biasanya berisi halaman web, tapi di codeigniter view juga bisa berisi fragmen seperti header atau footer.

Skemanya kurang lebih seperti berikut ini :

App flowchart

sebagai contoh sekarang kita coba membuat satu file di folder “simpelgis/application/controller” dengan nama “home.php” dan satu file di folder “simpelgis/application/view” dengan nama “homepage.php”.

Sebagai editornya kita bisa memakai notepad++, dreamweaver atau juga sublimetext.

Script file controllernya (home.php) seperti berikut :

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Home extends CI_Controller {

 public function index()
 {
  $this->load->view('homepage');
 }

}

/* End of file home.php */
/* Location: ./application/controllers/home.php */

dan untuk file viewnya (homepage.php) kita sebagai berikut :

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Simple GIS</title>
</head>
<body>
 <h1>Simple Gis</h1>
</body>
</html>

sekarang kita coba akses di browser kita dengan alamat http://localhost/simpelgis/index.php/home. Dan tampilan akan seperti gambar berikut.

localhost/simpelgis/index.php/home

Bersambung ke bagian ketiga.

Senin, 24 November 2014

Aplikasi GIS Geographic Information system berbasis web (codeigniter) - bagian I

Postingan dipindah ke www.fadlur.com :D

GIS atau Geographic Information System dalam bahasa Indonesia dapat diartikan sebagai sistem informasi geografis adalah sistem informasi khusus yang mengelola data yang memiliki informasi spasial (bereferensi keruangan). Atau dalam arti yang lebih sempit, adalah sistem informasi yang memiliki kemampuan untuk membangun, menyimpan, mengelola dan menampilkan informasi berefrensi geografis, misalnya data yang diidentifikasi menurut lokasinya, dalam sebuah database. Para praktisi juga memasukkan orang yang membangun dan mengoperasikannya dan data sebagai bagian dari sistem ini. (sumber: http://id.wikipedia.org/wiki/Sistem_informasi_geografis).

Pada umumnya aplikasi GIS dibangun menggunakan aplikasi berbasis desktop semacam VB atau Delphi. Sekarang kita akan mencoba membuat aplikasi GIS berbasis web. Sebelumnya di komputer kita harus sudah terinstall aplikasi Apache Mysql dan PHP, mungkin bagi yang terbiasa menggunakan windows bisa langsung menginstall XAMPP (https://www.apachefriends.org/index.html) atau APPSERV (http://www.appservnetwork.com) sebagai server lokalnya.

Selanjutnya yang kita butuhkan adalah :

CodeIgniter (https://ellislab.com/codeigniter) adalah php framework yang akan kita gunakan untuk membuat webnya (bahasa gampannya).
Getbootstrap (http://getbootstrap.com) adalah css framework yang akan kita gunakan untuk membuat tampilan web kita tadi menjadi lebih menarik.
Jquery (http://jquery.com) adalah javascript framework untuk membuat tampilan web kita menjadi lebih dinamis.
Google map (https://developers.google.com/maps/) untuk menampilkan peta yang akan kita buat.

Oke, sekarang kita sudah mempunyai semua yang kita butuhkan untuk membuat aplikasi GIS sederhana. Biar lebih jelas, kita akan khususkan aplikasi yang kita buat hanya untuk memetakan jalan dan jembatan. Untuk jalan kita akan menggunakan polyline (ref : https://developers.google.com/maps/documentation/javascript/examples/polyline-simple) dan jembatan kita akan menggunakan marker (ref :https://developers.google.com/maps/documentation/javascript/markers) dari google map.

Pada aplikasi yang akan kita buat akan ada beberapa halaman, pada intinya dibagi menjadi 2 bagian yaitu bagian user dan bagian admin. Bagian user adalah bagian halaman yang akan menampilkan data yang tersimpan di database dan bagian admin adalah bagian halaman yang akan digunakan untuk mengolah lokasi yang akan disimpan di database.

Batasan masalah sudah jelas, semua yang dibutuhkan sudah didownload kecuali google mapnya. Sekarang langsung kita rancang aplikasi kita. Pertama kita buat databasenya dan juga tabel-tabelnya. Sebagai contoh kita buat database dengan nama “simpelgis” seperti pada gambar.

Selanjutnya adalah membuat tabel, yang dibutuhkan diantaranya :

Table user.
Table jalan
Table jembatan
Table koordinatjalan
Table koordinatjembatan

Struktur tabelnya dapat dilihat pada gambar di bawah.

Langkah pertama sudah selesai, langkah selanjutnya akan dijelaskan pada bagian kedua.