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>
<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!!!!!....
