Implementasi Antarmuka Website Reservasi Fasilitas Olahraga Menggunakan Framework Next.js dengan Prinsip Responsive Web Design dan Kontrol Keamanan Front-end

Sitranata, Winston (2026) Implementasi Antarmuka Website Reservasi Fasilitas Olahraga Menggunakan Framework Next.js dengan Prinsip Responsive Web Design dan Kontrol Keamanan Front-end. Other thesis, Institut Teknologi Sepuluh Nopember.

Text 5025221285-Undergraduate_Thesis.pdf - Accepted Version Restricted to Repository staff only Download (9MB) | Request a copy

Abstract

Pemesanan fasilitas olahraga di selama ini masih menghadapi beberapa kendala, seper-ti informasi jadwal yang tersebar, proses pemesanan yang tidak terstandar, serta rentannya privasi data pengguna terhadap ancaman keamanan aplikasi web. Penelitian ini bertujuan untuk mengimplementasikan antarmuka website pemesanan fasilitas olahraga yang responsif, terintegrasi, dan aman dengan memanfaatkan framework Next.js, prinsip responsive web de-sign, serta pendekatan keamanan berlapis (defense-in-depth). Pengembangan dilakukan dengan model Rapid Application Development, di mana antarmuka dibangun menggunakan arsitektur berbasis komponen, dipadukan dengan kontrol keamanan yang mencakup konfig-urasi security headers (termasuk Content Security Policy), sanitasi input (DOMPurify) untuk mencegah Cross-Site Scripting, pencegahan open redirect, dan pembatasan rate limiting. Antarmuka yang dihasilkan mengintegrasikan fitur penelusuran fasilitas, pemeriksaan ketersediaan jadwal, hingga riwayat pemesanan yang aman. Hasil pengujian performa beban, fungsionalitas, dan penetrasi keamanan membuktikan bahwa antarmuka tidak hanya mampu beradaptasi pada berbagai ukuran layar secara dinamis, tetapi juga tangguh dalam menahan eksploitasi kerentanan keamanan tanpa mendegradasi waktu respons sistem.
======================================================================================================================================
The reservation of sports facilities has long encountered several obstacles, including scattered schedule information, non-standardized booking processes, and the vulnerability of users personal data to web application security threats. This study aims to implement a re-sponsive, integrated, and secure web interface for sports facility reservations by leveraging the Next.js framework, responsive web design principles, and a defense-in-depth security ap-proach. Development was conducted using the Rapid Application Development (RAD) mod-el, where the frontend was built utilizing a component-based architecture integrated with ro-bust security controls. These controls encompass HTTP security headers (including Content Security Policy), input sanitization via DOMPurify to prevent Cross-Site Scripting (XSS), open redirect prevention, and adaptive rate limiting. The resulting interface facilitates core features such as secure facility browsing, schedule availability checks, and booking history retrieval. Results from functional, load, and security penetration testing demonstrate that the interface not only adapts seamlessly to various screen sizes but also resiliently withstands security exploits without degrading the system's response time, ensuring an optimal level of stability.

Item Type:	Thesis (Other)
Uncontrolled Keywords:	Next.js, Responsive web design, Keamanan front-end, Fasilitas olahraga, TypeScript.Next.js, Responsive web design, Frontend security, Sports facilities, TypeScript.
Subjects:	Q Science > QA Mathematics > QA76.758 Software engineering T Technology > T Technology (General) T Technology > T Technology (General) > T58.5 Information technology. IT--Auditing T Technology > T Technology (General) > T58.6 Management information systems
Divisions:	Faculty of Intelligent Electrical and Informatics Technology (ELECTICS) > Informatics Engineering > 55201-(S1) Undergraduate Thesis
Depositing User:	Winston Juliand Sitranata
Date Deposited:	28 Jul 2026 03:38
Last Modified:	28 Jul 2026 03:38
URI:	http://repository.its.ac.id/id/eprint/138326

Actions (login required)

View Item