← Back to Insights
Case Notes

Satu Pola, Dua Sistem: Portal Berbasis Peran untuk Kursus Musik dan Pesantren

Dnur Fathurrochman Oct 2026 2 menit baca

Dua sistem yang saya bangun di Triglobs, booking kursus musik Allegra dan sistem informasi santri SISTER, ternyata berbagi pola yang sama: satu sumber data, portal per peran.

Allegra Private Music Course dan Pesantren Bumi Santri Ar-Rumi tampak seperti dua dunia yang berbeda. Yang satu mengurus jadwal les di rumah siswa dan studio. Yang lain mengurus kehadiran, hafalan, tabungan, dan iuran santri. Tetapi masalah awalnya mirip: informasi penting tersebar, dan setiap pihak butuh melihat bagian yang berbeda dari data yang sama.

Pola yang saya pakai di kedua proyek adalah satu sumber data dengan portal per peran. Di Allegra ada portal siswa atau orang tua, guru, admin, dan super admin. Di SISTER ada portal wali santri dan panel pengelola. Data hanya dicatat sekali. Yang berbeda adalah apa yang ditampilkan lebih dulu untuk tiap peran.

Contoh paling jelas ada di beranda wali santri. Yang ditampilkan lebih dulu adalah kehadiran 30 hari terakhir, capaian hafalan, tunggakan iuran, dan saldo tabungan, karena itu yang paling ingin diketahui wali. Mode terang dan huruf lebih besar sengaja disediakan supaya mudah dibaca semua kalangan.

Soal teknologi, saya memilih Laravel, Filament, dan Vue.js di cPanel. Keputusannya berangkat dari kendala nyata klien, bukan dari tren, sama seperti alasan di artikel saya sebelumnya tentang memilih Laravel dibanding Next.js untuk deployment cPanel.

Pelajaran yang saya bawa: sebelum membuat fitur, tanyakan siapa yang membuka sistem ini dan apa yang ingin ia lihat pertama kali. Jawabannya menentukan arsitektur portalnya.

Laravel Filament System Design
DF
Dnur Fathurrochman
Sembilan tahun membangun produk web dan mobile di industri teregulasi — saat ini di LOGIQUE, memimpin discovery, spesifikasi, dan delivery untuk klien enterprise. Dosen Praktisi bidang Komunikasi di Universitas Gunadarma sejak 2022.

Lainnya dari Wawasan