Pembuatan Situs Menggunakan Framework Codeigniter

1. Instalasi Code Igniter

Karena berupa folder php, maka instalasi Code Igniter, cukup dengan mengekstrak file kompresi yang di dapat dari situs www.codeigniter.com dan menempatkannya di dalam folder directory web server anda. Kemudian edit file config.php yang ada di application/config/config.php dan set base URL anda, misal : http://localhost/ci. Kami menggunakan database, edit file database.php yang ada di application/config/database.php. Setting database di file tsb. Setelah di lakukan instalasi dan setting, dilakukan test Code Igniter dengan membuka browser anda dan mengetikkan url yang anda taruh di file config.php di atas, misal : http://localhost/ci. Jika muncul halaman welcome ala Code Igniter, maka Code Igniter telah siap di gunakan.

Buka file system/application/config/config.php. Di file inilah konfigurasi dasar CodeIgniter disimpan. Yang perlu dirubah untuk instalasi awal ini adalah pada bagian base URL.

$config['base_url'] = "www.your-site.com";

Pada bagian www.your-site.com ganti dengan url. Karena kami hanya

mencoba di localhost dengan nama folder ci, maka base URL nya kami ganti

menjadi :

$config['base_url'] = "http://localhost/aaacodeiginter/";

Base URL adalah URL default dari website yang kami buat, secara default URL

tersebut akan selalu digunakan untuk pembuatan link di halaman website.

File konfigurasi untuk basis data terdapat didalam direktori

system/application/config dengan nama file database.php.

$db['default']['hostname'] = "localhost";

$db['default']['username'] =”[“nama_user]”;

$db['default']['password'] = "[password]";

$db['default']['database'] = "[nama_database]";

$db['default']['dbdriver'] = "[nama_basisdata]";

2. Penjelasan function-function pada file model, view dan controller

1. Membuat template

-       Membuat library template pada folder application/libraries yang berisi

<?php

class Template {

            protected $_ci;

            function __construct()

            {

                        $this->_ci =&get_instance();

            }

            function display($template,$data=null)

            {

                        $data['_content']=$this->_ci->load->view(

                        $template,$data, true);

                        $data['_header']=$this->_ci->load->view(

                        'template/header',$data, true);

                        $data['_top_menu']=$this->_ci->load->view(

                        'template/menu',$data, true);

                        $data['_right_menu']=$this->_ci->load->view(

                        'template/sidebar',$data, true);

                        $this->_ci->load->view('/template.php',$data);

            }

}

                       

Terdapat fungsi display, disana ada parameter template dan data. Parameter data berfungsi sebagai data yang akan dikirimkan ke ke controller sedangkan template adalah view yang akan menampilkan konten utama.

-       Menyiapkan file view header, menu dan sidebar yang diletakkan di folder application/views/template yang akan dibaca oleh library template yang kita buat tadi.

-       Membuat file css pada folder public dengan nama style.css yang digunakan menampilkan desain dari file-file view yang kita buat tadi.

-       Membuat controller welcome pada folder application/controller

Terdapat fungsi construct yang akan langsung menjalankan file library yang kita buat tadi, lalu ada function index yang akan menampilkan view welcome_message.

<?php if (! defined('BASEPATH')) exit('No direct script access allowed');

class Welcome extends CI_Controller {

           

            function __construct()

            {

                        parent::__construct();

                        $this->load->library('template');

                        $this->load->helper('url');

            }

            function index()

            {

                        $this->template->display('welcome_message');

            }

            function contoh_parameter()

            {

                        $this->template->display('view_parameter',

                        array('judul'=>'judul View'));

            }

}

/* end of welcome.php */

/* location : controllers/welcome.php */

2. Membuat aplikasi berita

- Pertama kita membuat file model dengan nama news_model.php dengan isi sebagai berikut

<?php

class News_model extends CI_Model {

            public function __construct()

            {

                        $this->load->database();

            }

            public function get_news($slug = FALSE)

{

            if ($slug === FALSE)

            {

                        $query = $this->db->get('news');

                        return $query->result_array();

            }

           

            $query = $this->db->get_where('news', array('slug' => $slug));

            return $query->row_array();

}

}

Terdapat fungsi construct yang digunakan untuk membaca database, lalu fungsi get_news digunakan untuk membaca konten yang berasal dari database.

-         Membuat table database news dengan isi sebagai berikut

CREATE TABLE news (

   id int(11) NOT NULL AUTO_INCREMENT,

   title varchar(128) NOT NULL,

   slug varchar(128) NOT NULL,

   text text NOT NULL,

   PRIMARY KEY (id),

   KEY slug (slug)

);

-         Selanjutnya agar kita dapat menampilkan berita dari database, kami membuat sebuah controller news yang diletakkan di application/controllers/news.php dengan isi

<?php

class News extends CI_Controller {

            public function __construct()

            {

                        parent::__construct();

                        $this->load->model('news_model');

                        $this->load->library('template');

                        $this->load->helper('url');

            }

            public function index()

            {

                        $data['news'] = $this->news_model->get_news();

                        $data['title'] = 'News archive';

 

            $this->template->display('news/index', $data);

            }

           

}

ada fungsi construct yang secara otomatis memuat file model news_model dan library template. Sedangkan fungsi index akan menampilkan konten berita.

-         yang terakhir adalah membuat file view application/views/news/index.php untuk menampilkan konten yang berasal dari database.

<?php foreach ($news as $news_item): ?>

<h2><?php echo $news_item['title'] ?></h2>

<div id="main">

        <?php echo $news_item['text'] ?>

    </div>

    <p><a href="news/<?php echo $news_item['slug'] ?>">View article</a></p>

<?php endforeach ?>

3. Menjalankan website

- untuk menjalankan website ketik http://localhost/aaacodeigniter di browser

- untuk melihat berita dari database ketik http://localhost/aaacodeigniter/index.php/news di browser