CSS MICROPROJECT

A PROJECT REPORT

Submitted By:

Sr. Roll No. Student Name Enrollment No

No.
01 55 SULAKHE RITESH MANOJ 1900150461

02 57 GORE RUDRA RAVINDRA 1900150463

03 59 PAGADE KIRAN 1900150465

DATTATRAY

IN PARTIAL FULFILLMENT OF THE FIFTH

SEMESTER IN

INFORMATION TECHNOLOGY

GOVERNMENT POLYTECHNIC, SOLAPUR

MAHARASHTRA STATE OF TECHNICAL EDUCATION, MUMBAI.

1
 CERTIFICATE

MAHARASHTRA STATE BOARD OF TECHNICAL

EDUCATION MUMBAI
GOVERNMENT POLYTECHNIC, SOLAPUR.

This is certify that the following students. :

Sr. Roll No. Student Name Enrollment No

No.
01 55 RITESH MANOJ SULAKHE 1900150461

02 57 RUDRA RAVINDRA GORE 1900150463

03 59 KIRAN DATTATRAY 1900150465

PAGADE

Of FIFTH Semester of Diploma in Information Technology of Institute of

Government Polytechnic, Solapur (Code: 0015) have complete the micro-project work
satisfactorily under my supervision and guidance in subject CSS 22519 for the
academic year 2021-2022 as prescribed in the curriculum.

Ms. Ambika V. H.O.D Principal

Mittapally
(Project Guide)
 Part-A Micro-Project
Proposal
Speech To Text

1.0 Aims/Benefits of the Micro-Project –program to perform Speech To Text application.

2.0 Course Outcomes Addressed

In this project I learn about what is Event Handling and tages of java Script.
3.0 Proposed Methodology
We completed our work in good co-ordination and hardworking. First we started
collecting information about java Script and html programing And we started to form
report on that concept. Finally we completed the project with good outcomes.

4.0 Action Plan (Sequence and time required for major activity)
Sr Details of activity Planned Planne Name of
. Start d Finish Responsible
N date date Team
o.
Members
1 Selection of topic 05-10-21 06-10- ALL MAMBERS
21

2 Collecting information 06-10-21 10-10-21 KIRA

N
RUD
3 Typing in word 11-10-21 12-10-21 RA
ALL MAMBERS

4 Coding 13-10-21 13-10-21 RITESH

5 Setting in word document 14-10-21 15-10-21 RUD

RA
KIRA

5.0 Resources Required (major resources such as raw material, some machining facility,
software etc.)
Sr. Name of Specifications Qty Remarks
No. Resource/mater
ial
1 MS-Word MS-2010 1
2 Laptop AMD RYZEN 1
@3.30GHZ
3 Application 8GB RAM
Sub-lime text 1
Annexure – II

Part – B Micro-Project
Report
Speech To Text

1.0 Aims/Benefits of the Micro-Project :

Simple Application Speech To Text.

2.0 Course Outcomes Addressed

In this project I learn about what is Event Handling and tages of java Script.

3.0 Literature Review

The main part of this project is to develop a various Apllication

4.0 Actual Methodology Followed.

We completed our work in good co-ordination and hardworking. First I started

collecting information about java Script and html programing. And I started to form report
on that concept. Finally we completed the project with good outcomes.

5.0 Outputs of the Micro-Projects

successfully made Speech To Text converter.

6.0 Skill Developed / Learning outcome of this Micro-Project

From this project I learned aboutJava Script Programing .

1. Actual Methodology Followed.

1. Discussion about given topic

2. Selection of Google and distributions on responsibilities
3. Collection of information using different resources
4. Analysis of information performance given
5. Representation information in a required format
6. Preparation of project report
7. Computation and submission of assign task
 Skill development:

1. Communication
2. Problem-solving
3. Teamwork
4. Adaptability
5. Creativity
6. IT skills
7. Programming skill
 ACKNOWLEDGMENT
I wish to express our profound and sincere gratitude to our guide.

Who guided us into the intricacies of this micro-project non-chalantly with

matchless magnanimity. We are indebted to his constant encouragement, co-operation
and help. It was his enthusiastic support that helped us in overcoming him various
obstacles in this project.
I would also like to express our thankfulness to our beloved Principal, H.O.D.,
and other faculty members our Fifth Year Department for extending their support
and motivation.

Thank You…..!!!!
 Introduction

Java script is limited feature client side

programming language .java script run at the
client end through user’s browsers
without sending massages back and forth to the
server. It is widely used by the web developers to do
things such as build dynamic webpages, respond to
events, create interactive forms, validate data that
the visitorenters into a form, control the browsers,
etc.

JavaScript is most commonly used as a client

side scripting language. This means that JavaScript
code is written into an HTML page.When a user
requests an HTML page with JavaScript in it, the
script is sent to the browser and it's up to the
browser to do something with it.
 Program Code :
<!doctype html>

<head>
<style>

/* CSS comes here

*/ body {

font-family: arial;
}
button {

padding:10px;
background-color:#6a67ce;
color: #FFFFFF;
border: 0px;
cursor:pointer;
border-radius: 5px;

#output {
background-color:#F9F9F9;
padding:10px;

width: 100%;
margin-top:20px;
line-height:30px;

.hide {
display:none;

}
.show {
display:block;

}
 </style>
<title>JavaScript Speech to Text</title>

</head>
<body>

<h2>JavaScript Speech to Text</h2>

<p>Click on the below button and speak something...</p>

<p><button type="button" onclick="runSpeechRecognition()">Speech to Text</button>

&nbsp; <span id="action"></span></p>

<div id="output" class="hide"></div>

<script>
/* JS comes here */
function runSpeechRecognition() {
// get output div reference

var output = document.getElementById("output");

// get action element reference

var action = document.getElementById("action");

// new speech recognition object
var SpeechRecognition = SpeechRecognition || webkitSpeechRecognition;
var recognition = new SpeechRecognition();

// This runs when the speech recognition service starts

recognition.onstart = function() {

action.innerHTML = "<small>listening, please speak...</small>";

};

recognition.onspeechend = function() {
action.innerHTML = "<small>stopped listening, hope you are done...</small>";
recognition.stop();

}
 // This runs when the speech recognition service returns result
recognition.onresult = function(event) {
var transcript = event.results[0][0].transcript; var
confidence = event.results[0][0].confidence;

output.innerHTML = "<b>Text:</b> " + transcript + "<br/> <b>Confidence:</b> " +

confidence*100+"%";

output.classList.remove("hide");
};

// start recognition
recognition.start();

}
</script>
</body>
</html>

10
Output:

11
 Conclusion:
The project involves a good knowledge of JavaScript
and htmlogramming language. We learnt about html tags,
Events.
Speh to Text Recognition system Provides the ability of convert into
well understandable words Due to its ability of real time speech
conversion thi stem used in various fields like ,
Automated Car Environment, ASR System for Air traffic control uses
the hidden Markov model , Speech recognition used for route
navigation.

Reference:-
www.firewall.cx.com
www.wikipedia.com

Thank You!!!!!....