Pengembangan Website Photobooth Digital Berbasis Galeri Publik Sebagai Media Dokumentasi Visual dan Referensi Antarpengguna

Dokumentasi visual digital telah menjadi bagian integral dari interaksi mahasiswa, namun platform photobooth digital yang ada saat ini masih terbatas pada penyimpanan berkas pribadi untuk diunduh tanpa menyediakan ruang komunal untuk berbagi atau referensi. Penelitian ini mengembangkan KePoTo-Booth, sebuah website photobooth digital berbasis galeri publik yang berfungsi sebagai media dokumentasi visual sekaligus sarana referensi antarpengguna. Melalui sistem ini, pengguna dapat menggunakan kembali komponen bingkai dari unggahan pengguna lain secara langsung. Sistem dibangun menggunakan React.js, HTML5 Canvas API, dan MediaDevices API untuk proses komposisi gambar di sisi klien (client-side), serta diintegrasikan dengan Firebase Authentication, Cloud Firestore, Cloudinary, dan Google Apps Script di bawah kerangka kerja Agile Scrum. Evaluasi sistem melibatkan black-box testing, pengukuran latensi rendering sisi klien, User Acceptance Testing (UAT), dan System Usability Scale (SUS) dengan 30 responden mahasiswa aktif Program Studi Teknologi Rekayasa Multimedia. Hasil pengujian performa menunjukkan rata-rata latensi rendering yang efisien sebesar 48,21 ms, berada jauh di bawah ambang batas respons instan 100 ms. Evaluasi kuantitatif menunjukkan nilai UAT sebesar 90,89% dan rata-rata skor SUS sebesar 86,75. Hasil penelitian membuktikan bahwa galeri publik dan kerangka komposisi sisi klien pada KePoTo-Booth berhasil diterapkan secara efektif, menyediakan platform web yang optimal, aman, dan kolaboratif untuk dokumentasi visual kampus.
Kata kunci: Canvas API, Galeri Publik, Komposisi Sisi Klien, Photobooth Digital, Metode Agile Scrum

Digital visual documentation has become an integral part of student interactions, yet existing digital photobooth platforms are limited to private file downloads without providing a communal space for sharing or reference. This study developed KePoTo-Booth, a web-based digital photobooth integrated with a public gallery designed as a visual documentation medium and cross-user reference tool. The system allows users to reuse frame components from other users' uploads seamlessly. Built using React.js, HTML5 Canvas API, and MediaDevices API for client-side image composition, the platform is integrated with Firebase Authentication, Cloud Firestore, Cloudinary, and Google Apps Script under the Agile Scrum framework. System evaluation involved black-box testing, client-side rendering latency measurements, User Acceptance Testing (UAT), and the System Usability Scale (SUS) with 30 active student respondents from Politeknik Negeri Media Kreatif Jakarta. The performance test showed an efficient average rendering latency of 48.21 ms, well below the 100 ms instant response threshold. Quantitative evaluation revealed a UAT score of 90.89% and an average SUS score of 86.75. The results demonstrate that the public gallery and client-side composition framework on KePoTo-Booth are highly effective, providing an optimized, secure, and collaborative web platform for campus visual documentation.
Keywords: Agile Scrum Method, Client-side Rendering, Digital Photobooth, HTML5 Canvas API, Public Gallery