Top Banner
DEPARTMENT OF INFORMATION SCIENCE AND ENGINEERING A PROJECT REPORT ON “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE” Submitted in the partial fulfillment of the requirements in the 8 th semester of BACHELOR OF ENGINEERING IN INFORMATION SCIENCE AND ENGINEERING By Bishal Kumar Sah 1NH17IS021 Niranjan Yadav 1NH17IS061 Rohitashav Soni 1NH17IS138 Vishal Mishra 1NH14IS123 Under the guidance of Prof. GOWRI PRASAD Assistant Professor, Dept. of ISE, NHCE DEPARTMENT OF INFORMATION SCIENCE AND ENGINEERING NEW HORIZON COLLEGE OF ENGINEERING Outer ring road, Kadubeesanahalli, Near Marathahalli, Bengaluru-560103
64

“SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

May 10, 2023

Download

Documents

Khang Minh
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

DEPARTMENT OF INFORMATION SCIENCE AND ENGINEERING

A PROJECT REPORT ON

“SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Submitted in the partial fulfillment of the requirements in the 8 th semester of

BACHELOR OF ENGINEERING

IN

INFORMATION SCIENCE AND ENGINEERING

By

Bishal Kumar Sah 1NH17IS021

Niranjan Yadav 1NH17IS061

Rohitashav Soni 1NH17IS138

Vishal Mishra 1NH14IS123

Under the guidance of

Prof. GOWRI PRASAD

Assistant Professor, Dept. of ISE, NHCE

DEPARTMENT OF INFORMATION SCIENCE AND ENGINEERING

NEW HORIZON COLLEGE OF ENGINEERING Outer ring road, Kadubeesanahalli, Near Marathahalli, Bengaluru-560103

Page 2: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

CERTIFICATE

Certified that the project work entitled “Smart Website For Visually Challenged

People”, carried out by Mr. Bishal Kumar Sah (1NH17IS021), Mr. Niranjan Yadav

(1NH17IS061), Mr. Rohitashav Soni (1NH17IS138) and Mr. Vishal Mishra

(1NH14IS123) bonafide students of NEW HORIZON COLLEGE OF ENGINEERING,

Bengaluru, is in partial fulfillment for the award of Bachelor of Engineering in Information

Science and Engineering of the Visveswaraiah Technological University, Belgaum during

the year 2020-21. It is certified that all corrections/suggestions indicated for Internal

Assessment have been incorporated in the Report deposited in the departmental library.

The project report has been approved as it satisfies the academic requirements in respect

of Project work prescribed for the said Degree.

Name & Signature of the Guide Name & Signature of the HOD Signature of the Principal

Mrs. Gowri Prasad Dr. R J Anandhi Dr. Manjunatha

External Viva

Name of the Examiners Signature with Date

1.

2.

Page 3: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

DEPARTMENT OF INFORMATION SCIENCE AND ENGINEERING

DECLARATION

We hereby declare that we have followed the guidelines provided by the

Institution in preparing the project report and presented report of project

titled “Smart Website for visually challenged people”, and is uniquely

prepared by us after the completion of the project work. We also confirm that

the report is only prepared for my academic requirement and the results

embodied in this report have not been submitted to any other University or

Institution for the award of any degree.

Signature of the Students

Bishal Kumar Sah 1NH17IS021

Niranjan Yadav 1NH17IS061

Rohitashav Soni 1NH17IS138

Vishal Mishra 1NH14IS123

Page 4: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

ABSTRACT

With the advancement in 20th Century, the use of internet have become increasingly

common. Websites have never been this popular, accessible or in demand as is today, and

internet is filled with billions of websites. Our aim is to create a smart website that assists

visually challenged people to book an online appointment with doctors on their own .

Although there are many tools such as ORCAM and VISION etc. that are helping them to

interact but all require us to purchase extra equipment, which is not possible due to budget

or geographic constraints. There is a great deal of work and research being done to discover

approaches to improve life for halfway located and visually impaired individuals. As indicated

by the World Health Organization there are 285 million outwardly disabled individuals around

the world. That is many individuals who could remain to profit by some astute innovation. So

we focus at creating a solution that is accessible to all. Our website helps visually challenged

people by providing an easy way to access all the contents present in the website through

voice commands without any support of external devices and also provides audio feedback to

them for better interaction.

Page 5: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

ACKNOWLEDGEMENT

Any achievement, be it scholastic or otherwise does not depend solely on the individual

efforts but on the guidance, encouragement and cooperation of intellectuals, elders and

friends. A number of personalities, in their own capacities have helped us in carrying out

this project. We would like to take an opportunity to thank them all.

First and foremost, we thank the management, Dr. Mohan Manghnani, Chairman, New

Horizon Educational Institutions for providing us the opportunity to do the project.

We would like to thank Dr. Manjunatha, Principal, New Horizon College of Engineering,

Bengaluru, for his constant encouragement and support extended to us towards

completing our project.

We extend our sincere gratitude to Dr. R J Anandhi, Head of the Department, Information

Science and Engineering, New Horizon College of Engineering, Bengaluru for her valuable

suggestions and expert advice.

We deeply express our sincere gratitude to our guide Mrs. Gowri Prasad, Assistant

Professor, Department of ISE, NHCE, Bengaluru, for her able guidance, regular source of

encouragement and assistance throughout our project period.

Last, but not the least, we would like to thank our peers and friends who provided me

with valuable suggestions to improve our project.

Bishal Kumar Sah 1NH17IS021

Niranjan Yadav 1NH17IS061

Rohitashav Soni 1NH17IS138

Vishal Mishra 1NH14IS123

Page 6: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Table of Contents

SERIAL NO. CONTENT PAGE NO.

1 PREAMBLE 01

1.1 Introduction 01

1.2 Relevance of the Project 01

1.3 Problem statement 02

1.4 Existing System 03

1.4.1 Limitations 03

1.5 Proposed System 04

1.5.1 Advantages 04

2 LITERATURE SURVEY 05

3 SYSTEM REQUIREMENTS SPECIFICATION 11

3.1 General Description of the System 11

3.1.1 Overview of Functional Requirements 11

3.1.2 Overview of Data Requirements 12

3.2 Technical Requirements of the System 12

3.2.1 Hardware Requirements 12

3.2.2 Software Requirements 13

3.3 Input Requirements 13

3.4 Output Requirements 14

3.5 Language Specification 14

3.5.1 HTML 14

3.5.2 CSS 15

3.5.3 JavaScript 15

3.5.4 XML 15

3.5.5 PHP 16

4 SYSTEM DESIGN AND ANALYSIS 18

4.1 System Architecture Diagram 18

4.2 Data Flow Diagram 19

Page 7: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

4.3 Use Case Diagram 20

5 IMPLEMENTATION 21

5.1 Different Modules of the Project 21

5.2 Code Implementation 22

5.3 Flowchart of the Proposed System 32

6 EXPERIMENTAL RESULTS 33

6.1 Outcomes of the Proposed System 33

7 TESTING 39

7.1 Testing 39

7.1.1 Types of Software Testing 39

7.2 Manual Testing 40

7.2.1 Types of Manual Testing 41

7.3 White Box Testing 42

7.4 Functional Testing 43

7.4.1 Unit Testing 45

7.4.2 Integration Testing 47

7.4.3 System Testing 48

8 CONCLUSION AND FUTURE ENHANCEMENT 51

8.1 Conclusion 51

8.2 Future Enhancement 51

Page 8: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

List of Figures

Figure No. Figure Name Page No.

Fig 2.1 Speech Recognition Module 9

Fig 2.2 ASR Module 9

Fig 4.1 System Architecture Diagram 18

Fig 4.2 Data Flow Diagram 19

Fig 4.3 Use Case Diagram 20

Fig 5.1 Flow Chart Diagram 32

Fig 6.1 Home Page 33

Fig 6.2 About Us Page 33

Fig 6.3 Website Handling Instruction 34

Fig 6.4 Various Login options 34

Fig 6.5 Patient Login Page 35

Fig 6.6 Doctor Login Page 35

Fig 6.7 User Dashboard 36

Fig 6.8 Edit Profile Page 36

Fig 6.9 Admin Login Page 37

Fig 6.10 Admin Dashboard 37

Fig 6.11 Appointment History 38

Fig 6.12 Manage Doctors Page 38

Fig 7.1 Types of Software Testing 40

Fig 7.2 Grey Box Testing 41

Fig 7.3 Functional Testing Types 44

Page 9: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

List of Tables

Table No. Table Name Page No.

Table 2.1 Literature Reviews 6

Table 7.1 Unit Testing 46

Table 7.2 Integration Testing 48

Page 10: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

1

Dept. of ISE, NHCE

Chapter 1

Preamble

1.1 Introduction

It’s not a surprise that living with a visual impairment might signify, often, living in

isolation. Dealing with sight loss, already, is a challenge in itself. The lack of emotional support

at diagnosis centers, the limited accessibility to activities and information, the societal stigma

and the lack of unemployment, are all factors frequently leading blind or low vision individuals

in isolation. This last point illustrates how the problem for the visually impaired is not their

blindness or lower vision in itself but their segregation from anyone else.

Access to information: The major sensory organ of a person is their eyes. One glimpse around

us is enough to make us realize how visual most of the information in our environment is.

Timetables in train stations, signs indicating the right way or potential danger, a billboard

advertising a new product in the market, these are all the visual types of information we all

come across in our daily life. Most of this information i s inaccessible for the blind and the

visually impaired, inhibiting their independence, since access to information signifies

autonomy.

It’s very common for sighted individuals, strangers, friends or family, to be overly excited to

help a visually impaired person. Very frequently, this behavior holds the assumption that the

blind or low vision individual requires assistance, although this might not reflect reality. Blind

people might perform a regular task slower but that doesn’t mean they’re incapable of

completing it. Rushing to help the visually impaired without asking or being asked to do so,

might make them feel helpless instead of independent. Moreover, not allowing a visually

impaired individual perform a task by themselves, does not give them the room to learn how

to do so independently.

1.2 Relevance of the Project

We all use websites for various purpose but this is not the case with a visually impaired person.

They can’t visit the website as we do normally. Current means of accessing the websites and

booking appointment is not effective for visually challenged people. Since it is very difficult

for visually challenge people to navigate through normal websites, we propose an improved

Page 11: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

2

Dept. of ISE, NHCE

system which uses voice commands for navigation which helps the users to book medical

appointments easily without having to depend on others.

We worked on Hospital management system (HMS) for the project which was done using

MySQL, Java in Eclipse IDE on XAMPP server. We got to implement various techniques that

we learned in the Java sessions and were able to relate it with the PLM sessions as well. HMS

is all about the modernizing a hospital through use of technology. Computers helps in it and

take over the manual system for quick and easy functioning. This hospital management

system is a quite the reliable and is proven on many stages. All the basic requirements of the

hospital are provided in the hospital in order to manage it perfectly and large amount of data

can also be stored. It gives many facilities like searching for the detail of patient, billing

facilities as well as the creation of test reports. So it’s an important system for modern days.

Taking into account all the mentioned details, we can say that the HMS is an inevitable part

of the lifecycle of the modern medical institution. It automates numerous daily operations

and enables smooth interactions of the users. Implementation of hospital management

system project helps to store all the kinds of records, provide coordination and user

communication, implement policies, improve day -to-day operations, arrange the supply

chain, manage financial and human resources, and market hospital services. This beneficial

decision covers the needs of the patients, staff and hospital authorities and simplifies their

interactions. It has become the usual approach to manage the hospital.

1.3 Problem Statement

To design and develop a web-based application with focus to assist visually challenged people

as well as normal people to book appointments in hospitals without having to depend on

others using voice commands.

Our aim is to create a website that assists the optically challenged people of society. Although there

are many tools such as ORCAM and VISION etc., they require us to purchase extra equipment, which

is not possible due to budget or geographic constraints. There is a great deal of work and research

being done to discover approaches to improve life for halfway located and visually impaired

individuals. Perusing and acknowledgment gadgets could make cell phones, tablets, and brilliant

glasses into key guides for the outwardly weakened. The measurements on visual deficiency fluctuate

in light of the fact that there is no all-inclusive definition. In the United States it is characterized as

Page 12: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

3

Dept. of ISE, NHCE

"focal visual keenness of 20/200 or less in the better eye with the utilization of a remedying focal

point." Solid measurements are difficult to find, yet the National Federation of the Blind gauges that

there are around 7 million Americans with a visual inability. As indicated by the World Health

Organization there are 285 million outwardly disabled individuals around the world. That is many

individuals who could remain to profit by some astute innovation. Our aim is to create a solution that

is accessible to all.

1.4 Existing System

As world is moving towards web applications for information and other task, it is hard for a

person with visual imparity to access web. The existing system allow only normal people to

access websites and surf internet without any problem but the people with di sabilities have

tough time using websites and it's almost impossible for blind people. The existing system

mostly uses Braille keyboards and complex and expensive equipment to achieve the task.

Moreover these equipment must be setup by normal person. Not e very blind people can

afford these.

The existing hospital websites are not well equipped for the visually-challenged people to visit

their website and book appointments. It requires a third-person to help those disabled people

to book the appointments for them. There are other tools available in the market such as

ORCAM, VISION but they require us to buy additional equipment to work properly.

1.4.1 Limitations

Not cost-effective

Needs technical proficiency

Not affordable by everyone

Requires additional tools and equipment for proper functioning

Page 13: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

4

Dept. of ISE, NHCE

1.5 Proposed System

In a world of websites and web applications we have created a smart website which can be

used by normal as well as visually impaired individuals through voice commands.

Our project aims to provide feasibility to people suffering from vision impairment. The

stakeholders along with their functionalities are listed below:

Blind User

-Will be able to give voice commands

-Will be able to get the feedback from the device

Family/Friend of the User

-Will be able to register and delete the faces from the device

-Will be able to change the settings of the device according to the preferences of the

blind user

Admin

-Will be able to send updates to the device

-Will be able to call emergency contact if required

1.5.1 Advantages

It is cost-effective

It can be handled even by a non-technical person

Affordable by everyone

Accessible from anywhere and anytime

Doesn't require any additional tools to operate

Page 14: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

5

Dept. of ISE, NHCE

Chapter 2

Literature Survey

Blind Assistance Using Voice Navigation and Sentimental Face Detection

Rajan Yadav Viddhi Lakhwara

Shashank Nishad Anshul Kumar Mundra

Abhishek Singh Utkarsh Ashish

Shantanu Sehrawat

School of Computer Science and Engineering

Vellore-632014, Tamil Nadu, India

Page 15: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

6

Dept. of ISE, NHCE

Table 2.1 Literature Reviews

Page 16: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

7

Dept. of ISE, NHCE

Abstract

With the dawn of the 20th century, mobile phone have become increasingly common with top brands

like apple and Samsung getting their products in foreign markets, and increasing the demand for

smartphone throughout the globe. Mobile apps have never been this popular, accessible or in demand

as is today, and app stores are filled with billions of apps. Our aim is to create an app that assists the

optically challenged people of society. Although there are many tool such as ORCAM and VISION etc.

exist, all require us to purchase extra equipment, which is not possible due to budget or geographic

constraints. There is a great deal of work and research being done to discover approaches to improve

life for halfway located and visually impaired individuals. Perusing and acknowledgment gadgets could

make cell phones, tablets, and brilliant glasses into key guides for the outwardly weakened. The

measurements on visual deficiency fluctuate in light of the fact that there is no all-inclusive definition.

In the United States it is characterized as "focal visual keenness of 20/200 or less in the better eye with

the utilization of a remedying focal point." Solid measurements are difficult to find, yet the National

Federation of the Blind gauges that there are around 7 million Americans with a visual inability. As

indicated by the World Health Organization there are 285 million outwardly disabled individuals

around the world. That is many individuals who could remain to profit by some astute innovation. Our

aim is to create a solution that is accessible to all.

Problem Statement

Our aim is to create an app that assists the optically challenged people of society. Although

there are many tools such as ORCAM and VISION etc., they require us to purchase extra

equipment, which is not possible due to budget or geographic constraints. There is a great

deal of work and research being done to discover approaches to improve life for halfway

located and visually impaired individuals. Perusing and acknowledgment gadgets could make

cell phones, tablets, and brilliant glasses into key guides for the outwardly weakened. The

measurements on visual deficiency fluctuate in light of the fact that there is no all -inclusive

definition. In the United States it is characterized as "focal visual keenness of 20/200 or less

in the better eye with the utilization of a remedying focal point." Solid measurements are

difficult to find, yet the National Federation of the Blind gauges that there are around 7 million

Americans with a visual inability. As indicated by the World Health Organization there are 285

million outwardly disabled individuals around the world. That is many individuals who could

remain to profit by some astute innovation. Our aim is to create a solution that is accessible

to all.

Motivation

Our project aims to provide demographic feasibility to people suffering from vision

impairment. The stakeholders along with their functionalities are listed below:

a. Blind User

- Will be able to give voice commands

- Will be able to get the feedback from the device

b. Family/Friend of the User

- Will be able to register and delete the faces from the device

Page 17: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

8

Dept. of ISE, NHCE

- Will be able to change the settings of the device according to the preferences of the blind

user

c. Admin

- Will be able to send updates to the device

- Will be able to call emergency contact if required

Project Outcome

We aim at making a web-based product with the following objectives: - Dictate details instead

of typing - Recognize faces and shows sentiments - Read aloud text in real time 4. Project Plan

The following is an illustration of our project plan in the form of a Gantt chart. A Gantt chart

is a type of bar chart that illustrates a project schedule. We have hence, provided a visual view

of tasks scheduled over time.

Methodology

The methodology used in this Projects are as follows:

1. Speech recognition using Google API

1.1. Voice navigation System allows clients to collaborate with PC applications by voice.

1.2. This can be utilized for voice search, (for example, "Filling a Doctor’s appointment,

registration and login form.") and order use cases, (for example, "Go Home page from any

other page on the website.")

1.3. Automatically transcribes proper nouns and context-specific formatting Speech-to-Text is

custom-made to function admirably with real-life speech and can precisely decipher proper

nouns (e.g., names, places) and fittingly design language (e.g., dates, telephone numbers).

Google supports more than 10x proper nouns contrasted with the quantity of words in the

whole Oxford English Dictionary.

Process Model

Speech recognition (Speech to text)

Speech recognition is the process of voice identification proof dependent on the expressed

word by playing out a change of a sign, which is caught by the audio device (voice inpu t

device). Speech Recognition is likewise a framework used to perceive the word orders of the

human voice and afterward translate into data that can be followed up on by a PC. Sound is

something that can be heard and has certain sign qualities, while speech is a sound comprising

of expressed words. Voice recognition or speech is one of the endeavors required to make

the sound unmistakable or recognizable with the goal that it tends to be used. Voice

recognition can be separated into three methodologies, to be specific the acoustic-phonetic

approaching, a man-made consciousness approaching, and an example recognition approach.

Page 18: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

9

Dept. of ISE, NHCE

ASR system

This system model has many phases such as acoustic analysis and feature extraction module,

training phase to construct acoustic models from speech corpus, decision-making module and

it is also known as a testing module, which maps unknown speech to the nearest word given

in the vocabulary list. Figure 1 illustrates the architecture of ASR system designed using these

phases. Based on utterances ASR systems are classified as i) Isolated systems ii) Connected

systems iii) Continuous systems and also these are categorized as speaker dependent and

speaker independent based on number of speakers system is supported f or that is if system

is supported only for single user is known speaker dependent system and if it is supported by

multiple speakers is known as speaker independent system .

Fig 2.1 Speech Recognition Module

Fig 2.2 ASR Module

Page 19: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

10

Dept. of ISE, NHCE

Conclusion

In our efforts to create a service that will help the blind with their day to day work such as

navigation, face recognition, face detection with emotion recognition, and many more

features, we have come up with following Visual-Eyes web app. In our future work we have

planned to make it a mobile application that will help people with visual impairments in many

more of their tasks in day to day life.

Page 20: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

11

Dept. of ISE, NHCE

Chapter 3

System Requirements Specification

3.1 General Description of the System

Smart website is an attempt to create an intuitive web application to make work e asy, simple

and digital. The idea is to design a system by keeping in the mind that shop owner has a

computer with a webcam and customers have a smartphone with them.

Our proposed system provides the benefits of streamlined operations, enhanced

administration & control, superior patient care, strict cost control and improved profitability.

HMS is powerful, flexible, and easy to use and is designed and developed to deliver real

conceivable benefits to hospitals. More importantly it is backed by reliable and dependable

support.

This project is custom built to meet the specific requirement of the mid and large size hospitals

across the globe. All the required modules and features have been particularly built to just fit

in to your requirement. This package has been widely accepted by the clients in India and

overseas. Not stopping only to this but they are highly satisfied and appreciating. Entire

application is web based and built on 3 tier architecture using the latest technologies. The

sound database of the application makes it more users friendly and expandable. The package

is highly customizable and can be modified as per the needs and requirements of our clients.

Prolonged study of the functionalities of the hospital and its specific requirement has given i t

a wonderful shape both technically and usability wise. It covers all the required modules right

from Patient Registration, Medicine details, Doctor, Wards, , Admin, Store, Patient

appointment, bill payment, record modification, discharge details etc.

3.1.1 Overview of Functional Requirements

Functional Requirement is an explanation of the service that the application offers. It

describes a software system or its component. A function is inputs to the application, its

performance, and outputs. Functional user requirements may be declarations of what the

application should do. Functional system requirements should define clearly about the

services in detail.

Page 21: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

12

Dept. of ISE, NHCE

This website starts with a registration portal which records and registers the patient details as

input to the database. The shopkeeper must be able to add multiple products with varying

quantities. After all products are added, the shopkeeper should be able to accept payment

and generate the bill. Once bill is generated, the QR code for the bill should be created. Once

the QR code is generated, the customer should be able to scan the QR code to transfer the

bill to their smartphone.

3.1.2 Overview of Data Requirements

Data requirements are described directives or consensual agreements that describe the

details and/or structure that establish high quality data instances and values. Data

requirements can be specified by several different entities or groups of entities. They may be

agreed upon or contrary to each other. However, data requirements are required as a

precondition to measure data superiority. Hence, they serve as a standard that defines the

anticipated state of data.

First and foremost, the data required is the barcode of the product that the customer wants

to purchase. Then, the shopkeeper can change the quantity of the products. The application

requires an integer as input for the amount paid by customer. The application will then create

a bill which acts as input to the QR code generator application which converts the bill into QR

code.

3.2 Technical Requirements of the System

A technical requirement relates to the technical aspects that an application must fulfill, such

as performance-related problems, reliability matters, and availability concerns. These types

of requirements are often called service-level requirements or non-functional requirements.

System requirements define the quality of service a released application must provide to meet

the business necessities arrived at. We use the convention analysis and use cases organized

with the business requirements to develop application requirements.

3.2.1 Hardware Requirements

Hardware requirements are the most common set of requirements defined by any operating

system or software application. It is the physical computer resources, also known as

hardware. A hardware requirements list is often complemented by a hardware compatibility

Page 22: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

13

Dept. of ISE, NHCE

list, especially for Operating Systems. The following are needed to efficiently use the

application.

Dual Core minimum with 1.4 GHz

1 GB RAM

Storage of minimum 20 GB

Uninterrupted internet connection (min 1 Mbps)

A good microphone and speaker is required to record voice commands and deliver the results

in an efficient manner. The RAM helps in faster execution of the application. The large storage

is used for holding the data and the various components of the web-application. The device

needs to have a camera, mic and speaker with the capability to scan the face properly.

3.2.2 Software Requirements

Software requirements define software resource fundamentals that need to be installed on a

workstation to provide optimum working of a software. The following are required for optimal

development and usage of the application.

Web browser : Chrome, Firefox, Edge, Safari, etc.

Technologies : HTML, JavaScript, CSS, PHP, Python, MySQL

Operating System : Windows, Android

We require the operating system to be Windows 7 or above so Android Studio and Anaconda

can run efficiently. This project has been written in Python 3.7. It also makes use of Java for

the application. The code is executed on Anaconda.

3.3 Input Requirements

The input requirements are all input bundles required to produce at least a given level of

outputs.

The input requirements for the working of this project include a microphone connected to the

computer. This can either be built-in or attached externally. The user must be able to speak

Page 23: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

14

Dept. of ISE, NHCE

the voice commands to perform the necessary actions. The user must have an account in

order to book appointment with the doctor.

3.4 Output Requirements

Output requirements specify the format in which the information of the service is delivered.

To display output, we will require the monitor of the system with audio capabilities to narrate

out the audio feedback generated by the system after receiving the commands and also

displayed on the screen in a pop-up window. The users appointment history will be stored at

the backend along with each details such as doctor name, fees and time of booking, etc.

3.5 Language Specification

3.5.1 HTML

HTML stands for hypertext markup language. It's made of keywords and commands that web

designers use for creating websites.

Hypertext is text with links that readers can simply click on to go to another page or another

part of the page. Meanwhile, markup language uses tags or plain text with special markings

to define the sections of a page, such as headers and footers, and other elements, including

tables and images. HTML is considered one of the three essential tools in webpage creation:

HTML provides the structure or the way text, pictures, and so on will appear on the website.

CSS (cascading style sheets) sets the visual properties of these elements, such as colors,

format, and layout. Meanwhile, Javascript makes these elements behave in certain ways

depending on a user's action. For example, the font size of text can increase when users hover

their mouse or click a button on a page.

To write HTML, you'll need a text editor, like Notepad, Brackets, or Atom. HTML editors make

sure your coding is clean and functional. They help reduce errors by automatically inserting

tags (auto-completion) and other common elements or through debugging.

Page 24: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

15

Dept. of ISE, NHCE

3.5.2 CSS

CSS stands for Cascading Style Sheets with an emphasis placed on “Style.” While HTML is used

to structure a web document (defining things like headlines and paragraphs, and allowing you

to embed images, video, and other media), CSS comes through and specifies your document’s

style—page layouts, colors, and fonts are all determined with CSS. Think of HTML as the

foundation (every house has one), and CSS as the aesthetic choices (there’s a big difference

between a Victorian mansion and a mid-century modern home).

3.5.3 JavaScript

JavaScript is a text-based programming language used both on the client-side and server-side

that allows you to make web pages interactive. Where HTML and CSS are languages that give

structure and style to web pages, JavaScript gives web pages interactive elements that engage

a user. Common examples of JavaScript that you might use every day include the search box

on Amazon, a news recap video embedded on The New York Times, or refreshing your Twitter

feed.

Incorporating JavaScript improves the user experience of the web page by converting it from

a static page into an interactive one. To recap, JavaScript adds behavior to web pages.

JavaScript is mainly used for web-based applications and web browsers. But JavaScript is also

used beyond the Web in software, servers and embedded hardware controls

3.5.4 XML

XML is expanded to Extensible Markup Language. It is a text-based markup language. It has

been derived from Standard Generalized Markup Language (SGML). XML tags recognize the

data and are used to save and organize the data. XML presents new potentials by embracing

many positive features of HTML.

The design objectives of XML highlight easiness, generality, and usability through the

Internet. It is a documented data format with robust provision for diverse human languages.

XML is extensively used for the depiction of subjective data. Numerous schema systems exist

to support in the explanation of XML-based languages. Programmers have established

Page 25: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

16

Dept. of ISE, NHCE

countless application programming interfaces. This was done to service the handling of XML

data.

Three features of XML are:

● XML is extensible

● XML carries the data

● XML is a public standard

XML expresses set of guidelines for encrypting documents. This format can be human-

readable as well as machine-readable. Markup is material added to text that enriches its

denotation in definite ways. It recognizes the portions and how they relate to each other. A

markup language is a set of cyphers that can be located in the text of a paper to delineate

and tag the fragments of that paper.

3.5.5 PHP

PHP started out as a small open source project that evolved as more and more people found

out how useful it was. Rasmus Lerdorf unleashed the first version of PHP way back in 1994.

PHP is a recursive acronym for "PHP: Hypertext Preprocessor".

PHP is a server side scripting language that is embedded in HTML. It is used to manage

dynamic content, databases, session tracking, even build entire e-commerce sites. It is

integrated with a number of popular databases, including MySQL, PostgreSQL, Oracle,

Sybase, Informix, and Microsoft SQL Server. PHP is pleasingly zippy in its execution, especially

when compiled as an Apache module on the UNIX side. The MySQL server, once started,

executes even very complex queries with huge result sets in record-setting time.

PHP supports a large number of major protocols such as POP3, IMAP, and LDAP. PHP4 added

support for Java and distributed object architectures (COM and CORBA), making n-tier

development a possibility for the first time. PHP is forgiving: PHP language tries to be as

forgiving as possible. PHP Syntax is C-Like.

Common uses of PHP

Page 26: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

17

Dept. of ISE, NHCE

PHP performs system functions, i.e. from files on a system it can create, open, read,

write, and close them.

PHP can handle forms, i.e. gather data from files, save data to a file, through email

you can send data, return data to the user.

You add, delete, and modify elements within your database through PHP.

Access cookies variables and set cookies.

Using PHP, you can restrict users to access some pages of your website.

It can encrypt data.

Page 27: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

18

Dept. of ISE, NHCE

Chapter 4

System Design and Analysis

4.1 System Architecture Diagram

Visually Impaired user

Normal user Speech

Recognition

Database

Smart Website

Fig 4.1 System Architecture Diagram

Page 28: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

19

Dept. of ISE, NHCE

4.2 Data flow Diagram

User

Smart

Website

Database

Voice

Commands

Outputs

Registratio

n

Book

Appointme

nt

Doctor

Admin

Fig 4.2 Data Flow Diagram

Page 29: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

20

Dept. of ISE, NHCE

4.3 Use Case Diagram

Signup and

Login

Voice

Navigation

Appointme

nt Booking

Patient

History

Blind User

Doctor

Admin

Fig 4.3 Use Case Diagram

Page 30: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

21

Dept. of ISE, NHCE

Chapter 5

Implementation

This project supports four basic types of functionalities, i.e., create, read, update, and delete

the records. This is often referred to as CRUD by computer enthusiasts. A model should have

the ability to perform all these four basic functions in order to be a complete project. If an

action cannot be described by one of these four operations, then it should be contained in a

module of its own. The CRUD paradigm is commonly used to construct web applications, as it

provides a memorable framework for reminding developers of how to construct complete,

usable models.

5.1 Different Modules of the Project

1. Add to the database

This module is used to add new user records to the hospital database. User needs to enter

the data about the patient being hospitalized before adding, and then add it to the

database.

2. Update the database

This module is used to update the patient records and change the details about any

existing patient. It will ask for the patient ID and then give you details of the patient like

their name, address, date of appointment, consulting doctor, etc.

3. Main website

This module is the main module of the system all the work is carried and connection

between all the modules.

4. Voice Recognition module

This module uses the system microphone attached to the system and records the voice

commands of the user and interpret it.

5. Authentication module

This specific module will allow the users to register for monitoring purpose.

Page 31: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

22

Dept. of ISE, NHCE

6. Speech to Text Converter

- The converter will analyse the speech, translates it to text and after processing will

return results to the user.

Working Algorithm

Start

Registration will be done for the new patients

The user will then book for an appointment through voice commands

Provide necessary details of the patient

Appointment will be booked after checking the availability

A confirmation message will be displayed after successful booking.

Close the application

Stop

5.2 Code Implementation

aboutus.php

<html>

<head>

<title>SWFVCP</title>

<link rel="stylesheet" type="text/css" href="css/style-about.css">

<link href="https://fonts.googleapis.com/css2?family=Flamenco&display=swap"

rel="stylesheet">

<link rel="stylesheet"

href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"/>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-

awesome/4.7.0/css/font-awesome.min.css">

<link

href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap"

rel="stylesheet">

</head>

Page 32: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

23

Dept. of ISE, NHCE

<body style="font-family: 'Flamenco', cursive; font-weight: lighter;">

<header>

<nav>

<div class="row clearfix">

<img src="images/img1.png" class="logo">

<ul class="main-nav animated slideInDown" id="check-class">

<li><a

href="http://localhost/proj/proj3/">Home</a></li>

<li><a

href="http://localhost/proj/proj3/aboutus.php">About Us</a></li>

<li><a

href="http://localhost/proj/proj3/help.php">Help</a></li>

</ul>

<?php include('speech-about.php'); ?>

<a href="#" class="mobile-icon" onclick="slideshow()"><i

class="fa fa-bars"></i></a>

</div>

</nav>

<div style="margin-left: 8%; margin-top: 5%; margin-right: 8%;">

<h1>Welcome to <span class="colorchange">SWFVC</span>.<br>Smart

Website For Visually Challanged People.</h1>

<table>

<tr>

<td style="width: 50%;"><h2 style="font-size: 25px; color:

#48D1CC; font-weight: lighter;">MOTIVATION</h2></td>

</tr>

<tr>

<td style=" text-align: justify; padding-right: 40px;"><p

style="font-family: 'Roboto', sans-serif;font-size: 20px;font-weight: lighter;">Our motivation

was to create a Website which is smart enough to assists visually challenged people in society.

Although there are many tools available, most of them require us to purchase extra

equipment, which is not possible due to various constraints. Vision related problems include

Page 33: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

24

Dept. of ISE, NHCE

macular degeneration, diabetic retinopathy, corneal clouding, childhood blindness, and a

number of infections. Hence, we aim to create a solution that is accessible to all.</p></td>

</tr>

<tr>

<td>

<div style="font-size: 20px;font-family: 'Roboto', sans-

serif;">

<br>

<pre class="tab"><h3 style="font-size: 20px;

color: #48D1CC;text-align: left; font-weight: lighter;text-transform:

uppercase;">Contributers:</h3>Niranjan Yadav [ 1NH17IS061 ]<br>Bishal Kumar Sah [

1NH17IS021 ] <br>Rohitashav Soni [ 1NH17IS138 ] <br>Vishal Mishra [ 1NH14IS123 ]</pre>

</div>

</td>

</tr>

</table>

<br><br><br><br><br><br><br>

</header>

<script type="text/javascript">

function slideshow(){

var x = document.getElementById('check-class');

if(x.style.display === "none"){

x.style.display = "block";

}else{

x.style.display = "none";

}

}

</script>

</body>

</html>

Page 34: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

25

Dept. of ISE, NHCE

Help.php

<html>

<head>

<title>BlindAid</title>

<link rel="stylesheet" type="text/css" href="css/style.css">

<link href="https://fonts.googleapis.com/css2?family=Flamenco&display=swap"

rel="stylesheet">

<link rel="stylesheet"

href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"/>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-

awesome/4.7.0/css/font-awesome.min.css">

</head>

<body>

<header>

<nav>

<div class="row clearfix">

<img src="images/logo3.png" class="logo">

<ul class="main-nav animated slideInDown" id="check-class">

<li><a href="#">Home</a></li>

<li><a href="#">Contact Us</a></li>

</ul>

<?php include('speech.php'); ?>

<a href="#" class="mobile-icon" onclick="slideshow()"><i

class="fa fa-bars"></i></a>

</div>

</nav>

<div class="main-content-header">

<h1>Welcome to <span class="colorchange">Smart Website For Visually

Challenged People</span>.<br>Eye care, we care.</h1>

<a href="hms/book.php" class="btn btn-full">Book an Appointment</a>

Page 35: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

26

Dept. of ISE, NHCE

<a href="#" class="btn btn-nav">Sentiment Analysis</a>

</div>

</header>

<script type="text/javascript">

function slideshow(){

var x = document.getElementById('check-class');

if(x.style.display === "none"){

x.style.display = "block";

}else{

x.style.display = "none";

}

}

</script>

</body>

</html>

Speech.php

<!DOCTYPE html>

<html>

<head>

<title>Speech to text converter in JS</title>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-

awesome/4.7.0/css/font-awesome.min.css">

<style type="text/css">

body{

Page 36: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

27

Dept. of ISE, NHCE

font-family: verdana;

}

/*#result{

height: 35px;

width: 300px;

border: 1px solid #5F9EA0;

font-size: 16px;

padding: 5px 5px;

background-color: #5F9EA0;

margin-bottom: 20px;

margin-left: -10%;

}*/

#result{

height: 45px;

width: 300px;

border: 1px solid #ccc;

padding: 10px;

box-shadow: 0 0 10px 0 #bbb;

margin-left: 40%;

font-size: 20px;

background-color: white;

color: black;

/line-height: 25px;/

}

button{

padding-bottom: 5px;

font-size: 25px;

float: left;

color: black;

Page 37: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

28

Dept. of ISE, NHCE

background-color: transparent;

border: none;

}

</style>

</head>

<body>

<button onclick="startInstructions()" accesskey="i"><i class="fa fa-info-circle"

style="color: white"></i></button>

<div id="result">

<button onclick="startConverting()" accesskey="r"><i class="fa fa-

microphone"></i></button>

</div>

<script type="text/javascript">

function startInstructions () {

var msg = new SpeechSynthesisUtterance('Welcome TO Smart Website For Visually

Challenged People.');

window.speechSynthesis.speak(msg);

var msg = new SpeechSynthesisUtterance('This website is specially design to be used

by blind people.');

window.speechSynthesis.speak(msg);

var msg = new SpeechSynthesisUtterance('Press Alt plus R, to start navigation using

voice command.');

window.speechSynthesis.speak(msg);

var msg = new SpeechSynthesisUtterance('Say "instructions", to learn about more

keyboard shortcuts.');

window.speechSynthesis.speak(msg);

var msg = new SpeechSynthesisUtterance('Say "Book", to book an appointment.');

window.speechSynthesis.speak(msg);

Page 38: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

29

Dept. of ISE, NHCE

var msg = new SpeechSynthesisUtterance('Say "sentiment", to analyze facial

sentiments.');

window.speechSynthesis.speak(msg);

var msg = new SpeechSynthesisUtterance('Say "About", to know more about us.');

window.speechSynthesis.speak(msg);

if('webkitSpeechRecognition' in window){

var speechRecognizer = new webkitSpeechRecognition();

speechRecognizer.continuous = true;

speechRecognizer.interimResults = true;

speechRecognizer.lang = 'en-IN';

speechRecognizer.start();

speechRecognizer.onerror = function (event) {

};

}else{

r.innerHTML = 'Your browser is not supported. If google chrome, please upgrade!';

}

}

</script>

<script type="text/javascript">

var r = document.getElementById('result');

function startConverting () {

if('webkitSpeechRecognition' in window){

Page 39: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

30

Dept. of ISE, NHCE

var speechRecognizer = new

webkitSpeechRecognition();

speechRecognizer.continuous = true;

speechRecognizer.interimResults = true;

speechRecognizer.lang = 'en-IN';

speechRecognizer.start();

var finalTranscripts = '';

SpeechRecognizer.onresult = function(event){

var interimTranscripts = '';

for(var i = event.resultIndex; i <

event.results.length; i++){

var transcript =

event.results[i][0].transcript;

transcript.replace("\n", "<br>");

if(event.results[i].isFinal){

finalTranscripts += transcript;

if

(finalTranscripts.includes('home')||finalTranscript.include('Home'))

{

window.location.replace("http://localhost/proj/proj3/#");

}

if(finalTranscripts.includes.ignoreCase('book an appointment') ||

finalTranscripts.includes('book appointment'))

{

window.location.replace("http://localhost/proj/proj3/aid/book.php#");

}

if(finalTranscripts.includes('about') || finalTranscripts.includes('about us'))

Page 40: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

31

Dept. of ISE, NHCE

{

window.location.replace("http://localhost/proj/proj3/aboutus.php");

}

if(finalTranscripts.includes('help')

|| finalTranscripts.includes('instructions'))

{

window.location.replace("http://localhost/proj/proj3/help.php");

}

}

else{

interimTranscripts += transcript;

}

}

r.innerHTML = finalTranscripts + '<span

style="color:#999">' + interimTranscripts + '</span>';

};

speechRecognizer.onerror = function (event) {

};

}else{

r.innerHTML = 'Your browser is not supported. If google

chrome, please upgrade!';

}

}

</script>

</body>

</html>

Page 41: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

32

Dept. of ISE, NHCE

5.3 Flowchart of the Proposed System

Start

Login

Mode

User

already

existing

End

User

Blind/Normal

Doctor Admin

Appointment

Booking

Voice / Text

input

Create New

User

Manage

Appointment

Manage Doctor Manage Patient

Notify the User and doctor about

appointment details

Fig 5.1 Flow Chart Diagram

Page 42: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

33

Dept. of ISE, NHCE

Chapter 6

Experimental Results

6.1 Outcomes of the Proposed System

Home page

About us Page

Fig 6.1 Home Page

Fig 6.2 About Us Page

Page 43: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

34

Dept. of ISE, NHCE

Instruction page

Different login options

Fig 6.3 Website handling Instructions

Fig 6.4 Variuos Login options

Page 44: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

35

Dept. of ISE, NHCE

Patient Login page

Doctor Login page

Fig 6.5 Patient Login Page

Fig 6.6 Doctor Login Page

Page 45: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

36

Dept. of ISE, NHCE

User Dashboard

Edit Profile page

Fig 6.7 User Dashboard

Fig 6.8 Edit Profile Page

Page 46: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

37

Dept. of ISE, NHCE

Admin Login Page

Admin Dashboard

Fig 6.9 Admin Login Page

Fig 6.10 Admin Dashboard

Page 47: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

38

Dept. of ISE, NHCE

Appointment History

Manage Doctor

Fig 6.11 Appointment History

Fig 6.12 Manage Doctors Page

Page 48: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

39

Dept. of ISE, NHCE

Chapter 7

Testing

7.1 Testing

Testing is a set of practices to define the accuracy of the application under the predefined

script but, testing cannot find all the defects of an application. The main purpose of testing is

to identify failures of the application so they can be revealed and amended. It does not

establish that a product functions appropriately under all conditions but only that it is not

functioning in some explicit conditions.

Testing encompasses examination and execution of code under various conditions. It also

contains examining features of the code. Testing team may be distinct from the development

team.

7.1.1 Type of Software Testing

We have several types of testing available. These are used to test the application or the

software.

Manual Testing

Manual testing is the procedure of checking the functionality of an application as per the

customer needs without taking any help of automation tools. While performing manual

testing on any application, we do not need any specific knowledge of any testing tool.

Automation Testing

Automation testing is a procedure of transforming any manual test cases into the test scripts.

This is done with the assistance of automation tools, or any programming language.

Automation testing helps us improve the speed of our test execution as we do not require any

human efforts.

Page 49: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

40

Dept. of ISE, NHCE

The following figure depicts the types of software testing:

7.2 Manual Testing

In manual test cases are executed manually. Test cases are executed by the tester conferring

to the end user's perspective. It confirms whether the application is working, as stated in the

requirement document. Test case reports are generated manually.

Manual Testing is one of the most vital testing procedures. It is possible to find visible and

hidden defects of the software. The developer fixes the faults and hands it bacl to the tester

for the purpose of retesting.

Fig 7.1 Types of Software Testing

Page 50: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

41

Dept. of ISE, NHCE

7.2.1 Types of Manual Testing

There are several approaches used for manual testing. Each method is used in accordance to

its testing principles.

The types of manual testing are as follows:

● White Box Testing

● Black Box Testing

● Grey Box Testing

White Box testing

Developer does the white box testing. Every line of code is checked before giving it to the Test

Engineer. It is known as White box testing as the code is visible to the Developer during the

testing.

Black Box testing

Test Engineer performs the black box testing. They check the functionality according to the

client's requirements. It is known as Black box testing as the code is not visible while

performing the testing.

Grey Box testing

Fig 7.2: Grey Box Testing

Grey box testing is a mixture of white box and Black box testing. Grey box testing is a

technique to test the software with limited familiarity of the internal working. It is

accomplished by a person who knows coding as well as testing. If single person implements

white box and black box testing, it is known as Grey box testing. It involves admission to

Page 51: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

42

Dept. of ISE, NHCE

internal coding to propose test cases as white box testing. Testing practices are completed at

functionality level as black box testing.

7.3 White Box Testing

The box testing is a way of software testing which consist of black box testing and white box

testing. We are talking here about white box testing which also called as glass box is testing,

clear box testing, open box testing and transparent box testing. It tests code, code syntax and

architecture of a software focus on verifying of predefined inputs with expected and desired

outputs. It is based on code working of a software and spiral around internal structure testing.

In this type of testing programming skills are prerequisite to design test cases which will be

carried out. The primary goal of white box testing is to observe flow of inputs and outputs

through the application and strengthen the security of the application.

The phrase ‘white box' is used because of the internal point of the application. The clear, white

or transparent boxes points the ability to see through the application's outer shell into its

inner functionality.

Developers do white box testing. In this, the developer will test every line of the code of the

program. The developers perform the White-box testing and then send the application or the

software to the testing team, where they will perform the black box testing and verify the

application along with the requirements and identify the bugs and sends it to the developer.

The developer fixes the bugs and does one round of white box testing and sends it to the

testing team. Here, fixing the bugs implies that the bug is deleted, and the particular feature

is working fine on the application.

Here, the test engineers will not include in fixing the defects for the following reasons:

● Fixing the bug might interrupt the other features. Therefore, the test engineer should

always find the bugs, and developers should still be doing the bug fixes.

● If the test engineers spend most of the time fixing the defects, then they may be unable

to find the other bugs in the application.

The white box testing contains various tests, which are as follows:

Page 52: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

43

Dept. of ISE, NHCE

● Path testing

● Loop testing

● Condition testing

● Testing based on the memory perspective

● Test performance of the program

7.4 Functional Testing

It is a kind of software testing which is used to verify the functional aspects of the software

application, whether the functions are working according to the requirements of application

demands. In functional testing, each method is tested by giving the input, determining the

result, and checking the actual result with the expected answer. Functional testing works as

black-box testing which is used or test to confirm that the functionality of a software or system

behaves as we need it to be. It is done to check the functionality of the software.

Functional testing also refers as black-box testing, because it aims at software specification

rather than original code. Tester has to test only the function rather than the whole system.

The goal of the functional testing is to verify the primary initial function, usable function, the

flow of result GUI. Functional testing shows the error message so that the user can easily

walkthrough the application.

These are the following steps to perform functional testing:

● There is a need to understand the software requirement.

● Identify test input data

● Compute the expected outcome with the selected input values.

● Execute test cases

● Comparison between the actual and the computed result

The main goal of functional testing is to test the functionality of the entities. Functional testing

is segregated into multiple parts. Here are the following types of functional testing.

Page 53: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

44

Dept. of ISE, NHCE

Types of functional testing

Fig 7.3: Functional Testing types

Unit Testing: Unit testing is a kind of software testing, where the single unit or part of the

software tested. Unit testing, test the various part of the software, by unit testing functional

testing can be done easily, because unit testing clarify that each module is working right. The

system developer does unit testing. Unit testing is done in the developme nt part of the

application.

Integration Testing: Integration testing combination of individual units and tested as a whole.

The goal of this testing is to show the error in the interaction between the integrated entity.

Developers and testers perform integration testing.

White box testing: White box testing is called as clear Box testing, code -based testing,

structural based testing and glass box testing, transparent testing. It is a software testing

method in which the unit or modules architecture/ implementation of code is tested by the

tester.

The white box testing needs the analysis of the internal architecture of the entity or system.

Black box testing: It is also referred as functional testing. In this testing, the internal structure/

design/ implementation is not known to the tester. This type of testing is functional testing.

We called this kind of testing is black box testing, because tester can't see the internal code.

Page 54: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

45

Dept. of ISE, NHCE

User acceptance testing: It is a kind of testing performed by the client or customer to verify

the system according to need. The final part of testing is user acceptance testing before

releasing the application to the market or production.

7.4.1 Unit Testing

Unit testing involves the testing of all units or a single entity of the appli cation. It is the first

part of functional testing. The goal behind unit testing is to ensure unit components met with

its performance.

A unit is a single test part of a system and tested during the development part of the

application.

The purpose of unit testing is to test the working of isolated code is correct or not. A unit

entity is a single method or code of the application. White box testing approach is used for

unit testing and usually done by the developers itself.

Whenever the software is ready and is passed to the tester, they will start verifying every

component of the module or module of the application or one by one, and this process is

known as Unit testing.

Unit Testing Techniques

Unit testing uses most of the white box testing techniques as it deals with the code of

application:

● Data Flow Testing

● Control Flow Testing

● Branch Coverage Testing

● Statement Coverage Testing

● Decision Coverage Testing

Page 55: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

46

Dept. of ISE, NHCE

Test

Case

ID

Test Case

Description Input Data

Expected

Output

Actual

Output Status

1 Patient Verification Patient ID User Exits User Exits Pass

2 Add to database Patient details Added to

database

Added to

database Pass

3 Search history Patient ID Found Found Pass

4 Update patient

database

Patient Details

to be updated Updated user Updated user Pass

5 Recognize words voice

commands

Take

appropriate

action

Take

appropriate

action

Pass

6 Instructions

verification

Press Alt + i

button

Read out

instructions

Read out

instructions Pass

7 Start Voice

Recognition

Press Alt + r

navigation key

Switch to

listening

mode

Switch to

listening

mode

Pass

Table 7.1: Unit Testing

Page 56: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

47

Dept. of ISE, NHCE

7.4.2 Integration testing

Integration testing is the second phase of the software testing cycle comes right after unit

testing. In this testing, units or single entity of the software are tested as a whole. The aim of

the integration testing phase is to find and detect defects at the time of communication

between integrated units.

Unit testing uses components for testing purpose, and these components are integrated and

tested in integration testing. The Software is developed with various number of software

components that are created by different coders or programmers. The aim of integration

testing is to check the working of interaction among all the components.

Integration Testing Techniques

Any testing technique can be used for Integration Testing. Few are listed below:

Black Box Testing:

● State Transition technique

● Decision Table Technique

● Boundary Value Analysis

● All-pairs Testing

● Cause and Effect Graph

● Equivalence Partitioning

● Error Guessing

White Box Testing:

● Data flow testing

● Control Flow Testing

● Branch Coverage Testing

● Decision Coverage Testing

Page 57: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

48

Dept. of ISE, NHCE

Table 7.2: Integration Testing

7.4.3 System Testing

System Testing involves testing of a complete integrated software system. Generally, a

computer system is consisting of the integration of software. The software is built in units and

then worked with other software and hardware to create a final computer system. System

testing is a group of different type of tests with the purpose to exercise and examine the full

working of an integrated software computer system against the needs.

Page 58: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

49

Dept. of ISE, NHCE

To check the requirement of customer or client for that application or the software as a user

is known as System testing. In this, we walkthrough all the necessary methods of an

application and check if the client needed requirements or the end business works fine, and

test the product as a working system.

Types of System Testing

System testing is segregated into more than 40 types, but software testing companies mostly

uses few of them. These are listed below:

Regression Testing:

Regression testing is carried out under system testing to verify and identify that if there's any

fault in the system due to update in any other component of the system. I t makes sure, any

modification done during the development phase has not created a new defect and also gives

security; old faults will not be there on the update of new application over the time

Load Testing:

Load testing is performed under system testing to verify whether the application will work

under real-time pressure or not.

Recovery Testing:

Recovery testing of a system is carried out under application testing to verify reliability,

accountability of the application and all are on recovering skills of the system. It should be

able to recover from all the application crashes or faults successfully.

Migration Testing:

Migration testing is performed to clarify that if the application needs to be updated into fresh

application so it should be updated without any problem.

Usability Testing:

The purpose of this testing to ensure that the application is well known with the user and it

meets its functionality for what it should to do.

Hardware/Software Testing:

Page 59: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

50

Dept. of ISE, NHCE

To check the requirement of customer or client for that application or the software as a user

is known as System testing. In this, we walkthrough all the necessary methods of an

application and check if the client needed requirements or the end business works fine, and

test the product as a working system. In this type of testing, the tester focuses their devotion

on the relations among the hardware and software for the period of system testing.

Page 60: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

Smart Website for Visually Challenge People

51

Dept. of ISE, NHCE

Chapter 8

Conclusion and Future Enhancement

8.1 Conclusion

This website will provide a simple and easy to use Interface even for normal people along with

simple navigation for blind people using voice commands which will make appointment

booking possible for them via voice commands itself. It will provide other feature as well such

as Sentiment Analysis for mood prediction. Mood prediction will help the doctors or

consultants to better analyse the user’s situation for better treatment.

8.2 Future Enhancement

This web application has various different potentials for future enhancement. As the new

technologies are easily available as open source, we can add many new features to it. Few of

the enhancements we can work on are as follows:

• Convert this web-based app to android app.

• Add bill generation module to the Web application.

• Accept online payments.

• Improve the GUI to make it modern or futuristic.

• Make the user details more secure by applying more security measures.

Page 61: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

19%SIMILARITY INDEX

10%INTERNET SOURCES

3%PUBLICATIONS

16%STUDENT PAPERS

1 5%

2 2%

3 2%

4 2%

5 1%

6 1%

7 1%

8 1%

1NH17IS021ORIGINALITY REPORT

PRIMARY SOURCES

Submitted to Visvesvaraya TechnologicalUniversity, BelagaviStudent Paper

ijsrcseit.comInternet Source

stackoverflow.comInternet Source

Submitted to Ghana Technology UniversityCollegeStudent Paper

Submitted to UIN Syarif Hidayatullah JakartaStudent Paper

Submitted to Kolej Universiti Poly-Tech MARAStudent Paper

www.coursehero.comInternet Source

Submitted to Center of PedagogicalMeasurements of Nazarbayev IntellectualSchools JSCStudent Paper

Page 62: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

9 1%

10 1%

11 <1%

12 <1%

13 <1%

14 <1%

15 <1%

16 <1%

17 <1%

18 <1%

Submitted to University of GreenwichStudent Paper

skyupsmediablog.files.wordpress.comInternet Source

Submitted to Manchester MetropolitanUniversityStudent Paper

foolean.netInternet Source

Submitted to University of CanterburyStudent Paper

www.javatpoint.comInternet Source

Submitted to North East Surrey College ofTechnology, SurreyStudent Paper

Submitted to Sri Lanka Institute ofInformation TechnologyStudent Paper

Submitted to Charotar University of ScienceAnd TechnologyStudent Paper

Submitted to Dundalk Institute of TechnologyStudent Paper

Page 63: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

19 <1%

20 <1%

21 <1%

22 <1%

23 <1%

24 <1%

25 <1%

26 <1%

27 <1%

28 <1%

29 <1%

Submitted to Manukau Institute ofTechnologyStudent Paper

Submitted to University of East LondonStudent Paper

reqtest.comInternet Source

docplayer.netInternet Source

www.acadpubl.euInternet Source

www.am-home.comInternet Source

www.bartleby.comInternet Source

Submitted to Visvesvaraya TechnologicalUniversityStudent Paper

trycpanel.netInternet Source

www.archivebay.comInternet Source

www.tutorialspoint.comInternet Source

Page 64: “SMART WEBSITE FOR VISUALLY CHALLENGED PEOPLE”

30 <1%

31 <1%

32 <1%

Exclude quotes On

Exclude bibliography On

Exclude matches Off

gitlab.science.ru.nlInternet Source

nauchkor.ruInternet Source

codelibrary.opendatasoft.comInternet Source