SIPPER-TI

Masalah

Kelas internasional Teknik Informatika UMKT perlu mengelola izin tidak masuk kuliah (sakit, keperluan pribadi, tugas lomba): bukti seperti surat dokter atau surat tugas harus diverifikasi, lalu kehadiran direkap untuk dosen pengampu.

Pendekatan

Saya memetakan siapa melakukan apa, lalu membangun sistemnya di sekitar peran itu:

• Mahasiswa mengajukan izin dan melampirkan bukti (PDF atau foto), lalu memantau statusnya.
• Sie Pendidikan memvalidasi bukti, menyetujui atau menolak dengan alasan, dan bisa mengajukan izin atas nama mahasiswa lain.
• Ketua kelas mengawasi presensi seluruh kelas dan mengelola tautan untuk dosen. Keputusan verifikasinya final.
• Dosen pengampu cukup membuka tautan token tamu untuk melihat rekap kehadiran, tanpa membuat akun.

Solusi

• Next.js 16, React 19, TypeScript, dengan Supabase (PostgreSQL, Auth, Storage) dan mode demo bawaan saat Supabase belum dikonfigurasi.
• Row Level Security di database, diuji dengan skrip SQL tersendiri, sehingga aturan akses tetap berlaku walau ada bug di aplikasi.
• Navigasi terpisah untuk desktop dan mobile.
• Pengujian: unit test Vitest, tes end-to-end Playwright, dan CI di GitHub Actions.