Membuat aplikasi web menggunakan Codeigniter [part 1]

Membuat aplikasi web menggunakan Codeigniter
Membuat aplikasi web menggunakan Codeigniter

Pendahuluan
Codeigniter adalah sebuah framework yang relatif mudah untuk diimplementasikan, meskipun oleh pemula sekalipun. Karena dokumentasi yang bagus dan support yang cepat dari team mereka.

Disini penulis akan ajak anda untuk membuat sebuah aplikasi pertama menggunakan framework Codeigniter. Kita akan mengenal konsep MVC disini, dimana pemisahan antara controller, bisnis proses, dan view-nya. Oke.. mari kita mulai.

Mulai dari mana?
Pertama yang kita lakukan adalah mendapatkan source dari Codeigniter. Silahkan klik disini untuk download, dan ekstrak pada folder server lokal anda.

Jika ingin menggunakan virtual source silahkan ikuti instruksinya disini, bagi anda yang menggunakan Windows OS. Disini saya asumsikan kita gunakan host: “http://sample.fx”.

Sekarang silahkan buka file application/config/config.php. Dan pertama kita set

$config['base_url'] = 'http://sample.fx';

set index menjadi kosong, karena kita tidak ingin user melihat nama file aslinya.
$config[‘index_page’] = ”;

Sementara cukup dua konfigurasi itu saja kita rubah, karena sudah cukup untuk apa yang akan kita kerjakan sekarang. Dan sekarang kita lanjutkan melakukan konfigurasi pada file route.php pada folder yang sama. dan rubahlah:

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

Karena kita akan set default controller ke homepage. Jadi jika user mengakses base url website kita, maka user akan langsung diarahkan ke controller “homepage”. Konfigurasi sudah selesai kita kerjakan sekarang.

Mari lanjutkan dengan membuat Controller. Seperti yang sudah kita set pada default_controller di route.php maka kita akan buat controller Homepage. Buatlah file baru dan simpan di application/controller/ dan beri nama homepage.php. Didalam file tersebut masukkan kode berikut:

 

<?php
 
class Homepage extends CI_Controller{
	public function __construct(){
		parent::__construct();
	}
 
	public function index(){
		echo "Halo saya skrip menggunakan Codeigniter.";
	}
}

Dan coba anda lihat pada browser anda. Jika berhasil maka akan muncul text “Halo saya skrip menggunakan Codeigniter”. Sampai disana cukup mudah bukan? Tapi itu belumlah apa-apa, mari kita lanjutkan untuk diimplementasikan kedalam view.

Oke, silahkan buat file baru, simpan di application/view/ dan berinama sample.php. Dan masukkan kode berikut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Sample.fx - <?php echo $judul_halaman ?></title>
</head>
<body> 
 
<h1><?php echo $judul_halaman ?></h1>
<?php echo $konten ?>
</body>
</html>

Pada skrip diatas bisa kita lihat ada 2 buah variabel yaitu $judul_halaman dan $konten. Dan variable itu akan kita set melalui Controller. Mari kita balik ke file Homepage.php di application/controller, pada method index kita lakukan perubahan berikut.

public function index(){
	$data = array(
		'judul_halaman' => "Contoh halaman menggunakan codeigniter",
		'konten' => "<p>Ini adalah konten yang dibuat menggunakan controller</p>"
	);
 
	$this->load->view('sample', $data);
}

Dan silahkan preview pada browser anda. Bagaimana, cukup mudah bukan? Pada artikel berikutnya akan kita implementasikan bagian Model dari konsep MVC. Pada sesi tersebut sudah bersentuhan dengan database.

Kesimpulan
Dengan menggunakan framework codeigniter, tentunya bisa menghemat waktu dalam mengembangkan sebuah aplikasi web. Jika ada pertanyaan, kritik atau saran mengenai artikel ini silahkan tinggalkan komentar.

  • wongNdesa

    mantabs gan..thansk

  • aruhadi

    saya baru mulai belajar Ci, belajar memahami step by step, terimakasih penjelasan Anda mengena.

    • kotakorange

      ya semoga saja artikel ini bermanfaat. Kalau sekiranya membantu mohon di like di icon fb-nya di widget kanan

  • wbarstok

    saya nyoba step by step, tapi waktu saya open pake browser, kok keluarnya filenot found ya? thanks sebelumnya

    • kotakorange

      apakah anda sudah mengaktifkan url rewrite apache?
      Ci membutuhkan itu jika mau clean URL seperti yang saya gunakan pada tutorial ini.

  • Pingback: Membuat aplikasi web menggunakan Codeigniter [part 2]()

  • cahkos

    tanks gan sungguh membantu
    kunjungan balik cahkos.com

  • Thanks sob artikelnya bermanfaat, silahkan di cek sob aplikasi akunting buatan anak Indonesia yang gak kalah keren ama buatan luar di kiper.co.id

  • kiki

    Jossss manteb bener, ente ane doain masuk surga yang paling tinggi gradenya..

  • very useful and broaden,, thanks for the information …

    http://goo.gl/O0Dapv

  • bagas alif

    thanks gan.. artikelnya sangan membantu buat saya yang baru belajar CI