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.