Ppoonngg

1.
NATIONAL COLLEGE OF SCIENCE AND TECHNOLOGY

Amafel Bldg., Aguinaldo Highway, Dasmariñas City, Cavite
COMPUTER STUDIES DEPARTMENT
THE DEVELOPMENT OF ONLINE CATERING RESERVATION WITH

BILLING SYSTEM FOR PATTY’S CATERING SERVICES
A System Analysis and Design Project

Presented to the Faculty of the
Computer Studies Department,
National College of Science and Technology

Dasmariñas, Cavite
In Partial Fulfillment
of the Requirements for the degree
Bachelor of Science in Information Technology
By:
Belostrino, Cayetano
Pariñas, Amica Riane R.
Manato, Mayryle Joy
Miralpes, Kim Christian
Peñaranda, Kyle
Wael Boksmati
Submitted to:
Mr. Mark Fermill
October 2017
1. NATIONAL COLLEGE OF SCIENCE AND TECHNOLOGY
Amafel Bldg., Aguinaldo Highway, Dasmariñas City, Cavite I
APPROVAL SHEET
This research project entitled THE DEVELOPMENT OF ONLINE CATERING

RESERVATION WITH BILLING SYSTEM FOR PATTY’S CATERING SERVICES
prepared and submitted by Cayetano Belostrino, Amica Riane R. Pariñas, Mayryle
Joy B. Manato, Kim Christian Miralpes, Kyle Peñaranda, Wael Boksmati in partial
fulfillment of the requirements for the degree Bachelor of Science in Information
Technology major in Computer Networks and Security is hereby accepted.
MR. MARK FERMILL
Adviser, SAD 001
Ms. Jean Michelle Caseñares Mr. John Christian Oab
Member, Advisory Committee Member, Advisory Committee
Accepted in partial fulfillment of the requirement for the degree of Bachelor

of Science in Information Technology major in Computer Networks and Security.
Mr. Lodelio Millo
Cluster Head, Computer Studies Dept.

Amafel Bldg., Aguinaldo Highway, Dasmariñas City, Cavite II
ACKNOWLEDGEMENT
This study is the result of the hard work, time and effort of the respondents.
However, this study wouldn’t be a success without the help of these individuals
who gave their knowledge, time and effort to help us made this study a success.
The respondents would like to acknowledge their SAD instructor Mr. Mark
Fermill for his time and effort in helping the researchers to finish this study. To Mrs.
Feliciana Genido owner of Patty’s Catering Services for allowing the respondents
to conduct and create a system for their business and providing information about
their catering services, thank you very much.
Thanks to our parents for their moral and financial support. For their prayers
and undying support which motivate us to finish this study. To relatives, friends
and classmates for their moral support.
And most of all we give thanks to our almighty lord god for giving us
knowledge and strength in every problem that we encountered in completing this
study.
Amafel Bldg., Aguinaldo Highway, Dasmariñas City, Cavite III
DEDICATION
The researchers would like to dedicate this study to their families for their moral
and financial support, for serving as an inspiration in finishing this study.
The researchers also dedicated this to their friends and classmates for their moral
support.
And most of all the researchers would like to dedicate this project to their System
Analysis and Design Instructor, Mr. Mark Fermill for sharing his knowledge and
giving his effort to teach the researchers in every phase of the study.
Amafel Bldg., Aguinaldo Highway, Dasmariñas City, Cavite IV
Table of Contents
APPROVAL SHEET………………………………………………………………………. I
ACKNOWLEDGEMENT ………………………………………………………………… II
DEDICATION……………………………………………………………………………... III
TABLE OF CONTENT……………………………………………………………………. IV
LIST OF FIGURE ………………………………………………………………………... VII
LIST OF TABLE…………………………………………………………………………...VIII
CHAPTER 1- SYSTEM PROPOSAL
Introduction 1
Introduction to the Target Subject 2
Problem and Its Background 2
Proposed System Description and Specifications 2
System Development Methodology 3
Research and System Objectives 7
Scope and Limitations 8
Expected Benefits of the Proposed System 9
Cost and Benefit Analysis 10
CHAPTER 2 – DETAILED SYSTEM STUDY AND ANALYSIS
Block Diagram of Existing System Data Modeling 12
Flowchart of Existing System 13
Context Diagram of Existing System 14

1. NATIONAL COLLEGE OF SCIENCE AND TECHNOLOGY V
Top Level Data Flow Diagram of Existing System 15
Block Diagram of Proposed System 16
Flowchart of the Proposed System 17
Context diagram of Proposed System 18
Top-level Data Flow Diagram of Proposed System 19
Low Level Data Flow Diagram of Proposed System 20
Entity Relationship Diagram 21
Decision Tree 22
CHAPTER 3 – SYSTEM DESIGN
IPO Chart 23
Login Form 24
Registration Form 24
Reservation Packages 25
Reservation List 25
CHAPTER 4 – TESTING, IMPLEMENTATION AND MAINTENANCE
Program and System Tests 26
Pilot Run 26
Database Backup and Archiving 27
Maintenance Procedures 27
CHAPTER 5 – SUMMARY, CONCLUSIONS AND RECOMMENDATIONS
Summary 28
Amafel Bldg., Aguinaldo Highway, Dasmariñas City, Cavite VI
Conclusions 28
Recommendations 29
Bibliography 30
APPENDICES
Appendix A Letter of Request
Appendix B System Codes
Appendix C Gantt Chart
Appendix D Curriculum Vitae

VII
LIST OF FIGURES
Figure 1. Block Diagram of Existing System Data Modeling…………………………… 12
Figure 2. Flowchart of Existing System…………………………………………………….13
Figure 3. Context Diagram of Existing System……………………………………………14
Figure 4. Top Level Data Flow Diagram of Existing System…………………………….15
Figure 5. Block Diagram of Proposed System…………………………………………….16
Figure 6. Flowchart of the Proposed System……………………………………………...17
Figure 7. Context diagram of Proposed System………………………………………….18
Figure 8. Top-level Data Flow Diagram of Proposed System………………………….19
Figure 9. Low Level Data Flow Diagram of Proposed System………………………….20
Figure 10. Entity Relationship Diagram……………………………………………………21
Figure 11. Decision Tree…………………………………………………………………….22
Figure 12. IPO Chart…………………………………………………………………………23
Figure 13. Login Form……………………………………………………………………….24
Figure 14. Registration Form……………………………………………………………….24
Figure 15. Reservation Packages………………………………………………………....25
Figure 16. Reservation List…………………………………………………………………25

VIII
LIST OF TABLES
Table 1. Development cost………………………………………………………………….10
Table 2. Operating cost………………………………………………………………………10
Table 3. Gantt chart………………………………………………………………………….34

1
CHAPTER 1
SYSTEM PROPOSAL
Introduction
In business there is no substitute for right information at right time. It is vivid
that in last couple of decade’s attempts has been made to develop systems which
make information more precise, readily available and easily accessible throughout
the organization. The purpose of an information system is to turn raw data into
useful information that can be used for decision making in an organization.
Information system is a defined software that can analyze, capture, transmit, store,
retrieve, manipulate, or display of information, thereby supporting people,
organizations, or other software systems. For instance, corporations use
information systems to process financial accounts, to manage their human
resources, and to reach their potential customers with online promotions.

2
Introduction to the Target Subject
Patty’s Catering started in year 2007 by Mrs. Feliciana Genido located in 24
Mariner Lane Regatta Classics Subdivision Anabu 2B Imus Cavite. Patty’s
Catering started as a small business, patty’s catering starts to improve its business
after being successful in their first business year. Before they only accept one
catering a day now they can accept 3 catering’s a day, with more meals to offer to
their customers. Mrs. Feliciana Genido started this business with her sister who is
her business partner, they are the ones who cook their meals. To lessen the work,
they hired two other workers which is their driver who delivers the packages and
the porter who carries food to the vehicle.
Problem and its Background
You get a discount on every package you avail during early reservation. But
what if the day the customer wants to reserve is already occupied by another
customer? These days, reserving a date for the catering services takes a long time
to process. The purpose of this system is to help the customer reserve fast so they
can focus on preparing for the event, not on the reservation. So we, the
proponents, came up with Online Reservation System that can greatly help assist
our customer.
Proposed System Description and Specification
The Development of Web-Based Catering Reservation of Patty’s Catering is
an Online Reservation and to be created in NetBeans IDE version 8.2. “NetBeans
IDE version8.2 is intended for development in Java, but also supports other
languages in particular PHP, C/C++ and HTML5. The NetBeans is cross-platforms
and runs on Microsoft Windows, Mac OS X, Linux, Solaris and other platforms
supporting a compatible JVM”. We will be using MySQL for the database.
Topology
INTERNET
4
Figure #1: Client-Server Model
According to “The Client-Server Model is a distributed application structure
that partitions task or workloads between the providers of a resource or service,
called servers, and service requesters, called clients. Often clients and servers
communicate over a computer network on separate hardware, but both client and
server may reside in the same system. A server host runs one or more server
programs, which share their resources with clients. A client does not share any of
its resources, but request a server’s content service or function. Clients therefore
initiate communication sessions with servers which await incoming request”.
System Development Methodology
The Waterfall Model was first Process Model to be introduced. It is also
referred to as a linear-sequential life cycle model. In a waterfall model, each
phase must be completed fully before the next phase can begin. This type
of software development model is basically used for the project which is small and
there are no uncertain requirements. At the end of each phase, a review takes
place to determine if the project is on the right path and whether or not to continue
or discard the project. In this model software testing starts only after the
development is complete.
Information
Modeling
Requirements
Analysis
Design
Code
Generation
Testing
Delivery &
Support
Figure#2: Waterfall Model

1. NATIONAL COLLEGE OF SCIENCE AND TECHNOLOGY 6
Information Modeling
The information relating the manual of reserving dates and servicing
costumers is gathered. How the process is done, once the user is done creating
an account it will be pass to the admin’s database. The user now can update info
same goes in the admin’s view.
Requirements Analysis
Manual reservation in any services is a waste of time. Here the researchers
notice the time and cost of manual availing catering reservations. To be able to
avail service one must be patient for those registration forms and hassle on
travelling just to avail services.
Design
All information that the user will input will be directly recorded in the admins
database. The user will be informed for the confirmation of service. Databases
cannot be accessed easily, all the information stored in it cannot be tampered so
easily. PHP and JavaScript will be used in creating the systems GUI.
Code Generation
PHP and JavaScript is used to create the GUI, and for generating codes.
Since it is web-based we are also designing its website we will be using notepad+
7
+/notepad for the HTML. We are also using MySQL for generating its database.
Testing
The buyer can search through online and register in the system so that they
can start creating their own account, then they can start looking for their desired
meal packages, they can choose the amount of food they want, the dishes they
want to be cook, and the time of the delivery of the food. They’ll have to fill up the
form including their name, contact number, and address for the supplier to know
their information. The admin will now confirm the details of the costumer’s request.
Delivery and Support
The business owner will be testing the finished system. After testing it if there’s
an error, checking of the codes must be done after it applies on the system.
System malfunction is reported by the owner and if there is any difficulty in the
program.
Research and System Objectives

This system aims to develop an Online Catering Reservation and Billing
System that can serve and accommodate clients. It will help to lessen the effort
and stress caused by reserving dates, this user-friendly system is very reliable and
trustworthy.
System Objectives are:
 To give customers a reliable and convenient system that can serve them all
the time.
 To help clients find their desired date that they want to reserve, since it’s
online, it is more convenient to use.
 Provide an organized flow of process in terms of availing products,
reserving dates, and online payments.
 To ensure that the client’s information is well secured and confidential.
 To save time and lessen the effort of going to that specific place just to have
reservations.
Scope and Limitation
The reservation and scheduling of the catering includes Admin and User View.
The Admin View can update and change the data’s inside the database, accept
incoming schedules of the clients, check the list of user accounts.
 The User View contains all the list of available packages or menus; they
can also include the specific type of food they want if it’s not included in the
package or menu.
 They can choose the date of their event, set the time of the delivery of the
foods. They can choose on the payment options they can choose credit
card or they can just pay at the day of the event, regarding payment options
they can deposit at least 50% of their payment.
 One of the problems encountered of this system is that if the date you
chose is already occupied by others, you are not allowed to set this date as
your reservation anymore. You need to reschedule your reservation, a
minimum of two to three reservations a day.

Amafel Bldg., Aguinaldo Highway, Dasmariñas City, Cavite 13
Expected Benefits of the Proposed System
Customer
 Costumers are really the expected Beneficiaries of this proposed system. They
don’t need to think whether their reservation is granted because this system is
quick to respond, user will know instantly whether the reservation was granted
or not.
 With this system, customers can send their reservations online 24/7.
 To provide a much convenient way of ordering by simply filling up forms online,
this lessens the delays of ordering right in front of the counter.
Client
 The admin work will be easier because they don’t need to meet up with the
clients just to input the customer’s food packages with the help of the system the
client can easily identify what the customer wants.
 In terms of payment the money will be directly transfer to the clients’ bank
account.
COMPUTER STUDIES DEPARTMENT 13
Cost and Benefit Analysis
This chapter shows the Cost and benefit analysis that evaluates the cost-
effectiveness of a project. It explains the developmental cost and the proposed
system which states the total of all cost benefit in the implementation of the
project. Operating cost shows the total expenses that are needed in the project
implementation.
Manpower Expenses
Description Quantity Amount Total Amount
Programmer 1 P 25,000 P 25,000
System Analyst 2 P 20,000 P 20,000
Operators 3 P 10,000 P 10,000
Materials & Machine Expenses
Description Quantity Amount Total Amount
Computer 2 P 15,000 P 30,000
Printer 1 P 2,500 P 2,500
Ink 5 P 200 P 1,000
Bond Paper 2 rim P 200 P 400
Overhead Expenses
Time Period
Electricity 1 Month P 1,000
Transportation Allowance 1 Month P 1,000
Internet Connection 1 Month P 1,200
Total P 92,100
Table 1. Developmental Cost

The table above shows the total cost of the proposed system that is used by
the researchers is P 92,100. It includes manpower, materials, and the other
expenses that used by the researchers while developing the system.

Manpower Expenses
Description Quantity Amount Total

Amount
Computer 1 P 3,000 P3,000
Technician
Operator 1 P 3,000 P 3,000
Materials & Machines Expenses
Description Quantity Amount Total
Amount
Computer 2 P 15,000 P 30,000
Printer 1 P 2,500 P 2,500
Ink 5 P 200 P 1,000
Bond Paper 2 rim P 200 P 400
Overhead Expenses
Time Period
Electricity 1 Month P 1,000
Transportation 1 Month P 1,000
Internet 1 Month P 1,200
Connection
Food 1 Month P 1000
Allowance
Water 1 Month P 500
Total P 17,600
Table 2. Operating Cost
The table above shows the total cost of the proposed system that is used
by the researchers is P 17,600. It shows the total income for staff, materials and
machines used , and overhead expenses that is used while implementing the
proposed system.
CHAPTER 2
DETAILED SYSTEM STUDY AND ANALYSIS

This chapter provides all details gathered by the researchers in conducting an
analysis of the systems involved in this System Development Project. Various
diagrams and flowcharts will be discussed in this chapter.
A. Existing System
Going to Caterer’s Place
Checking For Availability
Filling up Requirements
Granting Reservation
Figure #3: Block Diagram of Existing System
The figure above shows the block diagram of existing system. The diagram
shows the simple and manual process of the Online Catering System. The first
process shows that the client needs to visit the caterer’s place and appear
physically before they can check the availability of dates. Customers filled up
requirements manually by writing personal information using their bare hands.

After that, they will personally pass the requirements to the caterer and wait until
13
their reservation is granted
START
Availability of Dates Cash or Credit Card

Reserving Transaction
Payment
Dates
Checking for Paying via

Availability Credit
Card/Cash
Signing in to
Date Available the System
NO
YES
Fill-up Requirements
Reservation
Granted
END
Figure #4: Flowchart of Existing System
The figure above is the Flowchart of existing system which has six different
processes. Since it is an Online Catering System, the client should fill up forms
including their name, age, address etc. After finishing filling up requirements, your
reservation will be processed and granted as soon as you send your information to
14
13
the admin.
Client Caterer
Choosing
0
Inquiry Caterin Client Info
g System
Dates Dates Available
Payment Reservation Granted
Figure #5: Context Diagram of Existing System
The figure above is the Context Diagram of Existing System; it shows the
process of manual reservation of dates from filling up forms to paying the services
offered by the catering. After passing the filled up forms to the caterer, they will
look for available dates that the client may reserve. After that, the client has the
obligation to pay the services offered to them. If they failed to comply, there will be
an additional charge that has to be paid.

Catering Reservation: Check

Box
1 2
Inquiry Customer Info
Checking
Customer 1 Packages
Inquiring available slots
Packages
Confirmation
Customer
Down Payment 4 3
Info Reservation of Form Choosing of
Package Packages
Figure 6. Top Level Data Flow Diagram of Existing System
Catering Payment Process:

Payment
1 Confirmation 2 Reserve
Cash/ Chosen
Customer Installment Package 1 Packages
Figure 7. Top Level Data Flow Diagram of Existing System
The Figures shown above is the Top Level Data Flow Diagram of Existing
Catering Reservation System. The customer will undergo on the process of
inquiring, check the availability and choose the package on the said service. In the
process of inquiring the customer will be able to see the data’s that are included
inside the website. Then, the steps will proceed until the process of receiving the
payment reached.
16
B. Proposed System
Log in
Find Available
Slots for
Packages
Reservation
Full Payment
Figure 8. Block Diagram of Proposed System
The Figure above shows the Block Diagram of this proposed system by the
researchers. At first, the customer must login on user account before he/she can
access the said catering service. And the customer can search on which available
package’s he/she wants by reserving or adding it to cart. And the third will be the
full payment for the chosen package of the customer.
17
SYSTEM FLOWCHART
Admin Customer
Start Start
Availabity Cash or
of Dates Credit Card
Log In
(User
Reservation Transaction Payment Account)
Checking
Checking Yes Available Slots
Availability Installment
No Installment
Charge
Cash Payment
End
Admin
Figure 9. Flowchart of the Proposed System
The figure above shows the Flowchart of the Proposed System it will be
having 2 types of log in which are for admin and for the customer. The admin’s
account will be the one who can access and see the customer’s choice and
update the databases under the said system. While the Customer can only access
the website only.

18
Reservation and Payment
Reservation and Payment

User
System
User Account Information
Admin
Figure 10. Context diagram of Proposed System
The figure above is the context diagram of proposed system, it shows the
process of the Reservation and Payment System. First thing to do is to create a
user account to be able to reserve date for your event. After registering an
account, you can now proceed in choosing your meal packages, check the
reservation dates if the date is occupied you will have to choose another date,
choose the time of your event and choose the type of payment you desire. The
admin will confirm your reservation dates and check all the information’s you input.
Sending data Check Database

Create 1.0
User Admin Database
User
Account
Updating data
6.0
2.0
Update
Meal Updating
Choosing Meal confirmation
Packages Database
Packages
3.0
Date and Time availability

Reservation
4.0
Cash or
Installment Payment confirmation
Confirmation
5.0
Reservation
Confirmation
Figure 11. Top-level Data Flow Diagram of Proposed System
The figure above shows how the system works, starting with user creating
their user account after that logging in and starting the reservation process.
Reservation process starts with choosing the desired meal packages, date and
time of the event and lastly the type of the payment. The admin will now check the
user accounts, confirm all the reservation dates and check all the payments. The
database of the user and dates will now be updated right after the admin confirms
20
all the user’s reservation and account registration.
1.1 1.2
Choosing Wait for
create
User User meal Choosing Meal Confirmation Admin
Account Packages
Meal Package 2.1
Wait for Confirmation

Reservation
Cash or 2.2
Credit Card
Wait for Confirmation
Payment
3.1
Accepted or Denied Confirmation

Reservation
Confirmation
Figure 12. Low Level Data Flow Diagram of Proposed System
The figure shows that the User will create their user account, choose the meal
packages and reserve their desired date and choose the type of the payment the
user desired. The admin will confirm the reservation date of the user.
COMPUTER STUDIES DEPARTMENT Q
User account Contact No. Address First Name Last Name
User
Inquire
Packages and Payments

Drinks
Cash or Credit Card
Dessert Dishes
Admin
Figure13. Entity Relationship Diagram
The figure shows the User and its attributes, the user will inquire. The
packages and its attributes contain drinks, dessert and dishes and the type of
payment you want to choose. Then the admin will now process the transaction and
it will be recorded in the database.

Reservation and Payment System
Reservation
Payment
Available Not Available Cash Installment
10% Charge
Meal 10% discount
Choose
Packages
another date
Reservation Discount Granted

Wait for the
Confirmation
Availability Payment Required
Reservation
Granted
Figure 14. Decision Tree
The figure above shows the proposed Reservation and Payment
System decision tree, if the user acquire reservation the user will see if the
reservation dates are available or not available if the reservation date is available
the user will now proceed in choosing their desired meal packages and time of the
event, the user will wait until the admin confirms their reservation date. After the
admin confirms the reservation date they will now choose the type of payment they
desire either cash or installment basis. If they choose cash they will be granted
with 10% discount on meal packages, if they choose installment they will be a 10%
charge on their bill.

CHAPTER 3
SYSTEM DESIGN
This chapter shows the design of the proposed system. In this section login form
and menu list are included.
Input process out chart (IPO)
This is a functional graph that identifies the inputs, outputs, and required
processing tasks to transform inputs into outputs.
1. User Input Waterfall Model The Development of

Requirements Online Catering
Phase 1. Information Reservation with Billing
 E-mail/Username Modeling System for Patty’s
Catering
 Password
Phase 2. Requirement
Analysis
Reserved
2. Software Phase 3. Designing
Requirements Successfully
Phase 4. Code
Generation
 PHP
 Javascript Phase 5. Testing
Phase 6. Delivery &

Support
Figure 15. IPO Chart

Figure 16. Login Form

This figure shows the login form of our GUI from the system. This part is very
important for an online catering system because it is the one that can make you
access the said system freely so that you can order anything you want from the
menu.
Figure 17. Registration Form
This figure shows the Registration form of our GUI from the system. This
part is for the registration of the customer who wants to reserve an order from our
website.
25
Figure 18. Reservation Packages

The figure above shows the menu on every each of the packages, inside
the suggestion box you can suggest any kind of food that you want to add to your
cart.
26
Figure 19. Reservation List
The figure shown above is the list of the customer who reserved a
packaged meal from the said event. The admin will be the one to accept the
pending orders.
CHAPTER 4
TESTING, IMPLEMENTATION ANG MAINTENANCE
This chapter shall give on the validating phase which is done by the
researchers to contend that the system is fully functional and can be used from the
initial reservation system that Patty’s Catering is currently using. We also
considered the monitoring and maintenance of the system in this chapter.
Program and System Tests
Test of systems and programs are done to be able to determine whether there
are problems and unexpected errors, also to know systems or sub-systems
respond or perform its stability on a specific workload. Test performed between
hardware and software components by an interface of the whole system before
complete testing is done. In system testing, the behavior of the system is
considered based on the scope of the project development. This is the final test to
assure that the proposed system passed the specification and purpose of the
whole system to be used by Patty’s Catering for their online reservation system.
Test Log
The Online Reservation and Billing System for Patty’s Catering was tested
using two (2) computer units.
The test was executed by the following students of National College of
Science and Technology (NCST): Mayryle Joy Manato, Amica Riane Parinas,
Cayetano Belostrino III, Kim Christian Miralpes, Kyle Penaranda and Wael
Boksmati who are BS Information Technology students
Database Backup and Archiving
Database backup is a copy of data from your database that can be used to
reconstruct that data. Backups can be divided into physical backups and logical
backups. Physical backups are backups of the physical files used in storing and
recovering your database, such as data files, control files, and archived redo logs,
while Archiving is the process of moving data that is no longer actively used to
separate storage device for long-term retention. Archive data consists of older
data that is still important to the organization and may be needed for future
reference, as well as data that must be retained for regulatory compliance. Data
archives are indexed and have search capabilities so files and parts of files can be
easily located and retrieved.
New System Implementation
The new system implementation is the release of the proposed system into
production. Hardware and software are formed, developed and installed at this
stage; the staffs are practiced to operate the system to replace their manual
operations into an online based reservation system.
28
CHAPTER 5
SUMMARY, RECOMMENDATION AND CONCLUSION
Summary of the Study
The summary of the study is all about developing an Online Reservation System for
Patty’s Catering to start serving customers in easy way. At first, it was just a simple
catering, but because of the owner’s perseverance and will to serve customers as reliable
as possible, they came up with the idea to have an online reservation system for their
catering. There are so many events, celebrations and holidays that they are the one to
cover the catering section. Because of the Online Reservation System, they were able to
accept more reservations compared to last time when they have no online reservation
system. The customers like the idea of having that system because it is more efficient,
time-saving and less hustle way of reserving dates. And as the time goes by, more and
more customers prefer Patty’s catering to be their caterer during their events and
celebrations. And as a promise to their loyal customers, they will improve the service they
provide to each and every one of us.
29
Conclusion
Since it’s the first time that the Catering will have an Reservation System, they may
be having a hard time to learn the functions and behaviors of the system. So the
researchers make the system more user-friendly, it will help especially those who are
literate enough to computers to adopt with its environment and communicate with it easily.
A systematic way of generating necessary reports is at the database where information
about the processes is organized, which is to be updated from time to time.

Recommendation
The researchers recommend the use of proposed system, Online Reservation and
Billing System; for it provides ease and hustle free way of date reservation. If you think
how much time will waste just to reserve dates that you want, it would took much and eat
almost all of your time. It is solved because it is turned into an online based reservation
system to avoid delay that the customers hate the most. Not only will the customers
benefit to this proposed system, but also the owner of the catering business. Because it is
organized, it will help the admin to lessen his/her work, and on the customer’s side, it will
help them to find what they want easily because it is user-friendly. It is a give and take
situation that both of them will benefit.
30
BIBLIOGRAPHY
https://www.google.com.ph/search?
dcr=0&source=hp&ei=v4jwWaHRLIa50gTU5IHIBQ&q=clientserver+model&oq=client-
server+model&gs_=mobile-
gws.hp.3...15976.223634.0.23014.2.1.17.1.0.0.0.0.0.......00.....0....1.14.64.mobile-gws-
hp.20.1.41.3....35j39k.1.5970.Ye5HFT9i5y8#imgrc=6r_XOUgnV_8jtM
https://netbeans.org/community/releases/81/
31
APPENDIX A
(Letter of Request)
32
Mrs. Feliciana Genido

Patty’s Catering and Party Needs
24 Mariner Lane Regatta Classics
Subd Anabu 2B Imus Cavite
Dear Ma’am and Sir,
Greetings of Peace!
We, 3rd year students of National College of Science and Technology (NCST)
taking up BS in Information Technology would like to ask permission from your
good office to please allow us conduct an interview regarding some of your
company procedures which will be used in our software development project in
the subject “SYSTEM ANALYSIS AND DESIGN” (SAD 001). We will conduct
an interview for us to gather relevant information requirements as basis for the
project.
The interview will be confidential, and will require no more than one hour. You
will not be solicited for funds, nor will you be asked for a commitment of any kind
during the interview. We will only seek your opinions and perspectives on the
issues important to the success of our project.
We are hoping for your positive response. Thank you and more power.
Very Truly Yours,
Cayetano Belostrino III

Group Leader
Noted by:
Mr. Mark Fermill

Project Adviser
NCST Dasmariñas, Cavite
Approved:
Mr. Lodelio Millo

Cluster Head, Computer Studies Dept.
33
NCST Dasmariñas, Cavite
APPENDIX B
(System Codes)
34
<html> <p><a
<head> href="#" class="links">Read More</a> </p>
<meta name="keywords" content="" /> </div>
<meta name="description" content="" /> </div>
<meta http-equiv="content-type" <div style="clear:
content="text/html; charset=utf-8" /> both;"> </div>
<title>Patty's Catering Service</title> </div>
<link href="stylemain.css" rel="stylesheet" 
type="text/css" media="screen" /> <div id="sidebar">
</head> <ul>
<body background="images/images.jpg">
<div id="page" > <li><h2>Introduction</h2></li>
<div id="page-bgtop">
<div id="page-bgbtm"> <li><h2>Categories</h2>li>
<div id="content">
<div class="post"> <li><h2>Blogroll</h2></li>
<h2 class="title"><a
href="#">Welcome to Patty's Catering <li><h2>Archives</h2></li>
</a></h2> </ul>
<div </div>
class="entry"> 
<p><a <div style="clear:
href="#" class="links">Read More</a> </p> both;"> </div>
</div> </div></div></div>
</div> 
<div class="post"> </div>
<h2 <div id="footer"></div>
class="title"><a href="#"></a></h2> 
<div </body>
class="entry"> </html>
<p><a
href="#" class="links">Read More</a> </p> <html >
</div> <head>
<h2 <meta name="keywords" content="" />
class="title"><a href="#"></a></h2> <meta name="description" content="" />
<div <meta http-equiv="content-type"
class="entry"> content="text/html; charset=utf-8" />
<p><a <title>Patty's Catering Service</title>
href="#" class="links">Read More</a> </p> <link href="stylemain.css" rel="stylesheet"
</div> type="text/css" media="screen" />
</div> <style>
<div class="post"> table {}
<h2 table, th, td {
class="title"><a href="#"> </a></h2> border: 1px solid black;
<div
class="entry">
31
border-collapse: collapse;} <td><strong>Chopsuey (or Chop 35

th, td { Suey)</strong> that makes use <br>of thin
padding: 5px; slices of pork and boiled quail
text-align: left;} eggs,<br> along with the usual vegetables.
table#t01 tr:nth-child(even) { </td><td><img src="images/z.jpg"
background-color: #eee;} style="height:150px;width:150px;"></td>
table#t01 tr:nth-child(odd) { <td><strong>Kare Kare
background-color:#fff;} </strong>is a stew complimented with a thick
table#t01 th { savory peanut sauce. The
background-color: black; commonly used meats for this dish are ox tail,
color: white;} tripe, and pork leg.
</style> Besides the peanuts, this dish depends on the
</head> shrimp paste (on the side) in
<body> order to be fully enjoyed</td></tr>
<table id="t01"> <tr><td><img src="images/r.jpg"
<th><strong>Photos</strong></th> style="height:150px;width:150px;"></td>
<td><strong>Lumpiang ubod
<th><strong>Description</strong></th> </strong>(made with heart of palm) is a
<th><strong>Photos</strong></th> vegetable dish composed of
different<br> vegetables with a soft (unfried)
<th><strong>Description</strong></th> wrapper
<tr><td><img src="images/q.jpg" <br>garnished with sweet sauce and
style="height:150px;width:150px;"></td> crushed peanuts.
<td><strong>Pork </td><td><img src="images/x.jpg"
Hamonado</strong> is a dish made of style="height:150px;width:150px;"></td>
pork,<br> pineapple, and sugar. <td><strong>Lumpiang
By looking at is <br>major ingredients, you will Shanghai or Spring Rolls </strong>is a dish
know right <br>away that this made-up of ground pork or
dish has a sweet and sour flavor into it. beef, minced onion, carrots, and spices with the
</td><td><img src="images/o.jpg" mixture held together by
style="height:150px;width:150px;"></td</tr> beaten egg.</td></tr>
<tr><td><img src="images/w.jpg" <tr><td><img src="images/t.jpg"
style="height:150px;width:150px;"></td> style="height:150px;width:150px;"></td><td>
<td><strong>Chicken Cordon </td><td><img src="images/c.jpg"
Bleu</strong> is a dish composed of chicken style="height:150px;width:150px;"></td>
breasts, ham, and Swiss <td><strong>Fried chicken
cheese. The ham and Swiss cheese are </strong>is always a hit during the holidays and
arranged on top of the chicken even on any regular day. It is
breast and rolled together then dredged in even better to have crispy fried chicken wherein
bread crumbs. the outside is crispy to the
</td><td><img src="images/p.jpg" point that there is a bit of crunch in every bite,
style="height:150px;width:150px;"></td> while the inside is juicy and
<td><strong>Pork tasty.</td></tr>
31
Teriyaki</strong> the meats are marinated in a <tr><td><img src="images/y.jpg"
sweet soy concoction then style="height:150px;width:150px;"></td>
later grilled or broiled. </td></tr> <td><strong>Beef with Broccoli
<tr><td><img src="images/e.jpg" </strong>is an Asian beef main dish. This dish
style="height:150px;width:150px;"></td> is mainly comprised of beef
32
height: 100%; 36
margin: 0;}
and broccoli combined with different sauces for .bg {
that delightful Asian flavor. /* The image used */
</td><td><img src="images/v.jpg" background-image:
style="height:150px;width:150px;"></td> url("images/images1.png");
<td><strong>Spaghetti /* Full height */
</strong>is my Pinoy version of spaghetti. It is height: 100%;
yummy, easy to cook, and /* Center and scale the image nicely */
just right for the Filipino taste.</td></tr> background-position: center;
<tr><td><img src="images/u.jpg" background-repeat: no-repeat;
style="height:150px;width:150px;"></td> background-size: cover;}
<td><strong>Chicken Pastel </style>
</strong>is a yummy dish that is usually served </head>
with pie crust on top. The <body >
crust of this Chicken Pastel Recipe is very <div class="bg"><br><br><br><br>
similar to that of <br><br><br><br> <br><br><br><br>
buko pie and empanada.</td></tr> <div class="header"><h2><font
</table> color="black">Login</font></h2>div>
</div> <form method="post"
<div id="footer"> action="login.php">
</div> <?php echo display_error(); ?>
 <div class="input-group">
</body>
</html> <label>Username</label>
<input type="text"
name="username" >
</div>
<div class="input-group">
<label>Password</label>
<input type="password"
name="password">
</div>
<button type="submit"
<?php include('functions.php'); ?> class="btn" name="login_btn">Login</button>
<html > </div>
<head> <p>Not yet a member? <a
<meta name="keywords" content="" /> href="register.php">Sign up</a></p>
<meta name="description" content="" /> </form></div>
<meta http-equiv="content-type" </body>
content="text/html; charset=utf-8" /> </html>32
<title>Patty's Catering Service</title> <?php include('functions.php') ?>
<link rel="stylesheet" type="text/css" <!DOCTYPE html>
href="style.css"> <html >
<link href="stylemain.css" rel="stylesheet" <head>
type="text/css" media="screen" /> <meta name="keywords" content="" />
<style> <meta name="description" content="" />
body, html {
COMPUTER STUDIES DEPARTMENT 33
<meta http-equiv="content-type" <div class="input-group">

content="text/html; charset=utf-8" />
<title>Patty's Catering Service</title> <label>Username</label>
<input type="text" name="username" 37
value="<?php echo $username; ?>"required/>
<link rel="stylesheet" type="text/css" </div>
href="style.css"> <div class="input-group">
<link href="stylemain.css" rel="stylesheet" <label>Email</label>
type="text/css" media="screen" /> <input type="email" name="email"
<style> value="<?php echo $email; ?>"required/>
body, html { </div>
height: 100%; <div class="input-group">
margin: 0; <label>Password</label>
} <input type="password"
.bg { name="password_1"required/>
/* The image used */ </div>
background-image: <div class="input-group">
url("images/images1.png"); <label>Confirm
/* Full height */ password</label>
height: 100%; <input type="password"
/* Center and scale the image nicely */ name="password_2"required/>
background-position: center; </div>
background-repeat: no-repeat; <div class="input-group">
background-size: cover;} <input type="text"
</style> name="User_Type" value="user" hidden
</head> readonly>
<body> <button type="submit"
<div class="bg"> class="btn"
name="register_btn">Register</button>
<br><br><br><br><br><br><br><br><br><br>< </div>
br> <p>Already a member? <a
<div href="login.php">Sign in</a></p>
class="header"><h2>Register</h2> </form>
</div> </div>
<form method="post" </body>
action="register.php"> </html>
<?php echo display_error(); ?> <?php
<div class="input-group"> include('functions.php');
<label>First if (!isLoggedIn()) {
Name</label> $_SESSION['msg'] = "You must
<input type="text" log in first";
name="fname" required/> header('location: login.php');
</div> }
<div class="input-group"> ?>
<label>Last <html>
Name</label> <head>
<input type="text" <style>
name="lname" required/> table {
</div> width:100%;
34
} <li><a
table, th, td { href="OrderHistory.php">Past Order</a></li>
border: 1px solid black; <li><a
38
border-collapse: collapse; href="index_1.php?logout='1'" >logout</a></li>
} <li><?php if
th, td { (isset($_SESSION['user'])) : ?>
padding: 5px; <h1><strong><?php echo
$_SESSION['user']['fname']; ?></strong>&nbsp
<?php echo
text-align: left; $_SESSION['user']['lname']; ?> <small>
} <i style="color: #888;">(<?php echo
table#t01 tr:nth-child(even) { ucfirst($_SESSION['user']['user_type']); ?>)</i>
background-color: #eee;
}
table#t01 tr:nth-child(odd) { </small></h1>
background-color:#fff; <?php endif ?>
} </li>
table#t01 th { </ul>
background-color: black; </div>
color: white; 
} <div class="bg">
body, html { <div id="page">
height: 100%; <div id="page-bgtop">
margin: 0; <div id="page-bgbtm">
} <div id="content">
.bg { <div class="post">
/* The image used */ <h2 class="title">PACKAGE 1
background-image: "270/Pax"</h2>
url("images/images1.png"); <form action="index_1.php"
/* Full height */ method="post" style="width:600px">
height: 100%; <div
/* Center and scale the image nicely */ class="entry">
background-position: center; <br><br><table
background-repeat: no-repeat; id="t01">
background-size: cover;
} <tr><th>Menu</th></tr>
</style> <tr><td>Pork
<title>Patty's Catering Service</title> Hamonado</td> </tr>
<link rel="stylesheet" type="text/css" <tr><td>Chicken
href="style.css"> Cordon Bleu</td></tr>
<link href="stylemain.css" rel="stylesheet" <tr><td>Special
type="text/css" media="screen" /> Chopsuey or Lumpiang Ubod</td></tr>
</head> <tr><td>Beef
<body> Caldereta</td> </tr>
<div id="menu" > <tr><td >Fish Fillet
<ul> w/ Creamy White Sauce</td></tr>
<li <tr><td>Steamed
class="current_page_item" ><a Rice</td></tr>
href="index_1.php">Place Order</a></li> </table>
var output =
<table id="t01"> document.getElementById("demo");
total.innerHTML = slider.value*270; 38
<tr><th>Dessert</th></tr> output.innerHTML = slider.value;
<tr><td>Buko slider.oninput = function() { 5
Pandan & Drinks</td></tr> output.innerHTML = this.value;
</table> total.innerHTML = this.value*270;
<?php echo display_error(); ?> }
<br><strong>Contact </script>
Number</strong><br> </div>
<input type="number" </div>
name="commenta" <div style="clear:
required=""></textarea><br><br> both;"> </div>
<strong>Address:</strong><br><input </div>
type="text" name="address" 
required=""><br><br> <div id="sidebar">
<?php $d=strtotime("+7 Days"); <ul>
$ma=strtotime("+3 Months");?> <li><h2><Font color="black"><a
<strong>Select href=index_1.php>Package
Date:</strong><br><input type="date" 1</a></Font></h2></li>
name="reserved" required min="<?php echo <li><h2><Font color="black"><a
date("Y-m-d", $d)?>" max="<?php echo href=Menu2.php>Package
date("Y-m-d", $ma)?>" ><br><br> 2</a></Font></h2></li>
<strong>Select No. of <li>h2><Font color="black"><a
Guest:</strong><br> href=Menu3.php>Package
<input type="number" min="30" 3</a></Font></h2></li>
max="100" value="30" id="myRange" <li><h2><Font color="black"><a
name="Guest" required=""> href=Menu4.php>Package
<p>Guests: <span 4</a></Font></h2></li>
id="demo"></span></p><br> <li><h2><Font color="black"><a
<strong>Estimated Payment: href=Menu5.php>Package 5</a></Font></h2>
<span id="total" </li>
name="total"></span></strong> </ul>
<input type="text" name="res" value="<? </div>
php echo $_SESSION['user']['email']; ?>" 
hidden> <div style="clear:
<input type="checkbox" both;"> </div>
name="Package" value="Package 1" checked </div>
hidden> </div>
<input type="checkbox" </div>
name="status" value="Pending" checked </body>
hidden><br><br> </html>
<input type="submit" class="btn"
value="Reserved" name="check_box">
</form>
<script> <?php
var total = document.getElementById("total"); include('functions.php');
var slider = if (!isLoggedIn()) {
document.getElementById("myRange");
$_SESSION['msg'] = "You must <meta http-equiv="content-type"

log in first"; content="text/html; charset=utf-8" />
header('location: login.php'); <title>Patty's Catering Service</title>
} <link rel="stylesheet" type="text/css"
?> href="style.css"> 39
<!DOCTYPE html> <link href="stylemain.css" rel="stylesheet"
<html > type="text/css" media="screen" />
<head> </head>
<style> <body>
table { <div id="menu">
width:100%; <ul>
} <li
table, th, td { class="current_page_item"><a
border: 1px solid black; href="index_1.php">Place Order</a></li>
border-collapse: collapse; <li><a
} href="OrderHistory.php">Past Order</a></li>
th, td { <li><a
padding: 5px; href="index_1.php?logout='1'" >logout</a></li>
text-align: left; <li><?php if
} (isset($_SESSION['user'])) : ?>
table#t01 tr:nth-child(even) { <h1><strong><?php
background-color: #eee; echo $_SESSION['user']['fname'];
} ?></strong>&nbsp
table#t01 tr:nth-child(odd) { <?php echo
background-color:#fff; $_SESSION['user']['lname']; ?>
} <small><i style="color: #888;">(<?php echo
table#t01 th { ucfirst($_SESSION['user']['user_type']); ?>)</i>
background-color: black;
color: white;
} </small></h1><?php endif ?></li></ul>
body, html { </div>
height: 100%; 
margin: 0; <div class="bg">
} <div id="page">
.bg { <div id="page-bgtop">
/* The image used */ <div id="page-bgbtm">
background-image: <div id="content">
url("images/images1.png"); <div class="post">
/* Full height */ <h2 class="title">PACKAGE 2
height: 100%; "250/Pax"</h2>
/* Center and scale the image nicely */ <form
background-position: center; action="index_1.php" method="post"
background-repeat: no-repeat; style="width:600px">
background-size: cover; <div
} class="entry">
</style> <br><br><table
<meta name="keywords" content="" /> id="t01">
<meta name="description" content="" />
<tr><th>Menu</th></tr>
<tr><td>Beef with <input type="checkbox"

Brocolli</td></tr> name="Package" value="Package 2" checked
<tr>td>Chicken hidden>
Pastel</td></tr> <input type="checkbox"
<tr><td>Fish Fillet name="status" value="Pending" checked
w/ Sweet & Sour Sauce</td></tr> hidden>
40
<tr><td>Special <input type="submit" class="btn"
Chopsuey w/ Quail Eggs</td></tr> value="Reserved" name="check_box">
<tr><td </div>
>Pasta</td></tr> </form>
<tr><td>Steamed <script>
Rice</td></tr> var total = document.getElementById("total");
</table> var slider =
<table id="t01"> document.getElementById("myRange");
var output =
<tr><th>Dessert</th></tr> document.getElementById("demo");
<tr><td>Buko total.innerHTML = slider.value*250;
Pandan & Drinks</td></tr> output.innerHTML = slider.value;
</table> slider.oninput = function() {
<?php echo display_error(); ?> output.innerHTML = this.value;
total.innerHTML = this.value*250;
<br><strong>Contact Number</strong><br> }
<input type="number" </script>
name="commenta" </div>
required=""></textarea><br><br> </div>
<strong>Address:</strong><br><input <div style="clear:
type="text" name="address" both;"> </div>
required=""><br><br> </div>
<?php $d=strtotime("+7 Days"); 
$ma=strtotime("+1 Year");?> <div id="sidebar">
<strong>Select Date:</strong><br><input <ul>
type="date" name="reserved" required min="<? <li><h2><Font color="black"><a
php echo date("Y-m-d", $d)?>" max="<?php href=index_1.php>Package
echo date("Y-m-d", $ma)?>" ><br><br> 1</a></Font></h2></li>
<strong>Select No. of <li><h2><Font color="black"><a
Guest:</strong><br> href=Menu2.php>Package
<input type="number" min="30" 2</a></Font></h2></li>
max="100" value="30" id="myRange" <li><h2><Font color="black"><a
name="Guest" required=""> href=Menu3.php>Package
<p>Guests: <span 3</a></Font></h2></li>
id="demo"></span></p><br> <li><h2><Font color="black"><a
Estimated Payment: <span href=Menu4.php>Package
id="total" name="total"></span></input> 4</a></Font></h2></li>
<div class="input-group"> <li><h2><Font color="black"><a
<input type="text" name="res" value="<? href=Menu5.php>Package 5</a></Font></h2>
php echo $_SESSION['user']['email']; ?>" </li>
hidden> </ul>
</div>

<div style="clear: /* Full height */

both;"> </div> height: 100%;
</div> /* Center and scale the image nicely */
</div> background-position: center;
</div> background-repeat: no-repeat;
</div> background-size: cover;
41
</body></html> }
<?php </style>
include('functions.php'); <meta name="keywords" content="" />
if (!isLoggedIn()) { <meta name="description" content="" />
?> href="style.css">
<head> </head>
<style> <body>
width:100%; <ul>
} <li
th, td { <li><a
} ?></strong>&nbsp
} <small><i style="color: #888;">(<?php echo
table#t01 th { ucfirst($_SESSION['user']['user_type']); ?>)</i>
background-color: black;
color: white; </small>
} </h1><?php endif ?></li></ul>
body, html { </div>
height: 100%; 
margin: 0; <div class="bg">
} <div id="page">
.bg { <div id="page-bgtop">
/* The image used */ <div id="page-bgbtm">
background-image: <div id="content">
url("images/images1.png"); <div class="post">
<h2 class="title">PACKAGE 2 php echo date("Y-m-d", $d)?>" max="<?php

"250/Pax"</h2> echo date("Y-m-d", $ma)?>" ><br><br>
<form <strong>Select No. of
action="index_1.php" method="post" Guest:</strong><br>
style="width:600px"> <input type="number" min="30"
<div max="100" value="30" id="myRange"
42
class="entry"> name="Guest" required="">
<br><br><table <p>Guests: <span
id="t01"> id="demo"></span></p><br>
Estimated Payment: <span
<tr><th>Menu</th></tr> id="total" name="total"></span></input>
<td>Pork <div class="input-group">
Teriyaki</td></tr> <input type="text" name="res" value="<?
<tr><td>Fish Fillet php echo $_SESSION['user']['email']; ?>"
w/ Tartar Sauce</td></tr> hidden>
<tr>td>Chicken w/ <input type="checkbox"
Slice Pineapple</td></tr> name="Package" value="Package 2" checked
hidden>
<tr><td>Pasta</td></tr> <input type="checkbox"
<tr><td>Steamed name="status" value="Pending" checked
Rice</td></tr> hidden>
</table> <input type="submit" class="btn"
<table id="t01"> value="Reserved" name="check_box">
</div>
<tr><th>Dessert</th></tr> </form>
<tr><td>Fruit <script>
Salad & Drinks</td></tr> var total = document.getElementById("total");
</table> var slider =
var output =
<input type="number" </script>
name="commenta" </div></div>
required=""></textarea><br><br> <div style="clear:
<strong>Address:</strong><br><input both;"> </div>
type="text" name="address" </div>
required=""><br><br> 
<?php $d=strtotime("+7 Days"); <div id="sidebar"><ul>
$ma=strtotime("+1 Year");?> <li><h2><Font color="black"><a
<strong>Select Date:</strong><br><input href=index_1.php>Package
type="date" name="reserved" required min="<? 1</a></Font></h2></li>
<li><h2><Font color="black"><a table#t01 th {

href=Menu2.php>Package background-color: black;
2</a></Font></h2></li> color: white;
<li><h2><Font color="black"><a }
href=Menu3.php>Package body, html {
3</a></Font></h2></li> height: 100%; 43
<li><h2><Font color="black"><a margin: 0;
href=Menu4.php>Package }
4</a></Font></h2></li> .bg {
<li><h2><Font color="black"><a /* The image used */
href=Menu5.php>Package 5</a></Font></h2> background-image:
</li> url("images/images1.png");
</ul>
</div> /* Full height */
 height: 100%;
<div style="clear: /* Center and scale the image nicely */
both;"> </div> background-position: center;
</div></div> background-repeat: no-repeat;
</div></div> background-size: cover;
</body></html> }
<?php </style>
<head> </head>
<style> <body>
width:100%; <ul>
} <li
th, td { <li><a
} ?></strong>&nbsp
}
<small><i style="color: #888;">(<?php echo <input type="number"

ucfirst($_SESSION['user']['user_type']); ?>)</i> name="commenta"
required=""></textarea><br><br>
</small> <strong>Address:</strong><br><input
</h1><?php endif ? type="text" name="address"
></li> required=""><br><br>
</ul> <?php $d=strtotime("+7 Days");
44
</div> $ma=strtotime("+1 Year");?>
 <strong>Select Date:</strong><br><input
<div class="bg"> type="date" name="reserved" required min="<?
<div id="page"> php echo date("Y-m-d", $d)?>" max="<?php
<div id="page-bgtop"> echo date("Y-m-d", $ma)?>" ><br><br>
<div id="page-bgbtm"> <strong>Select No. of
<div id="content"> Guest:</strong><br>
<div class="post"> <input type="number" min="30"
<h2 class="title">PACKAGE 2 max="100" value="30" id="myRange"
"250/Pax"</h2> name="Guest" required="">
<form <p>Guests: <span
action="index_1.php" method="post" id="demo"></span></p><br>
style="width:600px"> Estimated Payment: <span
<div id="total" name="total"></span></input>
class="entry"> <div class="input-group">
<br><br><table <input type="text" name="res" value="<?
id="t01"> php echo $_SESSION['user']['email']; ?>"
hidden>
<tr><th>Menu</th></tr> <input type="checkbox"
<tr>td>Kare - name="Package" value="Package 2" checked
Kare</td></tr> hidden>
<input type="checkbox"
<tr><td>Shanghai Rolls</td></tr> name="status" value="Pending" checked
<tr><td>Mixed hidden>
Vegetables w/ Quail Eggs</td></tr> <input type="submit" class="btn"
value="Reserved" name="check_box">
<tr><td>Pasta</td></tr> </div>
<tr><td>Steamed </form>
Rice</td></tr> <script>
</table> var total = document.getElementById("total");
var slider =
var output =
</script>
</div>
</div> padding: 5px;

<div style="clear: text-align: left;
both;"> </div> }
</div> table#t01 tr:nth-child(even) {
 background-color: #eee;
<div id="sidebar"> }
<ul> table#t01 tr:nth-child(odd) {
45
<li><h2><Font color="black"><a background-color:#fff;
href=index_1.php>Package }
1</a></Font></h2></li> table#t01 th {
<li><h2><Font color="black"><a background-color: black;
href=Menu2.php>Package color: white;
2</a></Font></h2></li> }
<li><h2><Font color="black"><a body, html {
href=Menu3.php>Package height: 100%;
3</a></Font></h2></li> margin: 0;
<li><h2><Font color="black"><a }
href=Menu4.php>Package .bg {
4</a></Font></h2></li> /* The image used */
<li><h2><Font color="black"><a background-image:
href=Menu5.php>Package 5</a></Font></h2> url("images/images1.png");
</li>
</ul></div> /* Full height */
 height: 100%;
<div style="clear: /* Center and scale the image nicely */
both;"> </div> background-position: center;
</div></div> background-repeat: no-repeat;
</div></div> background-size: cover;
</body></html> }
<?php </style>
<head> </head>
<style> <body>
width:100%; <ul>
} <li
th, td {
<li><a <tr><td>Sapin-
href="index_1.php?logout='1'" >logout</a></li> Sapin & Drinks</td></tr>
<li><?php if </table>
(isset($_SESSION['user'])) : ?> <?php echo 46
<h1><strong><?php display_error(); ?>
echo $_SESSION['user']['fname'];
?></strong>&nbsp <br><strong>Contact Number</strong><br>
<?php echo <input type="number"
$_SESSION['user']['lname']; ?> name="commenta"
<small><i style="color: #888;">(<?php echo required=""></textarea><br><br>
ucfirst($_SESSION['user']['user_type']); ?>)</i> <strong>Address:</strong><br><input
type="text" name="address"
</small> required=""><br><br>
</h1><?php endif ? <?php $d=strtotime("+7 Days");
></li> $ma=strtotime("+1 Year");?>
</ul> <strong>Select Date:</strong><br><input
</div> type="date" name="reserved" required min="<?
 php echo date("Y-m-d", $d)?>" max="<?php
<div class="bg"> echo date("Y-m-d", $ma)?>" ><br><br>
<div id="page"> <strong>Select No. of
<div id="page-bgtop"> Guest:</strong><br>
<div id="page-bgbtm"> <input type="number" min="30"
<div id="content"> max="100" value="30" id="myRange"
<div class="post"> name="Guest" required="">
<h2 class="title">PACKAGE 2 <p>Guests: <span
"250/Pax"</h2> id="demo"></span></p><br>
<form Estimated Payment: <span
action="index_1.php" method="post" id="total" name="total"></span></input>
style="width:600px"> <div class="input-group">
<div <input type="text" name="res" value="<?
class="entry"> php echo $_SESSION['user']['email']; ?>"
<br><br><table hidden>
id="t01"> <input type="checkbox"
name="Package" value="Package 2" checked
<tr><th>Menu</th></tr> hidden>
<td>Fried <input type="checkbox"
Chicken</td></tr> name="status" value="Pending" checked
<tr><td>Shanghai hidden>
Rolls</td></tr> <input type="submit" class="btn"
<tr><td>Spaghetti value="Reserved" name="check_box">
Pasta</td></tr> </div>
<tr><td>Steamed </form>
Rice</td></tr> <script>
</table> var total = document.getElementById("total");
var slider =
document.getElementById("myRange");
<table id="t01"> var output =
document.getElementById("demo");
<tr><th>Dessert</th></tr> total.innerHTML = slider.value*250;
output.innerHTML = slider.value; background-color:White}

slider.oninput = function() { body, html {
output.innerHTML = this.value; height: 100%;
47
total.innerHTML = this.value*250; margin: 0;}
} .bg {
</script> /* The image used */
</div> background-image:
</div> url("images/images1.png");
<div style="clear: /* Full height */
both;"> </div> height: 100%;
</div> /* Center and scale the image nicely */
 background-position: center;
<div id="sidebar"> background-repeat: no-repeat;
<ul> background-size: cover;}
<li><h2><Font color="black"><a </style>
href=index_1.php>Package <meta name="keywords" content="" />
1</a></Font></h2></li> <meta name="description" content="" />
<li><h2><Font color="black"><a <meta http-equiv="content-type"
href=Menu2.php>Package content="text/html; charset=utf-8" />
2</a></Font></h2></li> <title>Patty's Catering Service</title>
<li><h2><Font color="black"><a <link rel="stylesheet" type="text/css"
href=Menu3.php>Package href="style.css">
3</a></Font></h2></li> <link href="stylemain.css" rel="stylesheet"
<li><h2><Font color="black"><a type="text/css" media="screen" />
href=Menu4.php>Package </head>
4</a></Font></h2></li> <body>
<li><h2><Font color="black"><a <div id="menu" >
href=Menu5.php>Package 5</a></Font></h2> <ul><font color="red">
</li> <li class="current_page_item"><a
</ul></div> href="index_1.php" >Place Order</a></li>
 <li><a
<div style="clear: href="OrderHistory.php">Past Order</a></li>
both;"> </div> <li><a
</div></div> href="index_1.php?logout='1'" >logout</a></li>
</div></div> <li><?php if
</body></html> (isset($_SESSION['user'])) : ?>
<?php <h1><strong><?php echo
include('functions.php'); $_SESSION['user']['fname']; ?></strong>&nbsp
if (!isLoggedIn()) { <?php echo
$_SESSION['msg'] = "You must $_SESSION['user']['lname']; ?>
log in first"; <small>i style="color: #888;">(<?php echo
header('location: login.php'); ucfirst($_SESSION['user']['user_type']); ?>)</i>
}
?> </small></h1>
<html > <?php endif
<head> ?></li>
<style> </font></ul>
table, th, td { </div>
border: 1px solid black; <div class="bg">
<center><font color="Black"> $_SESSION['msg'] = "You must

<br><br><br><br><br><br><br><br><br><br>< log in first";
br><br><br> header('location: login.php');
48
<?php }else{header('location: index_1.php');
if ($db->connect_error) {die("Connection failed: }
" . $conn->connect_error);} }
$id= $_SESSION['user']['email']; ?>
$sql = "SELECT * FROM orders where <!DOCTYPE html>
reserved_by='$id'"; <html>
$result = $db->query($sql); <head>
if ($result->num_rows > 0) { <link rel="stylesheet" type="text/css"
echo "<h1><table href="style.css">
align='center'><tr><th>Order ID <style>
No.</th><th>Package No.</th><th>No. of .header {
Guest</th><th>Reserved background: #003366;
Date</th><th>Status</th></tr></h1>"; }
// output data of each row button[name=register_btn] {
while($row = $result->fetch_assoc()) { background: #003366;
echo "<tr><td>" . $row["order_no"]. }
"</td><td>" . $row["package_no"]. "</td><td> " . table, th, td {
$row["guest_no"]. "</td><td> " . border: 1px solid black;
$row["reserved_date"]. "</td><td>" . }
$row["status"]. "</td></tr>"; .button1 {
}echo "</table>";} else {echo "0 results";} display: inline-block;
$db->close();?> padding: 5px 5px;
</font> </center> font-size: 12px;
</div></body> cursor: pointer;
</html> text-align: center;
text-decoration: none;
outline: none;
color: #fff;
background-color: green;
border: none;
border-radius: 15px;
box-shadow: 0 9px #999;
}
.button2 {
display: inline-block;
padding: 5px 5px;
font-size: 12px;
cursor: pointer;
text-align: center;
outline: none;
color: #fff;
<?php background-color: Red;
include('functions.php'); border: none;
if (!isAdmin()) { border-radius: 15px;
if(!isUser()){ box-shadow: 0 9px #999;
} </div>
.button1:hover {background-color: yellow} </div> 49
.button2:hover {background-color: yellow} <?php
.button1:active { // Check connection
background-color: #3e8e41; if ($db->connect_error) {
box-shadow: 0 5px #666; die("Connection failed: " . $conn-
transform: translateY(4px); >connect_error);
}.button2:active { }
background-color: #3e8e41; $sql = "SELECT * FROM orders where
box-shadow: 0 5px #666; status='Pending'";
transform: translateY(4px); $result = $db->query($sql);
} ?><div id="menu" >
</style> <ul>
</head> <li class="current_page_item"
</body> ><a href="home.php">Pending Orders</a></li>
</html> <li><a
<html > href="home2.php">Accepted Orders</a></li>
<head> <li><a
<meta name="keywords" content="" /> href="home3.php">Declined Orders</a></li>
<meta name="description" content="" /> <li><a
<meta http-equiv="content-type" href="POS.php">Monthly Sales</a></li>
content="text/html; charset=utf-8" /> </ul>
<title>Patty's Catering Service</title> </div>
<link href="stylemain.css" rel="stylesheet" 
type="text/css" media="screen" /> <div class="bg"><?php
</head> if ($result->num_rows > 0) {
<body> echo
<div class=""> "<h1><table><tr><th>ID</th><th>Package
 <style>
<div class="bg"><?php .header {
if ($result->num_rows > 0) { background: #003366;
echo }
"<h1><table><tr><th>ID</th><th>Package button[name=register_btn] {
No.</th><th>No. of Guest</th><th>Reserved background: #003366;
By</th><th>Reserved }
Date</th><th>Address</th><th>Contact</th></ table, th, td {
tr></h1>"; border: 1px solid black;
// output data of each row }
while($row = $result->fetch_assoc()) { </style>
echo "<tr><td>" . $row["order_no"]. </head>
"</td><td>" . $row["package_no"]. "</td><td> " . </body>
$row["guest_no"]. "</td><td> " . </html>
$row["reserved_by"]. "</td><td> " . <html >
$row["reserved_date"]. "</td><td> " . <head>
$row["address"]. "</td><td> " . <meta name="keywords" content="" />
$row["comment"]. "</td><tr> "; <meta name="description" content="" />
} <meta http-equiv="content-type"
echo "</table>"; content="text/html; charset=utf-8" />
} else { <title>Patty's Catering Service</title>
echo <link href="stylemain.css" rel="stylesheet"
"<h1><table><tr><th>ID</th><th>Package type="text/css" media="screen" />
No.</th><th>No. of Guest</th><th>Reserved </head>
By</th><th>Reserved <body>
Date</th><th>Address</th><th>Status</th><th <div class="">
></th></tr></h1>";  </html>
<div class="bg"><?php <html >
if ($result->num_rows > 0) { <head>
echo <meta name="keywords" content="" />
"<h1><table><tr><th>ID</th><th>Package <meta name="description" content="" />
No.</th><th>No. of Guest</th><th>Reserved <meta http-equiv="content-type"
By</th><th>Reserved content="text/html; charset=utf-8" />
Date</th><th>Address</th><th>Contact</th></ <title>Patty's Catering Service</title>
tr></h1>"; <link href="stylemain.css" rel="stylesheet"
// output data of each row type="text/css" media="screen" />
while($row = $result->fetch_assoc()) { </head>
echo "<tr><td>" . $row["order_no"]. <body>
"</td><td>" . $row["package_no"]. "</td><td> " . <div class="header">
$row["guest_no"]. "</td><td> " . <h2>Admin - create user</h2>
$row["reserved_by"]. "</td><td> " . </div>
$row["reserved_date"]. "</td><td> " . <form method="post"
$row["address"]. "</td><td> " . action="create_user.php">
$row["comment"]. "</td><tr>"; <?php echo display_error(); ?>
<div class="input-group"> <button type="submit"

<label>First class="btn" name="register_btn"> + Create
Name</label> user</button>
<input type="text" <button type="submit"
name="fname"> class="btn" name="back_btn">
</div> Cancel</button>
<div class="input-group"> </div>
<label>Last </form> 53
Name</label> </div>
<input type="text"
name="lname"> </body>
</div> </html>
<label>Username</label>
<input type="text" name="username"
value="<?php echo $username; ?>">
</div>
<label>Email</label> <!DOCTYPE html>
<input type="email" <html>
name="email" value="<?php echo $email; ?>"> <head>
</div> <meta name="viewport"
<div class="input-group"> content="width=device-width, initial-scale=1">
<label>User type</label> <link rel="stylesheet" href="Carousel.css">
<select <style>
name="user_type" id="user_type" > .mySlides {display:none;}
<option a:link, a:visited {
value=""></option> background-color: rgba(233, 201, 245, 0.14);
<option color: black;
value="admin">Admin</option> text-align: center;
<option text-decoration: none;
value="user">User</option> display: inline-block;
</select> color: white;
</div> padding: 14px 25px;
<div class="input-group"> text-align: left;
<label>Password</label> text-decoration: none;
<input type="password" display: inline-block;
name="password_1"> }
</div> .dropbtn {
<div class="input-group"> background-color: rgba(233, 201, 245, 0.14);
<label>Confirm color: violet;
password</label> padding: 2px;
<input type="password" font-size:16px;
name="password_2"> border: none;
</div> cursor: pointer;
<div class="input-group"> }
.dropdown {
position: relative; </div>

display: inline-block; <div class="dropdown" style="float:center;">
} <button class="dropbtn"><a href="home.php"
.dropdown-content { target="E">RESERVATION</a></button>
display: none; <div class="dropdown-content"
position: absolute; style="left:0;">
background-color: pink; </div>
min-width: 300px; </div>
box-shadow: 0px 8px 16px 0px <div class="w3-content w3-section" style="max-
54
rgba(0,0,0,0.2); width:2000px">
} <img class="mySlides"
.dropdown-content a { src="Images/venue1.jpg" style="width:100%">
color: white; <img class="mySlides"
padding: 12px 16px; src="Images/venue2.jpg" style="width:100%">
text-decoration: none; <img class="mySlides"
display: block; src="Images/venue3.jpg" style="width:100%">
} <img class="mySlides"
.dropdown-content src="Images/venue4.jpg" style="width:100%">
a:hover {background-color: rgb(198, 140, 206)} <img class="mySlides"
.dropdown:hover .dropdown-content { src="Images/venue5.jpg" style="width:100%">
display: block; <img class="mySlides"
} src="Images/venue6.jpg" style="width:100%">
.dropdown:hover .dropbtn { </div>
background-color: pink; <script>
} var myIndex = 0;
a:hover, a:active { carousel();
background-color: pink; function carousel() {
} var i;
a:hover{ var x =
color:black; document.getElementsByClassName("mySlide
} s");
</style> for (i = 0; i < x.length; i++) {
</head> x[i].style.display = "none";
<body> }
<center> myIndex++;
<div class="dropdown" style="float:center;"> if (myIndex > x.length) {myIndex = 1}
<button class="dropbtn"><a x[myIndex-1].style.display = "block";
href="MainHome.php" setTimeout(carousel, 1000); // Change
target="E">HOME</a></button> image every 2 seconds
<div class="dropdown-content" }
style="left:0;"> </script>
</div>
</div> </body>
<div class="dropdown" style="float:center;"> </html>
<button class="dropbtn"><a href="Photos.php"
target="E">FOOD MENU</a></button>
<div class="dropdown-content"
style="left:0;">
</div>
if (isset($_POST['back_btn'])) {
header('location: home.php');
}
<html> // call the register() function if
<head> register_btn is clicked
<link REL="StyleSheet" TYPE="text/css" if (isset($_POST['register_btn'])) {
HREF="Background.css"> register();
</head> }
<body> // call the login() function if register_btn 55
<p><strong><font size='1000'color='pink' is clicked
face='Curlz MT' > PATTY'S if (isset($_POST['login_btn'])) {
CATERING</font></strong></p> login();
</body> }
</html> if (isset($_GET['logout'])) {
session_destroy();
<frameset rows="5%, *" frameborder="0"> unset($_SESSION['user']);
<frame src="Logo.php" scrolling="no" header("location: login.php");
name="A"> }
// REGISTER USER
<frameset rows="30%, *" frameborder="0"> function register(){
<frame src="Carousel.php" scrolling="no" global $db, $errors;
name="B">
// receive all input values from
<frameset rows="1%, *" frameborder="0"> the form
<frame src="Sub2.php" scrolling="no" $fname = e($_POST['fname']);
name="B"> $lname = e($_POST['lname']);
$username =
<frameset cols="10%, 80%, 10%" e($_POST['username']);
frameborder="0"> $email =
<frame src="Sub1.php" scrolling="no" e($_POST['email']);
name="D"> $user =
<frame src="MainHome.php" scrolling="no" e($_POST['User_Type']);
name="E""> $password_1 =
<frame src="Sub1.php" scrolling="no" e($_POST['password_1']);
name="F"> $password_2 =
e($_POST['password_2']);
</frameset> // form validation: ensure that the
</frameset> form is correctly filled
</frameset> if (empty($fname)) {
</frameset> array_push($errors,
<?php "Name is required");
session_start(); }
// connect to database if (empty($lname)) {
$db = mysqli_connect('localhost', 'root', array_push($errors,
'', 'multi_login'); "Namae is required");
// variable declaration }
$username = ""; if (empty($username)) {
$email = ""; array_push($errors,
$errors = array(); "Username is required");
} $logged_in_user_id =
if (empty($email)) { mysqli_insert_id($db);
$_SESSION['user'] =
array_push($errors, getUserById($logged_in_user_id); // put logged
"Email is required"); in user in session
}
if (empty($password_1)) { $_SESSION['success'] = "You are now
array_push($errors, logged in";
"Password is required"); header('location:
} index_1.php');
if ($password_1 !=
56
}
$password_2) { }
array_push($errors, "The }
two passwords do not match"); // return user array from their id
} function getUserById($id){
// register user if there are no global $db;
errors in the form $query = "SELECT * FROM
if (count($errors) == 0) { users WHERE id=" . $id;
$password = $result = mysqli_query($db,
md5($password_1);//encrypt the password $query);
before saving in the database
if $user =
(isset($_POST['user_type'])) { mysqli_fetch_assoc($result);
$user_type = return $user;
e($_POST['user_type']); }
$query = "INSERT INTO users // LOGIN USER
(username, email, user_type, function login(){
password,fname,lname) global $db, $username, $errors;
VALUES('$username', '$email', // grap form values
'$user_type', '$password','$fname','$lname')"; $username =
e($_POST['username']);
mysqli_query($db, $query); $password =
e($_POST['password']);
$_SESSION['success'] = "New user // make sure form is filled
successfully created!!"; properly
header('location: if (empty($username)) {
home.php'); array_push($errors,
}else{ "Username is required");
$query = "INSERT INTO users }
(username, email, user_type, if (empty($password)) {
password,fname,lname) array_push($errors,
VALUES('$username', '$email', '$user', "Password is required");
'$password','$fname','$lname')"; }
// attempt login if no errors on
mysqli_query($db, $query); form
// get id of the if (count($errors) == 0) {
created user $password =
md5($password);
$query = "SELECT *
FROM users WHERE username='$username' $res_date=e($_POST['reserved']);
AND password='$password' LIMIT 1"; $query =
$results = "INSERT INTO orders (package_no, guest_no,
mysqli_query($db, $query); reserved_by,
if reserved_date,address,comment,status)
(mysqli_num_rows($results) == 1) { // user
found
// check if user is VALUES('$pack_no','$guest_no','$res_by','$res
admin or user _date',
$logged_in_user '$res_address','$res_com
= mysqli_fetch_assoc($results); ment','$res_status')";
57
if
($logged_in_user['user_type'] == 'admin') { mysqli_query($db, $query);
header('location:
$_SESSION['user'] = $logged_in_user; OrderHistory.php');
}
$_SESSION['success'] = "You are now
logged in";
if(isset($_POST['Update'])){
header('location: home.php'); global $db;
}else{ $vals=e($_POST['id']);
$query="UPDATE orders SET
$_SESSION['user'] = $logged_in_user; status='Accepted' where order_no=$vals";
mysqli_query($db, $query);
$_SESSION['success'] = "You are now header('location:
logged in"; home.php');
}
header('location: index_1.php'); if(isset($_POST['Updates'])){
} global $db;
}else { $vals=e($_POST['id']);
$query="UPDATE orders SET
array_push($errors, "Wrong status='Declined' where order_no=$vals";
username/password combination"); mysqli_query($db, $query);
} header('location:
} home.php');
} }
if (isset($_POST['check_box'])) { function isLoggedIn()
{
$pack_no=e($_POST['Package']); if (isset($_SESSION['user'])) {
$guest_no=e($_POST['Guest']); return true;
$res_by=e($_POST['res']); }else{
return false;
$res_address=e($_POST['address']); }
}
function isAdmin()
$res_comment=e($_POST['commenta']);
{
if (isset($_SESSION['user']) &&
$res_status=e($_POST['status']);
$_SESSION['user']['user_type'] == 'admin' ) {
return true; color: white;

}else{ background: #5F9EA0;
return false; text-align: center;
} border: 1px solid #B0C4DE;
} border-bottom: none;
function isUser() border-radius: 10px 10px 0px 0px;
{ padding: 20px;
if (isset($_SESSION['user']) && }
$_SESSION['user']['user_type'] == 'user' ) { .input-group {
return true; margin: 10px 0px 10px 0px;
}else{
58
return false; }
}
}
// escape string .input-group label {
function e($val){ display: block;
global $db; text-align: left;
return margin: 3px;
mysqli_real_escape_string($db, trim($val)); }
} .input-group input {
function display_error() { height: 30px;
global $errors; width: 93%;
if (count($errors) > 0){ padding: 5px 10px;
echo '<div font-size: 16px;
class="error">'; border-radius: 5px;
foreach ($errors border: 1px solid gray;
as $error){ }
echo #user_type {
$error .'<br>'; height: 40px;
} width: 98%;
echo '</div>'; padding: 5px 10px;
} background: white;
} font-size: 16px;
border-radius: 5px;
?> border: 1px solid gray;
}
CSS .btn {
padding: 10px;
*{ font-size: 15px;
margin: 0px; color: white;
padding: 0px; background: #5F9EA0;
} border: none;
body { border-radius: 5px;
font-size: 120%; }
background:url("images/images.jpg"); .error {
} width: 92%;
.header { margin: 0px auto;
width: 40%; padding: 10px;
margin: 50px auto 0px; border: 1px solid #a94442;
color: #a94442; font-family: Georgia, "Times New Roman",

background: #f2dede; Times, serif;
border-radius: 5px; font-weight: normal;
text-align: left; color: #8A8A8A;
} }
.success { h1 {
color: #3c763d; font-size: 2em;
background: #dff0d8; }
border: 1px solid #3c763d;
margin-bottom: 20px; h2 { 61
} font-size: 1.8em;
59
.profile_info img { }
display: inline-block; h3 {
width: 50px; font-size: 1.6em;
height: 50px; }
margin: 5px; p, ul, ol {
float: left; margin-top: 0;
} line-height: 180%;
.profile_info div { }
display: inline-block; ul, ol {
margin: 5px; }
} a{
.profile_info:after { color: #01BBEC;
content: ""; }
display: block; a:hover {
clear: both; }
} #wrapper {
width: 960px;
body { margin: 0 auto;
margin: 0; padding: 0;
padding: 0; }
background: #F7F7F7
url(images/img01.jpg) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #787878; /* Header */
} #header {
form, .content { width: 960px;
width: 40%; height: 110px;
margin: 0px auto; margin: 0 auto;
padding: 20px; }
border: 1px solid #B0C4DE; /* Menu */
background: white; #menu {
border-radius: 0px 0px 10px 10px; width: 960px;
} height: 38px;
h1, h2, h3 { margin: 0 auto;
margin: 0; padding: 0;
padding: 0; }
#menu ul { margin-bottom: 25px;

margin: 0; padding: 20px 0px;
padding: 0px 0px 0px 25px; background: #FFFFFF;
62
list-style: none; }
line-height: normal; .post-bgtop {
} }
#menu li { .post-bgbtm {
float: left; }
height: 38px; .post .title {
background: url(images/img04.jpg) no- height: 38px;
repeat right top; margin-bottom: 10px;
60
} padding: 12px 0 0 20px;
#menu a { background: #01BBEC;
display: block; letter-spacing: -.5px;
margin-right: 3px; color: #FFFFFF;
padding: 10px 30px 7px 30px; }
text-decoration: none; .post .title a {
font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;
font-size: 13px; border: none;
font-weight: bold; }
color: #AFAFAF;
border: none; .post .meta {
} padding-bottom: 5px;
#menu a:hover, #menu .current_page_item a { padding-left: 20px;
} text-align: left;
#menu .current_page_item a { font-family: Arial, Helvetica, sans-serif;
padding-left: 0; font-size: 11px;
} font-style: italic;
#menu a:hover { }
text-decoration: underline; .post .meta a {
} color: #01BBEC;
/* Page */ }
#page { .post .entry {
width: 960px; padding: 0px 20px 20px 20px;
margin: 0 auto; padding-bottom: 20px;
padding: 0; text-align: justify;
} }
#page-bgtop { .links {
padding: 20px 25px; display: block;
} width: 100px;
#page-bgbtm { height: 20px;
} margin-top: 20px;
/* Content */ background: url(images/img05.jpg) no-
#content { repeat left top;
float: right; text-align: center;
width: 630px; text-transform: uppercase;
padding: 0; font-size: 10px;
} color: #FFFFFF;
.post { }
/* Sidebar */ }
#sidebar { #sidebar a {
float: left; text-decoration: underline;
width: 240px; color: #FFFFFF;
padding: 20px 0px 0px 0px; }
color: #787878;
background: #FFFFFF; /* Calendar */
} #calendar {
#sidebar ul { }
margin: 0; #calendar_wrap {
padding: 0; padding: 20px; 61
list-style: none; }
} #calendar table {
#sidebar li { width: 100%;
margin: 0; }
padding: 0; #calendar tbody td {
} text-align: center;
#sidebar li ul { }
margin: 0px 15px; #calendar #next {
padding-bottom: 30px; text-align: right;
} }
#sidebar li li { /* Footer */
line-height: 35px; #footer {
border-bottom: 1px dashed #D1D1D1; width: 960px;
padding-left: 10px; height: 50px;
} margin: 0 auto;
padding: 0px 0 15px 0;
#sidebar li li span { border-top: 1px solid #DEDEDE;
display: block; font-family: Arial, Helvetica, sans-serif;
margin-top: -20px; }
padding: 0; #footer p {
font-size: 11px; margin: 0;
font-style: italic; padding-top: 20px;
} line-height: normal;
#sidebar h2 { font-size: 9px;
height: 38px; text-transform: uppercase;
padding: 12px 0 0 20px; text-align: center;
background: #01BBEC; color: #A0A0A0;
letter-spacing: -.5px; }
color: #FFFFFF; #footer a {
} color: #8A8A8A;
#sidebar p { }
margin: 0 0px; *{
padding: 0px 20px 20px 20px; box-sizing: border-box;
text-align: justify; }
} .columnsa {
#sidebar a { float: left;
border: none; width: 33.3%;
color: #FFFFFF; padding: 8px;
} }
.pricea { }
list-style-type: none; body{background-image:
border: 1px solid #eee; url("Images/abcd.gif");color:white;} 62
margin: 0;
padding: 0; .link {
-webkit-transition: 0.3s; margin-top: 0px;
transition: 0.3s; margin-bottom: 100px;
} margin-right: 150px;
.pricea:hover { margin-left: 80px;
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2) }
}
hr{
.pricea .headera { display: block;
background-color: #111; width: 3000px;
color: white; size: 50px;
font-size: 25px; border-style: solid;
} margin-top: -10px;
.pricea li { margin-bottom: -10px;
border-bottom: 1px solid #eee; margin-right: 100px;
padding: 20px; margin-left: 0px
text-align: center; }
}
.pricea .greya {
background-color: #eee; body{background-image:
font-size: 20px; url("Images/bg.jpg");color:white;}
}
.buttona {
background-color: #4CAF50;
border: none;
color: white;
padding: 10px 25px;
text-align: center;
font-size: 18px;
}
@media only screen and (max-width: 600px)
{.columnsa {
width: 100%;
63
APPENDIX C
(Gantt Chart)
64
Table 3. Gantt chart
The table shows the time consumed by the respondents in every step the
respondents made. The design phase has the longest time consumed in
developing the system. While the presentation is the shortest time consumed in
developing the system.

65
APPENDIX D
(Curriculum Vitae)
66
Manato, Mayryle Joy B.
manatojoy@gmail.com
Contact no.: 09107560790
Blk2 Lot63 Green Gate Homes
Imus City, Cavite
PERSONAL INFORMATION
Age: 18
Gender: Female
Birth Date: February 12, 1999
Birth Place: San Francisco Quezon
Civil Status: Single
Citizenship: Filipino
SPECIAL SKILLS
 Knowledge in Microsoft Office (Word, PowerPoint, Excel)

 Basic Programming Skills (C++, NetBeans)
 Network Troubleshooting
 Editing Skills (Photoshop) 67

 Web Development (HTML, CSS, JavaScript)
Miralpes, Kim Christian Q.
kimmiralpes@gmail.com
Contact no.: 09975245193
Sec L Blk 18 Lot 8 San Francisco
General Trias, Cavite
Age: 19
Gender: Male
Birth Date: June 18, 1998
Birth Place: Camarines Norte
SPECIAL SKILLS
 Knowledgeable in Web Development (HTML, JavaScript)

 Network Troubleshooting
 Editing Skills using Photoshop
 Database (Oracle, MySQL)

68
Pariñas, Amica Riane R.
amicaramos45@gmail.com
Cellphone: 09098566207
451 Anabu 1C
Imus City, Cavite
Age: 18
Gender: Female
Birth Place: Imus Cavite
SPECIAL SKILLS:
 Fluent in Hangul
 Proficient with MS Word, Excel and PowerPoint
 Knowledgeable in using HTML, CSS and JavaScript
 Database (Oracle, MySQL)
 Editing Skills (Photoshop)
69
III Belostrino, Cayetano R.
Ohnie217@gmail.com
Cellphone: 09464638656
Barzaga Comp. Pasong Lawin Zone 4
Dasmariñas City, Cavite
Age: 19
Gender: Male
Birth Place: Dasmariñas, Cavite
SPECIAL SKILLS
 Knowledgeable in different Programming Languages

 Proficient in Microsoft Office
 Skilled in creating Web Page
70
Peñaranda, Kyle E.
iblayne60@gmail.com
Cellphone no.: 09509048373
Garden Grove
Salitran IV
Age: 20
Gender: Male
Birth Date: September 8, 1997
Birth Place: Makati, City
SPECIAL SKILLS:
 Efficient use of Microsoft Office

 Basic Programming Skills (C++, Java)
 Webpage Development (HTML, CSS)
 Basic Editing (Photoshop)
 Ethical Hacking
71
Boksmati, Wael A.
wael_boksmati@hotmail.com
Cellphone no.: 09053308234
Blk 20 Lot 14 Phase 5 Marycris Complex
General Trias, Cavite
Age: 23
Gender: Male
Birth Date: December 4, 1994
Birth Place: Saudi, Jeddah
Citizenship: Lebanese
SPECIAL SKILLS
 Knowledgeable in using Photoshop

 Basic Skills in creating Web Projects using HTML
 Troubleshooting Skills

Ppoonngg

Uploaded by

Copyright:

Available Formats

You might also like

Ppoonngg

Uploaded by

Document Information

Original Description:

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

Ppoonngg

Uploaded by

Copyright:

Available Formats

1.

NATIONAL COLLEGE OF SCIENCE AND TECHNOLOGY

THE DEVELOPMENT OF ONLINE CATERING RESERVATION WITH

A System Analysis and Design Project

National College of Science and Technology

This research project entitled THE DEVELOPMENT OF ONLINE CATERING

MR. MARK FERMILL

Adviser, SAD 001

Ms. Jean Michelle Caseñares Mr. John Christian Oab

Member, Advisory Committee Member, Advisory Committee

Accepted in partial fulfillment of the requirement for the degree of Bachelor

Mr. Lodelio Millo

Cluster Head, Computer Studies Dept.

their catering services, thank you very much.

and classmates for their moral support.

knowledge and strength in every problem that we encountered in completing this

and financial support, for serving as an inspiration in finishing this study.

CHAPTER 1- SYSTEM PROPOSAL

Introduction to the Target Subject 2

Problem and Its Background 2

Proposed System Description and Specifications 2

System Development Methodology 3

Research and System Objectives 7

Scope and Limitations 8

Expected Benefits of the Proposed System 9

Cost and Benefit Analysis 10

CHAPTER 2 – DETAILED SYSTEM STUDY AND ANALYSIS

Block Diagram of Existing System Data Modeling 12

Flowchart of Existing System 13

Context Diagram of Existing System 14

Top Level Data Flow Diagram of Existing System 15

Block Diagram of Proposed System 16

Flowchart of the Proposed System 17

Context diagram of Proposed System 18

Top-level Data Flow Diagram of Proposed System 19

Low Level Data Flow Diagram of Proposed System 20

Entity Relationship Diagram 21

CHAPTER 3 – SYSTEM DESIGN

CHAPTER 4 – TESTING, IMPLEMENTATION AND MAINTENANCE

Program and System Tests 26

Database Backup and Archiving 27

CHAPTER 5 – SUMMARY, CONCLUSIONS AND RECOMMENDATIONS

Appendix A Letter of Request

Appendix B System Codes

Appendix C Gantt Chart

Appendix D Curriculum Vitae

Figure 1. Block Diagram of Existing System Data Modeling…………………………… 12

Figure 2. Flowchart of Existing System…………………………………………………….13

Figure 3. Context Diagram of Existing System……………………………………………14

Figure 4. Top Level Data Flow Diagram of Existing System…………………………….15

Figure 5. Block Diagram of Proposed System…………………………………………….16

Figure 6. Flowchart of the Proposed System……………………………………………...17

Figure 7. Context diagram of Proposed System………………………………………….18

Figure 8. Top-level Data Flow Diagram of Proposed System………………………….19

Figure 9. Low Level Data Flow Diagram of Proposed System………………………….20

Figure 10. Entity Relationship Diagram……………………………………………………21

Figure 11. Decision Tree…………………………………………………………………….22

Figure 12. IPO Chart…………………………………………………………………………23