BAB 2 – Setup Dulu, Ngoding Kemudian: Persiapan Environment CodeIgniter

BAB 2 – Setup Dulu, Ngoding Kemudian: Persiapan Environment CodeIgniter

Sebelum masuk ke tahap penulisan kode (coding), seorang developer wajib menyiapkan lingkungan pengembangan (development environment) yang stabil dan sesuai standar.

Lingkungan ini berfungsi sebagai “rumah” tempat aplikasi web dijalankan, diuji, dan dikembangkan sebelum dipublikasikan ke server produksi.

Pada bab ini, kita akan membahas secara menyeluruh proses persiapan environment untuk pengembangan aplikasi web menggunakan CodeIgniter (CI).

Mulai dari instalasi web server lokal, pemasangan framework CodeIgniter, memahami struktur folder, menjalankan aplikasi pertama, hingga pengaturan base_url agar aplikasi berjalan dengan benar.

Tujuan Pembelajaran

Setelah mempelajari BAB 2 ini, pembaca diharapkan mampu:

  1. Menginstal web server lokal (XAMPP atau Laragon)
  2. Menginstal framework CodeIgniter (CI 3 atau CI 4)
  3. Memahami struktur folder CodeIgniter
  4. Menjalankan aplikasi CodeIgniter pertama
  5. Mengonfigurasi base_url dengan benar

2.1 Instalasi XAMPP / Laragon

2.1.1 Apa itu XAMPP dan Laragon?

Web aplikasi berbasis PHP membutuhkan beberapa komponen utama:

  • Web Server (Apache/Nginx)
  • PHP Interpreter
  • Database Server (MySQL/MariaDB)

XAMPP dan Laragon adalah paket server lokal yang menyediakan semua kebutuhan tersebut dalam satu instalasi.

ToolKelebihan
XAMPPPopuler, dokumentasi banyak, cocok untuk pemula
LaragonLebih ringan, cepat, modern, auto virtual host

2.1.2 Instalasi XAMPP

Langkah-langkah instalasi XAMPP:

  1. Unduh XAMPP dari situs resmi Apache Friends
  2. Jalankan installer
  3. Pilih komponen:
    • Apache
    • MySQL
    • PHP
    • phpMyAdmin
  4. Tentukan direktori instalasi (disarankan default)
  5. Selesaikan instalasi

Menjalankan XAMPP:

  • Buka XAMPP Control Panel
  • Klik Start pada Apache dan MySQL
  • Akses browser: http://localhost

Jika halaman dashboard XAMPP muncul, berarti instalasi berhasil.

2.1.3 Instalasi Laragon

Keunggulan Laragon:

  • Lebih cepat
  • Auto konfigurasi
  • Folder project lebih rapi
  • Mendukung CI, Laravel, WordPress dengan baik

Langkah instalasi Laragon:

  1. Unduh Laragon
  2. Jalankan installer
  3. Klik Start All
  4. Akses: http://localhost

Folder project Laragon berada di:

C:\laragon\www

2.2 Instalasi CodeIgniter (CI 3 atau CI 4)

2.2.1 Perbedaan CodeIgniter 3 dan CodeIgniter 4

AspekCI 3CI 4
ArsitekturMVC klasikMVC modern
PHP MinimumPHP 5.6PHP 7.4+
NamespaceTidak adaMenggunakan namespace
MaintenanceLegacyAktif dikembangkan

Rekomendasi:

  • CI 3 → untuk pemula & sistem lama
  • CI 4 → untuk proyek baru & profesional

2.2.2 Instalasi CodeIgniter 3

  1. Unduh CodeIgniter 3
  2. Ekstrak ke: htdocs/ci3 atau laragon/www/ci3
  3. Akses di browser: http://localhost/ci3

Jika halaman Welcome to CodeIgniter muncul, instalasi berhasil.

2.2.3 Instalasi CodeIgniter 4

Metode Manual (Tanpa Composer):

  1. Unduh CodeIgniter 4
  2. Ekstrak ke folder project
  3. Rename folder menjadi: ci4

Metode Composer (Direkomendasikan):

composer create-project codeigniter4/appstarter ci4

Akses:

http://localhost/ci4/public

2.3 Struktur Folder CodeIgniter

2.3.1 Struktur Folder CodeIgniter 3

application/
├── controllers/
├── models/
├── views/
├── config/
system/
index.php

Penjelasan Folder Utama:

  • controllers → logika alur aplikasi
  • models → pengolahan data & database
  • views → tampilan (HTML)
  • config → konfigurasi aplikasi
  • system → inti framework (jangan diubah)

2.3.2 Struktur Folder CodeIgniter 4

app/
├── Controllers/
├── Models/
├── Views/
Config/
public/
writable/

Perbedaan utama CI 4:

  • public/ → folder root aplikasi
  • writable/ → cache, logs, session
  • Lebih aman & terstruktur

2.4 Menjalankan Aplikasi Pertama

2.4.1 CodeIgniter 3

Buat controller baru:

application/controllers/Halo.php

<?php
class Halo extends CI_Controller {
    public function index() {
        echo "Halo, CodeIgniter 3!";
    }
}

Akses di browser:

http://localhost/ci3/index.php/halo

2.4.2 CodeIgniter 4

Buat controller:

app/Controllers/Halo.php

<?php

namespace App\Controllers;

class Halo extends BaseController
{
    public function index()
    {
        return "Halo, CodeIgniter 4!";
    }
}

Akses:

http://localhost/ci4/public/halo

2.5 Mengatur base_url

2.5.1 Pengertian base_url

base_url adalah URL dasar aplikasi yang digunakan untuk:

  • Memanggil CSS
  • Memanggil JS
  • Memanggil gambar
  • Membuat link antar halaman

Tanpa base_url, aplikasi sering mengalami error asset tidak terbaca.

2.5.2 Mengatur base_url di CodeIgniter 3

Buka:

application/config/config.php

Ubah:

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

Aktifkan helper URL:

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

2.5.3 Mengatur base_url di CodeIgniter 4

Buka:

app/Config/App.php

Ubah:

public $baseURL = 'http://localhost/ci4/public/';

Gunakan di view:

<link rel="stylesheet" href="<?= base_url('css/style.css'); ?>">

Penutup

Pada BAB 2 ini, kita telah membangun pondasi utama sebelum masuk ke dunia coding dengan CodeIgniter. Persiapan environment yang baik akan:

  • Mengurangi error teknis
  • Mempercepat proses development
  • Membuat aplikasi lebih terstruktur
  • Memudahkan deployment ke server produksi

Pada bab selanjutnya, pembahasan akan berlanjut ke konsep MVC (Model-View-Controller) sebagai inti dari framework CodeIgniter.

Related Posts