Perancangan User interface E-Presensi Siswa Berbasis Design Thinking dengan Integrasi Notifikasi WhatsApp di SMP Negeri 2 Kalipuro Banyuwangi
DOI:
https://doi.org/10.36423/index.v8i1.2485Keywords:
User Interface, E-Presensi, Design ThinkingAbstract
Perkembangan teknologi digital mendorong pemanfaatan sistem informasi dalam mendukung kegiatan sekolah, termasuk dalam pencatatan kehadiran siswa. Namun, proses presensi di SMP Negeri 2 Kalipuro Banyuwangi masih dilakukan secara manual sehingga menimbulkan permasalahan seperti keterlambatan pencatatan, kurangnya efisiensi, serta keterbatasan informasi bagi wali murid. Penelitian ini bertujuan untuk merancang user interface aplikasi E-Presensi siswa berbasis dengan menerapkan metode Design Thinking serta mengintegrasikan notifikasi WhatsApp sebagai media penyampaian informasi kehadiran secara real-time. Metode Design Thinking digunakan melalui lima tahapan, yaitu Empathize, Define, Ideate, prototype, dan test. Sistem yang dirancang telah diimplementasikan dalam bentuk aplikasi berbasis web yang telah di hosting sehingga dapat diakses secara online oleh pengguna. Pengujian dilakukan menggunakan metode BlackBox Testing serta evaluasi pengguna terhadap antarmuka sistem. Hasil pengujian menunjukkan bahwa sistem memiliki tingkat keberhasilan fungsional sebesar 83%, sedangkan hasil evaluasi usability memperoleh nilai sebesar 90%, yang menunjukkan bahwa sistem mudah digunakan dan sesuai dengan kebutuhan pengguna. Selain itu, integrasi notifikasi WhatsApp mampu meningkatkan efektivitas penyampaian informasi kehadiran siswa kepada wali murid. Dengan demikian, penerapan metode Design Thinking terbukti efektif dalam menghasilkan rancangan antarmuka yang tidak hanya fungsional, tetapi juga memberikan pengalaman pengguna yang baik serta mendukung efisiensi proses presensi di sekolah.
References
[1] I. M. S. Wedanta, I. P. A. Swastika, and A. . I. I. Paramitha, “Prototype User interface Aplikasi Berbasis Website Bank Sampah Menggunakan Metode Design Thinking,” Jutisi J. Ilm. Tek. Inform. dan Sist. Inf., vol. 12, no. 3, p. 1484, 2023, doi: 10.35889/jutisi.v12i3.1739.
[2] I. W. A. A. Arya Pering, H. S. Alam, and I. G. P. K. Juliharta, “Perancangan User interface Sistem Reservasi Berbasis Website Pada Sayong House Bungalows,” Jutisi J. Ilm. Tek. Inform. dan Sist. Inf., vol. 12, no. 3, p. 1451, 2023, doi: 10.35889/jutisi.v12i3.1494.
[3] H. S. Hayat, Y. Winoto, and N. Kurniasih, “Rancangan Desain User interface (Ui) Website Kantor Desa Cileles,” AKSELERASI J.Ilm. Nas., vol. 5, no. 2, pp. 26–42, 2023, doi: 10.54783/jin.v5i2.705.
[4] B. S. Wiyono, M. Z. Lilhaq, W. Suharso, and F. N. Ramadha, “Perancangan Dan Evaluasi Desain User interface Prototype Aplikasi Manajemen Kandang PT XYZ,” Jutisi J. Ilm. Tek. Inform. dan Sist. Inf., vol. 13, no. 2, p. 919, 2024, doi: 10.35889/jutisi.v13i2.1883.
[5] R. Iskandar and A. Gustiawan, “Jurnal Desain Komunikasi Kreatif Perancangan Film Dokumenter Lapik Pandan,” vol. 6, no. 1, pp. 110–115, 2024, doi: 10.35134/judikatif.v4i2.1.
[6] M. Design, T. Dalam, R. Design, and I. Aplikasi, “Penerapan Metode Design Thinking Dalam Rancangan Design Interface Aplikasi,” vol. 8, no. 1, pp. 13–24, 2023.
[7] D. A. Wibowo and B. Kristianto, “Design UI/UX Reservation Application Onengan Resort with Design Thinking Method Using Figma,” Jutisi J. Ilm. Tek. Inform. dan Sist. Inf., vol. 13, no. 2, p. 1251, 2024, doi: 10.35889/jutisi.v13i2.2115.
[8] S. A. Shafa and A. Muchayan, “Penerapan Metode Design Thinking dalam Perancangan Aplikasi Layanan Pengaduan Hukum Berbasis Mobile,” Jutisi J. Ilm. Tek. Inform. dan Sist. Inf., vol. 13, no. 2, p. 859, 2024, doi: 10.35889/jutisi.v13i2.1788.
[9] I. Solicah and J. S. Wibowo, “Pengembangan Sistem Informasi Manajemen Indekos Menggunakan Metode Design Thinking,” Jutisi J. Ilm. Tek. Inform. dan Sist. Inf., vol. 13, no. 1, p. 119, 2024, doi: 10.35889/jutisi.v13i1.1708.
[10] F. Kasri, N. Safaat H, M. Irsyad, and P. Pizaini, “Perancangan User interface Game Sejarah Kerajaan Siak Menggunakan Metode Design Thinking,” Jutisi J. Ilm. Tek. Inform. dan Sist. Inf., vol. 11, no. 3, p. 707, 2022, doi: 10.35889/jutisi.v11i3.997.
[11] S. Pramesti and P. Tri Febrianto, “Implementasi Sistem Absensi Digital Untuk Meningkatkan Efisiensi Pencatatan Kehadiran Guru Di Sekolah Dasar,” JATI (Jurnal Mhs. Tek. Inform., vol. 8, no. 2, pp. 2429–2434, 2024, doi: 10.36040/jati.v8i2.9521.
[12] H. Yunita, H. M. Junaidi, A. Akbar, and N. R. Febriyanti, “Pemanfaatan Teknologi Simple Scan pada Aplikasi Presensi Awak Kapal Berbasis Web,” Jutisi J. Ilm. Tek. Inform. dan Sist. Inf., vol. 11, no. 3, p. 829, 2022, doi: 10.35889/jutisi.v11i3.987.
[13] D. Fakhrun Shiddieq and H. Purwanto, “Optimalisasi Penggunaan Quick Response Code Pada Presensi Mahasiswa Berbasis Android,” Jutisi, vol. 10, no. 3, pp. 657–668, 2021.
[14] Novita and Hardy, “Sistem Informasi Presensi Karyawan berbasis QR Code,” vol. 9, no. 4, pp. 6267–6273, 2019.
[15] A. E. Susilo and A. Abdurrahman, “Manajemen Sumber Daya Manusia Untuk Meningkatkan Kinerja Karyawan Melalui Absensi Digital,” J. Educ. FKIP UNMA, vol. 9, no. 1, pp. 318–326, 2023, doi: 10.31949/educatio.v9i1.4629.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Elsa Nabila, Solehatin Solehatin, Hadiq Hadiq

This work is licensed under a Creative Commons Attribution 4.0 International License.



