ONLINE RESTAURANT RESERVATION SYSTEM

An Undergraduate System Analysis and Design Project

presented to the faculty of the
College of Information Technology Education,
Forbes College, Inc.

In partial fulfillment
of the requirements for the degree
Bachelor of Science in Information Technology

RAYVER WYNE B. BEATO

JOHN IVAN B. GOLINGCO
DAVE JOSHUA T. MIGUEL

CHRISTIAN LANA
CITE Dean

December, 2024
Legazpi City
 College of Information Technology Education
Forbes College, Inc.

This System Analysis and Design Project entitled

ONLINE RESTAURANT RESERVATION SYSTEM

by :

RAYVER WYNE B. BEATO

JOHN IVAN B. GOLINGCO
DAVE JOSHUA T. MIGUEL

Submitted in partial fulfillment of the

requirements for the Bachelor of Science in Information Technology
has been examined and is hereby
recommended for acceptance and approval

CHRISTIAN LANA
CITE Dean
Chapter 1
Introduction

In today’s fast-paced world, dining preferences and schedules are increasingly dynamic,
leading to the growing demand for efficient and convenient restaurant reservation
systems. The hospitality industry faces challenges in accommodating this demand due to
traditional booking methods' limitations, such as miscommunication, double bookings,
and inadequate customer data management.

Online Restaurant Reservation Systems (ORRS) are designed to streamline the table-
booking process by integrating digital tools for both customers and restaurant staff. These
systems allow users to view real-time availability, make reservations, and receive
confirmation instantly. Restaurants, in turn, gain access to customer preferences, enabling
personalized service, enhanced efficiency, and increased customer satisfaction.

An ORRS is not merely a scheduling tool but a robust platform that integrates customer
management, analytics, and automated workflows, offering restaurants a competitive
edge. Its functionalities, including customization, feedback integration, and data
analytics, allow restaurants to enhance operational efficiency and create memorable
dining experiences.

This part of the study explains the purpose of the Online Restaurant Reservation System
(ORRS), why it is important, and the goals it aims to achieve. It also describes what the
ORRS will include. The chapter provides an overview of how the system will help both
restaurants and customers.

1.1 Project Context

Foodie Haven Bistro, a popular dining spot in the bustling heart of the city, has
struggled with managing reservations due to its growing customer base. Known for its
eclectic menu and cozy ambiance, the bistro faces issues such as overbooking, missed
reservations, and inefficiencies in managing walk-ins during peak hours. Customers often
complain about long waiting times or their preferred table being unavailable.

Recognizing these challenges, the management decided to adopt an Online Restaurant

Reservation System tailored to their needs. The system would allow customers to book
tables through a user-friendly platform and enable staff to manage reservations more
effectively. By leveraging digital solutions, Foodie Haven Bistro aims to reduce errors,
improve customer satisfaction, and enhance operational efficiency.
1.2 Purpose and Description

This project aims to address the operational challenges of Foodie Haven Bistro by
developing an Online Restaurant Reservation System. The system will serve as a
centralized platform for managing customer reservations, offering features such as table
availability visualization, automated confirmation notifications, and customer feedback
collection.

Key Benefits:
1. Foodie Haven Bistro: Improved efficiency in managing reservations, reduced errors, and
enhanced customer satisfaction.

2. Customers: Convenient booking process, reduced waiting times, and better dining experiences.
3. Staff: Streamlined workflows, reduced workload, and improved service quality.
4. Researchers: Practical experience in designing and implementing reservation systems,
contributing to the field of digital solutions in hospitality.

1.3 Objectives
Main Objective
Develop a comprehensive Online Restaurant Reservation System for Foodie Haven
Bistro to streamline reservation management, improve customer satisfaction, and enhance
operational efficiency.
Specific Objectives
 Create a user-friendly customer interface for table reservations, cancellations, and modifications.
 Develop an administrative dashboard for restaurant staff to manage reservations, view analytics,
and track customer preferences.
 Implement real-time availability tracking and notifications for seamless reservation experiences.
 Integrate a feedback system to collect and analyze customer opinions for service improvement.

1.4 Scope and Limitations

Scope

 Customer Interface: Enables online table booking, cancellations, and viewing restaurant details.
 Admin Dashboard: Provides tools for managing reservations, tracking table occupancy, and
viewing customer data.
 Real-time Updates: Synchronizes availability across platforms to prevent double bookings.
 Feedback System: Captures customer reviews and suggestions.
 Notification System: Sends automated emails and SMS for reservation confirmations and
reminders.
Limitations

 Device Compatibility: The system may have limited functionality on older devices or browsers.
 Internet Dependency: The system requires a stable internet connection for real-time updates.
 Customization: The initial version will cater to Foodie Haven Bistro's specific needs and may
require additional modifications for other establishments.
 Data Privacy: Customer data will be securely managed, but external breaches remain a potential
risk.

Technical Background

2.1 Technical Background

This part highlights the technical background of the online restaurant reservation system,
focusing on the software and hardware components that will be used in the system's
development. These tools and technologies are critical for ensuring the system’s
functionality, efficiency, and reliability.

2.1.1 Visual Studio Code

Visual Studio Code (VS Code) is a widely-used source-code editor developed by

Microsoft. It supports various programming languages and includes features like
debugging, syntax highlighting, intelligent code completion, integrated Git, and
extensions for added functionality. This tool will be used as the primary development
environment for building and maintaining the system.

2.1.2 Figma

Figma is a cloud-based design tool widely used for creating wireframes, prototypes, and
user interface designs. Its collaborative features make it ideal for team-based UI/UX
design. Figma will be employed to design the user interface of the reservation system.

2.1.3 HTML5

HTML5 is the latest version of the Hypertext Markup Language and is used for
structuring and presenting content on the web. It will provide the foundation for building
the structure of the restaurant reservation system’s web pages.

2.1.4 CSS3

Cascading Style Sheets (CSS3) will be used to enhance the visual styling of the system,
including layout, colors, and typography, ensuring an attractive and user-friendly
interface.

2.1.5 JavaScript ES14

JavaScript (ES14) is a core web technology that will be utilized to create interactive and
dynamic elements of the reservation system, such as booking forms and real-time
availability updates.

2.1.6 ReactJS

ReactJS, a front-end JavaScript library developed by Meta, will be employed to create a

dynamic and efficient user interface. Its component-based architecture will allow
developers to build reusable elements, streamlining the development process.
2.1.7 Node.js

Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine, designed for

building scalable network applications. It will be used to handle the server-side logic of
the system, including database interactions and API management.

2.1.8 MySQL Database

MySQL is an open-source relational database management system that will be used to

store and manage data, such as restaurant details, reservation records, and user
information.

2.1.9 XAMPP

XAMPP is an open-source web server solution stack package that includes Apache,
MySQL, PHP, and Perl. It will serve as the local server for testing and development
purposes before deploying the system to a live server.

2.1.10 PHP 8

PHP will be used for server-side scripting, allowing interaction with the MySQL database
to manage data and dynamically generate web pages.

2.1.11 Bootstrap

Bootstrap is a CSS framework that simplifies front-end development by providing pre-

styled components and a responsive grid system. It will be used to create a mobile-
friendly design for the system.

2.1.12 Git

Git, a version control system, will be used to track changes in the project files and enable
collaboration among team members.

Hardware Requirements

2.1.13 Development Machine

 Processor: Intel Core i5 or equivalent

 RAM: 8GB or higher
 Storage: 256GB SSD or higher
 Operating System: Windows 10/Linux/macOS
2.1.14 Server Hardware (For Deployment)

 Processor: Intel Xeon or equivalent

 RAM: 16GB or higher
 Storage: 512GB SSD or higher
 Operating System: Linux-based server OS (e.g., Ubuntu Server)
 Network: High-speed internet connection for optimal uptime and user access.

2.1.15 Client Devices

The system will be accessible on the following client devices:

 Desktops: Modern browsers like Chrome, Firefox, or Edge

 Smartphones/Tablets: Android/iOS devices with internet access and compatible browsers

Methodology

The systematic approach employed in developing the Online Restaurant Reservation

System. It explains the step-by-step process undertaken to ensure the system is well-
structured, user-friendly, and meets the requirements of stakeholders. This also elaborates
on gathering and analyzing data, creating the logical design, and the development
methodology used to achieve the project's goals.
The Agile Software Development approach was adopted for this project to prioritize
continuous feedback and iterative progress. This methodology focuses on delivering
functional modules through iterative cycles, which include requirements gathering,
system analysis, prototyping, development, and testing. The Agile method ensures
adaptability, addressing evolving user needs efficiently.

3.1 Project Development Methodology

The development of the Online Restaurant Reservation System was guided by the
Rapid Application Development (RAD) model. RAD emphasizes quick prototyping
and iterative feedback integration. This iterative approach allows stakeholders to provide
inputs throughout the development process, ensuring the system aligns with expectations.

Phases of Development

3.1.1 Requirements Gathering and Analysis

The first phase involves gathering comprehensive system requirements through
stakeholder consultations, brainstorming sessions, and analyzing current reservation
processes in restaurants.

 Techniques used:
o Surveys with restaurant staff and customers.
o Brainstorming sessions to outline required features and functionality.
o Observation of existing reservation practices to identify gaps.
.

3.1.2 Planned Logical Design

The logical design phase focuses on creating an abstract representation of the system’s
structure. This includes the database design, flowcharts, and system diagrams.
 Database Structure:
The database is planned with normalization to avoid redundancy and ensure efficient data
retrieval. The key tables include:
o Users Table: Stores information about customers and restaurant staff.
o Reservations Table: Tracks reservation details such as time, date, number of guests, and
customer ID.
o Restaurant Table: Contains restaurant details like location, capacity, and operating
hours.
o Menu Table: Stores menu items linked to respective restaurants.
o Feedback Table: Maintains user feedback and ratings for services.

3.1.3 User Interface and Experience Design

This phase involves creating wireframes and prototypes for the user interface (UI) to
ensure it is intuitive and user-friendly.
 Key components include:
o A reservation dashboard for users to view available slots.
o Admin dashboards for restaurants to manage reservations and customer data.
o A responsive design to ensure compatibility across devices.
3.1.4 System Construction
In this phase, the system is developed using modular coding practices. Each module is
built, tested, and integrated.
Development Stages:

o Backend Development: Building server-side logic for handling requests, processing
reservations, and managing data.
o Frontend Development: Creating interactive pages for customer bookings, menus, and
feedback forms.
o API Integration: Incorporating features like location-based services (e.g., Google Maps
for locating restaurants).
Tools used:
o Programming Languages: Python/Django or PHP (backend), JavaScript/React (frontend).
o Database Management: MySQL or PostgreSQL.
o Version Control: Git for collaborative development.

3.1.5 Testing and Deployment

The system undergoes rigorous testing to identify and fix bugs. This includes functional
testing, performance testing, and user acceptance testing (UAT).
 Testing Methodologies:
o End-to-End Testing: Validating the entire user journey from reservation to confirmation.
o Load Testing: Ensuring the system can handle multiple concurrent users.
o Security Testing: Protecting user data and preventing unauthorized access.

3.2 Planned Logical Design Artifacts

Database Design

The database is normalized to 3NF for optimal efficiency.

Example ERD Description:

 Entities: Users, Reservations, Restaurants, Menu Items, Feedback.

 Relationships:

o A user can make multiple reservations.

o Each reservation is associated with a restaurant.
o Restaurants can have multiple menu items.

Diagrams

 Data Flow Diagram (DFD): Visual representation of the flow of data within the system, showing
how inputs are processed into outputs.
 Use Case Diagram: Identifies primary interactions between users (customers and admins) and
the system.
 Wireframes: Layouts for reservation forms, dashboards, and menu pages.

3.3 Resources

Human Resources

The development team consists of the following roles:

 Project Manager
 UI/UX Designer
 Backend Developer
 Frontend Developer
 QA Tester

Technical Resources

Hardware Requirements:
Componen Minimum Recommended
t Specification Specification
Processor 1.8 GHz Dual-Core 2.4 GHz Quad-Core
Memory
4 GB 8 GB
(RAM)
Disk Space 20 GB 50 GB

Software Requirements:

Recommended
Software Minimum Version
Version
Chrome 83+, Safari
Web Browser Latest Version
13+
Development PyCharm, GitHub
VS Code, Postman
Tools Desktop
Database
MySQL 5.7+ MySQL 8.0+
Software