K. J.
Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
Somaiya Vidyavihar University
Restaurant Reservation and Ordering
Website
Submitted at the end of semester IV
Of Bachelors in Technology in Computer Engineering
by
Viraj Yadav
Roll No: 16010121216
Divya Tikoo
Roll No: 16010121205
Prof. Nilesh Lakade
Department of Computer Engineering
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
Batch 2018 -2021
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
Department of Computer Engineering (MP Jan-Apr 2023) Page 1
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
Introduction
1.1 Problem Statement
Addressing the needs of a restaurant and the customer , restaurants have a difficult time
managing tables and reservations, customers have difficulty with reservations and
ordering food once they are at the restaurant.
1.2 Abstract
The table reservation and ordering system is a software application designed to
streamline the process of making reservations and placing orders at a restaurant. The
system provides customers with an easy-to-use interface for reserving tables and
ordering food and drinks. The software also enables restaurant staff to manage
reservations, track orders, and process payments more efficiently. By leveraging the
power of technology, the system helps reduce wait times, minimize errors, and enhance
the overall dining experience for both customers and staff. This abstract provides an
overview of the benefits of implementing a table reservation and ordering system in a
restaurant setting.
1.3 Scope
Our project allows the customer to reserve tables, create accounts , login , and make
orders. It also allows the admin to manage reservations that have been created.
1.4 Target Audience
This application is aimed at restaurant managers but mainly towards customers who
would like to make a reservation and order food at a restaurant
1.5 Tech Stack
Frontend: HTML, CSS , PHP and Bootstrap
Backend: MySQL, PHP, Javascript
Version Control: GITHub
Department of Computer Engineering (MP Jan-Apr 2023) Page 2
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
Literature Survey
Before the design of the project we looked at the existing problem and the
problem that we were looking to solve, so that we could find the most
efficient and convenient method to solve the problem at hand. To do so we
looked at the design of prominent Restaurant websites and the features that
they already provided. Most of these websites only allowed viewing the
menu and a contact button to call and make a reservation. This gave us the
idea that this process can be made far easier by removing the need for
unwanted conversation by allowing the user to make those reservations
and orders without the need to call someone.
https://www.gordonramsayrestaurants.com/en/us
this was one of the prominent websites we looked at to provide us with
design inspiration , and also help identify what features would make the
website experience far more enjoyable.
Department of Computer Engineering (MP Jan-Apr 2023) Page 3
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
Project Design
3.1 System Architecture
1. When the website is opened, the user is first guided to the home page. The page
consists of the Navigation bar which allows the user to navigate to other pages
associated to the landing page that serve different functions
2. the middle section of the page contains about us information and some buttons
that lead to other pages on our website that quickly allow the user to carry out
some key functions
3. The footer section is located at the bottom of the home page and contains the
contact information
1.When the website is opened, the user is first guided to the home page. From the home
page, you can scroll down where you can find the about us information and then if they
scroll further down they can find contact us information and how to reach the restaurant
2. From the Home page, the user can click on the “book a table “ button to immediately
go to the page to make a reservation
3. There’s a navigation bar in the home page that allows the user to jump between the
webpages that are available, such as book
4. The login page takes username/email and password as input. If the username/email is
not valid or if the password is incorrect, the respective alert is displayed. After pressing
the login button, the user is guided to the home page.
5. If the user is not registered, the login page takes the name, email, password and
desired username of the user. After pressing the submit button, the user is directed to
the home page.
6. The menu page has the different options that are available at the restaurant, if you
aren't logged in and dont have a reservation , adding items to the cart redirects you to a
page which requires you to login before you are allowed to make those orders
Department of Computer Engineering (MP Jan-Apr 2023) Page 4
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
7. The reservation page allows you to enter all your personal information without
having to login to make the reservation those same details can then be used to add
things to cart without having to log in
8. the admin page allows the admin to log in and edit the reservations simply by adding
the email by which the reservation was made to free up the table for future reservations
3.2 Software Design Document
Department of Computer Engineering (MP Jan-Apr 2023) Page 5
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
Department of Computer Engineering (MP Jan-Apr 2023) Page 6
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
Department of Computer Engineering (MP Jan-Apr 2023) Page 7
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
3.3 Programming languages
Frontend:
HTML, CSS & Bootstrap:
The design of the web pages was prototyped on Figma and Canva. They are vector
graphics editors and prototyping tools that has been utilized for UI design.
Following prototyping, the webpages were coded in HTML. The HyperText Markup
Language or HTML is the standard markup language for documents designed to be
displayed in a web browser.
CSS was used to style the pages per the prototype. Cascading Style Sheets is a style
sheet language used for describing the presentation of a document written in a markup
language such as HTML.
Bootstrap was used as well for the styling of the web pages. Bootstrap is the most
popular CSS framework for developing responsive and mobile-first websites.
Javascript was used for the logic of the pages.
Webpages designed:
➔ Home Page
➔ Login Page
➔ Admin
Department of Computer Engineering (MP Jan-Apr 2023) Page 8
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
➔ Menu
➔Reservation
➔ Registration
Backend:
MySQL and PHP are used for the backend. MySQL uses Structured Query Language
(SQL) to manage the data stored in databases. It allows users to create, modify, and
delete tables, and to insert, update, and retrieve data.
Templates are the front-end, which the user sees. In the case of a website, the templates
are the HTML pages. A template language is one that we can use inside HTML so that
the content on the HTML page becomes dynamic.
3.4 Software Project Management Plan
Task Distribution:
Responsibilities: Put X in the rows if the task is done by member
Department of Computer Engineering (MP Jan-Apr 2023) Page 9
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
Implementation
4.1 Functions Implemented
Login- requires verifying the login info
Registration – requires pushing the data into the database Reservation- requires pushing
data into the database
Log out- ends the session
Buy now- adds item to cart
Admin- allows admin to remove a given reservation
4.2 Test plan
1. Test the alignment and positioning in the front end
2. Test Database
3. Test User input validation
Department of Computer Engineering (MP Jan-Apr 2023) Page 10
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
4.3 User Interface
Implementation method:
Department of Computer Engineering (MP Jan-Apr 2023) Page 11
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
Department of Computer Engineering (MP Jan-Apr 2023) Page 12
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
Department of Computer Engineering (MP Jan-Apr 2023) Page 13
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
Department of Computer Engineering (MP Jan-Apr 2023) Page 14
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
4.4 GitHub Implementation details:
GitHub and git were used for the purpose of version control and collaboration. A
final commit was made at the end to push the completed project onto GitHub. A
readme file was also created explaining the team details, demo, usage, and steps to
replicate the project on your local system.
The GitHub link to our Mini Project repository:
https://github.com/divyatikoo1337
Conclusion and Further Work
The restaurant table booking and ordering system, in conclusion, is a very efficient
solution that has completely changed the way restaurants run. This technology can
improve the customer experience by lowering wait times, minimising mistakes, and
increasing overall efficiency by streamlining the reservation and ordering process. The
technology offers a platform for restaurant personnel so they can quickly track orders,
manage reservations, and accept payments. Restaurants that use this system should
expect to see an increase in sales, a drop in operating expenses, and a more streamlined
workflow. Overall, a restaurant that wants to improve its dining experience for patrons
and streamline operations should consider investing in the restaurant table booking and
ordering system.
With the advancement of technology various new features could be implemented. A
feature we found extremely interesting was the integration of VR AR that would allow
the customer to visit the restaurant without actually visiting the restaurant to get a look
at the ambience and vibe of the restaurant before deciding to make a reservation
Bibliography
● Viola, Paul & Jones, Michael. (2001). Rapid Object Detection using a Boosted
Cascade of Simple Features. IEEE Conf Comput Vis Pattern Recognit. 1. I-511.
10.1109/CVPR.2001.990517.
● Flask.palletsprojects.com. 2022. Welcome to Flask — Flask Documentation
(2.0.x). [online] Available at: <https://flask.palletsprojects.com/en/2.0.x/>
[Accessed 28 March 2022].
Department of Computer Engineering (MP Jan-Apr 2023) Page 15
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
● Mark Otto, a., 2022. Bootstrap. [online] Getbootstrap.com. Available at:
<https://getbootstrap.com/> [Accessed 28 March 2022].
● W3schools.com. n.d. W3Schools Free Online Web Tutorials. [online] Available
at: <https://www.w3schools.com/> [Accessed 28 March 2022].
● OpenCV. n.d. OpenCV. [online] Available at: <https://opencv.org/> [Accessed
28 March 2022].
Acknowledgment
The success and outcome of this project required a lot of guidance and assistance from
many people and we are extremely privileged to have got this all along with the
completion of our project. This would not have been possible without the support of
many individuals.
We would like to express our gratitude to our college, K.J. Somaiya College of
Engineering for giving us the opportunity to build this project and supporting us in the
completion of the same.
We also like to thank our project guides Prof Nilesh Lakade, who took a keen interest
in our project work and guided us all along till the completion of our project work by
providing all the necessary information and help for developing a project on an
interesting and relevant topic.
Certificate
This is to certify that the MINIPROJECT report entitled Implementation
of restaurant table booking and ordering system submitted by Viraj
Yadav and Divya Tikoo at the end of semester IV of SY C. Tech are bona
fide record for partial fulfilment of requirements for the degree of
Bachelors in Computer Engineering of University of Mumbai
Department of Computer Engineering (MP Jan-Apr 2023) Page 16
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
_________________ ___________________
Guide Head of the Department
Date:
Place: Mumbai-77
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
Certificate of Approval of Examiners
We certify that this Mini Project report entitled Implementation of
restaurant table booking and ordering system is bona fide record of
Department of Computer Engineering (MP Jan-Apr 2023) Page 17
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
Mini project work done by Viraj Yadav and Divya during semester IV.
This Mini project work is submitted at the end of semester IV in partial
fulfilment of requirements for the degree of Bachelors in Technology in
Computer Engineering of University of Mumbai.
___________________________
Internal Examiner 1
____________________________
Internal Examiner 2
Date:
Place: Mumbai-77
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
DECLARATION
We declare that this written report submission represents the work done based on our
and / or others’ ideas with adequately cited and referenced the original source. We also
declare that we have adhered to all principles of intellectual property, academic honesty
and integrity as we have not misinterpreted or fabricated or falsified any
idea/data/fact/source/original work/ matter in my submission.
Department of Computer Engineering (MP Jan-Apr 2023) Page 18
K. J. Somaiya College of Engineering, Mumbai-77
(Autonomous College Affiliated to University of Mumbai)
We understand that any violation of the above will be cause for disciplinary action by
the college and may evoke the penal action from the sources which have not been
properly cited or from whom proper permission is not sought.
______________________________ ______________________________
Signature of the Student Signature of the Student
_______________________________ _______________________________
Roll No. Roll No.
_______________
______________________________
Signature of the Student Signature of the Student
_______________________________ _______________________________
Roll No. Roll No.
______________________________ ______________________________
Signature of the Student Signature of the Student
_______________________________ _______________________________
Roll No. Roll No.
Date:
Place: Mumbai-77
Department of Computer Engineering (MP Jan-Apr 2023) Page 19
