ONLINE BIKE SHOWROOM

A Project Report
Submitted in partial fulfillment of the
Requirements for the award of the Degree of

BACHELOR OF SCIENCE (INFORMATION TECHNOLOGY)

By

Aafaque Sufiyan Nazir

Seat No. : 2324908

Under the esteemed guidance of

Miss.Rashmi Dharse

DEPARTMENT OF INFORMATION TECHNOLOGY

D.G. Tatkare Mahavidyalay
(Affiliated to University of Mumbai)
MANGAON-RAIGAD 402104 MAHARASHTRA
2023-24
D.G. Tatkare Mahavidyalay
(Affiliated to University of Mumbai)
 MANGAON-RAIGAD-MAHARASHTRA 402104

DEPARTMENT OF INFORMATION TECHNOLOGY

CERTIFICATE

This is to certify that the project entitled, "ONLINE BIKE SHOWROOM

MANAGEMENT SYSTEM", is bonafied work of Aafaque Sufiyan Nazir bearing Seat. No:
(2324908) submitted in partial fulfillment of the requirements for the award of degree of
BACHELOR OF SCIENCE in INFORMATION TECHNOLOGY from University of Mumbai.

Internal Guide Coordinator

External Examiner

Date: College Seal

 ABSTRACT

Online Bike Showroom is basically website made for providing the customers an anytime and
anywhere service for booking bikes and providing information about the super bikes, That is
meant to satisfy the basic requirement of a typical bike showroom. This site is provided with a
well-defined graphic interface. This is also able to generate reports like report for monthly
purchase and sales.

Online Bike Showroom, as described above, can lead to error free, secure, reliable and fast
management system. It can assist the user to concentrate on their activities rather to concentrate
on the record keeping. Thus it will help organization in better utilization of resources.

Online bike showroom is one of the most effective system for user who are looking for super
bikes and who do not have enough time to spend, as well as facilities are available for the users.

4
 ACKNOWLEDGEMENT

It is indeed a matter of great pleasure and proud to be able to present this project on
“Online Bike Showroom”.
The completion of the project work is a milestone in student life and its execution is
inevitable in the hand of guide. I am highly indebted the project guide Miss.Rashmi
Dharse . Her invaluable guidance and appreciation for giving from and substance to
this report. It is due to her enduring efforts; patience and enthusiasm, which has
given a sense of direction and purposefulness to this project and ultimately made it a
success.
I would like to tender our sincere thanks to the H.O.D Mr.Bhanuprasad
Vishwakarma and all teacher for their co-operation. I would also like to express our
deep . I will wish to thank the non-teaching staff and my friends who have helped me
all time in way or other way.
Really it I highly impossible to reply the department of all the people who have
directly or indirectly helped me for performing the project.

5
 DECLARATION
I hereby declare that the project entitled, “Online Bike Showroom” done at
Mangaon, has not been any case duplicated to submit to any other university For the
award any degree . To the best of my knowledge other than me, no one has submitted
to any other university.
The project is done in partial fulfilment of the requirement for
award of degree of BACHELOR OF SCIENCE (INFORMATION TECHNOLOGY) to
be submitted as final semester project as part of our curriculum.

Mr.Aafaque Sufiyan Nazir

Signature of the student

6
 INDEX

Chapter No TITL Page No

E
CHAPTER 1 INTRODUCTION 8
1.1 Background 9
1.2 Objective 10
1.3 Purpose and Scope 11
1.3.1 Purpose 11
1.3.2 Scope 11
CHAPTER 2 SURVEY OF TECHNOLOGY 12
2.1 Justification of selection of Technology 13
2.1.1 Front End 13
2.1.2 Back End 14
CHAPTER 3 REQUIREMENT AND ANALYSIS 15
3.1 Existing System 16
3.2 Proposed System 16
3.3 Requirement Analysis 16
3.4 Planning and scheduling 17
3.5 Hardware Requirements 19
3.6 Software Requirements 19
CHAPTER 4 SYSTEM DESIGN 20
4.1 Tree View 21
4.2 Module Division 22
4.3 Data Dictionary 23
4.4 ER Diagrams 25
4.5 DFD/UML Diagrams 28
CHAPTER 5 IMPLEMENTATION AND TESTING
5.1 CODE
5.2 Testing Approach
5.3 Unit Testing
5.4 Integration System
CHAPTER 6 RESULT AND DISCUSSION
CHAPTER 7 CONCLUSION AND FUTURE WORK
CHAPTER 8 REFRENCES

7
 INTRODUCTION
The "Bike Showroom Management System" has been developed to override
the problems prevailing in the practicing manual system. This software is
supported to eliminate and some cases reduce the hardships faced by this
existing system. More over this system is designed for the particular need of
the company to carryout operations in a smooth and effective manner.

The application is reduced as much as possible to avoid errors while entering

the data. It also provides error message while entering invalid data. No formal
knowledge is needed for the user to use this system. Thus by this all it proves
it is user-friendly. Bike Showroom Management System, as described above,
can lead to error free, secure, reliable and fast management system. It can
assist the user to concentrate on their other activities rather to concentrate on
the record keeping. Thus it will help organization in better utilization of
resources.

Every organization, whether big or small, has challenges to overcome and

managing the information of Company, Bike, Customer, Payment, Booking.
Every Bike Showroom Management System has different Bike needs,
therefore we design exclusive employee management systems that are
adapted to your managerial requirements. This is designed assist in strategic
planning, and will help you ensure that your organization is equipped with the
right level of information and details for your future goals. Also, for those
busy executive who are always on the go, our systems come with remote
access features, which will allow you to manage your workforce anytime, at
all times. These systems will ultimately allow you to better manage
resources..

8
 Background

Online Bike Showroom Management provides a very effective solution, in

which one can login into the system and can view every detail of the bike,
online. One can view, as well as book a slot for a test ride too. Via the proposed
system, it is not required to go to the showroom everytime. One can login to the
system and get every relevant information and also can take every relevant
action, too.
Online bike showroom management system which helps to manage the details
about bikes available .Most of the showroom today are running manually
storing data in books and files. As the storage medium are books there is
chance of inconsistency, accessing a particular item is very time consuming
and boring task and probability of errors during calculations is very high. Due
to these drawbacks, The need of computerized system is inevitable.

9
Objectives

Some important goals of Online Bike booking system are as follows

• To manage the details of Bike, Company, Type, Customer, Booking.
• To manages all the information about Bike, Payment, Booking, Bike.
• To build an application program to reduce the manual work
for managing the Bike, Company, Payment, Type.
• To tracks all the details about the Type. Customer, Booking.

10
 Purpose , Scope and Applicability
Purpose
Online bike showroom is developed to provide all the information relates to bike,
bike type, companies, customers, booking, etc. It is used to maintain the complete record
of bikes.

Scope
• Save time of users for booking.
• Faster service to the customer by using internet.
• Can contact to the retailers in case of any discussion.
• No waiting in a queue.

Applicability
• Users who want to surf through the website and get the information about
the bike booking.

11
2. SURVEY OF

12
Justification of selection of technology:
FRONT-END: PHP
Hypertext Compressor is a general-purpose programming language originally
designed for web development. It was originally created by Rasmus Lerdorf in
1994; the PHP reference implementation is now produced by The PHP Group.
PHP is a server-side scripting language. That is used to develop Static websites or
Dynamic websites or Web. PHP stands for Hypertext preprocessor, that earlier
stood for Personal Home Pages. PHP scripts can only be interpreted on a server
that has PHP installed.

Cascading Style Sheets (CSS):

Cascading Style Sheets (CSS) is a style sheet language used for describing the
presentation of a document written on a mark-up 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,
colors, 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. Separation of
formatting and content also makes it feasible to present the same mark- up page in
different style for different rendering methods, such as on-screen, in print, by voice(via
speech-based browser or screen reader), and on Braille-based tactile device. CSS also
has rules for alternative formatting if the content is accessed on a mobile device The
name cascading comes from the specified priority scheme to determine which style rule
applies if more than one rule matches a particular element. This cascading priority
scheme is predictable.
The CSS specifications are maintained by the World Wide Web Consortium (W3C).
Internet media type text/CSS is registered for use with CSS by RFC 2318(March 1998).
The W3Coperates a free CSS validation service for CSS documents

13
BACK-END: SQL SERVER

Microsoft SQL Server is a relation database management system developed by

Microsoft. As a database server, it is a software product with the primary function
of storing and retrieving data as requested by other software application-which
may run either on the same computer or on another computer across a network
(including the Internet). Microsoft markets at least a dozen different editions of
Microsoft SQL Server, aimed at different audiences and for workloads ranging
from small single-machine applications to large Internet-facing application with
many users. Server supports different data types, including primitive types such as
Integer, Float, Decimal, char (including character strings), Varchar (variable
length character strings), binary (for unstructured blobs of data), Text (for textual
data) among others. Microsoft SQL Server also allows user-defined composite
types (UDTs) to be defined and used. It also makes server statistics available as
virtual tables and views (called Dynamic Management View or DMVs) In
addition to tables, a database can also contain other objects including views,
stored procedures, index and constraints, along with a transaction log. A SQL
Server database can contain a maximum of 231 object, and can span multiple OS-
level files with a maximum file size of 260 bytes (1exabyte). The data in the
database are stored in primary data file with an extension. ndf. Secondary data
files identified with
a. NDF extension, are used to allow the data of a single database to be spread
across more than one file, and optionally across more than one file system.
Log files are identified
b. With the. 1df extension. SQL Server include a cost-based query optimizer
which tries to optimize on the cost, in term of the resources it will take to execute
the query. Given a query, then the query optimizer looks at the database schema,
the database statistics and the system load at that time.

14
3. REQUIREMENT
AND ANALYSIS

15
 Problem Definition
Existing System:
1. If anyone is interested in any kind of bike he/she have to go to the showroom to check the
details.
2. It usually take a lot of time and efforts
3. Finding records are very time consuming.
4. In case having any problem, Everytime you have rush to the bike showroom.
5. If employees are busy they may not give you proper answers.
Requirement specification for Proposed System:
1. All the bike and customer details will be saved in data base.
2. The system helps the internal staff to keep information of company and find them as per
various queries.
3. System store information about new entry of bike.

Advantage of proposed system:

1. Allow customers to place their booking at a time that is most convenient for them.
2. Decrease the load of the person involve in existing manual system.
3. Easy and fast retrieval of information
4. Easy to update and store the information.
5. You can know everything about bikes just sitting on your couch.

16
 Planning and scheduling:

A Gant chart is a horizontal bar chart developed as a production control tool in 1917
by Henry L. Gantt, an American engineer and social scientist. Frequently used in
project management, a Gantt chart provides a graphical illustration of a schedule that
helps to plan, coordinate and track specific tasks in a project.
A Gantt chart is constructed with a horizontal axis representing the total
time span of the project, broken down into increments (for example, days, week, or
months) and a vertical a axis representing the tasks that make up the project (for
example, if the project is outfitting your computer with new software, the major tasks
involved might be: conduct research choose software, install software).horizontal bars
of varying lengths represent the sequences, timing, and time span for each task. Using
the same example, you would put “conduct research at the top of the vertical axis and
draw a bar on the graph that represents the amount of time you expect to spend on the
research, and then enter the other task below the first one and representative bars at the
points in the time when you expert to undertake them. The bar spans may overlap, as,
for example, you may conduct research and choose software during the same time
span. As the project progresses, secondary bars, darkened bars may be added to
indicate completed tasks, or the portion of tasks that have been completed. A vertical
line is used to represent the report date.
Gantt chart give a clear illustration of project status, but one problem with
them is that they don’t indicate tasks dependencies – you cannot tell how one task
falling behind schedule affect other tasks. The PERT chat, another popular project
management charting method, is designed to do this. Automated Gantt chart store
more information about tasks, such as the individuals assigned to specific tasks, and
notes about the procedures. They also offer the benefit of being easy to change, which
is helpful. Charts may be adjusted frequently to reflect the actual status of project tasks
as almost inevitably, they diverge from the original plan.

17
Gantt Chart

Task JUN JULY AUG SEPT OCT NOV DEC JAN FEB

Planning
Project
finalization
Analysis
Proposed System

Requirement
Gathering
Requirement
Specification
Design
E-R Diagram

Use Case Diagram

Activity Diagram
Sequence Diagram
Data Design
Program Coding

Unit Testing
Integration
Testing
System
Implementation
Acceptance
Testing
Final Submission

18
Hardware Requirement:
Processor Intel
Ram 8 GB
Hard Disk 512GB
Input Device Keyboard, Mouse
Output Device Monitor

Software requirement:
Operating system Windows 10
Programing language PHP
Web-technology PHP
Front End PHP
Back End SQL Server
Web server XAMPP
Libraries PHP Libraries
Integrated development PHP Platform

19
4. SYSTEM DESIGN

20
 Chapter 3
System Design

Tree view
Home

Main Page About Us Vision & Goals Admin

Login Registration
User

Add bikes

User Record
Admin

View Payment

Add Bike
Detail
View Feedback

logout

Book bikes
User
View bikes

View bike details

Payment

Feedback

Logout

21
Module division:
Write your project Name system has 2 modules
Admin: Admin has a control over the whole project. An admin will register and
login on that system. Can login with unique user id and password. Check details
of bikes reserved .Can know the daily income.
• Login
• Register
• Add Bikes
• User Record
• Add Bike
• Report
• Logout
User: A user will have to register and login on that system. A User can book
bikes according to the given information about bikes. User can read reviews
along with their ratings at our web portal.
• Login
• Register
• View Bike
• Book Bikes
• Payment Option
• Feedback
• Logout

22
Data directory:
Login Form:
Attribute Data type Description
Username Varchar(10) Enter the user name(not null)
Password Varchar (8) Enter the password(not null)

User Record:

Attribute Data type Description

Name Varchar (10) Enter name (not null)
Email ID Varchar (50) Enter Email name (not null)
Location Varchar (20) Enter location(not null)
Password Varchar (10) Enter password (not null)
Confirm Password Varchar (10) Confirm the password (not null)
State Varchar (20) Enter the state (not null)
Mobile No Int (10) Enter the mobile no (not null)

Booking Report:
Attribute Data type Description
Booking Id Int(11) Store Booking Id(not null)
Customer Name Varchar(30) Store Customer Name(not null)
Bike Name Varchar(30) Store Bike Name(not null)
Booking Date Varchar(30) Store Booking Date(notnull)
Delivery Date Varchar(30) Store Delivery date(not null)
Booking Desc Varchar(30) Store Booking Desc(not null)

23
Contact Us:

Attribute Data Type Description

Name Varchar(10) Enter the Name (not null)

Company Varchar(15) Enter the Company (not null)

Phone Int(10) Enter the Phone Number (not

null)
E-mail Varchar(30) Enter the E-mail (not null)

Message Varchar(50) Enter the Message (not null)

24
E-r diagrams:
An Entity Relationship (ER) Diagram is a type of flowchart that illustrates how
“entities” such as people, objects or concepts relate to each other within a system. ER
Diagrams are most often used to design or debug relational database in the fields of software
engineering, business information system, education and research. Also. Known as ERDs or
ER Models, they use a defined set of symbols such as rectangles, diamonds, ovals and
connecting lines to depict the interconnectedness of entities, relationship and their attributes.

25
Class Diagram:

Class diagrams are one of the most useful types of diagrams in UML as they clearly
map out the structure of system by modelling its classes, attributes, operations, and
relationship between objects. With our UML diagramming software, creating these
diagram is not as overwhelming as it might appear. This guide will show you how to
understand, plane and create your own class diagrams.

Basic components of a class diagram

The standard class sdiagram is composed of three section:

▪ Upper section: Contains the name of the class. This section is always required,
whether you are talking about the classifier or an object.
▪ Middle section: Contains the attributes of the class. Use this section to describe
the qualities of the class. This is only required when describing a specific
instance of class.
▪ Bottom section: Include class operation (methods). Displayed in list format,
each operation takes up its own line. The operation describe how a class
interacts with data.

26
Class Diagram:-

27
Data flow diagram:
INTRODUCTION:
The focus of activity modelling is the sequence and condition for coordinating
lower level behaviours, rather than which classifiers own those behaviours.
These are commonly called control flow and object flow models.
The behaviours coordinated by these models can be initiated because events occur
external to the flow.
SYMBOLS AND DESCRIPTION:

Symbol Description

Represents the beginning of a process or workflow in an activity diagram. It

can be used by itself or with a note symbol that explains the starting point.

Initial State
An action state represents the non-interruptible action of objects. You can
draw an action state in Smart Draw using a rectangle with rounded corners.

Action State

Transition, also called edges and paths, illustrate the transitions from one
action state to another. They are usually drawn with an arrowed line.

Transition

Represents a decision and always has at least two paths branching out with
condition text to allow users to view options. This symbol represents the
branching or merging of various flows with the symbol acting as a frame or
container.

Decision

Marks the end state of an activity and represents the completion of all flows
of a process

Final State

28
Login form:-

29
Registration form:

30
Admin :

31
User:

32
Use case Diagram:
INTRODUCTION:
USE CASE DIAGRAM is an expression of relation between
the use case in a specific system or object and the external actors.
Use Case expresses the function of the system and how the system
functions interact with the external actors.
SYMBOLS AND DESCRIPTION:

Symbols Description

Actor specifies a role played by a user or any other system

that interacts with the subject.

Use case is a list of steps, typically defining interactions

between an actor and a system, to achieve a goal.

Draw your system's boundaries using a rectangle that

contains use cases. Place actors outside the system's
boundaries.

An association is the relationship between an actor and a

business use case. It indicates that an actor can use a certain
functionality of the business system.

33
34
Sequence Diagram:-

INTRODUCTION:
Sequence Diagram expresses the interactions of instance. It is a direct
expression of the Interaction Instance Set, which is a set of the stimuli exchanged
between the instances within a Collaboration Instance Set. While Sequence Role
Diagram is a Classifier Role oriented expression, Sequence Diagram is an Instance-
oriented expression.

Symbols Description

Objects are model elements that represent instances of a class or

of classes.

Object

Message is an element that defines a specific kind of

communication between instances in aninteraction.
Stimulus

35
Sequence diagram for Admin:

36
Sequence diagram for User:

37
5. Implementation
and Testing

38
 Chapter 5
Implementation and Testing
5.1 Code:
5.1.1 Login Code:
<?php
if(isset($_POST['login']))
{
$email=$_POST['email'];
$password=md5($_POST['password']);
$sql ="SELECT EmailId,Password,FullName FROM tblusers WHERE EmailId=:email and
Password=:password";
$query= $dbh -> prepare($sql);
$query-> bindParam(':email', $email, PDO::PARAM_STR);
$query-> bindParam(':password', $password, PDO::PARAM_STR);
$query-> execute();
$results=$query->fetchAll(PDO::FETCH_OBJ);
if($query->rowCount() > 0)
{
$_SESSION['login']=$_POST['email'];
$_SESSION['fname']=$results->FullName;
$currentpage=$_SERVER['REQUEST_URI'];
echo "<script type='text/javascript'> document.location = '$currentpage'; </script>";
} else{

echo "<script>alert('Invalid Details');</script>";

}
}
?>

<div class="modal fade" id="loginform">

<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-
hidden="true">&times;</span></button>
<h3 class="modal-title">Login</h3>
</div>
<div class="modal-body">
<div class="row">
<div class="login_wrap">
<div class="col-md-12 col-sm-6">
<form method="post">
<div class="form-group">
<input type="email" class="form-control" name="email" placeholder="Email address*">
</div>
<div class="form-group">
<input type="password" class="form-control" name="password" placeholder="Password*">
</div>

39
 <div class="form-group checkbox">
<input type="checkbox" id="remember">

</div>
<div class="form-group">
<input type="submit" name="login" value="Login" class="btn btn-block">
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal-footer text-center">
<p>Don't have an account? <a href="#signupform" data-toggle="modal" data-
dismiss="modal">Signup Here</a></p>
<p><a href="#forgotpassword" data-toggle="modal" data-dismiss="modal">Forgot Password
?</a></p>
</div>
</div>
</div>
</div>

5.1.2 Registration Code:

<?php
//error_reporting(0);
if(isset($_POST['signup']))
{
$fname=$_POST['fullname'];
$email=$_POST['emailid'];
$mobile=$_POST['mobileno'];
$password=md5($_POST['password']);
$sql="INSERT INTO tblusers(FullName,EmailId,ContactNo,Password)
VALUES(:fname,:email,:mobile,:password)";
$query = $dbh->prepare($sql);
$query->bindParam(':fname',$fname,PDO::PARAM_STR);
$query->bindParam(':email',$email,PDO::PARAM_STR);
$query->bindParam(':mobile',$mobile,PDO::PARAM_STR);
$query->bindParam(':password',$password,PDO::PARAM_STR);
$query->execute();
$lastInsertId = $dbh->lastInsertId();
if($lastInsertId)
{
echo "<script>alert('Registration successfull. Now you can login');</script>";
}
else
{
echo "<script>alert('Something went wrong. Please try again');</script>";
}}
?>
<script>
function checkAvailability() {
$("#loaderIcon").show();
jQuery.ajax({
40
url: "check_availability.php",
data:'emailid='+$("#emailid").val(),
type: "POST",
success:function(data){
$("#user-availability-status").html(data);
$("#loaderIcon").hide();
},
error:function (){}
});
}
</script>
<script type="text/javascript">
function valid()
{
if(document.signup.password.value!= document.signup.confirmpassword.value)
{
alert("Password and Confirm Password Field do not match !!");
document.signup.confirmpassword.focus();
return false;
}
return true;
}
</script>
<div class="modal fade" id="signupform">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-
hidden="true">&times;</span></button>
<h3 class="modal-title">Sign Up</h3>
</div>
<div class="modal-body">
<div class="row">
<div class="signup_wrap">
<div class="col-md-12 col-sm-6">
<form method="post" name="signup" onSubmit="return valid();">
<div class="form-group">
<input type="text" class="form-control" name="fullname" placeholder="Full Name"
required="required">
</div>
<div class="form-group">
<input type="text" class="form-control" name="mobileno" placeholder="Mobile Number"
maxlength="10" required="required">
</div>
<div class="form-group">
<input type="email" class="form-control" name="emailid" id="emailid" onBlur="checkAvailability()"
placeholder="Email Address" required="required">
<span id="user-availability-status" style="font-size:12px;"></span>
</div>
<div class="form-group">
<input type="password" class="form-control" name="password" placeholder="Password"
required="required">
</div>
<div class="form-group">
<input type="password" class="form-control" name="confirmpassword" placeholder="Confirm
Password" required="required">
</div>
41
 <div class="form-group checkbox">
<input type="checkbox" id="terms_agree" required="required" checked="">
<label for="terms_agree">I Agree with <a href="#">Terms and Conditions</a></label>
</div>
<div class="form-group">
<input type="submit" value="Sign Up" name="signup" id="submit" class="btn btn-block">
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal-footer text-center">
<p>Already got an account? <a href="#loginform" data-toggle="modal" data-dismiss="modal">Login
Here</a></p>
</div>
</div>
</div>
</div>

5.1.3 Admin Page Code:

<?php
session_start();
include('includes/config.php');
if(isset($_POST['login']))
{
$email=$_POST['username'];
$password=md5($_POST['password']);
$sql ="SELECT UserName,Password FROM admin WHERE UserName=:email and Password=:password";
$query= $dbh -> prepare($sql);
$query-> bindParam(':email', $email, PDO::PARAM_STR);
$query-> bindParam(':password', $password, PDO::PARAM_STR);
$query-> execute();
$results=$query->fetchAll(PDO::FETCH_OBJ);
if($query->rowCount() > 0)
{
$_SESSION['alogin']=$_POST['username'];
echo "<script type='text/javascript'> document.location = 'change-password.php'; </script>";
} else{
echo "<script>alert('Invalid Details');</script>";
}}
?>
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-
scale=1">
<meta name="description" content="">
<meta name="author" content="">
42
 <title>Bike Rental Portal | Admin Login</title>
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/dataTables.bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-social.css">
<link rel="stylesheet" href="css/bootstrap-select.css">
<link rel="stylesheet" href="css/fileinput.min.css">
<link rel="stylesheet" href="css/awesome-bootstrap-checkbox.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="login-page bk-img" style="background-image: url(img/adminlogin0.jpg);">
<div class="form-content">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<h1 class="text-center text-bold text-light mt-4x">ADMIN LOGIN</h1>
<div class="well row pt-2x pb-3x bk-light">
<div class="col-md-8 col-md-offset-2">
<form method="post">

<label for="" class="text-uppercase text-sm">Your Username </label>

<input type="text" placeholder="Username" name="username" class="form-control mb">

<label for="" class="text-uppercase text-sm">Password</label>

<input type="password" placeholder="Password" name="password" class="form-control mb">

<button class="btn btn-primary btn-block" name="login" type="submit">LOGIN</button>

</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Loading Scripts -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.min.js"></script>
<script src="js/Chart.min.js"></script>
<script src="js/fileinput.js"></script>
<script src="js/chartData.js"></script>
<script src="js/main.js"></script>
</body>
</html>

43
 5.1.3 Page Code:
<?php
session_start();
include('includes/config.php');
error_reporting(0);
?>
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="keywords" content="">
<meta name="description" content="">
<title>Bike Rental Portal</title>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
</head>
<body>
<!-- Start Switcher -->
<?php include('includes/colorswitcher.php');?>
<!-- /Switcher -->
<!--Header-->
<?php include('includes/header.php');?>
<!-- /Header -->
<!-- Banners -->
<section id="banner" class="banner-section">
<div class="container">
<div class="div_zindex">
<div class="row">
<div class="col-md-5 col-md-push-7">
<div class="banner_content">
<h1>Find Your Perfect bike</h1>
<p>We have more than a thousand bikes for you to choose. </p>
<a href="#" class="btn">Read More <span class="angle_arrow"><i class="fa fa-angle-right" aria-
hidden="true"></i></span></a> </div>
</div> </div> </div> </div>
</section>
<!-- /Banners -->
<!-- Resent Cat-->
<section class="section-padding gray-bg">
<div class="container">
<div class="section-header text-center">
<h2>Find the Best <span>Bike For You</span></h2>
<p>You will be able to fully enjoy your holiday and your ride! Any problems? Our passionate team will be
happy to help you!! No waste of time during your holidays to find a rental point on the spot! No language barrier,
thanks to our multilingual team! At the same price you would pay on the spot! We have best bikes with best
deals</p>
</div>
<div class="row"> <div class="recent-tab">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#resentnewcar" role="tab" data-toggle="tab">New
44
Bike</a></li>
</ul>
</div>
?>
<div class="col-list-3">
<div class="recent-car-list">
<div class="car-info-box"> <a href="vehical-details.php?vhid=<?php echo htmlentities($result->id);?>"><img
src="admin/img/vehicleimages/<?php echo htmlentities($result->Vimage1);?>" class="img-responsive"
alt="image"></a>
<ul>
<li><i class="fa fa-car" aria-hidden="true"></i><?php echo htmlentities($result->FuelType);?></li>
<li><i class="fa fa-calendar" aria-hidden="true"></i><?php echo htmlentities($result->ModelYear);?>
Model</li>
<li><i class="fa fa-user" aria-hidden="true"></i><?php echo htmlentities($result->SeatingCapacity);?>
seats</li>
</ul></div>
<div class="car-title-m">
<h6><a href="vehical-details.php?vhid=<?php echo htmlentities($result->id);?>"><?php echo
htmlentities($result->BrandName);?> , <?php echo htmlentities($result->VehiclesTitle);?></a></h6>
<span class="price">$<?php echo htmlentities($result->PricePerDay);?> /Day</span>
</div>
<div class="inventory_info_m">
<p><?php echo substr($result->VehiclesOverview,0,70);?></p>
</div></div></div>
<?php }}?>
</div></div> </div>
</section>
<!-- /Resent Cat -->
<!-- Fun Facts-->
<section class="fun-facts-section">
<div class="container div_zindex">
<div class="row">
<div class="col-lg-3 col-xs-6 col-sm-3">
<div class="fun-facts-m">
<div class="cell">
<h2><i class="fa fa-calendar" aria-hidden="true"></i>40+</h2>
<p>Years In Business</p>
</div> </div> </div>
<div class="col-lg-3 col-xs-6 col-sm-3">
<div class="fun-facts-m">
<div class="cell">
<h2><i class="fa fa-motorcycle " aria-hidden="true"></i>1000+</h2>
<p>New Bikes For Sale</p>
</div> </div></div>
<div class="col-lg-3 col-xs-6 col-sm-3">
<div class="fun-facts-m"> <div class="cell">
<h2><i class="fa fa-motorcycle " aria-hidden="true"></i>999+</h2>
<p>Used Bikes For Sale</p>
</div></div> </div>
<div class="col-lg-3 col-xs-6 col-sm-3">
<div class="fun-facts-m">
<div class="cell">
45
 <h2><i class="fa fa-user-circle-o" aria-hidden="true"></i>850+</h2>
<p>Satisfied Customers</p>
</div></div> </div> </div></div>
<div class="dark-overlay"></div>
</section>
<!--Testimonial -->
<section class="section-padding testimonial-section parallex-bg">
<div class="container div_zindex">
<div class="section-header white-text text-center">
<h2>Our Satisfied <span>Customer's Review</span></h2>
</div>
<div class="row"> <div id="testimonial-slider">
<?php
$tid=1;
$sql = "SELECT tbltestimonial.Testimonial,tblusers.FullName from tbltestimonial join tblusers on
tbltestimonial.UserEmail=tblusers.EmailId where tbltestimonial.status=:tid";
$query = $dbh -> prepare($sql);
$query->bindParam(':tid',$tid, PDO::PARAM_STR);
$query->execute();
$results=$query->fetchAll(PDO::FETCH_OBJ);
$cnt=1;
if($query->rowCount() > 0)
{
foreach($results as $result)
{ ?>
<div class="testimonial-m">
<div class="testimonial-img"> <img src="assets/images/cat-profile.png" alt="" /> </div>
<div class="testimonial-content">
<div class="testimonial-heading">
<h5><?php echo htmlentities($result->FullName);?></h5>
<p><?php echo htmlentities($result->Testimonial);?></p>
</div></div></div>
<?php }} ?>
</div></div> </div>
<div class="dark-overlay"></div>
</section>
<?php include('includes/footer.php');?>
<div id="back-top" class="back-top"> <a href="#top"><i class="fa fa-angle-up" aria-hidden="true"></i> </a>
</div>
<!--Register-Form -->
<?php include('includes/registration.php');?>
<?php include('includes/forgotpassword.php');?>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/interface.js"></script>
<script src="assets/switcher/js/switcher.js"></script>
<script src="assets/js/bootstrap-slider.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
</body> </html>

46
 5.2 Testing & Approach

Login Page:

Registration From with Validation:

47
Client Registration Form:

Admin Login Page:

48
Test Cases:

Login Page:

Step Step details Expected Results Actual Result Pass/Fail/Not

executed/Suspended

1. Enter Email Matches Email from As Expected Pass

database
2. Enter Password Matches Password As Expected Pass
from database

Registration Page:

Step Step details Expected Results Actual Result Pass/Fail/Not

executed/Suspended
1. Enter Name Only Alphabets As Expected Pass
2. Enter Email All characters allowed As Expected Pass
3. Enter Password All characters allowed As Expected Pass
4. Conform Password All characters allowed As Expected Pass
5. Enter Phone Number Only 10 digits allowed As Expected Pass

Client page:

Step Step details Expected Results Actual Result Pass/Fail/Not

executed/Suspended
1. Enter Name Only Alphabets As Expected Pass
2. Enter Email All characters allowed As Expected Pass
3. Enter Password All characters allowed As Expected Pass
4. Conform Password All characters allowed As Expected Pass
5. Enter Phone Number Only 10 digits allowed As Expected Pass
Unit Testing:

Unit testing is a software verification and validation method where the programmer
gains confidence that individual units of source code are fit for use. A unit is thesmallest testable part
of an application. Unit testing has proven its value in that a large percentage of defects are
identified during its use.
In procedural programming a unit may be an individual program, function, procedure,etc.,
while in object-oriented programming, the smallest unit is a class, which may belong to a
base/superclass, abstract class or derived/child class. Unit tests are typically written and runby
software developers to ensure that code meets its design and behaves as intended. Its
implementation can vary from being very manual (pencil and paper) to being formalized as part of
build automation.

Integration Testing:

Integration testing, also known as integration and testing (I&T), is a software development
process which program unit are combined and tested as groups in multiple ways. In this context, a unitis
defined as the smallest testable part of an application. Integration testingcan expose problems with the
interfaces among program components before trouble occurs in real-world program execution.
Integration testing is a component of Extreme Programming (XP), a pragmatic method of software
development that takes a meticulous approach to building a product by means of continual testing
and revision.
There are two major ways of carrying out an integration test, called the bottom-up method and
the top-down method. Bottom-up integration testing begins with unit testing, followed by tests of
progressively higher-level combinations of units called modules or builds

Validation Testing:
The process of evaluating software during the development process or at the end of the development process to
determine whether it satisfies specified business requirements. Validation Testing ensures thatthe product actually
meets the client's needs. It can also be defined as to demonstrate that the product fulfills its intended use when
deployed on appropriate environment.

50
6.Result and Discussion

51
 CHAPTER 6
Result and Discussion
Home Page:-

About Us:

52
Login Page:

SignUp Page:

53
Select Bike:

Book Bike:

54
My Booking:

Admin Dashboard:

55
Post a Vehicle:

Manage Vehicle:

56
Manage Booking:

Manage Testimonials:

57
7.Conclusion and Future
Work

58
 Chapter 7
Conclusion and Future Work

To improve the Online bike service, the company could consider adding more bikes
to high-demand locations during peak hours, providing discounts or loyalty
programs for frequent customers, and expanding the service area to attract more
customers. It may also be helpful to conduct customer surveys to gather feedback
and suggestions for further improvements.

Future work for online bike service could involve implementing predictive models to
forecast bike demand, using machine learning algorithms to identify patterns and
trends in customer behavior, and optimizing the rental pricing and inventory
management. Additionally, integrating the rental service with a mobile app could
improve the customer experience by enabling easy booking, tracking, and payment
options. Finally, expanding the rental service to other cities could be considered to
increase the customer base and revenue.

59
8.REFERENCES

60
 Chapter 8
REFERENCES

Refer 1: https://en.wikipedia.org/wiki/PHP
Refer 2: https://en.wikipedia.org/wiki/MySQL
Refer 3 : https://en.wikipedia.org/wiki/CSS
Refer 4: https://en.wikipedia.org/wiki/Gantt_chart

61