You are on page 1of 24

COLLEGE OF COMPUTING AND INFORMATICS

SOFTWARE DESIGN AND ARCHITECTURE


GROUP ASSIGNMENT

Group members ID no

1 ABEL MULATU---------------------------------------------------------------0305/12
2 BEKALU ATTO -------------------------------------------------------------- 0232/12
3 DANIEL MESFIN ------------------------------------------------------------ 1732/12
4 SELATIYAL TENSAY----------------------------------------------------------0345/12

Submitted To : Dr. Gavendra Singh


Submission Date : _/_/2023 GC
Table content

Contents Page

Chapter 1
1 Introduction 2
1.1 Statement of the problem …………………………………………………………………………………………….3
1.2 Purpose of the study……………………………………………………………………………………………………..3
1.3 Important of the study…………………………………………………………………………………………………..3
1.4 Scope of the study ………………………………………………………………………………………………………..4
1.5 Methodology …………………………………………………………………………………………………………….....4
1.6 Software tools used……………………………………………………………………………………………………….4
Chapter 2
2 System analysis and design 5
2.1 System analysis ……………………………………………………………………………………………………………..5
2.2 UML diagram………………………………………………………………………………………………………………….5
2.3 Use-case diagram……………………………………………………………………………………………………………6
2.4 Class diagram………………………………………………………………………………………………………………….6
2.5 sequence diagram…………………………………………………………………………………………………………..7
Chapter 3
3 Implementation 8
3.1 implementation………………………………………………………………………………………………………….8
Chapter 4
4.1 Conclusion……………………………………………………………………………………………………………………..8
4.2 Future scope of improvement………………………………………………………………………………………..8
4.3 sample page……………………………………………………………………………………………………………………9
4.3.1 Create account page…………………………………………………………………………………………………….9
4.3.2 login page……………………………………………………………………………………………………………………10
4.3.3 User dashboard…………………………………………………………………………………………………………..10
4.3.3 Update user information page…………………………………………………………………………………….11
4.3.5 Transaction page…………………………………………………………………………………………………………11
4.3.6 Conformation page…………………………………………………………………………………………………… 12
4.3.7 Transaction History page…………………………………………………………………………………………….12
4.3.8 Error page……………………………………………………………………………………………………………………13
Chapter 5
5.1 Coding part……………………………………………………………………………………………………………………..14
5.1.1 Create account page…………………………………………………………………………………………………….14
5.1.2 Login page…………………………………………………………………………………………………………………….18
5.1.3 User dashboard…………………………………………………………………………………………………………….21

1
CHAPTER 1

1.0 INTRODUCTION

The main purpose that banks have been serving since their inception is keeping our money safe for
us. While keeping our money safe, they also let us earn a certain amount of interest on the money
deposited with them. Traditional banks have been doing this, and internet banks continue the same
function. The only difference is in the way the transactions are made.
We all know about internet banking and most of us use it quite often as well, but few of us actually
understand about the history of internet banking and how it all came out.
Knowing the history of EthioBank can be incredibly useful, especially since it will allow us to have
more respect for the little things that we take for granted.
Computers themselves have really come an enormous way since their initial establishment, as the
earliest electronic computers were so large that they would take up the entire area of a room, while
today some are so small that they can hardly be seen at all. In today’s world, computers play an
incredibly large role in the way the world exists in general, and the majority of tasks could actually not
be completed if not for the use of computers. Although there are certainly some areas that cannot yet
be completed solely by computers and which thus still require actual man power, for the most part,
computers have helped to make life significantly easier, productive, and more convenient for us all.

Internet banking has been around for quite a few years now, but has really only
become prominent over the past year or so in particular.

Internet banking offers an array of different advantages to the user, including&account balances and
history including year-to-date information, the ability to
to transfer money from one account to another and to payees for bill payments, check found.
History, reorders, and stop payments, check credit card
balances and statements, complete online loan applications, secure interactive messaging and much
more.
Internet banking basically allows you to be able to do everything that you can in your regular banking
institution, only with the benefit that you can do it all right from the convenience of your own home.
Only is this great because you can be comfortable and have peace of mind knowing that you can keep
track yourself of all your banking issues, but as well it allows for more ease because you never have to
worry about rushing out and making it to the bank.

Chapter 1

2
1.1 STATEMENT OF THE PROBLEM

With the problems and limitations associated with manual bankingprocedures as witnessed in most p
arastatal today, complied with theproblems associated with the existing application programs even m
uch more in the presence of serious technological advances aimed at improving information system.
This is activities aimed at shedding light upon the need for improvement in accounting activities and
the means of achieving its efficiency, effectiveness, reliability and success promising future through
computer intervention. Internet banking identifies a particular set of technological solutions for the
development and the distribution of financial services, which rely upon the open architecture of the
internet. With the implementation of an Internet banking system, the banks maintain a direct
relationship with the end users via the web and are able to provide a personal characterization to the
interface, by offering additional customized services.

1.1 PURPOSE OF THE STUDY

The aim of this project is to develop a secured online banking system with the following objectives.
• Create a banking system that is easily accessible by customers from the comfort of their homes,
offices.
• Reduce the ow of human traffic and long queues at banks
• Reduce the time wasted in going to banks to stay on queues.
• promote efficient and effective banking for the banks by focusing on those services that still require
physical presence at the banking hall.

1.2 IMPORTANCE OF THE STUDY

This will cover the benefits derived in using EthioBank and its fundamental. Any consumers today are
turning to the ease and convenience of Internet banking to take care of their financial needs. With the
new levels of access made possible by the Internet, people can now check the status of their finances
with the click of a button. The history of Internet banking has evolved from simply allowing customers
to check balances online, to now being able to trade stocks and bonds from the comfort of their own
home online banking services have grown from simply allowing customers to
check balances, to trading assets. Today, banks like (4 8irect are functioning entirely online, with
no brick and mortar building. With the costs saved by requiring fewer employees and the lack of
facility expenses, these virtual banks can often offer higher interest rates than their traditional
counterparts.

Internet banking gives you the power to control your finances completely.
You are no longer tied down to managing your money during the hours the bank is open. If you want
to transfer a balance after business hours, you can if you have access to the internet and have a
number of recurring monthly bills, then you should use internet banking to make your life easier.
Today, online banking services are quite varied. 0ne of the best features of online banking is putting
the user in control. The user controls all bill paying, transfers, and investments from home. There are
other features, though of online banking. 0ne of these is increased accessibility to your account
information. Users of online banking services can access their account information from anywhere in
the world. This is particularly helpful for businesses. Internet business banking is becoming
increasingly popular, as businesses are becoming more global in their reach. (ow business people can
access their accounts, even when on overseas business trips. Internet banking is extremely popular
for this reason. Particularly popular aspect of online banking services is the ability to make bill
payments electronically. With a minimum degree of setup, customers can enter the amounts of their
paper bills (or opt to receive electronic bills) and process all their payments at one time, from one
screen

1.3 SCOPE OF THE STUDY

3
The scope of this project is limited to the activities of the operations unit of the banking system which
include opening of account, deposit of funds, withdrawal of funds and transfer.

1.4 METHODOLOGY

This project employs the object oriented approach of software engineering using appropriate (UML
TOOLS) an object oriented approach. Some of the steps to be taken are:
•Feasibility study - understanding and identifying of existing system and associated study.
•Analysis -proper analysis and suggested solution to tackle such problems will be considered.
•Design -designing the new system will be achieved through an object oriented software tools (UML).
•Coding - this is implemented as a 3 tier architecture model using Java language. The layers of the
application are as follows.
1, Java server pages’ / HTML pages 5-front end.
2, Java server pages /servlets, middle end.
3, SQL server as the back-end
4, Workbench middle -ware
5, Hibernate
6, Maven
7, JSTL
8, JSP
9, MYSQL connector
10, web server Apache Tomcat

1.5 SOFTWARE TOOLS USED

1, Language -Java
2, Database -MSQL
3, Web Technology Servlets JSP, JSTL
4, Code Editor -Eclipse
5, Data base connector-MYSQL-J
6, Data base connection opening -work bench.

4
CHAPTER 2

SYSTEM ANALYSIS AND DESIGN

This chapter deals with the analysis and design of online banking,application of new system, the hard
ware and software requirements for implementing the system and stating the choice of the language
used. system is a collection of components, which are interconnected, and work together to realize
some objective.

There are three major components in every system.


1, Input
2, Processing
3, Output

2.1 System analysis

It is a logical process the objective of this stage is not actually to solve the problem but to determine
what must be done to solve the problem, the basic objective of the analysis stage is to develop the
logical model of the system using tools such as UML Modelling language. The development of a well
structure and secured online banking system will allow customer to perform objectives like, creating a
banking system that is easily accessible by customers from the comfort of their homes, offices remote
efficient and effective banking for the banks by focusing on those services that still require physical
presence at the banking hall and services to their customers. Keep a detailed log of customer
transactions with the bank on his account. generate the statement of account of a selected period of
time for customers. And provide a customer relationship services

2.2 UML Diagram

A UML diagram is a diagram based on the UML with the purpose of visually representing a system
along with its main actors, roles, actions, artifacts or classes, in order to better understanding and
mainlining document information of the system.

2.2.1 Use Case Diagram

5
2.2.2 Class Diagram

2.2.3 Sequence Diagram

6
7
CHAPTER 3

3.1 IMPLEMENTATION

During the implementation stage the system is physically created.


necessary programs are coded, debugged and documented. New hardware (where necessary) is
selected, ordered and installed.
Every computer system consists of three major elements.
1. The Hardware
2. Application Software
3.Operating system or successful operation of the package following must be kept in mind
Too many packages should not be used, as very few systems may have all those packages installed
due to memory problem.
Thus, the compatibility of the system developed will get reduced.

CHAPTER 4

RESULT AND CONCLUSION

This section discus the result of the work done in this project and also mentions the future scope for
improvement.
4.1 Conclusion

As the world becomes more of a global village being runned by paperless systems, the idea of a
cashless society is the hope of the future. Thus more innovations will still evolve which will make
cashless transactions easily accessible and adorable.

4.2 Future Scope of improvement

The Banking 0nline System is a big and ambitious project. we are thankful
for being provided this great opportunity to work on it. Already mentioned, this project has gone
through extensive research work. 0n the basis of the research work, we have successfully designed
and implemented banking online System. This system is based upon 3 tier client server architecture.

8
4.3 Sample Page

4.3.1 Create Account Page

9
4.3.2 Login Page

4.3.3 User Dashboard

10
4.3.4 Update user Information Page

4.3.5 Transaction Page

4.3.6 Conformation page

11
4.3.7 Transaction History page

12
4.3.8 Error page

13
Chapter 5

5.1 Coding part

5.1.1 Create Account Page


<%@page import="javax.print.attribute.standard.RequestingUserName"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<! DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title> EthioBank Create New Account</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD"
crossorigin="anonymous"
/>
<script

14
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"
integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"
integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD"
crossorigin="anonymous"
></script>
</head>
<body style="background-color: gery ">
<main>
<div class="container">
<div class="row justify-content-center">
<div class="col-xxl-7 col-xl-10">
<div
class="card card-raised-shadow-10 mt-5 mb-5 mt-xl-10"
style="
background-color: rgb(255, 254, 254);
border-color: rgb(19, 19, 224);
">
<!--to have 10 paragraph size-->
<div class="card-body p-10">
<div class="text-center">
<p>
<svg
xmlns="http://www.w3.org/2000/svg"
width="80"
height="70"
fill="#6b09eb"
class="bi bi-cash-coin"
viewBox="0 0 16 16"
>
<path
fill-rule="evenodd"
d="M11 15a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm5-4a5 5 0 1 1-10 0 5 5 0 0 1 10 0z"
/>
<path
d="M9.438 11.944c.047.596.518 1.06 1.363 1.116v.44h.375v-.443c.875-.061 1.386-.529 1.386-1.207
0-.618-.39-.936-1.09-1.1l-.296-.07v-1.2c.376.043.614.248.671.532h.658c-.047-.575-.54-1.024-1.329-
1.073V8.5h-.375v.45c-.747.073-1.255.522-1.255 1.158 0 .562.378.92 1.007
1.066l.248.061v1.272c-.384-.058-.639-.27-.696-.563h-.668zm1.36-
1.354c-.369-.085-.569-.26-.569-.522
0-.294.216-.514.572-.578v1.1h-.003zm.432.746c.449.104.655.272.655.569
0 .339-.257.571-.709.614v-1.195l.054.012z"
/>
<path
d="M1 0a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.083c.058-.344.145-.678.258-1H3a2 2 0 0 0-2-2V3a2 2 0 0 0
2-2h10a2 2 0 0 0 2 2v3.528c.38.34.717.728 1 1.154V1a1 1 0 0 0-1-1H1z"
/>
<path
d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 5.982 5.982 0 0 1 3.13-1.567z"
/>
</svg>
</p>
<h1 class="display-5">Ethio Bank</h1>
<h6 class="subhading-1 mb=5">Fill The Following Form To Have Account </h6>

15
</div>
<!--This is for input form-->
<form action="<%=request.getContextPath()%>/createAccountHandler" method= "post" novalidate>
<div class="row mt-5">
<div class="col-sm-6 mb-4 ">
<div class="form-floating">
<input
type="text"
class="form-control"
autocomplete="off"
id="firstName"
placeholder="First Name"
name="fristName"
required
/>
<label for="firstName">First Name</label>
<div class="invalid-feedback">First Name Is Required </div>
</div>
</div>
<div class="col-sm-6 mb-4 ">
<div class="form-floating">
<input
type="text"
class="form-control"
autocomplete="off"
id="lastName"
name="lastName"
placeholder="Last Name"
required
/>
<label for="lastName">Last Name </label>
<div class="invalid-feedback">Last Name Is Required </div>
</div>
</div>
</div>
<!--This is the email row -->
<div class="row ">
<div class="col-sm-6 mb-4 ">
<div class="form-floating">
<input
type="number"
class="form-control"
autocomplete="off"
id="accountNumber"
name="accountNumber"
placeholder="accountNumber"
required
/>
<label for="firstName">Account Number</label>
<div class="invalid-feedback">Account Number Is Required </div>
</div>
</div>
<div class="col-sm-6 mb-4 ">
<div class="form-floating">
<input
type="email"
class="form-control"

16
autocomplete="off"
id="idEmail"
placeholder="Email"
name="email"
required
/>
<label for="lastName">Email Address</label>
<div class="invalid-feedback">Email Address Is Required </div>
</div>
</div>
</div>
<!--This is the password row -->
<div class="row">
<div class="col-sm-6 mb-4">
<div class="form-floating">
<input
type="password"
class="form-control"
autocomplete="off"
id="idPassword"
placeholder="Password"
required
name="password"
/>
<label for="idPassword">Password</label>
<div class="invalid-feedback">Password Is Required </div>
</div>
</div>
<div class="col-sm-6 mb-4">
<div class="form-floating">
<input
type="password"
class="form-control"
autocomplete="off"
id="verifyPassword"
name="cPassword"
placeholder="Password"
required
/>
<label for="verifyPassword">Verify Password</label>
<div class="invalid-feedback">Verify Password Is Required </div>
</div>
</div>
</div>
<div class="form-check mb-5">
<input
class="form-check-input"
type="checkbox"
placeholder="un"
value="agreed"
name="agreement"
id="agreement"
required
/>
<label class="form-check-label" for="agreement">
I agree to the Bank terms and conditions
</label>

17
<div class="invalid-feedback">You must agree the Ethio Bank agreement </div>
</div>
<div
class="form-group d-flex align-items-center justify-content-between mt-4 mb-0"
>
<a href="../index.jsp" class="text-decoration-none"
>Sign In Instead</a
>
<button type="submit" class="btn btn-primary">
CREATE ACCOUNT
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- for pop up message for sweet -->
<!-- here is the footer file to be included -->
<%@ include file="footer.jsp" %>
<script src="FrontFile/formValidation.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
crossorigin="anonymous"
></script>
</body>
</html>

5.1.2 Login Page

<%@page import="javax.print.attribute.standard.RequestingUserName"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>login to your account for more </title>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!-- Bootstrap CSS v5.2.1 -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT"
crossorigin="anonymous"
/>
</head>
<body style="background-color: rgb(226, 223, 231)">
<header>
<!-- place navbar here -->

18
</header>
<main>
<!-- -->
<!-- -->
<div class="container">
<div class="row justify-content-center">
<div class="col-xxl-5 col-xl-6 mb-5">
<div
class="card card-raised-shadow-10 mt-5 mb-4 mt-xl-10"
style="
background-color: rgb(255, 254, 254);
border-color: rgb(19, 19, 224);
"
>
<!--to have 5 paragraph size-->
<div class="card-body p-5">
<div class="text-center">
<p>
<svg
xmlns="http://www.w3.org/2000/svg"
width="80"
height="70"
fill="#6b09eb"
class="bi bi-cash-coin"
viewBox="0 0 16 16"
>
<path
fill-rule="evenodd"
d="M11 15a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm5-4a5 5 0 1 1-10 0 5 5 0 0 1 10 0z"
/>
<path
d="M9.438 11.944c.047.596.518 1.06 1.363 1.116v.44h.375v-.443c.875-.061 1.386-.529 1.386-1.207
0-.618-.39-.936-1.09-1.1l-.296-.07v-1.2c.376.043.614.248.671.532h.658c-.047-.575-.54-1.024-1.329-
1.073V8.5h-.375v.45c-.747.073-1.255.522-1.255 1.158 0 .562.378.92 1.007
1.066l.248.061v1.272c-.384-.058-.639-.27-.696-.563h-.668zm1.36-
1.354c-.369-.085-.569-.26-.569-.522
0-.294.216-.514.572-.578v1.1h-.003zm.432.746c.449.104.655.272.655.569
0 .339-.257.571-.709.614v-1.195l.054.012z"
/>
<path
d="M1 0a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.083c.058-.344.145-.678.258-1H3a2 2 0 0 0-2-2V3a2 2 0 0 0
2-2h10a2 2 0 0 0 2 2v3.528c.38.34.717.728 1 1.154V1a1 1 0 0 0-1-1H1z"
/>
<path
d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 5.982 5.982 0 0 1 3.13-1.567z"
/>
</svg>
</p>
<h1 class="display-3">Ethio Bank</h1>
<h6 class="subhading-1 mb=5">LogIn</h6>
</div>
<!--for input form-->
<form action="<%=request.getContextPath()%>/loginAccountHandler" method="post" novalidate>
<div class="form-floating mb-3 mt-5">
<input
type="number"
class="form-control"

19
autocomplete="off"
id="accountNumberOne"
placeholder=""
name="accountNumber"
required
/>
<label for="accountNumberOne">Account Number</label>
<div class="invalid-feedback">
Account Number Is Required
</div>
</div>
<div class="form-floating">
<input
type="password"
class="form-control"
autocomplete="off"
id="fPassword"
placeholder="Password"
name="password"
required
/>
<label for="fPassword">Password</label>
<div class="invalid-feedback">Password Is Required</div>
</div>
<div class="form-check mb-5 mt-5">
<input
class="form-check-input"
type="checkbox"
placeholder="un"
value="agreed"
name="agreement"
id="checkInput"
/>
<label class="form-check-label" for="checkInput">
Remember password
</label>
</div>
<div
class="form-group d-flex align-items-center justify-content-between mt-4 mb-0"
>
<a href="Componet/fogotPassword.jsp" class="text-decoration-none"
>Forgot Password?</a
>
<button type="submit" class="btn btn-primary">
LOGIN
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="text-center">
<a href="Componet/createAccount.jsp" class="text-decoration-none text-dark"
>Need an account? Sign up!</a
>
</div>

20
</div>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<%
// if(!request.getParameter("accountNumber").isEmpty()&& !
request.getParameter("password").isEmpty()){
//boolean haveaaccount=(boolean)request.getSession().getAttribute("notLogedIn");
String h="yes";//(String)request.getSession().getAttribute("notLogedIn").toString();
if(!h.equals("")){
if(!h.equals("yes")){
%>
<script>
swal({
title: "Are you sure?",
text: "Your Account Or Password Is Not Correct!",
icon: "warning",
buttons: false,
dangerMode: true,
});
</script>
<%}}%>
</main>
<!-- place footer here here is the footer is included -->
<%@ include file="Componet/footer.jsp" %>
<script src="Componet/FrontFile/formValidation.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"
integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.min.js"
integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz"
crossorigin="anonymous"
></script>
</body>
</html>

5.1.3 User Dashboard

<%@page import="com.daniel.model.CreateAccount"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="com.daniel.model.AccountBalance"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>User DashBord Is Loading </title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"
integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3"
crossorigin="anonymous"

21
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"
integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD"
crossorigin="anonymous"
></script>
</head>
<body>
<%@ include file="header.jsp" %>
<%AccountBalance userinformation=(AccountBalance) request.getSession().getAttribute("his");%>
<!-- below is the form of dash boerd -->
<main class="m-5">
<div class="row justify-content-center shadow">
<div class="col-lg-5 col-sm-12 shadow mx-2 px-3">
<div class="align-items-centet text-center">
<svg
xmlns="http://www.w3.org/2000/svg"
width="80"
height="80"
fill="#6b09eb"
class="bi bi-cash-coin"
viewBox="0 0 16 16"
>
<path
fill-rule="evenodd"
d="M11 15a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm5-4a5 5 0 1 1-10 0 5 5 0 0 1 10 0z"
/>
<path
d="M9.438 11.944c.047.596.518 1.06 1.363 1.116v.44h.375v-.443c.875-.061 1.386-.529 1.386-1.207
0-.618-.39-.936-1.09-1.1l-.296-.07v-1.2c.376.043.614.248.671.532h.658c-.047-.575-.54-1.024-1.329-
1.073V8.5h-.375v.45c-.747.073-1.255.522-1.255 1.158 0 .562.378.92 1.007
1.066l.248.061v1.272c-.384-.058-.639-.27-.696-.563h-.668zm1.36-
1.354c-.369-.085-.569-.26-.569-.522
0-.294.216-.514.572-.578v1.1h-.003zm.432.746c.449.104.655.272.655.569
0 .339-.257.571-.709.614v-1.195l.054.012z"
/>
<path
d="M1 0a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.083c.058-.344.145-.678.258-1H3a2 2 0 0 0-2-2V3a2 2 0 0 0
2-2h10a2 2 0 0 0 2 2v3.528c.38.34.717.728 1 1.154V1a1 1 0 0 0-1-1H1z"
/>
<path
d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 5.982 5.982 0 0 1 3.13-1.567z"
/>
</svg>
<h3 class=" ">EthioBank Is Your Bank </h3>
</div>
<div class="justify-content-start ">
<ul class="align-content-end">
<li class="">The people’s bank.</li>
<li class="">Your kind of people… your kind of bank.</li>
<li class="">Worth Our Weight In Gold.</li>
<li class="">Working Hard For Your Money.</li>
<li class="">A Company You Can Bank On.</li>
<li class="">Working for a better tomorrow.</li>
<li class="">Smart way to Bank.</li>
</ul>
</div>

22
</div>
<div class=" col-lg-5 col-sm-12 shadow mx-2 px-3">
<h2 class="text-center">You Information</h2>
<div class="justify-content-center px-5 mx-5">
<img class="rounded-circle" width="65" alt="avatar1"
src="https://mdbcdn.b-cdn.net/img/new/avatars/9.webp" />
</div>
<label for="b"><h3 class="text-center">Owner Name:</h3></label>
<input type="text" name="balance" id="b" disabled value="<
%=userinformation.getAccountNumber().getFullName()%>">
<label for="b0"><h3 class="text-center">Your Account: </h3></label>
<input type="text" name="balance" id="b0" disabled value="<
%=userinformation.getAccountNumber().getAccountNumber()%>">
<label for="b1"><h3 class="text-center">Your Balance : </h3></label>
<input type="text" name="balance" id="b1" disabled value="<
%=userinformation.getAccountBalance()%>">
<div class="row gy-2">
<button type="button" class="btn btn-primary text-decoration-none">
<a href="<%=request.getContextPath()%>/Componet/UpdateUserInformation.jsp" class=" link text-
white text-decoration-none">Update Your Information</a>
</button>
<button type="button" class="btn btn-primary">
<a href="<%=request.getContextPath()%>/Componet/ExcuteTransaction.jsp" class="link text-white
text-decoration-none">Execute Your Transaction</a>
</button>
<button type="button" class="btn btn-primary">
<a href="<%=request.getContextPath()%>/Componet/transactionHistory.jsp" class="link text-white
text-decoration-none">See Transaction History</a>
</button>
</div>
</div>
</div>
<div class="row shadow mt-3 pt-1">
<img src="https://mdbcdn.b-cdn.net/img/new/avatars/9.webp" class="rounded float-start" alt="...">
<img src="https://mdbcdn.b-cdn.net/img/new/avatars/9.webp" class="rounded float-end " alt="...">
</div>
</div>
</main>
<%@ include file="footer.jsp" %>
<!-- Bootstrap JavaScript Libraries -->
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"
integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.min.js"
integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz"
crossorigin="anonymous"
></script>
</body>
</html>

23

You might also like