Laporan Pembuatan Sistem CRUD Manajemen Produk dengan CodeIgniter

  1. Instalasi Software yang Dibutuhkan

Untuk membangun sistem CRUD Manajemen Produk menggunakan CodeIgniter, beberapa perangkat lunak perlu diinstal terlebih dahulu. Software yang digunakan dalam proyek ini berfungsi untuk menyediakan lingkungan pengembangan, mengelola dependensi, dan menjalankan server lokal.

  • Composer: Composer adalah dependency manager untuk PHP yang digunakan untuk mengelola pustaka atau framework seperti CodeIgniter. Unduh dari Composer dan pastikan sudah terinstal dengan benar.
  • XAMPP: Merupakan paket yang berisi Apache sebagai server, MySQL sebagai database, dan PHP sebagai bahasa pemrograman utama. XAMPP memungkinkan kita menjalankan server lokal di komputer sendiri. Unduh dari XAMPP dan instal sesuai sistem operasi yang digunakan.
  • Visual Studio Code (VS Code): Editor kode yang direkomendasikan untuk pengembangan proyek ini karena mendukung ekstensi yang mempermudah coding. Unduh dari VS Code dan instal ekstensi berikut:
    • PHP Intelephense (untuk membantu penulisan kode PHP dengan fitur autocomplete dan linting).
    • CodeIgniter Snippets (untuk mempercepat penulisan kode CodeIgniter dengan snippet yang tersedia).

Konfigurasi Awal

  1. Jalankan Apache dan MySQL melalui XAMPP Control Panel agar server lokal dapat berjalan dengan baik.
  2. Pastikan koneksi antara database MySQL dan PHP sudah berfungsi sebelum melanjutkan pengembangan.
  1. Pembuatan Database MySQL

Setelah server MySQL berjalan, kita perlu membuat database yang akan digunakan dalam proyek ini. Langkah-langkahnya adalah sebagai berikut:

  1. Buka http://localhost/phpmyadmin di browser.
  2. Pilih tab Database, lalu buat database baru dengan nama codeigniter_crud_tugas.
  3. Klik Create untuk menyimpan database.
  1. Instalasi CodeIgniter dan Konfigurasi Awal
  1. Buat folder kerja proyek dengan nama codeigniter-crud-buku di dalam direktori XAMPP (C:xampphtdocs).
  2. Buka terminal atau command prompt, lalu masuk ke folder tersebut:
  3. cd C:xampphtdocscodeigniter-crud-buku
  4. Instal CodeIgniter menggunakan Composer dengan perintah berikut:
  5. composer create-project codeigniter4/appstarter .
  6. Jalankan server CodeIgniter untuk memastikan instalasi berhasil: php spark serve
  7. Akses proyek melalui browser di alamat: http://localhost:8080 untuk memastikan CodeIgniter sudah berjalan dengan baik.
  1. Konfigurasi Database
  1. Buka file .env yang terdapat dalam folder proyek CodeIgniter.
  2. Sesuaikan konfigurasi database agar sesuai dengan database yang telah dibuat sebelumnya:

database.default.hostname = localhost

database.default.database = codeigniter_crud_tugas

database.default.username = root

database.default.password =

database.default.DBDriver = MySQLi

  1. Simpan perubahan dan pastikan tidak ada kesalahan konfigurasi sebelum melanjutkan ke tahap berikutnya.
  1. Pembuatan Sistem CRUD Manajemen Produk

Sistem ini akan memungkinkan pengguna untuk menambahkan, membaca, memperbarui, dan menghapus data produk dari database. Langkah-langkahnya adalah sebagai berikut:

  1. Membuat Model dan Migration
  1. Buat model untuk tabel produk menggunakan perintah berikut: php spark make:model ProdukModel
  2. Buat migration untuk tabel produk agar dapat dikelola secara otomatis oleh CodeIgniter:
  3. php spark make:migration CreateProdukTable –table=produk
  4. Edit file migration yang dibuat di app/Database/Migrations/ dan tambahkan struktur tabel produk sesuai kebutuhan proyek.
  5. Jalankan perintah berikut untuk menerapkan migration ke dalam database: php spark migrate
  1. Membuat Controller
  1. Buat controller untuk menangani operasi CRUD dengan perintah berikut:
  2. php spark make:controller ProdukController
  3. Buka file ProdukController.php di dalam folder app/Controllers/ dan tambahkan fungsi untuk menampilkan, menambahkan, mengedit, memperbarui, serta menghapus produk.
  1. Menentukan Rute

Rute digunakan untuk menghubungkan URL dengan fungsi yang ada di dalam controller. Langkah-langkahnya adalah sebagai berikut:

  1. Buka file app/Config/Routes.php.
  2. Tambahkan rute-rute yang diperlukan untuk operasi CRUD produk:

$routes->get(‘/produk’, ‘ProdukController::index’);

$routes->get(‘/produk/tambah’, ‘ProdukController::create’);

$routes->post(‘/produk/store’, ‘ProdukController::store’);

$routes->get(‘/produk/edit/(:num)’, ‘ProdukController::edit/$1’);

$routes->post(‘/produk/update/(:num)’, ‘ProdukController::update/$1’);

$routes->get(‘/produk/delete/(:num)’, ‘ProdukController::delete/$1’);

  1. Simpan perubahan pada file rute agar sistem dapat mengakses halaman CRUD produk dengan benar.
  1. Membuat Tampilan (Views)
  1. Buat folder app/Views/produk/ dan tambahkan beberapa file tampilan berikut:
    • index.php → untuk menampilkan daftar produk yang ada di database.
    • create.php → untuk menyediakan formulir tambah produk.
    • edit.php → untuk menyediakan formulir edit produk.
  2. Gunakan framework CSS seperti Bootstrap agar tampilan lebih menarik dan responsif.
  1. Pengujian dan Debugging
  1. Pastikan server CodeIgniter sudah berjalan dengan baik dengan menjalankan perintah:  php spark serve
  2. Uji setiap fungsi CRUD melalui browser dengan mengakses URL yang telah dibuat.
  1. Kesimpulan

Dengan mengikuti langkah-langkah di atas, sistem CRUD Manajemen Produk berbasis CodeIgniter telah berhasil dibuat dan siap digunakan. Sistem ini dapat dikembangkan lebih lanjut dengan menambahkan fitur tambahan seperti pencarian dan kategori produk.