Maharashtra State Board of Technical Education

Mumbai. (M.S.)

MICRO PROJECT On
“Online Quiz Competition Using Javascript”

Submitted by

1] Aaditya Satish Baraskar.

2] Yash Dhananjay Lolge .

G.S. Mandal’s

Department of Computer Engineering

Marathwada Institute of Technology, Polytechnic,
Aurangabad
Academic Year: - 2022-2023
 MAHARASHTRA STATE BOARD OF
TECHNICAL EDUCATION

CERTIFICATE
This is to certify that: -

Roll Enrollment No. Exam

No. Name of Student Seat No.
Aaditya Satish Baraskar 2000660176

Yash Dhananjay Lolge 2000660202

Have successfully completed “Online Quiz Competition Using Javascript”

Micro-project for the subject Client-Side Scripting Language as in the
enclosed ‘Portfolio’ during his / her tenure of Completing the Diploma in
Computer Engineering (CO5I) in Academic Year 20212022 from M.I.T.
Polytechnic, Aurangabad with Institute Code 0066.

Date:

Prof. Banani Chatterjee mam Prof .A.S. Nagrik

Guide HOD

S.G. Deshmukh
Principal

Marathwada Institute of Technology,

Polytechnic, Aurangabad
 INDEX
Annexure-IV Micro Project Teacher Evaluation Sheet

Annexure-I A “Format for Micro-Project Proposal”

1.0 Aim/Benefits of Micro Project (minimum 30-50 words)

2.0 Course Outcomes Addressed

3.0 Proposed Methodology (procedure in brief that will be followed to do

the micro- project in about 100-200 words.)

4.0 Action Plan (Sequence and time required for major activity.)

5.0 Resources required (major resources such as row material, some machining
facility, software etc.)

Annexure-II A “Format for Micro-Project Report”

1.0 Rationale (Importance of the project, in about 30 to 50 words. This is a modified

version of the earlier one written after the work)

2.0 Aim/Benefits of Micro Project:

3.0 Course Outcomes Achieved (Add to the earlier list is more Cos are addressed)

4.0 Literature Review

5.0 Actual Methodology Followed (Write step wise work done, data collected and
its analysis (if any). The contribution of individual member may also be
noted.)

6.0 Actual Resources Used (mention the actual resources used).

7.0 Outputs of the micro projects (Drawings of the prototype, drawing of survey,
presentation of collected data, findings etc.)

8.0 Skill Developed/Learning outcome of this micro project

9.0 Applications of this micro project

 Annexure-IV

Micro Project (Teacher Evaluation Sheet)

Name of Program: Diploma in Computer Engineering Semester: - 5
Course Title: CO5I
Title of Micro Project: Online quiz competition using javascript.

Course Outcomes Achieved:

a) Learn the concept of CSS

b) Understand the characteristics of Client-Side Scripting Language

c) Understand the features of Client-Side Scripting Language

d) Understand the difference between Client-side scripting and server side scripting

Process and Individual Total

Roll Name of Student Enrollment No. Exam Product Presentation Marks
No. Seat No. Assessment / Viva (10)
(06) (04)
Aaditya Satish Baraskar 2000660176

Yash Dhananjay Lolge 2000660202

Comments / Suggestions about work:

_________________________________________________________________
_____________
_________________________________________________________________
_____________ ___________

Signature of Teacher :

Name and Designation :

of the Teacher
 Annexure-I

Micro-Project Proposal
(Format for Micro-Project Proposal About 1-2 pages)

Title of Micro-Project:- : Online Quiz Competition Using Javascript.

1.0 Aim/Benefits of Micro Project (minimum 30-50 words)

• Students tend to actually read the material.

• Students show up for class on time since the quiz always comes first.
• Students are placed in the right attitude for learning.
• Students feel more confident to discuss the material.
• Students raise their grades by simply reading the material.
• The start of class is signaled.
• The quiz provides a good lead-in for either a lecture or discussion of the
material.

2.0 Course Outcomes Addressed

a) Create interactive web pages using program flow control structure.

b) Implement Arrays and functions in Java Script.
c) Create event-based web forms using Java Script
d) Create a web page of quiz applicaation.

3.0 Proposed Methodology (Procedure in brief that will be followed to do the

micro- project in about 100-200 words.)

a) First we have decided our Project Topic .

b) Then we have Gather information related to our topics.

c) After selection of topic, we started to work on it, we refer books and

online reference to learn basics of animations and methods various ,tags
to be used in it

d) And then we have finally created simple animation of moving car using
Java script .
4.0 Action Plan (Sequence and time required for major activity.)

Sr. Details of Activity Planned Start Planned Finish Name of

No Date Date Responsible
Team Members

1) Topic Selection 3/09/22 04/09/22 Both

2) Information Search 05/09/22 10/09/22 Aaditya

3) Rough overview 10/09/22 11/09/22 Yash

4) Gathering the information 11/09/22 14/09/22 Aaditya

6) Completing report for project 14/09/22 16/09/22 Both

7) Submission 17/09/22 17/09/22 Both

5.0 Resources required (major resources such as row material, some

machining facility, software etc.)

Sr. Name of Resource/Material Specification Qty. Remarks

No

1) Desktop, Laptop i-5, 8 GB RAM, 1

Windows 10

2) Software VS code -

3) INTERNET Google Chrome -

Names of Team Members with Roll No. : -

Roll No. Name of Student

Aaditya Satish Baraskar

Yash Dhananjay Lolge

 Annexure-II
Micro-Project Report
(Format for Micro-Project Report minimum 4 pages)

Title of Micro-Project : - Online quiz competition using javascript.

1.0 Rationale (Importance of the project, in about 30 to 50 words. This is a modified

version of the earlier one written after the work)

1. Java Script is limited featured client-side programming language.

2. Java Script help to create highly interactive web pages, animations using its feature

3. It’s easy to understand the basics of animations through the project it’s a simple
animation done with various tags and by adding some images to it .

2.0 Aim/Benefits of Micro Project:

1. To create simple animation using Java script.

2. Learn about different methods and tags used in JavaScript.

3. It is easy to understand and create more interesting animation.

3.0 Course Outcomes Achieved (Add to the earlier list is more Cos are addressed)

1. Create interactive web pages using program flow control structure.

2. Implement Arrays and functions in Java Script.

3. Create event-based web forms using Java Script

4. Create simple animations in Java script.

5. Easy to understand and to develop more interesting animations using JavaScript.

6. Learn about different tags used in JS and also to create , add and display images to a
browser and also to create animation of it.
4.0 Literature Review : -

We have written this code by ourselves. We have also read the books related to it We have
also visited many websites and, we have seen videos related to it and learn about various tags
used in it. We collected pictures used in animation from internet, we used HTML, CSS and
mostly JavaScript to develop this project.

5.0 Actual Methodology Followed (Write step wise work done, data collected and its
analysis (if any). The contribution of individual member may also be noted.)

1. First select the topic of your Flavor.

2. Develop a plan of action according to project

3. Gathered all images needed in animation from internet

4. Then discussed about the theme and further details of animation and draw a rough
sketch of it on paper.

5. Then started coding according to design.

6. There was some difficulties and unknown errors, so we read books and take online
reference.

7. After that finally our small animation was ready.

8. Then we tested it more made some small changes and it was ready.

9. Then we show output to respected faculty and made final report.

6.0 Actual Resources Used (mention the actual resources used).

Sr. Name of Resource/Material Specification Qty. Remarks

No
1 Computer system Windows 11, 8 1
Gb ram
2 Compiler VS code -

3 reference Chrome, -
YOUTUBE
7.0 Outputs of the micro projects (Drawings of the prototype, drawing of survey,
Presentation of collected data, findings etc.)

• Program code and output has been attached below

8.0 Skill Developed/Learning outcome of this micro project

We learn about basics of Java Script, also learn and able to develop animations in java Script,
we learn to use different tags also learn Java Script in detail.

9.0 Applications of this micro project : -

• This Project display the quiz questions using javascript.

• It’s easy and simple to create and make to understand others.

• Other can develop new animations with new ideas by following the steps in
above project.
SOURCE CODE & OUTPUT:

First, we create an HTML file with the name of index.html with HTML
extension.
1.
2.
3.
Second, create a CSS file with the name of style.css with the extension of
.CSS

1.
2.
 3.

4.
5.
6.
.
7.
8.
9.
10.
11.
12.
13.
 14.

OUTPUT:-
1.

2.

3.
4.
5.

6.
7.

8.