Info Halaman & Panduan Sistem

Daftar semua halaman, siapa yang bisa mengaksesnya, fitur-fiturnya, dan panduan makna warna/simbol di seluruh sistem.

Gender / Jenis Kelamin

Biru mudaIkhwan / Laki-laki — digunakan di card santri, card halaqoh, card pengurus, card pelanggaran, sakit, izin pulang
Pink / Merah mudaAkhowat / Perempuan — sama konteksnya dengan biru di atas
Diagonal biru–pinkCampur (putra + putri) — digunakan di card halaqoh campuran

Status Kehadiran / Absensi

Hijau — HadirAbsensi halaqoh & kelas; status kehadiran pengurus
Kuning — IzinSantri izin hadir; pengurus izin masuk
Merah muda — Sakit (laporan halaqoh/kelas)Santri tidak hadir karena sakit
Oranye — Sakit (sick)Varian sakit lain di absensi halaqoh/kelas
Merah — AlpaTidak hadir tanpa keterangan (alpha)
Abu-abu — Hari tidak aktif / Belum diisiHari libur atau kolom yang belum diisi
Biru — InfoKeterangan informasi umum di absensi

Status Umum

Hijau — Baik / Aktif / Selesai / AmanDigunakan di pill aktif, badge-ok, pill-sembuh, pill-hadir, status selesai
Kuning/Emas — Peringatan / Terkunci / TerlambatBadge warn, pill locked (tahun ajaran terkunci), pill terlambat pengurus
Merah — Bahaya / Berat / Terlambat kembaliPelanggaran berat, santri terlambat kembali dari izin, operasi berbahaya
Abu-abu — Tidak aktif / NonaktifPill nonaktif, halaqoh tidak aktif, status belum diisi
Emas tua — TerkunciPill "locked" pada tahun ajaran yang sudah dikunci (tidak bisa diedit)

Kategori Pelanggaran

Biru — RinganPelanggaran kategori ringan
Kuning — SedangPelanggaran kategori sedang
Merah — BeratPelanggaran kategori berat

Jenis Nilai Ujian (chip di halaman Nilai Ujian)

Emas — UP (Ulangan Pelajaran)
Biru — UTS (Ujian Tengah Semester)
Hijau — UAS (Ujian Akhir Semester)
Ungu — Adab
Toska — Kebersihan

Operasi Panel Super Admin

Merah — BerbahayaOperasi tidak dapat dibatalkan (reset massal, hapus)
Kuning — BerisikoOperasi yang perlu hati-hati
Toska — AmanOperasi yang relatif aman

Indikator GPS Absensi Pengurus

Kuning berkedip — Sedang mengambil lokasi GPS
Hijau — Lokasi terverifikasi (dalam radius)
Kuning — Lokasi di luar radius yang ditentukan
Merah — GPS gagal / tidak tersedia
Dashboard Super Admin ►
Akses:Super AdminAdmin

Fitur

  • Ikhtisar statistik santri aktif secara keseluruhan
  • Kartu metrik, issue cards, spotlight cards
  • Toolbar aksi cepat
  • Badge prioritas: High (merah/bahaya), Medium (kuning/peringatan), Low (hijau/aman)
Dashboard Admin ►
Akses:Super AdminAdminMudir

Fitur

  • Audit penempatan santri aktif: kelengkapan data, halaqoh, kelas, regu
  • Section audit bisa dibuka/tutup (collapsible)
  • Badge OK (hijau = tidak ada masalah) dan Warn (oranye = ada masalah)
Dashboard Koordinator Halaqoh ►
Akses:Super AdminAdminMudirKoord. Halaqoh

Fitur

  • Audit absensi halaqoh yang belum lengkap
  • Audit pengampu yang belum punya halaqoh
  • Pola UI sama dengan Dashboard Admin (badge OK/Warn)
Dashboard Akademik ►
Akses:Super AdminAdminMudirAkademik

Fitur

  • Audit guru kelas siang yang tidak terdaftar di kelas manapun
  • Pola UI sama dengan Dashboard Admin
Dashboard Kesantrian ►
Akses:Super AdminAdminMudirKesantrian

Fitur

  • Rekap pelanggaran santri per bulan
  • Filter bulan, kartu rekap (ringan/sedang/berat), tabel per santri
  • Warna kategori: Ringan = biru, Sedang = kuning, Berat = merah

Santri

Data Santri (View) ►
Akses:Semua Pengurus

Fitur

  • Tampilan read-only daftar santri
  • Filter nama/no induk/program/no HP, status, gender, urutan
  • Card santri: biru muda = laki-laki, pink = perempuan
  • Status santri: aktif, dibekukan, nonaktif
Edit Santri ►
Akses:Admin

Fitur

  • CRUD biodata santri (tambah, edit, hapus)
  • Filter status, gender, status akad, pencarian
  • Deteksi duplikat santri — kandidat digabung diberi border hijau (recommended)
  • Status akad: santri biasa, calon pengabdian, pengabdian, selesai

Halaqoh

Edit Halaqoh ►
Akses:Super AdminAdminKoord. Halaqoh

Fitur

  • CRUD halaqoh (nama, pengampu, gender, anggota)
  • Card halaqoh diberi warna sesuai gender: biru = ikhwan, pink = akhowat, diagonal = campur
Absensi Halaqoh ►
Akses:AdminKoord. HalaqohPengampu Halaqoh

Fitur

  • Input absensi santri harian per halaqoh
  • Pilih halaqoh via toolbar, cari santri

Warna Status Absensi

  • Hijau = Hadir  |  Kuning = Izin
  • Merah muda = Sakit  |  Oranye = Sakit (jenis lain)
  • Merah = Alpa  |  Biru = Info  |  Abu-abu = Hari tidak aktif / belum diisi
Hafalan Harian ►
Akses:Super AdminAdminKoord. HalaqohPengampu Halaqoh

Fitur

  • Input ziyadah (hafalan baru) dan muroja'ah (sabaqi & manzili) per santri per hari
  • Grid card halaqoh — ikhwan (biru), akhowat (pink), tidak aktif (abu-abu)
  • Pill hari ini: hijau = sudah ada entri, abu-abu = belum ada entri
Ujian Hafalan ►
Akses:Super AdminAdminKoord. HalaqohPengampu HalaqohPenguji Hafalan

Fitur

  • Input dan pantau ujian juziyyah dan sertifikasi
  • Tab per jenis ujian; dialog full-screen per santri

Status Ujian

  • Coklat = Diajukan (belum dijadwalkan)
  • Hijau = Dijadwalkan  |  Abu-abu = Selesai
Nilai UAS Hafalan ►
Akses:Super AdminAdminKoord. HalaqohPengampu Halaqoh

Fitur

  • Input nilai ujian akhir semester: Qur'an, Mufrodat, Hadits, Adzkar
  • Tiap komponen bisa multi-entri nilai + KKM per komponen
  • Pill komponen: hijau = sudah diisi lengkap

Kelas Siang

Edit Kelas Siang ►
Akses:AdminAkademik

Fitur

  • Susun kelas, atur jadwal, daftarkan guru pengajar
  • CRUD kelas siang
Absensi Kelas ►
Akses:AdminAkademikPengajar / Guru

Fitur

  • Input absensi santri harian per kelas siang
  • Warna status identik dengan Absensi Halaqoh (Hadir/Izin/Sakit/Alpa/dll)
Nilai Ujian ►
Akses:AdminAkademikPengajar / Guru

Fitur

  • Input nilai ujian per kelas; pilih tahun ajaran
  • Tiap kolom nilai punya bobot persen; kolom Akumulasi otomatis tertimbang

Chip Jenis Nilai

  • Emas = UP (Ulangan Pelajaran)
  • Biru = UTS  |  Hijau = UAS
  • Ungu = Adab  |  Toska = Kebersihan
  • Abu-abu = Belum ada nilai
Edit Soal ►
Akses:AdminAkademikPengajar / Guru

Fitur

  • Kelola bank soal per kelas dan mata pelajaran

Regu & Raport

Edit Regu ►
Akses:Admin

Fitur

  • Tambah/edit kelompok regu, daftarkan pembina dan anggota santri
Raport & Rekam Jejak ►
Akses:Super AdminAdminyang punya izin raport

Fitur

  • 5 entitas + 6 halaman: input kelas/level, perkembangan, akhlak, deskripsi, rekam jejak, raport
  • Modul lengkap rekam jejak santri per semester
Tahun Ajaran ►
Akses:Super AdminAdminMudir

Fitur

  • Kelola periode tahun ajaran dan semester
  • Aktifkan/nonaktifkan TA; kunci TA agar tidak bisa diedit

Status

  • Hijau = Aktif  |  Abu-abu = Nonaktif
  • Emas tua = Terkunci (locked — tidak bisa diedit)
  • Hijau = Semester terbuka  |  Merah = Semester ditutup

Pelanggaran & Kondisi Santri

Pelanggaran Santri ►
Akses:Semua Pengurus

Fitur

  • Catat dan kelola pelanggaran + hukuman santri
  • Filter, tab bar, pagination
  • Card santri: biru = laki-laki, pink = perempuan
  • Kategori: Ringan (biru), Sedang (kuning), Berat (merah)
Santri Sakit ►
Akses:Super AdminAdminKesehatan / Klinik

Fitur

  • Catat dan pantau santri sakit; tab sedang sakit / riwayat
  • Catat tanggal sakit dan tanggal sembuh

Status

  • Merah muda = Masih sakit  |  Hijau muda = Sudah sembuh
  • Card santri: biru = laki-laki, pink = perempuan
Izin Pulang ►
Akses:Super AdminAdminKesantrian

Fitur

  • Catat izin pulang, pantau kepulangan, tab sedang izin / riwayat
  • Filter tanggal

Status & Peringatan

  • Kuning = Sedang izin  |  Hijau = Sudah kembali
  • Merah = Terlambat kembali — card berubah background merah terang dan ada badge peringatan

Absensi Pengurus

Input Absensi Pengurus ►
Akses:Semua Pengurus

Fitur

  • Input absensi diri sendiri dengan verifikasi geolokasi + foto selfie
  • Tab Input / Riwayat

Indikator GPS

  • Kuning berkedip = Sedang mengambil lokasi
  • Hijau = Lokasi terverifikasi (dalam radius)
  • Kuning = Lokasi di luar radius
  • Merah = GPS gagal

Status Kehadiran

  • Hijau = Hadir  |  Kuning = Terlambat  |  Toska = Masuk lebih awal
  • Coklat = Izin  |  Merah = Sakit
Cek Absensi Pengurus ►
Akses:AdminSDM / Kepegawaian

Fitur

  • Lihat absensi per pengurus via kalender bulanan
  • Dialog detail menampilkan kalender + statistik strip pengurus
  • List pengurus: biru = laki-laki, pink = perempuan, coklat tua = dibekukan
Koordinat Absensi ►
Akses:Super AdminAdminSDM / Kepegawaian

Fitur

  • Atur titik koordinat dan radius zona absensi pengurus
Master Jabatan ►
Akses:Admin

Fitur

  • CRUD daftar jabatan pengurus (nama, kategori, urutan)
  • Kategori jabatan menentukan akses halaman secara otomatis
Kategori jabatan yang dikenali sistem: super admin, admin/operator, mudir, koordinator halaqoh, pengampu halaqoh, penguji hafalan, akademik, pengajar/ustadz, kesehatan/klinik, sdm/kepegawaian, kesantrian, kebersihan, operator jam digital.
Edit Pengurus ►
Akses:Admin

Fitur

  • CRUD data pengurus; atur jabatan dan status akun

Mading & Konten

Mading Digital ►
Akses:Semua PengurusSantri

Fitur

  • Lihat konten dan pengumuman sesuai role
  • Search judul/isi; pagination; buka konten detail
  • Chip ungu = konten khusus pengurus
Kelola Mading ►
Akses:Admin

Fitur

  • Publikasi konten untuk 3 audiens: pengurus, umum, santri
  • Editor rich text (Quill.js) untuk isi konten
  • CRUD konten mading

Jadwal & Kalender

Jadwal Ibadah ►
Akses:Semua Pengurus

Fitur

  • Atur jadwal kultum, imam sholat harian, dan khutbah Jum'at per pekan
  • Inline editing dengan autosave: border biru = menyimpan, hijau = tersimpan, merah = gagal
  • Elemen Jum'at ditandai biru tua
Kalender Akademik ►
Akses:Semua Pengurus

Fitur

  • Lihat agenda kegiatan dalam tampilan kalender bulanan
  • Panel "Upcoming" di sisi kanan; navigasi bulan; pilih tahun ajaran

Pengaturan Sistem

Pengaturan Portal ►
Akses:Super Admin saja

Fitur

  • Upload logo organisasi (PNG persegi minimal 512×512px dianjurkan untuk PWA)
  • Ubah nama, tagline, deskripsi, alamat, kontak organisasi
  • Kelola carousel foto di beranda publik
  • Atur pendaftaran santri baru (buka/tutup)
Logo yang diupload di sini otomatis dipakai sebagai ikon PWA dan favicon di semua halaman.
Panel Super Admin ►
Akses:Super Admin saja

Fitur

  • Operasi massal yang tidak bisa dibatalkan: reset password, reset username, hapus sesi
  • Setiap operasi wajib konfirmasi bertingkat

Warna Tombol

  • Merah = Berbahaya (tidak bisa dibatalkan)
  • Kuning = Berisiko  |  Toska = Aman
Tema halaman ini sengaja merah tua (#7f1d1d) sebagai peringatan visual bahwa ini area berbahaya.
Edit Kegiatan & SOP ►
Akses:Super AdminAdminMudir

Fitur

  • Kelola daftar kegiatan rutin dan SOP pesantren

Alat Bantu

Audit Data ►
Akses:Super AdminAdmin

Fitur

  • Temukan masalah data prioritas: santri tanpa halaqoh, data tidak lengkap, dll
  • Badge prioritas: High (merah), Medium (kuning), Low (hijau)
Skema Database ►
Akses:Semua Pengurus

Fitur

  • Tampilkan struktur dan relasi antar tabel database sistem
  • Legend keterangan simbol; daftar tabel dengan kolom dan relasi
Info Akses ►
Akses:Semua Pengurus

Fitur

  • Tampilkan halaman apa yang bisa diakses oleh setiap jabatan
  • Tab per tipe role; kartu expandable per jabatan
Info Halaman & Panduan Sistem ►
Akses:Semua Pengurus

Fitur

  • Halaman ini — daftar semua halaman, akses, fitur, dan panduan warna sistem

Akun

Profil Akun ►
Akses:Semua PengurusSantri

Fitur

  • Lihat dan edit foto profil, nama, data akun
  • Tanda tangan digital (pengurus saja) — gambar/upload TTD transparan PNG untuk dokumen resmi
  • Avatar gradient emas jika belum ada foto
Ganti Password ►
Akses:Semua PengurusSantri

Fitur

  • Form ubah password: isi password lama, password baru, konfirmasi

Publik (Tanpa Login)

Portal Publik (Beranda) ►
Akses:Siapapun (tanpa login)

Fitur

  • Tampilan beranda pesantren: nama, tagline, logo, carousel foto
  • Konten dikonfigurasi dari Pengaturan Portal
  • Link ke halaman login pengurus dan santri