WEB TECHNOLOGY

MINI PROJECT

Boatel
(A HOTEL BOOKING WEBSITE)

By

Name: Om Dagade
Roll No: 20CO020
Class: TE COMP A

FACULTY
Dr. Shabnam Sayyad

All India Shri Shivaji Memorial Society’s College of Engineering, Pune

1
 ACKNOWLEDGEMENT

I WOULD LIKE TO EXPRESS OUR SPECIAL THANKS OF GRATITUDE TO MY TEACHER SHABNAM

SAYYAD MAM WHO GAVE ME THE GOLDEN OPPORTUNITY TO DO THIS WONDERFUL PROJECT
ON THE TOPIC ‘BOATEL- A HOTEL BOOKING WEBSITE’, WHICH ALSO HELPED ME IN DOING
A LOT OF RESEARCH AND I CAME TO KNOW ABOUT SO MANY NEW TECHNOLOGIES AND I AM
REALLY THANKFUL TO HER.

All India Shri Shivaji Memorial Society’s College of Engineering, Pune

2
 INTRODUCTION

Subject: Boatel- A hotel booking website.

Requirements:

• Language: PHP
• Databases used: MySQL
• Design used: HTML, CSS, JavaScript
• Browser used: IE8, Google Chrome, Opera Mozilla
• Software used: XAMPP

Description: This is a hotel booking website that was programmed using PHP using MySQL
database. This site has a homepage which consists of various features and a search bar using
which a user can search a hotel for a specific pin code.
The site is basically designed for the purpose of booking a hotel for a specific date and
time. To book a hotel user needs to login or register first. This site contains a login and
register page using which the user can register itself on the website.
The user can search the hotel based on the pin codes and he can book a hotel room for
a specific date and time. All the hotel list are stored in the MySQL database, using which the
records are fetched and displayed on the website.
The site also contains a contact us and about us using which the user can contact us
and the user can read the company details from the about us page.
After the user has booked a hotel room then it will be showed in the MY BOOKINGS
tab. If the user books a hotel room for a wrong date then the booking will be cancelled and it
would not be shown in my bookings tab.

All India Shri Shivaji Memorial Society’s College of Engineering, Pune

3
 METHODOLOGY

The Website contains the following pages:

 HOME PAGE
 LOGIN/SIGN UP PAGE
 HOTEL BOOKING PAGE
 MY BOOKINGS PAGE
 ABOUT US PAGE
 CONTACT US PAGE

*For creating this pages HTML is used:

HTML:

 HTML stands for Hyper Text Mark-up Language

 HTML is the standard mark-up language for creating Web pages
 HTML describes the structure of a Web page
 HTML consists of a series of elements
 HTML elements tell the browser how to display the content
 HTML elements label pieces of content such as "this is a heading", "this is a
paragraph", "this is a link", etc.

*For designing the web pages CSS is used:

CSS:

 CSS stands for Cascading Style Sheets

 CSS describes how HTML elements are to be displayed on screen, paper, or in
other media
 CSS saves a lot of work. It can control the layout of multiple web pages all at once
 External style sheets are stored in CSS files

All India Shri Shivaji Memorial Society’s College of Engineering, Pune

4
*For validating the pages JavaScript is used:

JavaScript:

 JavaScript is the Scripting Language for the Web.

 JavaScript can update and change both HTML and CSS.

 JavaScript can calculate, manipulate and validate data.

*For communicating with the database PHP is used:

PHP:

PHP (recursive acronym for PHP: Hypertext Pre-processor) is a widely-used open

source general-purpose scripting language that is especially suited for web development and
can be embedded into HTML.

*For storing or fetching data MySQL database is used:

MySQL:

MySQL, the most popular Open Source SQL database management system, is
developed, distributed, and supported by Oracle Corporation.

All India Shri Shivaji Memorial Society’s College of Engineering, Pune

5
*The code I have used to connect MySQL with PHP:

<?php

$con=mysqli_connect("localhost","root","","boatel");

if(!$con){

die("connection error");

?>

*The databases that I have created in MySQL:

All India Shri Shivaji Memorial Society’s College of Engineering, Pune

6
 DESIGN

HOMEPAGE

LOGIN/REGISTER PAGE

All India Shri Shivaji Memorial Society’s College of Engineering, Pune

7
 HOTEL SEARCH PAGE

HOTEL BOOKING PAGE

All India Shri Shivaji Memorial Society’s College of Engineering, Pune

8
 YOUR BOOKINGS PAGE

CONTACT US PAGE

All India Shri Shivaji Memorial Society’s College of Engineering, Pune

9
 CONCLUSION

Thus I have demonstrated the development of a hotel booking website using the
technologies such as HTML, CSS, JavaScript, PHP and MySQL. This project had
helped me a lot to improve my technical skills and enhanced my out of box thinking.

All India Shri Shivaji Memorial Society’s College of Engineering, Pune

10
 REFRENCES

1) https://developer.mozilla.org/en-US/

2) https://stackoverflow.com/

3) https://www.w3docs.com/

4) https://www.geeksforgeeks.org/

5) https://www.google.com/

THANK YOU…….!!!!

All India Shri Shivaji Memorial Society’s College of Engineering, Pune

11