Website Development for Banking Firm

This report discusses the design and development process of a website for a banking firm. It covers the architecture, design goals, system behavior, logical view, process view, and detailed class design. The website aims to provide banking services to customers and improve the firm's competitive edge in the market.

Version: 1.0
Website development project for a Banking Firm
Architecture/Design Document
Table of Contents
1 INTRODUCTION.............................................................................................3
2 DESIGN GOALS.............................................................................................4
3 SYSTEM BEHAVIOR......................................................................................4
4 LOGICAL VIEW..............................................................................................5
4.1 High-Level Design (Architecture)........................................................................5
4.2 Mid-Level Design...................................................................................................6
4.3 Detailed Class Design............................................................................................8
5 PROCESS VIEW...........................................................................................11
6 DEVELOPMENT VIEW.................................................................................12
7 PHYSICAL VIEW..........................................................................................12
8 Use Case View..............................................................................................12
Page 1 of 17

Version: 1.0
Change History
Version: <x.y>
Modifier: <Name>
Date: mm/dd/yyyy
Description of Change: <What was modified/added?>
______________________________________________________
Version: <x.y>
Modifier: <Name>
Date: mm/dd/yyyy
Description of Change: <What was modified/added?>
Page 2 of 17

Version: 1.0
1 Introduction
The following report is all about project of website development for banking firm. The
project is being mainly development so that customer can have an easy access to all the
banking based services. The given solutions are being completely offered by the
organization. This particular website is implemented so the firm can easily get
competitive edge in the present market. This particular website is being developed by
making use of agile methodology. The management of the project will be completely
done by the help of PMBoK methodology. The notion of this particular project is all
about design and development of the website considering the functional and non-
functional needs.
This particular report is all about describing the website and design of website
application. It is done to address the required concern and major interest of the
stakeholders. Some of the major stakeholder is all about development of the given project
like
Customers: There are many customers who want to assure the architecture that will
merely help in providing the required functionality. It will merely exhibit all kind of non-
functional need of the website. This particular website need to assure the website so that
they can high quality requirement which is inclusive of reliability, usability and lastly
accountability.
Developers: The second stakeholder which is being associated is the developers. The
overall design architecture will bring efficiency in their work and reduce the overall
complexity and development effort.
Programmers for maintenance: It is the duty of programmers to assure the re-
construction of the system. It will help in the evolution and maintaining of website future.
Project Managers: It is mainly the duty of project manager so assign the given task in
proper way. It is all about coordinating with the whole development process of the given
system. The main focus of the project manager is all about developing the whole design
process in various available components of equal size. It highlights the overall
complexity for the development of the software and the project manager mainly comes
up with the required responsibility.
The overall design and development of the software is very much complex in nature. It
aims to provide the overall interest of the given stakeholders. At present, there are various
diagrams which will help the developer in the design of the website. There are various
kind of terms which are needed for development of the system. It is mainly provided in
various views and perspective. The overall architecture with the design process mainly
comprises of four different aspects like:
Process view: The process view aims to describe all the thread which is needed for
controlling and processing of the process which are needed for execution. It highlights
the list of thing that understands the logical view of website.
Use Case: View of Use case mainly comprises of validate along with motivation along
with various design activities which are included in the given system. In the beginning,
the overall needs of website design as the functional aspect of the website.
Logical View: The main idea is mainly inclusive of some of important aspect, attributes
along with the operation of the system. The given view is merely inclusive of defining the
Page 3 of 17

Version: 1.0
overall objectives between the components and interaction in system. The object oriented
design is mainly carried out by the website which is stated as the logical view.
Development view: This particular view aims to highlight about the overall application of
the system needed for mapping the whole work.
2 Design Goals
Design goals of the given project highlights the fact that whether the project is good or
bad in nature. The point should be taken into account that there is no either good or bad
project. The overall design value of the project mainly tends to depend on the priority of
the given stakeholders. The overall design value completely depends on the design and
circumstances is better in comparison to the website.
The overall application design needs to be best which will highlight the priority of design
for the given application. The application design of this banking firm can be analysed
from perspective of priorities.
The complete design needs to be develop for the application which is judge completely
by analysing the application. It will merely satisfy the overall need of user as per the
given priority.
The design priority which is included in the design of the web application has been
provide like:
 The overall design of web application needs to satisfy the requirement of the user.
 Design of the application will help in reducing the overall complexity of and
efforts involved in development of the web application.
3 System Behavior
The design of the Banking website is completely based on the use cases views that have
been majorly been used for designing the outputs in relation to the website. Each of the
inclusions that have been made in the diagram are being defined in the following stages.
The description of the architecture of the website have been provided in the following
sections.
Page 4 of 17

Version: 1.0
(Figure 1: The System Architecture Design of the Banking Firm)
(Source: Created by author)
Description – The wireframe diagram of the website shows the different views supported
within the website. According to the diagram supported, the description of the different
pages within the website could be described as follows:
1. In the Home page of the website, the different tabs are supported in which different
options are supported. It discusses the 5 different sections, which support various
functionalities. A description of the entire website would be provided in the lower section
of the website.
2. In the second section of the website, the client would need to sign up or login within
the website. This section details out the Sign Up procedure within the banking website.
The client would need to provide certain details such as name, email and password. After
proper confirmation of passwords and the entire procedure, the account of the client
would be created.
3. In the third section of the website, the client would login within the website after
signing up process. After a proper match of credentials, the client would be redirected to
different pages from where they would be able to access each sections.
4. In the last section in the wireframe, the different services offered by the banking
website are detailed out. These are certain hyperlinks from which the client can select and
avail the services. A Personal Banking button is also provided from which the customer
could be able to create their personalized services according to their needs.
Page 5 of 17

Version: 1.0
4 Logical View
4.1 High-Level Design (Architecture)
(Figure 2: The High-Level architecture design for the Banking Firm)
(Source: Created by author)
Page 6 of 17

Version: 1.0
The given application has been design for the development of the application which is
completely build in a modular way for improving the overall scalability. The design of
the website application is considered to be the best art for software development. The
design architecture of software is inclusive of blueprint application which is to be
developed. The architecture is inclusive of system which require the design activity of the
given system. It is an important aspect which is done in the SDLC method for developing
the system architecture. The whole thing is done in two stages that is high level and mid-
level. High level aims to ensure that design comes with good principles design along with
DFD.
In the above diagram, the architectural diagram has been provided for the construction of
website. All the required data need to be completely stored in the database system and
there is a need of any kind of third party API with the given system. The architecture
diagram comes with the option of reset for the API of the given system. In the above
diagram, the overall architectural of design construction for the website which provides
training courses to the business for developing the required system.
In the process of developing the architectural diagram, the kind of application of needs to
be taken into account. It is mainly done so that the developer will have much better
understanding. Project manager comes up with the complete responsibility of developing
the website. There are large number of key scenarios and use cases which are needed for
developing the given system. Both the functional and non-functional requirements are
needed to be implemented at the time of website design.
4.2 Mid-Level Design
(Figure 3: The High-Level architecture design for the Banking Firm)
(Source: Created by author)
Description of Mid-Level Diagram: The mid-level comprises of three main classes that
are customer, account details, admin details, transaction details. Classes come up with
various attribute and methods needed for various properties or data members. Attributes
Page 7 of 17

Version: 1.0
are considered to be the data members of the given object. The class customer comes up
with different attributes like customerID, customerName, customerEmail,
CustomerAddress and CustomerPhone. It comes up with two functions that is
providedetails() and loginDetails(). The admin details comprise of adminusername,
adminname and many other. The transaction detail comprises of transactionID,
debitAmount and CreditAmount. The account class comprises of attributes accountID
and accountbalance.
(Figure 3: The Sequence diagram for the Banking Firm)
(Source: Created by author)
Description - The above figure describes that the customer would perform login
operations within the bank website. They would enter their login credentials based on
creation of a username and password. After the login credentials would be verified, the
login result would be displayed to the customer. The login credentials would be stored
within the internal database within the bank. This database would store the record of the
customers and thus match them accordingly during the performing of login request.
Page 8 of 17

Version: 1.0
(Figure 4: The Sequence diagram for the Banking Firm)
(Source: Created by author)
Description – After getting the login request from the customers, the bank admin would
add the customer account details within the database of the bank. The account of the
customer would be created as soon as the credentials would be matched and stored within
the website. The account details would be displayed after the account has been created.
After the entire account has been created, the result would be displayed to the customer
and accordingly the customer would be able to perform their operations.
Page 9 of 17

Version: 1.0
4.3 Detailed Class Design
(Figure 5: The Detailed Class diagram for the Banking Firm)
(Source: Created by author)
In this diagram, the detailed result of each of the operations have been displayed. The
customer would get the opportunity to create their own account by signing up within the
website. The bank admin would continuously update the details within the database of the
bank servers. After the account of the customer has been created, the customer would
login within the website and thus be ready to avail the various kind of services. The
banking firm would provide a wide range of services based within the banking
department. The customers would also be able to view their entire set of transactions that
would be made within the website. With the help of the creation of the banking website,
it would be highly helpful for the customers to engage in various activities.
5 Process View
Process View Description: The overall method of development of the application and its
design mainly helps in understanding the way by which component communicate. The
overall communication is established between sub-components which help in establishing
communication with the associated application. The process helps in describing and
providing an area with respect to the path needed for building communication in the
given components. It becomes possible to make a control over the flow of given data and
storage which is associated with the website development. It will merely ensure the
overall safety of the developed system.
Application thread: It is known to be main thread of the given application that will help
in creating some routine in the given program. The given application thread will help in
creating programs which is not the actual thread build by the user. The given thread will
Page 10 of 17

Version: 1.0
help in handling all the basics flow of the programs needed for navigating the required
pages. It will control all the required processing in the given window events which is
inclusive of handling all the required inputs for the user. It is mainly represented in the
graphical formats.
Presentation Thread: It is mainly build by the user when user is going through the
application. It will merely navigate from one given page to another that has a new view
of the website that is being designed for this banking firm. It is completely responsible
for taking landmark which is completely near and helps in depending on the information.
It is mainly collected from the presentation thread. It mainly makes request for image
viewer along with the sunbonnets of the audio player. All the information is updated for
the given website where the thing is found to be necessary.
GPS thread: It is considered to be user created in nature. This particular aspect will
analyse the longitude and latitude of the GPS device. It is mainly needed for keeping a
track of the overall location of the given user. GPS thread aims to provide the given
program with all the required information that helps in finding the positioning of the user.
It will help in getting update of the travels from one given location to another. GPS
connection help in checking the thread on continuous basis along with understanding the
valid connection.
Device Thread: It is mainly created by the user which will help in reading the current
state of the devices. This will merely help in keeping a track of the present state of the
devices. This will devices in analysing the changes in application made by the user. The
given device will ultimately generate notification with respect to the changing state of the
developed application. It is mainly needed for keeping a track of the GPS of the system
which will help in updating the position. The given devices do not come of any kind of
connection with thread of connection.
(Figure 6: The Process View diagram for the Banking Firm)
(Source: Created by author)
Page 11 of 17

Version: 1.0
(Figure 7: The Class diagram for the Banking Firm)
(Source: Created by author)
The process view of the ABC banking firm will merely comprise of GPS system,
database, process of mapping and GUI thread.
Description of the diagram: The above diagram aims to highlight about the application
of the website. It comes up GPS thread, mapping thread, database thread and lastly audio
thread which comprises of application of website. The designed website will be needed
for keeping a track of the associated information. Database will be needed for both data
storage and information in the given system. Mapping thread is needed for creating a map
of the given system. Database thread is needed for user to keep a track of the data in the
given system. Device will mainly help the user in getting access to the system.
Application system will help in ensuring the fact that all the given devices are being used
for getting access to the website application.
Page 12 of 17

Version: 1.0
6 Physical View
(Figure 7: The Physical View diagram for the Banking Firm)
(Source: Created by author)
Description of the Physical view: The website planning for the given application is done
for application website. This particular project is all about construction of the website that
will help the application to work in more effective and efficient way. Proper website
planning is required for application development which is needed for construction of the
website of the banking firm. In the above diagram, the website system planning has been
described in details.
The planning of website can be done by developer that helps in making the
required goal for the given website. It is inclusive of metrics which needs to be inclusive
of the website. Developer have also decided the name of the website which is needed for
construction of the website. The construction of the website for the banking firm does not
require any specific name of the website as the name is already there. Developer of this
website aims to notify all the required technologies which is needed for re-construction of
the system. It comprises of web-hosting, web-developer, designer and overall technical
maintenance. Developer needs to properly define the overall target of the given system.
Developer comes up with technological knowledge which is needed for application
demographic and issues encountered at the time of website development. There is a need
of planning process where the developer will develop the system in much effective and
efficient way. The construction of the website will need user from the outside that will
help the organization to login in the system.
Application of website comes up with view which is inclusive in the system of the
given images, videos which are needed at the time of providing training courses to the
system. The given system needs to be constructed so that owner of the website can keep a
track of all the given application data in much efficient way. The given data is needed for
controlling the system in much better way. The website is merely inclusive of some clips
Page 13 of 17

Version: 1.0
of short and long video length. It will ultimately the user in getting an overview how
training is being given with respect to training courses and overall details of the given
system. The planning of the website requires proper audience which is completely stated
by the user. Developing process of website planning need to help the user so that they can
get a clear idea with respect to website development.
At present, there are large number of issues with the given system. The issues are
considered to be specified for the given system. Developer needs to have a clear view
with respect to the physical idea of the system. Exception handling process are inclusive
of the system so that they can have a clear view of the developed system.
Page 14 of 17

Version: 1.0
7 Use Case View
(Figure : The Use Case view of the ABC Banking Firm)
(Source: Created by author)
Description – The above diagram helps in depicting the entire use case view for the
website. The diagram firstly depicts the process of sign up and login procedure within the
banking website. After a proper form of approval from the bank management, the
customer would be able to access the website and avail the services. The customer would
also be able to view the entire range of services that are provided within the website. The
customer would also view their account details, view the balances in their accounts and
check the entire list of the transactions.
The management team at the bank would hold responsibility of approving the accounts of
the customers after a proper checking of details of the customer. After a certain
eligibility, the management would add the customer account within the database and the
customer would receive an approval mail from the bank. The bank management would
also have the power of deleting the account of the customer in certain cases or when the
customer would leave the services of bank.
Page 15 of 17

Version: 1.0
8 Bibliography
Agu, B. O., Simon, N. P. N., & Onwuka, I. O. (2016). Mobile banking–adoption and
challenges in Nigeria. International Journal of Innovative Social Sciences &
Humanities Research, 4(1), 17-27.
Allen, F., Gu, X., & Qian, J. (2017). People's Bank of China: History, Current Operations
and Future Outlook. Current Operations and Future Outlook (October 10, 2017).
Al-Qeisi, K., Dennis, C., Alamanos, E., & Jayawardhena, C. (2014). Website design
quality and usage behavior: Unified Theory of Acceptance and Use of
Technology. Journal of Business Research, 67(11), 2282-2290.
Bojjagani, S., & Sastry, V. N. (2017). A secure end‐to‐end SMS‐based mobile banking
protocol. International journal of communication systems, 30(15), e3302.
Colliard, J. E. (2014). Monitoring the supervisors: Optimal regulatory architecture in a
banking union. Available at SSRN 2274164.
George, A., & Kumar, G. G. (2014). Impact of service quality dimensions in internet
banking on customer satisfaction. Decision, 41(1), 73-85.
Guerreiro, R., Ross, O. A., Kun-Rodrigues, C., Hernandez, D. G., Orme, T., Eicher, J. D.,
... & Scholz, S. W. (2018). Investigating the genetic architecture of dementia with
Lewy bodies: a two-stage genome-wide association study. The Lancet
Neurology, 17(1), 64-74.
Handel, A., Allegra, M., & Maggor, E. (Eds.). (2017). Normalizing Occupation: The
Politics of Everyday Life in the West Bank Settlements. Indiana University Press.
Hokkanen, L., Kuusinen, K., & Väänänen, K. (2016, May). Minimum viable user
experience: A framework for supporting product design in startups.
In International Conference on Agile Software Development (pp. 66-78).
Springer, Cham.
Inganga, B. W., Njeru, A., Ombui, K., & Ondabu, I. T. (2014). Factors affecting
customer demand of financial services offered by commercial banks in Nairobi
county. Int. J. Sci. Res. Pub, 4(11), 1-25.
Larsson, A., & Viitaoja, Y. (2017). Building customer loyalty in digital banking: A study
of bank staff’s perspectives on the challenges of digital CRM and
loyalty. International Journal of Bank Marketing, 35(6), 858-877.
Liébana-Cabanillas, F., Ramos de Luna, I., & Montoro-Ríos, F. J. (2015). User behaviour
in QR mobile payment system: the QR Payment Acceptance Model. Technology
Analysis & Strategic Management, 27(9), 1031-1049.
Lin, F. T., Wu, H. Y., & Tran, T. N. N. (2015). Internet banking adoption in a developing
country: an empirical study in Vietnam. Information Systems and e-Business
Management, 13(2), 267-287.
Martins, C., Oliveira, T., & Popovič, A. (2014). Understanding the Internet banking
adoption: A unified theory of acceptance and use of technology and perceived risk
application. International Journal of Information Management, 34(1), 1-13.
Masrek, M. N., Mohamed, I. S., Daud, N. M., & Omar, N. (2014). Technology trust and
mobile banking satisfaction: a case of Malaysian consumers. Procedia-Social and
behavioral sciences, 129, 53-58.
Page 16 of 17

Version: 1.0
Montazer, G. A., & ArabYarmohammadi, S. (2015). Detection of phishing attacks in
Iranian e-banking using a fuzzy–rough hybrid system. Applied Soft
Computing, 35, 482-492.
Moodie, G., Wheelahan, L., Fredman, N., & Bexley, E. (2015). Towards a New
Approach to Mid-Level Qualifications. Research Report. National Centre for
Vocational Education Research Ltd. PO Box 8288, Stational Arcade, Adelaide,
SA 5000, Australia.
Nayak, N., Nath, V. I. K. A. S., & Goel, N. (2014). A study of adoption behaviour of
mobile banking services by Indian consumers. International Journal of Research
in Engineering & Technology, 2(3), 2347-4599.
Ong, K. S., Nguyen, B., & Syed Alwi, S. F. (2017). Consumer-based virtual brand
personality (CBVBP), customer satisfaction and brand loyalty in the online
banking industry. International journal of bank marketing, 35(3), 370-390.
Rahi, S., Yasin, N. M., & Alnaser, F. M. (2017). Measuring the role of website design,
assurance, customer service and brand image towards customer loyalty and
intention to adopt internet banking. Journal of Internet Banking and
Commerce, 22(S8).
Rodrigues, L. F., Costa, C. J., & Oliveira, A. (2014, May). How gamification can
influence the web design and the customer to use the e-banking systems.
In Proceedings of the International Conference on Information Systems and
Design of Communication (pp. 35-44). ACM.
Rosenfeld, L., Morville, P., & Arango, J. (2015). Information architecture: for the web
and beyond. " O'Reilly Media, Inc.".
Sakhaei, F., Afshari, A., & Esmaili, E. (2014). The impact of service quality on customer
satisfaction in Internet banking. Journal of mathematics and computer
science, 9(1), 33-40.
Spendzharova, A. (2014). Institutional Design of Banking Supervision in Central and
Eastern Europe and Party Politics. In Regulating Banks in Central and Eastern
Europe (pp. 53-77). Palgrave Macmillan, London.
Page 17 of 17