Web Aided Learning

Institute For Visually

Impaired People
Presented By:
Fizza Shoaib BCS-005
Talbia Jamil BCS-023
Fasiha Jamil BCS-004
Supervisor:
Ms. Qurat ul Ain

Visual Impairment

Visually impaired people include those

individuals who have any kind of visual
impairment that causes discrepancy from
normal vision range of human beings.

Types of visual impairment

There are many visual impairments
but the most rampant and
widespread are :
1.
2.
3.
4.

Retinitis Pigmentosa
Glaucoma
Myopia
Color Blindness

Retinitis Pigmentosa
A rare inherited disease that slowly
damages the retina.
The visual acuity of the effete is only
a circular vision at the focal point of
the eye. All vision in the surrounding
is blackened

Glaucoma
Glaucoma occurs as a result of
aggravated pressure inside the eye.
This increased pressure impairs the
vision by causing damage to the
optic nerve. Glaucoma
normally
occurs in older adults, although teens
may develop it as well.

Color Blindness
The most common color Blindness is
the one in which the effete is only
able to see Blue green color but can
not visualize Red Yellow color

Myopia
Myopia is short sightedness , where
the effected is able to see blur
images of the objects that are close
to him.

PROJECT OBJECTIVES
Designing a website for visually impaired
people that would dynamically change
the user interface according to the
specified impairment.
Provision of all Course material for SSC
students in a way in which they are able
to visualize it despite the impairment.
To change the font size and color contrast
on run time according to users feasibility.

SCOPE

 This system will be a Web aided application for

visually impaired students of SSC.
This system will be designed to assist the
visually impaired students.
The scope of the project at the level of initial
deployment is kept limited to visually impaired
students of SSC affiliated with FBISE.
We have catered for four ocular ailments
(Retinas Pigmentosa , Diabetic Retinopathy ,
Tunnel visioning , Short Sightedness and Color
Blindness ) .
With the variations in user demands the scope
may increase to include more features to
produce an improvised version of the website.

WEBSITE PERSPECTIVE

This product is a new self contained

system that is neither a replacement
nor a follow on member of an
existing product. Although literature
review diagnoses previous work in
this area however, the added
features and functionality in this
website makes it unique and a
pioneer product which may open
revenues of research and future work

SOFTWARE REQUIREMENTS

Developers Requirements

Operating System : Windows 7

Developing Tool : Visual Studio 2010
ASP. Net , Java ,
Design tools: Dreamweaver , Adobe
Photoshop, Paint
Database : MS SQL SERVER 2008

Client Requirement
Operating System : Windows
Based
Browser : Preferably Google chrome
with proper internet connection

Server Requirment
Operating System : Windows 7
Developing Tool : Visual Studio 2010
ASP. Net , Java , Dreamweaver ,
Adobe Photoshop, Paint
Database : MS SQL SERVER 2008

ONLINE LEARNING

Online Learning provides a more student-centered

approach to the students as all the students have
their own way of learning that works for them so
getting an online education works as an identifier to
identify that each lesson is completely understood
before we move on to the next. These milestones
are online quizzes provided in the website.
Online course materials can be accessed 24 hours a
day every day. The students can easily read and
review lectures, discussions and other materials on
their courses.

BACKGROUND:
WHY DYNAMIC WEB FORMS
Dynamic Web Forms are a very
controlling custom web form building
system that allows the site
administrators to create dynamic web
forms simple to particularly complex.
Many database oriented applications
provide user interfaces that are often
comprised of large numbers of input
forms.

TYPOGRAPHY FOR VISUALLY

IMPAIRED

Typeface
Type size
Type weight
Italic
Capital Letters
Numerals
Interlinear space
Length and line endings
Setting modes
Word spacing
Paragraph
Heading
Design and Layout
Forms

Functionality of the System

SOFTWARE TOOLS AND

TECHNIQUES USED
Microsoft Visual Studio 2010 for coding the
operations involved in the site.
SQL Server
Adobe Dreamweaver for design
Telerik Test studio

IMPLEMENTATION
Using Asp.net language to write the
operations of the system.
Using HTML for designing the
website.
Testing our implementation on telerik
platform

Design Features of
the websites to ensure
visibility for the impaired
people

Making Allowances For

Enlarged Text on run time

Making use of True Text

To make text more legible when
enlarged, we have used true text as
much as possible, rather than text in
graphics.

Contrast is the Key

Eye diseases like Retinitis Pigmentosa, Glaucoma,
Retinopathy and cataracts , all lead to a
significant decrease in contrast sensitivity that
is, the eye's ability to differentiate between
similar shades and levels of brightness. To the
extent possible, we have maximized the contrast
of your web pages, including graphics, fonts, and
backgrounds.

No Overriding Font and

Background Colors

Configurability is the
key

General rule
--make everything configurable.
If the text is real text, users can enlarge it, change its color,
and change the background color. If the layout is in
percentages, the screen can be widened or narrowed to
meet the user's needs.
WHY?
Because
It can be a bit annoying to people with perfect vision, but it
is even more so for people who use screen magnifiers and
are forced to scroll even further to the left and right inside
of the small enlarged space they are viewing

Mindful use of Colors for Action

Items

When creating buttons or notices that call the user's

attention and require their direct interaction, we have
avoided using color combinations that are easily confused
by colorblind users (red and green, blue and yellow) and
make sure these elements contain clear, visible text or
iconography that makes their purpose clear.
Placing a red "cancel" button next to a green "submit"
button, for example, might cause visual confusion to a user
who is red-green colorblind.

Font used ---Arial Helvetica instead

of Romans convention

The NIH and RIB Design Features

Font used ----Arial Helvetica
Labels used rather than script alert
The color scheme of error messages ,
warnings and theme
Content alignment
Font size can be altered on run time
by the user

 Color combination is well suited to

ensure maximum visibility for all types
of impairments.
The size of the buttons is kept large.
Alt tags and tool tips added on image
buttons and hyperlinks
Minimal use of images
Slide show has been embedded only on
the page of normal person

 Rollover image has been added so

that the user can trace the location
of his cursor at any point during the
search.

FUNCTIONAL
REQUIREMENTS

A user can be a Lay man, administrator, expertise of a

system or a developer. A user is able to:

View the screen according to the impairment.

E learning Interactive tool.
Find introduction about the developed system .For
this purpose quick tour of our design can be done.
View details of the system services.
Can visit or ASK A QUESTION about page and ask
anything from the expertise.
Frequently ask questions (FAQs) related to the
project.
Send feedback and submit queries to admin.
Suggest or send general feedback related to tool.
Visit to contact page and can contact with admin for
any query or help or suggestion through mail or
suggestion box.

NON FUNCTIONAL
REQUIREMENTS

Security:
No confidential data like analysis results will be available to
unauthorized users.
Flexibility:
Interface will be as much flexible and user friendly to
provide varying options to the user.
Easy Use:
The system will be designed so as to provide the maximum
guidance to the user regarding how to use the system thus
making it easy to use.
Demo:
Demonstration will be available for performing all the
functions for guidance of the subscribers.
System Requirements:
This section will include the design constraints on the
system being built. Design constraints represent design
decision that have been mandated and must be adhered.

Web form Design template for Glaucoma Students

Web form design for Retinis

Pigmentosa

Web form Design template for

Myopia

Web form Design template for Color

Blind students

Web form Design template for

Normal Student

DELIVERABLES
1. A well designed website that
ensures visualization of all course
material to the visually impaired
students
2. Research paper.

CONCLUSION AND FUTURE

WORK

References
INTERNET:

[1] Goober Xiao, Guotong Xu and Jianwei Lu* Tongji Eye Institute Tongji University
Shanghai, China ., iBrowse: Software for Low Vision to Access Internet, IEEE
Transactions on, vol.20, no.8, pp.777, 789, Aug 2010
[2] Simon Liu, Wei Ma, Dale Schalow, and Kevin Spruill Improving web
accessibility for visually impaired people July August 2004 IT Pro

[3] September 2001, they are based on recommendations from the Royal National
Institute for the Blind, The Lighthouse Inc, other research and, where there is no
better guide, our own taste and prejudice.

[4] http://softwaretestingfundamentals.com/black-box-testing/

BOOK:

Essential Web (2nd edition) by Douglas R. Mauro and Kevin J.Schmidt