Electronic Theses and Dissertation

Brocode Aceh merupakan salah satu barbershop ternama di Banda Aceh yang hingga saat ini masih menggunakan sistem reservasi manual dan melalui WhatsApp, sehingga menimbulkan berbagai permasalahan seperti antrean panjang, ketidaktepatan jadwal, proses konfirmasi yang lambat, serta tingginya risiko terjadinya tumpang tindih jadwal (double booking) akibat pencatatan yang tidak dilakukan secara real-time. Penelitian ini bertujuan untuk merancang dan membangun front-end Sistem Reservasi Barbershop Brocode Aceh berbasis web guna menyediakan proses reservasi yang lebih cepat, akurat, dan mudah digunakan oleh pelanggan. Sistem dikembangkan menggunakan Next.js, React.js, TypeScript, dan Tailwind CSS dengan pendekatan Scrum yang mencakup analisis kebutuhan, perancangan antarmuka, implementasi, integrasi dengan back-end, serta pengujian menyeluruh. Desain antarmuka diwujudkan melalui high-fidelity wireframe untuk memastikan konsistensi tampilan dan kemudahan penggunaan pada berbagai perangkat, sedangkan integrasi dengan back-end dibuat agar proses pemilihan layanan, pengecekan ketersediaan jadwal, unggah bukti pembayaran, dan verifikasi reservasi dapat berjalan secara real-time tanpa hambatan. Evaluasi sistem dilakukan menggunakan Black Box Testing untuk memastikan seluruh fungsionalitas berjalan sesuai kebutuhan, serta System Usability Scale (SUS) untuk mengukur tingkat kegunaan sistem dari perspektif pengguna. Hasil pengujian menunjukkan bahwa seluruh fungsi sistem berjalan dengan baik dan memperoleh skor SUS sebesar 89 yang tergolong dalam kategori “Excellent” dan berada dalam rentang “Acceptable”, sehingga sistem yang dikembangkan dapat memberikan solusi yang efektif dan efisien dalam meningkatkan kualitas proses reservasi, mendukung optimalisasi operasional Brocode Aceh, serta memberikan pengalaman layanan yang lebih baik bagi pelanggan.

Brocode Aceh is one of the leading barbershops in Banda Aceh that still relies on manual reservation methods and WhatsApp-based bookings, which has led to several operational issues such as long queues, unclear scheduling, delayed confirmation processes, and an increased risk of double booking due to the absence of real-time data management. This study aims to design and develop a web-based front-end reservation system for Brocode Aceh to provide a faster, more accurate, and user-friendly booking experience. The system was developed using Next.js, React.js, TypeScript, and Tailwind CSS, employing the Scrum methodology that includes requirements analysis, interface design, implementation, back-end integration, and comprehensive system testing. Highfidelity wireframes were created to ensure interface consistency and improve user experience across devices, while real-time integration with the back-end enables efficient service selection, schedule availability checks, payment proof uploads, and reservation verification. The system evaluation was conducted using Black-Box Testing to validate its functional accuracy and the System Usability Scale (SUS) to assess usability. The test results indicate that all system functions operated properly and achieved a SUS score of 89, which falls into the “Excellent” category and the “Acceptable” range. These findings demonstrate that the developed system provides an effective and efficient solution for improving the reservation process, optimizing operational performance at Brocode Aceh, and enhancing the overall customer experience.