Aplikasi GIS Geographic Information System Berbasis Web (codeigniter) bagian II

31 Dec, 2020 | Ditulis oleh : Fadlur Rohman

Rekomendasi Kelas
Membangun Toko Online Menggunakan Laravel

Laravel adalah salah framework php dengan pengguna terbanyak. Dengan banyaknya pengguna otomatis ketika kita menghadapi error akan lebih mudah menemukan solusin...

 

Pada bagian pertama kemarin kita telah berhasil membuat skema table untuk aplikasi simpelgis. Selanjutnya adalah mendownload codeigniter versi stabil di https://codeigniter.com

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.

Untuk menyingkat waktu kita pakai template dari getbootstrap.com saja.

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 :

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.

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

class Home extends CI_Controller{

    public function __construct(){
        parent::__construct();
        //Codeigniter : Write Less Do More
    }

    function index(){
        //echo "Hai.. ini aplikasi simple gis";
        $this->load->view('homepage');
    }

}

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

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Simple Gis</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
      <div class="container text-center">
          <h1>Simple Gis</h1>
          <p>
              Berbasis codeigniter
          </p>
      </div>
  </body>
</html>

Setelah kita buat view homepage, selanjutnya kita set file routes.php supaya default controllernya menjadi Home.php. Untuk mengeditnya buka folder application/config/routes.php dan ubah menjadi seperti dibawah ini.

$route['default_controller'] = 'home';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;

sekarang kita coba akses di browser kita dengan alamat http://localhost/simpelgis

Bersambung ke bagian ketiga.

* Pertama kali DIPOSKAN PADA 




Related Post :

Restful API Menggunakan Laravel Framework

31 Dec, 2020 - Fadlur Rohman

Laravel telah dilengkapi fitur untuk membuat backend API, diantaranya:...

Sistem registrasi menggunakan codeigniter ion auth

31 Dec, 2020 - Fadlur Rohman

Sistem login untuk aplikasi simplegis sudah kita buat sebelumnya, untu...

Membuat sistem login menggunakan codeigniter ion auth

31 Dec, 2020 - Fadlur Rohman

Pada aplikasi simple gis yang kita buat, pengguna dapat mengakses hala...

Membuat Grafik Menggunakan CanvasJs

31 Dec, 2020 - Fadlur Rohman

Grafik digunakan untuk menampilkan ringkasan dari sekumpulan data, bia...

Rest Web Service Codeigniter Bagian Keempat (API KEY)

31 Dec, 2020 - Fadlur Rohman

Setelah kita membuat&nbsp;database&nbsp;untuk menyimpan data hasil mon...

Rest Web Service Codeigniter Bagian Ketiga (Database)

31 Dec, 2020 - Fadlur Rohman

Bagian Pertama Bagian Kedua Pada bagian ini kita akan mensetting konek...

Mau Bikin Aplikasi Web & Aplikasi Android?

Saya membuka jasa pembuatan aplikasi web dan android untuk aplikasi seperti toko online, monitoring (IoT), interface mesin absensi atau kasir

Silahkan kontak link di bawah ini untuk teknis dan harganya