web programming - individual assignment

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- $2 th  3uly &$4$ Su0mitte1 0y- Prasanga Wa1anam0y "#B$$55%$)

Upload: prasanga-wdz

Post on 10-Jan-2016

11 views

Category:

Documents


0 download

DESCRIPTION

Web Programming - Individual Assignment

TRANSCRIPT

Page 1: Web Programming - Individual Assignment

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%$)

Page 2: Web Programming - Individual Assignment

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 &

Page 3: Web Programming - Individual Assignment

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

Page 4: Web Programming - Individual Assignment

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 %

Page 5: Web Programming - Individual Assignment

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 '

Page 6: Web Programming - Individual Assignment

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 =

Page 7: Web Programming - Individual Assignment

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

Page 8: Web Programming - Individual Assignment

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 >

Page 9: Web Programming - Individual Assignment

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 ?

Page 10: Web Programming - Individual Assignment

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$

Page 11: Web Programming - Individual Assignment

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

Page 12: Web Programming - Individual Assignment

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

Page 13: Web Programming - Individual Assignment

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

Page 14: Web Programming - Individual Assignment

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

Page 15: Web Programming - Individual Assignment

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'

Page 16: Web Programming - Individual Assignment

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

Page 17: Web Programming - Individual Assignment

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

Page 18: Web Programming - Individual Assignment

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>

Page 19: Web Programming - Individual Assignment

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

Page 20: Web Programming - Individual Assignment

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 &$

Page 21: Web Programming - Individual Assignment

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

Page 22: Web Programming - Individual Assignment

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 &&

Page 23: Web Programming - Individual Assignment

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

Page 24: Web Programming - Individual Assignment

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

Page 25: Web Programming - Individual Assignment

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

Page 26: Web Programming - Individual Assignment

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

Page 27: Web Programming - Individual Assignment

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

Page 28: Web Programming - Individual Assignment

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 &>

Page 29: Web Programming - Individual Assignment

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

Page 30: Web Programming - Individual Assignment

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

Page 31: Web Programming - Individual Assignment

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

Page 32: Web Programming - Individual Assignment

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

Page 33: Web Programming - Individual Assignment

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

Page 34: Web Programming - Individual Assignment

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

Page 35: Web Programming - Individual Assignment

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

Page 36: Web Programming - Individual Assignment

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

Page 37: Web Programming - Individual Assignment

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

Page 38: Web Programming - Individual Assignment

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>

Page 39: Web Programming - Individual Assignment

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?

Page 40: Web Programming - Individual Assignment

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 %$

Page 41: Web Programming - Individual Assignment

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

Page 42: Web Programming - Individual Assignment

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 %&

Page 43: Web Programming - Individual Assignment

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

Page 44: Web Programming - Individual Assignment

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 %%

Page 45: Web Programming - Individual Assignment

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 %'

Page 46: Web Programming - Individual Assignment

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 %=

Page 47: Web Programming - Individual Assignment

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

Page 48: Web Programming - Individual Assignment

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 %>

Page 49: Web Programming - Individual Assignment

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.