Professional Documents
Culture Documents
SUBMITTED TO
CERTIFICATE
This to certify that
On - / /2022
At
PIRENS INSTITUTE OF BUSINESS MANAGEMENT AND
ADMINISTRATION,(IBMA)
LONI(BK), TAL- RAHATA, DIST- AHMEDNAGAR.
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.
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 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
1 Abstract 1
2 Introduction 2
13 Activity Diagram 36
14 Class Diagram 37
15 Conclusions 38
16 References 39
ABSTRACT
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
3
SCOPE OF SYSTEM
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
5
FUTURE SCOPE
6
METHODOLOGY
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">×</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
29
Screen Shots
Login Page
Dashboard
30
31
Bill History
Generate Bill
32
33
New Complaint
34
ER-DIAGRAM
35
USE CASE DIAGRAM
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
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