Aplikasi CRUD Sederhana Dengan CodeIgniter

CodeIgniter adalah sebuah web application network yang bersifat open source yang digunakan untuk membangun aplikasi php dinamis. CodeIgniter menggunakan konsep MVC(Model View Controller) dalam membangun sebuah aplikasi  web dinamis menggunakan PHP.

Pada kesempatan kali ini saya akan menunjukkan sebuah aplikasi pengelolaan data atau profil mahasiswa yang saya buat menggunakan salah satu framework PHP yaitu CodeIgniter 4. Pada blog kali ini saya hanya menampilkan fungsionalitas dari aplikasi yang saya buat. Anda dapat mengunduh source code pada link GitHub di akhir artikel.

Berikut adalah penjelasan tentang aplikasi pengelolaan data atau profil mahasiswa yang saya buat menggunakan CodeIgniter.

A. Dokumentasi Fungsionalitas Aplikasi

Saat pertama mengakses web, user diwajibkan login karena hanya akun yang sudah terdaftar menjadi admin yang dapat menggunakan aplikasi. Saya menggunakan sistem authentication dalam memprogam web ini. Jika belum memiliki akun, pengguna bisa mendaftar untuk mendapatkan akun admin. Fitur login ini sudah dilengkapi dengan validasi.

Gambar diatas ini merupakan tampilan registrasi dari web pengelolaan data atau profil mahasiswa. Setelah melakukan registrasi data akan tersimpan ke dalam database dan pengguna dapat langsung login ke dalam aplikasi.

Gambar diatas merupakan halaman utama dari web yang berisi daftar mahasiswa yang sudah tersimpan dalam database. Halaman ini dilengkapi dengan fitur searching atau pencarian. Pengguna bisa mencari data mahasiswa berdasarkan nama atau nim. Saya juga menambahkan fitur pagination dalam halaman ini. Fitur pagination dapat dengan mudah kita buat dengan menggunakan CodeIginter 4 karena sudah tersedia fungsi yang dibutuhkan. Dapat dilihat dalam dokumentasi CodeIgniter 4 pada webnya.

Gambar diatas merupakan implementasi dari "Read" dalam CRUD. Dimana aplikasi menampilkan data dari database.

Gambar diatas merupakan halaman detail. Halaman utama hanya menampilkan nama dan nim dari mahasiswa. Data lengkap mahasiswa dapat dilihat pada halaman detail. Pada halaman ini, terdapat dua tombol yaitu edit untuk mengedit data mahasiswa, dan hapus untuk menghapus data mahasiswa.

    

Gambar diatas merupakan tampilan dari edit data dimana pengguna dapat mengedit atau mengubah data mahasiswa. Ini merupakan implementasi dari "Update" dari CRUD.

Gambar diatas merupakan proses hapus data mahasiswa. Pengguna dapat menghapus data mahasiswa dengan menekan tombol hapus, kemudian menekan ok. Ini merupakan implementasi dari "Delete" dalam CRUD.

Beberapa gambar diatas ini merupakan langkah dari tambah data mahasiswa. Pengguna masuk ke halaman tambah data dengan menkan tombol tambah data mahasiswa pada halaman utama. Data tersebut akan langsung tersimpan ke dalam database dan tampil pada halaman utama. Ini merupakan Implementasi dari "Create" dalam CRUD.

Pada project ini, saya menggunakan dua tabel dalam database yaitu user dan mahasiswa

B. Dokumentasi Kode Program

    

Seperti yang saya bilang di awal artikel, pada blog kali ini saya hanya menampilkan dokumentasi dari fungsionalitas aplikasi. Untuk dokumentasi kode program saya lampirkan dalam bentuk link GitHub karena artikel ini akan sangat panjang jika saya menjelaskan tentang kode program. Source Code ini dapat anda unduh gratis.

SC CRUD sederhana :

https://github.com/Fahru27/CRUD-sederhana-Pengelolaan-data-mahasiswa