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
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
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
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.
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
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.
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
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
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
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
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
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
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
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
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
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
Smart Website for Visually Challenge People
6
Dept. of ISE, NHCE
Table 2.1 Literature Reviews
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
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.
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
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.
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.
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
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
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.
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
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
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.
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
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
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
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.
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.