Sistem Informasi Tata Kelola Kas Kelas & Kesiswaan Terpadu (OSIS & 16 Ekstrakurikuler)
IPTEKS yang diimplementasikan pada mitra MAN 10 Jakarta adalah aplikasi web terpadu E-KAS MAN 10 JAKARTA. Sistem informasi ini dirancang khusus dengan kriteria mobile-responsive untuk memodernisasi tata kelola Kas Kelas dan Kas Kesiswaan (OSIS serta 16 kegiatan ekstrakurikuler) secara transparan, akuntabel, dan terintegrasi melalui peranti smartphone, tablet, maupun desktop [1]. Penerapan sistem ini krusial guna mengeliminasi kelemahan pencatatan konvensional, mencegah selisih pembukuan, serta menumbuhkan budaya transparansi dan tanggung jawab finansial di lingkungan madrasah [2].
Sebagaimana ditunjukkan pada Gambar 4, antarmuka Dashboard Analytics E-KAS menyajikan visualisasi data keuangan secara intuitif [3]. Fitur utama dashboard mencakup ringkasan arus kas (total pemasukan, pengeluaran, dan saldo terkini), visualisasi grafik statistik tren kas harian, fitur pelacakan iuran kas siswa (Student Fee Tracking System), serta tombol pencatatan transaksi dan unduh laporan otomatis berformat PDF/Excel [1]. Dashboard ini menyediakan pembagian tiga hak akses (Multi-Role Access Control):
1) Peran Bendahara: Bertanggung jawab mencatat transaksi kas masuk dan kas keluar secara real-time, mengunggah bukti kwitansi/nota digital sebagai dokumen validasi fisik, serta memantau dan memperbarui status pelunasan iuran siswa.
2) Peran Wali Kelas / Pembina: Memiliki wewenang meninjau ringkasan saldo kas binaan, memantau histori transaksi harian, serta melakukan verifikasi dan validasi laporan pertanggungjawaban keuangan secara digital [2].
3) Peran Siswa: Memperoleh hak akses untuk memantau saldo kas dan riwayat transaksi secara transparan dan real-time, memeriksa status iuran pribadi, serta mengakses bukti nota digital guna meningkatkan rasa saling percaya [2], [3].
Secara teknis, arsitektur dan spesifikasi pilar teknologi (tech stack) yang membangun aplikasi E-KAS dijelaskan pada Gambar 5. Sistem ini mengadopsi arsitektur terintegrasi berbasis cloud server yang andal, aman, dan ringan [4]:
1) Frontend Layer: Dibangun menggunakan pustaka JavaScript React.js untuk mengolah antarmuka pengguna yang dinamis, cepat (Single Page Application), dan responsif pada berbagai ukuran layar smartphone [4].
2) Backend Layer: Menggunakan Framework Laravel (PHP) dengan arsitektur Model-View-Controller (MVC) yang menjamin kecepatan pemrosesan logika bisnis, skalabilitas, dan kemudahan pemeliharaan sistem [4], [5].
3) Database Layer: Menggunakan MySQL Relational Database Management System yang terstruktur untuk menyimpan riwayat transaksi kas, profil pengguna, dan log aktivitas secara konsisten [5].
4) Security Protocol: Diintegrasikan dengan sertifikat SSL/TLS HTTPS guna mengamankan enkripsi lalu lintas data transaksi digital dari risiko penyadapan data [4].
Desain antarmuka modern bernuansa hijau madrasah dengan visualisasi Chart.js, Student Fee Tracking, dan Multi-Role Control.
Gambar 4 menyajikan antarmuka Dashboard Analytics E-KAS yang intuitif: ringkasan arus kas (saldo kas kelas, total pemasukan, total pengeluaran, jumlah siswa), visualisasi grafik pergerakan kas 6 bulan (combo bar & line), donat status pembayaran siswa (82% lunas), ringkasan per kategori pengeluaran, tabel transaksi kas terbaru, serta pembagian Multi-Role Access Control (Bendahara, Wali Kelas/Pembina, dan Siswa).
Spesifikasi 5 layer terintegrasi: Client Layer, SSL/TLS HTTPS, Frontend React.js, Backend Laravel, dan Database MySQL.
Gambar 5 menguraikan arsitektur sistem berbasis cloud terintegrasi dari Client Layer (Smartphone, Tablet, Desktop), Security Protocol SSL/TLS HTTPS, Frontend React.js, Backend Laravel MVC, hingga Database MySQL.
[1] Nugroho YS, Adityarini H, Pamungkas EW, Wulandari R. Sistem Informasi Pengelolaan Keuangan Berbasis Web di SMP Muhammadiyah Salatiga. Jurnal Abdi Teknoyasa. 2024;5(1):296-305.
[2] Nodera MS, Kusumastuti RP, Jumaili S. Analisis Transparansi dan Akuntabilitas Pengelolaan Keuangan di Lingkungan Sekolah Menengah. Owner: Riset dan Jurnal Akuntansi. 2023;7(1):799-809.
[3] Dharmawan W. Penerapan Sistem Informasi Akuntansi Pengelolaan Keuangan Berbasis Website. Jurnal Sistem Informasi Akuntansi (JUSTIAN). 2023;4(1):74-83.
[4] Pratama AI, Santoso B. Rancang Bangun RESTful API Menggunakan Framework Laravel dan Frontend React.js dengan Pengamanan Protokol HTTPS. Jurnal RESTI (Rekayasa Sistem dan Teknologi Informasi). 2022;6(3):432-439.
[5] Nurmalasari N, Anna A, Ariyanti R. Implementasi Metode Waterfall Pada Rancang Bangun Sistem Informasi Akuntansi Penerimaan dan Pengeluaran Kas Menggunakan Framework Laravel dan Database MySQL. Jurnal Sistem Informasi Akuntansi (JUSTIAN). 2021;2(1):21-29.