Sistem Informasi Kos
-
Tech Stack
Laravel (PHP) Tailwind CSS Alpine.js Laravel Blade FontAwesome
- More Details Coming Soon
Proyek Sistem Informasi Kos ini adalah platform manajemen rumah kos berbasis web yang komprehensif, dirancang untuk memfasilitasi interaksi antara pemilik kos (Admin) dan orang kos (Penyewa).
Arsitektur & Teknologi (MVC)
Proyek ini dibangun menggunakan ekosistem pengembangan web modern dengan arsitektur Model-View-Controller (MVC):
- Backend Framework (Laravel): Menangani seluruh logika bisnis, perutean (routing), autentikasi (menggunakan Laravel Breeze), serta interaksi dengan database melalui Eloquent ORM.
- Frontend Framework (Tailwind CSS): Digunakan secara ekstensif untuk mendesain antarmuka pengguna (UI) secara langsung melalui utility classes pada file HTML. Menghasilkan desain yang responsif, bersih, dan modern tanpa perlu file CSS kustom yang panjang.
- Frontend Interactivity (Alpine.js): Menangani interaktivitas sisi klien yang ringan. Terlihat pada fitur modal/pop-up (contoh:
x-data="{ open: false }"pada form edit masa sewa) dan fitur copy to clipboard pada nomor rekening. - Templating Engine (Laravel Blade): Membantu memecah tata letak halaman menggunakan komponen dan mengelola data dinamis dari controller ke antarmuka pengguna.
- Typography & Icons: Menggunakan FontAwesome untuk dukungan visual melalui ikon-ikon vektor (dashboard, pengaturan, kalender, notifikasi).
Fitur & Hak Akses
Sistem ini membagi hak akses ke dalam dua peran utama dengan alur kerja yang terstruktur:
1. Sisi Administrator (Pemilik/Pengelola Kos)
Admin memiliki kendali penuh atas operasional kos melalui dashboard sentral, yang meliputi:
- Manajemen Penyewa: Mendaftarkan akun penyewa baru, memperbarui biodata, dan menghapus penyewa yang sudah tidak aktif.
- Manajemen Tagihan: Memantau status pembayaran (Lunas, Belum Bayar, Menunggu Validasi) dalam format kalender 12 bulan. Admin dapat menetapkan masa sewa, memvalidasi bukti transfer, dan mengubah status tagihan secara massal.
- Manajemen Konten (CMS): Mengubah teks informasi harga, fasilitas, dan mengganti gambar carousel halaman depan (landing page) secara dinamis langsung dari sistem.
2. Sisi Penyewa (Orang Kos)
Penyewa diberikan akses ke portal mandiri untuk mengelola administrasi mereka:
- Pemantauan Status Sewa: Melihat detail kamar yang ditempati dan periode aktif masa sewa.
- Pembayaran Mandiri: Mengunggah bukti transfer (foto/resi) untuk tagihan bulanan langsung ke kotak bulan yang bersangkutan, atau menggunakan paket bayar langsung 12 bulan (Tahunan).
- Notifikasi Tunggakan: Peringatan visual (indikator merah) secara real-time jika ada tagihan bulan berjalan yang belum dilunasi atau masa sewa telah habis.
Highlight: Sistem ini dirancang dengan logika perhitungan tanggal yang presisi menggunakan perpustakaan waktu (Carbon), memastikan sinkronisasi antara durasi masa sewa dengan kewajiban tagihan penyewa secara otomatis.