Media Belajar Coding untuk Developer Indonesia

Ruang Coding

Media belajar online bareng untuk mengembangkan keahlianmu di bidang pemrograman web dan aplikasi smartphone.

138+Member Aktif
5+Artikel & Tutorial
16+Project Siap Pakai
Free

CodeIgniter 4 dari Nol: Bikin CRUD Sendiri Sampai Jalan

Kelas ini mengajak kamu belajar CodeIgniter 4 mulai dari instalasi hingga bisa membuat aplikasi CRUD sederhana yang terhubung ke database. Cocok untuk pemula total yang belum pernah menyentuh framework PHP sama sekali, dengan penjelasan konsep memakai analogi sederhana sebelum masuk ke kode. Di akhir kelas, kamu akan punya satu project mini yang benar-benar berjalan sebagai bukti nyata kemampuanmu.

1Modul
8Menit baca
CodeIgniterKategori
1

Instalasi & Setup CodeIgniter 4 dari Nol (XAMPP, Composer, dan Project Pertama)

8 menit baca

Kenapa Harus Belajar CodeIgniter 4?

Sebelum ngoding, kenalan dulu sama alat yang mau kita pakai. Framework adalah kerangka kerja siap pakai berisi kode-kode dasar yang sudah disusun rapi, jadi kamu tidak perlu bikin semuanya dari nol. Bayangin kamu mau bangun rumah — daripada bikin batu bata, semen, dan paku sendiri dari bahan mentah, kamu beli bahan-bahan itu yang sudah jadi, tinggal susun jadi rumah sesuai kebutuhanmu.

CodeIgniter 4 adalah salah satu framework PHP yang terkenal ringan, cepat, dan gampang dipelajari, cocok banget buat pemula yang baru pertama kali kenal framework. Di modul ini kita akan siapkan semua alat yang dibutuhkan sampai project pertamamu bisa dibuka di browser.

Alat yang Kamu Butuhkan

  • XAMPP — paket software yang berisi Apache (server lokal buat menjalankan aplikasi web di komputermu) dan MySQL (database yang nanti dipakai untuk simpan data).
  • Composer — alat pengelola paket/library PHP, fungsinya seperti "asisten belanja" yang otomatis mengunduh dan mengatur kode-kode yang dibutuhkan project kita, termasuk CodeIgniter 4 sendiri.
  • Text editor, misalnya VS Code — tempat kamu menulis kode nanti.

Langkah 1: Install XAMPP

Download XAMPP di apachefriends.org sesuai sistem operasimu (Windows/Mac/Linux), lalu install seperti biasa (next-next saja). Setelah selesai, buka XAMPP Control Panel dan nyalakan modul Apache dan MySQL dengan klik tombol "Start" di masing-masing baris.

Kalau statusnya berubah warna hijau, artinya server lokal kamu sudah jalan. Coba buka browser, ketik localhost — kalau muncul halaman XAMPP, berarti sukses.

Langkah 2: Install Composer

Download Composer di getcomposer.org, lalu install sesuai OS kamu. Setelah instalasi selesai, cek apakah Composer sudah terpasang dengan benar lewat terminal/command prompt:

composer -V

Kalau muncul versi Composer (misalnya Composer version 2.7.x), berarti sudah siap dipakai.

Langkah 3: Membuat Project CodeIgniter 4 Pertamamu

Buka terminal, arahkan ke folder htdocs di dalam folder instalasi XAMPP (ini folder tempat semua project web lokal kamu disimpan). Contoh di Windows:

cd C:\xampp\htdocs

Setelah itu, jalankan perintah Composer berikut untuk membuat project baru bernama belajar-ci4:

composer create-project codeigniter4/appstarter belajar-ci4

Tunggu prosesnya sampai selesai — Composer akan mengunduh semua file inti CodeIgniter 4 secara otomatis ke folder belajar-ci4.

Langkah 4: Menjalankan Project

CodeIgniter 4 punya cara praktis untuk menjalankan project tanpa perlu setting Apache secara manual, yaitu lewat perintah bawaan PHP. Masuk ke folder project-nya dulu:

cd belajar-ci4

Lalu jalankan server bawaan dengan perintah:

php spark serve

Spark adalah alat command-line bawaan CodeIgniter 4 yang membantu kita menjalankan berbagai perintah, salah satunya menyalakan server pengembangan. Kalau berhasil, di terminal akan muncul alamat seperti:

Server started on http://localhost:8080/

Buka alamat tersebut di browser. Kalau muncul halaman selamat datang khas CodeIgniter 4 (logo dan tulisan "Welcome to CodeIgniter"), berarti instalasi kamu berhasil sepenuhnya!

Kenapa Tidak Langsung Pakai Folder htdocs + Apache Biasa?

Sebenarnya bisa saja, tapi CodeIgniter 4 punya folder khusus bernama public yang jadi pintu masuk utama aplikasi (nanti kita bahas detail strukturnya di modul berikutnya). Memakai php spark serve lebih praktis untuk belajar karena otomatis mengarah ke folder public tanpa perlu setting virtual host di Apache.

Studi Kasus / Latihan

Sekarang coba praktikkan sendiri, langkah demi langkah:

  • Install XAMPP dan pastikan Apache & MySQL menyala (indikator hijau).
  • Install Composer, cek versinya lewat terminal.
  • Buat project CodeIgniter 4 baru dengan nama tugas-modul1 (bukan belajar-ci4 seperti contoh di atas).
  • Jalankan project itu dengan php spark serve, lalu screenshot halaman "Welcome to CodeIgniter" yang muncul di browser.
  • Tantangan tambahan: coba jalankan project di port lain, misalnya 8081, dengan perintah php spark serve --port 8081. Perhatikan alamat yang muncul di terminal, lalu buka di browser — apakah halamannya tetap muncul dengan benar?

Kalau semua langkah di atas berhasil tanpa error, kamu sudah siap lanjut ke modul berikutnya: memahami konsep MVC sebelum mulai menulis kode sungguhan.

Ini modul terakhir yang sudah tersedia — modul berikutnya segera menyusul.
2

Modul berikutnya

Segera hadir — 11 modul lagi menyusul
Progresmu
0 dari 1 modul selesai
  • Instalasi & Setup CodeIgniter 4 dari Nol (XAMPP, Composer, dan Project Pertama)
  • Modul berikutnya (segera)
Tentang Kelas Ini

Modul baru ditambahkan secara berkala hingga kelas ini lengkap. Simpan halaman ini dan kembali lagi untuk lanjut belajar.

Copyright © 2026 — Made with by Ruang Coding