Yayasan Bumi Santri Ar-Rumi

SISTER: Portal Wali Santri & Rekam Data Santri untuk Pesantren (Web + Android)

Portal wali santri SISTER yang menampilkan kehadiran, capaian belajar, dan saldo santri
Role: Lead Developer (end-to-end)
Visit Project →

Cara saya mengubah catatan buku yang tersebar menjadi satu sistem: portal wali santri yang menjawab "bagaimana perkembangan anak saya?" sekilas, panel pengelola di baliknya, dan aplikasi Android dari codebase yang sama.

Masalah

Kegiatan santri dicatat di beberapa buku dan berkas. Pengelola sulit membuat laporan cepat, dan wali santri tidak bisa mengecek kehadiran, capaian, atau iuran tanpa bertanya langsung.

Pendekatan

  • Memetakan pertanyaan wali santri lebih dulu dan membiarkannya menentukan beranda, bukan menyalin struktur catatan internal pengelola.
  • Membangun satu aplikasi web Laravel yang nyaman di ponsel dan desktop, dengan tema terang dan opsi huruf lebih besar agar mudah dibaca.
  • Membungkus aplikasi yang sama dalam aplikasi Android WebView supaya bisa didistribusikan lewat Google Play tanpa memelihara codebase kedua.
  • Menambahkan push notification lewat Firebase Cloud Messaging agar wali santri tahu saat ada perubahan.
  • Menyediakan pintasan WhatsApp ke pembimbing dan kanal catatan ke pondok, karena wali santri memang sudah berkomunikasi lewat cara itu.

Hasil

4
area data dalam satu sistem: kehadiran, capaian, tabungan, iuran

Saya membangun SISTER dari awal sampai akhir untuk Yayasan Bumi Santri Ar-Rumi, dikirimkan melalui Triglobs. Halaman ini membahas cara merancangnya; ringkasan untuk klien ada di halaman proyek Triglobs.


Desainnya dimulai dari pertanyaan yang benar-benar diajukan wali santri: apakah anak saya hadir, bagaimana hafalannya, dan apakah iuran serta tabungannya beres? Beranda wali menjawab empat hal itu sekilas (kehadiran 30 hari, capaian, tunggakan iuran, saldo tabungan) dan menaut ke rincian di baliknya. Di belakangnya, panel pengelola mengatur kehadiran, capaian belajar, dan keuangan di satu tempat.

Laravel Filament Vue.js cPanel Firebase FCM Android WebView
← Back to Portfolio