Blog Yaya Wihardi

Pada postingan ini sebagai kelanjutan dari postingan sebelumnya, akan dibahas sedikit tentang View.

View merupakan template tampilan yang digunakan untuk menampilkan/merender hasil pemrosesan data. Adapun beberapa hal yang perlu diperhatikan dalam pembuatannya yaitu:

1. File view ditempatkan pada direktori: system/application/views.
2. File view dapat dikelompokan ke dalam subfolder-subfolder di dalam “system/application/views”
3. Gunakan huruf kecil untuk penamaan file view. Jika nama file controller lebih dari satu kata, gunakan underscore ( _ ) untuk memisahkan setiap kata tersebut.
4. Untuk mengirim data dari controller ke view gunakan sebuah array yang menampung index NAMA_VARIABLE_DI_VIEW dan valuenya:

   $PARAMETER_DATA[NAMA_VARIABLE_DI_VIEW] = VALUE_NYA;

   Semua index dalam $PARAMETER_DATA akan diubah menjadi variable di bagian view.

5. Untuk meload view dari sebuah controller, gunakan syntax.

   $this->load->view(NAMA_FILE _VIEW, $PARAMETER_DATA);

Time For Action 3

1. Buatlah file index_produk.php di “system/application/views”, dengan isi sebagai berikut:

<h1>Detail Produk</h1><br>
ID = <?php echo $id ?><br>
Produk = <?php echo $nama_produk ?> <br>
Harga = Rp <?php echo $harga ?> <br>
Status = <?php echo $status ?> <br>
Kategori = <?php echo $kategori ?> <br>
Tag = <?php echo implode(“,”,$tag) ?>

2. Ubah kembali isi file controller di system/application/controller/produk.php, menjadi:

<?php
class Produk extends Controller {

function index(){
//Membuat array data untuk dikirim ke view

$data[“id”]	= 10001;
$data[“nama_produk”] = “Indomie Goreng ”;
$data[“harga”] = 1500;
$data[“status”] = “Tersedia”;
$data[“kategori”]	= “Makanan”;
$data[“tag”] = array(“Mie”, “Fastfood”);

//Me-load view
$this->load->view(“index_produk”, $data);
}
}
?>

3.Coba kunjungi kembali alamat berikut: localhost/toko/index.php/produk/index, apa yang anda dapatkan?

Time For Action 4

Sekarang mari kita coba membuat form input untuk data produk tersebut.

1. Ubah kembali isi file controller di system/application/controller/produk.php, menjadi:

<?php
class Produk extends Controller {

function index(){
//Membuat array data untuk dikirim ke view

$data[“id”] 		= $_POST[“id”];
$data[“nama_produk”] 	= $_POST[“nama_produk”];
$data[“harga”]	 	= $_POST[“harga”];
$data[“status”]		= $_POST[“status”];
$data[“kategori”]		= $_POST[“kategori”];
$data[“tag”]		= $_POST[“tag”];

//Me-load view
$this->load->view(“index_produk”, $data);
}

function input(){
//Meload view form input
$this->load->view(“input”);

}

}
?>

2.Buatlah file input.php di “system/application/views”, dengan isi sebagai berikut:

<h1>Input Produk</h1><br>
<form method=”POST” action=”index”>
<input type=”hidden” name=”id” value=”10001”/>
Nama Produk: <input type=”text” name=”nama_produk”/><br>
Harga: Rp <input type=”text”  name=”harga”/><br>
Status Persediaan:
<input type=”radio” name=”status” value=”Tersedia”/>Tersedia
<input type=”radio” name=”status” value=”Habis”/>Habis<br>
Kategori:
<select name=”kategori”>
<option value=”Makanan”>Makanan</option>
<option value=”Minuman”>Minuman</option>
<option value=”Pakaian”>Pakaian</option>
<option value=”Lainnya”>Lainnya</option>
</select><br>
<input type=”checkbox” name=”tag” value=”Mie”/>Mie
<input type=”checkbox” name=”tag” value=”Fast Food”/>Fast Food
<input type=”checkbox” name=”tag” value=”Soft Drink”/>Soft Drink
<input type=”checkbox” name=”tag” value=”Bumbu”/>Bumbu
<br>
<input type=”submit” value=”simpan”/>
</form>

3.Silahkan buka dengan alamat: localhost/took/index.php/produk/input

Tambahan

Lalu coba kunjungi kembali localhost/toko. Apa yang terjadi? Masih menampilkan halaman welcome bukan?

Untuk menjadikan form input sebagai halaman utama default aplikasi kita, maka silahkan ikuti langkah berikut:

1.Buka file system/application/config/routes.php, kemudian cari baris berikut:

$route['default_controller'] = "welcome";

Kemudian ubah menjadi:

$route['default_controller'] = "produk/input";

2. Kemudian coba kunjungi kembali localhost/toko. Apa yang terjadi??

Mudah-mudahan bermanfaat,,
Smangat ya,,,

Model-View-Controller (MVC) adalah sebuah pendekatan arsitektur pengembangan perangkat lunak yang memisahkan model data, antarmuka pengguna, dan logika kontrol sebagai tiga komponen yang berbeda, sehingga pemodifikasian komponen tersebut menjadi lebih mudah. Hal ini juga dimaksudkan agar dapat menghindari terjadinya spagetti code. Adapun penjabarannya yaitu:

Model merepresentasikan struktur data yang dibangun. Umumnya kelas model berisi fungsi-fungsi yang membantu developer untuk mengelola, memasukkan, dan mengupdate informasi dalam database.

View adalah informasi yang disajikan untuk user, berupa tampilan atau user interface. View umumnya adalah tampilan sebuah halaman web itu sendiri, tetapi dapat juga menjadi bagian-bagian atau penggalan-penggalan halaman seperti header atau footer.

Controller bertugas sebagai penghubung antara Model, View, dan beberapa resource lainnya yang dibutuhkan untuk memproses HTTP request dan unuk men-generate sebuah halaman web. Controller biasanya berisi logic utama aplikasi atau proses bisnis.

Model Arsitektur MVC