Electronic Theses and Dissertation

Diaz Sport Center merupakan salah satu penyedia fasilitas olahraga di Banda Aceh
yang menawarkan layanan penyewaan lapangan futsal dan badminton. Namun, proses
pemesanan lapangan masih dilakukan secara manual sehingga menimbulkan berbagai
kendala seperti keterlambatan respon dan jadwal pemesanan yang sering bertabrakan.
Penelitian ini bertujuan untuk merancang dan membangun sistem pemesanan lapangan
Diaz Sport Center berbasis web yang lebih efektif dan efisien menggunakan framework
Next.js dan bahasa pemrograman TypeScript. Proses pengembangan sistem ini
menggunakan Tailwind CSS untuk menghasilkan antarmuka yang responsif dan
modern, serta menerapkan metode Scrum sebagai manajemen proyek untuk
memastikan iterasi yang cepat dan peningkatan berkelanjutan. Sistem yang
dikembangkan menyediakan fitur seperti halaman beranda, pemesanan online, halaman
pembayaran, dan riwayat pemesanan bagi pengguna, serta panel khusus bagi kasir dan
admin untuk mengelola data jadwal dan transaksi. Pengujian sistem dilakukan
menggunakan metode black box testing untuk memastikan fungsionalitas berjalan
sesuai kebutuhan, serta pengujian usability menggunakan System Usability Scale (SUS)
untuk menilai kemudahan penggunaan antarmuka. Hasil pengujian menunjukkan
bahwa seluruh skenario pengujian black box testing berhasil dijalankan dengan baik,
dan pengujian usability terhadap 25 responden menghasilkan skor 85.9 yang termasuk
dalam kategori "EXCELLENT" dan berada pada rentang "Acceptable" dalam
acceptability range. Dengan diterapkannya sistem ini, diharapkan dapat menjadi solusi
yang efisien dan transparan dalam proses pemesanan lapangan di Diaz Sport Center
serta meningkatkan kepuasan pengguna dan efektivitas pengelolaan operasional.
Kata Kunci: Diaz Sport Center, Next.js, TypeScript, Tailwind CSS, Sistem Pemesanan
Lapangan, Scrum, Black Box Testing, System Usability Scale.

Diaz Sport Center is one of the sports facilities providers in Banda Aceh that offers futsal and badminton court rental services. However, the current booking process is still conducted manually, causing several issues such as delayed responses and overlapping booking schedules. This research aims to design and develop a web-based court booking system for Diaz Sport Center to make the process more effective and efficient using the Next.js framework and TypeScript programming language. The development process utilizes Tailwind CSS to create a responsive and modern user interface and applies the Scrum methodology for project management to ensure rapid iteration and continuous improvement. The developed system provides several features, including a homepage, online booking page, payment page, and booking history for users, as well as dedicated panels for cashiers and administrators to manage schedules and transactions. System testing was carried out using the black box testing method to ensure functionality runs according to requirements, and usability testing was performed using the System Usability Scale (SUS) to assess the ease of use of the interface. The test results show that all black box testing scenarios were successfully executed, and the usability test involving 25 respondents resulted in a score of 85.9, which falls into the "EXCELLENT" category and lies within the "Acceptable" range in the acceptability range. The implementation of this system is expected to provide an efficient and transparent solution for the court booking process at Diaz Sport Center and to improve both user satisfaction and operational management effectiveness. Keywords: Diaz Sport Center, Next.js, TypeScript, Tailwind CSS, Court Booking System, Scrum, Black Box Testing, System Usability Scale.