TUTORIAL

Belajar Membuat Website untuk Pemula Menggunakan CodeIgniter 3

R
Rizky Fajar Pratama, S.Kom.
• 20 Sep 2026 • 3 views
Belajar Membuat Website untuk Pemula Menggunakan CodeIgniter 3
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
Catatan: CodeIgniter 3 sangat cocok untuk memahami konsep dasar framework PHP dan pola arsitektur MVC.

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.

belajar-ci3/ ├── application/ │ ├── config/ │ ├── controllers/ │ ├── models/ │ ├── views/ │ └── ... ├── system/ ├── user_guide/ └── index.php

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.

User → Controller → Model → Database → Controller → View → User

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:

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.

Create → Read → Update → Delete

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.

  1. HTML + CSS
  2. PHP Dasar
  3. MySQL
  4. Konsep MVC
  5. CodeIgniter 3
  6. CRUD
  7. Login
  8. Dashboard Admin
  9. REST API
  10. Project Nyata
Tips penting: Jangan hanya menghafalkan kode. Pahami bagaimana data bergerak dari browser ke route, controller, model, database, kemudian kembali ke view.

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.

© 2026 — Tutorial Belajar CodeIgniter 3 untuk Pemula
Bagikan artikel ini: