Professional Documents
Culture Documents
Web Development
A Project Report Submitted To
Submitted By
Amit Jain
(June-July 2020)
CERTIFICATE
This is to certify that project entitled “Web Development” submitted by Amit Jain is a
satisfactory account of the bonafide work done under our supervision and is recommended
towards partial fulfillment for the award of the degree Bachelors of Computer Application in
Department of Computer Science to Sangam University, Bhilwara(Raj.).
Date:
Deputy Dean
Certificate of Training
Acknowledgement
I am very much thankful to my Supervisor Dr. Sunil Kumar Yadav and all the members of my
Advisory Committee for their invaluable suggestions along with guidelines, throughout my
entire work in every aspect.
I am also very much thankful to Dr. Prof. K.P. Yadav, Hon’ble Vice Chancellor of Sangam
University and also to Hon’ble Chairman, Mr. Rampal Soni of Sangam Group.
I also express my sincere gratitude to Mr. Abhishek Singh, Program Coordinator and Dr. Sunil
Kumar Yadav, Deputy Dean, Department of Computer Science and Engineering, to provide
opportunity to me to complete my Project work and for their invaluable suggestions.
Last but not the least, I express my thanks to all the faculty and staff members of Computer
Science and Engineering Department for their valuable supports.
At last, I express my thanks and gratitude to my parents, my entire family members and friends
for the entire tenure.
Amit Jain
(2018BCXX0258)
Index
Certificate 2
Certificate of Training 3
Acknowledgements 4
Index 5-8
Abstract 9
1.1 Introduction 10
1.1.1 Web Developing 10
1.1.2 Process 10
1.1.3 Tools and Languages used to develop
Website 11-17
1.1.4 Hotel Booking
1.2 Motivation
1.3 Objectives
1.4 Analysis
1.4.1 Functional Requirements
1.4.2 Non-Functional Requirements
Chapter 2: BACKGROUND
Chapter 3: DESIGN
Chapter 4: IMPLEMENTATION
4.1.3 Design
List of Figures
Figure 1 HTML
Figure 2 CSS
Figure 3 PHP
Figure 4 MySQL
Figure 5 PHP/MySQL
Figure 6 XAMPP
Figure 7 Visual Studio
Figure 8 Bootstrap
Figure 9 Use case Diagram for User
Figure 10 Use case Diagram for Admin
Figure 11 XAMPP Server
Figure 12 Phpmyadmin
Figure 13
Figure 14
Figure 15
Figure 16
Figure 17
Figure 18
Figure 19
Figure 20
Figure 21
Figure 22
Figure 23
Figure 24
Figure 25
Figure 26
Figure 27
Abstract
The objective of the project is to design Hotel Management website which enables the manager
to keep the record of the hotel and the customers.
This website facilitates the end user to view the hotel and hotel rooms based on the various
categories and sorting preferences they select. It also lets the users register to the website so that
his/her individual profile can be maintained. He/she can access and modify his/her profile by
signing in. New users are given sign up option.
The user account maintains the personal details of the customer, both billing and room
preference of the customer. Also, the reservation he/she has made can be viewed in the profile
module. The user can cancel reservation prior to cancelation date of particular motel.
The system admin can add and manage the configurations of the website. She/he can add and
modify the products, offers and manufacturers related to all the products. She/he can also create
users for the system and assign them access rights based on the requirements and their job duty.
System admin can also view various reports to fulfill certain job duty and reports help them to
take decision and make business plans.
1.1 INTRODUCTION:-
Website is a collection of related web pages, including multimedia content, typically identified
with a common domain name, and published on at least one web server. A website may be
accessible via a public Internet Protocol Network, such as the Internet, or a private local area
network(LAN) by referencing a URL that identifies the site.
Websites can have many functions and can be used in various fashions, a website can be a
personal website, a commercial website for a company, a government website or a non-profit
organization website.
Web Development is a broad term for the work involved in developing a website for the Internet
or an Intranet. Web Development can range from developing the simplest static page of plain
text to the most complex web-based internet applications, electronic business, and social network
services.
1.1.2 Process:-
Decide Purpose
Planning
Designing
Gather Content
Building
Testing
Upload to Server
Marketing and Maintenance
The Translate and Edit application has been planned to consist of two parts- front-end
and back-end development. The front-end is the part of the web that is used by the user
and interact with.
Normally, the user would not have rights to modify web content dynamically on the
server side. Administrators are the ones who deal back-end modification of databases for
example, as they often contain sensitive data which should not be available to see or
modify by the general public. These front-end and back-end tools include languages like
HTML, CSS, MYSQL, PHP etc.
1.) HTML:-
HTML(Hyper Text Mark-Up Language) is a markup language whose role is to
prepare written documents using formatting tags. The tags indicate that the document
is presented and links to other documents.
Figure 1: HTML
2.) CSS:-
o CSS stands for Cascading Style Sheets.
Figure 2: CSS
3.) PHP:-
PHP is a open source, interpreted and object-oriented scripting language i.e. executed
at server side. It is used to develop web applications.
o PHP stands for Hyper Text Preprocessor.
o PHP is a server side scripting language.
o PHP is an interpreted language i.e. there is no need for compilation.
o PHP is an object-oriented language.
o PHP is an open-source scripting language.
o PHP is simple and easy to learn language.
Figure 3: PHP
4.) MYSQL:-
MySQL is a relational database management system(RDBMS) which has more than 6
million installations. MySQL stands for “My Structured Query Language”. The
program run as server providing multi-user access to a number of databases.
Figure 4: MySQL
5.) PHP/MYSQL:-
PHP and MySQL are two leading open-source scripting and database technologies for
web designers today. It runs on both linux and windows servers so that web host are
most likely to support it. With the advent of PH5, PHP language has evolved to be an
object oriented programming language enabling more robust and standards based web
applications.
PHP is a server-side scripting language that is used to create dynamic web pages that
can interact with databases. It is widely used open source language that is specifically
used fir web application development and be embedded within HTML.
The distinguishing feature of PHP is that the scripting code is executed on the server,
which generates HTML that is sent back to the client. The client receives the result of
executing the script without knowing the underlying code. Developers can configure
the web server to process all the HTML files (containing the PHP script).
Any website can require a variety of data or information to display and to retrieve
data from the database. This can include display of a simple list to the running of the
website based on data stored in the database.
6.) 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. Since most actual web server deployments use the same
components as XAMPP, it makes transitioning from local test server to a live server
possible.
Figure 6: XAMPP
Visual Studio uses Microsoft software development platforms such as Windows API,
Windows Forms, Windows Presentation Foundation, Windows Store and Microsoft
Silver light. It can produce both native code and manage code.
8.) Bootstrap:-
It is a free and open-source CSS framework directed at responsive, mobile-first front-
end web development. It contains CSS and JavaScript-based design templates for
typography, forms, buttons, navigation, and other interface components.
Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing
responsive, mobile-first websites.
Figure 8: Bootstrap
A hotel reservation system is a technology suite that allows user to accept direct bookings
through website and through various distribution channels. It is often known as an online
booking engine or booking systems more generally. It should integrate easily with
existing infrastructure, and allow user to automate most of the hotel booking
administrative tasks at property.
A hotel booking system allows a guest to plan their own trip at their convenience. It is a
software tool that displays live rates and inventory in real time, across all of the channels,
and allows guests to select the dates for their trip and finalize their reservation.
It offers a payment portal so that guests can complete their transaction, and it
automatically updates property management system or central reservations system when
customer rooms are booked.
The Designing of this system has following activities, which help to automate the entire
reservation process keeping in the view of database integration approach.
This system maintains user’s personal detail such as name, address, room preferences,
payment information and contact details.
With the help of reach user interface, user can easily navigate and use the new system to
reserve or searching of rooms.
This system makes the overall booking system and booking management much easier and
flexible than before.
Various classes are used to maintain the user details of inventory.
Security is maintained with various way including username, password must be needed to
login in to user account. Various rights can be assigning to the employee based on their
roles to limit the access.
Report generation feature is provided user to generate different kind of reports based on
their needs.
This system has reach user interface and support multi devices and easy to access for all
types of user.
This system is providing accessibility control to data with respect to users.
1.2 MOTIVATION:-
The online booking system works all the time. It also increases sales because it is not
limited to working hours. This gives freedom to potential visitors to book a room anytime
and anywhere. Show that 24*7 online reservation system considerably increases the
number of hotel bookings. Owners want to be tied to a waiting a mail or phone call of a
guest. They will be able to take bookings around the 7 days a week. Work smart insights
into business They can keep track of each reservation and all the related details. Such
systems come with various analytic tools.
1.3 OBJECTIVES:-
The purpose of this project is to create a functional website for users to reserve the hotel
room across the world. Users of this website will be able use an easy to use interface in
order to search, sort, reserve room and services across the world. Create an account
option will secure their data and allow easy access to various services and facilities. One
of the main purposes of this project is to allow customer to have online booking of room
and other services with registered business partner. The basic requirements state that the
users will be able to search for room based on and able to make instant online payment.
They will also be able to navigate through available other options by category, or by
using a well executed search function. The website will be maintained and managed by
administrator. They will have the authority to manage the products and offers.
1.4 ANALYSIS:-
The software used here assumes the use of PHP for connection between the front-end and
the database. The speed of the user’s connection will depend on how fast they approach
the site. The admin will run the user’s requests and will have an access to database.
Tim Berners-Lee, a British scientist, invented the World Wide Web (WWW) in 1989, while
working at CERN. The Web was originally conceived and developed to meet the demand for
automated information-sharing between scientists in universities and institutes around the world.
CERN is not an isolated laboratory, but rather the focal point for an extensive community that
includes more than 17,000 scientists from over 100 countries. Although they typically spend
some time on the CERN site, the scientists usually work at universities and national laboratories
in their home countries. Reliable communication tools are therefore essential.
The basic idea of the WWW was to merge the evolving technologies of computers, data
networks and hypertext into a powerful and easy to use global information system.
Such has been the rate of progress of web development that the very nature of World Wide Web
has now been totally transformed. Tim Berners Lee, generally considered to be the founding
father of the web, fore saw a vast network of interlinked hypertext documents. These hypertext
documents were to be written in a language called HTML (HyperText Markup Language). An
early standard proposed a basic set of tags, including support for images with , but HTML was
very much designed as a text focused specification. It offered very little in the way of formatting,
and even less control over how content was positioned on the page.
As Internet and World Wide Web usage increased, the makeup of the audience using it changed
dramatically. It went from being almost exclusively academic in nature, to including non-
technical consumers. This in turn changed the demand for content and the type of websites that
became popular. Suddenly formatting, design, and rich media were more important than
structure and the intellectual rigor of content.
In order to deliver this new web, and to support what was quickly becoming the publishing and
computing phenomenon that we know today, new development techniques and technologies
were needed.
So, without any farther due let's dive into the main part: the history of web development. We
have covered every detail in this article which will help you understand more about web and how
it has been revolutionized from all those years till now.
Web design has come a long way since its beginning, especially in terms of styling. Take a look
at a website from 10 years ago and compare it to one from today. The differences are enormous.
One of the major changes you will notice is the background. Today, backgrounds are one of the
core features that determine how visually interesting a website is. The background holds the
theme of the website, and there are a vast amount of possibilities when designing a website
background.
Chapter 3: DESIGN
3.1 Use-Case Diagram:-
UML use case diagram is the primary form of system/software requirements for a new
software program underdeveloped. Use cases specify the expected behavior (what),
and not the exact method of making it happen (how). Use cases once specified can be
denoted both textual and visual representation (i.e. use case diagram). A key concept
of use case modeling is that it helps us design a system from the end user's perspective.
It is an effective technique for communicating system behavior in the user's terms by
specifying all externally visible system behavior.
Search Bar
Login
View Details
Sign Out
USER Payment
Sign Out
Access Database
Receipt
Booking History
Account Status
ADMIN
The general tasks involved in the design process are the following:-
Design various blocks for overall system processes.
Design smaller, compact and workable modules in each book.
Design various database structures.
Specify details of programs to achieve desired functionality.
Design the form of inputs and outputs of the system.
Chapter 4: IMPLEMENTATION:-
4.1.3 Design:-
Software design is actually a multi-step process that focuses on four distinct attributes of
a program; data structures, software architecture, interface representations and procedural
detail. The design process translates requirement into a representation of the software that
can be accessed for quality before code generation begins.
for end users to make sure they know to use the system and to get familiar with it,
the implementation phase may take a long time and that depend on the complexity
of the system and the solution it presents.
It’s the actual construction process after having a complete and illustrated design
for the requested system. The actual code is written here, and if the system
contains hardware, then the implementation phase will contain configuration and
fine-tuning for the hardware to meet certain requirements and functions.
Database is used to store the relevant information for the individuals. A database is a
collection of rows and columns in which rows indicates the tuple and columns indicates
the domain of the table. Database design is the process of producing a detailed data
model of a database. This logical data model contains all the needed logical and physical
design choices and physical storage parameters. Need to generate a design in a data
definition language, which can then be used to create a database. A fully attributed data
model contains detailed attributes for each entity. The term database design can be used
to describe many different parts of the design of an overall database system. Principally,
and most correctly, it can be thought to the logical design of the relation of the base data
structures that are used to store the data. In the relational model these are the classes and
named relationships. However, the term database design could also be used to apply to
overall process of designing, not just the base data structure, but also the forms and
queries used as part of the overall process of designing, not just the base data structure,
but also the forms and queries used as part of the overall database application within the
database management system (DBMS).
A home page (also written as homepage) is the main web page of a website. The term can
also refer to one or more pages always shown in a web browser when the application
starts up. In this case, it is also known as the start page.
About Us page should be: Informative. It doesn't always have to tell your whole story,
but it should at least provide people with an idea of . Contain social proof, testimonials,
and some personal information that visitors can relate to, such as education, family, etc.
A user navigates to an website and is presented with a login page as a way to gain access
to the website. There are two possible results:
Authentication is successful and the user is directed to the website landing page.
Authentication fails and the user remains on the login page. If authentication fails, the
screen should show an informational or error message about the failure.
A user is automatically logged out due to inactivity. In this event, they will be returned to
the login page, which will display an informational message explaining what happened.
Once the user logs in again, user should be taken back to the page they were previously
on before being timed out.
4.3.6 Dashboard:-
Dashboard is usually the one page that the users see first thing in the web application. It
is the page that shows the analysis of the application's data, trends, summaries etc. In
many cases it dynamically reports important pieces of data from the web application.
4.3.9 Booking:-
4.3.10 Payment:-
Making payment online for the room that has been booked online.
Figure 21:Payment
4.3.11 Receipt:-
A receipt is a written acknowledgment that something of value has been transferred from
one party to another. In addition to the receipts consumers typically receive from vendors
and service providers, receipts are also issued in business-to-business dealings as well as
stock market transactions.
Account Status refer to the different states of an account. Different rules can be applied to
the accounts based on their status in order to better manage data entry.
4.3.14 Database:-
Users:-
Hotel
Hotel Booking
The importance of an online hotel booking, how can owner release workload, how can
own promote business through the internet, how can own generate a query online, how
can own show the offer and combo pack of hotel room with foods. Today the world is
online and on the internet. If the business doesn’t have its presence online so maybe you
are losing so many opportunities.
Chapter 6: BIBLIOGRAPHY
Links from which all the information has been taken are :-
McAdoo, T. (2009, September 10). Use of first person in APA style [Web log message].
Retrieved from http://blog.apastyle.org/