ALMCONNECTION
← Kembali ke Portofolio
Project / POSTINGAN

Pembuatan Web NSE/PPDB Online

30 Sep 2026 • ALMCONNECTION
Pengembangan Website NSE sebagai Sistem Pendaftaran Siswa Baru Saya mengembangkan website **NSE – New Enrollment Student** sebagai platform pendaftaran siswa baru untuk jenjang **SD, SMP, dan MA Al-Azhar Asy-Syarif Sumat
https://nseaaibs.com/
PROJECT VIEW
Lihat Project ↗
Tampilan dashboard dimuat dari nseaaibs.com di dalam halaman ALMCONNECTION. Jika website tujuan menerapkan pembatasan iframe, preview dapat dibatasi oleh server website tersebut.
Pengembangan Website NSE sebagai Sistem Pendaftaran Siswa Baru Saya mengembangkan website NSE – New Enrollment Student sebagai platform pendaftaran siswa baru untuk jenjang SD, SMP, dan MA Al-Azhar Asy-Syarif Sumatera Utara. Proyek ini mencakup perancangan tampilan, penyusunan alur pendaftaran, pengelolaan data calon siswa, verifikasi administrasi, penyampaian hasil seleksi, serta pengembangan kartu identitas peserta. Tujuan pengembangannya adalah menghadirkan proses pendaftaran yang lebih terstruktur dan mudah diikuti. Calon siswa bersama orang tua dapat mengisi data dan memantau perkembangan pendaftaran melalui akun yang tersedia, sementara panitia mengelola informasi peserta melalui panel administrasi. 1. Perancangan Tampilan dan Identitas Setiap Jenjang Dalam merancang tampilan NSE, saya mengutamakan keterbacaan, navigasi yang jelas, dan susunan informasi yang mudah dipahami. Ukuran tulisan, jarak antarelemen, tampilan formulir, serta penempatan tombol diperhatikan agar pengguna dapat mengikuti proses pendaftaran dengan nyaman. Setiap jenjang memiliki identitas warna, yaitu hijau untuk SD, biru untuk SMP, dan oranye untuk MA. Penggunaan warna ini membantu pengguna mengenali jenjang yang dipilih sekaligus menjaga konsistensi tampilan website. Pengembangan visual juga mencakup pilihan tema terang dan gelap dengan aksen emas. Susunan halaman dirancang agar dapat menyesuaikan penggunaan melalui komputer, tablet, maupun ponsel, terutama pada bagian pemilihan jenjang, formulir, dan dashboard peserta. 2. Penyusunan Alur Pendaftaran Online Alur pendaftaran disusun mulai dari pemilihan jenjang pendidikan, pembuatan akun, pengisian formulir, hingga pengunggahan pasfoto. Setiap bagian diarahkan agar calon peserta memahami informasi yang perlu dilengkapi dan langkah berikutnya yang harus dilakukan. Dashboard peserta menjadi tempat untuk mengakses data pendaftaran dan melihat perkembangan status. Dengan susunan tersebut, informasi yang berkaitan dengan pendaftaran dapat ditemukan kembali melalui akun masing-masing. Dalam pengembangan formulir, saya berfokus pada kejelasan kolom isian, petunjuk yang mudah dipahami, dan kesesuaian data dengan kebutuhan panitia. Penyempurnaan dilakukan agar proses pengisian tetap terarah bagi calon siswa maupun orang tua yang mendampingi. 3. Pengembangan Panel Admin dan Pengelolaan Peserta Panel administrasi dikembangkan sebagai pusat pengelolaan data calon siswa. Melalui bagian ini, panitia dapat memeriksa data pendaftaran, melakukan verifikasi, memperbarui status, dan mengelompokkan peserta sesuai jenjang. Fitur pengelolaannya meliputi pencarian dan penyaringan data, pembagian daftar ke beberapa halaman, serta pemilihan beberapa peserta sekaligus untuk menjalankan tindakan secara massal. Pengembangan juga mencakup ekspor data ke Excel untuk kebutuhan rekapitulasi, pencetakan kartu peserta secara massal, serta pengelolaan akun admin untuk mendukung keterlibatan beberapa petugas. Penataan menu dan tombol tindakan menjadi bagian penting dalam pengembangan panel ini. Tujuannya adalah membantu panitia memahami fungsi setiap bagian dan menjalankan pekerjaan administrasi dengan langkah yang lebih jelas. 4. Kartu Identitas Peserta dan Pencatatan Kehadiran Saya juga mengembangkan kebutuhan kartu identitas peserta sebagai penghubung antara data pendaftaran online dan kegiatan seleksi di lokasi sekolah. Kartu memuat identitas serta foto peserta, dengan dukungan QR code dan penggunaan RFID untuk kebutuhan identifikasi. Penyesuaian foto menjadi bagian dari pengembangan agar hasil kartu lebih seragam. Pengaturan terbaru diarahkan pada penggunaan pasfoto berproporsi 2:3 saat pendaftaran, kemudian penyesuaian foto menjadi 1:1 pada desain kartu. Kartu peserta digunakan dalam rancangan pencatatan kedatangan dan kepulangan melalui pos satpam. Pemindaian QR code atau pembacaan kartu RFID membantu petugas menemukan data peserta serta memeriksa catatan kehadirannya. Identitas warna setiap jenjang juga menjadi acuan dalam pengembangan desain kartu agar peserta SD, SMP, dan MA lebih mudah dikenali secara visual. 5. Pengembangan Alur Tahapan Seleksi Pengembangan berikutnya diarahkan pada pengelolaan kegiatan seleksi yang tahapannya dapat diatur oleh admin. Sebuah kegiatan dapat memiliki beberapa tahap, seperti pemeriksaan awal di pos satpam, ujian tertulis, tes keagamaan, dan tahapan lain sesuai kebutuhan sekolah. Dalam rancangan alurnya, setiap tahap memiliki tautan pemindaian tersendiri. Setelah peserta menyelesaikan suatu tahap, petugas melakukan pemindaian untuk mencatat bahwa tahap tersebut telah dilalui. Riwayat peserta dirancang untuk menampilkan pemeriksaan awal dan tahapan yang sudah selesai. Informasi ini membantu petugas pada tahap berikutnya memeriksa perjalanan peserta selama kegiatan berlangsung. Fokus pengembangan bagian ini adalah menyatukan pengaturan kegiatan, titik pemeriksaan, dan riwayat tahapan dalam dashboard yang mudah dipahami oleh panitia. 6. Penyampaian Status dan Hasil Seleksi Website NSE juga mencakup penyampaian status pendaftaran dan hasil seleksi melalui akun peserta. Panitia mengelola status berdasarkan pemeriksaan administrasi serta keputusan penerimaan yang ditetapkan oleh pihak sekolah. Informasi hasil disusun agar calon siswa dan orang tua dapat memahami keputusan dengan jelas. Pesan penerimaan maupun hasil belum diterima dirancang menggunakan bahasa yang sopan dan tetap menghargai setiap peserta. Dengan pengaturan tersebut, dashboard menjadi tempat untuk mengikuti perkembangan proses sejak pengisian data hingga penyampaian hasil seleksi. 7. Fokus dan Peran dalam Pengembangan Dalam proyek NSE, saya menangani penyusunan konsep, perancangan antarmuka, pengembangan alur pendaftaran, pengelolaan administrasi, serta penyesuaian kebutuhan kartu dan pemeriksaan peserta. Proses pengembangan dilakukan secara bertahap mengikuti kebutuhan penggunaan di lapangan. Struktur formulir, tampilan admin, pengaturan foto, pencetakan kartu, dan alur kegiatan terus disempurnakan berdasarkan masukan. Fokus saya adalah membangun sistem pendaftaran yang jelas bagi calon siswa dan orang tua, sekaligus mendukung pekerjaan panitia dalam mengelola data serta pelaksanaan penerimaan siswa baru.
1 / 5