Kembali Gerbang Semar MAN 1 Kota Malang
Portal layanan digital terpadu MAN 1 Kota Malang, gerbang akses cepat ke 19+ layanan madrasah mulai dari legalisasi ijazah, pengaduan, hingga akademik dengan fitur aksesibilitas inklusif.
Tentang Projek
Gerbang Semar adalah portal layanan digital yang dibangun untuk Madrasah Aliyah Negeri 1 Kota Malang, salah satu madrasah unggulan di Jawa Timur. Platform ini menyatukan seluruh layanan madrasah ke dalam satu pintu akses yang elegan dan mudah digunakan. Terdapat 3 kategori layanan utama: PTSP (13 layanan seperti legalisasi ijazah online, PMBM, aplikasi surat masuk), Aduan & Informasi (Sukasam, PPID, Pengaduan Masyarakat/WBS), dan Akademik (CAT, DIGILAB, Buku Digital). Yang membuat portal ini istimewa adalah fitur aksesibilitas inklusif, di mana pengguna dapat mengatur ukuran teks, kontras tinggi, dan spasi baris untuk memastikan semua orang dapat mengakses layanan dengan nyaman. Didesain dengan pendekatan mobile-first dan progressive web app untuk performa optimal di semua perangkat.
Tech Stack
Tantangan
- Merancang arsitektur portal yang mengakomodasi 19+ layanan dengan navigasi yang intuitif
- Mengimplementasikan fitur aksesibilitas inklusif (teks scaling, high contrast, line spacing) tanpa mengorbankan estetika
- Mengintegrasikan berbagai layanan online dan offline dalam satu antarmuka yang kohesif
Solusi
- Layout berbasis card grid dengan kategorisasi layanan yang jelas dan visual hierarchy yang kuat
- Custom accessibility panel dengan CSS variables untuk real-time font scaling dan contrast adjustment
- Progressive disclosure pattern, pengguna melihat ringkasan layanan terlebih dahulu, lalu detail saat dibutuhkan