Perancangan Sistem Kontes Burung Kicau Berbasis Website dengan Metode Human Centered Design

Authors

  • Viviana Hanifa Universitas Pamulang
  • Savitri Universitas Pamulang

DOI:

https://doi.org/10.32493/joaiia.v7i1.56836

Keywords:

Aplikasi berbasis Web, Rancang Bangun Sistem, Kontes Burung Kicau, Metode human-centered design, transparansi penilaian

Abstract

Penilaian dalam kontes burung kicau di Gantangan Kampung Jati masih dilakukan secara konvensional, sehingga berpotensi menimbulkan ketidaktepatan penilaian, keterlambatan penyampaian hasil, serta menurunkan tingkat kepercayaan peserta. Selain itu, belum tersedianya sistem pencatatan hasil lomba yang terdokumentasi dengan baik menyebabkan informasi hasil tidak dapat diakses secara real-time dan kurang transparan. Berdasarkan permasalahan tersebut, penelitian ini merumuskan tiga fokus utama, yaitu bagaimana merancang sistem kontes burung kicau berbasis web untuk meningkatkan transparansi dan efisiensi penilaian, bagaimana menerapkan metode Human-Centered Design (HCD) agar sistem sesuai dengan kebutuhan serta kemampuan pengguna, serta bagaimana membangun sistem lomba yang mudah digunakan dan mendukung kebutuhan operasional komunitas. Metode penyelesaian yang digunakan adalah Human-Centered Design (HCD) yang meliputi tahapan pemahaman konteks pengguna, identifikasi kebutuhan, perancangan solusi, dan evaluasi desain. Sistem diimplementasikan berbasis web menggunakan framework Laravel dengan fitur pendaftaran peserta, input nilai juri, rekapitulasi hasil lomba, serta penyajian hasil. Pengujian sistem dilakukan menggunakan metode black box untuk menguji fungsionalitas dan white box untuk memastikan kebenaran logika program. Hasil evaluasi pengguna menunjukkan nilai indeks sebesar 86,03% dengan kategori sangat baik, yang menandakan bahwa sistem mampu meningkatkan transparansi, efisiensi, dan kepercayaan peserta terhadap hasil penilaian.

References

[1] A. Misbullah et al., “Metode Human Centered Design Pada Perancangan Sistem Pengaduan Masyarakat Desa Berbasis Website,” J-SIGN, vol. 1, no. 2, pp. 102–113, 2023, doi: 10.24815/j-sign.v1i01.35111.

[2] N. Fuji Astuti et al., “Penerapan Metode Human Centered Design pada Perancangan Sistem Informasi Curhat Online Berbasis Web,” 2024. [Online]. Available: https://journal.stmiki.ac.id

[3] M. T. I. Rahmayan and E. D. Jayanti, “Sistem Informasi Penerimaan Karyawan (E-Recruitment) Menggunakan Pendekatan Human Centered Design (HCD),” J. Tek. Ind. Terintegrasi, vol. 6, no. 4, pp. 1455–1465, Oct. 2023, doi: 10.31004/jutin.v6i4.20835.

[4] R. Putra, R. N. Taufan, and U. Ungkawa, “Perancangan Website Informasi dan Vaksinasi UPT Puskesmas XYZ Menggunakan Pendekatan Human Centered Design (HCD).”

[5] M. Adrian Juniarta Hidayat, H. Bahtiar, and Y. Kuspandi Putra, “Rancang Bangun Aplikasi Bimbingan Skripsi Online Berbasis Android dengan Metode Human Centered Design Design and Build an Android-Based Online Thesis Tutoring Application Using the Human Centered Design Method,” J. Bumigora Inf. Technol., vol. 5, no. 2, pp. 127–138, 2023, doi: 10.30812/bite/v5i2.3518.

[6] A. Wardlatul, U. Wahidah, H. Muslimah Az-Zahra, and W. S. Wardhono, “Perancangan Antarmuka Sistem Informasi Akademik Siswa berbasis Web menggunakan Metode Human Centered Design (Studi Kasus: SMK Negeri 8 Malang),” 2021. [Online]. Available: http://j-ptiik.ub.ac.id

[7] P. Kurniawan and S. Rani, “Perancangan Desain UI/UX Aplikasi PeduliPanti Menggunakan Metode Human-Centered Design.”

[8] T. A. Puspa, S. Hadi Wijoyo, and A. Rachmadi, “Perancangan User Interface (UI) Sistem Informasi Inventaris Barang Sekolah berbasis Web menggunakan Metode Human Centered Design (HCD) (Studi Kasus: SMKN 2 Blitar),” 2023. [Online]. Available: http://j-ptiik.ub.ac.id

[9] N. Nirsal, Syafriadi, and Nur Afika Firanti, “Perancangan UI/UX Sistem Informasi Penilaian Seminar dan Skripsi Pendekatan Human Centered Design,” J. CoSciTech (Computer Sci. Inf. Technol., vol. 4, no. 3, pp. 548–556, Dec. 2023, doi: 10.37859/coscitech.v4i3.6484.

[10] N. Izzah, M. Ramadhani, H. Muslimah Az-Zahra, and A. Syawli, “Perancangan User Experience Sistem Informasi Daerah Penangkapan Ikan Menggunakan Metode Human-Centered Design (HCD),” vol. 9, no. 4, pp. 2548–964, 2025, [Online]. Available: http://j-ptiik.ub.ac.id

[11] T. Arianti, A. Fa’izi, S. Adam, M. Wulandari, and P. ’ Aisyiyah Pontianak, “PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN MENGGUNAKAN DIAGRAM UML (UNIFIED MODELLING LANGUAGE),” 2022.

[12] R. Destriana, S. M. Husain, N. Handayani, and A. T. P. Siswanto, Diagram UML Dalam Membuat Aplikasi Android Firebase" Studi Kasus Aplikasi Bank Sampah. Penerbit Deepublish, 2021.

[13] N. F. Hasan et al., Dasar Analisa Perancangan Sistem Informasi. Yayasan Cendikia Mulia Mandiri, 2023.

[14] R. Melyanti, Herianto, R. Murtadha, and Y. Irawan, PROJECT PHP MEMBANGUN ARSIP DATA MAHASISWA MENGGUNAKAN FRAMEWORK LARAVEL. CV Azka Pustaka, 2024.

[15] S. Nabila, A. R. Putri, A. Hafizhah, F. H. Rahmah, and R. Muslikhah, “Pemodelan Diagram UML Pada Perancangan Sistem Aplikasi Konsultasi Hewan Peliharaan Berbasis Android (Studi Kasus: Alopet),” J. Ilmu Komput. dan Bisnis, vol. 12, no. 2, pp. 130–139, Nov. 2021, doi: 10.47927/jikb.v12i2.150.

Downloads

Published

2026-02-28

How to Cite

Viviana Hanifa, & Savitri. (2026). Perancangan Sistem Kontes Burung Kicau Berbasis Website dengan Metode Human Centered Design. Journal of Artificial Intelligence and Innovative Applications (JOAIIA), 7(1), 264–275. https://doi.org/10.32493/joaiia.v7i1.56836

Issue

Section

Articles