WEB-BASED ONLINE CATERING SERVICES

AND MANAGEMENT SYSTEM

A Capstone Project
Presented to the
Faculty of the Department of Information Technology
College of Engineering
Eastern Visayas State University
Tacloban City

In Partial Fulfillment
of the Requirements for the Degree
Bachelor of Science in Information Technology

By:
Neil Rey C. Cumpio
Raphy L. Octa
Eliza B. Tiozon

(August 9, 2021)

CHAPTER I

Introduction

Information and Communications Technology (ICT) as an applied science focusing on the system
that the proponents are about to develop is entitled, “Web-Based Online Catering Services and

Management System”. In today’s environment, most of the marketing strategies aimed through internet.

Since internet is available everywhere, it is easy for the users to book reservation even if they’re far from

the location. The system will give much advantage for those busy persons because they only have to visit

the website then book a reservation on their cellular phone with internet without hassle. The proponents

notice that most of the catering services in Leyte uses the traditional way of catering, where in the costumer

must go to their exact location in order for them to book a reservation. This would take too much time, effort

and usually causes delays, problems and hassle especially for the costumer.

The proponents would like to develop a system in which it could help those business owners in

Leyte, who doesn’t have any knowledge on how they can expand their business through online. In

addition, this system is a user-friendly, so the owner of the catering services can easily understand what’s

inside in the system. The owner must register the name and other important details about their business. In

this proposed system, the researchers made some improvement than the traditional way of reserving a

catering.

We, the proponents choose this system as we would like to help the caterers in Leyte to have an

online access with regards to their business. As a user they can log in their information and other important

details about their business. This system would really be a big help for them. The proponents’ goal is to

collect the data of the caterers in Leyte. The difference of our proposed system is that it will be encoded

and saved in our system as it will have a database for inputting the information of every business owner.

With this system, it would be easier for the costumer to book a reservation that is near to them.

The proposed system can provide efficient facilities to both management/ admin and to the user in

fulfilling their needs. The user can view some details related in catering services on which time and date.

The owners of different catering services in Leyte can easily register to this system. In addition, the

management can retrieve and view all the reservation on the particular day and will determine the number

of customers for them to identify how many to be catered.

General Objective:

The General Objective of the system is to provide efficient facilities to both management

and the user in fulfilling their needs.

Specific Objectives:

• To provide a system that would help the business owners/ caterers to expand their

business through online.

• To provide well documented data and user – friendly system.

• To help caterers have an online access with regards to their business.

• To provide a system that will help management a confused free job, because everything

has been recorded and everything are organized.

Scope and Delimitations

The main focus of the system is to make a Web-Based Online Catering Services and Management

System in Leyte. The system will be used by the catering owners specifically in Leyte. The owner of the

catering will register the information about the services being offered by their business, then the

management/admin will notify the owner if the data will be accepted or will declined due to a reason.

The proposed system is exclusively for caterers in Leyte only. The user can register anywhere as

long as his or her business is located in Leyte. The data must be clear upon registering on the system for

documenting the data.

Significance of the Study

Web-based Online catering and management system significance is that it will be beneficial not

only for the caterers but also to the customers who want to book a reservation. This study is intended to
various set of people who could benefit in the system. The result of this study will be beneficial to the

following:

 Management/Admin. This system will help their services grow for it will make the costumer

satisfaction good. This will also help them enhance their decision making, reserving process and organizing

their customers. Since this is an online service it is easy for them to know if there’s an available catering or

none.

Costumer/User. It reduces the costumer time and cost in travelling. Everything they need could be
in just one location online; they can no longer visit a catering area to reserve. They can book reservation

even they’re at home.

Catering Services Owners. It will give them opportunity to give what they had experience in putting

up the business so that others will be given opportunity to study the consequences and avoid possible

problem it may brought in the future.

Proponents.  Through this study, the proponents will have an effective way of showcasing what

they have learned and come up with an output, the form of making a research study that would be a benefit

to other. This study will also enable the proponents to be more resourceful and studios in the field of this

study.

Future Researcher. This may provide basis to the future researchers who may experience a related

system.
 CHAPTER II

THEORETICAL FRAMEWORK

Review of Related Literature

According to Ahmad, Nashir (2018) in this study titled “Online Catering Management System”. This

project is on “Catering Management System” developed for a catering and delivery service provider

company called “Lunch BD”. Processes associated with their catering service always been a manual

process which requires a lot of paperwork and could sometimes be a cumbersome and tiring task for the

personnel in charge. The manual process sometimes can be time wasting, error prone, inefficient and a

difficult task. In this particular situation there are times when requests and feedbacks are received from

customer regarding the service that has to go through phone conversion and the responsible staff must

keep notes about them manually and fulfill accordingly

Sometimes, customers might be in vacation or not available. In such situation the delivered food is

wasted and cause financial loss to the company. Also, some customer has personal preferences about the

menu which is not easy to handle for them in daily basis. The aim of this project to considering all of these

limitations and to facilitate the process of their service by developing a web application that would allow

both customers and the company engage in more productive activities. This application would provide a

user interface for individual user to manage their account online that can be accessed from any devices

including desktop computer, laptop, tablet, mobile phone. It would help them to keep in touch and stay

synced with the latest information about the services even on the way as well as manage everything right
from their smart phone or computer. Thus, this application would reduce/eliminate error experienced in

manual works, save time, reduce cost as well as keep everything organized. At first, the requirements and

scope of this project is analyzed, designed, implemented and then it’s tested in various stages and found to

be work successfully.

According to Foysal (2019), in his study titled " Online Catering Services,”. Online Catering System

is not available in Bangladesh and it’s a trend to be dynamic through online catering system. At present, we

ordered a catering service provider manually to provide our food for our program or event. At this situation,

we are facing a lot of problems. These are time wasting, harassment etc. As a result, I think that it will be
possible if I develop it in online. The main purpose of this project is to reduce these problems and make

online catering system more reliable and increase customer’s satisfactions.

Related Studies

Development of mobile web based online catering booking system for One Stop Center

This project was developed to enhance the existing system for the company One Stop Centre

which the shop named Ilham Katering that located in Batu Berendam, Melaka. The problem arises

regarding to the company that still using manual system for booking and mess up in handling booking

forms from customers. The system was developed for the customer to having a medium for online booking

which help the customer to get suitable package for the event. There are three objectives generated for this

project - to gather and analyze the requirements of Catering Booking System (CBS), to design a website of

CBS, to develop full working mobile web based of CBS. This project was developed using three phases in

Rapid Application Methodology which are Requirement/ Planning, User Design and Construction phase.

The mobile web based was establish within the consideration for organizations seek as the mobile use

continues to grow worldwide. Mobile web based is similar to other website which consists of HTML pages

that design for smaller handheld display and touch screen interface that are linked together and access

over the internet such as Wi-Fi or 3G or 4G networks. The responsive web design needs to become a new

standard website which is mobile-friendly that can scale to any size of device. For the result of this project,

developer make a system where customer can view the recommendation package that suggested by the
system, the customers are required to enter the estimate guest and estimate budget for the event. For

future recommendation, the system need to add the payment method for customer to make transaction via

online banking or any other payment method. Besides that, the customer’s email validation needs to

implement into the system to ease the confirmation or notification for customer.

Online Catering Collaboration System

Nowadays, internet has become a medium that has a superb marketing solution. With it fast, easy

to use and cheap in term of operational cost a marketing process can be done
with just a click. E-commerce has significantly affected the business world and will continue to be important.

Catering services is one of the industries that have been

affected by the rapid growth of e-commerce. From literatures, it is observed that there are still many

challenges to be tackled in e-commerce applications. One of the challenges in e-commerce especially in

online catering services is lack of integration, flexibility and information sharing between three major entities

involved which are customer, caterer and supplier. Hence, this study intends to close the gaps that exist

between these three entities which prevent them to move forward.

Analysis and Design of Web-Based Catering Ordering Systems (Case Study: Cafeteria Catering)

Along with the development of technological advancements and high business competition in the

field of catering, Catering Cafeteria needs to use a website for promotional facilities to develop its business

or as a marketing tool to increase sales. The development of information technology used in the catering

world can use web service for interoperability, with features such as Wi-Fi, sms gateway, and the use of

mobile applications with android can be a reference for further development. As for the design of the

system used UML and the Waterfall method. The ordering process for catering to Catering Cafes is still

manual, so it often creates obstacles and is considered less effective and efficient in ordering. A web-based

catering service ordering information system is needed to overcome this problem. This ordering system is

also considered to be more efficient in utilizing and reducing costs for marketing. The design of this

catering-based ordering system is made using PHP and MySQL. The benefits of this research are to help
Catering Cafeteria to facilitate expenses, online catering reservations and for computerized business

progress.

Conceptual Framework

The Conceptual Framework of the study uses Input-Process-Output (IPO) whereas the proponents

aim to determine the numbers of caterers in Leyte. The catering owners must add the personal information

including the name of their business, the total package they offer and the price. In addition, the customers

personal information includes the date and time of reservation and the exact location of the customer. The

process is to record and save the information of the catering services and saves the customer data.

CONCEPTUAL FRAMEWORK

INPUT PROCESS OUTPUT

Catering Services. A business of providing food service at a remote site or a site like hotel, public house
and other various locations.

Customers. An individual or business that purchases another company's goods or services.

Caterer. One whose business is to provide food, supplies, and sometimes service at social gatherings.

Data. Is a collection of an unauthorized facts of figures.

Database. Conceptually, is a collection of information that is organized so that it can easily be accessed,
managed, and updated.

Delete. To remove or erase.

Food. Any nutritious substance that people or animals eat or drink, or that plant absorbs, in order to
maintain life and growth.

Generated Reports. To create, produce or form reports for management.

Information. Knowledge given or received of some fact or circumstances.

Menu. A list of dishes of the food available

Ordering System. A set of detailed methods that is being used in handling the ordering process.

Profile. Distinct characteristics of the owner of the catering services.

Update. An up-to-date version, account or report.

CHAPTER III

OPERATIONAL FRAMEWORK

Materials

Software
• Operating System: Windows 7 or higher
• Browser: Google Chrome, Mozilla Firefox and Microsoft Edge
• Xampp: 5.5.3 Version (Apache, MySQL)
• Code Editor: Sublime Text 3 x64

Hardware
• Hard Disk: 310 GB
• Memory: 4 GB
• Processor: Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz 2.60 GHz
• System Type: 64-bit operating system, x64-based processor
• Mouse
• Keyboard
Data
• The data will be collected from the catering services from the customer who wants to
services online.

System Environment
• Catering services in Leyte
Methods

SDLC Model

The software development life cycle is a project management technique that divides complex

projects into smaller, more easily managed segments or phases. Segmenting projects allows managers to

verify the successful completion of project phases before allocating resources to subsequent phases.

Software development projects typically include initiation, planning, design, development, testing,

implementation, and maintenance phases. However, the phases may be divided differently depending on

the organization involved. For example, initial project activities might be designated as request,
requirements-definition, and planning phases, or initiation, concept development, and planning phases. End

users of the system under development should be involved in reviewing the output of each phase to ensure

the system is being built to deliver the needed functionality.

Procedures of the different phases

Planning Phase

This phase requires study and analysis culminating in the full project management plan and that

may lead to system development activities. This is where the business starts, planning is to aim the target

of the business which is the Web-Based Online Catering Services and Management System needs. The

system includes the hassle-free shopping, to provide wide variety of items for customers and to increase

productivity and profit to the business. In the planning phase, sufficient requirement detail is required to

support development of the project’s management plan and permit outside validation of this deliverable.

Analysis Phase

The phase is where the project lifecycle begins. This where the company break down the

deliverable in the high-level Project Charter into the more detailed business requirements. Also, the part of

the project where it will identify the overall direction that the project will take through the creation of the

project strategy documents. Gathering requirements is the main attraction of this phase. The process of

gathering requirements is usually more than simply asking the users what they need and writing their

answers down. Depending on the complexity of the application, the process for gathering requirements has
a clearly defined process of its own. This process consists of a group of repeatable processes that utilize

certain techniques to capture, document, communicate, and manage requirements.

Design Phase

This phase is when it will build the plan for how you will take your project through the rest of the

SDL process—from implementation, to verification, to release. During this phase it will establish best

practices to follow for this phase by way of functional and design specifications, and it will perform risk

analysis to identify threats and vulnerabilities in your software.

Development Phase
During the development phase, the system developer takes the detailed logical information

documented in the previous phase and transforms it into machine- executable form, and ensures that all of

the individual components of the automated system/application function correctly and interface properly

with other components within the system/application.

Testing Phase

Testing is a vital part of software development, and it is important to start it as early as possible,

and to make testing a part of the process of deciding requirements. To get the most useful perspective on

your development project, it is worthwhile devoting some thought to the entire lifecycle including how

feedback from users will influence the future of the application.

Implementation Phase

The Implementation Phase has one key activity: deploying the new system in its target

environment. Supporting actions include training end-users and preparing to turn the system over to

maintenance personnel. After this phase, the system enters the Operations and Maintenance Phase for the

remainder of the system’s operational life. Multiple-release projects require multiple iterations of the

Implementation Phase – one for each release.

Maintenance Phase

During the Operations and Maintenance Phase, the information system’s availability and

performance in executing the work for which it was designed is maintained. The State realizes the largest

value for the system during this phase. System operations continue until the system’s termination date,
when the next phase, Disposition, begins.

Ga

ntt Chart

CONTE
XT DIAGRAM
DATA FLOW DIAGRAM

Use Case Diagram

Front End
HTML
Hypertext Markup Language, a standardized system for tagging text files to
achieve font, color, graphic, and hyperlink effects on World Wide Web pages.
Hypertext Markup Language revision 5 (HTML5) is markup language for the
structure and presentation of World Wide Web contents. HTML5 supports the
traditional HTML and XHTML-style syntax and other new features in its markup, New
APIs, XHTML and error handling.
CSS
Cascading Style Sheets (CSS) is a standard markup language that describes
the formatting of markup language pages. A cascading style sheet is a front-end
language that enables developers to separate content and visual elements for better
page control and flexibility.
JavaScript
Is a high-level, dynamic, un typed, and interpreted programming language.
JavaScript is prototype-based with first-class functions, making it a multi-paradigm
language, supporting object-oriented, imperative, and functional programming styles.
It has an API for working with text, arrays, dates and regular expressions, but does
not include any I/O, such as networking, storage, or graphics facilities, relying for
 these upon the host environment in which it is embedded. A JavaScript function is a
block of code designed to perform a particular task. A JavaScript function is
executed when “something” invokes it (calls it).
Bootstrap
A bootstrap is an intuitive and powerful front -end framework that is an open-
source collection of tools for creating websites and web applications. It was
developed by mark Otto and Jacob Thornton of Twitter to encourage consistency
across internal tools, and was originally named “Twitter Blueprint.”
Back End
PHP
PHP is a widely used server-side scripting language designed to create
dynamic and interactive HTML webpages. PHP adds functionality that HTML cannot
achieve. PHP is huge band runs on platforms like Facebook and Wikipedia!
MySQL
MySQL is an open -source relational database management system
(RDBMS) that is very popular among small and big businesses. MySQL can support
very large databases using the standard form SQL data language, while working on
many operating systems with languages like PHP, Perl, C, C++, Java and more.