AL-IRSYAD JATIMJaringan Sekolah AktifSinkronisasi Otomatis

Design System & UI Kit Siswa Ceria

Standar antarmuka madrasah digital Al Irsyad Jawa Timur. Berbasis UI Glassmorphism presisi, tipografi Sans-Serif modern, kode formula terstandarisasi, dan nilai adab Islami modern.

Doa Menuntut IlmuQS. THAHA: 114

رَبِّ زِدْنِي عِلْمًا وَارْزُقْنِي فَهْمًا

"Ya Tuhanku, tambahkanlah kepadaku ilmu dan berikanlah aku pemahaman."

Design Tokens // Color Hierarchy

1. Token Warna Islamic EdTech

#0D9488PRIMARY

--teal-sunnah

Aksi Pokok, Tawadhu

#059669SUCCESS

--emerald-berkah

Status Benar / Sukses

#06B6D4FOCUS

--cyan-edtech

Kuis & Interaktif Sains

#F59E0BACHIEVE

--cyber-amber

Sorotan, Prestasi & Poin

#EA580CWARNING

--coral-tekad

Pengingat Waktu Habis

#6366F1HIKMAH

--indigo-adab

Kompetensi & Akhlak

Typography & STEM Rendering

2. Tipografi Modern & CBT Workspace

Heading: Outfit • Body: Plus Jakarta Sans100% SANS-SERIF

Asesmen Standar Prestasi Siswa Al Irsyad Jawa Timur

Plus Jakarta Sans (Body UI): Menjaga tingkat keterbacaan (readability) tertinggi pada layar tablet dan desktop CAT CBT. Bentuk glyph geometris yang humanis dan nyaman bagi mata siswa tingkat SD, SMP, hingga SMA.

Teks Arab & Doa Harian (Font Naskh Amiri)Diakritik Tajam & Standar Mushaf

بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ • وَقُلْ رَبِّ أَدْخِلْنِي مُدْخَلَ صِدْقٍ

"Dan katakanlah: Ya Tuhanku, masukkanlah aku ke tempat masuk yang benar..." (QS. Al-Isra': 80)

Formula Sains & KaTeX EngineKaTeX v0.16.8
Teorema Pythagorasc = √(a² + b²)Geometri Bidang
Rumus Kuadratik (ABC)x = (-b ± √(b² - 4ac)) / 2aAljabar Menengah
Relativitas KhususE = mc²Fisika Modern
Volume SilinderV = π × r² × tGeometri Ruang
LATEX_SYNTAX_PARSER
Ready for MathML Screen-readers
Action System & Micro-Controls

3. Tombol High-Tech, Switch & Status Chips

A. Tech Micro-Pill & Glow Action Buttons

B. Tech Status Chips & Faceless Verification Badges

Selesai & DinilaiSedang DikerjakanDitandai RaguTahfidz Juz 30TerjadwalSesi TerverifikasiPerlu Ditinjau
Input Controls & Dual Calendar System

4. Interactive Dropdown, Token OTP & Tech Hijriah Calendar

CMD + K

Komponen select terstandarisasi dengan frosted glass, glow, dan panah kustom

AUTO-SAVED TO CLOUD
Websocket Sinkron
Status: VALID•Exp: 14m 58s
Kalender Akademik & Hijriah

Sya'ban 1447 H

AhdIsnTsaArbKhaJumSab
262728291234567891011121314151617
Tryout Serentak Jawa TimurT-02 HARI

Jadwal pelaksanaan serentak seluruh cabang Al-Irsyad Jawa Timur.

Navigation Chrome & Modal Architecture

5. Navigasi Tab Segmented & Dialog Konfirmasi Tryout

SESI UJIAN AKTIF PEKAN ININODE SURABAYA 01: READY
01
Matematika & Logika Kritis

40 Butir Soal • 90 Menit • Standar Cambridge & Nasional

08:00 - 09:30
02
Bahasa Arab & Pemahaman Teks

30 Butir Soal • 60 Menit • Dilengkapi Audio Qira'ah

10:00 - 11:00
KONFIRMASI SESITRY-2026-08A

Siap Memulai Tryout Mandiri 1?

Pastikan telah membaca basmalah dan memeriksa koneksi. Waktu ujian mulai berjalan saat tombol ditekan.

Pengawas:Ustadz Rahmat H.
Status Ruang:Sesi Terverifikasi
CBT Workspace Architecture

6. Lembar Soal Ujian Digital Interaktif & Blueprint Geometri

SOAL NO. 14Matematika Terapan // Geometri & Pengukuran
SISA WAKTU: 00:38:42

Sebuah kubah masjid berbentuk setengah bola memiliki diameter 14 meter. Jika biaya pengecatan kubah adalah Rp 25.000 per meter persegi, berapakah perkiraan total biaya yang diperlukan untuk mengecat seluruh permukaan luar kubah tersebut? (Gunakan nilai π ≈ 22/7)

RUMUS:Luas Permukaan Kubah Setengah Bola: L = 2 × π × r²
DIAGRAM GEOMETRI
r = 7 md = 14 meter
Model Kubah Setengah Bola
RUMUS:L = 2 × π × r²
UX Architecture • 3-Step Flow Pattern

7. Alur Ringkas Siswa & Pindai Kartu Ujian (QR CAT)

SESI AKTIFTersimpan Otomatis

Lanjutkan Tryout Mandiri 1

Mata pelajaran Matematika belum diselesaikan (sisa 45 menit, 14 butir terjawab). Terkoneksi otomatis ke sesi sebelumnya.

Kamera QR Presensi Siswa
FPS: 60 • 1080P HD
Islamic EdTech Audio Visualizer

8. Audio Murottal Digital & Pelacak Hafalan Siswa

Audio Soal PAIMurottal
QS. Al-Alaq: 1-501:14 / 02:45
Hafalan Tahfidz85% Tuntas
Juz 30 ('Amma)37/37 Surat
Juz 29 (Tabarak)7/11 Surat
Advanced Data Architecture // V1 Final

9. V1 Core Data Components (TanStack Table, Recharts, & Status)

Total: 5 baris
Nama Siswa
Kelas
Skor CBT
Status
Ahmad Rayhan Al-Fatih6A94.5Lulus
Aisyah Putri Azzahra6A92Lulus
Bilal Muhammad Hakim6A88.5Lulus
Fathimah Nabila Zahra6B79Perlu Latihan
Hasan Abdullah Basalamah6B85Lulus
Halaman 1 dari 1

Komparasi Capaian CBT: Sekolah vs Wilayah vs Jatim

NILAI RATA-RATA (0-100)

Garis Perkembangan Rata-Rata Tryout

Belum Ada Soal

Draf soal untuk paket ini belum dibuat oleh tim guru.

Area Uji Verifikasi Fixture Playwright (@langkah)

Elemen interaktif khusus untuk menguji validasi fixture apps/web/e2e/support/langkah.ts.

Kasus 1 (Anggaran: 2 langkah)
Kasus 2 (Anggaran: 3 langkah)
Kasus 3 (Anggaran: 3, Melebihi: 4 langkah)