ACKNOWLEDGEMENT

We were able to complete this project with a great deal of additional research.
Several people have helped us with both the research and production of this project.

Apart from my efforts, the success of any project depends largely on the
encouragement and guidelines of many others. I take this opportunity to express
my gratitude to the people who have been instrumental in the successful
completion of this project.

I would like to show my greatest appreciation to Asst.Prof. Manasa K,

lecturer at Cambridge Institute of Technology North Campus, and the entire
faculty of the department of Computer Science from
where we have learnt the basics of Computer Science and who’s informal
discussions and able guidance became light for us in the entire duration of this
work.

I can’t say thank you enough for their tremendous support and help. I feel
motivated and encouraged every time I work on this project meeting. Without their
encouragement and Guidance this project would not have materialized.

The guidance and support received from the members who contributed and who are
contributing to this project are vital for the success of the project. I am grateful for
their constant support and efforts.
 ABSTRACT

The objective of the project is to design Hotel Management application which

enables the manager to keep the record of the hotel and the customers.

The project has been designed using HTML, CSS, SQL, PHP technology and consists of a
SQL server
which acts as the database for the project.

My motivation for the project came from my enthusiasm and strong urge to create a website
using PHP and SQL.

The Hotel Management System project mainly consists of two types of users. The
customers who access the information provided by the website and the
administrator who modifies and updates the information.

All the data needed for the application is stored in the form of tables in the SQL
server.

The report contains the details of all the tasks carried out during the entire software
development life cycle of the Hotel Management System Project. This document depicts all
the details of the project.
 TABLE OF CONTENT

TITLE PAGE NO

1. HOTEL MANAGEMENT SYSTEM 6

2. VISION & MISION 6
3. INTRODUCTION 7
4. NEED OF HOTEL MANAGEMENT SYSTEM 7
5. PURPOSE 8
6. SCOPE 8
7. BENEFITS 8
8. OBJECTIVE 9
9. LITERATURE REVIEW 11
10. REQUIREMENTS 12
11. ER DIAGRAM 14
12. CLASS DIAGRAM 16
11. DATAFLOW DIAGRAM 17
12. SEQUENCE DIAGRAM 18
13. IMPLEMENTATION 19
14. SNAPSHOTS 51
15. SYSTEM ANALYSIS 53
16. SYSTEM DESIGN 53
17. CONCLUSION 54
18. REFERENCES 55
 HOTEL MANAGEMENT SYSTEM

Hotel Management System is a Software system where the management of entire hotel is
computerized and that provides us to reserve the rooms, checking whether the rooms are
vacant or not by using online browsing. This system is very useful to all especially for
business people. For business people they don't have sufficient time for these so they can
use this type of online Hotel Management Systems. By this project we will reduce the faults
in bills of their expenditure and decrease time of delay to give the bills to the customers. We
can also save the bills of the customer. By this project we can also include all the taxes on
the bills. Computerized bill can be printed within fraction of seconds. Online ordering of
booking is possible by using this software,
This project is based on Hotel Management System.
MY SQL database management will be based on "BACKEND" which will be capable of
recording Information in high level language PHP and HTML will serve as "FRONTEND" for
the software. The database will be capable of doing following operations.
1. Keeping records of various customers that visit to the hotel.
2. Keeping records of customers who checks in and checks out.

VISION
To meet room requirements for customers.

MISSION
To develop hotel procurement management database in a hotel.
 INTRODUCTION

Hotel Management System is a hotel reservation site script where site users will be able to
search rooms availability with an online booking reservations system. Site users can also
browse hotels, view room inventory, check availability, and book reservations in real-time.
Site users enter check in date and check out date then search for availability and rates. After
choosing the right room in the wanted hotel, all booking and reservation process is done on
the site and an SMS is sent to confirm the booking.
Administrator Panel
Account Manager
• Administrator – Administrator can manage administrator accounts and conform the rooms.
• Room Types – Administrator can define the type of rooms in the hotels, room’s prices and
upload an image for each room.
• Bookings – All booking and reservations maid on the site are displayed with all booking
details: arrival date, departure date, hotel name, room type, number of passengers, price.

NEED OF HOTEL MANAGEMENT

SYSTEM

This system will help administration to work easily. Because of its easy access and less
time-consuming administration can get the information of the Users, Rooms, Payments, etc.
They do not have to search in the paper file for the log time. Members an easily handle the
system.
 PURPOSE

Main aim of developing Hotel Management System provides room booking, staff
management and other necessary hotel management features. The system allows the
manager to post available rooms in the system. Customers can view and book room online.
Admin can approve or reject the booking. Other hotel services can also be viewed by the
customers and can book them too.

SCOPE

• Hotel Management System which is going to be implemented automata the major

operations of the hotel.
• The Reservation System is to keep track in room and hall reservation and check
availability.

BENEFITS

• To improve the efficiency.

• Quickly find out information of a hotel details.
• To provide easy and faster access information.
• To provide user friendly environment.
 OBJECTIVE

• To cumulate highest profit for hotel owner.

• To optimize the recording system.
• To device the schemes based on the customer economic situation.
• To provide luxurious room at affordable rate of the customer.

The Main Objective of hotel organizations could be improved by integrating service-oriented

operations service-oriented operations with project management principles. Such integration
would instil innovation, proactive attitudes and regulated risk-taking needed to pursue
ongoing improvement and proactive response to change. By managing each change as a
project, embedded in smoothly running operations, hotels would extend their life span by
continuously reinventing themselves. Due to which the customers can easily book the hotels
rooms.
 LITERATURE REVIEW

EXISTING SYSTEM
In the existing system, only provides the information about particular hotel and only some of
the hotels has possibility reserve the rooms. The previous system was failure to publish the
rooms availability of multiple hotels and it is failure to provide defence to admin and user
information.

LIMITATIONS OF EXISTING SYSTEM

• In the existing system, only provides the information about particular hotel and only some
of the hotels has possibility to reserve the rooms.
• The previous system was failure to publish the room's availability of multiple hotels.
• And it is failure to provide defence to admin and user information.

PROPOSED SYSTEM
The hotel management system provides the quality service to the end user. This project
aims at creating on Hotel Management System which can be used by Admin and
Customers. The admin to advise/publish the availability of rooms in different hotels and
customers are checking the availability of room in required hotel. Customers should be able
to know the availability of the rooms on a particular date to reserve in hotel. They should be
able to reserve the available rooms according to their need in advance. To make their stay
comfortable. The Admin hands the booking information of customers. The users can register
and log into the system. The administrator will know the details of reservation and daily
income.

ADVANTAGES
• To overcome the problems of Existing System, online hotel management system is
proposed.
• It provides the good publishing services to end users. Means the admin can publish the
availability of rooms in different hotels and this information visible at users/customer side.
So, it is providing the good publishing process.
• The central objective of hotel management system is to provide online facility for booking
rooms.
• This project provides high security to Admin and user information.
• This software can manage and keep records of hotel.
 REQUIREMENTS

HARDWARE REQUIREMENTS:
Operating System: Windows 11
Front End: HTML and CSS
Back End: PHP and MySQL
Documentation: Microsoft Word

SOFTWARE REQUIREMENTS:
Tools and Technique
a. PHP
b. XAMPP
c. MySQL
d. HTML
e. GitHub
f. CSS
g. Notepad++

PHP
Hypertext Pre-processor (or simply PHP) is a server-side scripting language designed for
Web development, but also used as a general-purpose programming language. It was
originally created by Rasmus Lerdorf in 1994, the PHP reference implementation is now
produced by The PHP Group. PHP originally stood for Personal Home Page, but it now
stands for the recursive acronym PHP: Hypertext Pre-processor.
PHP code may be embedded into HTML code, or it can be used in combination with various
web template systems, web content management systems, and web frameworks. PHP code
is usually processed by a PHP interpreter implemented as a module in the web server or as
a Common Gateway Interface (CGI) executable. The web server combines the results of the
interpreted and executed PHP code, which may be any type of data, including images, with
the generated web page. PHP code may also be executed with a command-line interface
(CLI) and can be used to implement standalone graphical applications.
XAMPP
XAMPP is a free and open-source cross-platform web server solution stack package
developed by Apache Friends, consisting mainly of the Apache HTTP Server, MariaDB
database, and interpreters for scripts written in the PHP and Perl programming languages.
XAMPP stands for Cross-Platform (X), Apache (A), MariaDB (M), PHP (P) and Perl (P). It is
a simple, lightweight Apache distribution that makes it extremely easy for developers to
create a local web server for testing and deployment purposes. Everything needed to set up
a web server – server application (Apache), database (MariaDB), and scripting language
(PHP) – is included in an extractable file. XAMPP is also cross-platform, which means it
works equally well on Linux, Mac and Windows. Since most actual web server deployments
use the same components as XAMPP, it makes transitioning from a local test server to a live
server extremely easy as well.

MySQL
MySQL Workbench is a unified visual tool for database architects, developers, and DBAs.
MySQL Workbench provides data modelling, SQL development, and comprehensive
administration tools for server configuration, user administration, backup, and much more.
MySQL Workbench is available on Windows, Linux and Mac OS X.

HTML
Hypertext Markup Language (HTML) is the standard markup language for creating web
pages and web applications. With Cascading Style Sheets (CSS) and JavaScript, it forms a
triad of cornerstone technologies for the World Wide Web.
Web browsers receive HTML documents from a web server or from local storage and render
the documents into multimedia web pages. HTML describes the structure of a web page
semantically and originally included cues for the appearance of the document.
HTML elements are the building blocks of HTML pages. With HTML constructs, images and
other objects such as interactive forms may be embedded into the rendered page. HTML
provides a means to create structured documents by denoting structural semantics for text
such as headings, paragraphs, lists, links, quotes and other items.

GitHub
GitHub is a web-based hosting service for version control using Git. It is mostly used for
computer code. It offers all of the distributed version control and source code management
(SCM) functionality of Git as well as adding its own features. It provides access control and
several collaboration features such as bug tracking, feature requests, task management, and
wikis for every project.
GitHub offers plans for both private repositories and free accounts which are commonly used
to host opensource software projects.
CSS
Cascading Style Sheets (CSS) is a style sheet language used for describing the
presentation of a document written in a markup language like HTML. CSS is a cornerstone
technology of the World Wide Web, alongside HTML and JavaScript.
CSS is designed to enable the separation of presentation and content, including layout,
colours, and fonts. This separation can improve content accessibility, provide more flexibility
and control in the specification of presentation characteristics, enable multiple web pages to
share formatting by specifying the relevant CSS in a separate CSS file, and reduce
complexity and repetition in the structural content.

Notepad++
Notepad++ is a text and source code editor that supports several languages. It supports
tabbed editing, which allows working with multiple open files in a single window. The
product's name comes from the C increment operator. Notepad++ is distributed as free
software.

E-R DIAGRAM

An Entity Relationship Diagram (ERD) shows the relationship of entity sets stored in a
database.
An entity in this context is a component of data. In other words, ER diagram illustrate the
logical structure of databases.
 CLASS DIAGRAM

The class Diagram is the main building block, a number of classes are identified and
grouped together in a class diagram which helps to determine the statistically relations
between those objects.
 DATA FLOW DIAGRAM

A data flow diagram (DFD) maps out the flow of information for any process or system. It
uses defined symbols like rectangles, circles and arrows, plus short text labels, to show data
inputs, outputs, storage points and the routes between each destination.
 SEQUENCE DIAGRAM

Sequence Diagrams are interaction diagrams that detail how operations are carried out.
They capture the interaction between objects in the context of a collaboration. Sequence
Diagrams are time focus and they show the order of the interaction visually by using the
vertical axis of the diagram to represent time what messages are sent and when.
 IMPLEMENTATION

This activity includes programming, testing and integration of modules into a progressively
more complete system. Implementation is the process of collect all the required parts and
assembles them into a major product.

FRONT END AND BACKEND IMPLEMENTATION:

<?php
include('db.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>HOTEL TRANCE</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Resort Inn Responsive , Smartphone Compatible web
template , Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() {
setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen">
<link href="css/easy-responsive-tabs.css" rel='stylesheet' type='text/css'/>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" property="" />
<link rel="stylesheet" href="css/jquery-ui.css" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/modernizr-2.6.2.min.js"></script>
<!--fonts-->
<link href="//fonts.googleapis.com/css?family=Oswald:300,400,700" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Federo" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
<!--//fonts-->
</head>
<body>
<!-- header -->
<div class="banner-top">
<div class="social-bnr-agileits">
<ul class="social-icons3">
<li><a
href="https://www.facebook.com/" class="fa fa-facebook icon-border facebook"> </a></li>
<li><a href="https://twitter.com/"
class="fa fa-twitter icon-border twitter"> </a></li>
<li><a
href="https://plus.google.com/u/0/" class="fa fa-google-plus icon-border googleplus">
</a></li>
</ul>
</div>
<div class="contact-bnr-w3-agile">
<ul>
<li><i class="fa fa-envelope" aria-hidden="true"></i><a
href="mailto:[email protected]">[email protected]</a></li>
<li><i class="fa fa-phone" aria-hidden="true"></i>+91
(11)22-33-44-55</li>
<li class="s-bar">
<div class="search">
<input class="search_box"
type="checkbox" id="search_box">
<label class="icon-search"
for="search_box"><span class="glyphicon glyphicon-search" aria-
hidden="true"></span></label>
<div class="search_form">
<form action="#" method="post">
 <input type="search"
name="Search" placeholder=" " required=" " />
<input type="submit"
value="Search">
</form>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
<div class="w3_navigation">
<div class="container">
<nav class="navbar navbar-default">
<div class="navbar-header navbar-left">
<button type="button" class="navbar-toggle collapsed"
data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle
navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1><a class="navbar-brand"
href="index.php">HOTEL <span>TRANCE</span><p class="logo_w3l_agile_caption">Your
Dreamy Resort</p></a></h1>
</div>
<!-- Collect the nav links, forms, and other content for toggling -
->
<div class="collapse navbar-collapse navbar-right" id="bs-
example-navbar-collapse-1">
<nav class="menu menu--iris">
<ul class="nav navbar-nav menu__list">
 <li class="menu__item menu__item--
current"><a href="" class="menu__link">Home</a></li>
<li class="menu__item"><a
href="#about" class="menu__link scroll">About</a></li>
<li class="menu__item"><a
href="#team" class="menu__link scroll">Team</a></li>
<li class="menu__item"><a
href="#gallery" class="menu__link scroll">Gallery</a></li>
<li class="menu__item"><a
href="#rooms" class="menu__link scroll">Rooms</a></li>
<li class="menu__item"><a
href="#contact" class="menu__link scroll">Contact Us</a></li>
</ul>
</nav>
</div>
</nav>

</div>
</div>
<!-- //header -->
<!-- banner -->
<div id="home" class="w3ls-banner">
<!-- banner-text -->
<div class="slider">
<div class="callbacks_container">
<ul class="rslides callbacks callbacks1" id="slider4">
<li>
<div class="w3layouts-banner-top">

<div class="container">
<div class="agileits-banner-info">
<h4>HOTEL TRANCE</h4>
<h3>We know what you
love</h3>
 <p>Welcome to
our hotels</p>
<div
class="agileits_w3layouts_more menu__item">
<a href="#" class="menu__link" data-toggle="model" data-
target="#myModel">Learn More</a>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="w3layouts-banner-top w3layouts-
banner-top1">
<div class="container">
<div class="agileits-banner-info">
<h4>HOTEL TRANCE</h4>
<h3>Stay with friends &
families</h3>
<p>Come & enjoy
precious moment with us</p>
<div
class="agileits_w3layouts_more menu__item">
<a href="#" class="menu__link" data-toggle="model" data-
target="#myModel">Learn More</a>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="w3layouts-banner-top w3layouts-
banner-top2">
<div class="container">
<div class="agileits-banner-info">
 <h4>HOTEL TRANCE</h4>
<h3>want luxurious
vacation?</h3>
<p>Get
accommodation today</p>
<div
class="agileits_w3layouts_more menu__item">
<a href="#"
class="menu__link" data-toggle="model" data-target="#myModel">Learn More</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
<!--banner Slider starts Here-->
</div>
<div class="thim-click-to-bottom">
<a href="#about" class="scroll">
<i class="fa fa-long-arrow-down" aria-
hidden="true"></i>
</a>
</div>
</div>
<!-- //banner -->
<!--//Header-->
<!-- //Model1 -->
<div class="model fade" id="myModel" tabindex="-1" role="dialog">
<!-- Model1 -->
<div class="model-dialog">
<!-- Model content-->
<div class="model-content">
 <div class="model-
header">
<button
type="button" class="close" data-dismiss="model">&times;</button>
<h4>HOTEL
<span>TRANCE</span></h4>
<img
src="images/1.jpg" alt=" " class="img-responsive">
<h5>We know
what you love</h5>
<p>Providing
guests unique and enchanting views from their rooms with its exceptional amenities, makes
Star Hotel one of bests in its kind.Try our food menu, awesome services and friendly staff
while you are here.</p>
</div>
</div>
</div>
</div>
<!-- //Model1 -->
<div id="availability-agileits">
<div class="col-md-12 book-form-left-w3layouts">
<a href="admin/reservation.php"><h2>ROOM RESERVATION</h2></a>
</div>

<div class="clearfix"> </div>

</div>
<!-- banner-bottom -->
<div class="banner-bottom">
<div class="container">
<div class="agileits_banner_bottom">
<h3><span>Experience a good stay, enjoy fantastic
offers</span> Find our friendly welcoming reception</h3>
</div>
<div class="w3ls_banner_bottom_grids">
<ul class="cbp-ig-grid">
 <li>
<div class="w3_grid_effect">
<span class="cbp-ig-icon
w3_road"></span>
<h4 class="cbp-ig-title">MASTER
BEDROOMS</h4>
<span class="cbp-ig-category">HOTEL
TRANCE</span>
</div>
</li>
<li>
<div class="w3_grid_effect">
<span class="cbp-ig-icon
w3_cube"></span>
<h4 class="cbp-ig-title">SEA VIEW
BALCONY</h4>
<span class="cbp-ig-category">HOTEL
TRANCE</span>
</div>
</li>
<li>
<div class="w3_grid_effect">
<span class="cbp-ig-icon
w3_users"></span>
<h4 class="cbp-ig-title">LARGE
CAFE</h4>
<span class="cbp-ig-category">HOTEL
TRANCE</span>
</div>
</li>
<li>
<div class="w3_grid_effect">
<span class="cbp-ig-icon
w3_ticket"></span>
<h4 class="cbp-ig-title">WIFI
COVERAGE</h4>
 <span class="cbp-ig-category">HOTEL
TRANCE</span>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- //banner-bottom -->
<!-- /about -->
<div class="about-wthree" id="about">
<div class="container">
<div class="ab-w3l-spa">
<h3 class="title-w3-agileits title-black-wthree">About Our HOTEL
TRANCE</h3>
<p class="about-para-w3ls">At Hotel
TRANCE, we care for a pleasant atmosphere during your stay and professional service.</p>
<img src="images/about.jpg" class="img-
responsive" alt="Hair Salon">
<div class="w3l-
slider-img">
<img
src="images/a1.jpg" class="img-responsive" alt="Hair Salon">
</div>
<div class="w3ls-info-about">
<h4>You'll love
all the amenities we offer!</h4>
<p></p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //about -->
<!--sevices-->
<div class="advantages">
<div class="container">
<div class="advantages-main">
<h3 class="title-w3-agileits">Our Services</h3>
<div class="advantage-bottom">
<div class="col-md-6 advantage-grid left-w3ls wow bounceInLeft"
data-wow-delay="0.3s">
<div class="advantage-block ">
<i class="fa fa-credit-card" aria-hidden="true"></i>
<h4>Stay First, Pay After! </h4>
<p></p>
<p><i class="fa fa-check" aria-
hidden="true"></i>Decorated room, proper air conditioned</p>
<p><i class="fa fa-check" aria-
hidden="true"></i>Private balcony</p>

</div>
</div>
<div class="col-md-6 advantage-grid right-w3ls wow zoomIn" data-
wow-delay="0.3s">
<div class="advantage-block">
<i class="fa fa-clock-o" aria-hidden="true"></i>
<h4>24 Hour Restaurant</h4>
<p></p>
<p><i class="fa fa-check" aria-hidden="true"></i>24
hours room service</p>
<p><i class="fa fa-check" aria-hidden="true"></i>24-
hour Concierge service</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!--//sevices-->
<!-- team -->
<div class="team" id="team">
<div class="container">
<h3 class="title-w3-agileits title-black-wthree">Meet Our Team</h3>
<div id="horizontalTab">
<ul class="resp-tabs-list">
<li>
<img src="images/teams1.jpg" alt=" "
class="img-responsive" />
</li>
<li>
<img src="images/teams2.jpg" alt=" "
class="img-responsive" />
</li>
<li>
<img src="images/teams3.jpg" alt=" "
class="img-responsive" />
</li>
<li>
<img src="images/teams4.jpg" alt=" "
class="img-responsive" />
</li>
</ul>
<div class="resp-tabs-container">
<div class="tab1">
<div class="col-md-6 team-img-w3-agile">
</div>
<div class="col-md-6 team-Info-agileits">
<h4>Lucas Jimenez</h4>
<span>Manager</span>
<p></p>
 <div class="social-bnr-agileits footer-icons-
agileinfo">
<ul class="social-icons3">
<li><a href="#" class="fa fa-
facebook icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-
twitter icon-border twitter"> </a></li>
<li><a href="#" class="fa fa-
google-plus icon-border googleplus"> </a></li>
<li><a href="#" class="fa fa-rss
icon-border rss"> </a></li>
</ul>
</div>

</div>
<div class="clearfix"> </div>
</div>
<div class="tab2">
<div class="col-md-6 team-img-w3-agile">
</div>
<div class="col-md-6 team-Info-agileits">
<h4>Sarah Connor</h4>
<span>Receptionist</span>
<p></p>
<div class="social-bnr-agileits footer-icons-
agileinfo">
<ul class="social-icons3">
<li><a href="#" class="fa fa-
facebook icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-
twitter icon-border twitter"> </a></li>
<li><a href="#" class="fa fa-
google-plus icon-border googleplus"> </a></li>
<li><a href="#" class="fa fa-rss
icon-border rss"> </a></li>
</ul>
 </div>

</div>
<div class="clearfix"> </div>
</div>
<div class="tab3">
<div class="col-md-6 team-img-w3-agile">
</div>
<div class="col-md-6 team-Info-agileits">
<h4>Ivan Simpson</h4>
<span>Manager</span>
<p></p>
<div class="social-bnr-agileits footer-icons-
agileinfo">
<ul class="social-icons3">
<li><a href="#" class="fa fa-
facebook icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-
twitter icon-border twitter"> </a></li>
<li><a href="#" class="fa fa-
google-plus icon-border googleplus"> </a></li>
<li><a href="#" class="fa fa-rss
icon-border rss"> </a></li>
</ul>
</div>

</div>
<div class="clearfix"> </div>
</div>
<div class="tab4">
<div class="col-md-6 team-img-w3-agile">
</div>
<div class="col-md-6 team-Info-agileits">
<h4>Marc Gutierrez</h4>
<span>Receptionist</span>
 <p></p>
<div class="social-bnr-agileits footer-icons-
agileinfo">
<ul class="social-icons3">
<li><a href="#" class="fa fa-
facebook icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-
twitter icon-border twitter"> </a></li>
<li><a href="#" class="fa fa-
google-plus icon-border googleplus"> </a></li>
<li><a href="#" class="fa fa-rss
icon-border rss"> </a></li>
</ul>
</div>

</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
</div>
<!-- //team -->
<!-- Gallery -->
<section class="portfolio-w3ls" id="gallery">
<h3 class="title-w3-agileits title-black-wthree">Our Gallery</h3>
<div class="col-md-3 gallery-grid gallery1">
<a href="images/g1.jpg" class="swipebox"><img
src="images/g1.jpg" class="img-responsive" alt="/">
<div class="textbox">
<h4>HOTEL TRANCE</h4>
<p><i class="fa fa-picture-o" aria-
hidden="true"></i></p>
</div>
</a>
 </div>
<div class="col-md-3 gallery-grid gallery1">
<a href="images/g2.jpg" class="swipebox"><img
src="images/g2.jpg" class="img-responsive" alt="/">
<div class="textbox">
<h4>HOTEL TRANCE</h4>
<p><i class="fa fa-picture-o" aria-
hidden="true"></i></p>
</div>
</a>
</div>
<div class="col-md-3 gallery-grid gallery1">
<a href="images/g3.jpg" class="swipebox"><img
src="images/g3.jpg" class="img-responsive" alt="/">
<div class="textbox">
<h4>HOTEL TRANCE</h4>
<p><i class="fa fa-picture-o" aria-
hidden="true"></i></p>
</div>
</a>
</div>
<div class="col-md-3 gallery-grid gallery1">
<a href="images/g4.jpg" class="swipebox"><img
src="images/g4.jpg" class="img-responsive" alt="/">
<div class="textbox">
<h4>HOTEL TRANCE</h4>
<p><i class="fa fa-picture-o" aria-
hidden="true"></i></p>
</div>
</a>
</div>
<div class="col-md-3 gallery-grid gallery1">
<a href="images/g5.jpg" class="swipebox"><img
src="images/g5.jpg" class="img-responsive" alt="/">
<div class="textbox">
 <h4>HOTEL TRANCE</h4>
<p><i class="fa fa-picture-o" aria-
hidden="true"></i></p>
</div>
</a>
</div>
<div class="col-md-3 gallery-grid gallery1">
<a href="images/g6.jpg" class="swipebox"><img
src="images/g6.jpg" class="img-responsive" alt="/">
<div class="textbox">
<h4>HOTEL TRANCE</h4>
<p><i class="fa fa-picture-o" aria-
hidden="true"></i></p>
</div>
</a>
</div>
<div class="col-md-3 gallery-grid gallery1">
<a href="images/g6.jpg" class="swipebox"><img
src="images/g7.jpg" class="img-responsive" alt="/">
<div class="textbox">
<h4>HOTEL TRANCE</h4>
<p><i class="fa fa-picture-o" aria-
hidden="true"></i></p>
</div>
</a>
</div>
<div class="col-md-3 gallery-grid gallery1">
<a href="images/g6.jpg" class="swipebox"><img
src="images/g8.jpg" class="img-responsive" alt="/">
<div class="textbox">
<h4>HOTEL TRANCE</h4>
<p><i class="fa fa-picture-o" aria-
hidden="true"></i></p>
</div>
</a>
 </div>
<div class="col-md-3 gallery-grid gallery1">
<a href="images/g9.jpg" class="swipebox"><img
src="images/g9.jpg" class="img-responsive" alt="/">
<div class="textbox">
<h4>HOTEL TRANCE</h4>
<p><i class="fa fa-picture-o" aria-
hidden="true"></i></p>
</div>
</a>
</div>
<div class="col-md-3 gallery-grid gallery1">
<a href="images/g10.jpg" class="swipebox"><img
src="images/g10.jpg" class="img-responsive" alt="/">
<div class="textbox">
<h4>HOTEL TRANCE</h4>
<p><i class="fa fa-picture-o" aria-
hidden="true"></i></p>
</div>
</a>
</div>
<div class="col-md-3 gallery-grid gallery1">
<a href="images/g4.jpg" class="swipebox"><img
src="images/g4.jpg" class="img-responsive" alt="/">
<div class="textbox">
<h4>HOTEL TRANCE</h4>
<p><i class="fa fa-picture-o" aria-
hidden="true"></i></p>
</div>
</a>
</div>
<div class="col-md-3 gallery-grid gallery1">
<a href="images/g2.jpg" class="swipebox"><img
src="images/g2.jpg" class="img-responsive" alt="/">
<div class="textbox">
 <h4>HOTEL TRANCE</h4>
<p><i class="fa fa-picture-o" aria-
hidden="true"></i></p>
</div>
</a>
</div>
<div class="clearfix"> </div>
</section>
<!-- //gallery -->
<!-- rooms & rates -->
<div class="plans-section" id="rooms">
<div class="container">
<h3 class="title-w3-agileits title-black-wthree">Rooms And
Rates</h3>
<div class="priceing-table-main">
<div class="col-md-3 price-grid">
<div class="price-block agile">
<div class="price-gd-top">
<img src="images/r1.jpg" alt=" " class="img-
responsive" />
<h4>Deluxe Room</h4>
</div>
<div class="price-gd-bottom">
<div class="price-list">
<ul>
<li><i
class="fa fa-star" aria-hidden="true"></i></li>
<li><i
class="fa fa-star" aria-hidden="true"></i></li>
<li><i
class="fa fa-star" aria-hidden="true"></i></li>
<li><i
class="fa fa-star" aria-hidden="true"></i></li>
<li><i
class="fa fa-star-o" aria-hidden="true"></i></li>
 </ul>
</div>
<div class="price-selet">
<h3><span>₹</span>3200</h3>

<a href="admin/reservation.php"
>Book Now</a>
</div>
</div>
</div>
</div>
<div class="col-md-3 price-grid ">
<div class="price-block agile">
<div class="price-gd-top">
<img src="images/r2.jpg" alt=" " class="img-
responsive" />
<h4>Luxury Room</h4>
</div>
<div class="price-gd-bottom">
<div class="price-list">
<ul>
<li><i class="fa fa-star"
aria-hidden="true"></i></li>
<li><i class="fa fa-star"
aria-hidden="true"></i></li>
<li><i class="fa fa-star"
aria-hidden="true"></i></li>
<li><i class="fa fa-star"
aria-hidden="true"></i></li>
<li><i class="fa fa-star-o"
aria-hidden="true"></i></li>
</ul>
</div>
<div class="price-selet">
 <h3><span>₹</span>2200</h3>
<a href="admin/reservation.php"
>Book Now</a>
</div>
</div>
</div>
</div>
<div class="col-md-3 price-grid lost">
<div class="price-block agile">
<div class="price-gd-top">
<img src="images/r3.jpg" alt=" " class="img-
responsive" />
<h4>Guest House</h4>
</div>
<div class="price-gd-bottom">
<div class="price-list">
<ul>
<li><i class="fa fa-star"
aria-hidden="true"></i></li>
<li><i class="fa fa-star"
aria-hidden="true"></i></li>
<li><i class="fa fa-star"
aria-hidden="true"></i></li>
<li><i class="fa fa-star-o"
aria-hidden="true"></i></li>
<li><i class="fa fa-star-o"
aria-hidden="true"></i></li>
</ul>
</div>
<div class="price-selet">
<h3><span>₹</span>1800</h3>
<a href="admin/reservation.php"
>Book Now</a>
</div>
</div>
 </div>
</div>
<div class="col-md-3 price-grid wthree lost">
<div class="price-block agile">
<div class="price-gd-top ">
<img src="images/r4.jpg" alt=" "
class="img-responsive" />
<h4>Single Room</h4>
</div>
<div class="price-gd-bottom">
<div class="price-list">
<ul>
<li><i class="fa fa-star"
aria-hidden="true"></i></li>
<li><i class="fa fa-star"
aria-hidden="true"></i></li>
<li><i class="fa fa-star-o"
aria-hidden="true"></i></li>
<li><i class="fa fa-star-o"
aria-hidden="true"></i></li>
<li><i class="fa fa-star-o"
aria-hidden="true"></i></li>
</ul>
</div>
<div class="price-selet">
<h3><span>₹</span>
1500</h3>
<a href="admin/reservation.php"
>Book Now</a>
</div>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
 </div>
</div>
<!--// rooms & rates -->
<!-- visitors -->
<div class="w3l-visitors-agile" >
<div class="container">
<h3 class="title-w3-agileits title-black-wthree">What other visitors
experienced</h3>
</div>
<div class="w3layouts_work_grids">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<div class="w3layouts_work_grid_left">
<img src="images/5.jpg" alt=" "
class="img-responsive" />
<div
class="w3layouts_work_grid_left_pos">
<img src="images/c1.jpg"
alt=" " class="img-responsive" />
</div>
</div>
<div
class="w3layouts_work_grid_right">
<h4>
<i class="fa fa-star" aria-
hidden="true"></i>
<i class="fa fa-star" aria-
hidden="true"></i>
<i class="fa fa-star" aria-
hidden="true"></i>
<i class="fa fa-star" aria-
hidden="true"></i>
<i class="fa fa-star" aria-
hidden="true"></i>
 Worth to come again
</h4>
<p>Great location, really
pleasant and clean rooms, but the thing that
makes this such a good place to stay are the staff. All of the
people
are incredibly helpful and generous with their time and
advice.</p>
<h5>Julia Rose</h5>
<p>Germany</p>
</div>
<div class="clearfix"> </div>
</li>
<li>
<div class="w3layouts_work_grid_left">
<img src="images/5.jpg" alt=" "
class="img-responsive" />
<div
class="w3layouts_work_grid_left_pos">
<img src="images/c2.jpg"
alt=" " class="img-responsive" />
</div>
</div>
<div
class="w3layouts_work_grid_right">
<h4>
<i class="fa fa-star" aria-
hidden="true"></i>
<i class="fa fa-star" aria-
hidden="true"></i>
<i class="fa fa-star" aria-
hidden="true"></i>
<i class="fa fa-star" aria-
hidden="true"></i>
<i class="fa fa-star-o" aria-
hidden="true"></i>
Worth to come again
 </h4>
<p>I was there for 3 days
because of a Workshop and it was nice and welcoming.
Great room, comfortable and Vienna artsy. So classic and
perfect.</p>
<h5>Jahnatan Smith</h5>
<p>United States</p>
</div>
<div class="clearfix"> </div>
</li>
<li>
<div class="w3layouts_work_grid_left">
<img src="images/5.jpg" alt=" "
class="img-responsive" />
<div
class="w3layouts_work_grid_left_pos">
<img src="images/c3.jpg"
alt=" " class="img-responsive" />
</div>
</div>
<div
class="w3layouts_work_grid_right">
<h4>
<i class="fa fa-star" aria-
hidden="true"></i>
<i class="fa fa-star" aria-
hidden="true"></i>
<i class="fa fa-star" aria-
hidden="true"></i>
<i class="fa fa-star" aria-
hidden="true"></i>
<i class="fa fa-star-o" aria-
hidden="true"></i>
Worth to come again
</h4>
<p>I could not speak more highly
about this hotel! My boyfriend and I stayed here
 for 3 nights and were greeted with some of the best customer
service. Not only did
our host upgrade our room but he also provided some
incredible food recommendations!
I will definitely stay here again!</p>
<h5>Rosalind Cloer</h5>
<p>Italy</p>
</div>
<div class="clearfix"> </div>
</li>
<li>
<div class="w3layouts_work_grid_left">
<img src="images/5.jpg" alt=" "
class="img-responsive" />
<div
class="w3layouts_work_grid_left_pos">
<img src="images/c4.jpg"
alt=" " class="img-responsive" />
</div>
</div>
<div
class="w3layouts_work_grid_right">
<h4>
<i class="fa fa-star" aria-
hidden="true"></i>
<i class="fa fa-star" aria-
hidden="true"></i>
<i class="fa fa-star" aria-
hidden="true"></i>
<i class="fa fa-star-o" aria-
hidden="true"></i>
<i class="fa fa-star-o" aria-
hidden="true"></i>
Worth to come again
</h4>
<p>Near to the city and public
transport, friendly staff, clean and calm rooms,
 good breakfast... Everything was well. Hotel is clean as well
as rooms and restaurant.</p>
<h5>Amie Bublitz</h5>
<p>Switzerland</p>
</div>
<div class="clearfix"> </div>
</li>
</ul>
</div>
</section>
</div>
</div>
<!-- visitors -->
<!-- contact -->
<section class="contact-w3ls" id="contact">
<div class="container">
<div class="col-lg-6 col-md-6 col-sm-6 contact-w3-agile2" data-aos="flip-left">
<div class="contact-agileits">
<h4>Contact Us</h4>
<p class="contact-agile2">Sign Up For Our News Letters</p>
<form method="post" name="sentMessage" id="contactForm"
>
<div class="control-group form-group">

<label class="contact-p1">Full Name:</label>

<input type="text" class="form-control" name="name" id="name" required >
<p class="help-block"></p>

</div>
<div class="control-group form-group">

<label class="contact-p1">Phone Number:</label>

 <input type="tel" class="form-control" name="phone" id="phone" required
>
<p class="help-block"></p>

</div>
<div class="control-group form-group">

<label class="contact-p1">Email Address:</label>

<input type="email" class="form-control" name="email" id="email" required
>
<p class="help-block"></p>

</div>

<input type="submit" name="sub" value="Send Now" class="btn btn-primary">

</form>
<?php
if(isset($_POST['sub']))
{
$name =$_POST['name'];
$phone = $_POST['phone'];
$email = $_POST['email'];
$approval = "Not Allowed";
$sql = "INSERT INTO `contact`(`fullname`, `phoneno`,
`email`,`cdate`,`approval`) VALUES ('$name','$phone','$email',now(),'$approval')" ;

if(mysqli_query($con,$sql))
echo"OK";

}
?>
 </div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 contact-w3-agile1" data-aos="flip-
right">
<h4>Connect With Us</h4>
<p class="contact-agile1"><strong>Phone :</strong>+91 (11)22-33-
44-55</p>
<p class="contact-agile1"><strong>Email :</strong> <a
href="mailto:[email protected]">[email protected]</a></p>
<p class="contact-agile1"><strong>Address :</strong> Devanahalli,
Bengaluru, Karnataka</p>

<div class="social-bnr-agileits footer-icons-agileinfo">

<ul class="social-icons3">
<li><a href="#" class="fa fa-
facebook icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-
twitter icon-border twitter"> </a></li>
<li><a href="#" class="fa fa-
google-plus icon-border googleplus"> </a></li>

</ul>
</div>

<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3074.7905052320443!2
d-
77.84987248482734!3d39.586871613613056!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m
3!1m2!1s0x89c9f6a80ccf0661%3A0x7210426c67abc40!2sVirginia+Welcome+Center%2FSa
fety+Rest+Area!5e0!3m2!1sen!2sin!4v1485760915662" ></iframe>
</div>
</div>
<div class="clearfix"></div>
</div>
</section>
<!-- /contact -->
 <div class="copy">
<p>© 2017 HOTEL TRANCE . All Rights Reserved | Design by <a
href="index.php">HOTEL TRANCE</a> </p>
</div>
<!--/footer -->
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- contact form -->
<script src="js/jqBootstrapValidation.js"></script>

<!-- /contact form -->

<!-- Calendar -->
<script src="js/jquery-ui.js"></script>
<script>
$(function() {
$( "#datepicker,#datepicker1,#datepicker2,#datepicker3"
).datepicker();
});
</script>
<!-- //Calendar -->
<!-- gallery popup -->
<link rel="stylesheet" href="css/swipebox.css">
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!-- //gallery popup -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
 jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
<!-- flexSlider -->
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
<!-- //flexSlider -->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager:true,
nav:false,
speed: 500,
namespace: "callbacks",
 before: function () {
$('.events').append("<li>before event
fired.</li>");
},
after: function () {
$('.events').append("<li>after event
fired.</li>");
}
});

});
</script>
<!--search-bar-->
<script src="js/main.js"></script>
<!--//search-bar-->
<!--tabs-->
<script src="js/easy-responsive-tabs.js"></script>
<script>
$(document).ready(function () {
$('#horizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true, // 100% fit in a container
closed: 'accordion', // Start closed if in accordion view
activate: function(event) { // Callback function if tab is switched
var $tab = $(this);
var $info = $('#tabInfo');
var $name = $('span', $info);
$name.text($tab.text());
$info.show();
}
});
$('#verticalTab').easyResponsiveTabs({
type: 'vertical',
width: 'auto',
fit: true
});
});
</script>
<!--//tabs-->
<!-- smooth scrolling -->
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>

<div class="arr-w3ls">
<a href="#home" id="toTop" style="display: block;"> <span id="toTopHover"
style="opacity: 1;"> </span></a>
</div>
<!-- //smooth scrolling -->
<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>
</body>
</html>
 SNAPSHOTS

HOMEPAGE:

ROOMS:
RESERVATION:

ADMIN LOGIN PAGE:

 SYSTEM ANALYSIS

It is a process of collecting and interpreting facts, identifying the problems, and

decomposition of a system into its components.
System analysis is conducted for the purpose of studying a system or its parts in order to
identify its objectives. It is a problem-solving technique that improves the system and
ensures that all the components of the system work efficiently to accomplish their purpose.
The objective of the system analysis activity is to develop structured system specification for
the proposed system. The structured system specification should describe what the
proposed system would do; independent of the technology, which will be used to implement
these requirements.
The structured system specification will be used to implement these requirements.
The essential model may itself consist of multiple models, modelling different aspect of the
system. The data flow diagrams may model the data and their relationships and the state
transition diagram may model time dependent behaviour of the system. The essential model
thus consists of the following.
a. Context Diagram.
b. Levelled Data Flow Diagrams.

SYSTEM DESIGN

System design involves transformation of the user implementation model into software
design.
The design specification of the proposed system consists of the following:
a. Database scheme
b. Sequence Diagram
c. Flow Chart
 CONCLUSION

The "Hotel Management System" software developed for a hotel has been designed to
achieve maximum efficiency and reduce the time taken to book a room in the Hotel activity.
It is designed to replace an existing manual record system thereby reducing time taken for
calculations and for storing data. We hope this project can be most useful in all the hotels.
Our project “The Hotel Management System" is designed using the RDBMS SQL Server as
backend and PHP as front end. We have tried to provide many options like customer id login
time and logout time, payments, balance etc.
Although we tried to be as thorough as possible in the implementation of our project but
there were a large number of features, we could not implement due to want of time or for
other reasons.
Since the implementation of a database application by us was related to a hotel, it helped us
know how real-world constraints have to be dealt with and how any problem can be solved.
 REFERENCES

• https://www.w3schools.com/
• https://html.com/
• https://www.tutorialspoint.com/index.html
• https://github.com/