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.
bagian ketiga mana ya lumayn nih bisa jadi referensi
BalasHapus