Skip to content

Study Room

Wednesday, 07 May 2025
       

Overview

Learning Room Reservation System for Users

Role/Responsibilities

Assigned to design a web application for a learning room reservation system, featuring the following:

  • Login System
  • Room Reservation System
  • Reservation History
  • Participation History
  • Feedback System
  • Participant Invitation System
  • Participation Confirmation System
  • Fine Calculation System
  • Paper Reduction Calculation System
  • Room Management System (for staff)
    • Room Type
    • Room Name
    • Set Online Booking Availability
  • Holiday Setting System (booking unavailable)
  • Booking Management System (for staff)
    • Display Booking List
    • Special Room Booking
    • Fine Management
    • Set Booking Date and Time Slots
  • Permission Setting System
  • Service Fee Calculation System
  • Booking Report System
  • Fine Report System
  • Responsive Design

Problems/Challenges

The organization provides learning rooms for users, with the traditional service method requiring phone reservations and manual recording on paper. The high number of users during peak times caused service delays and potential loss of booking information. The use of paper for reservations was wasteful and environmentally unfriendly. Recognizing these issues, there was an opportunity to develop a learning room reservation system to alleviate these problems and provide users with a convenient online booking channel.

Design Concept

At that time, technology was not as advanced as today. The design and development focused on using a Framework, and Codeigniter was chosen to minimize system errors and prioritize system security. The system design was developed as a web application for ease of use and responsiveness across all screen sizes, reducing staff workload. The selection of programming languages and tools was analyzed for efficiency and suitability for the development team to work on continuously.

Technology/Tools

  • Frontend: jQuery - A popular, easy-to-use, and efficient library.
  • Backend: PHP (Codeigniter) - A popular, user-friendly, and efficient framework.
  • Database: MySQL - Suitable for storing large amounts of data with good performance.
  • Styling: Bootstrap - Used for designing the UI/Responsive aspects of the web application.
  • DevOps: Docker - Used for deploying the API part of the system, and Kong API was used for reverse proxying the Frontend and Backend.

Features

  • Room Reservation System
  • View Reservation History
  • View Participation History
  • Invite participants
  • Confirm participation
  • Fine calculation
  • Paper reduction calculation
  • Room Management System (for staff)
    • Add/Delete/Edit Room Type
    • Add/Delete/Edit Room Name
    • Set Online Booking Availability
  • Set Holidays (booking unavailable)
  • Booking Management System (for staff)
    • Ability to make special room bookings
    • Set Fine Amount
    • Set Booking Date and Time Slots
  • Setting permissions
  • View Booking Reports
  • View Fine Reports
  • Responsive design for all screen sizes

Outcome

The successful design and development of the learning room reservation system for users, followed by its launch, created a new service for the organization. Users can now book rooms online conveniently, quickly, and from anywhere at any time. The system operates correctly and efficiently, resulting in a positive user experience. It has effectively reduced staff workload and achieved a 100% reduction in paper usage.

Images


Built with: VitePress.