ELECTRICAL BILLING SYSTEM

Submitted in partial fulfillment of the requirements for the degree of

BACHELOR OF TECHNOLOGY
CSE(Data Science)

by
K. ABHITHA

21K95A6703

Under the guidance of

Mrs.B.Tejaswini
Faculty of CSE (Data Science)

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

(DATA SCIENCE)

TKR COLLEGE OF ENGINEERING AND TECHNOLOGY (AUTONOMOUS)

(ACCREDITED BY NBA AND NAAC WITH ’A’ GRADE)

Medbowli, Meerpet, Saroornagar, Hyderabad-500097
 DECLARATION BY THE CANDIDATE
I, MS.K. ABHITHA bearing Hall Ticket Number: 21K95A6703, hereby declare that the
project report titled ELECTRICITY BILLING SYSTEM under the guidance of
Mrs.B.TEJASWINI FACULTY in Department of Computer Science and Engineering.
(Data Science) is submitted in partial fulfillment of the requirements for the award of the
degree of Bachelor of Technology in Computer Science and Engineering (Data Science).

Signature of the Candidate

Roll Number: 21K95A6703

Place: Meerpet

Date:
 CERTIFICATE

This is to certify that the main project report entitled ELECTRICITY BILLING SYSTEM,
being submit-ted by MS.K. ABHITHA, bearing ROLL.NO:.21K95A6703 in partial
fulfillment of requirements for the award of degree of Bachelor of Technology in Computer
Science and Engineering (Data Science), to the TKR College of Engineering and
Technology is a record of bonafide work carried out by him/her under my guidance and
supervision.

Name and Signature of the Guide Name and Signature of the HOD

Place: Meerpet

Date:
 TABLE OF CONTENTS

ABSTRACT i
ACKNOWLEDGEMENTS ii
LIST OF FIGURES iii
LIST OF TABLES iv
1.INRODUCTION 2

Motivation 2
Problem definition 3
Limitations of existing system 3
Proposed system 3
2 LITERATURE REVIEW 4
Review of Literature 6
3 REQUIREENTS ANALYSIS 7
Functional Requirements 7
Non-Functional Requirements 8
4.DESIGN 9
DFDs and UML diagrams 9
Use Case Diagram 10
Relational Table for Database Design diagram 11
5.CODING 12
Pseudo Code 24
6.IMPLEMENTATION and RESULTS 26
Explanation of Key functions 26
Implementation 27
Technologies Used 28
System Tool 29
7.SCREENSHOTS 30
8.TESTING and VALIDATION 34
a. Design of Test Cases and Scenarios 35
b. Validation 35
9. CONCLUSION 36
REFERENCES 37
 ABSTRACT

Electricity consumers are often faced with the problem of inaccuracy and delay in monthly
billing due to the drawback in reading pattern and human errors. thus, it is essential to have an
efficient system for such purposes via electronic platform with consideration to proximity. the
proposed system automates the conventional process of paying electricity bill by visiting the
electricity board which is tiresome and time consuming. it is also designed to automate the
electricity bill calculation and payment for user convenience.

i
 ACKNOWLEDGEMENT
The satisfaction and euphoria that accompanies the successful completion of any task would
be incomplete without the mention of the people who made it possible and whose en-
couragement and guidance have crowned my efforts with success.

I am indebted to the Internal Guide, MRS.B. TEJASWINI, professor, Dept. of Computer

Science and Engineering (Data Science), TKR College of Engineering and Technology, for
his/her support and guidance throughout my Thesis/Dissertation.

I am also indebted to the Head of the Department, Dr. V. Krishna, Hod, Computer Science
and Engineering (Data Science), TKR College of Engineering and Technology, for his support
and guidance throughout my Thesis/Dissertation.

I extend my deep sense of gratitude to the Principal, Dr. D. V. Ravi Shankar, TKR College of
Engineering and Technology (Data Science), for permitting me to undertake this
Thesis/Dissertation.

Finally, I express my thanks to one and all that have helped me in successfully com- peltingthis
Thesis/Dissertation. Furthermore, I would like to thank my family and friends for their moral
support and encouragement

K. Abhitha
21K95A6703
Place: Meerpet

Date:

ii
 LIST OF FIGURE

4.1 DFD FLOW DIAGRAM 9

4.2 Use Case Diagram 10

4.3 Relationship design 11

7.1 Home page 33

7.2 Login Page 33

7.3 Registration Page 34

7.4 Billing Page 34

7.5 Department Page 35

iii
 LIST OF TABLES

.1 Test 8Cases 36

iv
v
 CHAPTER 1

INTRODUCTION

MOTIVATION:

IT sector in India is developing very quickly and India is a developing country. The Indian
Government tried to increase the mobility to develop modern technology and for spreading the
IT facilities over the nation invested a lot every year. For developing the IT market in India, the
Government provides numerous facilities and spends lots of money for campaigning and
connecting people with IT market. India has a massive payment and the Indian people always
facing communication time consume problem during go to payment for billing some bills and
sometimes they are unable to buy their desired goods. During occasion this problem becomes
more dangerous. As a result, it becomes keen desired to find out a appropriate solution to solve
this problem in effective way. This process is a real time method, so it saves lots of time for
customer and government both parties. Online billing is an Internet system through which a
trader these goods and the customers pay these bills form these electrical department.

Introduction to proposed system

Our project entitled “ELECTRICITY BILLING SYSTEM” aims is to generate electricity bill
with all the charges and penalty. Manual system that is employed is extremely Laborious and
quite inadequate. It only makes the process more difficult and harder.

The aim of our project is to develop a system that is meant to partially computerize the
work performed in the Electricity Board like generating monthly electricity bill, record of
consuming unit of energy, store record of the customer and previous unpaid record.

We used visual studio code as front end and my sql as back end for developing our
project. Visual basic is primarily a visual design environment. We can create a VB application
code to the form and objects such as buttons and text boxes on them and adding any required
support code in additional modular.

Microsoft access 2000 is powerful relational database application with which a desktop user can
efficiently create and manipulate database systems. Access targets the category and works best
for individuals and workgroup.
Managing megabytes of data for multi-user access to the same database, Access uses file-server
architecture, rather than client-server architecture.

Access is included in the professional and developer editions of Microsoft office.

The overall project report is divided into some parts. These parts are further divided into their
subparts. In the parts are further divided into their subparts. In the parts we have described the
purpose, scope of the project, objective of the project i.e., approach which used for developing
this software. It includes the topics like the problems with the existing system and the
functionality of the organization. Introduction to tools, design, coding, testing and debugging of
the system are discussed in very detail. We have also provided the names of the books from
which we have taken guidance to complete the work. Last section contains the matter about the
overall work performed and the efforts taken to complete the project.

PROBLEM DEFINITION

The old manual system was suffering from a series of drawbacks. Since whole of the system was
to be maintained with hands the process of keeping, maintaining and retrieving the information
was very tedious and lengthy. The records were never used to be in a systematic order. There
used to be lots of difficulties in associating any information was to be found it was required to go
through the different registers, documents there would never exist anything like report
generation. There would always be unnecessary consumption of time while entering records and
retrieving records. One more problem was that it was very difficult to find errors while entering
the records. Once the records were entered it was very difficult to update these records.

LIMITATIONS OF EXISTING SYSTEM

IN EXISTING SYSTEM, THE CURRENT BILLING AND METER SYSTEM FOLLOWED SOME

FEATURES THAT ARE: THE METER IS A MECHANICAL DEVICES WHICH CONSIST OF GEARS
AND CIRCULAR SCALE SHOWS THE CORRESPONDING READINGS . THE BILLING SYSTEM IS

MANUAL BILLS ARE GENERATED DOOR TO DOOR AND AT THE END OF THE DAY ALL DATA ARE

ENTERED INTO THE DATABASE MANUALLY OR VIA PORTABLE PRINTING MACHINES.

2
PROPOSED SYSTEM
The selected project entails the integration of online bill payment system and online complain
system. Consumer electricity bills can be uploaded for the viewing by the consumers. Consumers
can make complains about pressing issues concerning their power supply. Consumers can easily
pay their electricity bills without stress.

3
 CHAPTER 2

LITERATURE REVIEW

REVIEW OF LITERATURE

The key motivation of this systematic literature review is to study, analyze and explore the status
of different solutions presented for management of electricity throughout the world and
determine requirements for development of a new electricity management system.we apply
standard systematic review method with the manual search of three digital librabies.

1.1 SUCCESS OF ELECTRICITY BILLING SYSTEM

There are customers whose schedules prevent them from being able to visit certain electrical
station during their regular operating hours. This is an attribute that has negative implications on
the general paying of a commercial entity. Time consuming process. It is headache for the
government to collect debts due electricity usage from every customer. Problem of thefts leading
to unbalanced billing causes loss of economy. Even people feel it burden to stand in a queue
every month for the payment of bill by this way government will not face many problems near
thefts and everyone can pay bills easily.

1.2 Size of electrical billing market

Currently, the total value of the electrical billing system is estimated to be approximately one
trillion United States dollars. Market analysts project that this market is expected to realize
additional growth in the next financial year. It is predicted that the US will realize a thirteen-
percentage growth of its total electrical billing market (Manzoor, 2010, p. 92). This is primarily
because of the degree of internet penetration in these economies, as well as the level of
technology adoption. However, it is anticipated that electrical billing markets are expected to
grow faster in the emerging economies than developed economies. Most of these countries are
characterized by relatively high populations. This suggests that they have a large customer base.
As the levels of internet penetration increases in these countries, it is expected that the popularity
of economy will also increase.

4
1.3 Consumer Demand

Over the years, the demand for online billing has been increasing progressively. This is mainly
due to the several benefits that customers, as well as government, stand to realize through the
utilization of this form of billing. Electrical consumers are happy with the online billing by this
government can less stress and less manpower, so government is gained enormous popularity
mostly in everywhere.

1.4 Online Strategies of electrical billing system

Online billing is formulating strategies that will facilitate them to gain a competitive advantage
over all the other forms of billing. The entities operating within this market are conscious about
the preferences of the consumers. Most of the clients can willingly part with more money than
before for purposes of procuring bills that deemed to be of value. Therefore, online billing need
to pay their monthly in a manner that will facilitate the provision of the highest value to the
customers. This is a stratagem that will also enable these power stations to realize a relatively
high level of profitability. Online billing is also exploiting new ways of billing. Successful online
billing system have developed many strategies that utilize the traditional techniques of billing, as
well as it is easy.

1.5. Factors facilitating Online Growth

Now a days everyone is using the online to everything and we are also inventing many things to
use and to reduce the time and the work we are doing everything mobile. we are making orders
and paying bills in online without any stress and time-consuming process we are doing.

The penetration of the internet has also been a key factor with regards to the growth of the online
billing platform. The growth of the online billings is directly related to the prevailing level of
internet penetration. This suggests that the growth of online billing increases as the levels of
penetration of internet access increases.

1.6. Limitations of electrical billing

Excel export has not been developed for bills; consumptions due to some criticality. The
transactions are executed in off-line mode, hence on-line data for customers, connections capture
and modification are not possible. Off-line reports of customers, Readings, units cannot be
generated due to batch mode execution.

5
1.7 How electrical billing affects consumer spending.

Electrical billing is amongst the primary drivers of impulse billing. This is because a consumer

usually comes across several things while billing process. There are certain occurrences whereby

a customer may end up procuring billing that are in excess of what he or she had intended to

procure.

6
 CHAPTER 3

REQUIREMENTS ANALYSIS

FUNCTIONAL REQUIREMENTS

The system must provide the following functionality-

1. Keeping records of customers.

2. Keeping records of the category, subcategory and

their bills.

3. Keeping the daily and previous bills list.

4. Provide the checkout functionalities for the customer to pay the bills.

5. Keeping payments and its bills and information.

6. Provide the bills searching facilities for the customer.

NON-FUNCTIONAL REQUIREMENTS

Non-Functional Requirement is a quality attribute of a software system. They evaluate the

software system’s responsiveness, usability, security, portability, and other non-functional

characteristics that are critical to its success. Non-functional requirements must be specified with

the same attention as

1.functional requirements

2.Usability requirement

3.Serviceability requirement

4.Security requirement

5.Data Integrity requirement

6.Capacity requirement
7
7.Availability requirement

8.Scalability requirement

9.Interoperability requirement

10.Reliability requirement

12.Maintainability requirement

8
 CHAPTER 4
DESIGN
USE CASE DIAGRAM

CONNECTION
D MANAGEMENT CUSTOMER MANAGEMENT

PAYMENT
MANAGEMENT ELECTRICITY BILLING SYSTEM USER
SYSTEM MANAGEMENT

LOGIN MANAGEMENT

Fig. 4.1: Use Case Diagram

9
SYSTEM ARCHITECTURE

FIG 4.2: SYSTEM ARCHITECTURE

10
ER-MODEL DIAGRAM

Fig:4.3 E-R model diagram

11
 CHAPTER 5

CODING
PSEUDO CODE

<?php
require_once("Includes/config.php");
require_once("pIncludes/session.php");
// if ($count===0) {
// $err_login="There were some problem";
// }
if(isset($_SESSION['logged']))
{
if ($_SESSION['logged'] == true)
{
if ($_SESSION['account']=="admin") {
header("Location:admin/index.php");
}
elseif ($_SESSION['account']=="user") {
header("Location:user/index.php");
}
}
else {
header("Location:../index.php");
}
}

if(isset($_POST['login_submit'])) {
if(!(isset($_POST['email']))) {
if(!(isset($_POST['pass']))) {
location('index.php');
}
}
}
?>

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<title>index</title>
12
 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/
bootstrap.min.css" rel="stylesheet" integrity="sha384-
GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD"
crossorigin="anonymous">
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.
js" integrity="sha384-
w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
crossorigin="anonymous"></script>

<!-- Bootstrap core CSS -->

<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/font-awesome.css" rel="stylesheet">
<!-- <link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"> --
>

<!-- Custom styles for this template -->

<link href="assets/css/main.css" rel="stylesheet">

<!-- Fonts from Google Fonts -->

<!-- <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700'
rel='stylesheet' type='text/css'> -->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></
script>
<![endif]-->
</head>

<body>

<!-- Fixed navbar -->

<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<li class="navbar navbar-expand-lg navbar-light bg-light">
<div class="div">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="navbar navbar-expand-lg navbar-light bg-light">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#"
role="button" aria-expanded="false">users</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="login.php">compliants</a></li>
<li><a class="dropdown-item" href="https://ardem.com/business-trends/top-5-
technologies-utility-bill-processing/">Anothers</a></li>
13
 <li><a class="dropdown-item" href="#">print</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="feed.php">feedback</a></li>
</ul>
</li>
<li class="navbar navbar-expand-lg navbar-light bg-light">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#"
role="button" aria-expanded="false">Creative Field</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="https://www.energy.vic.gov.au/for-
households/save-energy-and-money/top-10-energy-saving-tips">Ideas</a></li>
<li><a class="dropdown-item" href="invo.php">Invotions</a></li>
<li><a class="dropdown-item" href="#">technology</a></li>
<li><hr class="dropdown-divider"></li>

</ul>
<li class="navbar navbar-expand-lg navbar-light bg-light">
<div class="div">
<a class="nav-link active" aria-current="page" href=">profile</a>
</li>
<li class="navbar navbar-expand-lg navbar-light bg-light">
<div class="div">
<a class="nav-link active" aria-current="page"
href="https://www.tssouthernpower.com/onlinebillenquiry">verifying</a>
</li>

<div class="navbar-header">
<a class="navbar-brand" href="index.php"><b>Electric billing
portal</b></a>
</div>
</div>
<div class="navbar-collapse collapse" >
<?php include("login.php"); ?>
</div>
<!--/.nav-collapse -->
</div>
</div>

<div id="headerwrap">
<div class="darkhearderwrap">
<div class="container">
<div class="row">
<div class="col-lg-6 signup">
<h1>Electricity Bill<br>Management System</h1>
<p>
</div>
<!-- /col-lg-6 -->
<div class="col-lg-6">
<h1>Sign Up</h1>
14
 <?php include("signup.php"); ?>
</div>
<!-- /col-lg-6 -->

</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
</div>
<!-- /headerwrap -->
<div>
<img src="assets/img/el.jpg" alt="">
</div>
<p>

</p>
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="rounded mx-auto d-block" src="assets/img/el1.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="rounded mx-auto d-block" src="assets/img/el2.jpg" alt="Second
slide">
</div>
<div class="carousel-item">
<img class="rounded mx-auto d-block" src="assets/img/el3.jpg" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-
slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-
slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="container">
<div class="row mt centered">
<div class="col-lg-6 col-lg-offset-3">
<h1>How this Portal woks</h1>
<h3></h3>
</div>
</div>
<!-- /row -->

<div class="row mt centered">

15
 <div class="col-lg-4">
<img src="assets/img/ser01.png" width="180" alt="">
<h4>1 - Login</h4>
<p></p>
</div>
<!--/col-lg-4 -->

<div class="col-lg-4">
<img src="assets/img/ser02.png" width="180" alt="">
<h4>2 - Peruse Bills</h4>
<p></p>
</div>
<!--/col-lg-4 -->

<div class="col-lg-4">
<img src="assets/img/ser03.png" width="180" alt="">
<h4>3 - Transact</h4>
<p></p>
</div>

<!--/col-lg-4 -->

</div>
<!-- /row -->
</div>
<!-- /container -->

<?php
require_once("footer.php");
?>

<!--=======================JS=========================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/js/jquery-1.11.0.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- jQuery Version 1.11.0 -->

<script src="assets/js/custom.js"></script>
<script>

function validateForm() {
var x = document.forms["myForm"]["email"].value;
var atpos = x.indexOf("@");
var dotpos = x.lastIndexOf(".");
if (atpos< 1 || dotpos<atpos+2 || dotpos+2>=x.length) {
alert("Not a valid e-mail address");
return false;
}
} </script>

16
</body>

</html>

<!-- NOTE
SINGLE PAGE FORM ALONG WITH VALIDATION
NO PHP LEAKS BACK TO THE INDEX
-->
<?php
require_once("Includes/config.php");
require_once("Includes/session.php");
/*if(!(isset($_POST['email']&&isset($_POST['pass'])))) {
location('index.php');
}*/
// if ($count === 0) {
// echo "There were some problem";
// }
?>

<form action="index.php" class="navbar-form navbar-right" role="form" method="post">

<div class="form-group">
<input type="text" placeholder="Email" name="email" id="email" class="form-
control">
</div>
<div class="form-group">
<input type="password" placeholder="Password" name="pass" id="pass"
class="form-control">
</div>
<button type="login_submit" class="btn btn-success" onclick="
validateForm();">Sign in</button>
</form>

> *{
margin: 0;
padding: 0;

.main{
width: 100;
background: linear-gradient(to top, rgba(0,0,0,0.5)50%,rgba(0,0,0,0.5)50%),
url(1.jpeg);
background-position: center;
background-size: cover;
height: 109vh;
}
17
.navbar{
width: 1200px;
height: 75px;
margin: auto;
}

.icon{
width: 200px;
float: left;
height: 70px;
}

.logo{
color: #ff7200;
font-size: 35px;
font-family: Arial;
padding-left: 20px;
float: left;
padding-top: 10px;
}

.menu{
width: 400px;
float: left;
height: 70px;
}

ul{
float: left;
display: flex;
justify-content: center;
align-items: center;
}

ul li{
list-style: none;
margin-left: 62px;
margin-top: 27px;
font-size: 14px;
}

ul li a{
text-decoration: none;
color: #fff;
font-family: Arial;
font-weight: bold;
transition: 0.4 ease-in-out;
}

ul li a:hover{
18
color: #ff7200;
}

.content{
width: 1200px;
height: auto;
margin: auto;
color: #fff;
position: relative;
}

.content .par{
padding-left: 20px;
padding-bottom: 25px;
font-family: Arial;
letter-spacing: 1.2px;
line-height: 30px;
}

.content h1{
font-family: 'Times New Roman';
font-size: 50px;
padding-left: 20px;
margin-top: 9%;
letter-spacing: 2px;
}

.form{
width: 250px;
height: 380px;
background: linear-gradient(to top, rgba(0,0,0,0.8)50%, rgba(0,0,0,0.8)50%);
position: absolute;
top: 150px;
left: 1000px;
border-radius: 10px;
padding: 25px;
}

.form h2{
width: 220px;
font-family: sans-serif;
text-align: center;
color: #ff7200;
font-size: 22px;
background-color: #fff;
border-radius: 10px;
margin: 2px;
padding: 8px;
}

.form input{
19
width: 240px;
height: 35px;
background: transparent;
border-bottom: 1px solid #ff7200;
border-top: none;
border-right: none;
border-left: none;
color: #fff;
font-size: 15px;
letter-spacing: 1px;
margin-top: 30px;
font-family: sans-serif;
}

.form input:focus{
outline: none;
}

::placeholder{
color: #fff;
font-family: Arial;
}

.btnn{
width: 240px;
height: 40px;
background: #ff7200;
border: none;
margin-top: 30px;
font-size: 18px;
border-radius: 10px;
cursor: pointer;
color: #fff;
transition: 0.4s ease;
}

.btnn:hover{
background: #fff;
color: #ff7200;
}

.btnn a{
text-decoration: none;
color: oldlace;
font-weight: bold;
}
.form .link{
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
padding-top: 20px;
text-align: center;
20
color: #fff;
}

.form .link a{
text-decoration: none;
color: #ff7200;
font-size: 12px;
}

.liw{
padding-top: 15px;
padding-bottom: 10px;
text-align: center;
}

ul{

margin-top: 25px;
margin-right: 100px;
}

ul li a{
text-decoration: none;
color: #fff;
padding: 5px 20px;
border: 1px solid #fff;
transition: 0.6s ease;
}

ul li a:hover{
background-color: #fff;
color: #000;
}

*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins',sans-serif;
}
body{
height: 100vh;
display: flex;
21
 justify-content: center;
align-items: center;
padding: 10px;
background: linear-gradient(135deg, #71b7e6, #9b59b6);
}
.container{
max-width: 700px;
width: 100%;
background-color: #fff;
padding: 25px 30px;
border-radius: 5px;
box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}
.container .title{
font-size: 25px;
font-weight: 500;
position: relative;
}
.container .title::before{
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 30px;
border-radius: 5px;
background: linear-gradient(135deg, #71b7e6, #9b59b6);
}
.content form .user-details{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 20px 0 12px 0;
}
form .user-details .input-box{
margin-bottom: 15px;
width: calc(100% / 2 - 20px);
}
form .input-box span.details{
display: block;
font-weight: 500;
margin-bottom: 5px;
}
.user-details .input-box input{
height: 45px;
width: 100%;
outline: none;
font-size: 16px;
border-radius: 5px;
padding-left: 15px;
border: 1px solid #ccc;
22
 border-bottom-width: 2px;
transition: all 0.3s ease;
}
.user-details .input-box input:focus,
.user-details .input-box input:valid{
border-color: #9b59b6;
}
form .gender-details .gender-title{
font-size: 20px;
font-weight: 500;
}
form .category{
display: flex;
width: 80%;
margin: 14px 0 ;
justify-content: space-between;
}
form .category label{
display: flex;
align-items: center;
cursor: pointer;
}
form .category label .dot{
height: 18px;
width: 18px;
border-radius: 50%;
margin-right: 10px;
background: #d9d9d9;
border: 5px solid transparent;
transition: all 0.3s ease;
}
#dot-1:checked ~ .category label .one,
#dot-2:checked ~ .category label .two,
#dot-3:checked ~ .category label .three{
background: #9b59b6;
border-color: #d9d9d9;
}
form input[type="radio"]{
display: none;
}
form .button{
height: 45px;
margin: 35px 0
}
form .button input{
height: 100%;
width: 100%;
border-radius: 5px;
border: none;
color: #fff;
font-size: 18px;
23
 font-weight: 500;
letter-spacing: 1px;
cursor: pointer;
transition: all 0.3s ease;
background: linear-gradient(135deg, #71b7e6, #9b59b6);
}
form .button input:hover{
/* transform: scale(0.99); */
background: linear-gradient(-135deg, #71b7e6, #9b59b6);
}
@media(max-width: 584px){
.container{
max-width: 100%;
}
form .user-details .input-box{
margin-bottom: 15px;
width: 100%;
}
form .category{
width: 100%;
}
.content form .user-details{
max-height: 300px;
overflow-y: scroll;
}
.user-details::-webkit-scrollbar{
width: 5px;
}
}
@media(max-width: 459px){
.container .content .category{
flex-direction: column;
}
}

24
Fig. 5.4 File format order image

25
 CHAPTER 6

IMPLEMENTATION AND RESULTS

EXPLANATION OF KEY FUNCTIONS

For implement the system collecting the required content and design the database and software.

Detail Gathering

For maintain a store the following information need to gather the title or heads unless they are
unavoidable.

Category Detail:

For Input:

The category table stores the input category name, and it should be unique so that the category
name cannot be contradicted with each other.

For Output:

All the pages of the website display entire category name. Subcategory Details:

For Input:

The subcategory table store the input subcategory name and the subcategory name are included
under the category name.

For Output:

Subcategory name should be displayed when user clicks on the category name in the dropdown
menu.

billing Details:

For Input:

Input the details of the product that is product name, price, discount, description of the Product,
Upload Photo, and quantity.

For Output:
The details of the product display on the website.

26
For Input:

Input whether the product is featured or not.

For Output:

Then we would display featured product in the front page of the website.

Customer Details:

For Input:

Input Username, Password, email of the user.

For Output:

User will login using this username and password to add products to cart.

For Input:

Input Username, email, password, image, address, mobile For

Output:

Administrator will see the details of the customer in the order list page.

Implementation

System Implementation:
Implementation is the realization of an application, or execution of a plan, idea, model, design,
specification, standard, algorithm, or policy. I worked so hard to implement this project. I use
system implementation and website implementation.

Systems implementation is the process of:

1. Defining how the information system should be built 2.

Ensuring that the information system is operational and used,

3. Ensuring that the information system meets quality standard.

27
For implementation of a website:

1. The website can be installed on a server.

2. The owners of the website are to be properly trained to use all the features of the website.

3. To show the accuracy of the website and conformance of the owners or users.

Technologies Used:

Server: Apache (XAMPP)

Database: LibreOffice

System Tools:

A project development and an implementation technology can be mapped out using a project
timeline. It is a process for defining designing, testing, and implementation of a software
application or program. Acquisition of their party tools like dependency manager, database
system all can be included for customizing the total system.

Tools that we have used to design and develop our system are as follows-

• HTML:

It is used to generate web page. HTML, an initialization of Hypertext Markup Language, is the
predominant markup language for web pages. It provides a means to describe the structure of
text-based information in a document — by denoting certain text as headings, paragraphs, lists,
and so on.

• CSS:

CSS stands for “Cascading Style Sheets” is a language for style and manipulate HTML
Language. CSS is a style sheet language used for describing the look and formatting of a
document written in a markup language.

• PHP:

PHP is a technology that lets you mix regular, static HTML with dynamically generated HTML.
Many Web pages that are built by CGI programs are mostly static, with the dynamic part limited

28
to a few small locations. But most CGI variations, including servlets, make you generate the
entire page via your program, even though most of it is always the same.

• JavaScript:

JS is a dynamic computer programming language. It is most used as part of web browsers, whose
implementations allow client-side scripts to interact with the user, control the browser,
communicate asynchronously, and alter the document content that is displayed. Java Script is
used to create popup windows displaying different alerts in the system like “User registered
successfully”,” billed” etc.

• 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 runs as a server
providing multi-user access to a few databases.

• Bootstrap:

Bootstrap is free open-source front end web framework that is used to design websites and web
applications. HTML and CSS is used to create Bootstrap framework. It makes the web interfaces
more user friendly.

29
 CHAPTER 7

SCREENSHOT
1)The below figure shows how the interface looks like

FIGURE 7.1
2) Click to registration.

30
 FIGURE 7.3

4.click for total billing

31
Fig. 7.4 billing Page

FIGURE 7.5

32
 GG

FIGURE7.7

33
 CHAPTER-8
TESTING AND VAIDATION

The goal of testing is to find mistakes. Testing is the practise of attempting to find all possible
flaws or weaknesses in a work product. It allows you to test the functionality of individual
components, subassemblies, assemblies, and/or a whole product. It is the process of testing
software that ensure that it meets its requirements and meets user expectations, and that it does
not fail in an unacceptable way. There are many different types of tests. Each test type is
designed to fulfil distinct testing need.

DESIGN OF TEST AND SCENARIOS

SL.NO INPUT IF AVAILABLE IF NOT AVAILABLE

1 REGISTER USERS GET REGISTRATION THERE IS NO PROCESS

2 LOGIN USERS GET LOGIN INTO THE APPLICATION THERE IS NO PROCESS

DEPARTMENT
3 LOGIN DEPARTMENT DETAILS THERE IS NO PROCESS

4 CART CART DETAILS UPLOAD THERE IS NO PROCESS

5 PAYMENT PAYMENT CHECKING THERE IS NO PROCESS

EDIT & DELETE

6 ACCOUNT AFTER USER LOGIN THERE IS NO PROCESS
TABLE 8.1: TEST CASE

VALIDATION

TESTING STRATEGIES:

UNIT TESTING

34
 Unit testing is a testing technique in which individual modules are tested by the developer to see if
there are any flaws. It is concerned with the standalone modules’ functional soundness. The
fundamental goal is to isolate each component of the system in order to detect, analyse, and correct any
flaws.

DATA FLOW TESTING

Data flow testing is a set of testing techniques that involves choosing paths through a pro gram’s

control flow to investigate the sequence of events relating to the status of variables or data

objects. Data flow testing examines the points at which variables are assigned values and

30points at which these values are applied.

INTEGRATION TESTING

Integration Testing is done upon completion of unit testing, the units or modules are to be

integrated which gives raise too integration testing. The purpose of integration testing is to verify

the functional, performance, and reliability between the modules that are integrated.

BIG BANG INTEGRATION TESTING

Big Bang Integration Testing is an approach to integration testing in which all units are linked at
the same time, resulting in a complete system. Because there is no attention is devoted to
checking the interfaces between separate units when this type of testing technique is used, it is
difficult to pinpoint any flaws that are discovered.

USER INTERFACE TESTING

User interface testing is a testing technique used to identify the presence of defects is a
product/software under test by Graphical User interface [GUI].

35
 CHAPTER 9

CONCLUSION

In conclusion, this project is aimed at developing an online system that will enable users of
electricity provided by phone to check their electricity bills and pay online and also
implementing a system that will enable users to make complained related to their electrical issues
online. It will be easy to pay bills and the developed android application has successfully made
the system more available, easily accessible, and portable. We have tried to develop a system that
can be a great help for the owner of the customer. It is secured.

36
 REFERENCE
[1] 2020 P.T dompelage university of Kelaniya.
[2] 2015 simanaya Mweemba http://dspace.unza.zm.com.
[3] 1999 ,London Mweemba http://www.iec.org.USA.gunnar.com.
[4] Raj Veeramani and Nancy Talbert, Where Are We in Global E-Commerce, IT
Professional,Vol.1, No.6, 1999, pp. 46-52
[5] Asuncion Gomez-Perez and Oscar Corcho, Ontology Languages for the Semantic
Web, IEEE Intelligent Systems, Vol.17, No.1, 2002, pp.54-60.
[6] W3school website in html,css,sql,php www.w3school.com
[7] Greeksforgreeks website for coding process www.greeksforgreeks.com

37