Limited-time offer! Save up to 50% Off | Solutions starting at $6 each  

Web -Site Designing Concept PDF

Added on - 21 Jan 2022

Trusted by 2+ million users,
1000+ happy students everyday
Showing pages 1 to 8 of 96 pages
Web-Site Designing Concept2016
Pradeep Shrestha (HND / Second Semester)1

ACKNOWLEDGEMENT

The success and final outcome of this assignment required a lot of guidance and assistance from many
people and I was able to finish my tasks because of kind support and help from my teacher and friends.
So, First and foremost, I offer my sincere gratitude to Rajan Raj Pant sir for providing me support,
information and guidance which made me complete the assignment on time. I respect and acknowledge
ISMT College and also Pearson Edexcel Board for giving a wonderful opportunity to do this
assignment and show me the perfect way to groom myself in the field of IT.

Next, I would like to thank my parents whose kind co-operation, support and encouragement has made
possible to complete these assignments on time. I would like to express my gratitude towards my
friends who helped me in all possible aspects.

Lastly, I would like to extend my sincere thanks to everyone who directly or indirectly helped me in
the accomplishment of assignment. Therefore, I appreciate all helps and supports of everyone.
Web-Site Designing Concept2016
Pradeep Shrestha (HND / Second Semester)2

Table of Contents

ACKNOWLEDGEMENT .....................................................................................................................1

Scenario..................................................................................................................................................5

Task 1.....................................................................................................................................................6

Introduction ........................................................................................................................................6

1.1 Users ........................................................................................................................................6

1.2 Site analysis accessibility.........................................................................................................8

Solutions ......................................................................................................................................10

1.3 DESIGN .....................................................................................................................................11

1.4 Environment ...............................................................................................................................13

1.4.1 Browser Compatibility........................................................................................................13

1.4.2 Connection Speed ...............................................................................................................13

1.4.3 Screen Resolution ...............................................................................................................14

1.4.4 Operating System................................................................................................................14

Conclusion........................................................................................................................................14

Task 2...................................................................................................................................................15

Introduction ......................................................................................................................................15

2.1 Nature of Interactivity ................................................................................................................15

2.2 Client Needs ...............................................................................................................................15

2.2.1 Images .................................................................................................................................15

2.2.2 Level of Security.................................................................................................................15

2.3 Development Timescale.............................................................................................................15

2.4 Website Design: .........................................................................................................................16

1.Homepage..........................................................................................................................16

2.Capital Plan........................................................................................................................17

3.EMI Calculator ..................................................................................................................17

4.Bank Account ....................................................................................................................18

5.DMAT-Form .....................................................................................................................19

6.Bank Branches...................................................................................................................20
Web-Site Designing Concept2016
Pradeep Shrestha (HND / Second Semester)3

7.ATM Locations..................................................................................................................21

8.Gallery ...............................................................................................................................21

9.Download...........................................................................................................................22

10.Contact Us .........................................................................................................................22

11.FAQ Page ..........................................................................................................................23

12.Sitemap ..............................................................................................................................24

13.Private Policy.....................................................................................................................24

2.5 User’s Need................................................................................................................................25

2.5.1 Appropriate use of Graphics ...............................................................................................25

2.5.2 Delivery of the Content.......................................................................................................25

2.5.3 Complexity of Site ..............................................................................................................25

Conclusion........................................................................................................................................25

Task 3
...................................................................................................................................................26
Introduction ......................................................................................................................................26

3.1 Novice User................................................................................................................................26

3.1.1 Usefulness ...........................................................................................................................26

3.1.2 User-Interactivity ................................................................................................................26

3.1.3 Proper Validation ................................................................................................................27

3.1.4 Accessibility........................................................................................................................27

3.2 Disabled User .............................................................................................................................27

3.2.1 Usefulness ...........................................................................................................................27

3.2.2 User-Interactivity ................................................................................................................27

3.2.3 Proper Validation ................................................................................................................28

3.1.4 Accessibility........................................................................................................................28

Conclusion........................................................................................................................................28

Task 4
...................................................................................................................................................36
Introduction ......................................................................................................................................36

4.1 Navigation Bar .......................................................................................................................36

4.2 News Slider............................................................................................................................38

4.3 Header ....................................................................................................................................39
Web-Site Designing Concept2016
Pradeep Shrestha (HND / Second Semester)4

4.4 Image Slider ...........................................................................................................................40

4.5-Footer.....................................................................................................................................41

4.6 Gallery....................................................................................................................................43

4.7 Downloads .............................................................................................................................44

4.8 Demat Form ...........................................................................................................................45

4.9 Contact Us..............................................................................................................................47

Conclusion........................................................................................................................................49

Task 5...................................................................................................................................................50

Introduction ......................................................................................................................................50

Unit Testing .................................................................................................................................50

Integrated Testing ........................................................................................................................58

Compatibility Testing ..................................................................................................................61

Stress Testing ...............................................................................................................................63

Critical Review.................................................................................................................................67

Conclusion........................................................................................................................................68

Task 6...................................................................................................................................................69

Introduction. .....................................................................................................................................69

Conclusion........................................................................................................................................72

Task 7...................................................................................................................................................73

Introduction ......................................................................................................................................73

FAQ Page.....................................................................................................................................75

Site Map .......................................................................................................................................76

Site Navigation.............................................................................................................................76

Conclusion........................................................................................................................................81

Task 8...................................................................................................................................................82

Introduction ......................................................................................................................................82

Design Layout..............................................................................................................................82

Tools Used ...................................................................................................................................85

Task Breakdown Approach..........................................................................................................87

Data and Information Collection Mechanism..............................................................................88
Web-Site Designing Concept2016
Pradeep Shrestha (HND / Second Semester)5

Product Deployment ....................................................................................................................89

Maintenance.................................................................................................................................91

Conclusion........................................................................................................................................91

References: - ........................................................................................................................................95

Scenario

“Kumari Bank Limited”is a one of the commercial banks of Nepal with an objective of providing
competitive and modern banking services in the Nepalese financial market. The bank always focus on
building sound technology driven internal system to cater the changing needs of the customers that
enhance high comfort and value. The bank is pioneer in providing some of the latest / lucrative banking
services like E-Banking and SMS Banking services in Nepal.

The IT manager looks for a professional and competitive look for their website. The website must
include the facilities such as E-Banking, ATM locations across the country, branches, image gallery
etc. There should be couple of forms like Demat account opening online form, KYC form along with
customer feedback form. The form should be properly validated against empty fields, data types and
other fields as par necessary. The website should be W3C complaint (XHTML and CSS). You have
been employed as a “Web Developer” Your responsibilities include but not limitedto suggest recent
web trends, technologies and tools that should be used to meet the goal and later, promote the website
(SEO, Social Network Implementation). Finally, submit a fully functional interactive, appealing and
tested (W3C XHTML/CSS validated) website. For interactivity and better user experience, JavaScript
(or its libraries like jQuery) can be used wherever needed.

In order to be appointed for the position you need to demonstrate skills required for the position.
Particularly you have to demonstrate that you understand the functions of website hosting and you are
able to manage websites, improve website performance and promote them.
Web-Site Designing Concept2016
Pradeep Shrestha (HND / Second Semester)6

Task 1

Discussthe design concepts that have to be considered when designing the website. [1.1, M1]

Consider:Users, Site Analysis Accessibility, Design and Environment.

Introduction

Web design
in simple language can be termed as a dynamic approach. Dynamic approach in
the sense that the real definition of it lies and varies from the designers
prospective. Before any
designerstartmakinga fully functionalwebsite, a designermusttakea design concept in

consideration.

It is not always true that a good website must have too much animations or multimedia. It might just

include the words content
just for the information or satisfactory purpose. According toRobert White
(2002)
claims that any designer who sees from his perspectives only but not through the perspectives
of the users are obvious to have more and more number of unsatisfied clients.
Hence, the concept of
developing any website should be solely depend on the perspective of the client. It should provide full

content that the client wishes to find out rather than increasing more and more complexity by adding

various unnecessary informati
on, Medias, etc.
Before making a good website, we must consider some of the major points. In this task, I’m going to

discuss some of the topics:
-
1.1 Users

Users
refers to the client who visits or uses the website for various purposes. These purposes generally
depend upon the content the website contains. Therefore, it is important to have convenient and

specific content the user desires while surfing the website. According to
Chris Young (2015), argues
that for any webpage to be successful the first and
foremost thing that the developer must consider are
the traits, needs, objectives of the website. When the web visitor’s traits are taken in importance then

the pages can be developed accordingly to meet the client’s needs and success of any website can be

gained only by knowing the objectives of the website. For a website to flourish, the designer must take

in account the design concept for any user who is browsing the website. Hence, to sum up the intension

of developing the website must be clear and the
information that the client want should be provided in
easier manner.
There are generally 4 types of web clients for which we can consider. Some of them
are briefly explained below:
-
Web-Site Designing Concept2016
Pradeep Shrestha (HND / Second Semester)7

1.1.1Expert User

Expert Users
are the professional users. They acquire skillsand knowledge from great deal of
practices in particular subjects or fields over years. These web clients have no any difficulty in finding

any content from the websites or using the website. These users have advance skills and know how to

use the webpage
properly. They can also find out the problems that are occurring in the website and
can effort in solving it. They are very active and effective users that can physically and mentally make

sure and secure the webpage. They are free for using the content o
r the applications of the website.
They are always secure while using the website as they can also bypass the problems that occurs in the

website.

1.1.2Novice User

Novice Users
are the new users to any system or website. Novice users are the non-experienced users
to any website.They require simple, basic and easy interface to learn and some extra more help or

effort for advance use. While designing a website, we must consider for the novice users too. We

should remember that not to make the website shadow or
add some unnecessary applications or
features. This will make the user more confusing too. The web designer must also add the help file to

reduce the error or problems that in the website by the users.

According to
Albert Thompson (2015)defines Novice user as the users that are having the features
of internet at the highest potential at the first stage. This means that the users that are very new to the

website and need and extra help to use the web properly. The rate of use of website by these users are

the same as the other users but the basic difference between them is that they do not know the basic

rules of the web. Hence, these users are specifically targeted for obtaining the desired informations

that they seek and not any further information of the
website.
1.1.3Regular User

Regular Users
are those users who visit the website frequently or regularly for some specific purposes.
They can just go into the website and easily get the content they are looking for. These users generally

look out for the mails or the updates that in the web. Some
examples of the regular users include
students, clients, staffs and other too.

Regular user generally visit the website, comment it and use the effectiveness or the functionality of

the website. These users are regularly updated with the web contents and
website interface. Therefore,
Web-Site Designing Concept2016
Pradeep Shrestha (HND / Second Semester)8

these users are also one of the important part of the web users. These users are like our asset as they

give their feedbacks and further suggestions that are to be included or how the layout should be. Hence,

one of the key as
pect of becoming an expert user is becoming part of regular user too.
1.1.4Occasional User

Occasional Users
are the users that visits the website once or week or once a month. These users use
the web very rarely just to check out certain events or information
that occurs rarely in a week or month
or even once a year. One of the examples of the occasional users may include people who just want to

know the exchange rate of different currencies. Therefore, these users use the website for specific time

period and g
et disturbed when new content or extra features are added because they are used to the
website for certain interval of time after a long period.

1.2 Site analysis accessibility

Site accessibility refers to the people who can access the website. The designed website should be able
to give access to the people of different age group and also the people having different disabilities. The
developer and the designer team must take in consideration to this also.

There are thousands of people who are having different defects such as disabilities and our website
must also include them too. According toGim Gordon (2007)argues that web must be accessible to
all the people who are having various disabilities so that these people can also get equal opportunities
as other and they can also participate in the social matters actively. As the disabled people also have
the equal right as the abled people at present and rather to be called differently abled than disabled
people. People who are differently abled are in various society.

Web accessibility comprises all the disabilities that generally affects the access to the web such as
auditory, visual, physical, cognitive, speech, or even neurological disabilities. As the web is the main
source for getting as well as providing the information and also interacting with the society too? Hence,
it is very important that the web accessible in order to provide equal access and equal opportunity to
the people that are differently abled. There are various disabilities let us discuss some of them in brief.
desklib-logo
You’re reading a preview
Preview Documents

To View Complete Document

Click the button to download
Subscribe to our plans

Download This Document