Waktu masih kuliah Sistem Informasi, saya pernah mengerjakan tugas Web Programming II bersama kelompok. Project ini berupa CMS untuk layanan maintenance AC dengan nama ACBagus.id. Dari tugas ini saya belajar membangun website yang tidak hanya menampilkan landing page, tetapi juga memiliki pengelolaan konten, halaman layanan, blog, form kontak, dan area administrator.
Ide project ACBagus.id
Project ini berangkat dari kebutuhan usaha jasa perbaikan AC untuk memiliki media promosi di internet. Kami membuat website company profile yang menampilkan layanan cuci AC, bongkar pasang, dan perbaikan AC, lengkap dengan informasi harga, cara pemesanan, testimoni, FAQ, serta formulir kontak.
Teknologi yang digunakan
- CodeIgniter 4 sebagai framework PHP.
- MySQL untuk menyimpan data website.
- HTML dan CSS untuk struktur serta tampilan.
- JavaScript untuk interaksi halaman.
- Bootstrap untuk membantu membuat layout responsif.
Fitur website
- Homepage dengan slider dan informasi layanan.
- Halaman About dan profil tim.
- Halaman layanan maintenance, cuci AC, dan perbaikan AC.
- Blog dengan kategori dan artikel.
- Form kontak untuk mengirim kebutuhan pelanggan ke admin.
- Testimoni pelanggan dan FAQ.
- Call-to-action untuk memudahkan pengunjung melakukan pemesanan.
- CMS untuk mengelola konten website.
Pengalaman membuat CMS dengan CodeIgniter 4
Bagian yang paling menantang adalah menghubungkan tampilan frontend dengan data dari backend. Kami perlu memastikan data layanan, artikel, kategori, dan formulir dapat ditampilkan sesuai halaman. Selain itu, struktur routing, controller, model, dan view harus dibuat cukup rapi agar fitur website mudah dikembangkan.
Form kontak juga menjadi bagian yang menarik karena pengguna dapat mengisi nama, email, nomor telepon, memilih layanan, dan menjelaskan kebutuhannya. Setelah dikirim, data tersebut diteruskan kepada admin untuk ditindaklanjuti.
Pelajaran yang saya dapatkan
Tugas Web Programming II ini membuat saya memahami bahwa website company profile bukan hanya soal tampilan. Di balik halaman yang terlihat sederhana, ada struktur data, routing, validasi form, manajemen konten, dan alur komunikasi antara pengguna dengan admin.
Kalau project ini dibuat ulang sekarang, saya akan menambahkan validasi server-side yang lebih ketat, autentikasi admin yang aman, proteksi CSRF, upload gambar yang tervalidasi, pagination blog, dan pemisahan konfigurasi agar credential tidak ditulis di source code.
Preview presentasi project
File project
File project dapat dibuka dari folder Google Drive berikut. Isinya digunakan sebagai referensi belajar dan sebaiknya dipahami sebelum digunakan kembali.
Buka folder project ACBagus.id
Video presentasi
Penutup
Project ACBagus.id menjadi salah satu pengalaman kuliah yang membantu saya memahami proses pembuatan website dari sisi frontend dan backend. Kami belajar membagi pekerjaan dalam kelompok, menyusun kebutuhan fitur, membuat tampilan, menghubungkan database, lalu mempresentasikan hasilnya.
