Buatkan aplikasi berbasis web bernama SPMB (Sistem Penerimaan Murid Baru) dengan sistem modern, responsif (desktop & mobile), clean UI, dan menggunakan role-based access (Admin dan User/Calon Siswa). Sistem harus memiliki autentikasi terpisah antara Admin dan User serta menggunakan database relasional, validasi form, keamanan dasar (hash password, middleware auth), dan struktur yang rapi.
Saat URL pertama kali diakses, tampilkan Landing Page yang dinamis (kontennya dikelola dari database oleh Admin).
Landing Page harus memiliki navbar responsif (sticky) dengan menu:
- Beranda
- Informasi SPMB
- Tentang Sekolah
- Kontak
- Tombol “Calon Siswa (Daftar/Login)”
- Tombol kecil “Login Admin”
Landing Page menampilkan:
- Hero section (Nama Sekolah, Judul Sistem Penerimaan Murid Baru, deskripsi singkat, tombol “Daftar Sekarang”)
- Informasi SPMB (Tanggal Pendaftaran, Tanggal Pengumuman, Syarat Pendaftaran, Alur Pendaftaran)
- Informasi Sekolah (Profil singkat, Visi & Misi, Fasilitas)
- Kontak Panitia (No HP, Email, Alamat, Google Maps embed jika memungkinkan)
- Footer lengkap
Semua informasi tersebut harus bisa dikelola Admin (CRUD).
Ketentuan Navigasi Tambahan:
- Ketika tombol “Daftar Sekarang” atau “Calon Siswa (Daftar/Login)” diklik, maka arahkan ke halaman Login User.
- Pada halaman Login User harus terdapat:
- Form Login (Email dan Password)
- Tulisan/link: “Belum punya akun? Daftar di sini”
- Jika klik “Daftar”, maka masuk ke halaman Registrasi User.
- Setelah berhasil registrasi, siswa bisa langsung login menggunakan akun yang dibuat.
Ketika tombol “Login Admin” diklik, maka arahkan ke halaman Login Admin terpisah.
Gunakan kredensial default berikut untuk login admin awal:
Username: admin
Password: admin123
ROLE ADMIN:
Admin memiliki halaman login khusus. Setelah login masuk ke Dashboard Admin yang menampilkan ringkasan:
- Total Pendaftar
- Total Lulus
- Total Tidak Lulus
- Total Menunggu Verifikasi
- Grafik statistik pendaftar
Fitur Admin meliputi:
- Kelola Konten Landing Page (CRUD): informasi tanggal pendaftaran, tanggal pengumuman, syarat, informasi sekolah, kontak panitia, pengumuman penting, banner/slider.
- Kelola Jenis/Kategori Pendaftaran (CRUD): field meliputi nama paket (Reguler, Prestasi, Afirmasi, Pindahan, dll), kuota, biaya (opsional), deskripsi, dan status aktif/nonaktif.
- Kelola Data Pendaftar: melihat detail siswa, memverifikasi berkas, mengubah status (Menunggu, Lulus, Tidak Lulus), menambahkan catatan admin, filter berdasarkan status/kategori, serta export PDF/Excel.
- Manajemen Dokumen: melihat dan mengunduh file yang diupload siswa serta validasi dokumen.
- Pengaturan Sistem: atur tahun ajaran aktif, kuota total, buka/tutup pendaftaran, buka/tutup sistem pendaftaran, pengaturan notifikasi.
- Manajemen Admin (opsional jika multi-admin): tambah/edit/hapus admin.
ROLE USER (CALON SISWA):
User dapat melakukan:
- Registrasi akun (Email dan Password)
- Login
- Logout
- Reset password
Setelah login, masuk ke Dashboard Siswa yang menampilkan status pendaftaran, informasi penting, dan timeline proses seleksi.
Alur Pendaftaran Siswa:
Step 1 – Registrasi Akun (Email dan Password).
Step 2 – Input Biodata Lengkap: NISN, Nama Lengkap, Jenis Kelamin, Tempat Lahir, Tanggal Lahir, Agama, Alamat, Asal Sekolah, No HP, Nama Orang Tua, Pekerjaan Orang Tua.
Step 3 – Pilih Jenis Pendaftaran (dropdown kategori yang dibuat admin).
Step 4 – Upload Dokumen: Pas Foto, Scan Ijazah/SKL, Kartu Keluarga, Akta Kelahiran, Sertifikat (opsional). Format PDF/JPG/PNG dengan batas ukuran file.
Fitur tambahan untuk User:
- Bisa edit data sebelum diverifikasi admin
- Melihat status pendaftaran (Menunggu Verifikasi, Lulus, Tidak Lulus)
- Download bukti pendaftaran dalam bentuk PDF
- Mendapat notifikasi jika status berubah
Gunakan desain dashboard dengan sidebar navigation, tampilan modern dengan warna utama biru atau menyesuaikan tema sekolah. Pastikan sistem memiliki struktur database lengkap beserta relasi tabel yang jelas antara user, admin, kategori pendaftaran, data siswa, dan dokumen.
0 Komentar