Implementasi Front-End Aplikasi Absensi Teknoid Menggunakan Tailwind CSS Studi Kasus ITB Ahmad Dahlan
Keywords:
Digital Attendance, Tailwind CSS, Front-End, Agile, Responsive WebAbstract
The digital transformation in higher education institutions demands more efficient administrative systems, including staff attendance systems. ITB Ahmad Dahlan still faces challenges with its current attendance system, such as manual recapitulation, undeleted inactive employee data, and limited automation features. This study aims to implement the front-end interface of a web-based attendance system using Tailwind CSS with an Agile approach. The system is designed to be responsive, modular, and integrated with features such as attendance validation, employee account management, and automated recapitulation. The development process includes requirement analysis, interface design, implementation with an organized folder structure, and functionality testing through Black Box and System Usability Scale (SUS) methods. The test results indicate that the system is accessible across various devices, performs well, and receives positive feedback from users. This front-end implementation is expected to support administrative efficiency and serve as a foundation for future integration with RFID- and IoT-based attendance systems.
References
Arribe, E., & Ryandi, M. (2023). Perancangan Sistem Informasi Absensi Fingerprint Berbasis Website PT. Media Andalan Nusa (Andalworks). Jurnal Ilmiah Informatika, 11(02), 143–149. https://doi.org/10.33884/jif.v11i02.7462
Aryanti, U. & Karmila, S. 2022, ‘Sistem Informasi Absensi Pegawai Berbasis Web di Kantor Desa Nagreg’, INTERNAL (Information System Journal), vol. 5, no. 1, pp. 90–101. Available at: https://doi.org/10.32627/internal.v5i1.532
Burange, A. W., & Misalkar, H. D. (2015). Internet of Things (IoT): A literature review. International Journal of Computer Applications, 113(1), 1–4. https://doi.org/10.5120/19706-1571
Elsi, Z.R.S. & Jimmie. 2020, ‘Rancang Bangun Absensi Perkuliahan dengan Fingerprint Berbasis Webbase’, Jusikom: Jurnal Sistem Komputer Musirawas, vol. 5, no. 1, pp. 24–32.
Fahrudin, T. (2012). Pencatatan dan Pemantauan Kehadiran Perkuliahan di Lingkungan Politeknik Telkom Berbasis RFID dan Aplikasi Web. Konferensi Nasional ICT-M Politeknik Telkom.
Fitrian, H.P., Ridwan, R., Rachman, R.S., Nurhakim, I., Syakuro, K.A., Firdaus, T. & Purnama, R.R. 2025, ‘Analisis perbandingan platform cloud computing untuk implementasi sistem pembelajaran daring (Studi kasus: Perguruan Tinggi Negeri)’, JATI (Jurnal Mahasiswa Teknik Informatika), vol. 9, no. 2, pp. 1911–1916. Available at: https://doi.org/10.36040/jati.v9i2.12823
Hidayat, T., Rahmadani, S., Marpaung, P.H., Dongoran, A., Hakim, L., Purnamasari, E.D. & Parinduri, R.D. 2021, ‘Implementasi penggunaan RFID untuk sistem absensi bagi siswa Madrasah Aliyah Negeri 1, Kota Padang Sidempuan berbasis web’, Eksakta: Jurnal Penelitian dan Pembelajaran MIPA, vol. 6, no. 2, pp. 295–298.
Maharani, P. 2025, ‘Pengembangan Website PT. Rantangin Digital Indonesia Menggunakan Framework Next Js dan Tailwind CSS’, Repeater: Publikasi Teknik Informatika dan Jaringan, vol. 3, no. 1, pp. 129–137. Available at: https://doi.org/10.62951/repeater.v3i1.355
Saputra, M.H., Marhaini & Dristyan, F. 2024, ‘Implementasi teknologi absensi digital berbasis objek untuk meningkatkan kualitas proses belajar mengajar di perguruan tinggi’, Fusion: Journal of Research in Engineering, Technology and Applied Sciences, vol. 1, no. 2, pp. 62–71. Available at: https://ejurnal.faaslibsmedia.com/index.php/fusion/article/view/35
Sofyan, A., Sari, A. O., & Zuraidah, E. (2021). Rancang Bangun Sistem Informasi Monitoring Absensi Karyawan Berbasis Website. Infotek: Jurnal Informatika dan Teknologi, 4(2), 301–311. https://doi.org/10.29408/jit.v4i2.3721
Wildian. (2018). Rancang Bangun Sistem Absensi Mahasiswa Menggunakan Sensor RFID dengan Database MySQL XAMPP dan Interface Visual Basic. Jurnal Fisika Unand, 7(2), 186–193. https://doi.org/10.25077/jfu.7.2.186-193.2018
