Professional Documents
Culture Documents
MAJOR PROJECT
(BASED ON BCA-606)
ON
1
2.CERTIFICATE:-
This is to certify that this report represents the original work done by RENU YADAV
during this project submission as a partial fulfilment of the requirement for the System
Design Project of Bechlor Of Computer Application, 6 Semester, of the Disha Institute Of
Science And Technology,Dhampur.
Technology,Dhampur
2
3.Acknowledgement:-
Technology,Dhampur
3
4.STATEMENT ABOUT THE PROBLEM:-
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.
Ever since junior school, I had been interested in music. But for years it simply stayed like a
hobby for me until later in my college when after attending a lecture on Psychology, I
realized how music had a huge impact on our moods and emotions. This intrigued me to
further dwell on the topic, gain a thorough understanding of the same and present it here
so that it can reach more people.
I chose the topic because I knew I could elaborate and explain it throughout the activity as I
am familiar with every side of the story, ideas, and information.
6.OBJECTIVE OF THE PROJECT:-
Operational and financial goals may be examined in regards to hotel management. The
operational goal is to have an adequate supply of hotel, so that we can fulfil student
demand and the college objective is to minimise unnecessary hoetel and its associated
expenses.
For these operational tasks, hotel management is done to help streamline operations. Some
of the most important purposes for which it is used are:
7. Requirement Analysis:-
The functional requirement of an online loan management system is that it does what it is
meant for. A functional requirement describes what a software system should do, while
non-functional requirements place constraints on how the system will do so. Functional
4
requirements specify a function that a system or system component must be able to
Non-functional necessities measure the other demand than practical necessities. These
square measures the necessities that specify criteria which will be wont to choose the
measure within the style of “system shall be “, associate degree overall property of the
I. Hardware Requirements:-
• Monitor:-14” VGA.
• Mouse
a. Php b. Xampp c. Mysql yog d. HTML e. Bootstrap f. Sublime text g. Git hub h. Java Script i. Css
5
9.Data Flow Diagrams:-
I. DFD:-
6
II. Level 1 DFD:-
7
ER-DIAGRAME:-
8
11.Database Design:-
9
The data base is created in MYSQL. We have applied the constraints at the backend to do
fewer validations in the front end. The structure of the various tables along with their
constraints is as follows:
APPLICATION SCREENSHOT
1.index.php :-
10
<?php
include('db.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>SUNRISE HOTEL</title>
11
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--fonts-->
<link href="//fonts.googleapis.com/css?family=Oswald:300,400,700"
rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Lato:300,400,700,900"
rel="stylesheet">
<!--//fonts-->
</head>
<body>
<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>
12
<li><i class="fa fa-envelope" aria-
hidden="true"></i><a
href="mailto:info@example.com">INFO@SUNRISE.COM</a></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">
<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">
13
<nav class="navbar navbar-default">
<span class="sr-only">Toggle
navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for
toggling -->
<li class="menu__item"><a
href="#gallery" class="menu__link scroll">Gallery</a></li>
14
<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>
<div class="slider">
<div class="callbacks_container">
<li>
<div class="w3layouts-banner-top">
<div class="container">
<div class="agileits-banner-
info">
<h4>SUN RISE</h4>
15
<h3>We know what you
love</h3>
<p>Welcome to our
hotels</p>
<div
class="agileits_w3layouts_more menu__item">
</div>
</div>
</div>
</div>
</li>
<li>
<div class="container">
<div class="agileits-banner-
info">
<h4>SUN RISE</h4>
<div
class="agileits_w3layouts_more menu__item">
</div>
16
</div>
</div>
</div>
</li>
<li>
<div class="container">
<div class="agileits-banner-
info">
<h4>SUN RISE</h4>
<p>Get accommodation
today</p>
<div
class="agileits_w3layouts_more menu__item">
<a href="#"
class="menu__link" data-toggle="modal" data-target="#myModal">Learn
More</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
17
<div class="clearfix"> </div>
</div>
<div class="thim-click-to-bottom">
</a>
</div>
</div>
<!--//Header-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button"
class="close" data-dismiss="modal">×</button>
<h4>SUN
<span>RISE</span></h4>
<img
src="images/1.jpg" alt=" " class="img-responsive">
18
<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>
<div id="availability-agileits">
</div>
</div>
<div class="banner-bottom">
<div class="container">
<div class="agileits_banner_bottom">
</div>
<div class="w3ls_banner_bottom_grids">
19
<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">SUN
RISE</span>
</div>
</li>
<li>
<div class="w3_grid_effect">
<span class="cbp-ig-icon
w3_cube"></span>
<span class="cbp-ig-category">SUN
RISE</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>
20
<span class="cbp-ig-category">SUN
RISE</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">SUN
RISE</span>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="ab-w3l-spa">
21
<p class="about-para-w3ls">Lorem Ipsum is
simply dummy text of the printing and typesetting industry.Sed tempus
vestibulum lacus blandit faucibus. Nunc imperdiet, diam nec rhoncus
ullamcorper, nisl nulla suscipit ligula, at imperdiet urna</p>
<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>Lorem ipsum
dolor sit amet, ut magna aliqua. </p>
</div>
</div>
</div>
</div>
<!--sevices-->
<div class="advantages">
<div class="container">
<div class="advantages-main">
<div class="advantage-bottom">
22
<div class="col-md-6 advantage-grid left-w3ls wow
bounceInLeft" data-wow-delay="0.3s">
</div>
</div>
<div class="advantage-block">
</div>
</div>
23
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!--//sevices-->
<div class="container">
<div id="horizontalTab">
<ul class="resp-tabs-list">
<li>
</li>
<li>
</li>
<li>
</li>
24
<li>
</li>
</ul>
<div class="resp-tabs-container">
<div class="tab1">
</div>
<h4>Lucas Jimenez</h4>
<span>Manager</span>
<ul class="social-icons3">
</ul>
25
</div>
</div>
</div>
<div class="tab2">
</div>
<h4>Sarah Connor</h4>
<span>Receptionist</span>
<ul class="social-icons3">
</ul>
</div>
26
</div>
</div>
<div class="tab3">
</div>
<h4>Ivan Simpson</h4>
<span>Manager</span>
<ul class="social-icons3">
</ul>
</div>
</div>
27
<div class="clearfix"> </div>
</div>
<div class="tab4">
</div>
<h4>Marc Gutierrez</h4>
<span>Receptionist</span>
<ul class="social-icons3">
</ul>
</div>
</div>
28
</div>
</div>
</div>
</div>
</div>
<div class="textbox">
<h4>SUN RISE</h4>
</div>
</a>
</div>
<div class="textbox">
<h4>SUN RISE</h4>
29
<p><i class="fa fa-picture-o" aria-
hidden="true"></i></p>
</div>
</a>
</div>
<div class="textbox">
<h4>SUN RISE</h4>
</div>
</a>
</div>
<div class="textbox">
<h4>SUN RISE</h4>
</div>
</a>
</div>
30
<a href="images/g5.jpg" class="swipebox"><img
src="images/g5.jpg" class="img-responsive" alt="/">
<div class="textbox">
<h4>SUN RISE</h4>
</div>
</a>
</div>
<div class="textbox">
<h4>SUN RISE</h4>
</div>
</a>
</div>
<div class="textbox">
<h4>SUN RISE</h4>
31
</div>
</a>
</div>
<div class="textbox">
<h4>SUN RISE</h4>
</div>
</a>
</div>
<div class="textbox">
<h4>SUN RISE</h4>
</div>
</a>
</div>
32
<div class="textbox">
<h4>SUN RISE</h4>
</div>
</a>
</div>
<div class="textbox">
<h4>SUN RISE</h4>
</div>
</a>
</div>
<div class="textbox">
<h4>SUN RISE</h4>
</div>
</a>
33
</div>
</section>
<div class="container">
<div class="priceing-table-main">
<div class="price-gd-top">
<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>
34
<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>320</h3>
<a href="admin/reservation.php"
>Book Now</a>
</div>
</div>
</div>
</div>
<div class="price-gd-top">
<h4>Luxury Room</h4>
</div>
<div class="price-gd-bottom">
<div class="price-list">
<ul>
35
<li><i class="fa fa-star"
aria-hidden="true"></i></li>
</ul>
</div>
<div class="price-selet">
<h3><span>$</span>220</h3>
<a href="admin/reservation.php"
>Book Now</a>
</div>
</div>
</div>
</div>
<div class="price-gd-top">
<h4>Guest House</h4>
</div>
36
<div class="price-gd-bottom">
<div class="price-list">
<ul>
</ul>
</div>
<div class="price-selet">
<h3><span>$</span>180</h3>
<a href="admin/reservation.php"
>Book Now</a>
</div>
</div>
</div>
</div>
37
<img src="images/r4.jpg" alt=" "
class="img-responsive" />
<h4>Single Room</h4>
</div>
<div class="price-gd-bottom">
<div class="price-list">
<ul>
</ul>
</div>
<div class="price-selet">
<h3><span>$</span> 150</h3>
<a href="admin/reservation.php"
>Book Now</a>
</div>
</div>
</div>
</div>
38
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="container">
</div>
<div class="w3layouts_work_grids">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<div class="w3layouts_work_grid_left">
<div
class="w3layouts_work_grid_left_pos">
<img src="images/c1.jpg"
alt=" " class="img-responsive" />
</div>
</div>
39
<div class="w3layouts_work_grid_right">
<h4>
</h4>
<h5>Julia Rose</h5>
<p>Germany</p>
</div>
</li>
<li>
<div class="w3layouts_work_grid_left">
40
<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>
</h4>
<h5>Jahnatan Smith</h5>
<p>United States</p>
</div>
41
<div class="clearfix"> </div>
</li>
<li>
<div class="w3layouts_work_grid_left">
<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>
</h4>
42
Nunc imperdiet, diam nec
rhoncus ullamcorper, nisl nulla suscipit ligula,
<h5>Rosalind Cloer</h5>
<p>Italy</p>
</div>
</li>
<li>
<div class="w3layouts_work_grid_left">
<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>
43
<i class="fa fa-star-o" aria-
hidden="true"></i>
</h4>
<h5>Amie Bublitz</h5>
<p>Switzerland</p>
</div>
</li>
</ul>
</div>
</section>
</div>
</div>
<div class="container">
44
<div class="contact-agileits">
<h4>Contact Us</h4>
<p class="help-block"></p>
</div>
<label class="contact-p1">Phone
Number:</label>
<p class="help-block"></p>
</div>
45
<label class="contact-p1">Email
Address:</label>
<p class="help-block"></p>
</div>
</form>
<?php
if(isset($_POST['sub']))
$name =$_POST['name'];
$phone = $_POST['phone'];
$email = $_POST['email'];
if(mysqli_query($con,$sql))
echo"OK";
46
}
?>
</div>
</div>
<ul class="social-icons3">
</ul>
</div>
47
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3074.79050523
20443!2d-
77.84987248482734!3d39.586871613613056!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!
4f13.1!3m3!1m2!1s0x89c9f6a80ccf0661%3A0x7210426c67abc40!2sVirginia+Welco
me+Center%2FSafety+Rest+Area!5e0!3m2!1sen!2sin!4v1485760915662"
></iframe>
</div>
<div class="clearfix"></div>
</div>
</section>
<div class="copy">
</div>
<!--/footer -->
<!-- js -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/jquery-ui.js"></script>
<script>
$(function() {
48
$( "#datepicker,#datepicker1,#datepicker2,#datepicker3"
).datepicker();
});
</script>
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
49
});
</script>
<script type="text/javascript">
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
});
});
</script>
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
50
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 () {
51
$('#horizontalTab').easyResponsiveTabs({
$name.text($tab.text());
$info.show();
});
$('#verticalTab').easyResponsiveTabs({
type: 'vertical',
width: 'auto',
fit: true
});
});
</script>
<!--//tabs-->
<script type="text/javascript">
52
$(document).ready(function() {
/*
var defaults = {
scrollSpeed: 1200,
easingType: 'linear'
};
*/
});
</script>
<div class="arr-w3ls">
</div>
</body>
</html>
53
54