INTEGRASI FRONTEND SISTEM PRESENSI ONLINE BERBASIS QRCODE DENGAN MENGGUNAKAN REACTJS DAN AXIOS STUDI KASUS (YAYASAN AWWALIYAH AL-ASIYAH)

Yayasan Awwaliyah Al-Asiyah merupakan lembaga pendidikan yang menghadapi tantangan dalam mencatat kehadiran guru dan siswa secara akurat dan efisien. Sistem presensi manual yang selama ini digunakan memiliki banyak kelemahan, seperti potensi manipulasi data, proses rekapitulasi yang lambat, serta kurangnya transparansi bagi orang
tua. Oleh karena itu, dikembangkanlah sistem presensi berbasis QR Code yang terintegrasi dengan antarmuka frontend menggunakan React.js dan komunikasi data melalui Axios. Tujuan penelitian ini adalah untuk mengimplementasikan integrasi antarmuka pengguna yang responsif dan mudah digunakan dengan sistem presensi, agar proses pencatatan kehadiran dapat dilakukan secara real-time. Evaluasi sistem dilakukan melalui pengujian fungsional (blackbox testing), dan penilaian kepuasan pengguna menggunakan User Acceptance Testing (UAT) berbasis Skala Likert. Hasil pengujian menunjukkan bahwa sistem dapat berjalan sesuai harapan pengguna, dengan nilai kepuasan mencapai skor 167 dari maksimal 180. Hal ini menunjukkan bahwa antarmuka yang dibangun cukup responsif, mudah digunakan, dan memenuhi kebutuhan pengguna.

Kata Kunci: Presensi, QR Code, ReactJS, Axios, Frontend