Mobile Applications
Completed
August 2026
TujuHebat
Aplikasi mobile monitoring karakter siswa berbasis Flutter dan REST API yang menghubungkan siswa, orang tua, dan guru dalam memantau 7 kebiasaan positif harian secara terverifikasi.
TujuHebat.view
LIVE
Ringkasan Proyek
Latar belakang dan cakupan sistem
SISMON (Sistem Monitoring 7 Kebiasaan Hebat) adalah aplikasi mobile edukasi yang dirancang untuk membangun dan memantau pembiasaan karakter positif anak Indonesia (seperti bangun pagi, beribadah, berolahraga, hingga istirahat teratur).
Aplikasi ini mengintegrasikan interaksi tiga pihak dalam satu ekosistem: Siswa mencatat rutinitas hariannya disertai bukti foto dan lokasi, Orang Tua memantau serta memberikan konfirmasi langsung lewat tanda tangan digital di aplikasi, dan Guru memvalidasi capaian harian kelas bimbingannya melalui rekapitulasi yang terstruktur. Dibangun dengan Flutter dan arsitektur REST API terpusat, SISMON memastikan pemantauan kebiasaan anak berjalan transparan, akuntabel, dan mudah digunakan sehari-hari.
Aplikasi ini mengintegrasikan interaksi tiga pihak dalam satu ekosistem: Siswa mencatat rutinitas hariannya disertai bukti foto dan lokasi, Orang Tua memantau serta memberikan konfirmasi langsung lewat tanda tangan digital di aplikasi, dan Guru memvalidasi capaian harian kelas bimbingannya melalui rekapitulasi yang terstruktur. Dibangun dengan Flutter dan arsitektur REST API terpusat, SISMON memastikan pemantauan kebiasaan anak berjalan transparan, akuntabel, dan mudah digunakan sehari-hari.
Latar Belakang & Kebutuhan
Kendala operasional dan kebutuhan spesifikasi sistem
Membentuk kebiasaan baik pada anak membutuhkan konsistensi dan kolaborasi antara lingkungan rumah dan sekolah. Namun, di lapangan sering muncul kendala:
Pemantauan Manual yang Sulit Diverifikasi: Laporan buku harian fisik atau grup chat sering kali tidak terpantau rutin, mudah dimanipulasi, dan membebani guru saat rekap data.
Ketiadaan Validasi Orang Tua yang Praktis: Guru kesulitan memastikan apakah aktivitas yang dilaporkan siswa di rumah benar-benar didampingi orang tua.
Kebutuhan Sistem yang Ringan dan Skalabel: Banyak siswa dan orang tua menggunakan perangkat dengan spesifikasi beragam, sehingga aplikasi dituntut tetap responsif, hemat kuota internet saat mengunggah foto, serta aman dalam pengelolaan sesi login.
Pemantauan Manual yang Sulit Diverifikasi: Laporan buku harian fisik atau grup chat sering kali tidak terpantau rutin, mudah dimanipulasi, dan membebani guru saat rekap data.
Ketiadaan Validasi Orang Tua yang Praktis: Guru kesulitan memastikan apakah aktivitas yang dilaporkan siswa di rumah benar-benar didampingi orang tua.
Kebutuhan Sistem yang Ringan dan Skalabel: Banyak siswa dan orang tua menggunakan perangkat dengan spesifikasi beragam, sehingga aplikasi dituntut tetap responsif, hemat kuota internet saat mengunggah foto, serta aman dalam pengelolaan sesi login.
Solusi & Desain Sistem
Pendekatan arsitektur dan struktur logika sistem
Mengembangkan aplikasi mobile multi-role yang menyederhanakan alur pelaporan dan validasi kebiasaan harian ke dalam satu alur kerja digital:
Alur Validasi Segitiga (Siswa – Ortu – Guru): Siswa mengisi log aktivitas harian, orang tua melakukan verifikasi langsung menggunakan tanda tangan digital (signature pad), lalu guru memvalidasi data tersebut untuk kebutuhan penilaian sikap dan karakter.
Input Bukti Otentik: Dilengkapi penandaan lokasi (geolocation) dan unggahan foto kegiatan yang otomatis dikompresi agar hemat bandwidth tanpa mengurangi kejelasan gambar.
Migrasi ke REST API Terstruktur: Memisahkan logika mobile dari backend relasional MySQL melalui REST API yang terstandarisasi, menggantikan dependensi runtime Firebase agar pengelolaan data relasional antar-role lebih efisien dan terukur.
Alur Validasi Segitiga (Siswa – Ortu – Guru): Siswa mengisi log aktivitas harian, orang tua melakukan verifikasi langsung menggunakan tanda tangan digital (signature pad), lalu guru memvalidasi data tersebut untuk kebutuhan penilaian sikap dan karakter.
Input Bukti Otentik: Dilengkapi penandaan lokasi (geolocation) dan unggahan foto kegiatan yang otomatis dikompresi agar hemat bandwidth tanpa mengurangi kejelasan gambar.
Migrasi ke REST API Terstruktur: Memisahkan logika mobile dari backend relasional MySQL melalui REST API yang terstandarisasi, menggantikan dependensi runtime Firebase agar pengelolaan data relasional antar-role lebih efisien dan terukur.
Pendekatan Teknis & Pemilihan Teknologi
Alasan pemilihan teknologi dan alur proses data
State Management & Modular Pattern: Menggunakan Flutter + GetX dengan pemisahan modul yang rapi (Auth, Modules/Activity, Services, Theme, Widgets), menjaga kode tetap modular, mudah dirawat, dan reaktif terhadap perubahan data.
Session & Secure Storage: Pengelolaan autentikasi berbasis JWT Bearer Token dengan penyimpanan aman pada flutter_secure_storage (token tidak disimpan sembarangan di local storage biasa).
Optimasi Media & Hardware Integration:
Mengintegrasikan flutter_image_compress sebelum proses unggah multipart/form-data untuk menjaga kecepatan transmisi data pada jaringan seluler.
Integrasi geolocator untuk verifikasi titik lokasi kegiatan.
Implementasi syncfusion_flutter_signaturepad untuk pembubuhan tanda tangan persetujuan orang tua secara mulus langsung di layar ponsel.
Standardized API Contract: Menerapkan kontrak REST API yang konsisten (envelope standar, pagination terstruktur, dan error handling semantik) untuk mempermudah integrasi dengan backend MySQL.
Session & Secure Storage: Pengelolaan autentikasi berbasis JWT Bearer Token dengan penyimpanan aman pada flutter_secure_storage (token tidak disimpan sembarangan di local storage biasa).
Optimasi Media & Hardware Integration:
Mengintegrasikan flutter_image_compress sebelum proses unggah multipart/form-data untuk menjaga kecepatan transmisi data pada jaringan seluler.
Integrasi geolocator untuk verifikasi titik lokasi kegiatan.
Implementasi syncfusion_flutter_signaturepad untuk pembubuhan tanda tangan persetujuan orang tua secara mulus langsung di layar ponsel.
Standardized API Contract: Menerapkan kontrak REST API yang konsisten (envelope standar, pagination terstruktur, dan error handling semantik) untuk mempermudah integrasi dengan backend MySQL.
Peran & Tanggung Jawab
Tanggung jawab langsung dalam pengembangan modul
Mobile App Architecture & UI/UX Implementation: Merancang struktur modular Flutter, alur navigasi multi-role (student, parent, teacher), serta tata letak antarmuka yang ramah anak dan mudah dipahami orang tua.
Core Feature Engineering: Mengembangkan modul 7 aktivitas harian, integrasi kanvas tanda tangan digital, kamera/galeri dengan kompresi gambar, serta tagging koordinat GPS.
API Integration & Contract Design: Menyusun dokumentasi spesifikasi API, mengintegrasikan endpoint RESTful ke dalam service layer aplikasi mobile, dan mengimplementasikan mekanisme interceptor token & error handling.
Core Feature Engineering: Mengembangkan modul 7 aktivitas harian, integrasi kanvas tanda tangan digital, kamera/galeri dengan kompresi gambar, serta tagging koordinat GPS.
API Integration & Contract Design: Menyusun dokumentasi spesifikasi API, mengintegrasikan endpoint RESTful ke dalam service layer aplikasi mobile, dan mengimplementasikan mekanisme interceptor token & error handling.
Hasil & Dampak Proyek
Pencapaian fungsional dan pengujian hasil implementasi
Verifikasi Akurat & Minim Manipulasi: Menggantikan buku kontrol kertas dengan pencatatan digital berbasis bukti foto, geolokasi, dan persetujuan digital orang tua.
Efisiensi Beban Rekapitulasi Guru: Guru tidak perlu lagi mengumpulkan laporan fisik satu per satu; data aktivitas kelas tersaji secara real-time dan siap ditinjau kapan saja.
Performa Aplikasi Ringan: Ukuran payload unggahan gambar berkurang signifikan berkat kompresi di sisi klien, membuat aplikasi tetap lancar digunakan pada koneksi internet terbatas.
Efisiensi Beban Rekapitulasi Guru: Guru tidak perlu lagi mengumpulkan laporan fisik satu per satu; data aktivitas kelas tersaji secara real-time dan siap ditinjau kapan saja.
Performa Aplikasi Ringan: Ukuran payload unggahan gambar berkurang signifikan berkat kompresi di sisi klien, membuat aplikasi tetap lancar digunakan pada koneksi internet terbatas.