Development of A Business Website For Antonio Manuel Catering Services Final - Manuscript

Republic of the Philippines
BATANGAS STATE UNIVERSITY JPLPC-Malvar

Malvar, Batangas
COLLEGE OF INFORMATICS AND COMPUTING SCIENCES
DEVELOPMENT OF A BUSINESS WEBSITE FOR ANTONIO MANUEL

CATERING SERVICES
A Capstone Project Presented to the Faculty of the

College of Informatics and Computing Sciences
Batangas State University JPLPC-Malvar
Malvar, Batangas
In Partial Fulfillment of the Requirements for the Degree

Bachelor of Science in Information Technology
Major in Business Analytics
CASUL, ANGEL DAFHNY L.

LEONIDA, EUROSE N.
LOPEZ, ANN MAE T.
LESTER S. CUEVA, BSIT

Adviser
Malvar, Batangas
APPROVAL SHEET
This Capstone Project entitled “DEVELOPMENT OF A BUSINESS WEBSITE
FOR ANTONIO MANUEL CATERING SERVICES”, prepared and submitted by
CASUL, ANGEL DAFHNY L., LEONIDA, EUROSE N., and LOPEZ, ANN MAE T.,
in partial fulfillment of the requirements for the Degree of Bachelor of Science in
Information Technology Major in Business Analytics, has been examined and
recommended for Oral Examination.
LESTER S. CUEVA,BSIT
Adviser
Approved by the Committee on Oral Examination with a grade of .
PANEL OF EXAMINERS
Mrs. SHIELA MARIE G. GARCIA, MSCS

Chairperson
Engr. ERWIN F. DE CASTRO Mr. MENARD M. CANOY

Member Member
Accepted and approved in partial fulfillment of the requirements for the Degree of
Bachelor of Science in Information Technology Major in Business Analytics.
Mrs. SHIELA MARIE G. GARCIA, MSCS

Date Dean of College
i
Malvar, Batangas
ACKNOWLEDGEMENT
The developers would like to express their heartfelt gratitude and appreciation to
everyone who helped and supported them in the creation of this project.
First and foremost, they praise and thank the Almighty God for providing them
with this opportunity and granting them the ability to succeed. This thesis exists in its
current form thanks to the assistance and guidance of a number of people. As a result,
they would like to express their heartfelt gratitude to each and every one of them.
To Dr. Amado C. Gequinto for endorsing the developers and allowing them to
gather information at the university.
To Ms. Shiela Marie G. Garcia, chairman of the panel, for sharing her
knowledge and valuable suggestions for this project, as well as bringing great new ideas to
the developers to help them complete their project;
To Engineer Erwin F. De Castro and Mr. Menard M. Canoy, members of the
examiners, for their generous suggestions and ideas that assisted the developers in pushing
their limits;
To Mr. Lester S. Cueva, their thesis adviser, for his consistent support and
excellent ideas that helped the project exceed expectations, as well as for sharing his time
and effort in completing this project;
ii
Malvar, Batangas
DEDICATION
It is with our deepest gratitude and warmest affection
to dedicate this fruit of our hardwork to the
Almighty God, who gives us strength and knowledge
in the process of doing this work, to our beloved parents
and friends, for their prayers, hopes, encouragements and
concern during days and sleepless nights
to our respected capstone adviser, for his guidance
that made us able to get such success in finishing this study.
This is all for you…
A.D.L.C
E.N.L
A.M.T.L
iii
Malvar, Batangas
EXECUTIVE SUMMARY
TITLE : DEVELOPMENT OF A BUSINESS WEBSITE

FOR ANTONIO MANUEL CATERING
SERVICES
AUTHORS : ANGEL DAFHNY L. CASUL
EUROSE N. LEONIDA
ANN MAE T. LOPEZ
TYPE OF DOCUMENT : Undergraduate Capstone Project
TOTAL NO. OF PAGES : 139
NAME OF INSTITUTION : Batangas State Univeristy JPLC-Malvar
Campus
YEAR COMPLETED : 2021
ADVISER : MR. LESTER S. CUEVA
Antonio Manuel Catering Services is a business that offers catering management
for special events and has been running for fifteen years. They cater events such as
birthdays, christening, weddings, and other occasions. Currently, business transactions are
handled manually, and the majority of communications are handled by the owner. The
developers created a business website for the catering shop to make business transactions
and communication easier for both the owner and the customers. It will also be a great
opportunity for the catering shop to attract more customers. The developers developed a
website that will help the admin to manage and monitor their reservations. The admin can
also update their services and add images to their gallery. The customer, on the other
hand, can make a reservation with ease as long as they have access to the website via an
internet connection. In addition, the customer can track the status of their reservation.
iv
Malvar, Batangas
The developers used PHP to create the business website and JavaScript to improve the
functions. MySQL is the database that contains all of the data.
The Web Development Life Cycle method is used for the project's development
process. Nowadays, a website will be a huge help for a business to grow and expand its
scope. Web Development is in charge of the system's design, planning, analysis,
implementation, and maintenance. The top-down approach was used in system
development, which resolves problems from high to low levels.
In the overall evaluation, the developers found out that the total average of three
criteria got 4.51 with a verbal interpretation of “Strongly Agree”. This means that the
business website met all of the criteria established by the developers, as determined by
the cooperative and the users who responded to the questionnaire prepared by the
developers. It also means that all of the users were pleased with the website because it
met the needs of the cooperative.
Furthermore, the system is accessible to all customers as long as they have an
internet connection. After the event, customers can provide feedback or share their
experience. If the customer does not know what theme they want for their event, they can
look through some suggestions. It also includes a menu list that can be filtered by
category. The customer can conveniently make a reservation on the desktop or mobile
phone. Technology is becoming increasingly important in the business world. A website
is an excellent way to expand a business's opportunities.
v
Malvar, Batangas
TABLE OF CONTENTS
TITLE PAGE
APPROVAL SHEET ........................................................................................................ i
ACKNOWLEDGEMENT… ........................................................................................... ii
DEDICATION…..............................................................................................................iii
EXECUTIVE SUMMARY .............................................................................................. iv
TABLE OF CONTENTS................................................................................................. vi
LIST OF FIGURES .......................................................................................................... x
LIST OF TABLES .......................................................................................................... xii
1. INTRODUCTION
Project Context…....................................................................................................1
Purpose and Description… ..................................................................................... 3
Objectives of the Study ........................................................................................... 6
Scope and Limitations of the Study… .................................................................... 8
Definition of Terms….............................................................................................9
2. REVIEW OF RELATED SYSTEMS
vi
Malvar, Batangas
Technical Background… ...................................................................................... 11
Related Systems… ................................................................................................ 14
3. DESIGN AND METHODOLOGY
Data Gathering… .................................................................................................. 35
Project Concept… ................................................................................................. 36
System Analysis and Design… ............................................................................. 37
Development Methodology…................................................................................41
Development Approach ........................................................................................ 45
Functional Requirements… .................................................................................. 46
Non-functional Requirements… ........................................................................... 47
User-Design Interface ........................................................................................... 48
Software Development Tools….............................................................................58
Hardware Requirements.........................................................................................59
Software Requirements… ..................................................................................... 60
Testing and Evaluation...........................................................................................62
vii
Malvar, Batangas
4. RESULTS AND DISCUSSION
Management of Reservation Details ..................................................................... 65
Management of Services ....................................................................................... 66
Management of Sales Report ................................................................................ 67
Management of Dashboard ................................................................................... 69
Customers managing their reservation details ...................................................... 70
Customer review and feedback ............................................................................. 71
Evaluation Results ................................................................................................ 72
Implementation Plan ............................................................................................. 78
1. SUMMARY OF FINDINGS, CONCLUSIONS AND RECOMMENDATIONS
Summary of Findings… ....................................................................................... 80
Conclusions… ...................................................................................................... 81
Recommendations… ............................................................................................ 82
BIBLIOGRAPHY… ...................................................................................................... 83
APPENDICES ................................................................................................................ 87
A. Relevant Source Codes… ............................................................................... 88
viii
Malvar, Batangas
Manage Reservation….............................................................................88
Manage Services (Gallery)… ...................................................................92
Gallery Delete Image ................................................................................ 94
Gallery Upload Image ............................................................................... 94
Manage Services (Packages and Optional) … .......................................... 96
Manage Sales Report… ............................................................................ 98
Manage Dashboard…...............................................................................100
Reservation Form… ................................................................................ 104
Feedback ................................................................................................. 112
B. Evaluation Tool .............................................................................................. 114
C. Sample Input/Output/Reports…......................................................................116
D. User Guide.......................................................................................................121
E. Grammarian’s Certification….........................................................................136
F. Proof of System Turnover…............................................................................137
G. Curriculum Vitae.............................................................................................138
ix
Malvar, Batangas
LIST OF FIGURES
FIGURE PAGE
1. Architectural Design of the Developed System..............................................................14
2. Context Flow Diagram of the Developed System ..........................................................38
3. Data Flow Diagram of the Admin .................................................................................39
4. Data Flow Diagram of the User…..................................................................................40
5. User Case Diagram… .....................................................................................................41
6. Web Development Life Cycle…....................................................................................44
7. Top-Down Approach......................................................................................................46
8. Signup Form…...............................................................................................................49
9. Login Form….................................................................................................................50
10. Reservation Form… .................................................................................................... 51
11. Homepage ................................................................................................................... 52
12. Services Page................................................................................................................53
13. Recommendation Page.................................................................................................54
14. Feedback Form….........................................................................................................55
x
Malvar, Batangas
15. Contact Us Form… ..................................................................................................... 56
16. Login Form (Admin)....................................................................................................57
17. Homepage (Admin)......................................................................................................58
18. Admin’s Reservation Details…....................................................................................66
19. Admin’s Services… .................................................................................................... 67
20. Sales Report…..............................................................................................................68
21. Admin’s Dashboard......................................................................................................69
22. Customer’s Reservation Details… .............................................................................. 71
23. Review and Feedback Form….....................................................................................71
xi
Malvar, Batangas
LIST OF TABLES
TABLE PAGE
1. Functional Requirements…............................................................................................46
2. Non-functional Requirements… ................................................................................... 47
3. Hardware Requirements for Developers… ................................................................... 59
4. Hardware Requirements for the Users…........................................................................60
5. Software Requirements for Developers..........................................................................61
6. Software Requirements for Developers…......................................................................62
7. Test Case for the Admin….............................................................................................63
8. Test Case Result (Admin)…...........................................................................................72
9. Summary Evaluation Results in Terms of Functionality…............................................74
10. Summary Evaluation Results in Terms of Usability… .................................................75
11. Summary Evaluation Results in Terms of Reliability… ..............................................77
12. Summary Evaluation Results in Terms of Efficiency… ..............................................78
13. Implementation Plan… ................................................................................................79
xii
Malvar, Batangas
CHAPTER 1
INTRODUCTION
This chapter provides the overview and brief rationale of the developed system.
Research and analysis of the objectives, project context, purpose and description, scope
and limitations were discussed throughout this chapter. Unfamiliar terms were defined for
the reader and user to clearly understand the terms that have been used.
Project Context
Technology has transformed our world and our daily lives over the years.
Technology has created incredible tools and resources that put useful information at our
fingertips. Multi-functional devices such as the smartwatch and smartphone have been
made possible by modern technology. Computers are frequently faster, smaller, and more
powerful than ever before. All of these technological revolutions have made our lives
easier, faster, better, and more enjoyable.
The technological innovations, inventions, and engineering applications used
within societies to perform specific tasks have both benefited and hampered ancient and
modern human civilizations. Human societies and their technology have become
inseparable as technical structures are invented by humans and represent the very essence
of a society's needs and culture. In many organizations, innovations have been made
possible, which have significantly helped to expand the way they do things.
1
Malvar, Batangas
Lastly, from ancient times to the present, technology has had a significant impact
on human life by resolving everyday problems and making various tasks easier to
complete. With the help of technology and the Internet, this is now a simple process.
Simply by clicking on your device, you can access and receive the data you require.
The use of technology quickly became essential in a variety of industries,
particularly business. Technology is becoming increasingly important in business. As
time passes, the business world leans more and more toward it, making it nearly
impossible to separate the two. Innovation breeds business, and because technology
paves the way for it, it can be deduced that business requires technology to thrive.
Difficult tasks or activities that would normally take time to complete can now be
completed ahead of time. With the help of technology, communicating with people who
are thousands of miles away is no longer a problem, and sharing and exchanging
information is now possible in a timely manner.
Productivity rises as a result of the automated processes that technology can
provide. Information is also stored with ease and integrity. Confidential and sensitive
information are less vulnerable as a result of this. The information can also be instantly
retrieved and analyzed in order to monitor trends and make forecasts, which can be
critical in decision-making processes. The use of database systems made it much easier to
collect, organize, and store billions of pieces of data. It was a huge help to the company's
ability to operate effectively and efficiently.
2
Malvar, Batangas
Antonio Manuel Catering Services is a business that provides catering services for
events such as birthdays, christenings, weddings, and other special occasions. Currently,
business transactions are carried out manually, and the majority of communications are
handled by the owner. Despite the fact that they have been in the industry for fifteen
years, they do not currently have a system in place to help them monitor and manage
their catering services, as well as communicate effectively with their customers. Using
technology in a business is another way to communicate with a customer because almost
everyone nowadays uses technology and some of them use applications to make use of
technology. With the presence of technology, a particular business can attract more
customers, which opens up new opportunities for the business.
The development of a business website for Antonio Manuel Catering Services
aims to inform others about their existence in the industry and the catering services they
offer. The developers wanted to create a business website that would make business
transactions and communication easier for both the owner and the customers. It will also
provide an excellent opportunity for the catering shop to attract more customers, which
will be beneficial to the business.
Purpose and Description
Antonio Manuel Catering Services is a business that offers catering management
for special events and has been running for fifteen years. The developers discovered that
Antonio Manuel Catering Services is doing its business manually and doesn’t have an
3
Malvar, Batangas
existing system for its business transactions. When making a reservation, it is only done
via chat, text, or phone, and then they will schedule a meet-up with the customer to
further discuss the details, which is time-consuming for both parties. The developers
intend to meet these requirements in order to assist the organization in efficiently
monitoring and managing its reservations.
The developers will create a business website that will require an internet
connection to access. This system will be used for all Antonio Manuel Catering Services
transactions. Customers can use this to make a reservation, browse the packages offered
by the organization, and be notified of the status of their reservation via SMS. The
developed website aims to provide the catering shop and the customer with a more
effective and convenient means of communication and transaction.
The customer will no longer need to have a meet-up with the owner to discuss
the details of their reservation which can save their time. They can now access the system
24/7 if they have an internet connection and can complete a transaction immediately. The
aforementioned website will assist them in reducing the customer's time and effort in
making a reservation.
The developed system consists of two user interfaces: the first is for the
administrator, who will manage and monitor the reservations. The admin can view all of
the details of the customer's reservation, such as the location of the event, the date of the
event, and so on. The admin can separate the reservation by its status such as if it is
4
Malvar, Batangas
pending, approved, finished, and canceled. If there is a change with the menu and packages
of the catering as well as their add-ons, the admin can update it. The account of their
customers will be saved also in the admin panel, so in case the customer forgot their email
or password they can contact the admin to restore it. Another feature here is the admin can
view and analyze the report of their monthly sales through charts or graphs and can manage
the record of their sales. The admin dashboard will display data visualizations of the
reservations received per month, as well as charts indicating when the number of
reservations is at its lowest or highest. The admin can also view all reservation records
from the previous reservations up to the most recent reservations and update their
reservation records.
The second interface is for the user or customer, where they can make a
reservation by filling out the necessary details such as personal information, the packages
they want to purchase, event details, and their payment. The user can browse all the
services being offered by the catering shop. The user can request a copy of their
reservation information. The user can personalize the menu and packages they want, as
well as request specific add-ons. Another feature here is that the customer can browse
recommended options for them to help them decide wisely on what to purchase such as
browsing the packages that are suitable with their budget, viewing all the themes that are
available based on the color combination they want, and in the menu, by inputting
ingredients they have in mind, they can browse the set of menus available. The payment
will be made via bank transfer.

5
Malvar, Batangas
The customer can pay the full payment of the reservation or can pay 60% down payment
and then full payment on the day of the event. The customers can give feedback after
their reservation is finished. The customers can also contact or message the owner if they
have queries, concerns, and complaints about their reservation.
The members of the business, especially the owner will benefit the most from the
developed system. It will be easier for the owner to manage and view their business records
and transactions. It will also help the owner to reduce the time devoted to taking calls
during operation hours and give the ability to confirm and reject reservations using this
system. Through this developed system, the owner can visualize and analyze their sales
report, analyzing when the number of reservations is at its highest and when it is at its
lowest. It will assist them in improving their services, as well as having better
performance and operation, which will satisfy their customers. This project also benefited
the developers by teaching them about the catering industry and the process of
developing a system. Future developers/researchers can also benefit from this project by
using it as a reference for related or similar systems. Wherein they can also use this as
their reference for related or similar systems.
Objectives of the Study
This project aims to help Antonio Manuel Catering Services to manage, monitor,
and communicate to their customers in a fast and effective way that contains the following
objectives:
6
Malvar, Batangas
1. To create a web-based reservation system for the admin where the following can
be performed:
1.1 Manage reservation
1.2 Manage services
1.3 Manage sales reports
1.4 Manage dashboard
2. To provide a business website for the customers where the following can be
performed:
2.1 Allow the customer to manage reservation
2.2 Allow the customer to give feedback
3. To test and evaluate the developed system using:
3.1 Test Case
3.2 ISO-IEC 20510:2011: in terms of:
3.2.1 Functionality
3.2.2 Usability
3.2.3 Reliability
3.2.4 Efficiency
7
Malvar, Batangas
4. To provide an implementation plan for the deployment of the developed system.
Scope and Limitations of the Study
The developed system will focus on reducing administrative effort and
transferring, handling, and monitoring data from a manual process to an online system
where data can be entered and accessed online by the consumer. In terms of time and
effort spent managing and controlling reservation information, the developed system will
be beneficial. The developed system will reduce the time and effort required to manage
and monitor reservation details. The developed system will aid the Antonio Manuel
Catering system in determining when their business is at its peak and when it is at its
lowest.
The developed system, on the other hand, will be designed and developed for
online use. Users will be unable to access the system unless they have an internet
connection. It will solely manage and monitor Antonio Manuel's reservation transaction.
The developed system will include a feature that allows Antonio Manuel Catering to
view data in their monthly business sales and analyze their performance via a dashboard
that displays data visualization. Customers will be able to view the website, but they will
only be able to make reservations if they have a registered account. Only registered
accounts will have access to the recommendation features. The customer will be unable
to track the status of their reservation; the developed system will only notify the customer
if their reservation has been approved or declined.

8
Malvar, Batangas
Definition of Terms
The following terms are used by the developers for the readers to easily understand
the developed system. They provided the conceptual and operational definitions of the
terms for the benefit of the readers.
Analytics. Often involves studying past historical data to research potential trends,
to analyze the effects of certain decisions or events, and to evaluate the performance of a
given scenario. [1] The developed system will employ analytics to assist the catering
shop in analyzing historical data in order to gain new insights and improve strategic
decision-making.
Back End. It is the server side of an application that communicates between the
database and the browser. Anything that the user can’t see through the naked eye, database
and server that manages the functions of a website. [2] XAMPP will be used as a back-
end database and as a local host on the server for testing purposes.
Data Dashboard. Is an information management tool that visually tracks, analyzes
and displays key performance indicators (KPI), metrics and key data points to monitor the
health of a business, department or specific process. [3] This project will include a
dashboard that displays various graphs or charts that will aid in data analysis.
Data Visualization. Is the graphical representation of information and data. By
using visual elements like charts, graphs, and maps, data visualization tools provide an
accessible way to see and understand trends, outliers, and patterns in data.
9
Malvar, Batangas
[4] In this project, data visualization will be used to help the business improves its
performance and make a wise decision.
Graphical User Interface (GUI). A visual way of connecting with a computer
using items used by several present operating systems including windows, icons, and
menus. [5] In this project, the administrator and the customer will have a different interface
to use.
Hosting (Web Hosting). Is a service that allows organizations and individuals to
post a website or web page onto the Internet. A web host, or web hosting service provider,
is a business that provides the technologies and services needed for the website or webpage
to be viewed on the Internet. [6] In this project, web hosting will be used to access the
business website via Internet. It will help the customers to easily find the website.
ISO/IEC 9126. Is a software quality model which categorizes software quality into
six characteristics (factors) which are sub-divided into sub-characteristics (criteria). The
characteristics are manifested externally when the software is used as a consequence of
internal software attributes. [7] The developed system will be tested and evaluated to
validate functionality, efficiency, and usability.
Online Reservation System. Is a software used by any business taking bookings
for their services and products. It allows activity operators to accept reservations online
and better manage their customer transactions. [8] In this project it allows the customer to
request reservations and make payments directly through the website.

10
Malvar, Batangas
CHAPTER 2
REVIEW OF RELATED SYSTEMS
This chapter presents the related systems gathered by the developers which served
as the reference for the developed system. The review of related system is derived from
finished theses that have significant relevance to the developed system. This chapter also
guides the developers to improve and develop the system more effectively.
Technical Background
For further understanding of the project, the developers will be using different
reading materials that are related to the online reservation system. These materials such as
books, magazines, thesis and other web articles are essential in widening the knowledge of
the developers. This also guides the developers to achieve their objectives. Developing a
web-based system has its complexities that are needed to be addressed in order to create an
effective web-based system for the intended users. The developed system will be using
particular tools that make their developed system more efficient and easier to construct.
The developers decided to use the following software tools for the completion of the
developedsystem.
MySQL is an open source relational database management system. It is based on
the structure query language (SQL), which is used for adding, removing, and modifying
information in the database[9]. It is the world’s most popular open source database,
11
Malvar, Batangas
enabling the cost-effective delivery of reliable, high-performance, and scalable web-based
and embedded database applications. Databases are used for storage of information, easy
access of those information, and better at security files. MySQL is an essential part of
almost every open source PHP application. Some common relational database management
systems that use SQL are: Oracle, Sybase, Microsoft SQL Server, Access, Ingres, etc. As
MySQL is an open-source software, anyone can download it. The developers will be using
this tool as the database for the developed system due to these characteristics and mainly
because of its capability to store large amounts of data.
Hypertext Markup Language (HTML) is a text-based approach to describe how
content contained within an HTML file was structured. This markup tells a web browser
how to display the text, images and other forms of multimedia text and images on a
webpage [10]. Through HTML, the look and appearance of images, links, headings, text,
page layout and all about every element of a web page can be formatted. In these modern
times, it is commonly used along with JavaScript and Cascading Style Sheets (CSS) to give
web pages the desired look and feel. The developers will be using HTML because it is free
and supports most development tools today.
Cascading Style Sheets (CSS) is used to format the layout of Web pages. They can
be used to define text styles, table sizes, and other aspects of Web pages that previously
could only be defined in a page's HTML . It is a language used to detail the presentationof a
web page’s markup language - such as colors, fonts, and layout. The developers will
12
Malvar, Batangas
be using CSS because it will help in creating a uniform look across several pages of a
website.
PHP or Hypertext Pre- Processor is a popular general-purpose scripting language
that is especially suited to web development. PHP can be interfaced very well with MySQL
and is used as its back-end tool. It can be used with a large number of relational database
management systems, runs on all of the most popular web servers and is availablefor many
different operating systems. The developers selected this as the programming language in
building and configuring the web application rapidly at a certain period. This tool will be
used by the developers because it supports database management systems and other open
source databases.
Web hosting is the place where all the files of your website live. It is like the home
of your website where it actually lives. It is a type of Internet hosting service that allows
individuals and organizations to make their website accessible via the World Wide Web.
GoDaddy is the world’s largest services platform for entrepreneurs around the globe.
GoDaddy offers more than just a platform to build your website, we offer everything you
need to create an effective, memorable online presence. The developers will use
GoDaddy for the hosting of the website.
Architectural Design
Figure 1 shows the architectural design of the developed system. As the figure
indicates, in order to access the system, users should have an internet connection. All
13
Malvar, Batangas
customer’s data will be stored in the database of the system and will be managed by the
Antonio Manuel Catering Services owner who will serve as the administrator of the
developed system. The customer will be able to make a reservation for their event and will
be notified via Email.
Figure 1. Architectural Design of the Developed System
Related Systems
This section consists of information gathered from some thesis which were also relevant
to the developed system. Different studies with regard to the present research was further
discussed for better understanding and helped extend the knowledge of the developers.
This also guide the developers to improve and develop the developed system more
effectively.
14
Malvar, Batangas
The study of Kumar, Anuj is related to the developers’ project which keeps track
of catering orders and user information. This project includes two modules: admin and
user. The admin module includes a dashboard where the administrator can quickly view
the total number of subscribers, registered users, read enquiries, and so on. The
administrator can also manage their food category, view order details, and change the
order's status. The administrator can view the details of registered users as well as the
sales reports for a specific time period. Admin can also change his password, update his
profile, and recover his password.
In the user module, the user can view the web application's home page as well as
which foods are available in the catering service and order those food packages. The user
can view and update his or her profile information, as well as view the details of their
orders. The websites about us and contact us sections allow users to learn more about us.
The related system allows the admin to manage their reservation and generate
reports such as sales reports and the user can view the details of their order which is good
to check if the reservation is correct. In the developed system, the admin can update their
menu packages and other services of the catering. The admin could separate their
reservations based on their status such as if it is pending or finish. The admin panel
contains that shows the visualization of data that the catering has such as the number of
reservations per month or year. The user can also customize their menu packages and
browse recommended options. The user can also view their reservation details and print.
15
Malvar, Batangas
According to Singh, Abhishek et.al., food industry has always been a profitable
industry not only for manufacturers, suppliers but also for the users, distributors. Because
of recent industry changes and the increasing use of the internet, an online food delivery
system is an absolute necessity. Our developed system is a real-time online food ordering
system for customers. Our system application overcomes the drawbacks and
disadvantages of traditional queueing systems. Food can be ordered from restaurants as
well as mess services online in a hassle-free manner using our developed system. Our
system application improves the methods of taking food orders from customers. A food
menu is created online, and customers can easily place their orders using the developed
system. Also, customers can effortlessly track the orders with a food menu. Users can
rate the food items over the feedback system provided by the system. Also, restaurants
and mess services are recommended to the new customers based on the user ratings
through the developed system, and for the improvements with the quality, the
restaurant/mess staff will be informed. For the initial implementation of the system
application, pay-on-delivery payment system is used. Separate accounts are maintained
foreach user for more secured ordering by providing an ID and a password.
The related system can order food online to provide convenience to the customers.
The customer can place their order and can also send their feedback about the food. It is
also secured to order because the customer will have an account. For their payment, it is
on the pay-on-delivery method. The developed system will provide convenience for the
customers of catering services to reserve for their event.

16
Malvar, Batangas
The customer can also pay their reservation online. Through this system, it will become
less hassle for the admin to manage their reservations effectively and for the user to
reserve what they want to avail themselves. Both customer and admin will have their own
account to access their module respectively.
As stated by Yawale, Prof. N. M. et. al., the system is implemented to reduce
manual work and enhances the accuracy of work in a restaurant. This system manages
and maintains the record of customers and their orders online. This Android App has been
made in a user-friendly interface so that customer can add and delete the food items easily.
The menu card of the different restaurants consists of various food varieties available in
the restaurant. Through the place ordering menu, the customer can simply click and order
the food. The messaging module tells the supplier to supply the particular food. Also, the
tracking module tracks the order. The billing system prepares the bill according to the
delivered food. This system entirely reduces unnecessary time. Every order is associated
with an individual seat at the table, and orders are built one customer at a time,just like on
paper, but with greater accuracy. Items can also easily be shared by the whole table,
moved or modified, and noted and the cost can be calculated in real-time.
The related system manages and maintains the record of the customers and their
order online. It displays the various food options available in the restaurant and
calculates the cost in real-time. In the developed system, the customer can see the total
cost of their reservation as well as the specifics,
17
Malvar, Batangas
, such as what percentage of the total cost will serve as their down payment. This
system can save both the customer and the administrator time and effort.
Li, Can et. al. cited that in solving the imbalanced use of university sports venues,
the online booking system of university sports venues based on the table tennis hall of
Zhengzhou University is designed, combining the experience of the existing online
booking systems, the main methods and the major ideal of building these systems both at
home and aboard. The basic functions of the system are designed according to the general
requirement analysis, including user’s registration and login, online venue booking, online
payment, personal center, message board, and database construction. The system has
accomplished such functions as online booking, online payment, and online messages.
The tests of the system are run in good conditions. The use of the system has made up for
the current lack of sports venues management, solved the problems of the online booking
function of university sports venues, improved the efficiency of the venues, and met the
needs of efficient use of the venues. The system can be an experience of the management
of the other college sports venues.
The related system has aided in the management of university sports venues. To
address the issue of imbalanced use of sports venues, an online booking system is
beneficial in resolving the issue and avoiding any problems associated with using the
venue, such as overlapping schedules.
18
Malvar, Batangas
The reservation will also be managed effectively in the developed system; the
admin can check the system to see if they have an overlapping schedule of the
reservation, and if so, the admin and the customer can negotiate about it.
Moreover, Shah, C. et. al., claimed that the Academic Technology Department
(ATS) at St. Mary’s University needs a simple, fast, and reliable workshop reservation
system to handle workshop registration and history recording of attendance information.
The goal of the workshop reservation system is to allow workshop attendees to easily
register for workshops, add or modify their sign-ups by selecting or canceling a workshop
according to different available time and dates. The developed workshop reservation
system will be used for self-registration online. A well-run workshop needs to have an
efficient and reliable way of handling attendance and registration. An automated system
reduces the amount of paperwork, time, and effort spent by an attendee on registration. It
can also reduce the errors resulted from the manual registration process. The workshop
reservation system, therefore, provides benefits to both workshop attendees and workshop
organizers.
The related system's goal is to keep the data from being manual to being
automated in order to avoid problems and to make it easier to manage the data
information. The associated system's goal is to benefit both the company and its
customers. The developed system will also have the same goal of going from manual to
automated and being beneficial to the company and its customers. The developed system
will not just help the 19

Malvar, Batangas
business in managing transactions, will also help the business in analyzing its business
status and it will also allow the business to be more interactive with its clients.
DEVI, A. U. [19] on the other hand presents that this project Hotel management
system gives idea about the hotel and food which is better among all those things. In this
we can gather all information about the hotel to order anything and we can easily get the
location of the hotel. Customers can order anything whatever they wish. In this system it
keeps record of the customer details securely, and if anyone asks about that they won’t
provide any details of us without our permission. It is an easy and efficient way to order
food. Technology changes our lifestyle, so people are also changing and they can improve
many techniques like this. In this system there is another facility where we have an option
called log in. By logging into that application, we have a higher priority for ordering the
foods. This project is the Hotel Reservation System. It plays a vital role in Hotel
Reservation operations. It is the system that accepts customer details as input and
produces bills for customers according to theirusage of the hotel.
The related system's goal is to promote the company's mission and the services it
provides. It allows the client to access its application by logging in and reserving a time
slot for the business service. The developed system will also have a website that promotes
what the business is about and the services it provides. It will allow the client to log in to
its website and make reservations. In the developed system
20
Malvar, Batangas
the client will be allowed to customize their reservation event details, the menu, theme and
inclusions of the business packages.
Furthermore, Maryani et. al said that the aim of this research is to analyze and
design an online Barbershop and Salon reservation system that suits the needs of its
users, Owners and Customers. On the other hand, this system can reduce waiting time for
each barbershop and salon. The data obtained is then processed to get an overview of the
need for this system to be developed. As a result of this research, the Online Reservation
System is suitable for use to reduce customer waiting time. Based on our research, it can
be concluded that the majority of respondents who go to a salon or Barbershop are young
people aged between 21 and 30 years (52%) or aged between 17 and 20 years (43%) with
the student profession (85%). We designed a system of online reservation systems for
barbershops and salons based on the web.
The related system intends to design an online reservation system that suits the
needs of the customer and owner. To reduce the customer’s waiting time, they came up
with a system for the barbershop and salon. It will help the owner to manage and monitor
their customer efficiently as each customer will have their own schedule to visit the salon
and barbershop. In that way, the customer will also not be too tired to wait for their turn.
In the developed system, the customer will be notified immediately if their reservation is
approved or not. The user does not really need a lot of time to wait for the admin
answer,
21
Malvar, Batangas
unlike the manual process where the customer needs to wait longer especially if the owner
is not online or away from their phone.
In addition, Roshane M. Pasamba et. al cited that the main objective of the study
was to make the work of the customers, staff and administrator easier. This system was
used as a tool for making reservations online. The developed system will help the
company not only in making the reservation easier but to keep the records safe. The
administrator of the system can monitor and control all the activities involving from the
reservation processes and can efficiently manage the system. The developers discovered
the following findings: (1) the developed system allows Prospective homeowners to
browse information about Mercedes Homes and make reservations online. Since it is
online, the customers can view the different houses available in Mercedes Homes. The
registered prospective homeowners can view the available lots, (2) This Online
Reservation System will help the prospective homeowners to make a reservation easier
and faster, (3) The developed system provides up to date information about Mercedes
homes Subdivision and the status of reservations of each prospective homeowner. Based
on the data and Information gathered, the developers concluded the following: (1) the
developed system allows the registered Prospective homeowners to view available lots
and the features of the model houses, (2) The developed system provides computation for
every house, (3) The system helps the customer of Mercedes Homes Subdivision to have
an easy access to the Subdivision and to be updatedton his status of reservation.
22
Malvar, Batangas
The developed system aims to make business management easier and faster. It
displays what the business has to offer, and only registered customers will be able to
browse the additional details of what the business has to offer, and they will be the only
ones who can transact with the business. The developed system also enables the company
to update its business information. The developed system will also be designed to make
business transactions simpler and faster. It will also have a website where customers can
look up business information. The developed system also includes account registration,
which allows customers to further browse the business offers and make reservations. It
will also provide up-to-date information about the business because it will have an
editorial page for the business details in the admin panel, where the admin (owner) of the
business can update their business information if changes are made.
On the other hand, Ayesha Shaikh et. al., stated that catering management is a
database utility system that fetches all information from a centralized database. The
customer uses a web application that contains the menu details. The customer application
and admin application connect directly with each other through the same database. This
application is user-friendly, improves efficiency for caterers by saving time, reduces
human errors, and provides customer feedback. This system is made for the user so that
he can book the things for catering that he requires, very easily. When people gather
together for several hours, they will definitely require food and beverages.
Celebratory occasions such as weddings,
23
Malvar, Batangas
christenings, birthday parties, and anniversaries call for special food and drink to
complete the festivities. These are all prime occasions for catering. Catering is usually
done by pre-arranged contract food provided at a certain cost to a specific number of
people. The menu in a catering event is usually more limited than a restaurant menu and is
chosen in advance by the client. The way the food is prepared is different. Although both
restaurant and catering chefs prepare the food ahead of time to a certain extent, catering
chefs prepare their food so that it only needs brief final cooking, reheating, or assembly
prior to service. This system/software overcomes the drawbacks in earlier automated food
ordering systemsand is less expensive as it requires a one-time investment for gadgets.
The developed system will also include a web application that will display the
menu, as well as the business profile, packages, and services offered. The developed
system would also include an admin application that would be linked to the web
application via the same database as the web application. Aside from reservation
management features, the admin application will also include analytical reports to assist
businesses in analyzing their business status.
However, Natalchuk, S. et. al., come up to this idea for the program to create a
mobile application for ordering a meal, booking a table, getting acquainted with the range
of dishes, and payment. That is, an application that can not only order a table, but also
select a dish and pay for the order. In the real-time system, it is planned to display
occupied and reserved tables in a cafe or restaurant, create an online menu that displays
all the dishes available, 24

Malvar, Batangas
create a module for payment, a user profile and display the history of "orders". Thus, an
alternative version of the application with wider functionality was developed. The idea and
features of the program were described, ways to solve problems.
The developed system will also include a web application that will allow the
client to request a reservation. It also includes a feature that allows clients to pay for their
reservations via the web application. The web application of the developed systems will
also allow the client to freely explore the offerings of the business. The developed system
will include an admin panel that will be managed by the manager, as well as a feature that
will store user-profiles and past business transactions.
Additionally, Ian Paul M. Guanzon et. al., claimed that Online Reservation
System and Records Management for Fab Events Catering Services and Event
Management was intended to promote the catering business by developing a web-based
system that enables to advertise, reserve, and reach out to a wider of the customer to cope
up with the tight competition. The system lessens the effort of the business organization
and customers to book an event reservation. The study aimed to digitalize the manual
process of booking reservations of the business organization. The developed system
contained information of the business organization that orients new customers about the
organization’s background and their service. It includes reservation details that where the
heart of the reservation businesses. The system administrator also has the ability to add,
update and edit the data of the system.
25
Malvar, Batangas
The developers also merged the system with data analytics that aid the Fab Events owner
to easily access the status of their catering service by importing a .csv file from excel to
the system.
The developed system is made for advertising the business. It also helps the
business to have easier and faster reservation transactions. The developed system also
allows the admin to add, update, and edit their data. It also provides data analytics in an
excel format, allowing businesses to easily access their catering service status. The
developed system will also include a website that will advertise the business to a larger
audience. It will also make reservations easier and faster. The developed system will also
allow the administrator to add, update, and edit their data and business details that are
displayed on the website. It will also provide data analytics in the form of data
visualization, such as graphs, to keep the admin informed of the status of their business.
Meanwhile, Shuvo, R. K., et al., said that this online based food ordering and table
booking system website entitled “Tasty Food” Home Delivery and Reservation System
provides convenience for the customers to order foods and book tables in the restaurants.
The ambition behind this project is to develop and design a website primarily for use in the
fooddelivery industry. It overcomes the drawbacks of the long-established queuing system.
This system proliferates the takeaway of foods more than visitors. Therefore, this system
amplifies the speed and standardization of taking the order from the customer. Customers
can choose, order and review food alongside booking a table for later use.
26
Malvar, Batangas
The development system aimed to make booking transactions with customers
more convenient. It also has a website where their menu and other services can be viewed
by customers. Customers can also choose, order, and review their menus for reservations
using the development system. The developed system will also include a website where
customers can browse the services that the business gives. Customers will also be able to
make reservations and select their desired packages and services.
Hence, Donna Mae G. Balbon et. al., gives the general objective of the study and the
study was to develop an “Online Reservation and Management System of Le Paradis farm
and Resort”. This is for the purpose of removing the manual process of making a
reservation and managing other matters on the said resort. The system provides the
customers easy with instructions for making reservations. It also includes a management
system that requires username and password to access the admin account and to manage
its process including the inventory system and updating of the website’s information.
The newly developed system makes it easier to make reservations. It also has a
management system through which the administrator can manage the inventory and
update the website's information. To access the admin account, the management system
requires a username and password. Reservations will also be easier and faster to make in
the developed system. It will have a management system that will require a username and
password to access the administration panel.
27
Malvar, Batangas
Moreover, Calalo, Archeli R. stated that this capstone project aims to develop
an online reservation so that the customers will not need to go to the actual café to file
order and reservation. The developers intended to choose the target audience. The main
purpose of this online reservation is to make an alternative way of transaction for the
customer. They can easily check and try the place even if it is online. The advantage of
automated reservation compared to manual reservation. They conducted a study to
determine ways to increase the number of customers using computerized reservation.
Interaction has always been linked to the technological availability of the time and place.
A system was being developed which can edit, delete, filter, monitor, and secured the
records of the customer as one of the solution or alternatives to the problems that
restaurant is facing. The features of this system are very useful and reliable. The
developers developed an online website and business management system. The general
details and procedures of the above- mentioned reservation are provided with
corresponding sets of information, review and discussion the system will advertise
northern light kaffe.
The developed system includes a website that is used to promote the business's
services. The admin can also edit, delete, filter, and monitor the reservation, information,
and business details of the customer. The developed system will also include a website to
assist businesses in advertising their services. It will also enable the administrator to
update and monitor their transactions with their customers as well as the business
information displayed on the website.

28
Malvar, Batangas
According to Marx Lewis L. B., the fast evolution of modern technology has
improved the quality of living and allowed people to enhance their abilities and potentials
in various fields. Among the technological wonders that increase people's intelligence and
capability to work is the computer, which is one of the most important and beneficial
machines ever developed. It is very useful in various sectors, most especially in business
and commerce.Modern generation is continuously rising. Rapidly and astonishing speed of
the technology venture, many people gratify themselves to found new discoveries. The
most effective way in disseminating information in the world was the internet. And it
became a dynamic telecommunication platform for such businesses. E-business or
Electronic Business can be one of the most effective ways for the companies to promote
products, servicing customers and conspire with business partners through internet or
electronic media. E-business allows companies to link their processes to be more
productive and achieve more imminent work with the suppliers and partners to satiate the
needs and prospects of their customers to lead improvements in overall business
performance.
The related system promotes products and services via their developed e-
business. As a result, the developed system will also be used to promote the product and
services. This system will make it easier and faster for customers to make reservations,
and it will make it easier and faster for administrators to monitor their transactions with
customers.
29
Malvar, Batangas
In addition, Hassan, Ahmad cited that this project is a mobile application based on
accessing the internet and location to book rooms in a nearby hotel. The purpose of this
project is to develop and implement an online hotel reservation mobile application for
hotels that will replace the manual method of booking hotel rooms. Now the user will get
the privilege to look for nearby hotels for room booking. The hotel industry is a business
venture for the owner and a solace for the traveler and/or tourist. A customer can get
stranded in the quest to secure a hotel room to pass the night if he has not made adequate
plans by the existing system. Through this application, it was realized that for a customer
to be guaranteed a room, he or she has to physically come to the hotel since the attendants
paid more attention to that. It looked at creating an online reservation system to enable
customers to choose the room they wanted after a virtual tour to guarantee them a room.
The use of the online view of room rates and uploading of available rooms and facilities
will be used for the application so that the customer can view and make his choice before
arrival, and also in the case of emergency traveling. It also increased the efficiency of the
hotel managers andalso their profit margin, once they have better and good facilities.
The developed system will also include a design that allows business clients to
freely explore what the company has to offer. It will also allow clients to customize their
reservations in terms of menus, themes, and service packages. The developed system will
also include a feature that allows the administrator to easily manage business transactions
and freely interact with his clients.
30
Malvar, Batangas
As stated by Contreras, Dianara et. al., the Online System for EC’s (Esing
Contreras’s) Catering Services was developed for the customer to easily make a
reservation. The system provides a calendar with available and reserved dates, where the
user can easily view which dates are available and reserved, catering service image gallery
where the customer can view and easily select what layout they want for their event,
automatic payment calculator, which automatically computes the total payment that will
be paid by the customer, online payment via credit/debit card and Smart Padala, where
the customer can choose which payment method they will use, SMS Verification between
the administrator and end-user it is for the confirmation of the reservation and records all
reservation data. The system was tested in order to improve in terms of the capabilities of
the system in booking and managing reservations. In addition, it was able to run on
different platforms. Yet, the presence of an internet connection is needed to access the
website and to maintain the performance of the Online System for EC’s Catering (Esing
Contreras’s) Services. The project resulted in an overall mean of 4.73 with a descriptive
rating of “Excellent”. This indicates that the system met its objectives and the evaluators
were satisfied with the outcome.
This related system was created to allow customers to easily make reservations.
The associated system includes a calendar with dates that users can easily view and
select. It also includes an image gallery from which the user can view and select a sample
image of the catering services. The developed system includes an automatic calculator
that computes the total amount of reservations.

31
Malvar, Batangas
For reservation confirmation, an SMS was used. The developed system will also
include a gallery displaying the service offered, which will serve as the basis for
customers making reservations. It will also include a formula. The developed system will
also send reservation confirmations to customers via SMS.
In addition, Jessie C. Galacgac have this aim in his study that intends to help enhance
the Donya Maria Private Pool Resort's information system and reduce their manual work
for the administrative activities. The objectives of this study are to provide a website that
could provide the resortan automated information and reservation system with 3D images.
This will lighten the tasks of the employee and staff. It also aims to test and evaluate the
system through System Testing, Unit Testing, User Acceptance Testing and Security
Testing. The developers concluded that the system is designed and developed as
intended. It is found to be functional, reliable, maintainable and safe. The researchers of
the study would like to recommend this to the future researchers to improve the system
features for Donya Maria PrivatePool Resort to have a faster and more reliable information
system. The system should be updated from time to time as technology changes.
The developed system had a website where the business information is automated
and the reservation system with 3D images. In the developed system it will also have a
website where the information is automated and it will allow the business to fully advertise
32
Malvar, Batangas
their services. The reservation system will have a recommendation function that can help
the customers in deciding what they want to have.
In the study of Angelita Jeneth N. A entitled “Online Reservation and Cashless
Payment in Hotel Services” sought to determine the acceptability of online reservation and
cashless payment in one (1) of the three-star hotels in the City of Sto. Tomas, Batangas. A
self-made questionnaire served as the chief gathering instrument to obtain the data that
would determine the acceptability of online reservation and cashless payment of the
travelers. A total of 100 travelers have used online reservation and cashless payment in one
(1) of the three (3) star hotels in the City of Sto. Tomas, Batangas were considered as the
subject of the study. Results revealed the majority of the travelers belonged to female,
single, and college graduates. In terms of occupation, the majority were engaged in
entrepreneurship and earned monthly income between PhP19,041 to PhP38,080. The study
further revealed that travelers highly accepted payless payment in terms of usefulness, ease
of use, compatibility, security and subjective norm. There is a significant difference
between the travelers’ assessment on the online reservation and cashless payment in terms
of sex profile. However, there was no significant difference in terms of marital status,
occupation, high educational attainment, and monthly income. The researchers
recommended strategies to the travelers to fully manage the online reservation and cashless
payment.
33
Malvar, Batangas
A related system was also an online reservation. This system uses cashless
payment, which is more secure than face-to-face payment. The developed system will
also accept bank transfers as a payment method in reservations and will only require the
receipt as proof of payment.
Hoewever, Mulyadi, Ferdy stated that a chatbot is one of a computer programs
which can be able to do a conversation between computer and human. Nowadays, chatbot
is very helpful to do anything, such as service centers, reservations, or even informant.
For instance, in term of reservations, chatbots will do the reservation such as hotel or
travel reservation, thus user do not have to make reservations manually. This is very
convenient way, user just message chatbot as same as talking to the reservation staff, and
the chatbot will do the reservation for the user. The main part inside chatbot is Natural
Language Processing (NLP). NLP is the ability of a computers to understand natural
(human) language and give feedback in natural language as well. In this project, one kind
of chatbot will be created which is Hotel Reservation Bot.
In the reservation process, the related system employs a chatbot. They specifically
use Natural Language Processing (NLP) to create a chatbot that is already automated and
ready to send. The developed system will also include a chatbot that will collect data such
as the user's name, packages, time and date, and events. They can also use the chatbot to
communicate with the owner in a clear manner.
34
Malvar, Batangas
CHAPTER 3
DESIGN AND METHODOLOGY
This chapter contains the design and methodologies that were applied by the
developers in developing the developed system. This chapter also presents the diagram
used and the type of data gathered that will help the developers in developing and
completing the developed system.
Data Gathering
The developers will conduct the study through data gathering and analyzing
improvements that could help their daily work. Antonio Manuel Catering Services is still
using traditional ways to communicate to their customer and in getting the packages that
their customer desires. The developer’s aims to provide a user interface that will be
embodied with ease and satisfy the needs of the clients. The Antonio Manuel Catering
Services web-based reservation system will provide a user-friendly interface. The
developers will get the information needed for the developed system and require
information for the research.
The developers will gather the necessary information to help them understand the
client's desired features for the developed system. It will also assist the developers in
determining what solutions should be implemented to solve the problems. The literature
also helps in gathering information to delve deeply into the issues. Also, developers will
35
Malvar, Batangas
use other methods of getting the required information like individual interviews and
observations.
The information gathered will be used to develop a system, and the text will be
used to implement the developed system as well as for future researchers who will use
the same development system as ours. In addition, the developers will travel to San
Antonio, Santo Tomas City, to meet with clients and gather critical information for the
developed system.
Project Concept
The developers will form a project concept that will help them to discover the needed
features of Antonio Manuel Catering Services online reservation system that will help them
in managing their reservations, sales reports, business processes, business transactions, and
this will also help them in identifying the possible solutions that they can do in boosting
their services quality.
The developed system will be designed as an automated process by the developers.
It is intended to assist the owner of Antonio Manuel catering services in making
transactions with his customers more convenient. It will also assist customers in
customizing their reservations based on the inclusions they want in their reservation
packages.
There are many ways of sharing details about a customer's order, reservation, and
payments, allowing the admin to review the most recent status of the customer's order or
36
Malvar, Batangas
reservations. Admins can view the most recent changes to their businesses, such as
pending reservations and new reservations, as well as the monthly sales of their catering
business. If customers have transactions to complete, the admin will be able to quickly
connect with them using this system. Some factors can have an impact on the admin
business; thus, developers design a system that benefits both the admin and the clients;
however, developers design a system for better admin-customer transactions. This will
help the administrator determine customer satisfaction and increase sales.
System Analysis and Design
This section contains the discussion of the system analysis and design tools that
will be used. In system analysis, functional requirements were presented to have an
overview of the different specifications needed to make use of the developed system.
System design illustrates the designs and layouts as well as the models of the system, for
the end-users to have an idea about the process and actions taken by the developed system.
The plans for updating and maintaining a new system are important for the problems to be
solved. The system provides a general idea of how the developers will conduct the
implementation of the developed system.
Context Flow Diagram
Figure 2. It contains a process that represents the system to model, in this case,
the Antonio Manuel catering reservation system. This shows all the steps that will be taken
before and after the reservation that was made by the customers.
37
Malvar, Batangas
Figure 2. Context Flow Diagram of the Developed System

Data Flow Diagram
Figure 3. The administrator who will use the developed system must enter a
username and password to log in, and the processes on what the administrator can
do in the system. The administrator can view and manage their customer's
reservation. The admin can also validate and accept the customer's reservation,
manage business transactions, and view the summary and analytical report for
their business.
38
Malvar, Batangas
Figure 3. Data Flow Diagram of the Admin
Figure 4. Shows the data flow diagram of the user. To log in, users must first
register and create an account. Users can view the system's available services and reserve
the packages they desire online. When the user is finished, the payment and reservation
details will be processed and verified by the admin.
39
Malvar, Batangas
Figure 4. Data Flow Diagram of the User

Figure 5. The developers will provide the admin's account but they will be able to
change the password. The admin can review the reservation of the customer and can also
send verification of the reservation to the customer. The admin will be able to manage,
update their menu and packages, and receive the reservation of the customer, while on the
user side, they are required to create an account and log in to fully access the system, the
user can reserve the packages that they choose and customize their menu package, after the
reservation process they will proceed to the payment which is in the terms and agreement.
40
Malvar, Batangas
Figure 5. User Case Diagram of the Admin and User.

Development Methodology
This process explains the different steps on how to analyze, design, and implement
the information system that will be used by the admin and their organization. The
development method that will be used to make the developed system is based on the
everyday transaction that the admin has with its customers.
41
Malvar, Batangas
The developers will use the method of Web Development Life Cycle (WDLC) in
making the developed system. This methodology will be used for developing a web
application. Web Development is responsible for the designing, planning, analyzing,
implementing, and maintenance of the system. This method will be used to improve the
development system, fix the unstructured problem of web application development, and
keep the users involved through the development life cycle.
Figure 6. It shows how the Web Development Life Cycle goes (WDLC). This
method will be used by the developers to develop a system. This will provide a design
that will help in creating a development system. This will also help the developers in
knowing what to do first in developing a system, and the designs that should be used.
The first phase is Information Gathering. In this phase, the developers will collect
the information that is needed to develop the developed system. Also, the developers will
use different kinds of techniques to gather information, such as interviewing the client,
answering questionnaires or surveys, and asking for their feedback on the said topic. This
will help the developers to have an idea, to analyze, and find the best tools to be used in
creating a system.
The second phase is the Requirement Gathering/Planning. In this phase, the
developers will discuss the planning of the system and the data that is needed to gather for
42
Malvar, Batangas
them to start doing the process. Also, in this phase, the developers will show the outcome
of the system, and how it will work.
The third phase is Designing. In this phase, the developers will gather information
from the clients on what designs and features they would like the developed system to have.
The developers will also analyze and explain to the client the layout and the interfaces of
the developed system.
The fourth phase is Coding. In this phase, the developers will start developing the
developed system. This is an important phase, where the developers start to developed the
system applying the chosen plans and designs.
The fifth phase is Implementation. In this phase, the developers will implement the
developed system that is done developing. This phase will define how the system is built,
such as the physical appearance/design of the system, ensuring that the system is in good
condition and meets the client’s standard.
The sixth phase is Testing. In this phase, the developers will test the compatibility
of the system on the other computer devices and the operation without malfunctioning. The
system should pass the specific task that the developers have provided, and the
satisfaction of the clients. This phase will also involve the improvement of the system
where it will betested to know if there is an error, and what needs to be fixed.
43
Malvar, Batangas
The seventh phase is Project Release. In this phase, the developers will discuss the
release of the developed system. After the testing phase, fixing the errors, and improving
the system, the developers will release the developed system to be used by the client.
The last phase is Enhancement Maintenance. After the project releases, the next
step is to ensure that the system no longer has a problem. During this phase, the
developers will keep the system's information up to date in order to avoid errors and
ensure that changes do not have an impact on the system. This improves performance,
increases security, and meets the needs of the user.
Figure 6. Web Development Life Cycle (WDLC)
44
Malvar, Batangas
Development Approach
Figure 7. In the first phase which is Register, before the customer can fully access
the system they will first need to register an account using their email address. Admin also
needs to log in to the account to access the system for security purposes.
The second phase is the Login; after the customer creates their account, they are
now able to access the system. The developers will provide an admin account with access
to the system, and they will be able to change their password as they see fit.
The third phase is Reservation; after logging into the system, customers can now
select their desired packages and customize their reservations to include whatever they
want for their event.
The fourth phase is the Payment, after the customer has finalized their reservation
details, they will pay the down payment to the admin to begin the transaction.
The last phase is the Approval. After the customer pays the down payment, the
admin will approve the reservation. The admin will send a reservation approval message
to the customer via their contact numbers.
45
Malvar, Batangas
Figure 7. Top-down Approach

Functional Requirements
The functional requirement is to know the function of each component of a
system. Each component of a system has a different function. The Functional requirement
helps to define the service and behavior, and also helps to define the usable function of that
component.
Table 1 describes the function of each component that the system needs to
accomplish.
Table 1
Functional Requirement
Module Description
Register To contain the regular account of the customer.
46
Malvar, Batangas
To access the system, the users must input the

Login username and password.
The system allows the user to choose the packages

Choose packages that they desire in their event.
The system allows the admin to approve the

Approve transaction of the admin and the customer.
The system allows the user to view all the packages

View that the customer chooses.
The system allows the admin to monitor the

Monitor transaction of the customer’s reservation.
Non-functional Requirements
Table 2 discusses the non-functional requirement that will be implemented in the
developed system.
Table 2
Non-functional Requirements
Criteria Description
The system can satisfy the needs of the
customer because of its features.
Functionality
47
Malvar, Batangas
The system can only be accessed by

customers who have an internet
Usability connection.
The security of the system was having a
username and password, and that only the
Security admin can fully access the system.
The system can be accessed by any
performance of the software and the
Efficiency number of resources needed.
The system is maintained by the developers

and the administrator.
Maintainability
User Design Interface

The design shown above is the one used by the developers for their system.
The developers made the system a user-friendly interface.
Figure 8. In this form, the user creates an account to be able to access the system.
The Full Name Textbox (1) is where the user enters their full name. The user textbox (2)
is where the user enters the desired username into the system. The password textbox (3) is
where the user will apply their passwords. The re-password textbox (4) is where the user
will reapply their passwords. The register button (4) must be clicked after the user has
entered their full name, username, password, and re-password to be able to create an
account and access the system.
48
Malvar, Batangas
Figure 8. Signup Form
Figure 9. In this form, the user inserts their registered user name and their
password. The user name textbox (1) is where the clients puts their desired username. The
password textbox (2) is where the user enters the system-registered password. Show
password Textbox (3) if the user wants to see the password while typing. The login
button (4): After entering the username and password, the user must click the login
button to gain access to the system. This button enables the user to recover and change
their password or account information. If the user does not have an account, the register
here button (5) is the shortcut button to go to the signup form.
49
Malvar, Batangas
Figure 9. Login Form
Figure 10 depicts the reservation form, Optional, and Food Carts, which are
shown below. The Registration Form (1), where the user enters their contact information
and the motifs they want below. Optional Form (2) is used when clients require
additional features for their events, and Food Carts Form (3) is used when clients want
food carts at their events. (3) Food Carts Form is used when clients want food carts at
their events.
50
Malvar, Batangas
Figure 10. Reservation Form, Optionals, Food Carts
Figure 11. In these pages, the user views the various pages of the system, the
home button (1) in these pages, the system welcomes the user and shows the various
pages that the user can view. The about button (2) is where the user can view information
about the business. The Service button (3) is where the user can view the system's
packages and services. The Gallery button (4) allows the user to view pictures of the
design created by the admin and also allows the customer to select a design. The contact
button (5) is where the user can contact the administrator. The Reserve button (6) is
where the user can sign.
51
Malvar, Batangas
up and after they sign up the system asks about the event details and the proof of the
payment. The Explore Button (7) is used when clients want to explore the catering website.
Figure 11. Home page
Figure 12. On these pages, the customer can view the information and view all the
services. The menu package (1) is where the user can view the packages that they can
choose. The amenities (2) is where users are allowed to choose whether it is a wedding,
Baptism and a birthday event. The Optional (3) is where users can recommend details or
an opinion based on what the users need.
52
Malvar, Batangas
Figure 12. Services page
Figure 13. It shows the Motif (1) where the users can see the available options
such asdifferent themes. The pics (2) is where users can see the theme colors that are
available.
Figure 13. Recommendation Page
53
Malvar, Batangas
Figure 14 shows the feedback form wherein the customer can send their feedback
and experiences towards the event. The name textbox (1) is for the clients who suggested
and gave their feedback. But it is optional only. Describe your experience (2) is for the
customer who told about and shared their experience. The post feedback (3) section is
where the customer can provide feedback.
Figure 14. Feedback form
Figure 15. On this page, the user will be able to contact the admin. If they have
questions, queries and concern about the reservation. The icons (1) contains the details of
where you can contact the catering services as well as where it is located. The name
textbox
(2) is where the user input their name so that the admin can know them. The email textbox
(3) is where the customer input their email.

54
Malvar, Batangas
The message textbox (4) is where the user can send a message to the administrator if
they have a problem or want to change the event. When the customer has completed all
of the required fields, he can click the send message (5) button.
Figure 15. Contact Us Form
Figure 16. it shows the username textbox (1) where the admin enters their
username. Next is the password textbox (2) is for the password. The button login (4) is
for the admin to login their account.
55
Malvar, Batangas
Figure 16. Login Form for the Admin
Figure 17. The dashboard (1) is where the admin can see the tabs that are in the
admin panel. Reservation Number (2) is where the admin can see how many the
reservations are. The Sales (3) is where the admin can see the total sales of the catering.
56
Malvar, Batangas
Figure 17. Homepage of the Admin Panel
Software Development Tools
With the use of software development tools, the developed system will surely be
developed properly. The tools that will be used by the developers are presented below.
Several programming languages and software will be used by the developers to obtain the
requirements of the developed system. As the back-end development software, the
developers will use Hypertext Preprocessor (Php) and MySQL. PHP is a web programming
language on the server-side that is used widely for web development. It is the most popular
language for web scripting and is easy to learn and manipulate as well. MySQL can be
quite well related to PHP and is used as its back-end tool. It can run on Windows and is
also dynamic and works in combination with HTML to display dynamic elements on the
57
Malvar, Batangas
page. It can be used, runs on several of the most common web servers, and is available for
many different operating systems with a large number of relational database management
systems. So, in general, for developing web applications, PHP is affordable, secure, fast,
and reliable. Programming tools such as CSS and HTML will be used as tools for front-
end development. With the support of these software tools, the process of the project will
be much more achievable and it will be appropriate to reach user requirements.
Hardware Requirements
For users to access the developed system, the use of PCs and internet connections is
required. For the best approach to the system, the hardware requirements mentioned are
needed. It can also help customers to effectively and precisely operate the developed
system.
Table 3 shows the hardware needed to run the website that will be created. Personal
computers or any other devices and internet connection are needed to operate the device
for the hardware specifications. The mentioned hardware requirements are required for a
better approach to the system. These may also help the user to use the developed system
properly and correctly.
Table 3
Hardware Requirement for the Developers
EQUIPMENT TYPE/SPECIFICATION
58
Malvar, Batangas
Processor At least i3 and above
RAM At least 4GB
Hard drive 30GB and Above
Table 4 shows the hardware specifications for the users. In order to use the
developed system, it displays the hardware requirements for the users. For the memory
space, the developers would have to use at least 512 MB to maintain and store a huge
amount of data for the device.
Table 4
Hardware Requirement for the Users
EQUIPMENT TYPE/SPECIFICATION
Processor At least Dual Core
RAM At least 2GB+

Hard drive 30GB and Above
Software Requirements
The software tools that will be used for the developed system are Windows 10 for
the operating system, PHP for the programming language, MySQL for the database, and
Adobe Dreamweaver for the User Interface Design.
59
Malvar, Batangas
Table 5 illustrates the software specification for the developers of the system. This
will help the developers achieve their goals for the developed system which includes the
language, environment, and database for programming that will be used to achieve the
developed system. The operating system used by developers to build the developed system
is Windows 10 since it is considered to be the most compatible among the applications
used by developers. It is also possible to use more than Windows 7 for the built system.
PHP, CSS, and HTML are also the programming languages that will be used by developers.
As for the system database, MySQL and Notepad ++ will be used as the environment to
create the system resources.
Table 5
Software Requirement for the Developers
SOFTWARE TYPE/SPECIFICATION
Operating System Windows 10
Programming Tool PHP, CSS, HTML

Database Management MySQL
Text Editor Notepad++
Table 6 illustrates the software specification for the users of the system. These are
the requirements for the users to run the website in a better approach.
Table 6
Software Requirement for the Users
60
Malvar, Batangas
SOFTWARE TYPE/SPECIFICATION
Operating System Windows 7 or up, MacOs, Android
Web Browser Google Chrome, Mozilla Firefox, Edge
Testing and Evaluation

System testing is critical to the development success of a developed system
because it determines whether or not the system meets the functional requirements. The
developers conducted several types of experiments to test the various aspects of the
developed system, which are listed below.
After it was planned and completed, the implementation will be based on
numerous tests. In order to determine if it is ready to be implemented, the developers tested
all the parts of the system and will also check the system based on reliability, performance,
quality, and efficiency. To validate the system developers, a test that detects various
software errors will be performed. Unit testing is one of the methods used in system
testing in which the developers explain each function of the system to the users and ask
for feedback or comments. The Whitebox testing, in which we will test the system's
internal workings in order to improve it. After validating the strategy, the developers will
use the results of testing to improve the system. The final one was the completion of the
client's new system's code and documentation. It was carried out to see if it would meet
the client's objectives and requirements. To ensure that the system works properly, testing
will be carried out.
61
Malvar, Batangas
Test Cases
To evaluate if the developed system successfully met the objectives, the developers
will use test cases. This will also help the system meet the user requirement.
The test case is a study that determines whether the system meets the expectations
of both the customer and the administrator. Furthermore, the utility of all software
features is easily understood by everyone. The developers will try various tasks to see if
the system is functioning properly. Registering, signing in, and reserving are all part of
the process. Using this test, the developers will be able to easily fix any errors in the
system.
The customer response is 100 percent when it comes to knowing if the system is a
success and working properly. However, if the customer response is less than 100%, the
system fails and must be modified to support what the client wishes to change in the
system.
Table 7
Test Case for Admin
Task Task Description Expected Result Actual Status

No.
Result
1. Access login The admin should log in to the

system using the required
username
62 and password.
Malvar, Batangas
The admin can view the

reservation details of the
2. View reservation customer in the system.
The admin can cancel the
reservation of the customer in
3. Cancel the reservation the system.
Monitor the customer The admin can monitor the
reservation reservation of the customer.
4.
The admin can approve the
reservation of the customer.
5. Approving reservation
The admin can verify the

payment of the customer.
6. Verity the customer
payment
Accept the reservation of The admin can accept the
the customer reservation request of the
7. customer.
Update menu and The admin can update their
packages menu and packages
8.
63
Malvar, Batangas
CHAPTER 4
RESULTS AND DISCUSSION
This chapter documents the gathered results of the developed system. This
chapter also discusses the developers’ interpreted results and analysis from the test case
conducted to verify the effectiveness of the developed system and if it meets the results as
it was intended to perform.
Management of Reservation Details
Figure 18 the reservation details of the customers as shown in reservation tab. This
is the (1) Complete Button, where the admin will click this if the reservation is completed
and done. The (9) Approve Button, is where the admin will click if they would approved
and do the catering. The (3) Declined Button, is where the admin will click if they would
declined and will not do the catering. The (4) Reservation Log, this is where the historical
data of the reservation will go once it is completed or declined.
64
Malvar, Batangas
Figure 18. Admin’s Reservation Details
Management of Services
Figure 19 shows the services that the owner can manage (1) Services. Where the
admin can upload photos in the website’s gallery (2) Gallery Tab. Where the admin can
65
Malvar, Batangas
upload and update packages in the website (3) Packages Tab. Where the admin can upload
and update add-ons in the website (4) Add-ons Tab. Where the admin put the title or
theme’s name in the website (5) Title Input box. After uploading images, the owner
should click the update to save in the website (6) Update Button. This is used when the
owner uploads and updates the images that she/he wants (7) Image File. This will help the
ownerremove the images (8) Delete X Button.
Figure 19. Admin’s Services
Management of Sales Report
Sales Report is shown on figure 20. By clicking on the (1) Show Entries, the admin
will see the months, date, year, and total sales of the catering. The developed system also
66
Malvar, Batangas
has (2) Search Bar, where the admin can input the desired year to see if it is increasing or
decreasing as shown below.
Figure 20. Sales Report
67
Malvar, Batangas
Management of Dashboard
Dashboard is shown on figure 21. As shown below, the dashboard has the (1)
Reservation Tab, where the admin can see the reservations. The dashboard also has the
(2) Inbox Tab, where the admin can communicate to the clients. It also has the (3)
Services Tab where the services, packages, and where to update the details can be seen.
The dashboard also has the (4) Customer Accounts Tab where the admin can see the
details/accounts of the customers/clients. It also has the (5) Analytics Report Tab, where
the analytics of the catering can be seen. It also has the (6) Sales Report Tab, where the
admin can see the sales report as shown below. the total earnings or income.
Figure 21. Admin’s Dashboard
68
Malvar, Batangas
Customers Managing their Reservation Details
Reservation Details are shown on figure 22. As shown below (1) Reservation
Form, are used by the clients to fill up their information/details regarding the reservation.
The (2) Optionals Form, used when clients need additional features to their events. The
(3) Food Carts Form is used when clients want to have food carts in their events.
69
Malvar, Batangas
Figure 22. Customer’s Reservation Details
Customers Review and Feedback

Figure 23 shows where the customers can put their names (optional) in the
feedback/reviews and describing experiences about the catering services below (1)
Feedback Form.
Figure 23. Review and Feedback Form

70
Malvar, Batangas
Evaluation Results
The developers conducted test cases to test and evaluate the developed system’s
functionalities regarding its objectives. The following presents the results and discussions
from the business owner who test and evaluate the developed system. Through the
conducted test cases along with the observations of the developers, they were able to
determine if the developed system has met all its intended functions and objectives.
Number of users = 5
3 Developers
2 Client
Note: If result is = 100% then it is passed
If result is <= 99% then it is failed
Table 8
Test Case Result for Admin
Task Task Expected Result Actual Result Status

No. Description
1 Access Login The admin should be The owner was able to 5/5 =
able to login to the login to the system 100%
system using the using the required Passed
required username and username and
password. password.
71
Malvar, Batangas
2 View The admin can view the The owner was able to 5/5 =
reservation reservation details of view the reservation 100%
the customer in the details and update the Passed
system. reservation status.
3 Cancel the The admin can cancel The owner was able to 5/5 =
reservation the reservation of the update the available 100%
customer in the system. Catering slots on every Passed
date.
4 Monitor the The admin can monitor The owner was able to 5/5 =
customer the reservation of the upload and delete 100%
reservation customer. images. Passed
5 Approving The admin can approve The owner was able to 5/5 =
reservation the reservation of the update, add and delete 100%
customer. the list of menu Passed
packages and add-ons.
6 Verity the The owner should be The owner was able to 5/5 =
customer able to upload sales upload sales 100%
payment transactions. transactions. Passed
7 Accept the The admin can accept The owner was able to 5/5 =
reservation of the reservation request view all the sales 100%
the customer of the customer. transactions. Passed
8 Update menu The admin can update The owner was able to 5/5 =
and packages their menu and view all the customer’s 100%
packages details. Passed
72
Malvar, Batangas
Table 9 shows the functionality evaluation and result with the composite mean of
4.53 and a verbal interpretation of “Strongly Agree”. The respondents strongly agree that
the system can allow customers to login and signup with an weighted mean of 4.56. Also,
they agree that the customers to make a reservation with a weighted mean 4.5. They also
agree that system allows customers to receive an SMS with a weighted mean 4.5.
Respondents agree that it allows customers to see the recommendation page and the last
is they strongly agree that ssytem allows customers to view and give feedback for the
catering with an average of 4.6.
Table 9
Summary Evaluation Results in Terms of
Functionality
Statement WM Verbal Interpretation
1. The system allows customers to login and sign

4.56
up. Strongly Agree
2. The system allows customers to make a

4.5
reservation. Agree
3. The system allows customers to receive a
message. 4.5 Agree
73
Malvar, Batangas
4. The system allows customers to see the
recommendation page. 4.5 Agree
5. The system allows customers to view a calendar
of events, galleries and their services. 4.5 Agree
6. The system allows customers to view and give
feedback for the catering. 4.6 Strongly Agree
Composite Mean: 4.53 Strongly Agree
Table 10 shows the usability evaluation and result with the composite mean of 4.66
and a verbal interpretation of “Strongly Agree”. The respondents agree that the system icon
and buttons are all working with a weighted mean of 4.58. Also, they agree that the layout
of the system is easy and simple with a weighted mean 4.90 and the last is they agree that
the user interface can be used quickly and effectively with an average of 4.52.
Table 10
Usability
74
Malvar, Batangas
1.The system icon and buttons are all working. 4.58 Strongly Agree
2. The layout of the system is easy and simple. 4.90 Strongly Agree
3. The user interface can be used quickly and
effectively. 4.52 Strongly Agree
Table 11 shows the reliability evaluation and result with the composite mean of
4.55 and a verbal interpretation of “Strongly Agree”. The respondents strongly agree the
system is operational and accessible when required for use with a weighted mean of 4.52.
Also, they agreed that the system operated as intended despite the presence of software
faults with a weighted mean 4.72. The respondents agree that the system performed the
task for which it was designated and intended with a weighted mean of 4.53 and the last
is they agree that the system ensures that the data are accessible only to those authorized
to have and access with an average of 4.46.
Table 11
Reliability
75
Malvar, Batangas
1.The system is operational and accessible when

4.52
required for use. Strongly Agree
2. The system operated as intended despite the
presence of software faults. 4.72 Strongly Agree
3. The system performed the task for which it was
designated and intended. 4.53 Strongly Agree
4. The system ensures that the data are accessible
only to those authorized to have and access. 4.46 Agree
Table 12 shows the efficiency evaluation and result with the composite mean of
4.51 and a verbal interpretation of “Strongly Agree”. The respondents strongly agreed that
buttons and system icons respond on time when you tap it with a weighted mean 4.58.
Respondents also agree that the verification feature email responds on time with a weighted
mean 4.44 and the last is they agreed that the system lessens the time of the user to reserve
an event with an average of 4.53.
76
Malvar, Batangas
Table 12
Efficiency
1. The buttons and system icon respond on time
when you tap it. 4.58 Strongly Agree
2.The verification feature SMS responds on time. 4.44 Agree
3.The system lessens the time of the user to reserve
an event. 4.53 Strongly Agree
Implementation Plan
Table 13 presents the implementation plan to be used by the developers to show
the schedule of every process and activities during the implementation of the developed
system. In this table, the administrator has the major involvement in the system.
After completing the requirements, the developers started working on project to
ensure that the developed project will satisfy the needs of their client Antonio Manuel
77
Malvar, Batangas
Catering Services about the result of their website. After the system was developed, the
developers started checking and demonstrating it on their client.
Table 13
Implementation Plan
Activity Duration Person

Involved
Presentation of the system to the College of 2 hours Panels, Adviser,

Engineering and Computing Sciences Office. Developers
Finalizing the system according to the client’s 2 hours Developers

choices.
Deploying the system to the internet. 2 hours Developers
Training 3 hours Clients,

Developers
Dry run 8 hours Clients,

Developers
Maintenance 1 month Developers
78
Malvar, Batangas
CHAPTER 5
SUMMARY OF FINDINGS, CONCLUSIONS AND RECOMMENDATIONS
This chapter presents the summary of findings regarding the end results of the
developed system. This chapter also discusses the summary of findings’ consequent
conclusion in line with results and observation of the developers on the developed system.
Lastly, this chapter also includes recommendations on what the developers thought would
be of great help to the better improvement of the developed system.
Summary of findings
The main focus of this study is to help Antonio Manuel Catering Services to have
a business website that showcases their business offers. Also, to provide a reservation
process to its customers in a more convenient way. Furthermore, to improve the
management of reservations and business transactions by administrators
1. The developers developed a web-based reservation system where the admin can:
1.1 Manage the reservation details and set the status of every reservation.
1.2 Edit the website details such as the list of menu packages, list of add-ons, and the
website's gallery page.
1.3 Manage the sales report by month and year, and can export the tables and graph to
excel files.
79
Malvar, Batangas
2. Provide a business website where the customers can:
2.1 Manage their reservation details by selecting their desired menu package, desired
event motifs, number of guests, and desired optionals.
2.2 Give ratings and share the business customer service experiences.
3. The developers had tested the system in terms of its functionality, efficiency, and
usability which helped them to determine the things needed to improve on.
Conclusions
Based on the data and information gathered, the developers concluded the
following:
1. The developers concluded that the developed system could help the organization
in the following areas:
1.1 The developed system provides an effective way where the owner can
easily manage and monitor the catering services. It is more reliable and safer to
use the developed system, since it is pandemic and will have less social
interaction.
2. This developed system for Antonio Manuel Catering can really help them in
terms of monitoring records of sales and a lot of reservations made by the clients. It
provides them a way to monitor the status of sales and commissions on a real-time basis.
80
Malvar, Batangas
3. The developers therefore concluded that the developed system is functioning as
it was intended and can be useful for the further improvement of the Antonio Manuel
Catering Services.
4. After executing and passing all the conducted test cases, the developers
concluded that the developed system is functioning well and was ready for implementation.
Recommendations
With this developed a business website for Antonio Manuel Catering Sevices,
thedevelopers would like to suggest the following:
1. The system should be able to monitor productivity of the Antonio Manuel
Catering Services.
2. The developers recommend the Antonio Manuel Catering Services to have a
real time/live chat feature for admin and customers.
81
Malvar, Batangas
BIBLIOGRAPHY
Anuj K. (2021). Online Catering Management System Using PHP and MySQL.
Retrieved from https://phpgurukul.com/online-catering-management-system-using-php-
and-mysql/
Abhishek S., Adithya R., Vaishnav K., et al (2018) Online Food Ordering System.
Retrieved from https://www.irjet.net/archives/V5/i6/IRJET-V5I679.pdf
Prof. N. M.Yawale, Prof. N. V. Pardakhe , Prof. M. A. Deshmukh, et al (2017) A
Review Paper on Online Restaurant Management System. Retrieved from
http://www.iaetsdjaras.org/gallery/14-jaras-327-december.pdf
Can Li, Junjie Li, Hongxiang Cao, et al (2017) Design and Implementation of
Online Booking System of University Sports Venues. Retrieved from https://www.matec-
conferences.org/articles/matecconf/abs/2017/14/matecconf_gcmm2017_02024/mateccon
f_gcmm2017_02024.html
Shah, C., & Luo, W. (2016). The Design and Implementation of a Workshop
Reservation System. American Journal of Engineering Research (AJER), 5. Retrieved
from https://www.academia.edu/download/47614920/R050101370143.pdf
DEVI, A. U., SCHOLAR, P., & RAO, M. V.(2020) Hotel Reservation System
Using Tkinter. Retrieved from http://jisps.net/pdf/JISPS-19-01-0015.pdf
82
Malvar, Batangas
Maryani, Hendro N., Hendra A., (2019). Prototype Development for Online
Reservation System in Barbershop and Salon Industry. Retrieved from
https://ieeexplore.ieee.org/document/8843836
Roshane M. Pasamba & Mae Ychelle M. Cruzat. (2016) Mercedes Homes
Subdivision Online Reservation System. Retrieved from https://library.batstate-
u.edu.ph/api//?core=request&do=viewpdf&sid=3b36881671f62fb44a27cf0c65796f07&i
d=40120
Ayesha Shaikh, Anjali Singh, Gargee Walawalkar, Fatema Kapasi. (2019).
CATERING MANAGEMENT. International Research Journal of Engineering and
Technology (IRJET). ISSN: 2395-0056 (Online) ISSN: 2395-0072 (Print) Vol. 6, Issue
No. 1, Jan 2019. Retrieved from https://www.irjet.net/archives/V6/i1/IRJET-V6I1278.pdf
Natalchuk S., Kis Y., Brylinska K., (2020). Online Reservation System Project.
Retrieved from http://ena.lp.edu.ua:8080/handle/ntb/52186
Guanzon, Ian Paul M., Lo, Daryl EJ M., (2018). Online Reservation System and
Records Management for Fab Events Catering Services and Event Management. Retrieved
from https://library.batstate-
u.edu.ph/api//?core=request&do=viewpdf&sid=c910c4aaf69739c6bbf6488c2eb14dac&id
=50736
83
Malvar, Batangas
Shuvo, R. K., & ASHIK, K. (2018). “TASTY FOOD” Home Delivery And
Reservation System. Retrieved from
http://dspace.daffodilvarsity.edu.bd:8080/handle/123456789/2546
Donna Mae G. Balbon, Ann Rhizsa M. Detangco, and El Ben C. Sy (2018) Online
Reservation And Management System Of Le Paradis Farm and Resort. Retrieved from
https://library.batstate-
u.edu.ph/api//?core=request&do=viewpdf&sid=3f485d384402a1be86d46dd500f8db94&i
d=52197&fbclid=IwAR0LLE10KIijNFQIpZn0bIeE-
qACFehPm85rlPewtJP8UhDZHcNZyyJ5kL4
Calalo, Archeli R., Palaypay, Darlene M., Vergara, Clowee Vhannoel A., Bucad,
Maria Graciela R. (2020) Online Website and Business Management for Northern Light
Kaffe Lipa. Retrieved from https://library.batstate-
u.edu.ph/api//?core=request&do=viewpdf&sid=9bd4f3626f8adc6438746003c3e5624b&i
d=52801
Marx Lewis L. Barquilla, Jared M. De villa, Maria Anna Lorraine B. Maniti.
(2016) Sorosoro Ibaba Development Cooperative Ordering and Reservation System.
Retrieved from https://library.batstate-
d=35883
84
Malvar, Batangas
Hassan, Ahmad. (2020). Online Nearby Hotel Reservation Application.
10.13140/RG.2.2.28469.29925. Retrieved from
https://www.researchgate.net/publication/343673450_Online_Nearby_Hotel_Reservation
_Application
Contreras, Dianara L. (2019) Online System for Esing Contrera’s (EC’S) Catering
Services. Retrieved from https://library.batstate-
d=52411
Jessie C. Galacgac (2019) Information and Reservation System for Donya Maria
Resort. Retrieved from https://library.batstate-
d=55043
Angelita Jeneth N. Abaloa, Jella B. Laquib and Russel E. Menesesc (2020) Online
Reservation and Cashless Payment in Hotel Services. Retrieved from
https://library.batstate-
d=52962
Mulyadi, Ferdy. (2018). Hotel Reservation Bot. Retrieved from
https://www.researchgate.net/publication/335975491_Hotel_Reservation_Bot
85
Malvar, Batangas
APPENDICES
A. RELEVANT SOURCE CODES
B. EVALUATION TOOL
C. SAMPLE INPUT/OUTPUT/REPORTS
D. USER’S GUIDE AND MANUAL
E. GRAMMARIAN CERTIFICATE
F. PROOF OF SYSTEM TURNOVER
G. CURRICULUM VITAE
86
Malvar, Batangas
A. RELEVANT SOURCE CODES
Manage Reservation
1. <?php 22. $rec = mysqli_query ($db,

"UPDATE reservation SET status =
2. session_start(); 'Completed' WHERE id=$id");
3. if(!isset($_SESSION['user'])) { 23. }
4. echo '<script> 24. ?>
5. alert("You can\'t access this page. 25. <!DOCTYPE html>
Please login to your account!");
26. <html lang="en">
6. window.location.href="index.php";
27. <head>
7. </script>';
28. <meta http-equiv="Content-Type"
8. exit();9. content="text/html; charset=utf-8" />
} 29. <meta name="viewport"
10. include('reserve.php'); content="width=device-width, initial-
scale=1.0">
11. //fetch the record to be updated
30. <title>Admin Panel</title>
12. $rec = mysqli_query ($db,
"SELECT * FROM reservation WHERE 31. <link rel="icon" href="logo1.png">
id=$id"); 32. </head>
13. $record=mysqli_fetch_array($rec); 33. <body>
14. $name = $record['name']; 34. <div class="navbar navbar-fixed-
15. $date = $record['date']; top">
16. $status= $record['status']; 35. <div class="navbar-inner">
17. $Payment = $record['payment']; 36. <div class="container">
18. $id = $record['id']; 37. <a class="btn btn-navbar" data-

toggle="collapse" data-target=".navbar-
19. } inverse-collapse">
20. if (isset($_GET['update'])) { 38. <i class="icon-reorder shaded"></i>
21. $id = $_GET ['update']; 39. </a>
87
Malvar, Batangas
40. <a class="brand" href="index.html"> href="charts.php"><i class="menu-icon

icon-bar-chart"></i>Analytics Report
41. Antonio Manuel Catering Services </a> | <a href="accounts.php"><i
42. </a> class="menu-icon icon-
book"></i>Customers Accounts
43. <div class="nav-collapse collapse </a></h4>
navbar-inverse-collapse">
59. </center>
44. <ul class="nav pull-right">
60. </div>
45. <li><a href="index.php"><i
class="menu-icon icon-user"></i> 61. <div class="span9">
LOGOUT</a></li> 62. <div class="content">
46. </ul> 63. <div class="module">
64. <div class="module">
47. </ul> 65. <div class="module-head">
48. </div> 66. <h3>Reservations<i class="icon-
book"></i></h3>
49. </div>
67. <center>
50. </div>
68. <a
51. </div> href="reservation-log.php" class="btn
btn-success">Reservation Log</a>
52. <div class="wrapper">
69. </center>
53. <div class="container">
70. <div class="module-body
54. <div class="row"> table">
55. <div class="con"> 71. <table id="mytable"
class="datatable-1 table table-bordered
56. <center> table-striped display" width="100%">
57. <h4><a href="dashboard.php"><i 72. <thead>
class="menu-icon icon-dashboard"></i> 73. <tr>
58. Dashboard</a> | <a 74. <th>No.</th>
href="activity.php"><i class="menu- 75. <th>Name</th>
icon icon-book"></i> Reservations</a> |
<a href="message.php"><i class="menu- 76. <th>Date</th>
icon icon-comments"></i>Inbox</a> | <a 77. <th>Payment</th>
href="task.php"><i class="menu-icon
78. <th>Status</th>
icon-edit"></i>Services</a> | <a
79. <th colspan="3" style="text-
href="table.php"><i class="menu-icon
align:center" >Action</th>
icon-table"></i>Sales Report</a> | <a
88
Malvar, Batangas
80. </thead> 97. </center>

81. <tbody> 98. </td>
82. <?php while ($row = 99. <?php } else if
mysqli_fetch_array($results)){?> ($row['status'] === 'Approved') { ?>
83. <tr> 100. <td><center><a
84. <td><?php echo class="btn btn-success"
$row['id'];?></td> href="activity.php?update=<?php echo
85. <td><?php echo $row['id']; ?>"> Complete
$row['name'];?></td> </a></center></td>
86. <td><?php echo 101. <?php } else if ($row['status']
$row['date'];?></td> === 'Declined') { ?>
87. <td><?php echo
$row['payment'];?></td> 102. <td><center><button class="btn-
88. <td><?php echo danger"
$row['status'];?></td> disabled="">Declined</button></cente>
</td>
89. <td><a 103. <?php } ?>
href="view.php?edit_id=<?php echo 104. </tr>

105. <?php } ?>
$row['id'];?>"><button class="button
106. </tbody>
button1" > View </button></a></td> 107. </table>
90. <?php if 108. <script>
109. function sortTable() {
($row['status'] === 'Pending') { ?>
110. var table, rows, switching, i, x, y,
91. <td> shouldSwitch;
92. <center> 111. table =

document.getElementById("mytable");
93. <div class="btn-group"> 112. switching = true;

94. <a class="btn btn-primary" 113. while (switching) {
href="activity.php?del=<?php echo
$row['id']; ?>"> Approve </a> 114. switching = false;
95. <a class="btn btn-danger" 115. rows = table.rows;
href="activity.php?dec=<?php echo
$row['id']; ?>"> Decline</a> 116. for (i = 1; i < (rows.length - 1); i++)
96. </div> {
89
Malvar, Batangas
117. shouldSwitch = false; 140. <script src="scripts/jquery-ui-

1.10.1.custom.min.js"></script>
118. x =
rows[i].getElementsByTagName("TD")[ 141. <script
0]; src="bootstrap/js/bootstrap.min.js"></sc
ript>
119. y = rows[i +
1].getElementsByTagName("TD")[0]; 142. <script
src="scripts/datatables/jquery.dataTables
120. if (x.innerHTML.toLowerCase() .js"></script>
> y.innerHTML.toLowerCase()) {
143. <script>
121. shouldSwitch = true;
144. $(document).ready(function() {
122. break;
145. $('.datatable-1').dataTable();
123. }
146.$('.dataTables_paginate').addClass("
124. } btn-group datatable-pagination");
125. if (shouldSwitch) { 147. $('.dataTables_paginate >
126.rows[i].parentNode.insertBefore(ro a').wrapInner('<span />');
ws[i + 1], rows[i]); 148. $('.dataTables_paginate > a:first-
127. switching = true; child').append('<i class="icon-chevron-
left shaded"></i>');
128. }
149. $('.dataTables_paginate > a:last-
129. } child').append('<i class="icon-chevron-
130. } right shaded"></i>');
131. </script> 150. } );

132. </div> 151. </script>
133. </div>
152. <script type="text/javascript"
134. </div> language="javascript" >
135.</div> 153. $(document).ready(function(){
136. </div>
154. var dataTable =
137. </div> $('#order_data').DataTable({
138. </div> 155. "processing" : true,

139. <script src="scripts/jquery- 156. "serverSide" : true,
1.9.1.min.js"></script> 157. "order" : [],
90
Malvar, Batangas
158. "ajax" : { 13. <form action="./imageUpload.php"

class="form-image-upload"
159. url:"fetch.php", method="POST"
160. type:"POST" enctype="multipart/form-data">
161. }, 14. <?php if

(!empty($_SESSION['error'])) { ?>
162 drawCallback:function(settings)
15. <div class="alert alert-danger">
163. {
<strong>Whoops!</strong>
164.$('#total_order').html(settings.json.t There were some problems with your
otal); input.<br><br>
165. } 16. <ul>
166. }); 17. <li><?php echo $_SESSION['error'];
167.}); ?></li>
168. </script> 18. </ul>
169. </body> 19. </div>
Manage services (Gallery) 20. <?php unset($_SESSION['error']);
1. <div class="span9" style="margin-left: } ?>

-130px"> 21. <?php if
2. <div class="content"> (!empty($_SESSION['success'])) { ?>
3. <div class="module message">
22. <div class="alert alert-success
4. <div class="module- alert-block">
head">
23. <button type="button"
5. <h3>Task Management Tool<i class="close" data-
class="icon-edit"></i></h3> dismiss="alert">×</button>
6. </div> 24. <strong><?php echo
7. <div $_SESSION['success']; ?></strong>
class="module-option clearfix">
8. <div class="pull-center"> 25. </div>
9. <h4>Gallery</h4> | <a 26.<?php unset($_SESSION['success']);
href="package.php">Packages</a> | <a
href="addons.php">Optionals</a> } ?>
10. </div>
11. </div> 27. <div class="row">
12. <div class="module-body table"> 28. <div class="col-md-5">
91
Malvar, Batangas
29. <strong>Title:</strong> 50. <a class="thumbnail fancybox"

rel="ligthbox" href="./uploads/<?php
30. <input type="text" name="title" echo $image['image'] ?>">
class="form-control"
placeholder="Title"> 51. <img alt="" src="./uploads/<?php
echo $image['image'] ?>" />
31. </div>
52. <div class='text-center'>
32. <div class="col-md-5">
53. <small class='text-muted'><?php
33. <strong>Image:</strong> echo $image['title'] ?></small>
34. <input type="file" name="image[]" 54. </div>
multiple="" class="form-control">
55. </a>
35. </div>
56. <form action="./imageDelete.php"
36. <div class="col-md-2"> method="POST">
37. <button type="submit" 57. <input type="hidden" name="id"
class="btn btn- value="<?php echo $image['id'] ?>">
success">Upload</button>
58. <button type="submit" title="delete"
38. </div> class="close-icon btn btn-danger"><i
39. </div> class="glyphicon glyphicon-
remove"></i></button>
40. </form>
59. </form>
41. <div class="row">
60. <?php } ?>
42. <div class='list-group gallery'>
61. </div>
43. <?php
62. </div>
44. require('db_config.php'); 63. </div>
45. $sql = "SELECT * FROM 64.<script src="scripts/flot/jquery.flot.js"
image_gallery"; type="text/javascript"></script>
46. $images = $conn->query($sql); 65. <script
47. while ($image = $images- src="scripts/datatables/jquery.dataTables
>fetch_assoc()) { .js" type="text/javascript"></script>
48. ?> 66. <script type="text/javascript">

49. <div class='col-sm-3'>
68. $('.table-message tbody tr').click(
92
Malvar, Batangas
69. function() 13. header("Location:

./task.php");
70. {
71. $(this).toggleClass('resolved'); 14. }else{
72. } 15. $_SESSION['error'] = 'Please
Select Image or Write title';
73. );
16. header("Location: ./task.php");
74. } );
}
75. </script>
17. ?>
76. </body>
Gallery Upload Image
Gallery Delete Image
1. <?php
1. <?php
2. if(isset($_POST) &&
2. session_start();
!empty($_FILES['image']['name']) &&
3. require('db_config.php'); !empty($_POST['title'])){
4. if(isset($_POST) && 3. $img ='';
!empty($_POST['id'])){
4. foreach
5. $sql_select = "SELECT image ($_FILES['image']['tmp_name'] as $key
FROM image_gallery WHERE id = => $image) {
".$_POST['id'];
5. $name =
6. $select_result = $conn- $_FILES['image']['name'] [$key];
>query($sql_select); 6. $img_size =
7. $row = $select_result->fetch_row(); $_FILES['image']['size'];
8. $image_name = $row[0]; 7. list($txt, $ext) = explode(".",
$name);
9. $unl=unlink("./uploads/".$image_nam
e); 8. $image_name = time().".".$ext;
10. $sql = "DELETE FROM 9. $tmp =
image_gallery WHERE id = $_FILES['image']['tmp_name'][$key]; //
".$_POST['id']; used to upload image in folder
11. $conn->query($sql); 10. $error =
$_FILES['image']['error'];
12. $_SESSION['success'] =
'Image Deleted successfully.'; 11. }
12. $directory = 'uploads/';
93
Malvar, Batangas
13. if(move_uploaded_file($tmp, 32. }

$directory.$image_name)){
33. if ($error === 0) {
14. $sql = "INSERT INTO
image_gallery (title, image) VALUES 34. if ($img_size > 125000) {
('".$_POST['title']."', 35. $em = "Sorry, your file is
'".$image_name."')"; too large.";
15. $result = $conn- 36. header("Location:
>query($sql); task.php?error=$em");
16. if($result) 37. }else {
17. { 38. $img_ex =
pathinfo($image_name,
18. $_SESSION['success'] =
'Image Uploaded successfully.'; PATHINFO_EXTENSION);
19. header("Location: 39. $img_ex_lc =

./task.php"); // used for redirection strtolower($img_ex);
20. } 40. $allowed_exs =

array("jpg", "jpeg", "png");
21. else{
41. if (in_array($img_ex_lc,
22. $_SESSION['error'] = 'image $allowed_exs)) {
uploading failed'; 42. $new_image_name = uniqid("IMG-",
true).'.'.$img_ex_lc;
23. header("Location:
./task.php"); 43. $img_upload_path
= 'uploads/'.$new_image_name;
24. } 44. move_uploaded_file($tmp_name,
25. }else{ $img_upload_path);
26. $_SESSION['error'] = 45. }else {

'image uploading failed'; 46. $em = "You can't upload files of
27. header("Location: this type";
./task.php"); 47. header("Location:
28. } task.php?error=$em");
29. }else{ 48. }

30. $_SESSION['error'] = 'Please 49. }
Select Image or Write title'; 50. }else {
31. header("Location: ./task.php");
94
Malvar, Batangas
51. $em = "unknown error 22. <div class="input-group">

occurred!";
23. <label>Price:</label>
52. header("Location:
task.php?error=$em"); 24. <input type="text" name="price"
value="<?php echo $price;?>">
53. }
25. </div>
54.?>
26. <div class="input-group1">
Manage services (Packages and 27. <label>Menu:</label>
Optionals) 28. <input type="text" name="menu"
value="<?php echo $menu;?>">
1. <h3>Packages</h3>
2. <div class="module-option clearfix"> 29. </div>
3. <div class="pull-center"> 30. <div class="input-group">
4. <a href="task.php">Gallery</a> |
<a href="addons.php">Optionals</a> 31. <?php if ($edit_state == false): ?>
5. </div>
6. </div> 32. <button type="submit" name="save"
7. <?php class="btn">Save</button>
33. <?php else: ?>
8. if (isset($_SESSION['msg'])): ?> 34. <button type="submit"
name="update"
9. <div class="msg"> class="btn">Update</button>
10. <?php 35. <?php endif ?>
11. echo $_SESSION ['msg'];
12. unset ($_SESSION['msg']); 36. </div>
13. ?> 37. </form>
14. </div> 38. <div class="module-body table">
15. <?php endif ?>
39. <table id="mytable">
16. <form method="post" 40. <thead>
action="pac.php"> 41. <tr>
17. <input type="hidden" name="id" 42. <th>Title</th>
value="<?php echo $id; ?>">
43. <th>Price</th>
18. <div class="input-group">
19. <label>Title:</label> 44. <th>Menu</th>
20. <input type="text" name="title"
value="<?php echo $title;?>"> 45. <th
colspan="2"><center>Action</center></
21. </div> th>
95
Malvar, Batangas
46. </tr> 70. $title = $_POST['title'];

47. </thead>
48. <tbody> 71. $price = $_POST['price'];
49. <?php while ($row = 72. $menu = $_POST['menu'];

mysqli_fetch_array($results)){?> 73. $query = "INSERT INTO
package (title, price, menu) VALUES
50. <tr> ('$title', '$price', '$menu')";
51. <td><?php echo $row['title'];?></td>
74. mysqli_query ($db, $query);
52.<td><?php echo $row['price'];?></td>
75. $_SESSION ['msg'] = "Record
53. <td><?php echo Saved";
$row['menu'];?></td>
54. <td><a class="edit_btn" 76. header ('location: package.php');
href="package.php?edit=<?php echo 77. }
$row['id']; ?>"> Edit </a></td> 78. if(isset($_POST['update'])) {
55. <td><a class="del_btn"
href="pac.php?del=<?php echo 79. $title =
$row['id'];?>"> Delete </a></td> mysqli_real_escape_string($db, $_POST
56. </tr> ['title']);
57. <?php } ?> 80. $price =
58. </tbody> mysqli_real_escape_string($db, $_POST
59. </table> ['price']);
60. <?php 81. $menu =
61. session_start (); mysqli_real_escape_string($db, $_POST
['menu']);
62. $title = "";
82. $id =
63. $price = ""; mysqli_real_escape_string($db, $_POST
64. $menu = ""; ['id']);
65. $output = ""; 83. mysqli_query($db, "UPDATE

package SET title='$title', price='$price',
66. $id = 0; menu='$menu' WHERE id=$id");
67. $edit_state = false; 84. $_SESSION ['msg'] = "Record
Updated";
68. $db = mysqli_connect ('localhost',
'u813396785_root1', 'Arcel1234', 85. header ('location: package.php');
'u813396785_crudim');
86. }
69. if (isset($_POST['save'])) { 87. if (isset($_GET['del'])) {
88. $id = $_GET['del'];
96
Malvar, Batangas
89. mysqli_query ($db, "DELETE 15. $query_result = mysqli_query($db,

FROM package WHERE id = $id"); $query);
90. $_SESSION ['msg'] = "Record
Deleted"; 16. while ($row =
mysqli_fetch_assoc($query_result)) {
91. header ('location: package.php'); 17. $output = "Total Sales: " . " " .
$row['sum'];
92. $results = mysqli_query($db,
"SELECT * FROM package"); 18. }
Manage Sales Report 19. ?>
1. <?php 20. <a href="table.php">Sales
Table</a> | <a
2. include('server.php');
href="numberofreserve.php">Number of
3. if (isset($_GET['edit']) && Reservations Table</a>
isset($_GET['year'])) { 21. </div>
4. $month = $_GET['edit'];
22. </div>
5. $year = $_GET['year']; 23. <div class="module-body table">
6. $edit_state = true; 24. <table id="mytable" cellpadding="0"

cellspacing="0" border="0"
7. $rec = mysqli_query($db, "SELECT class="datatable-1 table table-bordered
id, MONTHNAME(`date`) AS month, table-striped display" width="100%">
YEAR(`date`) AS year, SUM(`payment`)
as sale FROM reservation WHERE 25. <thead>
MONTHNAME(`date`)='$month' 26. <tr>
GROUP BY `month`, year "); 27. <th>Month</th>
8. $record = mysqli_fetch_array($rec); 28. <th>Year</th>
29. <th>Total Sales</th>
9. $month = $record['month']; 30. </tr>
10. $year = $record['year']; 31 </thead>
11. $sale = $record['sale']; 32. <tbody>
12. $id = $record['id']; 33. <?php while ($row =
13. } mysqli_fetch_array($results)) { ?>
14. $query = "SELECT SUM(payment) 34. <tr>

AS 'sum' FROM reservation WHERE 35. <td><?php echo $row['month'];
status = 'Completed' "; ?></td>
97
Malvar, Batangas
36. <td><?php echo $row['year']; 56. break;

?></td>
57. }
37. <td><?php echo $row['sale']; 58. }
?></td>
59. if (shouldSwitch) {
38. </tr> 60.rows[i].parentNode.insertBefore(row
s[i + 1], rows[i]);
39. <?php } ?> 61. switching = true;
40. </tbody> 62. }
41. </table> 63. }
42. <script> 64. }
43. function sortTable() { 65. </script>
44. var table, rows, switching, i, x, y, 66. <script>
shouldSwitch;
45. table =
document.getElementById("mytable"); 68. $('.datatable-1').dataTable();
46. switching = true; 69.$('.dataTables_paginate').addClass("b
tn-group datatable-pagination");
47. while (switching) { 70. $('.dataTables_paginate >
48. switching = false; a').wrapInner('<span />');
49. rows = table.rows; 71. $('.dataTables_paginate > a:first-

child').append('<i class="icon-chevron-
50. for (i = 1; i < (rows.length - 1); left shaded"></i>');
i++) {
72. $('.dataTables_paginate > a:last-
51. shouldSwitch = false; child').append('<i class="icon-chevron-
52. x = right shaded"></i>');
rows[i].getElementsByTagName("TD")[ 73. });
0];
74. </script>
53. y = rows[i +
1].getElementsByTagName("TD")[0]; 75. <?php
54. if (x.innerHTML.toLowerCase() 76. if (session_status() ==

> y.innerHTML.toLowerCase()) { PHP_SESSION_NONE) { //if there's no
session_start yet...
77. session_start(); //do this
98
Malvar, Batangas
78. } 100. $month =

mysqli_real_escape_string($db,
79. if (!isset($_SESSION)) { $_POST['month']);
80. session_start(); 101. $year =
81. } mysqli_real_escape_string($db,
$_POST['year']);
82. $fname = "";
102. $sale =
83. $month = ""; mysqli_real_escape_string($db,
84. $year = ""; $_POST['sale']);
85. $sale = ""; 103. $id =

mysqli_real_escape_string($db,
86. $output = ""; $_POST['id']);
87. $id = 0; 104. mysqli_query($db, "UPDATE
sales SET month='$month', year='$year',
88. $edit_state = false;
sale='$sale' WHERE id=$id");
89. $db = mysqli_connect('localhost',
105. $_SESSION['msg'] = "Record
'u813396785_root', 'Arcel1234',
Updated";
'u813396785_demo');
106. header('location: table.php');
90. if (isset($_POST['save'])) {
107. }
91. $month = $_POST['month'];
92. $year = $_POST['year'];
"SELECT * FROM sales");
93. $sale = $_POST['sale'];
94. $query = "INSERT INTO sales "SELECT id, MONTHNAME(`date`)
(month, year, sale) VALUES ('$month', AS month, YEAR(`date`) AS year,
'$year', '$sale')"; SUM(`payment`) as sale FROM
`reservation` WHERE status =
95. mysqli_query($db, $query); 'Completed' GROUP BY `month`, year
96. $_SESSION['msg'] = "Record ");
Saved"; Manage Dashboard
97. header('location: table.php'); 1. <?php
98. } include('server.php');
99. if (isset($_POST['update'])) { 2. $rec = mysqli_query($db, "SELECT
* FROM sales WHERE id=$id");
99
Malvar, Batangas
3. $record = mysqli_fetch_array($rec); 22. $statement = $connect-

>prepare($query);
4. $month = $record['month'];
23. $statement->execute();
5. $date = $record['date'];
24. $resul = $statement->fetchAll();
6. $year = $record['year'];
25. $connect =
7. $sale = $record['sale']; mysqli_connect("localhost",
8. $id = $record['id']; "u813396785_root", "Arcel1234",
"u813396785_demo");
9. }
26. $sql = "SELECT
10. $query = "SELECT SUM(payment) MONTHNAME(`date`) AS month_date,
AS 'sum' FROM reservation WHERE YEAR(`date`) AS month_year,
status = 'Completed' "; SUM(`payment`) as total_payment
11. $query_result = mysqli_query($db, FROM `reservation` WHERE status =
$query); 'Completed' GROUP BY `month_date`,
month_year ";
12. while ($row =
mysqli_fetch_assoc($query_result)) { 27. $result = mysqli_query($connect,
$sql);
13. $output = $row['sum'];
28. ?>
14. }
15. $query = "SELECT COUNT(id) AS
'sumid' FROM reservation WHERE 29. <h3>Sales Table</h3>
status = 'Pending' OR status = 'Approved' 30. <table id="mytable">
";
31. <thead>
16.$query_result = mysqli_query($db,
$query); 32. <tr>
17. while ($row = 33. <th>Month</th>

mysqli_fetch_assoc($query_result)) { 34. <th>Year</th>
18. $onput = $row['sumid']; 35. <th>Total Sales</th>
19. } 36. </tr>
20. include("database_con.php"); 37. </thead>
21. $query = "SELECT YEAR(`date`) 38. <tbody>
AS year FROM reservation WHERE
status = 'Completed' GROUP BY year 39. <?php
DESC";
100
Malvar, Batangas
40. while ($row = 62. ?>

mysqli_fetch_array($result)) {
63. </select>
41. echo '
64. </div>
42. <tr>
65. </div>
43. <td>' . $row["month_date"] . '</td>
66. </div>
44. <td>' . $row["month_year"] . '</td>
67. <div class="panel-body">
45. <td>' . $row["total_payment"] . '</td>
68. <div id="chart_area"></div>
46. </tr> ';
69. </div>
47. }
70. </div>
48. ?>
71. </div>
49. </tbody>
50. </table>
72. <script>
51. <br />
73. function sortTable() {
52. <form method="post"
action="export.php"> 74. var table, rows, switching, i, x,
y, shouldSwitch;
53. <input type="submit" name="export"
class="btn btn-success" value="Export" 75. table =
/> document.getElementById("mytable");
54. </form> 76. switching = true;
55. <h3>Sales Chart</h3> 77. while (switching) {
56. <select name="year" class="form- 78. switching = false;

control" id="year"> 79. rows = table.rows;
57. <option value="">Select 80. for (i = 1; i < (rows.length - 1);
Year</option> i++) {
58. <?php 81. shouldSwitch = false;
59. foreach ($resul as $row) { 82. x =
rows[i].getElementsByTagName("TD")[
60. echo '<option value="' . $row["year"]
. '">' . $row["year"] . '</option>'; 0];
61. }
101
Malvar, Batangas
83. y = rows[i + 103. url: "fetch1.php",

1].getElementsByTagName("TD")[0];
104. method: "POST",
84. if (x.innerHTML.toLowerCase() >
y.innerHTML.toLowerCase()) { 105. data: {
106. year: year
86. break; 107. },
87. } 108. dataType: "JSON",

109. success: function(data) {
88. }
89. if (shouldSwitch) { 110. // alert(data);
90.rows[i].parentNode.insertBefore(row 111. drawMonthwiseChart(data,
s[i + 1], rows[i]); temp_title);
91. switching = true; 112. }
92. } 113. });
93. } 114. }
94. } 115. function
95. </script> drawMonthwiseChart(chart_data,
chart_main_title) {
96. <script type="text/javascript"
116. var jsonData = chart_data;
src="https://www.gstatic.com/charts/loa
der.js"></script> 117. var data = new
97. <script type="text/javascript"> google.visualization.DataTable();
google.charts.load('current', { 118. data.addColumn('string', 'month');

119. data.addColumn('number', 'Sales');
packages: ['corechart', 'bar']
98. }); 120. $.each(jsonData, function(i,
jsonData) {
99. google.charts.setOnLoadCallback();
121. var month = jsonData.month;
100. function
load_monthwise_data(year, title) { 122. var sale =
parseFloat($.trim(jsonData.sale));
101. var temp_title = title + ' ' + year
+ ''; 123. data.addRows([
102. $.ajax({ 124. [month, sale]
102
Malvar, Batangas
125. ]); 149. </script>

126. }); Reservation Form
127. var options = { 1. <?php
128. title: chart_main_title, 2. session_start();
129. hAxis: { 3. if(!isset($_SESSION['user_name'])) {
130. title: "Months" 4. echo '<script>
131. }, 5. alert("You can\'t access this Page!
Please Log In to your Account");
132. vAxis: { 6. window.location.href="index.php";
133. title: 'Sales'
7. </script>';
134. } 8. exit();
135. }; 9. }
136. var chart = new 10. ?>
google.visualization.ColumnChart(docu
ment.getElementById('chart_area')); 11. <!doctype html>
137. chart.draw(data, options); 12. <html lang="en">
138. } 13. <head>
139. </script> 14. 
140. <script> 15. <meta charset="utf-8">
141. $(document).ready(function() { 16. <meta name="viewport"
content="width=device-width, initial-
142. $('#year').change(function() { scale=1">
143. var year = $(this).val(); 17. <link
144. if (year != '') { href="https://cdn.jsdelivr.net/npm/bootst
[email protected]/dist/css/bootstrap.min.css"
145. load_monthwise_data(year, rel="stylesheet
'Monthly Sales in the Year'); 18.integrity="sha384-
146. } EVSTQN3/azprG1Anm3QDgpJLIm9Na
o0Yz1ztcQTwFspd3yD65VohhpuuCOm
147. }); LASjC" crossorigin="anonymous">-->
148. }); 19. <link rel="stylesheet"
href="css/bootstrap.min.css">
103
Malvar, Batangas
20. <link rel="stylesheet" 35.<span class="navbar-toggler-

href="css/boxicons.min.css"> icon"></span>
21. <link rel="stylesheet" 36. </button>
href="https://cdnjs.cloudflare.com/ajax/l
ibs/animate.css/4.1.1/animate.min.css" 37. <div class="collapse navbar-
/> collapse" id="navbarNav">
22. <link rel="stylesheet" 38. <ul class="navbar-nav ms-

href="css/style6.css"> auto">
23. <script 39. <li class="nav-item">

src="https://ajax.googleapis.com/ajax/lib 40. <a class="nav-link"
s/jquery/3.5.1/jquery.min.js"></script> href="page.php"style="color:white">Ho
24. <link rel="icon" me</a>
href="logo1.png"> 41. </li>
25. <title>Reservation</title> 42. <li class="nav-item">
26. </head> 43. <a class="nav-link"
27. <body> href="about1.php"style="color:white">
About</a>
28. 
44. </li>
29. <nav class="navbar navbar-expand-
lg py-3 sticky-top navbar-light bg- 45. <li class="nav-item">
white"> 46. <a class="nav-link"
href="serve.php"style="color:white">Se
30. <div class="container">
rvices</a>
31. <a class="navbar-brand"
href="#"> 47. </li>
32. <img class="logo" 48. <li class="nav-item">

src="logo.png" alt="" style="height: 49. <a class="nav-link"
158px; width: 158px"> href="gal1.php"style="color:white">Gal
33. </a> lery</a>
34. <button class="navbar-toggler" 50. </li>

type="button" data-bs-toggle="collapse" 51. <li class="nav-item">
data-bs-target="#navbarNav" aria-
controls="navbarNav" aria- 52. <aclass="nav-link"
expanded="false" aria-label="Toggle href="login.php"style="color:white">Lo
navigation"> gout</a>
104
Malvar, Batangas
53. </li> 73. <input type="text"

placeholder="Enter your address"
54. <li class="nav-item"> name="address" required>
55. <a class="nav-link" 74. </div>
href="myacc.php"style="color:white">
My Account</a> 75. <div class="input-box">
56. </li> 76. <span class="details">Email</span>
57. </ul> 77. <input type="text"
placeholder="Enter your email"
58. </div> name="email" required>
59. </div> 78. </div>
60. </nav> 79. <div class="input-box">
61. <center> 80. <span class="details">Contact
62. <div class="container1"> Number</span>
63. <div class="title">Reservation</div> 81. <input type="text"

placeholder="Enter your number"
64. <div class="content"> name="contactnum" required>
65. <form action="reserve.php" 82. </div>
method="POST">
83. <div class="input-box">
66. <div class="user-details">
84. <span class="details">Event
67. <div class="input-box"> Type</span>
68. <span class="details">Full 85. <input type="text" placeholder=""
Name</span> name="etype" required>
69. <input type="text" 86. </div>
placeholder="Enter your name"
name="name" required> 87. <div class="input-box">
70. </div> 88. <span class="details">Event

Address</span>
89. <input type="text" placeholder=""
72. <span class="details">Address name="eadd" required>
</span>
90. </div>
105
Malvar, Batangas
92. <span class="details">Date</span> 110. </div>

93. <input type="date" placeholder="" 111. <div class="input-box">
name="date" id="dateControl" required>
112. <span
94. </div> class="details">Motif/Theme</span>
95. <div class="input-box"> 113. <input type="text" placeholder=""
name="motif" required>
96. <span class="details">Reservation
time</span> 114. </div>
97. <select name="start_time" 115. <div class="input-box">
required="" id="timePicker">
116. <span class="details">Menu
98. <option value="">Select</option> Package</span>
99. <option value="8:00 AM to 4:00 117. <select name="pack" required>
PM">8:00 AM to 4:00 PM</option>
118. <option value="">Select</option>
100. <option value="4:00 PM to 12:00
AM">4:00 PM to 12:00 AM</option> 119. <option value="Set Menu A
(₱350.00/pax)">Set Menu A
101. </select> (₱350.00/pax)</option>
102. </div> 120. <option value="Set Menu B
(₱350.00/pax)">Set Menu B
103. <div class="input-box"> (₱350.00/pax)</option>
104. <span class="details">Number of 121. <option value="Set Menu C
Guests (Minimum guests of 150)</span> (₱350.00/pax)">Set Menu C
105. <input type="number" (₱350.00/pax)</option>
placeholder="" name="numofg" 122. <option value="Set Menu D
required="" id="guestNumber"> (₱350.00/pax)">Set Menu D
106. </div> (₱350.00/pax)</option>
107. div class="input-box"> 123. <option value="Set Menu E

(₱390.00/pax)">Set Menu E
108. <span class="details">Additional (₱390.00/pax)</option>
Payment (if below minimum)</span>
124. <option value="Set Menu F
109. <input type="number" (₱390.00/pax)">Set Menu F
placeholder="" (₱390.00/pax)</option>
name="additional_payment" required=""
id="additional_payment"
readonly="readonly" >
106
Malvar, Batangas
125. <option value="Set Menu G 139. <option value="AMENITIES FOR

(₱450.00/pax)">Set Menu G Weddings (P7,000)">AMENITIES FOR
(₱450.00/pax)</option> Weddings (P7,000)</option>
126. <option value="Set Menu H 140. <option value="AMENITIES FOR
(₱450.00/pax)">Set Menu H Parties/Corporate Events
(₱450.00/pax)</option> (P22,000)">AMENITIES FOR
Parties/Corporate Events
127. <option value="Set Menu I (P22,000)</option>
(₱520.00/pax)">Set Menu I
(₱520.00/pax)</option> 141. </select>
128. <option value="Set Menu J 142. </div>
(₱520.00/pax)">Set Menu J
(₱520.00/pax)</option> 143. </div>
129. <option value="Set Menu K 144. <div class="title">Optionals</div>

(₱520.00/pax)">Set Menu K 145. <div class="input-box">
(₱520.00/pax)</option>
146. <span class="details">Cake</span>
130. <option value="Set Menu L
(₱520.00/pax)">Set Menu L 147. <select name="cake" >
(₱520.00/pax)</option> 148. <option value="">Select</option>
131. <option value="Set Menu M 149. <option value="Cake 2-Layers
(₱650.00/pax)">Set Menu M (P3,700)">Cake 2-Layers
(₱650.00/pax)</option> (P3,700)</option>
132. <option value="Set Menu N 150. <option value="Cake 3-Layers
(₱650.00/pax)">Set Menu N (P4,500)">Cake 3-Layers
(₱650.00/pax)</option> (P4,500)</option>
133. </select> 151. </select>
134. </div> 152. </div>
135. <div class="input-box"> 153. <div class="input-box">
136. <span 154. <span class="details">Sound
class="details">Amenities</span> System(7,000)</span>
137. <select name="amen" > 155. <select name="sound" >
138. <option value="">Select</option> 156. <option value="">Select</option>
157. <option
value="Avail">Avail</option>
107
Malvar, Batangas
158. <option value="Not">Not</option> 180. <span

class="details">Photobooth(5,000)</spa
159. </select> n>
160. </div> 181. <select name="photo">
161. <div class="input-box"> 182. <option value="">Select</option>
162. <div class="details">Tent</div> 183. <option
163. <span class="details">20ft x value="Avail">Avail</option>
40ft(3,500/unit)</span> 184. <option value="Not">Not</option>
164. <input type="number" 185. </select>
name="tent1" placeholder="" >
186. </div>
165. </div>
188. <span class="details">Chocolate
167. <div class="details">Tent</div> Fountain(3,500)</span>
168. <span class="details">20ft x 189. <select name="choco">
20ft(2,500/unit)</span>
190. <option value="">Select</option>
169. <input type="number"
name="tent2" placeholder="" > 191. <option value="1pc.">
1pc.</option>
170. </div>
192. <option
171. <div class="input-box"> value="2pcs.">2pcs.</option>
172. <span class="details">Photo and 193. <option
Video(30,000+)</span> value="3pcs.">3pcs.</option>
173. <select name="photovid"> 194. </select>
174. <option value="">Select</option> 195. </div>
175. <option 196. <div class="input-box">
value="Avail">Avail</option>
197. <span
176. <option value="Not">Not</option> class="details">Souvenirs(70/each)</spa
177. </select> n>
178. </div> 198. <select name="souvenir">
179. <div class="input-box"> 199. <option value="">Select</option>
108
Malvar, Batangas
200. <option 219. <input type="number"

value="20pcs.">20pcs </option> name="hanging" placeholder="">
201. <option 220. </div>
value="30pcs.">30pcs. </option>
221. <div class="title">FOOD
202. <option CARTS</div>
value="50pcs.">50pcs.</option>
203. <option
value="100pcs.">100pcs.</option> 223. <span class="details">Fries
(P3,000)</span>
204. </select>
224.<input type="number" name="fries"
205. <div class="input-box"> placeholder="">
206. <span class="details">Arc 225. </div>
Balloon(2,500)</span>
207. <input type="number" name="arc"
placeholder=""> 227. <span class="details">Hotdogs on
Stick (P3,300)</span>
208. </div>
209. <div class="input-box"> name="hotdogs" placeholder="">
210. <span class="details">Pillar 229. </div>
Balloons(1,500)</span>
name="pillar" placeholder="" > 231. <span class="details">Nachos
(P3,500)</span>
212. </div>
213. <div class="input-box"> name="nachos" placeholder="">
214. <span class="details">Stick 233. </div>
Balloons(25/each)</span>
215.<input type="number" name="stick"
placeholder=""> 235. <span class="details">Cotton
Candy (P3,500)</span>
216. </div>
217. <div class="input-box"> name="cotton" placeholder="" >
218. <span class="details">Hanging 237. </div>
Balloons(150/set)</span>
109
Malvar, Batangas
239. <span class="details">Ice Cream 259. <script

(P3,800)</span> src="js/bootstrap.bundle.min.js"></scrip
t>
240. <input type="number" name="ice"
placeholder="" > 260. <script src="js/wow.js"></script>
241. </div> 261 <script>
242. <div class="input-box"> 262. new WOW().init();
243. <span class="details">Candy 263. </script>
Corner <br>with Theme
(P6,500)</span> 264. <script src="script.js"></script>
244. <input type="number" 265. <script>

name="candy" placeholder=""> 266. $(document).ready(function(){
245. </div> 267. $(function(){
246. </div> 268. var dtToday =
247. <div class="button"> 269. new Date();
248. <input type="submit" name="save" 270. var month = dtToday.getMonth() +

value="Submit"> 1;
249. </div> 271. var day = dtToday.getDate();

272. var year = dtToday.getFullYear();
250. </form>
251. </div> 273. if(month < 10)
252. </div> 274. month = '0' + month.toString();

275. if(day < 10)
253. </center>
254. <script> 276. day = '0' + day.toString();
255. function myAbout() { 277. var maxDate = year + '-' + month +

'-' + day;
256. document.location.href =
"about.php"; 278. $('#dateControl').attr('min',
maxDate);
257. }
279. });
258. </script>
280. $('#dateControl').change(function(){
281. var date_value = $(this).val();
110
Malvar, Batangas
282. $.ajax({ 307. });

283. url:"checkDate.php?date_value="+d 308. })
ate_value,
309. </script>
284. method:"POST",
310. </body>
285. contentType:false,
311. </html>
286. cache:false,
Feedback
287. processData:false,
1. <section id="form-section">
288. beforeSend:function() {
2. <h1 class="h1-tag">Share with us
289. }, your experience!</h1>
290. success:function(data){ 3. <p style="text-align:center">We
appreciate every feedback of our
291. $('#timePicker').html(data); customer. It will help us to improve our
292. } services that will
293. }); 4. satisfy the customers.</p>

294. }); 5. <form class="form-content-section"
action="sent1.php" method="post">
295. $('#guestNumber').change(function(
){ 6. <div class="rateyo" id="rating" data-
rateyo-rating="4" data-rateyo-num-
296. var total_guest = $(this).val(); stars="5" data-rateyo-score="3">
297. if (total_guest < 150) 7. </div>
298. { 6. <span class='result'></span>
299. var rmnguest = 150 - total_guest; 7. <input type="hidden" name="rating">
300. var addPayment = rmnguest * 50; 8. <div class="form-group">
301.$('#additional_payment').val(addPay
ment); 9.<label for="exampleInputText">Name
(Optional)</label>
302. }
10. <input type="text" class="form-
303. else control" name="message"
304. { id="exampleInputText" placeholder="">
305. $('#additional_payment').val(''); 11. </div>
306. } 12. <div class="form-group">

111
Malvar, Batangas
15. <textarea class="form-control"

name="name"id="exampleFormControl
Textarea1" rows="3"></textarea>
16. </div>
17. <button type="submit" class="btn
btn-primary myclass"
style="background-color:maroon;
border:maroon">
18. Post Feedback</button>
19. </form>
20. </section>
112
Malvar, Batangas
B. EVALUATION TOOL
DEVELOPMENT OF A BUSINESS WEBSITE FOR ANTONIO MANUEL
CATERING SERVICES
Likert Scale for the Users
Name (Optional):
Direction: Check the corresponding box according to your answer. Please be guided by
the scale provided below.
5 - Strongly Agree 4 - Agree 3 - Fair 2 - Disagree 1 - Strongly Disagree
FUNCTIONALITY 5 4 3 2 1
I am able to login and signup in the

system
I am able to make a reservation
I am able to receive an email from the

system
I am able to see the recommendation

page
I am able to view the gallery and their

offered services
I am able to view and give feedback for

the catering
113
Malvar, Batangas
USABILITY
The system functions can be easily

understood
The system is user-friendly
The system is easy to understand and

navigate
RELIABILITY
The system is operational and accessible

when required for use
The system operated as intended despite

the presence of software faults
The system performed the task for which

it was designated and intended
The system ensures that the data are

accessible only to those authorized to
have an access
EFFICIENCY
The system immediately responds in

every action of the user
The confirmation of the reservation can

be done immediately
Test Case for the Administrator
Direction: Please answer the following statements by putting a checkmark (✓) on the
column corresponding to your answer.
Task Test Description Expected Result YES NO
114
Malvar, Batangas
1 Access Login The admin should be able to login

to the system using the required
username and password.
2 View reservation The admin can view the

reservation details of the customer
in the system.
3 Cancel the reservation The admin can cancel the

reservation of the customer in the
system.
4 Monitor the customer The admin can monitor the

reservation reservation of the customer.
5 Approving reservation The admin can approve the

reservation of the customer.
6 Verity the customer The owner should be able to

payment upload sales transactions.
7 Accept the reservation of The admin can accept the

the customer reservation request of the
customer.
8 Update menu and The admin can update their menu

packages and packages
C. SAMPLE INPUT/OUTPUT/REPORTS
Figure 24 shows the interface of sample input and output of the developed system. This
displays the input’s screenshots of the data users and results with corresponding
description. It shows the website interface where the user fills in the details of his/her
reservation.
115
Malvar, Batangas
116
Malvar, Batangas
117
Malvar, Batangas
Figure 24. Reservation Form
Figure 25 shows the receipt and summary of the reservation that the user has indicated in
the reservation form.
118
Malvar, Batangas
Figure 25. Receipt
119
Malvar, Batangas
D. USER’S GUIDE AND MANUAL
User’s guide is used to understand how the system should be used for better functionality.
The following step by step process is used in the website and in the admin panel.
Website
1. After visiting and exploring the website. The users need to register and login into
their account to have access to the reservation form and make their reservations.
120
Malvar, Batangas
Figure 26. Registration Form
Figure 27. Login Form
121
Malvar, Batangas
2. This is the reservation form of Antonio Manuel Catering Services website. The
details that are being asked in the form should be filled out by the user to complete
his/her reservation.
122
Malvar, Batangas
123
Malvar, Batangas
124
Malvar, Batangas
Figure 28. Reservation Form
Admin Panel
1. This module shows the interface where the administrator must input his email and
password. The account of the administrator was provided by the developers.
Figure 29. Login Form for the Administrator
125
Malvar, Batangas
2. This module shows the overview of the reservations and sales that have been
received.
126
Malvar, Batangas
Figure 30. Dashboard
3. This module shows how the administrator manages the reservations.
Figure 31. Reservations
127
Malvar, Batangas
4. This module shows the interface which displays all the previous reservations. The
completed and declined reservations.
Figure 32. Reservation Log
5. This module shows the interface where the administrator can see the messages that
have been sent by the users.
128
Malvar, Batangas
Figure 33. Inbox
6. This module shows the interface where the administrator can manage the website
content such as the gallery, list of packages, and list of optionals.
129
Malvar, Batangas
130
Malvar, Batangas
Figure 34. Services
7. This module shows the interface that displays the sales table and number of
reservations table.
131
Malvar, Batangas
Figure 35. Sales Table and Number of Reservations Table
8. This module shows the interface which displays the sales chart and number of
reservations chart.
132
Malvar, Batangas
133
Malvar, Batangas
Figure 36. Sales Chart and Number of reservations Chart
9. This module shows the interface where the administrator can manage and monitor
the user accounts.
Figure 37. Customers’ Accounts
134
Malvar, Batangas
E. GRAMMARIAN CERTIFICATE

BATANGAS STATE UNIVERSITY
Batangas City
CERTIFICATE OF EDITING OF THESIS/DISSERTATION
This is to certify that this Thesis/Dissertation entitled “Development of a Business

Website for Antonio Manuel Catering Services” of CASUL, ANGEL DAFHNY L.,
LEONIDA, EUROSE N., and LOPEZ, ANN MAE T. in partial fulfillment of the
requirements for the degree Bachelor of Science in Information Technology Major in
Business Analytics has been reviewed and edited by the undersigned based on the minutes
of the Final Defense.
It now follows the standard format of the University and conventions of research
writing.
DR. ELMA H. ILAGAN

Signature over Printed Name
Editor
Date Signed: 02/16/2022
135
Malvar, Batangas
F. PROOF OF SYSTEM TURNOVER
136
Malvar, Batangas
G. CURRICULUM VITAE
ANGEL DAFHNY L. CASUL
Address: San Antonio Heights,

St. Tomas City, Batangas
Contact: 09651803184
Email: [email protected]
EDUCATIONAL BACKGROUND CAREER OBJECTIVE

Bachelor of Science in Information  To develop a business website
Technology Major in Business for a catering shop that can help
Analytics to manage reservation and
Batangas State University
expand their business.
JPLPC-Malvar Campus
2021-Present SEMINARS ATTENDED
SUMMARY OF QUALIFICATION
 Basic Web Programming for
 Computer literate with Career & Development: CSS a
knowledge in Microsoft Office webinar held on the 4th of July
application 2020
 Oriented in Web Development
 Code Science: Engaging to the
PERSONAL DETAILS
World Web Development 29th of
Age: 21 years old November at Batangas State
Date of Birth: February 5, 2000 University-JPLPC Malvar
Place of Birth: Cebu City
Gender: Female CHARACTER REFERENCE
Civil Status: Single
Height: 5’ Mr. Lester S. Cueva
Weight: 55 kg Instructor
Nationality: Filipino Batangas State University-JPLPC
Religion: Roman Catholic Malvar, Batangas
I honestly certify that all of the above
information is true and correct to the Ms. Shiela Marie G. Garcia
extent of my knowledge and ability. OIC-Dean of CICS
Batangas State University-JPLPC
Angel Dafhny L. Casul Malvar, Batangas
Developer 137
Malvar, Batangas
CURRICULUM VITAE
EUROSE N. LEONIDA
Address: 0616 Bahay Pangarap St.,Brgy.

San Roque, Sto.Tomas City, Batangas
Contact: 09266179517
EDUCATIONAL BACKGROUND Email: [email protected]
Bachelor of Science in Information CAREER OBJECTIVE
Technology Major in Business
Analytics  To develop a business website for
Batangas State University
a catering shop that can help to
JPLPC-Malvar Campus
manage reservation and expand
2021-Present
their business.
SEMINARS ATTENDED
 Computer literate with
knowledge in Microsoft Office  Basic Web Programming for
application Career & Development: CSS a
 Oriented in Web Development webinar held on the 4th of July
2020
PERSONAL DETAILS
 Code Science: Engaging to the
Age: 22 years old
Date of Birth: August 7, 1999
November at Batangas State
Place of Birth: San Roque, Sto. Tomas
University-JPLPC Malvar
City, Batangas
Gender: Female CHARACTER REFERENCE
Civil Status: Single
Height: 5’ Mr. Lester S. Cueva
Religion: None
Malvar, Batangas
Eurose N. Leonida Malvar, Batangas
Developer
138
Malvar, Batangas
CURRICULUM VITAE
ANN MAE T. LOPEZ
Address: Sta. Maria, Sto.Tomas City,

Batangas
Contact: 09301803555
EDUCATIONAL BACKGROUND Email: [email protected]
Bachelor of Science in Information CAREER OBJECTIVE

Technology Major in Business
Analytics  To develop a business website for
Batangas State University a catering shop that can help to
JPLPC-Malvar Campus manage reservation and expand
2021-Present their business.
SEMINARS ATTENDED
 Computer literate with  Basic Web Programming for
knowledge in Microsoft Office
Career & Development: CSS a
application
webinar held on the 4th of July
 Oriented in Web Development
2020
PERSONAL DETAILS  Code Science: Engaging to the
Age: 21 years old
November at Batangas State
Date of Birth: February 13, 2000
Place of Birth: Quezon City University-JPLPC Malvar
Gender: Female
Civil Status: Single CHARACTER REFERENCE
Height: 4’10 Mr. Lester S. Cueva
Religion: Catholic
Malvar, Batangas
Ann Mae T. Lopez Malvar, Batangas
Developer
139

Development of A Business Website For Antonio Manuel Catering Services Final - Manuscript

Uploaded by

Copyright:

Available Formats

Development of A Business Website For Antonio Manuel Catering Services Final - Manuscript

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Development of A Business Website For Antonio Manuel Catering Services Final - Manuscript

Uploaded by

Copyright:

Available Formats

Republic of the Philippines

BATANGAS STATE UNIVERSITY JPLPC-Malvar

DEVELOPMENT OF A BUSINESS WEBSITE FOR ANTONIO MANUEL

A Capstone Project Presented to the Faculty of the

In Partial Fulfillment of the Requirements for the Degree

CASUL, ANGEL DAFHNY L.

LESTER S. CUEVA, BSIT

Approved by the Committee on Oral Examination with a grade of .

Mrs. SHIELA MARIE G. GARCIA, MSCS

Engr. ERWIN F. DE CASTRO Mr. MENARD M. CANOY

Mrs. SHIELA MARIE G. GARCIA, MSCS

gather information at the university.

the developers to help them complete their project;

To Engineer Erwin F. De Castro and Mr. Menard M. Canoy, members of the

and effort in completing this project;

It is with our deepest gratitude and warmest affection

to dedicate this fruit of our hardwork to the

Almighty God, who gives us strength and knowledge

in the process of doing this work, to our beloved parents

and friends, for their prayers, hopes, encouragements and

concern during days and sleepless nights

to our respected capstone adviser, for his guidance

that made us able to get such success in finishing this study.

This is all for you…

TITLE : DEVELOPMENT OF A BUSINESS WEBSITE

ADVISER : MR. LESTER S. CUEVA

Antonio Manuel Catering Services is a business that offers catering management

functions. MySQL is the database that contains all of the data.

scope. Web Development is in charge of the system's design, planning, analysis,

implementation, and maintenance. The top-down approach was used in system

development, which resolves problems from high to low levels.

met the needs of the cooperative.

Furthermore, the system is accessible to all customers as long as they have an

phone. Technology is becoming increasingly important in the business world. A website

is an excellent way to expand a business's opportunities.

APPROVAL SHEET ........................................................................................................ i

EXECUTIVE SUMMARY .............................................................................................. iv

LIST OF FIGURES .......................................................................................................... x

LIST OF TABLES .......................................................................................................... xii

Purpose and Description… ..................................................................................... 3

Objectives of the Study ........................................................................................... 6

Scope and Limitations of the Study… .................................................................... 8

2. REVIEW OF RELATED SYSTEMS

Technical Background… ...................................................................................... 11

Related Systems… ................................................................................................ 14

3. DESIGN AND METHODOLOGY

Data Gathering… .................................................................................................. 35

Project Concept… ................................................................................................. 36

System Analysis and Design… ............................................................................. 37

Development Approach ........................................................................................ 45

Functional Requirements… .................................................................................. 46

Non-functional Requirements… ........................................................................... 47

User-Design Interface ........................................................................................... 48

Software Development Tools….............................................................................58

Software Requirements… ..................................................................................... 60

Testing and Evaluation...........................................................................................62

4. RESULTS AND DISCUSSION

Management of Reservation Details ..................................................................... 65

Management of Services ....................................................................................... 66