SIGN LANGUAGE DETECTION TO MULTIPLE LANGUAGES

A major project report submitted in partial fulfillment of the requirements

for the award of degree of

BACHELOR OF ENGINEERING
IN
COMPUTER SCIENCE &
ENGINEERING

SUBMITTED BY

Muskan Raina (2020A1R033)

Harshdeep Singh Nagra (2020A1R046)
Snowber Hamid (2020A1R065)

UNDER THE SUPERVISION OF

Mr. Saurabh Sharma
Assistant Professor, CSE

SUBMITTED TO

Department of Computer Science & Engineering

1
1 | P a gModel
e Institute of Engineering and Technology (Autonomous)
Jammu, India

2
 CANDIDATES DECLARATION

We hereby declare that the work which is being presented in the major project report
entitled, “SIGN LANGUAGE DETECTION TO MULTIPLE LANGUAGE” in the
partial fulfillment of requirement for the award of degree of B.E. (CSE) and submitted
to the Department of Computer Science and Engineering, Model Institute of
Engineering and Technology (Autonomous), Jammu, is an authentic record of our own
work carried by us under the supervision of Mr. Saurabh Sharma, Asst. Professor, CSE.
The matter presented in this report has not been submitted to any other
University/Institute for the award of Batchelor of Engineering.

Signature of the Student Dated: 07-06-2024

Snowber Hamid (2020a1r065)

Muskan Raina (2020a1r033)

Harshdeep Singh Nagra (2020a1r046)

i
 Department of Computer Science & Engineering
Model Institute of Engineering and Technology (Autonomous)
Kot Bhalwal, Jammu, India
(NAAC “A” Grade Accredited)
Ref. No.: MIET/CSE/2024/P10 Date:23/05/2024

CERTIFICATE

Certified that this major project report entitled “SIGN LANGUAGE DETECTION TO
MULTIPLE LANGUAGE” is the bonafide work of “Muskan Raina (2020a1r033),
Snowber Hamid (2020a1r065) and Harshdeep Singh Nagra (2020a1r046) of 8th
Semester, Computer Science Engineering, Model Institute of Engineering and
Technology (Autonomous), Jammu”, who carried out the major project work under
my/our supervision during February 2024 - June 2024.

Mr. Saurabh Sharma

Asst. Professor, CSE

This is to certify that the above statement is correct to the best of my knowledge.

Mr. Navin Mani Upadhyay

Head CSE Department
Model Institute of Engineering & Technology (Autonomous)

ii
 ACKNOWLEDGEMENTS

This Major Project opportunity was a great chance for learning and professional development.
I would also like to express my deepest gratitude to Mr. Saurabh Sharma, Asst. Prof., CSE,
for his precious guidance and knowledge which were extremely valuable for our study both
theoretically and practically.

I must record my deep sense of gratitude to Prof. (Dr.) Ankur Gupta (Director, MIET),
Prof. (Dr.) Ashok Kumar (Dean Academics, MIET), and Prof. Devanand Padha for their
guidance, constant inspiration, encouragement, and for their keen involvement throughout the
course of present work.

Gratitude and thanks although mean a very small thing to convey my thanks to my parents
who have always given me a parental source of love, motivation and strength right from the
journey of my life.

Bearing in mind previous I am using this opportunity to express my deepest gratitude and
special thanks to the faculty members who in spite of being extraordinarily busy with their
duties, took time out to hear, guide and keep me on the correct path and allowing me to carry
out my project at their esteemed organization and extending during the training.

We perceive this opportunity as a big milestone in our career development. We will strive to
use gained skills and knowledge in the best possible way, and We will continue to work on
their improvement, in order to attain desired career objectives. Hope to continue cooperation
with all of you in the future.

Muskan Raina (2020A1R033)

Harshdeep Singh Nagra (2020A1R046)

Snowber Hamid (2020A1R065)

iii
 ABSTRACT

This project presents an innovative solution aimed at real-time sign language detection and
translation into multiple spoken languages. Leveraging contemporary web technologies and
advanced machine learning models, the system seeks to address communication barriers faced
by the deaf and hard-of-hearing community, providing a seamless platform for translating sign
language gestures into written text across various linguistic contexts. Central to the project is the
utilization of Media Pipe’s ,Gesture Recognizer model, a cutting-edge neural network
architecture tailored explicitly for hand gesture recognition tasks. By analyzing video streams
captured through a webcam, the model accurately identifies and interprets hand movements,
enabling precise recognition of a diverse range of sign language gestures in real-time. In tandem
with gesture recognition, the system integrates translation APIs to convert recognized gestures
into written text in multiple languages. This translation process prioritizes linguistic accuracy
and cultural sensitivity, empowering users to convey their messages effectively in their preferred
language. The user interface is thoughtfully crafted to facilitate intuitive interaction, featuring
responsive controls and real-time feedback displays. Through a seamless user experience, the
interface empowers users to communicate effortlessly and express themselves confidently. In
summary, this project represents a significant step forward in assistive technology, offering a
transformative solution for enhancing communication accessibility and inclusivity. By
harnessing the power of machine learning and web technologies, the system holds promise in
fostering cross-cultural understanding and facilitating more inclusive communication channels.

iv
CONTENTS
Page No.

v
CHAPTER-1 INTRODUCTION TO WEB 1
1.1 INTRODUCTION 1
1.2 HISTORY OF WEB 1
1.2.1 Web browser 3
1.2.2 Website 3
1.2.3 Webpage 3
1.3 CLIENT SERVER ARCHITECTURE 3
CHAPTER 2 HTML 5
2.1 INTRODUCTION TO HTML 5
2.2 HISTORY OF HTML 5
2.3 HTML TAGS 6
2.3.1Web Browsers 6
2.3.2 HTML Editors 7
2.3.3 HTML Documents 9
2.3.4 HTML Headings 10
2.3.5 HTML Paragraphs 11
2.3.6 HTML Links 11
2.3.7 HTML Images 11
2.3.8 HTML Buttons 11
2.3.9 HTML Lists 11
2.3.10 HTML Elements 11
2.4 HTML TABLES 12
2.4.1 HTML Table - Adding a Border 13
2.4.2 HTML Table - Collapsed Borders 13
2.4.3 HTML Table - Adding Cell Padding 14
2.4.4 HTML Table - Left-align Headings 14
2.4.5 HTML Table - Adding Border Spacing 14
14

2.5 HTML FORMS

2.5.1 Text Input 15
2.5.2 Radio Button Input 16
2.5.3 The Submit Button 16
CHAPTER 3 CSS 18
vi
 3.1 INTRODUCTION 18
3.2 HISTORY OF CSS 19
3.3 CSS SYNTAX 19
3.4 TYPES OF CSS 19
3.4.1 Internal Style Sheet 20
3.4.2 External Style Sheet 20
3.4.3 Inline Styles 21
3.5 CSS COLORS 21
3.5.1 CSS colors-hex codes 21
3.5.2 CSS Background 23
3.5.3 CSS Borders 23
3.5.4 CSS TEXT 23
3.5.5 Font Family 23
3.5.6 CSS Tables 24
CHAPTER4 SQL 25
4.1 INTRODUCTION TO SQL 25
4.1.1 DDL: Data Definition Language 25
4.1.2 DML: Data Manipulation Language 26
4.1.3 TCL: Transaction Control Language 26
4.1.4 DCL: Data Control Language 27
4.2 SQL LANGUAGE ELEMENTS 27
4.2.1 Query for Retrieving Tables 28
4.2.2 Query for Selecting Columns from a Table 28
4.2.3 Query for Outputting Data Using a Constraint 29
4.2.4 Query for Outputting Sorted Data Using ‘Order By’ 29
4.2.5 Query for Outputting Sorted Data Using ‘Group By’ 29
4.2.6 Data Manipulation Using COUNT 30
4.2.7 Data Manipulation Using SUM 30

4.2.8 Data Manipulation Using AVG 30

4.2.9 Query for Listing all Views 30
4.2.10 Query for Creating a View 30

vii
 4.2.11 Advantages of SQL: 30
4.2.12 Disadvantages of SQL 31
CHAPTER 5 PHP 32
5.1 INTRODUCTION 32
5.1.1 What is a Scripting Language? 32
5.1.2 Features of PHP 33
5.1.3 Features of PHP 33
5.1.4 Uses of PHP 35
5.1.5 Basic syntax of PHP 36
5.2 HOW TO INSTALL PHP SERVER 37
5.2.1 Why use XAMPP? 37
5.2.2 How to Download and Install XAMPP 38
5.2.3 XAMPP Control Panel 42
REFERENCES 44
APPENDIX 45

viii
 LIST OF FIGURES

Fig No. Figure Page No.

Figure2.1 HTML Code 8

Figure2.2 Saving HTML Code 9
Figure2.3 Output of HTML Code 9
Figure 3.1 CSS SYNTAX 19
Figure 5.1 Features of PHP 33
Figure 5.2 Uses of PHP 35
Figure 5.3 Step 1 Installing XAMP 38
Figure 5.4 Step 2 Installing XAMP 38
Figure 5.5 Step 3 Installing XAMP 39
Figure 5.6 Step 4 Installing XAMP 39
Figure 5.7 Step 5 Installing XAMP 40
Figure 5.8 Step 6 Installing XAMP 40
Figure 5.9 Step 7 Installing XAMP 41
Figure 5.10 Step 8 Installing XAMP 41
Figure 5.11 Step 9 Installing XAMP 42
Figure 5.12 Step 10 Installing XAMP 43

ix
 LIST OF FIGURES

Table No. Table Page No.

Table 2.2 HTML Forms 15

Table 4.1 Data Definition Language 25
Table 4.2 Data Manipulation Language 26
Table 4.3 Transaction Control Language 26
Table 4.4 Data Control Language 27
Table A Categorization of e-Business Models 45

x
 ABBREVIATION USED

ASL – American Sign Language

DOM - Document Object Model
UI - User Interface
AR – Augmented Reality

xi