XÂY DỰNG HỆ THỐNG ĐẶT SÂN THỂ THAO TRỰC TUYẾN TÍCH HỢP LỊCH BIỂU TƯƠNG TÁC VÀ ĐỒNG BỘ THỜI GIAN THỰC

Abstract

Trong bối cảnh chuyển đổi số ngày càng phát triển, việc ứng dụng công nghệ vào lĩnh vực quản lý và đặt sân thể thao trở nên cần thiết nhằm nâng cao hiệu quả vận hành, giảm thiểu sai sót và cải thiện trải nghiệm người dùng. Hiện nay, nhiều sân thể thao vẫn quản lý lịch đặt bằng phương pháp thủ công thông qua điện thoại, tin nhắn hoặc ghi chép trực tiếp. Cách làm này gây khó khăn trong việc kiểm tra lịch trống, dễ phát sinh tình trạng trùng lịch, chậm xác nhận thông tin và tốn nhiều thời gian cho cả khách hàng lẫn người quản lý. Xuất phát từ thực tế đó, đề tài “Xây dựng hệ thống đặt sân thể thao trực tuyến tích hợp lịch biểu tương tác và đồng bộ thời gian thực” được thực hiện với mục tiêu xây dựng một nền tảng hỗ trợ người dùng tìm kiếm sân, xem thông tin chi tiết, chọn khung giờ, đặt sân, giữ chỗ tạm thời, thanh toán trực tuyến và theo dõi lịch sử đặt sân. Bên cạnh đó, hệ thống cung cấp các chức năng hỗ trợ quản trị viên trong việc quản lý sân thể thao, bảng giá, lịch đặt sân, người dùng, dịch vụ đi kèm, mã giảm giá, đánh giá, thông báo, nội dung hiển thị và doanh thu. Hệ thống được xây dựng dựa trên mô hình MERN Stack, bao gồm MongoDB, Express.js, React và Node.js. Trong đó, MongoDB được sử dụng để lưu trữ dữ liệu, Express.js và Node.js đảm nhiệm xử lý phía máy chủ, còn React được dùng để xây dựng giao diện người dùng. Ngoài ra, hệ thống tích hợp Socket.IO nhằm đồng bộ dữ liệu theo thời gian thực, hỗ trợ cập nhật trạng thái khung giờ đặt sân, thông báo và trao đổi giữa người dùng với quản trị viên. Hệ thống cũng sử dụng FullCalendar.io để xây dựng lịch biểu tương tác, giúp quản trị viên quan sát, theo dõi và quản lý lịch đặt sân một cách trực quan. Bên cạnh đó, hệ thống tích hợp thanh toán trực tuyến thông qua VNPay, quản lý voucher, dịch vụ đi kèm, lịch đặt sân cố định, đánh giá sau khi sử dụng dịch vụ và chức năng hỗ trợ người dùng thông qua chat. Kết quả của đề tài là xây dựng được một hệ thống đặt sân thể thao trực tuyến có giao diện thân thiện, dễ sử dụng và đáp ứng các nghiệp vụ chính trong quá trình đặt sân và quản lý sân. Hệ thống giúp người dùng chủ động tìm kiếm, đặt sân và thanh toán nhanh chóng; đồng thời hỗ trợ quản trị viên quản lý lịch đặt, hạn chế xung đột khung giờ, theo dõi tình trạng sân và tổng hợp thông tin phục vụ công tác vận hành. Qua đó, hệ thống góp phần nâng cao hiệu quả quản lý, tiết kiệm thời gian, giảm sai sót trong quy trình đặt sân thủ công và tạo nền tảng để mở rộng thêm các chức năng thông minh trong tương lai. ABSTRACT In the context of the rapid development of digital transformation, the application of technology in sports field management and online booking has become increasingly necessary to improve operational efficiency, reduce errors, and enhance user experience. Currently, many sports facilities still manage bookings manually through phone calls, messages, or direct notes. This approach causes difficulties in checking available time slots, increases the risk of schedule conflicts, delays confirmation, and consumes significant time for both customers and administrators. Based on this practical need, the thesis “An Online Sports Field Booking System with Interactive Scheduling and Real-Time Synchronization” aims to develop a webbased platform that allows users to search for sports fields, view detailed information, select time slots, reserve bookings temporarily, make online payments, and track booking history. In addition, the system supports administrators in managing sports fields, pricing rules, booking schedules, users, additional services, vouchers, reviews, notifications, website content, and revenue. The system is developed using the MERN Stack, including MongoDB, Express.js, React, and Node.js. MongoDB is used for data storage, Express.js and Node.js handle server-side processing, while React is used to build the user interface. The system also integrates Socket.IO for real-time data synchronization, supporting updates of booking slot status, notifications, and communication between users and administrators. FullCalendar.io is applied to provide an interactive calendar interface, allowing administrators to monitor and manage booking schedules visually and efficiently. Furthermore, the system integrates online payment through VNPay, voucher management, additional service management, recurring bookings, post-service reviews, and user support through chat. As a result, the thesis successfully develops an online sports field booking system with a user-friendly interface and core functions that meet the practical needs of sports field booking and management. The system enables users to search, book, and pay for sports fields conveniently, while helping administrators manage schedules, reduce timeslot conflicts, monitor field status, and summarize operational data. Therefore, the system contributes to improving management efficiency, saving time, reducing errors in manual booking processes, and providing a foundation for future expansion with intelligent features.