You are on page 1of 45

A

MINI PROJECT REPORT


ON
“ ELECTRICITY BILLING SYSTEM ”

SUBMITTED TO

SAVITRIBAI PHULE PUNE UNIVERSITY, PUNE


FOR THE PARTIAL FULLFILLMENT OF THE DEGREE OF
MASTER OF COMPUTER APPLICATION (MCA)
SUBMITTED BY

PANSARE TANUJA SHANKARRAO

PIRENS INSTITUTE OF BUSINESS MANAGEMENT AND


ADMINISTRATION (IBMA)
LONI (BK), TAL- RAHATA, DIST.- AHMEDNAGAR.
SAVITRIBAI PHULE PUNE UNIVERSITY
2021-22.
SAVITRIBAI PHULE PUNE UNIVERSITY, PUNE

CERTIFICATE
This to certify that

PANSARE TANUJA SHANKARRAO


Seat Number -25589

Student of First Year of Master of Computer Application (MCA)


was examined in Mini Project Report entitled

“ELECTRICITY BILLING SYSTEM”

On - / /2022
At
PIRENS INSTITUTE OF BUSINESS MANAGEMENT AND
ADMINISTRATION,(IBMA)
LONI(BK), TAL- RAHATA, DIST- AHMEDNAGAR.

(Internal Examiner) (External Examiner)


CERTIFICATE BY GUIDE

This is to certify that Pansare Tanuja Shankarrao has completed the Mini
Project work under my guidance and supervision that I have verified the work for
documentation, problem statement and result presented in the project work.

Place: Loni Prof. D. S. Borhade


Date: / /2022
ACKNOWLEDGEMENT

The satisfaction that accompanies that the successful completion of any task
would be incomplete without the mention of people whose ceaseless cooperation
made it possible, whose constant guidance and encouragement crown all efforts
with success.

We are grateful to our Project Guide - Prof. D. S. Borhade , or the Guidance,


Inspiration and Constructive Suggestions that helpful us in the preparation of this
project. We also thank our Head of the Department- Prof. Y. S. Jorwekar who
have helped in successful completion and certification of the project.

We would also like to thanks to our friends who always had helping hand
whenever needed and also for their co-operation moral support for doing this
project.
INDEX

Sr. No. Content Page No.

1 Abstract 1

2 Introduction 2

3 Need of the System 3

4 Scope of the system 4


5 Object and Purpose 5
6 Future Scope 6
7 Methodology 7
8 Implementation 10-29
Hardware and Software
9 30
Requirement
10 Screen Shots 31-33
11 ER-Diagram 34

12 Use case Diagram 35

13 Activity Diagram 36

14 Class Diagram 37

15 Conclusions 38

16 References 39
ABSTRACT

The purpose of Electricity Billing System is to automate the existing


manual system by the help of computerized equipment and full-fledged
computer software, fulfilling their requirements, so that their valuable
data/information can be stored for a longer period with easy accessing
and manipulation of the same. The required software and hardware are
easily available and easy to work with.

1
INTRODUCTION

This electricity billing system project focuses mainly on dealing with electricity bills
management. Also, the system displays all the available costs of each customer. In
addition, the system allows adding due fees too. The project is divided into two
categories: Admin and User Panel. In an overview of this web application, a user
receives all the pending and due bills. After receiving from the system
administration, he/she can pay the bills. Each bill presents total units, paying date,
due date, and extra due charges. And, the user can simply process the billings
online.

2
NEED OF THE SYSTEM

1. The system is user friendly interface that anyone can utilize.


2. The system is flexible and secured to be used.
3. This system improves efficiency by reducing the quantity of human data
entering.
4. All of the hard work the electricity bill control system.

3
SCOPE OF SYSTEM

Scope of any software depends upon the following things:


1. It satisfy the user requirement
2. Be easy to understand by the user and operator
3. Be easy to operate
4. Have a good user interface
5. Be expandable
6. Delivered on schedule within the budget.
We have tried to make such type of software, which satisfy the above
given requirement.

4
OBJECTIVE AND PURPOSE

OBJECTIVE

The main objective of the Electricity Billing System is to manage the details of
Electricity, Bill, Connections, Store Record, Customer.
To keep the information of consuming unit of energy of current month.
To maintain the records of customer complaints.

PURPOSE

The purpose of the project is to build an application program to re duce the


manual work for managing the Electricity, Bill, Electricity Board, Connections. It
tracks all the details about the Connections, Store Record Customer.

5
FUTURE SCOPE

 We can add printer in future.


 We can give more advance software for Electricity Billing System including
more facilities
 We will host the platform on online servers to make it accessible worldwide
Integrate multiple load balancers to distribute the loads of the system
 Create the master and slave database structure to reduce the overload of the
database queries
 Implement the backup mechanism for taking backup of codebase and
database on regular basis on different servers.

6
METHODOLOGY

The methodology of developing of application will be a step-by-step


sequence to design, developed and deploy the application. In software
engineering this methodology called ‘Waterfall Model’ which one portion of
work follows after another in a linear sequence.

7
IMPLEMENTATION

HOME PAGE

<!-- email = email i.e one and the same thing -->
<!-- convert to mysqli -->
<!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="">
<link
href="data:image/x-icon;base64,AA/D8AAPgfAAD4DwAA/j8AAPx/AAD4/wAA
8f8AAPf/AADv/wAA//8AAA==" rel="icon" type="image/x-icon" />
<title>E-bill System</title>
<!-- 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]-->
8
</head>
<body>
<!-- Fixed navbar -->
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.php"><b>E-Billing System</b></a>
</div>
<div class="navbar-collapse collapse" >
<!—NOTE
SINGLE PAGE FORM ALONG WITH VALIDATION
NO PHP LEAKS BACK TO THE INDEX
-->
<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>
</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 Billing System</h1>
<p>This website at the end of its construction will act as a consumer oriented
9
service for users for easy payment of their respective <b>Electricity Bill</b> as
well as interact with their providers in case of any queries or grivances.</p>
</div>
<!-- /col-lg-6 -->
<div class="col-lg-6">
<h1>Sign Up</h1>
<!—NOTE
SINGLE PAGE FORM ALONG WITH VALIDATION
NO PHP LEAKS BACK TO THE INDEX
-->
<form action="signup.php" method="post" class="form-horizontal" role="form"
onsubmit="return validateForm()">
<center>
<div class="row form-group">
<div class="col-md-12">
<input type="name" class="form-control" name="name" id="name"
placeholder="Full Name" required>
<!-- <label></label> -->
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<input type="email" class="form-control" name="email" id="email"
placeholder="Email" required>
<!-- <label></label> -->
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<input type="password" class="form-control" name="inputPassword"
id="inputPassword" placeholder="Password" required>
<!-- <label></label> -->
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<input type="password" class="form-control" name="confirmPassword"
10
placeholder="Confirm Password" required>
<!-- <label></label><label></label> -->
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<input type="tel" class="form-control" name="contactNo" placeholder="Contact
No." required>
<!-- <label></label> -->
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<input type="address" class="form-control" name="address"
placeholder="Address" required>
<!-- <label></label> -->
</div>
</div>
<div class="form-group">
<div class="col-md-10">
<button name="reg_submit" class="btn btn-primary">Sign Up</button>
</div>
</div>
</center>
</form>
</div>
<!-- /col-lg-6 -->
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
</div>
<!-- /headerwrap -->
<div class="container">
<div class="row mt centered">
<div class="col-lg-6 col-lg-offset-3">
11
<h1>How this Portal woks</h1>
<h3></h3>
</div>
</div>
<!-- /row -->
<div class="row mt centered">
<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 -->
<div class="container">
<hr>
<p class="centered">Created by <a href=""><b>BILLING</b></a> <b>eletricity
billing</b></p>
</div>
<!--=======================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 -->
12
<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>
</body>
</html>

GENERATE BILL

<!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">
<meta name="description" content="">
<meta name="author" content="">
<link
href="data:image/x-icon;base64wAA/j8AAPx/AAD4/wAA8f8AAPf/AADv/wAA//
8AAA==" rel="icon" type="image/x-icon" />
<title>Ebill</title>
<!-- Bootstrap Core CSS -->
<link href="../assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom CSS -->
13
<link href="../assets/css/dash_admin.css" rel="stylesheet">
<!-- <link href="../assets/css/font-awesome.css" rel="stylesheet"> -->
<!-- Custom Fonts -->
<!-- <link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet"
type="text/css"> -->
<!-- FONT AWESOME CDN -->
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-
awesome.min.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.4.2/respond.min.js"></script>
<![endif]-->
</head>
<!-- email = email i.e one and the same thing -->
<!-- convert to mysqli -->
<body>
<div id="wrapper">
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<!-- <button type="button" class="navbar-toggle" data-toggle="collapse" data-
target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button> -->
<a class="navbar-brand" href="index.php"><i class="fa fa-bolt"></i> E-Billing
System</a>
</div>
<!-- /.navbar-header -->
<a style="position:absolute;top:35px;left:-1px;font-
size:20px;color:#7f7f7f;padding:5px;background-color: #000;border-bottom-right-
14
radius:10px; " href="#menu-toggle" id="menu-toggle" <i class="fa fa-
dedent"></i></a>
<!-- Top Menu Items -->
<ul class="nav navbar-right top-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-
user"></i> ADMIN <b class="caret"></b></a> <ul class="dropdown-menu">
<li>
<a href="logout.php"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
</li>
</ul>
</li>
</ul>
<!-- /.top-nav -->
</nav>
<!-- /.navbar -->
<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="active">
<a href="index.php"><i class="fa fa-fw fa-dashboard"></i> Dashboard</a>
</li>
<li>
<a href="users.php"><i class="fa fa-fw fa-users"></i> Customers </a>
</li>
<li>
<a href="bill.php"><i class="fa fa-fw fa-dollar"></i> Billings </a>
</li>
<li>
<a href="complaint.php"><i class="fa fa-fw fa-info"></i> Complaints </a>
</li>
<!-- processed bills as bootstrap badges -->
</ul>
</div>
<!-- /#sidebar-wrapper -->
<!-- Page Content -->
<div id="page-content-wrapper">
15
<div class="container-fluid">
<!-- Page Heading -->
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">
Bills
</h1>
<!-- Pills Tabbed GENERATED | GENERATE -->
<ul class="nav nav-pills nav-justified">
<li class="active"><a href="#generated" data-toggle="pill">Bills History</a>
</li>
<li class=""><a href="#generate" data-toggle="pill">Generate New Bill</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane fade in active" id="generated">
<!-- <h4>{User} Bills(ALL UP TO DATE) goes here{Table form}</h4> -->
<!-- DB RETRIEVAL search db where id is his and status is processed -->
<div class="table-responsive">
<table class="table table-hover table-striped table-bordered table-condensed">
<thead>
<tr>
<th>Bill No.</th>
<th>Customer</th>
<th>Date</th>
<th>UNITS Consumed</th>
<th>Amount</th>
<th>Due Date</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>BN_29</td>
<td height="50">Kalyani Avhad</td>

16
<td>2022-04-18</td>
<td>20</td>
<td>$40.00</td>
<td>2022-05-18</td>
<td><span class="badge" style="background: green;">PROCESSED</span></td>
</tr>
<tr>
<td>BN_28</td>
<td height="50">pansare tanuja</td>
<td>2022-04-18</td>
<td>12</td>
<td>$24.00</td>
<td>2022-05-18</td>
<td><span class="badge" style="background: red;">PENDING</span></td>
</tr>
<tr>
<td>BN_27</td>
<td height="50">Gunjal Rutuja</td>
<td>2022-04-10</td>
<td>15</td>
<td>$30.00</td>
<td>2022-05-10</td>
<td><span class="badge" style="background: red;">PENDING</span></td>
</tr>
<tr>
<td>BN_26</td>
<td height="50">Raksha Mahale</td>
<td>2022-04-08</td>
<td>45</td>
<td>$90.00</td>
<td>2022-05-08</td>
<td><span class="badge" style="background: green;">PROCESSED</span></td>
</tr>
</tbody>
</table>
<div class="col-md-offset-5"> [<b><span class="badge badge-custom-
success">1</b>] </div> </div>
17
<!-- .table-responsive -->
</div>
<!-- .tab-genereated -->
<div class="tab-pane fade" id="generate">
<!-- <h4>{User} due bill info goes here and each linked to a transaction form </h4>
-->
<!-- create a clickable list of USERS leading to a modal form to fill up units -->
<div class="table-responsive">
<table class="table table-hover table-striped table-bordered table-condensed">
<thead>
<tr>
<!-- <th>#</th> -->
<th>USER</th>
<th>UNITS</th>
<th>BILL DATE</th>
<th>DUE DATE</th>
<th>GENERATE</th>
</tr>
</thead>
<tbody>
<tr>
<form action="generate_bill.php" method="post" name="form_gen_bill"
onsubmit="return checkInp()">
<input type="hidden" name="uid" value=12 >
<input type="hidden" name="uname" value=pansare tanuja >
<td height="50">
pansare tanuja </td>
<td>
<input class="form-control" type="tel" name="units" placeholder="ENTER
UNITS">
</td>
<td>
2022-04-28
</td>
<td>
2022-05-28 </td>
<td>
18
<button type="submit" name="generate_bill" class="btn btn-success form-
control">GENERATE BILL </button>
</td>
</form>
</tr>
<tr>
<form action="generate_bill.php" method="post" name="form_gen_bill"
onsubmit="return checkInp()">
<input type="hidden" name="uid" value=15 >
<input type="hidden" name="uname" value=Raksha Mahale >
<td height="50">
Raksha Mahale </td>
<td>
<input class="form-control" type="tel" name="units" placeholder="ENTER
UNITS">
</td>
<td>
2022-04-28
</td>
<td>
2022-05-28 </td>
<td>
<button type="submit" name="generate_bill" class="btn btn-success form-
control">GENERATE BILL </button>
</td>
</form>
</tr>
<tr>
<form action="generate_bill.php" method="post" name="form_gen_bill"
onsubmit="return checkInp()">
<input type="hidden" name="uid" value=16 >
<input type="hidden" name="uname" value=Gunjal Rutuja >
<td height="50">
Gunjal Rutuja </td>
<td>
<input class="form-control" type="tel" name="units" placeholder="ENTER
UNITS">
19
</td>
<td>
2022-04-28
</td>
<td>
2022-05-28 </td>
<td>
<button type="submit" name="generate_bill" class="btn btn-success form-
control">GENERATE BILL </button>
</td>
</form>
</tr>
<tr>
<form action="generate_bill.php" method="post" name="form_gen_bill"
onsubmit="return checkInp()">
<input type="hidden" name="uid" value=17 >
<input type="hidden" name="uname" value=Kalyani Avhad >
<td height="50">
Kalyani Avhad </td>
<td>
<input class="form-control" type="tel" name="units" placeholder="ENTER
UNITS">
</td>
<td>
2022-04-28
</td>
<td>
2022-05-28 </td>
<td>
<button type="submit" name="generate_bill" class="btn btn-success form-
control">GENERATE BILL </button>
</td>
</form>
</tr>
</tbody>
</table>
<div class="col-md-offset-5"> [<b><span class="badge badge-custom-
20
success">1</b>] </div> </div><!-- ./table-responsive -->
<script>
// function checkInp()
// {
// var x=document.forms["form_gen_bill"]["units"].value;
// if (isNaN(x))
// {
// alert("Must input numbers");
// return false;
// }
// }
</script> </div>
</div>
<!-- /.tab-content -->
</div>
<!-- /.col-lg-12 -->
</div>
<!-- /.row -->
</div>
<!-- /.container-fluid -->
</div>
<!-- /#page-content-wrapper -->
</div>
<!-- /#wrapper -->
<!-- FOOTER -->
<!-- <a href="#menu-toggle" class="btn btn-primary toggler" id="menu-toggle"
style="z-index:1000;position:absolute;left:30px;bottom:0px"><i class="icon-circle-
arrow-left"></i>Toggle DASH</a> -->
<footer class="text-center">
<div class="footer-below">
<div class="container">
Created by <a href="">BILLING </a> SYSTEM
</div>
</div>
</footer>
<!-- jQuery Version 1.11.0 -->
<script src="../assets/js/jquery-1.11.0.js"></script>
21
<!-- Bootstrap Core JavaScript -->
<script src="../assets/js/bootstrap.min.js"></script>
<script>
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
</script>
</body>
</html>

TRANSACTION

<!DOCTYPE html>
<html lang="en">
<head>
22
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link
href="wAA/D8AAPgfAAD4DwAA/j8AAPx/AAD4/wAA8f8AAPf/AADv/wAA//8
AAA==" rel="icon" type="image/x-icon" />
<title>Ebill</title>
<!-- Bootstrap Core CSS -->
<link href="../assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="../assets/css/dash_user.css" rel="stylesheet">
<!-- <link href="../assets/css/font-awesome.css" rel="stylesheet"> -->
<!-- Custom Fonts -->
<!-- <link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet"
type="text/css"> -->
<!-- FONT AWESOME CDN -->
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-
awesome.min.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.4.2/respond.min.js"></script>
<![endif]-->
</head>
<!-- email = email i.e one and the same thing -->
<!-- convert to mysqli -->
<body>
<div id="wrapper">
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<!-- <button type="button" class="navbar-toggle" data-toggle="collapse" data-
23
target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button> -->
<a class="navbar-brand" href="index.php"><i class="fa fa-bolt"></i> E-Billing
System</a>
</div>
<!-- /.navbar-header -->
<a style="position:absolute;top:35px;left:-1px;font-
size:20px;color:#7f7f7f;padding:5px;background-color: #000;border-bottom-right-
radius:10px; " href="#menu-toggle" id="menu-toggle" <i class="fa fa-
dedent"></i></a>
<!-- Top Menu Items -->
<ul class="nav navbar-right top-nav" style="margin-right: 10px">
<li class="dropdown">
<a style="font-size:16px" href="#" class="dropdown-toggle" data-
toggle="dropdown"><i class="fa fa-user"></i> pansare tanuja <b
class="caret"></b></a> <ul class="dropdown-menu">
<li>
<a href="#" data-toggle="modal" data-target="#profile"><i class="fa fa-fw fa-
user"></i> Profile</a>
</li>
<li class="divider"></li>
<li>
<a href="logout.php"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
</li>
</ul>
</li>
</ul>
<!-- /.top-nav -->
</nav>
<!-- /.navbar -->
<!-- MODAL -> USER INFO -->
<div class="modal fade" id="profile" tabindex="-1" role="dialog" aria-
labelledby="myModalLabel" aria-hidden="true">
24
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-
hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h3 class="modal-title"><b><i class="fa fa-fw fa-user"></i>PROFILE</b></h3>
</div>
<div class="modal-body text-center">
<h4>Name : <code>pansare tanuja</code></h4>
<h4>Email : <code>tanuja@gmail.com</code></h4>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="active">
<a href="index.php"><i class="fa fa-fw fa-dashboard"></i> Dashboard</a>
</li>
<li>
<a href="bill.php"><i class="fa fa-fw fa-dollar"></i> Bills </a>
</li>
<!-- new bills by bootstrap badges -->
<li>
<a href="transaction.php"><i class="fa fa-fw fa-table"></i> Transactions </a>
</li>
<li>
<a href="complaint.php"><i class="fa fa-fw fa-info"></i> Complaints </a>
</li>
<!-- processed bills as bootstrap badges -->
</ul>
</div>
<!-- /#sidebar-wrapper -->
<!-- Page Content -->
<div id="page-content-wrapper">
<div class="container-fluid">
25
<!-- Page Heading -->
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">
Transaction
</h1>
<ol class="breadcrumb">
<li>Transaction</li>
<li class="active">History</li>
</ol>
<!-- <h4>Transaction History</h4> -->
<!-- <ul class="nav nav-pills nav-justified">
<li class="active"><a href="#history" data-toggle="pill">HISTORY</a>
</li>
</ul> -->
<div class="table-responsive">
<table class="table table-hover table-striped table-bordered table-condensed">
<thead>
<tr>
<th>Transaction No.</th>
<th>Bill Date</th>
<th>Amount</th>
<th>Dues (if any)</th>
<th>Final Amount Payed</th>
<th>Transaction Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>
- </td>
<!-- 28</td> -->
<td height="50">2022-04-18</td>
<td>$24.00</td>
<td>$0.00</td>
<td>$24.00</td>

26
<td>
TRANSACTION PENDING </td>
</tr>
</tbody>
</table>
<div class="col-md-offset-5"> [<b><span class="badge badge-custom-
success">1</b>] </div> </div>
<!-- .table-responsive -->
</div>
<!-- /.col-lg-12 -->
</div>
<!-- /.row -->
</div>
<!-- /.container-fluid -->
</div>
<!-- /#page-content-wrapper -->
</div>
<!-- /#wrapper -->
<!-- FOOTER -->
<footer class="text-center">
<div class="footer-below">
<div class="container">
Created by <a href="">Billing </a> System
</div>
</div>
</footer>
<!-- jQuery Version 1.11.0 -->
<script src="../assets/js/jquery-1.11.0.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="../assets/js/bootstrap.min.js"></script>
<!-- FORM VALIDATION -->
<script>
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
</script>
27
</body>
</html>

28
HARDWARE & SOFTWARE REQUIREMENT

Hardware Requirement
Processor : Intel or above
Hard Disk : 40GB
RAM : 512MB or more

Software Requirement

Operating System : Windows XP/2003 or Linux


User Interface : HTML, CSS
Client-side Scripting : JavaScript
Programming Language : PHP
Database : SQL

29
Screen Shots
Login Page

Dashboard

30
31
Bill History

Generate Bill

32
33
New Complaint

34
ER-DIAGRAM

 An entity relationship diagram (ERD), also known as an entity relationship


model, is a graphical representation that depicts relationships among people,
objects, places, concepts or events within an information technology (IT)
system.
 An ERD uses data modeling techniques that can help define business
processes and serve as the foundation for a relational database.

35
USE CASE DIAGRAM

 Use-case diagrams describe the high-level functions and scope of a


system.

 These diagrams also identify the interactions between the system


and its actors.

 The use cases and actors in use-case diagrams describe what the
system does and how the actors use it, but not how the system
36
operates internally.

ACTIVITY DIAGRAM

 Activity diagram is another important behavioral diagram in UML diagram to


describe dynamic aspects of the system.
 Activity diagram is essentially an advanced version of flow chart that
modeling the flow from one activity to another activity.
37
CLASS DIAGRAM

38
CONCLUSION

After all the hard work is done for the electricity bill management system is here. It
is software that helps the user to work with the billing cycles, paying bills,
managing different departments under which employees are working, etc. This
software reduces the amount of manual data entry and gives greater efficiency. The
User Interface of it is very friendly and can be easily used by anyone. It also
decreases the amount of time taken to write details and other modules.

39
REFERENCES

 www.google.com

 1000projectz.com

 Youtube

40

You might also like