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,,,

Melanjutkan postingan saya sebelumnya kali ini, akan saya perkenalkan sedikit tentang Controller.

Controller merupakan tempat melakukan pemrosesan data dan proses bisnis. Semua yang berkaitan dengan Logic aplikasi, ditempakan pada bagian controller. Terdapat beberapa hal yang perlu diperhatikan dalam penulisan atau pembuatan controller, yaitu:

1. File controller ditempatkan pada direktori: system/application/controller.
2. Nama file controller harus sama dengan nama Class controller yang akan kita buat dan berekstensi .php.
3. Gunakan huruf kecil untuk penamaan file controller. Jika nama file controller lebih dari satu kata, gunakan underscore ( _ ) untuk memisahkan setiap kata tersebut.
4. Gunakan awalan huruf besar untuk penamaan class controller. Jika nama class controller lebih dari satu kata, maka gunakan huruf capital pada setiap huruf awal kata.
5. Selalu tambahkan “extends Controller” pada setiap controller yang dibuat, supaya mewarisi karakteristik CI Controller.

Time For Action 1

Buatlah file “produk.php” di “system/application/controller”, dengan isi sebagai berikut:

<?php
class Produk extends Controller {

function index(){
echo ‘ini Produk!';
}
}
?>

Coba akses controller tersebut dengan alamat: localhost/toko/index.php/produk/index. Jika menampilan halaman “ini produk”, maka anda sudah berhasil membuat sebuah controller produk.

Time For Action 2

1. Buka kembali controller produk.php, kemudian pada function index, isinya diganti menjadi:

   <?php
   class Produk extends Controller {
   
   function index(){
   $id = 10001;
   $nama_produk = “Indomie Goreng ”;
   $harga = 1500;
   $status = “Tersedia”;
   $kategori = “Makanan”;
   $tag = array(“Mie”, “Fastfood”);
   
   echo “ID = $id”;
   echo “Produk = $nama_produk”;
   echo “Harga = Rp $harga”;
   echo “Status = $status”;
   echo “Kategori = $kategori”;
   echo “Tag = “.implode(“,”,$tag);
   
   }
   }
   ?>
   

2. Keterangan: Fungsi implode digunakan untuk menggabungkan komponen array menjadi string dengan pemisah tertentu.
3. Lalu coba akses kembali halaman tersebut dengan alamat:
   Localhost/toko/index.php/produk/index

.

Jika berhasil maka akan muncul detail data produk.

Berbeda dengan framework-framework sejenis lainnya, CodeIgniter (CI) sangatlah mudah untuk diinstal. Adapun langkahnya, yaitu sebagai berikut:

1. Download master CodeIgniter di sini
2. Ekstrak file hasil download (“CodeIgniter_1.7.3.zip” atau yang terbaru) di webroot atau htdocs
3. Rename direktori hasil ekstraksi pada point 2, menjadi direktori applikasi yang akan dibuat, dalam hal ini “toko”.
4. Finish

Nah, untuk mulai dapat bekerja, diperlukan mengubah Konfigurasi Base_URL, caranya:

1. Buka file “system/application/config/config.php”, dan cari kode berikut:

   $config['base_url']	= "http://example.com/";

2. Ubah konfigurasi tersebut sesuai applikasi yang akan kita buat, dengan format : “http://[NAMA_SERVER]/[NAMA_DIREKTORI_APLIKASI]/.”
   Sesuai dengan setting aplikasi yang kita buat, maka konfigurasinya adalah:

   $config['base_url']	= “http://localhost/toko/”;

3. Jangan lupa di-save

Sampai tahap ini proses konfigurasi BASE_URL untuk CodeIgniter telah selesai dilakukan. Untuk memastikan, silahkan buka browser dan kunjungi alamat: http://localhost/toko. Jika halaman browser menampilkan halaman “Welcome to CodeIgniter!”, maka proses yang dilakukan telah berhasil.

Ok, sekarang proses pengembangan aplikasi telah siap dimulai.