Aplikasi GIS Geographic Information System Berbasis Web (codeigniter) bagian II
31 Dec, 2020 | Ditulis oleh : Fadlur Rohman
Rekomendasi Kelas
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.
Related Post :
22 Jan, 2021 - Fadlur Rohman
Laravel 8 menyediakan sistem authentication untuk SPA (single page app...
31 Dec, 2020 - Fadlur Rohman
Laravel telah dilengkapi fitur untuk membuat backend API, diantaranya:...
31 Dec, 2020 - Fadlur Rohman
Sistem login untuk aplikasi simplegis sudah kita buat sebelumnya, untu...
31 Dec, 2020 - Fadlur Rohman
Pada aplikasi simple gis yang kita buat, pengguna dapat mengakses hala...
31 Dec, 2020 - Fadlur Rohman
Grafik digunakan untuk menampilkan ringkasan dari sekumpulan data, bia...
31 Dec, 2020 - Fadlur Rohman
Setelah kita membuat database untuk menyimpan data hasil mon...
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
