Perancangan UI/UX Absensi dan Penggajian Pelatih Berbasis Website Menggunakan Metode Design Thinking

Tanty Nazala Asyla; Apriade Voutama

doi:10.31004/riggs.v5i2.8760

Authors

Tanty Nazala Asyla Universitas Singaperbangsa Karawang
Apriade Voutama Universitas Singaperbangsa Karawang

DOI:

https://doi.org/10.31004/riggs.v5i2.8760

Keywords:

UI/UX, Berbasis Website, Absensi digital, Sistem Informasi Penggajian, Design Thinking

Abstract

Perkembangan teknologi informasi mendorong berbagai organisasi untuk memanfaatkan sistem digital dalam mendukung efektivitas pengelolaan administrasi. Namun, proses absensi dan penggajian pelatih pada organisasi olahraga masih banyak dilakukan secara manual menggunakan spreadsheet sehingga menyebabkan keterlambatan rekapitulasi data, potensi kesalahan pencatatan, dan kesulitan dalam monitoring data kehadiran maupun pengelolaan honor pelatih. Selain itu, proses pengelolaan data yang belum terintegrasi juga menyebabkan pengguna mengalami kesulitan dalam melakukan pencarian data absensi dan penyusunan laporan penggajian secara berkala. Penelitian ini bertujuan merancang UI/UX absensi dan penggajian pelatih berbasis website menggunakan metode Design Thinking. Metode tersebut dipilih karena berorientasi pada kebutuhan pengguna melalui tahapan empathize, define, ideate, prototype, dan test. Pengumpulan data dilakukan melalui observasi, wawancara, studi pustaka, dan penyebaran kuesioner kepada pelatih, bendahara, sekretaris, dan ketua organisasi. Hasil penelitian berupa prototype website yang dirancang menggunakan pendekatan user-centered design dengan fitur login, dashboard pelatih, absensi harian, riwayat absensi, rekap bulanan, dashboard bendahara, dan laporan penggajian. Selain itu, penelitian ini juga menghasilkan rancangan sistem menggunakan Unified Modeling Language (UML) berupa use case diagram, activity diagram, dan user flow sebagai gambaran alur website. Hasil usability testing menunjukkan bahwa prototype memiliki tampilan antarmuka yang mudah dipahami, navigasi yang jelas, serta fitur yang sesuai dengan kebutuhan pengguna. Dengan demikian, perancangan UI/UX absensi dan penggajian pelatih berbasis website menggunakan metode Design Thinking mampu menghasilkan rancangan website yang lebih terstruktur, terintegrasi, dan berorientasi pada kebutuhan pengguna dalam mendukung pengelolaan administrasi organisasi olahraga.

Downloads

Download data is not yet available.

References

R. Khaliq, M. Irwan, and P. Nasution, “Perkembangan Sistem Informasi Manajemen (SIM) Di Indonesia.” [Online]. Available: https://jurnal.ittc.web.id/index.php/jibs/index

G. Khairunnisa, A. Voutama Sistem Informasi, and U. H. Singaperbangsa Karawang Jalan Ronggo Waluyo Karawang, “PENERAPAN UML DALAM PERANCANGAN SISTEM INFORMASI PEMINJAMAN INVENTARIS BERBASIS WEB DI BEM FASILKOM UNSIKA,” 2024.

M. Trifena, A. Voutama, and A. A. Ridha, “PERANCANGAN UI/UX APLIKASI SISTEM PENDAFTARAN RUMAH SAKIT SARASWATI BERBASIS MOBILE DENGAN METODE DESIGN THINKING,” INFORMATION MANAGEMENT FOR EDUCATORS AND PROFESSIONALS, vol. 7, no. 2, pp. 113–123, 2023.

R. Gustina and H. Leidiyana, “SISTEM INFORMASI PENGGAJIAN KARYAWAN BERBASIS WEB MENGGUNAKAN FRAMEWORK LARAVEL,” JSiI | Jurnal Sistem Informasi |, vol. 7, Mar. 2020.

A. Syukron and M. H. Abdurrazaq, “Perancangan Sistem Informasi Penggajian Karyawan Berbasis Website Dengan Metode Waterfall,” 2021. [Online]. Available: http://jurnal.bsi.ac.id/index.php/jasika74

L. Q. M. Rumakat, “Analisis Efektivitas Pelayanan Publik dalam Penerapan Sistem Administrasi Berbasis Elektronik di Pemerintah Daerah,” RIGGS: Journal of Artificial Intelligence and Digital Business, vol. 4, no. 2, pp. 4282–4289, Jun. 2025, doi: 10.31004/riggs.v4i2.1193.

S. C. Susilowati and A. Voutama, “Desain UI/UX Adaptif Website Absensi Karyawan: Komparasi Desktop dan Mobile Dengan ACD,” Jurnal Ilmu Komputer dan Bisnis, vol. 16, no. 2a, pp. 11–23, Dec. 2025, doi: 10.47927/jikb.v16i2a.1075.

M. Aliffigo Yogatura, A. Voutama Sistem Informasi, U. H. Singaperbangsa Karawang Jl Ronggo Wahluyo, and K. Telukjambe Timur, “PERANCANGAN UI/UX UNTUK PLATFORM E-LEARNING KELAS FOTOGRAFI DAN VIDEOGRAFI BERBASIS WEB MENGGUNAKAN FIGMA,” 2024.

Z. D. Anjarsari, D. A. Dermawan, and A. Kurniawan, “Perancangan Antarmuka Pengguna Aplikasi Absensi Kerja Berbasis Mobile Dengan Metode Design Thinking: Studi Kasus PT QLCom Solusi Bisnis.”

B. A. Tamba, “PERANCANGAN USER INTERFACE APLIKASI MOBILE PRESENSI KEGIATAN KAMPUS DENGAN MENGGUNAKAN METODE DESIGN THINKING,” Jurnal Informatika dan Teknik Elektro Terapan, vol. 13, no. 3, Jul. 2025, doi: 10.23960/jitet.v13i3.7223.

P. S. Rosiana, A. Voutama, and A. A. Ridha, “PERANCANGAN UI/UX SISTEM INFORMASI PEMBELIAN HASIL TANI BERBASIS MOBILE DENGAN METODE DESIGN THINKING,” Jurnal Informatika dan Teknik Elektro Terapan, vol. 11, no. 3, Jul. 2023, doi: 10.23960/jitet.v11i3.3048.

A. Karimullah, A. Rizal, and A. S. Y. Irawan, “PERANCANGAN UI/UX APLIKASI TRANSPORTASI PUBLIK BERBASIS MOBILE DENGAN METODE USER CENTERED DESIGN,” Jurnal Informatika dan Teknik Elektro Terapan, vol. 12, no. 3, Aug. 2024, doi: 10.23960/jitet.v12i3.4855.

Y. I. Syuhardi and A. Prastomo, “Perancangan Aplikasi Penggajian Karyawan,” RIGGS: Journal of Artificial Intelligence and Digital Business, vol. 4, no. 1, pp. 559–566, Apr. 2025, doi: 10.31004/riggs.v4i1.714.

Habib Reza Pahlawan, R. Amaranti, and A. A. Nurrahman, “Perbaikan Usability pada Aplikasi Goopo dengan Menggunakan Metode System Usability Scale (SUS),” Bandung Conference Series: Industrial Engineering Science, vol. 4, no. 2, pp. 944–960, Aug. 2024, doi: 10.29313/bcsies.v4i2.15173.

M. F. Widiyantoro, N. Heryana, A. Voutama, and N. Sulistiyowati, “INFORMATION MANAGEMENT FOR EDUCATORS AND PROFESSIONALS Perancangan UI / UX Aplikasi Toko Kue Dengan Metode Design Thinking,” vol. 7, no. 1, pp. 1–10.