Teacher Evaluation Sheet

Name Of Student:Tope Akshay Ravindra

Enrollment No: 2100790246
Name of Program: Computer Technology Semester:V
Course Title: Client Side Scripting Language (CSS) Code: -22519

Title of the Micro Project: Word Counter

Course Outcomes Achieved:-

1) CO-a Create interactive web pages using program flow control structure.
2) CO-b Implement arrays and functions in JavaScript
3) CO-c Create event based web forms using Java script

Evaluation as per Suggested Rubric for Assessment of Micro-Project:

Sr.
Poor (Marks Average Good (Marks Excellent (Marks
No. Characteristic to be assessed
1-3) (Marks 4-5) 6 - 8) 9-10)

(A) Process and Product Assesssment (Convert above total marks out of 6 marks)

1 Relevance to the Course

Literature Survey /
2
Information Collection
Completion of the Target as
3
per project proposal
Analysis of data and
4
representation
5 Quality of Prototype / Model
6 Report Preparation
(B) Individual Presentation / Viva (Convert above total marks out of 4 marks)

8 Presentation
9 Viva

Micro – Project Evaluation Sheet:

Process Assessment Product Assessment
Part A Project Part B – Individual Total
– project Methodology Project Presentation / Marks 10
Name of Student Proposal (2 marks) Report / Working Viva (4 marks)
(2 marks) Model(2 marks)

Tope Akshay Ravindra

Name and designation of the faculty Member: Mr. D.B.Zambare Signature

 MAHARASHTRA STATE BOARD OF TECHNICAL
EDUCATION

SNJB's Shri Hiralal Hastimal (Jain Brothers, Jalgaon)

Polytechnic, Chandwad)

MICRO PROJECT
Academic year 2023-24

TITLE OF PROJECT

Word Counter

Program: Computer Technology Program Code: CM

Course: Client Side Scripting Language Course code: 22519

MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION

Sr.No. Name of Student Roll No Enrollment No Seat No

1. Tope Akshay Ravindra 30 2100790246 379099

CERTIFICATE
This is to certify Tope Akshay Ravindra of 5th Semester of Diploma in Computer
Technology of Institute, SNJB's Shri Hiralal Hastimal (Jain Brothers, Jalgaon)
Polytechnic, Chandwad) (Code: 0079) has completed the Micro-Project satisfactorily in Subject
Client Side Scripting Language (22519) for the academic year 2023- 2024 as prescribed in the
curriculum.

Place: CHANDWAD

Date: 08/ 11 /20223

Subject Teacher Head of the Department Principal

(Mr. D.B.Zambare) (Mr.P.R.Sali) (Dr. V.A.Wankhede)

 INDEX

SR_NO
CONTENT PAGE NO.
.

Part A

1.0 Brief Introduction 1

2.0 Aim of Micro Project 1

3.0 Action Plan 1

4.0 Resources Required 2

5.0 2
Course Outcomes Addressed

Part B

1.0 Brief Description 3

2.0 Aim of Micro Project 3

3.0 Course Outcome Integrated 3

4.0 Actual Procedure Followed 4-6

5.0 Outputs of the Micro-projects 7-8

6.0 Actual Resource Used 9

7.0 Skill Developed 9

8.0 Applications of this Microproject 10

 PART A-Plan
Title of micro-project: Word Counter.

1. Brief Introduction
A word counter is a tool or program designed to count the number of words, characters,
sentences, and sometimes even paragraphs in a given text. It is commonly used in
various contexts, such as writing, editing, and academic research, to track and analyze
the length of written content. Word counters are particularly useful in ensuring that
texts meet specific word or character limits, such as those required in academic papers,
essays, articles, social media posts, or other types of written content. They help writers
and content creators to maintain concise and clear communication, adhere to specific
guidelines, and avoid exceeding or falling short of required word counts. Various word
counter tools are available online, ranging from simple web-based interfaces to more
advanced software with additional features for analyzing text structure and readability.

2.Aim/Benefits of the Micro-Project:

The aim of a micro project for a word counter using JavaScript is to create a simple web
application that allows users to input text, and then it counts the number of words in
that text. This project helps you practice your JavaScript skills and understand how to
manipulate strings, handle user input, and display results on a webpage. It's a great
exercise for beginners to gain hands-on experience with JavaScript and web
development

3.Action Plan:

Planned Start Planned Finish

Sr no. Details of activity
Date Date
1. Finalization of topic 21-08-2023 28-08-2023
2. Preparation of Abstract 01-09-2023 9-09-2023
3. Collection of data 22-09-2023 15-10-2023
4. Preparation of concept 16-10-2023 25-10-2023
5. Seminar / Presentation 25-10-2023 31-10-2023
6. Submission of Micro Project 01-11-2023 08-11-2023

1
 4.Resources Required-

Sr.No Name of Resource/Material Specification Quantity Remarks

1. Computer (Desktop/Laptop) i3,RAM 2GB 1 Available
2. Microsoft office word 2010 1 Available
3. Books - - Available
4. Websites www.google.com Available
5. Softwares Notepad, Chrome Available
1

5. Course Outcomes Addressed:

1) CO-a. Create interactive web pages using program flow control structure.
2) CO-b Implement arrays and functions in Java script.
3) CO-c Create event based web forms using Java script.
4) CO-d Use Java Script for handling cookies.
5) CO-e Create interactive web pages using regular expressions for validations.
6) CO-f Create menus and navigations in web pages.

2
 PART B-Plan
Title of micro-project: Word Counter.

1. Brief Description:
The Many times word count needs to be done between different projects. In all these cases, this type of
JavaScript Word Counter will help you completely. In this tutorial, you will leam how to create Word
Counter JavaScript. A lot of times we show character limits or word limits in different input boxes. For
example, in the case of Twitter, there is a character limit. Although I have shared a tutorial before
where I have shown how to create a character limit input box. This tutorial will show you how to
count words and characters. That means you will see both a project word and a character.

2.Aims/s Benefit of Micro Project:

The aim of a micro project for a word counter using JavaScript is to create a simple web
application that allows users to input text, and then it counts the number of words in
that text. This project helps you practice your JavaScript skills and understand how to
manipulate strings, handle user input, and display results on a webpage.

3. Course Outcomes Achieved:

1) CO-a Create interactive web pages using program flow control structure.
2) CO-b Implement arrays and functions in JavaScript
3) CO-c Create event based web forms using Java script

3
 4.Actual Methodology/Procedure Followed:

Source Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<!-- Google Font -->
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap"
rel="stylesheet"
/>
<!-- Stylesheet -->
<style media="screen">
*{
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
body {
background-color: #8bc1f7;
}
.wrapper {
position: absolute;
width: 75vmin;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.container {
background-color: #ffffff;
padding: 30px 20px 20px 20px;
border-radius: 0px 0px 8px 8px;
box-shadow: 0 30px 50px rgba(30, 21, 49, 0.3);
}

.count {
background-color: #0547ad;
width: 100%;

4
padding: 7px;
position: relative;
display: flex;
font-family: sans-serif;
justify-content: space-around;
text-align: center;
border-radius: 5px 5px 0px 0px;
}
.count p {
color: #ceced7;
}
.count h5 {
color: #ffffff;
font-size: 22px;
}

textarea {
width: 100%;
border: none;
resize: none;
outline: none;
font-size: 16px;
line-height: 28px;
padding: 10px;
max-height: 280px;
color: #0e101a;
box-shadow: 0 20px 65px rgba(61, 139, 190, 0.33);
}
</style>
</head>
<body>
<div class="wrapper">

<div class="count">
<div>
<h5 id="word-count">0</h5>
<p>Words</p>
</div>
<div>

5
 <h5 id="charac-count">0</h5>
<p>Characters</p>
</div>
</div>

<div class="container">

<textarea
id="input-textarea"
rows="12"
placeholder="Start Typing here..."
></textarea>
</div>

</div>
<!-- Script -->
<script type="text/javascript">
let inputTextArea = document.getElementById("input-textarea");
let characCount = document.getElementById("charac-count");
let wordCount = document.getElementById("word-count");

inputTextArea.addEventListener("input", () => {
characCount.textContent = inputTextArea.value.length;
let txt = inputTextArea.value.trim();
wordCount.textContent = txt.split(/\s+/).filter((item) => item).length;
});
</script>
</body>
</html>

6
 5.Output of the Micro-Project:

Step1:

7
Step2:

8
 6.Actual Resources Used:

Sr.No Name of Resource/Material Specification Quantity Remarks

1. Computer i5,RAM 8GB 1 Available
(Desktop/Laptop)
2. Microsoft office word 2010 1 Available
3. Books - - Available
4. Websites www.google.com 1 Available
5. Softwares Notepad, Web 1 Available
Browser

7. Skill Developed:
1. Define the Project Scope: Start by clearly defining the scope of your word counter
project. What should it do? Consider the features you want to include, such as
counting words in a text, displaying the total word count, or providing additional
statistics like character count or average word length.
2. Choose a Programming Language: Select a programming language that you are
comfortable with or want to learn. Common choices include Python, JavaScript, or
Java.
3. Set Up Your Development Environment: Install the necessary tools and libraries to
support your chosen programming language. For example, you might need a code
editor, such as Visual Studio Code or PyCharm, and any specific libraries or
frameworks for your chosen language
4. Implement the Word Count Logic: Write code to count words within a given text.
You can approach this task in several ways, but here's a simple example in Python:
5. Create a User Interface: Depending on your project's scope, you may want to build a
graphical user interface (GUI) or a command-line interface (CLI). For a GUI, you
can use libraries like Tkinter (Python) or React (JavaScript). For a CLI, you can use
libraries like argparse (Python) or Commander.js (JavaScript).

9
8. Applications of Microproject:
A word counter is a simple yet versatile tool with various practical applications in
different domains. Here are some common applications of a word counter:

1. Writing and Editing Tools

2. Content Creation and SEO
3. Academic and Research Writing
4. Social Media and Online PlatformsTranslation and Localization
5. Language Learning and Teaching
6. Coding and Programming
7. Legal and Contractual Documents
8. Emails and Communication
9. Online Surveys and Questionnaires
10.Writing Challenges and Competitions

10