CSS MICROPROJECT
A PROJECT REPORT
Submitted By:
Sr. No. Roll No. Student Name Enrollment No
01 55 SULAKHE RITESH MANOJ 1900150461
02 57 GORE RUDRA RAVINDRA 1900150463
03 59 PAGADE KIRAN DATTATRAY 1900150465
IN PARTIAL FULFILLMENT OF THE FIFTH SEMESTER
IN
INFORMATION TECHNOLOGY
GOVERNMENT POLYTECHNIC, SOLAPUR
MAHARASHTRA STATE OF TECHNICAL EDUCATION, MUMBAI.
1
CSS MICROPROJECT
CERTIFICATE
MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION
MUMBAI
GOVERNMENT POLYTECHNIC, SOLAPUR.
This is certify that the following students. :
Sr. No. Roll No. Student Name Enrollment No
01 55 RITESH MANOJ SULAKHE 1900150461
02 57 RUDRA RAVINDRA GORE 1900150463
03 59 KIRAN DATTATRAY PAGADE 1900150465
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. Mittapally H.O.D Principal
(Project Guide)
2
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 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 Start Planned Name of
No. date Finish date Responsible
Team Members
1 Selection of topic 05-10-21 06-10-21 ALL MAMBERS
2 Collecting information 06-10-21 10-10-21 KIRAN
RUDRA
RITESH
3 Typing in word 11-10-21 12-10-21 ALL MAMBERS
4 Coding 13-10-21 13-10-21 RITESH
5 Setting in word document 14-10-21 15-10-21 RUDRA
KIRAN
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
3
CSS MICROPROJECT
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
4
CSS MICROPROJECT
Skill development:
1. Communication
2. Problem-solving
3. Teamwork
4. Adaptability
5. Creativity
6. IT skills
7. Programming skill
5
CSS MICROPROJECT
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…..!!!!
6
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
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.
7
CSS MICROPROJECT
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;
8
CSS MICROPROJECT
</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>
<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();
9
CSS MICROPROJECT
// 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
CSS MICROPROJECT
Output:
11
CSS MICROPROJECT
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!!!!!....
12
