Tuesday, May 29, 2012

:: Bermain dengan Code Igniter ::


Ok.. Lansung Ke TKP --> 
Nyang dibutuhin : Paket Webserver (AppServ ato XAMPP ato EasyPHP, dll) & Code Igniter
Codeigniter (CI) merupakan sebuah PHP framework, katakanlah, untuk orang yang ingin membangun website dengan menggunakan PHP. Dengan menggunakan arsitektur model-view-controller yang memisahkan antara bagian logic dan tampilan dari program, CI cukup “menyenangkan” untuk digunakan. Tidak sulit. Cukup siapkan 2 gelas kopi panas plus Ruti untuk mulai mempelajarinya :)
Step 1 : Instalasi
  1. Ekstrak bundle CodeIgniter yang telah anda download dalam direktori root web server anda.
  2. Anda akan melihat banyak folder…. oke, jangan cemas. Masuk ke dalam folder system-application.
  3. Nah.. bagian dalam folder application inilah yang akan sering anda “bongkar” entar :)
Step 2 : Konfigurasi
  1. Buka file config.php yang berada dalam folder system-application-config-config.php
  2. Ubah base url, sesuaikan dengan lokasi dimana folder CI-mu berada (tempat ekstrak-an tadi). Contoh : Folder CI anda berada dalam folder www/ci
    maka ubah baris $config['base_url']="http://example.com/";
    dengan
    $config['base_url'] = "http://localhost/ci/";
    Mengapa localhost? Karena dalam tutorial ini kita akan membangun CI dalam server lokal kita :)
  3. Setting database. Buka file database.php yang berada dalam folder yang sama dengan config.php. Ubah hostnameusername,password, dan nama database (database akan kita buat entar, untuk sementara siapkan namanya dulu saja) sesuaikan dengan pengaturan mysql anda. Contoh :
    $db['default']['hostname'] = "localhost";
    $db['default']['username'] = "root";
    $db['default']['password'] = "";
    $db['default']['database'] = "db_ci";
Selesai dengan instalasi dan konfigurasi, next step siapkan database yang akan kita gunakan dalam praktikum kali ini (praktikum ha ha, please dont imagine like we’re done something biology okay J )
Step 3 : Siapkan database
  1. Buat database dengan nama db_ci melalui phpmyadmin anda (saya asumsikan anda sudah terbiasa menggunakan tool hebat ini).
  2. Siapkan tabel dengan nama tb_buku (field : id_buku, judul_buku, stok_buku).
    CREATE TABLE IF NOT EXISTS `tb_buku` (
    `id_buku` varchar(10) NOT NULL,
    `judul_buku` varchar(50) DEFAULT NULL,
    `stok_buku` year(4) DEFAULT NULL,
    PRIMARY KEY (`id_buku`)
    ) ENGINE=MyISAM DEFAULT CHARSET=latin1;
  3. Insert-kan beberapa sample data ke dalam tb_buku.
    INSERT INTO `tb_buku` (`id_buku`, `judul_buku`, `stok_buku`) VALUES
    ('1', 'Mencari Tombol Tab', 2003),
    ('2', 'Guna Guna dari Raja', 2033);
  4. Ok, we’re done with database !
Step 4 : Bekerja dengan CI
  1. Membuat model. Ketikkan script berikut ini
    <?php
    class Buku_model extends Model {
    function Buku_model()
    {
    parent::Model();
    }
    db->select('*');
    $this->db->from('tb_buku');
    $this->db->order_by('id_buku','DESC');
    $data = $this->db->get('');
    return $data;
    }
    }
    ?>
  2. Simpan dengan nama buku_model.php. Simpan dalam folder system-application-models
  3. Membuat Controller. Ketikkan script berikut ini,
    <?php
    class Buku_con extends Controller {

    public function Buku_con()
    {
    parent::__construct();
    $this->load->model('buku_model');
    }

    public function getBuku () {
    $data['title'] = 'menampilkan isi buku';
    $data['detail'] = $this->buku_model->getBuku();
    $this->load->view('buku_view', $data);
    }
    }
    ?>
  4. Simpan dengan nama buku_con.php. Simpan dalam folder system-application-controller
  5. Membuat View. Ketikkan script,
    <h4>Data Buku</h4>
    <?php foreach($detail->result() as $rows) :
    echo $rows->id_buku; echo "<br>";
    echo $rows->judul_buku; echo "<br>";
    echo $rows->stok_buku; echo "<br>";
    endforeach
    ?>
  6. Simpan dengan nama buku_view.php. Simpan dalam folder system-application-view
  7. Nah. Kita sudah membuat sebuah fungsi untuk menampilkan data dari database dengan controller, model, dan view. Sekarang masuk ke browser anda.
  8. Ketikkan http://localhost/ci/buku_con/getBuku/. Dan… TADAAAA

  9. Anda sudah boleh tidur setelah melihat gambar seperti diatas J
Step 5 : Menyiapkan kopi ketiga dan membuka Yahoo! Messenger
Happy Coding Chatting ! :D
Referensi lain.. Silahkan Sedoot Brow  Gratis.. jangan lupa -Baca-Pelajari-Sebarkan- Indahnya berbagi

No comments:

Post a Comment