The Frontend Design of the New Student Inden System (PPDB) at SD Muhammadiyah 1 Candi
Perancangan Fronted pada Sistem Inden Calon Siswa PPDB SD Muhammadiyah 1 Candi
DOI:
https://doi.org/10.21070/pels.v10i1.2917Keywords:
New Student Admissions, Prospective Student Indent, Interface Design, Human Centered Design, Web ApplicationAbstract
General Background Technological advancements have increasingly transformed administrative procedures in educational institutions, including digital approaches for new student admissions. Specific Background Prospective student registration for the New Student Admissions (PPDB) at SD Muhammadiyah 1 Candi relies on manual procedures, which causes administrative delays and recording inefficiencies. Knowledge Gap Existing manual registration setups lack structured frontend web interfaces designed systematically through direct user-centered interaction frameworks. Aims This study designs a web-based frontend interface for the prospective student indent system utilizing the Human Centered Design (HCD) approach. Results Observational evaluations and iterative prototyping stages—comprising inspire, ideate, and implement phases—successfully generated wireframes and mockups that structure data input and document validation workflows. Novelty A contextualized frontend interface model structured specifically for elementary school prospective student indent registration via the HCD method. Implications Implementing structured, user-centered web interfaces enables educational institutions to eliminate manual registration burdens, reduce errors, and streamline student data management.
Key Findings Highlights
-
Human-centered design methodology successfully addresses manual registration bottlenecks by prioritizing user navigation needs.
-
Structured wireframing and prototyping establish clear digital entry workflows for prospective student data collection.
-
Digital interface implementation transforms conventional school record-keeping into an organized, transparent administration system.
Keywords New student admissions, Prospective student indent, Interface design, Human centered design, Web application
Downloads
References
[1] W. Muslimin and E. Zuraidah, "Desain UI/UX Prototype SPP Menggunakan Metode Human Centered Design," KLIK: Kajian Ilmiah Informatika dan Komputer, vol. 4, no. 2, pp. 746–756, 2023, doi: 10.30865/klik.v4i2.1081.
[2] D. Damayanti, A. Triayudi, and I. D. Sholihati, "Analisis UI/UX untuk Perancangan Website Apotek dengan Metode Human Centered Design dan System Usability Scale," Jurnal Media Informatika Budidarma, vol. 6, no. 1, p. 551, Jan. 2022, doi: 10.30865/mib.v6i1.3526.
[3] A. Sagara, "Penerapan Pola Tata Letak (Layout Pattern) pada Wireframing Halaman Situs Web," Magenta | Official Journal STMIK Trisakti, vol. 3, no. 1, pp. 452–464, 2019, doi: 10.61344/magenta.v3i01.45.
[4] I. P. Sari, A. H. Kartina, A. M. Pratiwi, F. Oktariana, M. F. Nasrulloh, and S. A. Zain, "Implementasi Metode Pendekatan Design Thinking dalam Pembuatan Aplikasi Happy C1," Edsence: Jurnal Pendidikan Multimedia, vol. 2, no. 1, pp. 45–55, 2020.
[5] R. Madanih, M. Susandi, and A. Zhafira, "Penerapan Design Thinking pada Usaha Pengembangan Budi Daya Ikan Lele di Desa Pabuaran, Kecamatan Gunung Sindur, Kabupaten Bogor," Jurnal Business Entrepreneurship, vol. 2, no. 1, pp. 55–64, 2019, doi: 10.24853/baskara.2.1.55-64.
[6] M. P. Hannah, R. Nur Kholiza, and A. Kurniawan, "Perancangan UI/UX Penerimaan Peserta Didik Baru Berbasis Website Menggunakan Metode User Centered Design," KLIK: Kajian Ilmiah Informatika dan Komputer, vol. 4, no. 4, pp. 210–220, 2024.
[7] Z. Azziqra, "Perancangan UI/UX Untuk Aplikasi Al-Quran Menggunakan Metode Human Centered Design," Jurnal Repositor, vol. 6, no. 1, pp. 12–22, Feb. 2024.
[8] G. B. Ticoalu, I. A. Musdar, and S. Munir, "Evaluation and Improvement of Invitees’ Website UI/UX Using Human Centered Design Method," KHARISMA Tech, vol. 18, no. 1, pp. 55–69, 2023, doi: 10.55645/kharismatech.v18i1.287.
[9] R. E. Zuldi and A. Fatmawati, "Perancangan User Interface dan User Experience pada Website Belajar Bekerja Menggunakan Pendekatan Human Centered Design," Abdi Teknoyasa, vol. 4, no. 1, pp. 101–110, 2025.
[10] S. Pratama and D. Prasetyo, "Evaluasi pengalaman pengguna pada sistem penerimaan siswa baru berbasis web," Jurnal Sistem Informasi dan Teknologi, vol. 12, no. 2, pp. 115–123, 2021.
[11] A. Nugroho and F. Hidayat, "Penerapan metode human centered design dalam perancangan antarmuka pendaftaran online," Jurnal Teknologi dan Rekayasa, vol. 8, no. 1, pp. 45–53, 2022.
[12] R. Santoso and M. R. Utomo, "Analisis usabilitas website sekolah menggunakan metode system usability scale," Jurnal Ilmiah Teknologi Informasi, vol. 9, no. 3, pp. 201–210, 2022.
[13] H. Purnomo and T. Wibowo, "Optimalisasi tata letak antarmuka informasi pendaftaran siswa baru," Jurnal Rekayasa Sistem Komputer, vol. 11, no. 2, pp. 88–95, 2023.
[14] N. L. Fitriani and B. P. Santoso, "Transformasi digital administrasi sekolah melalui pengembangan sistem informasi pendaftaran," Jurnal Manajemen Pendidikan, vol. 14, no. 1, pp. 30–39, 2024.
[15] K. A. Kurniawan and A. S. Wijaya, "Perancangan frontend sistem akademik sekolah berbasis web responsif," Jurnal Teknik Informatika dan Sistem Informasi, vol. 11, no. 2, pp. 140–149, 2025.
Downloads
Published
Issue
Section
Categories
License
Copyright (c) 2026 Muhammad Abdullah Faqih, Arif Senja Fitrani
This work is licensed under a Creative Commons Attribution 4.0 International License.
