Upload
prasanga-wdz
View
8
Download
0
Embed Size (px)
DESCRIPTION
Web Programming - Individual Assignment
Citation preview
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 1/49
Asia Pacific Institute Of Information Technology,
Sri Lanka
WEB PROGRAI!G
"#E$$%&'(&)
I!*I+I*AL ASSIG!E!T
Lecturer- r. T.Sara/anan
*ate Su0mitte1- $2th 3uly &$4$
Su0mitte1 0y-
Prasanga Wa1anam0y "#B$$55%$)
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 2/49
We0 Programming
Acknowledgment
I 6oul1 like to thank r.T.Sara/anan for his continuous gui1ance an1 su77ort in carrying out
this 7ro8ect. Without his /alua0le su7er/ision, all my efforts 6oul1 ha/e 0een short 9 sighte1.
:is continuous hel7 encourage1 me to in/ol/e in the 7ro8ect in a 6i1er sco7e an1 as7ect.
I 6oul1 also thank my family mem0ers an1 my 0atch colleagues 6ho ren1ere1 me their
immense su77ort throughout this 7ro8ect.
Asia Pacific Institute of Information TechnologyPage &
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 3/49
We0 Programming
Table of content
Ackno6le1gment........................................................................................................ 2
Ta0le of content..........................................................................................................3
List of figures.............................................................................................................5
List of ta0les.............................................................................................................. 6
4.$ Intro1uction.......................................................................................................... 6
4.4 Pro0lem S7ecification.......................................................................................... 8
4.& Assum7tions...................................................................................................... 8
4.5 Re;uirement S7ecification.....................................................................................8
&.$ Entity Relationshi7 o1els ( ER..............................................................................9
5.$ Story Boar1s.......................................................................................................10
5.4 Bank :ome Page.............................................................................................. 10
5.& Internet Banking Page........................................................................................ 12
5.5 !e6 ser Registration Page.................................................................................13
5.% #ustomer Login Page.........................................................................................14
5.' Internet Banking <unctions Page...........................................................................15
5.= +ie6 Account *etails Page..................................................................................16
5.2 ake Payments Page......................................................................................... 17
5.> +ie6 Transaction *etails Page..............................................................................18
5.? <un1 Transfer Page............................................................................................19
5.4$ essage Page.................................................................................................20
5.44 A1min Login Page........................................................................................... 21
5.4& +ie6 Accounts Page.........................................................................................22
5.45 *irect *e0it Payments Page...............................................................................23
5.4% #ustomi@e *esign Page.....................................................................................24
5.4' essages Page................................................................................................ 25
%.$ Screen ock(u7s..................................................................................................26
%.4 Bank :ome..................................................................................................... 26
%.& #ustomer :ome................................................................................................ 27
%.5 +ie6 Account *etails.........................................................................................28
%.% ake Payments................................................................................................ 29
%.' +ie6 Transactions............................................................................................. 30
Asia Pacific Institute of Information TechnologyPage 5
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 4/49
We0 Programming
%.= <un1 Transfer ...................................................................................................31
%.2 +ie6 Bank essages......................................................................................... 32
%.> A1min Login....................................................................................................33
%.? +ie6 Accounts.................................................................................................34
%.4$ *irect *e0it Eecution......................................................................................35
%.44 Sen1 essages................................................................................................36
'.$ !a/igation *esign........................................................................................... 37
=.$ Test Plan............................................................................................................ 38
2.$ #ritical Analysis...................................................................................................48
Asia Pacific Institute of Information TechnologyPage %
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 5/49
We0 Programming
List of figures
<igure 4( Entity relationshi7 mo1el...........................................................................................?
<igure & ( Bank :ome 7age.....................................................................................................4$
<igure 5 ( Internet 0anking 7age..............................................................................................4&
<igure % ( !e6 user registration 7age......................................................................................45
<igure ' ( customer login 7age.................................................................................................4%
<igure = ( Internet 0anking functions 7age..............................................................................4'
<igure 2 ( +ie6 account 1etails 7age.......................................................................................4=
<igure > ( ake 7ayments 7age...............................................................................................42<igure ? ( +ie6 transaction 1etails 7age..................................................................................4>
<igure 4$ ( <un1 transfer 7age.................................................................................................4?
<igure 44 ( essage 7age.........................................................................................................&$
<igure 4& ( A1min login 7age..................................................................................................&4
<igure 45 ( +ie6 accounts 7age...............................................................................................&&
<igure 4% ( *irect 1e0it 7ayments 7age...................................................................................&5
<igure 4' ( #ustomi@e 1esign 7age..........................................................................................&%
<igure 4= ( essage 7age........................................................................................................&'
<igure 42 ( Bank home.............................................................................................................&=
<igure 4> ( #ustomer 7age.......................................................................................................&2
<igure 4? ( +ie6 account 1etails..............................................................................................&>
<igure &$ ( ake 7ayments......................................................................................................&?
<igure &4 ( +ie6 transactions...................................................................................................5$
<igure && ( <un1 transfer..........................................................................................................54
<igure &5 ( +ie6 0ank messages..............................................................................................5&
<igure &% ( A1min login...........................................................................................................55
<igure &' ( +ie6 accounts........................................................................................................5%
<igure &= ( *irect 1e0it eecution...........................................................................................5'
<igure &2 ( Sen1 messages.......................................................................................................5=
<igure &> ( !a/igation 1esign..................................................................................................52
Asia Pacific Institute of Information TechnologyPage '
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 6/49
We0 Programming
Asia Pacific Institute of Information TechnologyPage =
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 7/49
We0 Programming
List of tables
Ta0le 4 ( Bank home 7age........................................................................................................5>
Ta0le & ( Internet 0anking 7age................................................................................................5>
Ta0le 5 ( #ustomer registration 7age.......................................................................................5?
Ta0le % ( #ustomer login 7age.................................................................................................5?
Ta0le ' ( customer home 7age..................................................................................................%$
Ta0le = ( Account 1etails 7age.................................................................................................%$
Ta0le 2 ( ake 7ayments 7age.................................................................................................%4
Ta0le > ( Account 1etails 7age.................................................................................................%4Ta0le ? ( <un1 transfer 7age.....................................................................................................%&
Ta0le 4$ ( +ie6 message 7age.................................................................................................%&
Ta0le 44 ( A1min login.............................................................................................................%5
Ta0le 4& ( A1min(/ie6 accounts..............................................................................................%5
Ta0le 45 ( A1min ( *irect *e0it eecution..............................................................................%%
Ta0le 4% ( A1min ( Sen1 essages..........................................................................................%%
Ta0le 4' ( #ommon Links in e/ery 7age.................................................................................%'
Ta0le 4= ( #ommon su0 links in the registere1 users Pages...................................................%=
Ta0le 42 ( #ommon su0 links in the registere1 customers Pages...........................................%2
Asia Pacific Institute of Information TechnologyPage 2
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 8/49
We0 Programming
1.0 Introduction
Internet is a remarka0le in/ention 0y the mo1ern 6orl1 6hich is no6 a com7ulsory recourse
for e/eryone in to1ays 6orl1. *ifferent nee1s of the 7eo7le an1 their 1ifferent i1eas causethe ra7i1 1e/elo7ment of the internet an1 its facilities. !o6, 0anking is also 0ecame a facility
6hich is a/aila0le in internet.
The main ins7iration of this Pro8ect is t6o 1e/elo7 a 0anking 6e0 a77lication 6hich ena0les
the user to 1o their common 0anking acti/ates an1 for the 0ank, 7lay their a1min role. We
ha/e re;ueste1 0y the Pro/i1ence Bank anagement to 1e/elo7 a 6e0 a77lications 6hich
content 0asic transaction facilities, user re/ie6s an1 re7ort ser/ices.
By using the e7erience an1 the talent 6e ha/e, came u7 6ith a sim7le 0ut effecti/e solution
6hich meets our customer re;uirements. This is a a77lication 6hich sho6s a real time
0anking system using 0y most of the 0anks in each an1 e/ery country. This facilitates our
client to im7ro/e the 0anking facilities, re1uce their 6orkloa1 an1 to im7ro/e their
7ro1ucti/ity.
Asia Pacific Institute of Information TechnologyPage >
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 9/49
We0 Programming
1.1 Problem Specification
The 0anking system inclu1es t6o user le/els an1 their tasks are 1ifferent from each other.
I1entifying those le/els an1 tasks an1 0y carefully un1erstan1ing the situation, 6e are
re;ueste1 to come u7 6ith a sim7le solution 6here these users can log 6ith the 0ank online
an1 1o their 6ork through a 6e0 0ase1 a77lication 0y our customer.
1.2 Assumptions
These are the assum7tions 6hich are going to 0e critical in this a77lication.
4. A1ministrator cannot log in to the site from the 7lace that is gi/en to the customer to
login.
&. A1min is not allo6e1 to in/ol/e in customers tasks.
5. #ustomer cannot log in to the site from the 7lace that is gi/en to the a1min to login.
%. A1min only can u71ate customer login 1etails in the customer 1etails section.
1.3 e!uirement Specification
After analy@ing the gi/en scenario I i1entifie1 the key areas that are essential to the success
of this system. Those areas can 0e liste1 as 0elo6.
• Login
• Registration
• Acti/ation• Transactions
• +ie6 Statements
• Search an1 u71ate
These areas are the main functions of this a77lication 6e ha/e 1e/elo7e1.
Asia Pacific Institute of Information TechnologyPage ?
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 10/49
We0 Programming
2.0 "ntit# elations$ip %odels & "%
<igure 4( Entity relationshi7 mo1el
Asia Pacific Institute of Information TechnologyPage 4$
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 11/49
We0 Programming
3.0 Stor# 'oards
3.1 'ank (ome Page
4. ain <orm
This form contains the main 1esign 6ith colors in the layout to attract the user.&. #ontainer <orm
This contains Bank Logo, 0asic 0anners an1 Link 0ars 6hich connects to other 7ages.
5. Links
Links on the images contains connections to Personal Banking Page an1 Online
Banking Page.
%. Logo
This is the image 6hich contains the Logo of the 0ank.
'. Login form
Asia Pacific Institute of Information TechnologyPage 44
<igure & ( Bank :ome 7age
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 12/49
We0 Programming
sers can login to their account 7ages using Login form. This 6ill check the user
name, 7ass6or1 an1 user ty7e an1 then it lea1s into their o6n account 7ages.
Other6ise it 6ont lea1 into any form.
3.2 Internet 'anking Page
Asia Pacific Institute of Information TechnologyPage 4&
<igure 5 ( Internet 0anking 7age
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 13/49
We0 Programming
4. ain <orm
This form contains the main 1esign 6ith colors in the layout to attract the user.
&. #ontainer <orm
This contains Bank Logo, 0asic 0anners an1 Link 0ars 6hich connects to other 7ages.
5. Links
Links on the 7age contains connections to #ustomer Register Page an1 a 0asic Login
Page.
%. LogoThis is the image 6hich contains the Logo of the 0ank.
3.3 )ew *ser egistration Page
Asia Pacific Institute of Information TechnologyPage 45
<igure % ( !e6 user registration 7age
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 14/49
We0 Programming
4. ain <orm
This form contains the main 1esign 6ith colors in the layout to attract the user.
&. #ontainer <orm
This contains Bank Logo, 0asic 0anners an1 Link 0ars 6hich connects to other 7ages.
5. Logo
This is the image 6hich contains the Logo of the 0ank.
%. Registration <orm
#ontains tet fiel1s an1 0uttons 6hich allo6s the customer to insert account hol1ers
1etails.
3.+ ,ustomer Login Page
Asia Pacific Institute of Information TechnologyPage 4%
<igure ' ( customer login 7age
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 15/49
We0 Programming
4. ain <orm
This form contains the main 1esign 6ith colors in the layout to attract the user.
&. #ontainer <orm
This contains Bank Logo, 0asic 0anners an1 Link 0ars 6hich connects to other 7ages.
5. Logo
This is the image 6hich contains the Logo of the 0ank.
%. Registration <orm
This contains a fiel1 6hich allo6s the customer to login to the site.
Asia Pacific Institute of Information TechnologyPage 4'
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 16/49
We0 Programming
3.- Internet 'anking unctions Page
4. ain <orm
This form contains the main 1esign 6ith colors in the layout to attract the user.
&. #ontainer <orm
This contains Bank Logo an1 Link 0ars 6hich connects to other 7ages.
5. Links
Links on the 7age contains connections to +ie6 Accounts Page, Payments Page,
Transaction 1etails Page, <un1 Transfer Page, essage Page an1 to ser Profile Page.
%. Logo
This is the image 6hich contains the Logo of the 0ank.
Asia Pacific Institute of Information TechnologyPage 4=
<igure = ( Internet 0anking functions 7age
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 17/49
We0 Programming
3./ iew Account etails Page
4. ain <orm
This form contains the main 1esign 6ith colors in the layout to attract the user.
&. #ontainer <orm
This contains Bank Logo an1 Link 0ars 6hich connects to other 7ages.
5. Links
Links on the 7age contains connections to Payments Page, Transaction 1etails Page,<un1 Transfer Page, essage Page an1 to ser Profile Page.
%. Logo
This is the image 6hich contains the Logo of the 0ank.
'. +ie6 Accounts form
This contains a 1ataset 6hich sho6s remaining 0alance of the account, account status
an1 the other 0asic 1etails.
3. %ake Pa#ments Page
Asia Pacific Institute of Information TechnologyPage 42
<igure 2 ( +ie6 account 1etails 7age
<igure > ( ake 7ayments 7age
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 18/49
We0 Programming
4. ain <orm
This form contains the main 1esign 6ith colors in the layout to attract the user.
&. #ontainer <orm
This contains Bank Logo an1 Link 0ars 6hich connects to other 7ages.
5. Links
Links on the 7age contains connections to +ie6 Accounts Page, Transaction 1etails
Page, <un1 Transfer Page, essage Page an1 to ser Profile Page.
%. LogoThis is the image 6hich contains the Logo of the 0ank.
'. +ie6 Accounts form
This contains t6o su0 forms for 0ill or cre1it car1 1etails an1 to make 7ayments.
3. iew Transaction etails Page
Asia Pacific Institute of Information TechnologyPage 4>
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 19/49
We0 Programming
4. ain <orm
This form contains the main 1esign 6ith colors in the layout to attract the user.
&. #ontainer <orm
This contains Bank Logo an1 Link 0ars 6hich connects to other 7ages.
5. Links
Links on the 7age contains connections to +ie6 Accounts Page, Payments Page, <un1
Transfer Page, an1 essage Page an1 to ser Profile Page.
%. Logo
This is the image 6hich contains the Logo of the 0ank.
'. +ie6 Accounts formThis contains a 1ataset 6hich sho6s 7ast transactions 1one 0y the customer 6ithin
last 5$ 1ays.
3.4 und Transfer Page
Asia Pacific Institute of Information TechnologyPage 4?
<igure ? ( +ie6 transaction 1etails 7age
<igure 4$ ( <un1 transfer 7age
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 20/49
We0 Programming
4. ain <orm
This form contains the main 1esign 6ith colors in the layout to attract the user.
&. #ontainer <orm
This contains Bank Logo an1 Link 0ars 6hich connects to other 7ages.
5. Links
Links on the 7age contains connections to +ie6 Accounts Page, Payments Page,
Transaction 1etails Page, essage Page an1 to ser Profile Page.
%. Logo
This is the image 6hich contains the Logo of the 0ank.'. +ie6 Accounts form
This contains tet fiel1s an1 0uttons to 1o fun1 transfers 6ithin t6o accounts 1irectly.
3.10 %essage Page
Asia Pacific Institute of Information TechnologyPage &$
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 21/49
We0 Programming
<igure 44 ( essage 7age
4. ain <orm
This form contains the main 1esign 6ith colors in the layout to attract the user.
&. #ontainer <orm
This contains Bank Logo an1 Link 0ars 6hich connects to other 7ages.
5. Links
Links on the 7age contains connections to +ie6 Accounts Page, Payments Page,
Transaction 1etails Page, <un1 Transfer Page an1 to ser Profile Page.
%. Logo
This is the image 6hich contains the Logo of the 0ank.
'. +ie6 Accounts form
#ontains a 1ataset 6hich sho6s the messages recei/e1 from 0ank a1ministration.
3.11 Admin Login Page
Asia Pacific Institute of Information TechnologyPage &4
<igure 4& ( A1min login 7age
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 22/49
We0 Programming
4. ain <orm
This form contains the main 1esign 6ith colors in the layout to attract the user.
&. #ontainer <orm
This contains Bank Logo, 0asic 0anners an1 Link 0ars 6hich connects to other 7ages.
5. Logo
This is the image 6hich contains the Logo of the 0ank.
%. Registration <orm
This contains a fiel1 6hich allo6s the a1min to login to the site.
Asia Pacific Institute of Information TechnologyPage &&
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 23/49
We0 Programming
3.12 iew Accounts Page
4. ain <orm
This form contains the main 1esign 6ith colors in the layout to attract the user.
&. #ontainer <orm
This contains Bank Logo an1 Link 0ars 6hich connects to other 7ages.5. Links
Links on the 7age contains connections to *irect *e0it Payments Page, #ustomi@e
*esign Page an1 essages Page.
%. Logo
This is the image 6hich contains the Logo of the 0ank.
'. +ie6 Accounts form
#ontains 1ataset 6hich sho6s the 1etails of a searche1 account an1 a form 6hich
facilitates the a1min to search a account using account num0er.
Asia Pacific Institute of Information TechnologyPage &5
<igure 45 ( +ie6 accounts 7age
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 24/49
We0 Programming
3.13 irect ebit Pa#ments Page
4. ain <orm
This form contains the main 1esign 6ith colors in the layout to attract the user.
&. #ontainer <orm
This contains Bank Logo an1 Link 0ars 6hich connects to other 7ages.
5. Links
Links on the 7age contains connections to +ie6 Accounts Page, #ustomi@e *esign
Page an1 essages Page.
%. Logo
This is the image 6hich contains the Logo of the 0ank.
'. *irect *e0it Payments form
This contains 1ataset 6hich sho6s the 1etails of a recent 1irect 1e0it 7ayments an1 a
form 6hich facilitates the a1min to eecute those 7ayments.
Asia Pacific Institute of Information TechnologyPage &%
<igure 4% ( *irect 1e0it 7ayments 7age
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 25/49
We0 Programming
3.1+ ,ustomi5e esign Page
4. ain <orm
This form contains the main 1esign 6ith colors in the layout to attract the user.
&. #ontainer <orm
This contains Bank Logo an1 Link 0ars 6hich connects to other 7ages.
5. Links
Links on the 7age contains connections to +ie6 Accounts Page, *irect *e0it
Payments Page, #ustomi@e *esign Page an1 essages Page.
%. LogoThis is the image 6hich contains the Logo of the 0ank.
'. #ustomi@e *esign form
This contains a form 6hich ena0les the a1min to change the 0asic a77earances of the
6e0 site.
Asia Pacific Institute of Information TechnologyPage &'
<igure 4' ( #ustomi@e 1esign 7age
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 26/49
We0 Programming
3.1- %essages Page
4. ain <orm
This form contains the main 1esign 6ith colors in the layout to attract the user.
&. #ontainer <orm
This contains Bank Logo an1 Link 0ars 6hich connects to other 7ages.
5. Links
Links on the 7age contains connections to +ie6 Accounts Page, *irect *e0it
Payments Page an1 #ustomi@e *esign Page.
%. Logo
This is the image 6hich contains the Logo of the 0ank.
'. essages form
This contains a form 6hich ena0les the a1min to sen1 in1i/i1ual or grou7 messages to
the customers.
+.0 Screen %ock&ups
+.1 'ank (ome
Asia Pacific Institute of Information TechnologyPage &=
<igure 4= ( essage 7age
<igure 42 ( Bank home
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 27/49
We0 Programming
4. Bank home allo6 customers to login into site using login section.
&. #ommon Links allo6 all users to search for other 1etails.
5. A1min link re1irect the users to the a1min login 7age 6here an a1min can log into the
site.
+.2 ,ustomer (ome
4. Links 6hich contains here, re1irect customers to the location heCshe 6ants.
Asia Pacific Institute of Information TechnologyPage &2
<igure 4> ( #ustomer 7age
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 28/49
We0 Programming
&. Logout 6ill logout the customer from the 6e0site.
Asia Pacific Institute of Information TechnologyPage &>
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 29/49
We0 Programming
%.5 +ie6 Account *etails
4. <acilitates the customer to check hisCher account 1etails.
&. Links 6hich contains here, re1irect customers to the location heCshe 6ants.
5. Logout 6ill logout the customer from the 6e0site.
Asia Pacific Institute of Information TechnologyPage &?
<igure 4? ( +ie6 account 1etails
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 30/49
We0 Programming
+.+ %ake Pa#ments
4. Allo6s users to make 0ill or cre1it car1 7ayments.
&. Links 6hich contains here, re1irect customers to the location heCshe 6ants.
5. Logout 6ill logout the customer from the 6e0site.
+.- iew Transactions
4. Allo6s customer to /ie6 0ill or cre1it car1 7ayments history 1etails an1 fun1 transfer
history an1 authentication 1etails.
&. Links 6hich contains here, re1irect customers to the location heCshe 6ants.
5. Logout 6ill logout the customer from the 6e0site.
Asia Pacific Institute of Information TechnologyPage 5$
<igure &$ ( ake 7ayments
<igure &4 ( +ie6 transactions
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 31/49
We0 Programming
Asia Pacific Institute of Information TechnologyPage 54
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 32/49
We0 Programming
+./ und Transfer
4. This 7age facilitates customer to 1o fun1 transfer re;uests to the 0ank.
&. Links 6hich contains here, re1irect customers to the location heCshe 6ants.
5. Logout 6ill logout the customer from the 6e0site.
Asia Pacific Institute of Information TechnologyPage 5&
<igure && ( <un1 transfer
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 33/49
We0 Programming
+. iew 'ank %essages
4. #ustomers can 0ank messages using this 7age.&. Links 6hich contains here, re1irect customers to the location heCshe 6ants.
5. Logout 6ill logout the customer from the 6e0site.
Asia Pacific Institute of Information TechnologyPage 55
<igure &5 ( +ie6 0ank messages
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 34/49
We0 Programming
+. Admin Login
4. A1min login allo6s a1min to login into site using this login section.
Asia Pacific Institute of Information TechnologyPage 5%
<igure &% ( A1min login
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 35/49
We0 Programming
+.4 iew Accounts
4. +ie6 accounts 7age facilitates the a1min to /ie6 re;uest for register the accounts in the
system.
&. If the 1etails of the re;uest are correct, the a1min can acti/ate the customer account an1
assign a 7ass6or1.
5. Logout 6ill logout the customer from the 6e0site.
Asia Pacific Institute of Information TechnologyPage 5'
<igure &' ( +ie6 accounts
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 36/49
We0 Programming
+.10 irect ebit "6ecution
4. <un1 Transfer 7age facilitates the a1min to /ie6 fun1 transfer re;uest 0y the customers.
&. If the 1etails of the re;uest are correct an1 the account 0alance is enough, the a1min can
eecute the fun1 transfer re;uest.
5. A1min can check the account 1etails of a customer 0y searching.%. Logout 6ill logout the customer from the 6e0site.
Asia Pacific Institute of Information TechnologyPage 5=
<igure &= ( *irect 1e0it eecution
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 37/49
We0 Programming
+.11 Send %essages
4. essage 7age facilitates the a1min to sen1 messages to the customers.
&. Logout 6ill logout the customer from the 6e0site.
Asia Pacific Institute of Information TechnologyPage 52
<igure &2 ( Sen1 messages
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 38/49
We0 Programming
-.1 )a7igation esign
#ontains ho6 the na/igation has 0een 1one 6ithin the 6e0site.
<igure &> ( !a/igation 1esign
Asia Pacific Institute of Information TechnologyPage 5>
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 39/49
We0 Programming
/.0 Test Plan
'ank (ome Page
Test "6pected esult Actual esult Status
4 Login Button #lick If ser name an1
Pass6or1 is correct,
essage sho6s
DLogin Successful.
Else Dser name or
Pass6or1 Incorrect.
essages sho6
DLogin Successful
an1 Dser name or
Pass6or1 Incorrect.
If fiel1s are em7ty,
message sho6s D<ill
all <iel1s
message sho6s D<ill
all <iel1s
& #ancel Button #lick Refresh all fiel1s Refresh all fiel1s
Ta0le 4 ( Bank home 7age
Internet 'anking Page
Test "6pected esult Actual esult Status
> #lick on !e6 ser Shoul1 re1irect to
Registration.7h7
Re1irect to
Registration.7h7? #lick on Registere1 ser Shoul1 re1irect to
#ustomer Login.7h7
Re1irect to
#ustomer
Login.7h7
Ta0le & ( Internet 0anking 7age
,ustomer egistration Page
Asia Pacific Institute of Information TechnologyPage 5?
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 40/49
We0 Programming
Test "6pected esult Actual esult Status
> Su0mit 0utton click If all fiel1s are fille1
message sho6 D*ata
sent successfully. We
6ill Inform Fou.
An1 shoul1 re1irect
to Bank :ome.7h7.
Else message sho6s
D<ill all <iel1s.
essage sho6
D*ata sent
successfully. We
6ill Inform Fou.
An1 re1irect to
Bank :ome.7h7.
essage sho6 D<ill
all <iel1s.
? #ancel 0utton click Shoul1 re1irect to
Bank :ome.7h7
Re1irect to Bank
:ome.7h7Ta0le 5 ( #ustomer registration 7age
,ustomer Login Page
Test "6pected esult Actual esult Status
> Login Button #lick If ser name an1
Pass6or1 is correct,
essage sho6s
DLogin Successful.An1 shoul1 re1irect
to #ustomer
:ome.7h7. Else
Dser name or
Pass6or1 Incorrect.
essages sho6
DLogin Successful
an1 Dser name or
Pass6or1 Incorrect.Re1irect to
#ustomer
:ome.7h7.
If fiel1s are em7ty,
message sho6s D<ill
all <iel1s
message sho6s D<ill
all <iel1s
? #ancel Button #lick Shoul1 re1irect to
Bank :ome.7h7
Re1irect to Bank
:ome.7h7Ta0le % ( #ustomer login 7age
,ustomer (ome Page
Test "6pected esult Actual esult Status
1 #lick on Account *etails Shoul1 re1irect to Re1irect to Account
Asia Pacific Institute of Information TechnologyPage %$
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 41/49
We0 Programming
Account *etails.7h7 *etails.7h7
2 #lick on Payments Shoul1 re1irect to
Payments.7h7
Re1irect to
Payments.7h7
3 #lick on Transaction
*etails
Shoul1 re1irect to
Transaction
*etails.7h7
Re1irect to
Transaction
*etails.7h7
+ #lick on <un1 Transfer Shoul1 re1irect to
<un1 Transfer.7h7
Re1irect <un1
Transfer.7h7
- #lick on essages Shoul1 re1irect to
essages.7h7
Re1irect to
essages.7h7
/ #lick on ser Profile Shoul1 re1irect to
ser Profile.7h7
Re1irect to ser
Profile.7h7
Ta0le ' ( customer home 7age
Account etails Page
Test "6pected esult Actual esult Status1 +ie6 !o6 0utton click Shoul1 loa1 the
0asic account
1etails.
Loa1 the 0asic
account 1etails.
Ta0le = ( Account 1etails 7age
%ake Pa#ments Page
Test "6pected esult Actual esult Status
Asia Pacific Institute of Information TechnologyPage %4
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 42/49
We0 Programming
4 Pay !o6 0utton click If all fiel1s are fille1
message sho6
DPayments
successful. An1
shoul1 re1irect to
#ustomer
:ome.7h7.
Else message sho6s
D<ill all <iel1s.
essage sho6
DPayments
successful. An1
re1irect to
#ustomer
:ome.7h7.
essage sho6 D<ill
all <iel1s.
& #ancel 0utton click Shoul1 re1irect to
#ustomer :ome.7h7
Re1irect to
#ustomer:ome.7h7
Ta0le 2 ( ake 7ayments 7age
Account etails Page
Test "6pected esult Actual esult Status
1 +ie6 !o6 0utton click Shoul1 loa1 the
transaction 1etails of
last 5$ 1ays.
Loa1 the
transaction 1etails
of last 5$ 1ays.Ta0le > ( Account 1etails 7age
Asia Pacific Institute of Information TechnologyPage %&
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 43/49
We0 Programming
und Transfer Page
Test "6pected esult Actual esult Status
4 Pay !o6 0utton click If all fiel1s are fille1message sho6
DTransaction
successful. An1
shoul1 re1irect to
#ustomer
:ome.7h7.
Else message sho6s
D<ill all <iel1s.
essage sho6DTransaction
successful. An1
re1irect to
#ustomer
:ome.7h7.
essage sho6 D<ill
all <iel1s.
& #ancel 0utton click Shoul1 re1irect to
#ustomer :ome.7h7
Re1irect to
#ustomer
:ome.7h7Ta0le ? ( <un1 transfer 7age
iew messages Page
Test "6pected esult Actual esult Status
1 +ie6 !o6 0utton click Shoul1 loa1 the
messages from the
a1min.
Loa1 the messages
from the a1min.
Ta0le 4$ ( +ie6 message 7age
Admin Login
Asia Pacific Institute of Information TechnologyPage %5
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 44/49
We0 Programming
Test "6pected esult Actual esult Status
> Login Button #lick If ser name an1
Pass6or1 is correct,
essage sho6s
DLogin Successful.
An1 shoul1 re1irect
to A1min :ome.7h7.
Else Dser name or
Pass6or1 Incorrect.
essages sho6
DLogin Successful
an1 Dser name or
Pass6or1 Incorrect.
Re1irect to A1min
:ome.7h7.
If fiel1s are em7ty,
message sho6s D<ill
all <iel1s
message sho6s D<ill
all <iel1s
? #ancel Button #lick Shoul1 re1irect to
Bank :ome.7h7
Re1irect to Bank
:ome.7h7
Ta0le 44 ( A1min login
Admin & iew Accounts
Test "6pected esult Actual esult Status
1 +ie6 !o6 0utton click Shoul1 loa1 the
registration re;uest
that users sent.
Loa1 the
registration re;uest
that users sent.
71ate 0utton click Shoul1 /ali1ate all
tet fiel1s an1
u71ate the 1ata0ase
ta0le.
+ali1ate all tet
fiel1s an1 u71ate
the 1ata0ase ta0le.
Ta0le 4& ( A1min(/ie6 accounts
Asia Pacific Institute of Information TechnologyPage %%
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 45/49
We0 Programming
Admin & irect ebit e6ecution
Test "6pected esult Actual esult Status
1 +ie6 !o6 0utton click Shoul1 loa1 theregistration re;uest
that users sent.
Loa1 theregistration re;uest
that users sent.
2 71ate 0utton click Shoul1 /ali1ate all
tet fiel1s an1
u71ate the ta0les.
+ali1ate all tet
fiel1s an1 u71ate
the ta0les.
3 Search 0utton click Shoul1 retrie/e
account 0alance
from the 1ata0ase.
Retrie/e account
0alance from the
1ata0ase.
Ta0le 45 ( A1min ( *irect *e0it eecution
Admin & Send %essages
Test "6pected esult Actual esult Status
Sen1 0utton click Shoul1 /ali1ate all
tet fiel1s an1
u71ate the 1ata0ase
ta0le.
+ali1ate all tet
fiel1s an1 u71ate
the 1ata0ase ta0le.
Ta0le 4% ( A1min ( Sen1 essages
,ommon Links in e7er# page
Asia Pacific Institute of Information TechnologyPage %'
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 46/49
We0 Programming
Test "6pected esult Actual esult Status
1 #lick on Personal Banking Shoul1 re1irect to
Personal
Banking.7h7
Re1irect to
Personal
Banking.7h7
2 #lick on Internet Banking Shoul1 re1irect to
Internet Banking.7h7
Re1irect to Internet
Banking.7h7
3 #lick on Su77ort Shoul1 re1irect to
Su77ort.7h7
Re1irect to
Su77ort.7h7
+ #lick on A0out s Shoul1 re1irect to
A0out s.7h7
Re1irect to A0out
s.7h7
- #lick on A1min Login Shoul1 re1irect to
A1min Login.7h7
Re1irect to A1min
Login.7h7
/ #lick on Pri/acy Shoul1 re1irect to
Pri/acy.7h7
Re1irect to
Pri/acy.7h7
#lick on Security Shoul1 re1irect to
Security Info.7h7
Re1irect to Security
Info.7h7
#lick on #ontact s Shoul1 re1irect to
#ontact s.7h7
Re1irect to #ontact
s.7h7
Ta0le 4' ( #ommon Links in e/ery 7age
,ommon sub links in t$e registered user8s Pages
Test "6pected esult Actual esult Status
1 #lick on Account *etails Shoul1 re1irect to
Account *etails.7h7
Re1irect to Account
*etails.7h7
2 #lick on Payments Shoul1 re1irect to Re1irect to
Asia Pacific Institute of Information TechnologyPage %=
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 47/49
We0 Programming
Payments.7h7 Payments.7h7
3 #lick on Transaction
*etails
Shoul1 re1irect to
Transaction
*etails.7h7
Re1irect to
Transaction
*etails.7h7
+ #lick on <un1 Transfer Shoul1 re1irect to
<un1 Transfer.7h7
Re1irect <un1
Transfer.7h7
- #lick on essages Shoul1 re1irect to
essages.7h7
Re1irect to
essages.7h7
/ #lick on ser Profile Shoul1 re1irect to
ser Profile.7h7
Re1irect to ser
Profile.7h7
2 #lick on Logout Shoul1 re1irect to
Bank :ome.7h7
Re1irect to Bank
:ome.7h7
Ta0le 4= ( #ommon su0 links in the registere1 users Pages
,ommon sub links in t$e registered customer8s Pages
Test "6pected esult Actual esult Status
1 #lick on +ie6 Accounts Shoul1 re1irect to
A1minAccount.7h7
Re1irect to
A1minAccount.7h7
2 #lick on *irect *e0it Shoul1 re1irect to
A1min*irect*e0it.7h
7
Re1irect to
A1min*irect*e0it.7h
7
3 #lick on #ustomi@e Shoul1 re1irect toA1min#ustomise.7h7
Re1irect toA1min#ustomise.7h7
Asia Pacific Institute of Information TechnologyPage %2
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 48/49
We0 Programming
+ #lick on essages Shoul1 re1irect to
A1minessage.7h7
Re1irect
A1minessage.7h7
Ta0le 42 ( #ommon su0 links in the registere1 customers Pages
<rom the 0eginning of the 1e/elo7ment the 6e0site, I ha/e con1ucte1 a testing 7rocess
throughout the 6hole time 1uration of 1e/elo7ment 7rocess.
nit testing 6as the metho1 that I ha/e use1 to test online 0anking 6e0 a77lication. I ha/e
first 1esigne1 the site layouts an1 other a77earances 6ith a11ing 8a/a scri7ts to the forms.
An1 that 8a/a scri7ts 6ere teste1 after the 1e/elo7ment of each main forms an1 su0 forms.
Errors 6ere fie1 at the same time they occurre1.
<inally the 6hole 6e0site 6as teste1 in t6o sections. <irst 6as the na/igational test that I
ha/e con1ucte1 to check 6hether the links for each 7age 6orks. Then the critical test for
forms 6ith a11ing 1ata into 1ata0ase is the critical an1 the final test I ha/e con1ucte1.
.0 ,ritical Anal#sis
Test 7lan is the first ste7 for the finali@ation of 1e/elo7ment 7rocess of the 6e0 a77lication. It
is critical to ha/e a 7erfect test 7lan for the testing stage for any ty7e of a77lication. An1 it
causes an errorless final a77lication as an out7ut.
In the 1e/elo7ment 7rocess of my 6e0 a77lication, I ha/e use1 three testing metho1s. <irst
testing 6as 1one at the 1esigning le/el of the 6e0 a77lication. It 6as a sim7le test 7lan 6hich
only checke1 the /ali1ations of the forms an1 the 7ositioning of the layouts. It 6as really
Asia Pacific Institute of Information TechnologyPage %>
7/18/2019 Web Programming - Individual Assignment
http://slidepdf.com/reader/full/web-programming-individual-assignment 49/49
We0 Programming
im7ortant to check 6hether the 8a/a scri7ts that I ha/e co1e1 are 6orking or not 0efore 1oing
har1 co1ing in P:P language.
After co1ing each form I ha/e con1ucte1 another unit testing 7rocess to check 6hether the
forms are 6orking an1 1ata are 7erfectly transfers 0et6een 1ata0ase an1 forms. It hel7e1 me
to 6ork 6ith co1es 6ithout any error for similar functions.
<inally the na/igational an1 the form testing that I ha/e 1one 6ere the critical t6o testing
metho1s that hel7e1 me to i1entify the issues of the 6e0 site 0efore im7lementing.
This 6hole testing 7lan 6as the significant 7rocess in this 7ro8ect of 1e/elo7ing an online
0anking 6e0 a77lication.