You are on page 1of 46

WEB DEVELOPMENT

Web Development
A Project Report Submitted To

SANGAM UNIVERSITY, BHILWARA

Towards Partial Fulfillment for the Award of

Bachelor of Computer Application

Submitted By
Amit Jain

Under the Supervision of


Dr. Sunil Kumar Yadav

Department of Computer Science and Engineering,

School of Engineering, Sangam University,

National Highway-79, Chittor By-Pass, Atoon, Bhilwara, Rajasthan

(June-July 2020)

Department of Computer Science and Engineering, SU, Bhilwara 1


WEB DEVELOPMENT

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:

Project Guide:- Program Coordinator

Dr. Sunil Kumar Yadav Mr. Abhishek Singh

Dr. Sunil Kumar Yadav

Deputy Dean

Department of Computer Science and Engineering

Department of Computer Science and Engineering, SU, Bhilwara 2


WEB DEVELOPMENT

Certificate of Training

Department of Computer Science and Engineering, SU, Bhilwara 3


WEB DEVELOPMENT

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

Department of Computer Science and Engineering, SU, Bhilwara 4


WEB DEVELOPMENT

Content Page No.

Certificate 2

Certificate of Training 3

Acknowledgements 4

Index 5-8

Abstract 9

Chapter 1: INTRODUCTION 10-20

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

2.1 History of Web Development

Chapter 3: DESIGN

3.1 Use-case Diagram

3.2 User-Interface Design

3.3 E-R Diagram (ERD)

3.4 System Design

Chapter 4: IMPLEMENTATION

4.1 System Installation

Department of Computer Science and Engineering, SU, Bhilwara 5


WEB DEVELOPMENT

4.1.1 System Requirements

4.1.2 Software Requirements Analysis

4.1.3 Design

4.1.4 Code Generation

4.1.5 Client Requirements

4.1.6 Server Requirements

4.2 System Testing

4.2.1 Testing Method

4.2.2 System Deployment

4.2.3 System Maintenance

4.3 Final Project

List of Figures

S.No. Particulars Page No.

Department of Computer Science and Engineering, SU, Bhilwara 6


WEB DEVELOPMENT

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

Department of Computer Science and Engineering, SU, Bhilwara 7


WEB DEVELOPMENT

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.

Chapter 1:- INTRODUCTION

Department of Computer Science and Engineering, SU, Bhilwara 8


WEB DEVELOPMENT

1.1 INTRODUCTION:-

1.1.1 Web Developing:-

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

1.1. 3 Tools and languages used to develop website:-

Department of Computer Science and Engineering, SU, Bhilwara 9


WEB DEVELOPMENT

 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.

Department of Computer Science and Engineering, SU, Bhilwara 10


WEB DEVELOPMENT

o CSS describes HTML elements are to be displayed on screen paper, or in other


media.
o CSS uses a lot of work. It can control the layout of multiple web pages all at once.
o External style sheets are stored in CSS files.
o CSS can be either external or internal.

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.

Department of Computer Science and Engineering, SU, Bhilwara 11


WEB DEVELOPMENT

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

Department of Computer Science and Engineering, SU, Bhilwara 12


WEB DEVELOPMENT

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.

Figure 5: PHP / MySQL

Department of Computer Science and Engineering, SU, Bhilwara 13


WEB DEVELOPMENT

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

7.) Visual Studio:-


It is an Integrated Development Environment (IDE) from Microsoft. It is used to
develop computer programs, as well as websites, web apps, web services and mobile
apps. Visual Studio includes a code editor supporting IntelliSense (the code
completion component) as well as code refactoring.

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.

Department of Computer Science and Engineering, SU, Bhilwara 14


WEB DEVELOPMENT

Visual Studio includes a code editor supporting IntelliSense (the code


completion component) as well as code refactoring. The integrated debugger works
both as a source-level debugger and a machine-level debugger. Other built-in tools
include a code profiler, designer for building GUI applications, web
designer, class designer, and database schema designer. It accepts plug-ins that
expand the functionality at almost every level—including adding support for source
control systems (like Subversion and Git) and adding new toolsets like editors and
visual designers for domain-specific languages or toolsets for other aspects of
the software development lifecycle (like the Azure DevOps client: Team Explorer).

Figure 7: Visual Studio

Department of Computer Science and Engineering, SU, Bhilwara 15


WEB DEVELOPMENT

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.

The computer term bootstrap began as a metaphor in the 1950s. In computers,


pressing a bootstrap button caused a hardwired program to read a bootstrap program
from an input unit. The computer would then execute the bootstrap program, which
caused it to read more program instructions.

Figure 8: Bootstrap

Department of Computer Science and Engineering, SU, Bhilwara 16


WEB DEVELOPMENT

1.1.3 Hotel Booking:-

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.

Department of Computer Science and Engineering, SU, Bhilwara 17


WEB DEVELOPMENT

 This system has online payment processing option.


 This system needs adopts and implements variety of algorithms and techniques to
maintain integrity and confidentiality of users and their data.
 New system is able to handle more users at same time and should be capable to handle
millions of user at a time.
 Verity of automation task including sending email to groups, sending email and fax to
customer and hotel owners and sending SMS and email of promotions to the users.

Department of Computer Science and Engineering, SU, Bhilwara 18


WEB DEVELOPMENT

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.

Department of Computer Science and Engineering, SU, Bhilwara 19


WEB DEVELOPMENT

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.

Department of Computer Science and Engineering, SU, Bhilwara 20


WEB DEVELOPMENT

1.4 ANALYSIS:-

1.4.1 Functional Requirements:-

The requirement gathering process is intensified and focused specifically on software. To


understand the nature of the program to be built, the software engineer must understand
the information domain of the software, as well as the required function, behavior,
performance, interfacing. Requirements for both the system and the software are
documented and reviewed with the customer.

1.4.2 Non-Functional Requirements:-

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.

 Reliability:- The system is reliable i.e. it’s well trusted.


 Security:- The system is well secured i.e. admin and user both have their unique ID and
password to login into the system.
 Maintainability:- Project is well maintained with all required features involved

Department of Computer Science and Engineering, SU, Bhilwara 21


WEB DEVELOPMENT

Chapter 2:- BACKGROUND

2.1 History of Web Development:-

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.

Department of Computer Science and Engineering, SU, Bhilwara 22


WEB DEVELOPMENT

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. 

Department of Computer Science and Engineering, SU, Bhilwara 23


WEB DEVELOPMENT

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

Figure 9 :- Use case Diagram for User

Department of Computer Science and Engineering, SU, Bhilwara 24


WEB DEVELOPMENT

Access Database

Receipt

Booking History

Account Status
ADMIN

Figure 10: Use case Diagram for Admin

3.2 User-Interface Design:-


The process of making interfaces in software or computerized devices with a focus on
style. Designers aim to create designs users will find easy to use and pleasurable. With
the help of this access points where users interact with designs.
1. Keep the interface simple.
2. Create consistency and common UI elements.
3. Be purposeful in page layout.
4. Strategically use color and texture.
5. Think about the details.

3.3 ER Diagram (ERD):-


Entity Relationship Diagram is abstract and conceptual representation of data which
produce a type of conceptual schema. It shows the relationships between entities in a
database.

3.4 System Design:-


In this phase, a logical system is built which fulfils the given requirements. Design
phase of software development deals with transforming the customer’s requirements
into a logically working system. Normally design is performed in the following two
steps:-

Department of Computer Science and Engineering, SU, Bhilwara 25


WEB DEVELOPMENT

3.4.1 Primary Design Phase:-


In this phase, the system is designed at block level. The blocks are created on
the basis of analysis done in the problem identification phase. Different blocks
are created for different functions emphasis is put on minimizing the
information flow between blocks. Thus, all activities which require more
interaction are kept in one block.
3.4.2 Secondary Design Phase:-
In the secondary phase, the detailed design of every block is performed.

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.

Department of Computer Science and Engineering, SU, Bhilwara 26


WEB DEVELOPMENT

Chapter 4: IMPLEMENTATION:-

4.1 System Installation:-


The main activity of the installation phase is to translate the agreed design to source code
using selected programming language in the best possible manner.

4.1.1 System Requirements:-


The section describes the Hardware components and Software requirements needs for
effective and efficient running of the system.

4.1.2 Software Requirement Analysis:-


The requirements gathering process is focused specifically on software. To understand
the real nature of the programs to be built, the software engineer must understand the
information domain of the software, as well as required function, behavior, performance,
and interfacing. Requirements for both the system and the software are documented and
reviewed with the customer.

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.

4.1.4 Code Generation:-


The design must be translated into machine-readable form. The testing process focuses
on the logical internals of the software, assuring that all statements have to been tested
and on the functional externals that is, conducting tests to uncover errors and ensure that
defined inputs will produce actual results that agree with required results.

Department of Computer Science and Engineering, SU, Bhilwara 27


WEB DEVELOPMENT

4.1.5 Client Requirements:-


1. 1 GB RAM
2. P4 processor or higher.
3. Any OS with minimum internet speed of 192 kbps.

4.1.6 Server Requirements:-


1. PHP >= 7.13
2. OpenSSL PHP Extension
3. PDO PHP Extension
4. Mbstring PHP Extension
5. Tokenizer PHP Extension
6. XML PHP Extension
7. Ctype PHP Extension
8. JSON PHP Extension.

4.2 System Testing:-


Testing phase is a critical point as it is the stage that the software being verifies and
validates to work as expect. It will check whether the software meets specified
requirements and statistics the needs of stakeholders. So the following approach takes
part to make this phase a success.

4.2.1 Testing Method:-


At the design phase, test cases were prepared to test the system with sample data.
It includes expected outputs, interface standards which will later compared with
the actual. When finish implementing modules, perform integration testing to
check whether communications between the modules are functioning properly.

4.2.2 System Deployment:-


In this phase, the system is ready to be deployed and installed in customer’s
premises, ready to become running, live and productive, training may be required

Department of Computer Science and Engineering, SU, Bhilwara 28


WEB DEVELOPMENT

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.

4.2.3 System Maintenance:-


The maintenance phase involves making changes to hardware, software, and
documentation to support its operational effectiveness. It includes making
changes to improve a system's performance, correct problems, enhance security,
or address user requirements.

It’s important to mention that excellent communication level should be


maintained with the customer, and prototypes are very important and helpful
when it comes to meeting the requirements. By building the system in short
iterations; we can guarantee meeting the customer’s requirements before we build
the whole system.

Department of Computer Science and Engineering, SU, Bhilwara 29


WEB DEVELOPMENT

4.3 Final Project:-

4.3.1 Starting Server:-


PHP is server-side scripting language for producing dynamic web pages. PHP program
can be run under various like WAMP, XAMPP etc.
 WAMP Server:- this server is a web development platform which helps in
creating dynamic web applications.
 XAMPP Server:- it is a free open source cross-platform web server package. In
this project, XAMPP Server is used to run the programs.

Figure 11:- XAMPP Control Panel v3.2.1

4.3.2 Creation of Database:-


There are several ways which can be used to connect MySQL database server to create a
database, one of them is by using GUI such as phpmyadmin.

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

Department of Computer Science and Engineering, SU, Bhilwara 30


WEB DEVELOPMENT

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).

Figure 12:- phpmyadmin

4.3.3 Home Page:-


Department of Computer Science and Engineering, SU, Bhilwara 31
WEB DEVELOPMENT

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.

Figure 13: Home Page

4.3.4 About Us:-

Department of Computer Science and Engineering, SU, Bhilwara 32


WEB DEVELOPMENT

An About Us page helps the company make a good first impression, and is critical for


building customer trust and loyalty. A great About Us page can help tell our brand story,
establish customer loyalty, and turn our bland e-commerce store into an well-loved brand
icon.

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.

Figure 14: About Us

4.3.5 Login Page:-

Department of Computer Science and Engineering, SU, Bhilwara 33


WEB DEVELOPMENT

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.

Figure 15: Login Page

4.3.6 Dashboard:-

Department of Computer Science and Engineering, SU, Bhilwara 34


WEB DEVELOPMENT

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.

Figure 16: Dashboard

4.3.7 Search Bar:-

A search bar is usually made up of two UI elements: an input field, and a button.


However, the design of a search bar has a significant effect on how fast users can find the
information that they are looking for on site.

Department of Computer Science and Engineering, SU, Bhilwara 35


WEB DEVELOPMENT

Figure 17: Search Bar

Department of Computer Science and Engineering, SU, Bhilwara 36


WEB DEVELOPMENT

4.3.8 Search Results:-

Figure 18: Hotels in Mumbai

Department of Computer Science and Engineering, SU, Bhilwara 37


WEB DEVELOPMENT

Figure 19: Hotels in Delhi

Department of Computer Science and Engineering, SU, Bhilwara 38


WEB DEVELOPMENT

4.3.9 Booking:-

Making reservation or booking of room in the particular hotel.

Figure 20: Booking

4.3.10 Payment:-

Making payment online for the room that has been booked online.

Department of Computer Science and Engineering, SU, Bhilwara 39


WEB DEVELOPMENT

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.

Figure 22: Receipt

Department of Computer Science and Engineering, SU, Bhilwara 40


WEB DEVELOPMENT

4.3.12 Booking History:-

The client can check the booking done, for confirmation.

Figure 23: Booking History

4.3.13 Account Status:-

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.

Figure 24: Account Status

Department of Computer Science and Engineering, SU, Bhilwara 41


WEB DEVELOPMENT

4.3.14 Database:-

 Users:-

Figure 25: Users

 Hotel

Figure 26: Hotel

Department of Computer Science and Engineering, SU, Bhilwara 42


WEB DEVELOPMENT

 Hotel Booking

Figure 27: Hotel Booking

Department of Computer Science and Engineering, SU, Bhilwara 43


WEB DEVELOPMENT

Chapter 5:- CONCLUSION


5.1 Conclusion:-

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. 

5.2 Future Enhancement:-

It fulfils all an office website automatically with minimal overhead. Functionality of


sharing of new view and ideas between employees will be added in next version. It will
provide the information of running project, late project and completed project. Tourism
group can use it for managing their location, hotel, vehicles details. Any tourist agency
can make user of it for saving customer details in database.

Chapter 6: BIBLIOGRAPHY

Department of Computer Science and Engineering, SU, Bhilwara 44


WEB DEVELOPMENT

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/

 Myers, P. Z. (2007, January 22). The unfortunate prerequisites and consequences of


partitioning your mind [Web log post]. Retrieved from
http://scienceblogs.com/pharyngula/2007/01/the_unfortunate_prerequites.php

 Geys, Jef. 2013. "Oproep ann Ontwerpers." Jef Geys Weblog (blog). Accessed January


24, 2013. http://jefgeysweblog.wordpress.com/.
 Database Programming with JDBC and Java by O’Relly
 Head First Java 2nd Edition
  http://www..javaworld.com/javaworld/jw-01-1998/jw-01-Credentialreview.html
 http://www.tutorialspoint.com/java/
 http://www.tutorialspoint.com/mysql/
 http://www.javapoint.com
 http://www.wampserver.com
 http://www.jsp.net
 https://docs.oracle.com/javase-tutorial/
 https.apache.org/docs/2.0/misc/tutorials.html
 http://www.jdbc-tutorial.com/
 http://www/geeksforgeeks.com

Department of Computer Science and Engineering, SU, Bhilwara 45


WEB DEVELOPMENT

Department of Computer Science and Engineering, SU, Bhilwara 46

You might also like