Belajar Membuat Website untuk Pemula Menggunakan CodeIgniter 3
Belajar Membuat Website untuk Pemula Menggunakan CodeIgniter 3
Panduan dasar membangun website menggunakan PHP dan CodeIgniter 3 dengan konsep MVC.
1. Apa Itu CodeIgniter 3?
CodeIgniter 3 adalah framework PHP yang dirancang untuk membantu developer membangun aplikasi web dengan lebih cepat dan terstruktur.
CI3 menggunakan konsep MVC (Model, View, Controller), sehingga kode aplikasi dapat dipisahkan berdasarkan fungsinya.
CI3 dapat digunakan untuk membuat berbagai jenis aplikasi dan website, seperti:
- Website company profile
- Website portfolio
- Sistem informasi
- Blog
- Website sekolah
- Sistem administrasi
- Dashboard admin
- Sistem penjualan
- Aplikasi CRUD
2. Persiapan Sebelum Memulai
Sebelum membuat website dengan CI3, siapkan XAMPP sebagai web server lokal dan CodeIgniter 3 sebagai framework.
Folder project XAMPP biasanya berada di:
C:\xampp\htdocs\
Contoh lokasi project:
C:\xampp\htdocs\belajar-ci3
Kemudian akses melalui browser:
http://localhost/belajar-ci3
3. Mengenal Struktur Folder CI3
Setelah CodeIgniter 3 berada di dalam folder project, kita akan menemukan beberapa folder penting.
Untuk pemula, tiga folder yang paling penting adalah:
- controllers — menangani alur aplikasi.
- models — menangani data dan database.
- views — menangani tampilan website.
4. Mengenal Konsep MVC
Model
Model bertanggung jawab terhadap pengelolaan data dan komunikasi dengan database.
View
View bertanggung jawab terhadap tampilan website yang dilihat oleh pengguna.
Controller
Controller menjadi penghubung antara pengguna, model, dan view.
5. Membuat Controller Pertama
Buat file berikut:
application/controllers/Home.php
Isi dengan kode berikut:
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Home extends CI_Controller
{
public function index()
{
$this->load->view('home');
}
}
Controller tersebut akan memanggil view dengan nama
home.php.
6. Membuat View
Buat file:
application/views/home.php
Isi dengan:
<!DOCTYPE html>
Website Saya
<h1>Selamat Datang</h1>
<p>
Ini adalah website pertama saya menggunakan CodeIgniter 3.
</p>
Akses melalui browser:
http://localhost/belajar-ci3/index.php/home
7. Menghilangkan index.php
Agar URL lebih bersih, kita dapat menghilangkan
index.php dari URL.
Buka:
application/config/config.php
Cari:
$config['index_page'] = 'index.php';
Ubah menjadi:
$config['index_page'] = '';
Kemudian buat file .htaccess di folder utama project.
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]
8. Membuat Routing
Routing digunakan untuk menentukan URL yang akan menjalankan controller tertentu.
Buka:
application/config/routes.php
Contoh konfigurasi:
$route['default_controller'] = 'home';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;
Dengan konfigurasi tersebut, halaman utama akan menjalankan
controller Home.
9. Mengirim Data dari Controller ke View
Controller dapat mengirim data ke view menggunakan array.
public function index()
{
$data['nama'] = 'Rizky';
$data['profesi'] = 'Fullstack Developer';
$this->load->view('home', $data);
}
Kemudian pada view:
<h1>Halo, <?= $nama; ?></h1>
Profesi: = $profesi; ?>
10. Menghubungkan CI3 dengan Database
Untuk membuat aplikasi yang dinamis, kita membutuhkan database. Salah satu database yang umum digunakan bersama CI3 adalah MySQL.
Buat database melalui phpMyAdmin, misalnya:
portfolio
Kemudian buka:
application/config/database.php
Sesuaikan konfigurasi database:
$db['default'] = array(
'hostname' => 'localhost',
'username' => 'root',
'password' => '',
'database' => 'portfolio',
'dbdriver' => 'mysqli'
);
Sesuaikan username dan password dengan konfigurasi database pada server yang digunakan.
11. Membuat Model
Misalnya terdapat tabel bernama users.
Buat file:
application/models/User_model.php
Isi dengan:
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class User_model extends CI_Model
{
protected $table = 'users';
public function get_all()
{
return $this->db
->order_by('id', 'DESC')
->get($this->table)
->result();
}
}
12. Menggunakan Model di Controller
Contoh controller:
class User extends CI_Controller
{
public function __construct()
{
parent::__construct();
$this->load->model('User_model');
}
public function index()
{
$data['users'] = $this->User_model->get_all();
$this->load->view('users/index', $data);
}
}
Controller tersebut memanggil User_model,
mengambil data dari database, kemudian mengirimkannya
ke view.
13. Membuat CRUD
CRUD adalah singkatan dari:
- Create — menambahkan data.
- Read — menampilkan data.
- Update — mengubah data.
- Delete — menghapus data.
CRUD merupakan salah satu materi penting dalam pembelajaran CodeIgniter karena hampir semua aplikasi berbasis database membutuhkan proses tersebut.
14. Membuat Website Portfolio
Setelah memahami dasar CI3, project dapat dikembangkan menjadi website portfolio.
Halaman utama dapat terdiri dari:
- Home
- About
- Skills
- Experience
- Portfolio
- Blog
- Contact
Sedangkan dashboard administrator dapat berisi:
- Dashboard
- Profile
- Skills
- Experience
- Portfolio
- Blog
- Messages
15. Tips Belajar CI3 untuk Pemula
Belajar CodeIgniter sebaiknya dilakukan secara bertahap. Jangan langsung membuat aplikasi yang terlalu kompleks.
- HTML + CSS
- PHP Dasar
- MySQL
- Konsep MVC
- CodeIgniter 3
- CRUD
- Login
- Dashboard Admin
- REST API
- Project Nyata
16. Kesimpulan
CodeIgniter 3 merupakan framework yang cocok untuk mempelajari pengembangan aplikasi web menggunakan PHP dengan pendekatan MVC.
Setelah memahami Controller, Model, View, Routing, Database, dan CRUD, Anda dapat mulai membangun berbagai aplikasi seperti:
- Website portfolio
- Company profile
- Blog
- Sistem informasi
- Dashboard admin
- Aplikasi bisnis
Kunci utama dalam belajar pemrograman adalah latihan melalui project nyata dan menambahkan fitur secara bertahap. Dengan memahami konsep dasar terlebih dahulu, proses membangun aplikasi yang lebih kompleks akan menjadi lebih mudah.