Blog

Tutorial Instalasi dan Konfigurasi Dasar Pada Codeigniter 3 – Hallo teman–teman semua bagaimana nih kabarnya? mudah-mudahan selalu diberikan kesehatan ya. Pada tutorial kali ini kita akan belajar tentang bagaimana cara melakukan Instalasi dan Konfigurasi Dasar pada Codeigniter 3. Codeigniter 3 (CI-3) merupakan salah satu Framework pemrograman website yang menggunakan bahasa Pemograman PHP yang cukup populer dan banyak digunakan oleh Programmer Khususnya Programmer Pemula. Framework ini banyak digunakan oleh Developer atau Programmer karena penggunaannya yang mudah dan tidak banyak melakukan konfigurasi seperti Framework PHP pada Umumnya.

Baca Juga: Cara Melakukan Instalasi Codeigniter 3

Framework Codeigniter merupakan salah satu Framework yang menerapkan Konsep MVC (Model View dan Controller). Konsep MVC merupakan konsep yang memisahkan komponen utama sistem menjadi tiga komponen yaitu model, view dan controller. Adapun penjelasan dari setiap komponen ini antara lain:

1. Komponen Model bertugas untuk mengelola data dari database. Komponen ini berisikan fuction yang menampung sintak SQL yang digunakan pada pembuatan aplikasi
2. Komponen View bertugas bertugas untuk mengelola halaman tampilan (UI/UX) dari sistem. Segala tampilan yang dibutuhkan oleh sistem disimpan pada komponen ini
3. Kompnen Controller bertugas untuk menghubungkan antara komponen Model dan Komponen View. Pada komponen ini juga bertugas untuk mengelola segala instruksi yang digunakan dalam pembuatan aplikasi

Penjelasan Singkat Tentang Codeigniter

Sebelum melakukan Pembuatan Project Menggunakan Codeigniter 3. Pertama – tama kita harus mengunduh Source Code dari Framework Codeigniter yang kita gunakan. Kita pada mengunduh file framework Codeigniter 3 ini pada Website resminya di www.codeigniter.com.  Kemudian kita pilih Versi dari Codeigniter yang kita gunakan.

Hasil dari file Codeigniter yang kita download / Unduh berupa file zip seperti gambar dibawah ini. Sebelum menggunakan Source Code atau Framework ini, kita harus mengekstrak File tersebut terlebih dahulu.

Setelah File tersebut di ekstrak, kita akan memiliki sebuah folder Framework Codeigniter yang sudah dapat kita digunakan. Ketika kita masuk kedalam folder Codeigniter yang kita ekstrak sebelumnya, terdapat juga beberapa Folder dan File untuk melakukan konfigurasi dari Framework Codeigniter ini.

Penjelasan Singkat :

• application berisi semua kode aplikasi. Di dalam direktori inilah kita akan menulis semua kode aplikasi kita.
• system berisi kode-kode inti dari Codeigniter. Jangan mengubah apapun di dalam direktori ini. Jika kita ingin upgrade versi, kita cukup me-replace direktori ini dengan yang baru.
• user_guide berisi dokumentasi codeigniter. Kita bisa menghapus direktori ini saat web sudah jadi.

Untuk melakukan Konfigurasi Codeigniter 3 ini. Kita hanya perlu fokus pada Folder application. Pada folder ini terdapat beberapa folder dan file yang kita gunakan pada proses pembuatan Project Website menggunakan Codeigniter ini.

Cara Instalasi Pada Codeigniter

Setelah proses ekstrak Source Code dari Codeigniter ini selesai. Kita memiliki sebuah folder Codeigniter yang sudah sepenuhnya dapat kita gunakan. Folder ini kita pindahkan kedalam Server local yang kita miliki agar dapat kita mengakses project tersebut pada Browser kita.  Karena disini kita menggunakan aplikasi XAMPP CONTROL PANEL maka lokasi untuk peletakan Source Code dari Framework ini harus berada pada Folder htdocs. Lalu kita ubah nama Source Code dari Framework kita menjadi nama Project yang kita buat.

Setelah kita melakukan proses ekstrak dan memindahkan hasil ekstrak tersebut ke folder server kita. Secara default kita sudah memiliki tampilaan awal dari Framework kita ini. Disini kita juga sudah dapat menggunakan sepenuhnya Framework tersebut sebelum dilakukan konfigurasi tambahan. Cara untuk menjalankan Project ini kita hanya perlu mengakses Browser kita lalu panggil nama Folder Project (Folder Source Code Codeigniter) pada server local kita. Disini nama Folder Project kita adalah CI3.

http://localhost/CI3/

Setelah itu akan muncul tampilan awal dari Framework Codeigniter yang sudah kita jalankan sebelumnya. Secara default Codeigniter sudah memiliki tampilan Halaman Seperti gambar dibawah ini.

Konfigurasi URL Pada Codeigniter

Sebelum melakukan konfigurasi tambahan dari Project Codeigniter 3 kita ini. Pertama – tama kita harus mengaktifkan library URL terlebih dahulu. Library URL ini berfungsi untuk menyimpan Link dari Project yang kita buat sehingga kita dapat lebih mudah dalam memanggil Link dari Project kita ini. Untuk mengaktifkan Library ini kita harus mengedit file autoload.php di application/config/autoload.php.

$autoload['helper'] = array('url');

Selanjutnya kita edit file config.php di application/config/config.php lalu kita masukkan link dari project kita pada file ini.

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

Mengenal Struktur Project Dasar Pada Codeigniter

Setelah melakukan Instalasi pada Codeigniter. Secara default kita sudah memiliki Sebuah File Controller dan File View. File inilah yang digunakan untuk menampilkan halaman default dari Codeigniter setelah proses Instalasi di lakukan.

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

class Welcome extends CI_Controller {

    public function index()
    {
        $this->load->view('welcome_message');
    }

}

Sintak diatas merupakan Controller Default dari Codeigniter kita. Adapun nama dari Controller kita adalah Welcome.php yang berada pada folder application/controllers/Welcome.php. Ketika kita membuka atau menjalankan Project Codeigniter kita pada browser. Fungsi yang pertama kali di jalankan adalah fungsi index() pada Controller Welcome ini.

$this->load->view('welcome_message');

Pada Fungsi index() kita memiliki sintak seperti diatas. Sintak diatas digunakan untuk memanggil halaman View yang kita miliki. Adapun nama dari halaman View kita adalah welcome_message. welcome_message ini merupakan nama dari File View yang kita miliki. Untuk lebih jelasnya coba perhatikan pada folder application/views/welcome_message.php. Pada Folder view tersebut terdapat sebuah file View dengan nama welcome_message.php. File ini merupakan file View Default yang kita miliki setelah proses Instalasi Codeigniter selesai kita lakukan.

Sekarang kita coba untuk menambahkan sebuah file View baru pada Project Codeigniter kita ini dengan nama hal_welcome.php di application/views/hal_welcome.php.

<!DOCTYPE html>
<html>
<head>
    <title>Halaman Welcome</title>
</head>
<body>
    <h1>Halaman Welcome</h1>
</body>
</html>

Selanjutnya kita tambahkan fungsi baru pada Controller kita untuk memanggil halaman View yang  baru saya kita buat. Disini nama fungsi kita adalah hal_welcome().

public function hal_welcome() {
    $this->load->view('hal_welcome');
}

Sekarang kita coba akses halaman View yang baru saja kita buat ini dengan cara mengakses halaman localhost lalu panggil Folder Project dan Panggil nama Controller serta Fungsi yang kita buat sebelumnya

http://localhost/CI3/index.php/welcome/hal_welcome

Ketika dijalankan maka akan tampil halaman View yang sudah kita buat sebelumnya seperti gambar dibawah ini

Penjelasan Link URL Project :

• Nomor 1 Merupakan Link atau nama Project Codeigniter yang kita miliki
• Nomor 2 Merupakan Nama Controller
• Nomor 3 Merupakan Nama Function yang kita Panggil pada Controller Welcome

Coba perhatikan Link pada gambar diatas, terdapat sebuah kata index.php didalamnya. Hal ini kurang baik untuk dilihat karena Link URL dari Website kita menjadi panjang. Sekarang kita coba untuk menghilangkan kata index.php tersebut sehingga Link Project yang kita akses akan lebih baik dan pendek dari sebelumnya. Disini misalnya kita mengcoba untuk mengakses halaman yang sama tanpa menggunakan kata index.php tersebut. Maka halaman Project ini tidak dapat dibaca atau tidak dapat dikenali.

Agar kita dapat memanggil halaman website project kita menggunakan link diatas. Pertama – tama kita harus melakukan konfigurasi pada file config.php di application/config/config.php. Selanjutnya kita hilangkan kata index.php pada sintak tersebut seperti dibawah ini.

$config['index_page'] = '';

Setelah itu kita buat sebuah file baru dengan nama .htaccess di folder utama dari project Codeigniter kita. Lalu tambahkan sintak berikut

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]

Sekarang kita coba mengakses halaman website kita tadi tanpa menggunakan kata index.php. Maka Halaman tersebut berhasil ditampilkan seperti gambar dibawah ini.

Sekian Tutorial dan Penjelasan tentang cara Instalasi serta Konfigurasi Dasar Pada Codeigniter 3 ini. Untuk penjelasan lebih lengkapnya tentang Tutorial – Tutorial Cara Pembuatan Website menggunakan Codeigniter 3 (CI3) dapat dilihat langsung pada halaman Website kami di www.blogbelajar.id Pada Kategori Codeigniter.