Scribd
Upload
102 views

CSS Microproject

This document describes a student project to create a speech-to-text application using JavaScript. It includes an introduction to JavaScript, the program code to build a speech recognition interface, and outputs the recognized text. The student learned about JavaScript programming and how to use events to start and stop speech recognition and display the transcript. The project involved collecting information on JavaScript and HTML and applying it to build a functional speech-to-text converter.

Uploaded by

Abdullah Shaikh
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
102 views

CSS Microproject

This document describes a student project to create a speech-to-text application using JavaScript. It includes an introduction to JavaScript, the program code to build a speech recognition interface, and outputs the recognized text. The student learned about JavaScript programming and how to use events to start and stop speech recognition and display the transcript. The project involved collecting information on JavaScript and HTML and applying it to build a functional speech-to-text converter.

Uploaded by

Abdullah Shaikh
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 10

CSS MICROPROJECT

A PROJECT REPORT

Submitted By:

Sr. No. Roll No. Student Name Enrollment No

01 01 Shaikh Abdullah Abdul Bashir 1705690080

IN PARTIAL FULFILLMENT OF THE FIFTH SEMESTER


IN INFORMATION TECHNOLOGY

CERTIFICATE

ABDUL RAZZAQ KALSEKAR POLYTECHNIC,

MAHARASHTRA STATE OF TECHNICAL EDUCATION, New Panvel.

This is certify that the following students. :

Sr. No. Roll No. Student Name Enrollment No

01 01 Shaikh Abdullah Abdul 1900150461


Bashir
Of FIFTH Semester of Diploma in Information Technology of Institute
of AIARKP, New Panvel (Code: 0569) have complete the micro-project work
satisfactorily under my supervision and guidance in subject CSS 22519 for
the academic year 2022-2023 as prescribed in the curriculum.

1
CSS MICROPROJECT

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 tags 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 programming 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 Start Planned Name of
No. date Finish date Responsible
Team Members
1 Selection of topic 28-11-2022 03-12- ALL MEMBERS
2022

2 Collecting information 28-11-2022 03-12-2022 ALL MEMBERS

3 Typing in word 28-11-2022 03-12-2022 ALL MEMBERS

4 Coding 28-11-2022 03-12-2022 ALL MEMBERS

5 Setting in word document 28-11-2022 03-12-2022 ALL


MEMBERS
5.0 Resources Required (major resources such as raw material, some machining facility,
software etc.)
Sr. Name of Specifications Qty Remarks
No. Resource/material

1 MS-Word MS-2010 1
2 Laptop AMD RYZEN @3.30GHZ 1
8GB RAM
3 Application Sub-lime text 1
Annexure – II

1
CSS MICROPROJECT

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 tags of java Script.

3.0 Literature Review


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

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 programming. 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 about Java Script Programming .

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
CSS MICROPROJECT

1. Communication
2. Problem-solving
3. Teamwork
4. Adaptability
5. Creativity
6. IT skills
7. Programming skill

1
CSS MICROPROJECT

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 visitor enters
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;

1
CSS MICROPROJECT

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>

1
CSS MICROPROJECT

<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");

};

1
CSS MICROPROJECT

// start recognition
recognition.start();

</script>

</body>

</html>

1
CSS MICROPROJECT

Output:

1
CSS MICROPROJECT

Conclusion:
The project involves a good knowledge of JavaScript and
html programming language. We learnt about html tags,
Events.
Speech to Text Recognition system Provides the ability of convert
into well understandable words Due to its ability of real time speech
conversion this 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.wikipedia.com

Thank You!!!!!....

You might also like