Black Book Final
Black Book Final
INDEX
NO CONTENTS
1 Preface
2 Acknowledgement
3 Introduction
3.1 Limitation of existing system
3.2 User Requirements
3.3 Proposed system
Objective of project
3.4 Scope of the system
4 Technology Overview
4.1 About the packages used
5 System Configuration
5.1 Hardware and software used
6 System design
6.1 Class diagram
6.2 Usecase Diagrams
6.3 Sequence diagrams
6.4 State Transition diagrams
6.5 Activity Diagram
6.6 Gantt chart
7 Screens
7.1 Login
7.2 Homepage
7.3 Products
7.4 Description
7.5 Cart
7.6 Footer
7.7 Checkout
7.8 Logout
7.9 About us
7.10 Refund
7.11 Search
7.12 Useful links
8 Admin side
8.1 Dashboard
8.2 Footer
8.3 CRUD
9 Source Code
10 Testing
11 Implementation
12 Cost & Benefit Analysis
13 Conclusion
14 Bibliography
2
Acknowledgement
I especially thank Mr. Arun Maurya for his support & cooperation in
the implementation of my project “E-commerce website” in his firm.
Above all we should never forget the great director of the world, ‘The
Almighty’; let us thank the Almighty for his inspiration.
3
INTRODUCTION
4
Limitations:
Users Requirements
Proposed System:
In the world where demand for speed and ease of communication is endless,
computerization seems to be one of the ways to empower the common man.
The world is moving toward a future without wires. The push from wired
world to a wireless one is steadily taking place, and will have a dramatic impact on
how we shop and communicate with the sellers.
OBJECTIVES OF PROJECT
SCOPE OF PROJECT
Is more anonymous.
Provides a 24-hour a day, seven days a week service; ideal for customers
who work irregular hours.
Causes fewer queues since the transactions are quicker.
Technology
Overview
10
Database (MYSQL)
Database Flow:
13
SYSTEM
CONFIGURATION
15
Hardware Requirements
Internet connection
Web Browser (Chrome, Mozilla, Edge, Opera,
etc.)
A reliable computer
System Software:
Front End ---
Html, CSS, JavaScript
SYSTEM
DESIGN
17
FamStore
USER
Invalid User N Y
n er
gi th
Y
lo he
W
Homepage
of the
website
Products
Logout
Cart
Description of Application
First time when user goes to our website a list will be displayed with two options
“About” and “Register”.
When the user selects “About” she will get the information about the software in
terms of Help and precautions that is necessary while using it.
When the user selects “Register”, a registration form will be displayed in which
she has to register her identification by entering account number, pin number user
ID and password.
Once successfully registered the user have to Login again with the same user ID
and password for security purpose. If user enters correct Login ID and Password,
she will get three options Accessories, MyAccount, Change Password.
Using the login credentials the user can access the website.
He can then choose the products he wants to buy and proceed to checkout.
19
UML Diagrams
Class Diagram
Use-Case Diagrams
Sequence Diagrams
Activity Diagrams
20
GANTT CHART
25
26
SYSTEM
DESIGN
Login Page
27
28
Homepage:
Products:
1. This is where the user can see all the products that are listed.
Each product has its photo.
2. The title of the product is located just below the picture.
3. Price of the product is situated below the title.
4. A small description regarding the product is given below its
price.
5. “Add to cart” button redirects the user to the complete
description of the product.
30
Footer:
Product description:
Cart info:
REPORT
34
Admin Panel
Dashboard:
Features of Dashboard:
SOURCE CODE
Login.php:
37
<?php
session_start();
include('includes/header.php');
if(isset($_SESSION['auth']))
{
$_SESSION['status']="You are Already Logged In";
header('Location: index.php');
exit();
}
?>
<div class="section">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-5 my-5">
<?php
if(isset($_SESSION['auth_status']))
{
?>
<div class="alert alert-warning alert-dismissible fade show"
role="alert">
<strong>Hey!<?php echo $_SESSION['auth_status']; ?>
<button type="button" class="close" data-dismiss="alert" aria-
label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<?php
unset($_SESSION['auth_status']);
}
?>
<?php
include('message.php');
?>
<div class="card-my-5">
<div class="card-header bg-light">
<h5>Log In </h5>
</div>
<div class="card-body">
<form action="logincode.php" method="POST">
<div class="form-group">
<label for="">Email Id</label>
<input type="text" name="email" class="form-control"
placeholder="Email Id">
</div>
<div class="form-group">
<label for="">Password</label>
38
<?php
include('includes/footer.php');
?>
Index.php:
39
<?php
include('authentication.php');
include('includes/topbar.php');
include('includes/slider.php');
?>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/
bootstrap.min.css" rel="stylesheet" integrity="sha384-
KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5I
Ly+dN9+nJOZ" crossorigin="anonymous">
<style>
.newSeason{
display: flex;
justify-content: center;
margin-left:120px;
}
.nsItem{
flex: 1;
background-color: black;
color: white;
flex-direction: column;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.nsImg{
width: 100%;
height: 500px;
}
.nsTitle{
font-size: 40px;
}
.nsButton{
padding: 15px;
font-weight: 600;
40
cursor: pointer;
}
</style>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
</div><!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<div class="col-md-12">
<?php
include('message.php');
?>
</div>
<!-- Main content -->
<?php
include('includes/product.php');
?>
<div class="newSeason">
<div class="nsItem">
<img src="https://images.pexels.com/photos/4753986/pexels-
photo-4753986.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""
class="nsImg">
</div>
<div class="nsItem">
<h1 class="nsTitle">New Season!!</h1>
<h1 class="nsTitle">New Collection!!</h1>
<a href="index.php">
<button class="nsButton">Choose Your Style!!</button>
</a>
</div>
<div class="nsItem">
<img src="https://images.pexels.com/photos/7856965/pexels-
photo-7856965.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""
class="nsImg">
</div>
41
</div>
<?php
include('includes/footer.php');
?>
42
authentication.php:
<?php
session_start();
if(!isset($_SESSION['auth']))
{
$_SESSION['status']="Log In To Access the
Dashboard";
header("Location: ../admin/login.php");
exit(0);
}
43
dbconnection.php:
<?php
$host="localhost";
$username="root";
$password="";
$database="phpadminpanel";
$conn=
mysqli_connect("$host","$username","$password","$datab
ase");
if(!$conn)
{
header("Location: ../dberror.php");
die();
}
// else
//{
// echo "Database Connected Successfully;
//}
?>
44
?>
<p>Bounce Rate</p>
</div>
<div class="icon">
<i class="ion ion-stats-bars"></i>
</div>
<a href="#" class="small-box-footer">More info <i class="fas fa-
arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
<div class="col-lg-6 col-6">
<!-- small box -->
<div class="small-box bg-warning">
<div class="inner">
<h3>44</h3>
<p>User Registrations</p>
</div>
<div class="icon">
<i class="ion ion-person-add"></i>
46
</div>
<a href="#" class="small-box-footer">More info <i class="fas fa-
arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
<div class="col-lg-6 col-6">
<!-- small box -->
<div class="small-box bg-danger">
<div class="inner">
<h3>65</h3>
<p>Unique Visitors</p>
</div>
<div class="icon">
<i class="ion ion-pie-graph"></i>
</div>
<a href="#" class="small-box-footer">More info <i class="fas fa-
arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
</section>
</div>
<?php
include('includes/footer.php');
?>
47
TESTING
48
Module Testing :
Module Testing involves testing individual module independently. Each module is fed
with correct and incorrect data separately. Checks are made if module performs correct
processing of valid data detects as well as handle errors due to incorrect data. Method that
is used for testing is module level testing. The whole system is tested with different data
entries and validations are done based on these data entries.
In User Acceptance Testing, correct and incorrect data are separately fed into the module
to test the correctness, accuracy, speed of processing, ability of entire program to detect
and handle erroneous data and its ability to enforce security. In this type of testing, the
whole system is tested with user data and validations are done based on these data entries.
The result of this testing is all the requirements if the User are satisfied.
Test Report
Test results recording and analysis:
49
REMARKS
Correct Data No Error
Incorrect data Unable to locate account
RESULTS REMARKS
Correct Data No Error
Incorrect data Invalid User
Don’t Leave Blank
RESULTS REMARKS
Correct Data No Error
Incorrect data Unable to locate account
Don’t Leave Blank
Unselected Box Can’t defreeze Cheque
RESULTS REMARKS
Correct Data No Error
Incorrect data Unable to locate account
Don’t Leave Blank
51
RESULTS REMARKS
Correct Data No Error
Incorrect data Unable to locate account
Don’t Leave Blank
RESULTS REMARKS
Correct Data No Error
Incorrect data Unable to locate account
Don’t Leave Blank
RESULTS REMARKS
Correct Data No Error
Incorrect data Unable to locate account
Don’t Leave Blank
Unselected Box Can’t defreeze ur Account
53
RESULTS REMARKS
Correct Data No Error
Incorrect data Invalid User
Don’t Leave Blank
54
IMPLEMENTATION
55
Radio Transmission
Radio transmission consists of two components. These are a transmitter and a
receiver, both of which must be tuned to the same frequency. A transmitter broadcasts a
steady wave called a carrier signal that does not contain any information(Figure
1).Conceptually, you can think of a telephone dial tone as a carrier signal.
Figure 1:- A carrier signal is a broadcast wave that does not contain any information.
A carrier signal has two purposes. First, the carrier signal establishes a
communications channel with the receiver (Figure 2). The receiver knows the channel is
open when the carrier signal is detected. The carrier signal also serves as the wave that is
encoded with information during transmission.
56
Figure 3:-. Sound waves detected by a microphone modify the carrier signal.
57
Wireless connection:
This is application for the mobile banking. It has relatively new features i.e.
connecting a bank with a mobile phone. Bank customer will connect bank server with the
help of http connection.
4. We can change Login Id and password with the help of change password
option.
Product Quality:
CONVENIENCE: It can be available for 24 hours a day, 7 days a week and only with
select and click type.
UBIQUITY: If the customer is out of state or even out of the country, she can take
care of her shopping.
FUTURE
ENHANCEMENT
63
Future Enhancement
None of the technologies can provide a e-commerce solution that works completely
without problems and satisfies the customer.
CONCLUSION
Requirements of the
organization. The objective of
software planning is to provide
a frame work
That enables the manger to
make reasonable estimates
made within a limited time
frame at the
Beginning of the software
project and should be updated
regularly as the project
progresses.
This website provides a
computerized version of
shop manipulate system which
will benefit
69
BIBLIOGRAPHY
75
Bibliography