MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION,

MUMBAI
A Project
Report On:

‘ Dynamic Quiz Generator '

DIPLOM
A IN
COMPUTER ENGINEERING
Submitted by :
Omkar Laxman Khandekar
Tejas Pandurang Savardekar
Pratik Shantinath Kapase
Sanket Balkrishna Karade

Department of computer Engineering

Sant Gajanan Maharaj Rural Polytechnic, Mahagaon.

Semester – 5th
Academic year 2024-25

Under the guidance

of
Mrs. R. S. Patil.
 (MSBTE)
SANT GAJANAN MAHARAJ RURAL HOSPITAL AND RESEARCH
CENTRE, MAHAGAON
“SANT GAJANAN MAHARAJ RURAL POLYTECHNIC”
A/P MAHAGAON, SITE – CHINCHEWADI, TAL – GADHINGLAJ, DIST – KOLHAPUR

CERTIFICATE
This is to certify that the following students of first year of Diploma in Computer
Engineering of Institute ‘SANT GAJANAN MAHARAJ RURAL POLYTECHNIC MAHAGAON –
416503 (CODE – 0965)’ has completed Micro-project on ‘ Dynamic Quiz Generator ' in
Operating System ( Subject code – 22519 ) for academic year 2024-25 as prescribed in the
curriculum.

ROLL NO. ENROLLMENT NO. NAME OF STUDENT SIGNATURE

52 2209650067 Omkar Laxman Khandekar

39 2209650052 Tejas Pandurang Savardekar

45 2209650058 Pratik Shantinath Kapase

49 2209650064 Sanket Balkrishna Karade

Date of submission: / /2024

Ms. R. S. Patil Mr. G. K. Biranagaddi Prof. R. S. Patil

(Project Guide) (Head of Department) (Principal)
 ACKNOWLEDGEMENT

We would like to express our thanks to the people who have helped us most
throughout our project. We would like to express our sincere thanks to the principal of
Sant Gajanan Maharaj Rural Polytechnic Mahagaon Prof. R. S. Patil for being always
with us as a motivator. We are thankful to the H.O.D. of Computer Engineering
Department Mr. G. K. Biranagaddi for his kind support. We are grateful to our
Project Guide Ms. R. S. Patil for nonstop support and continuous motivation for the
project. Her help made us possible to complete our project with all accurate
information. A special thanks of our goes to our friends who helped us in
completing the project, where they all exchanged their own interesting ideas. We
wish to thanks our parents for their personal support or attention who inspired us to
go our own way. Finally, we would like to thank God who made all things possible
for us till the end.

Sr. No. Name of Student Sign

1 Omkar Laxman Khandekar

2 Tejas Pandurang Savardekar

3 Pratik Shantinath Kapase

4 Sanket Balkrishna Karade

 INDEX

1. MICRO - PROJECT PROPOSAL......................................................................1 - 3

2. RATIONALE ……………………………………………………. 4

3. AIMS / BENEFITS OF THE MICRO - PROJECT……………… 4

4. COURSE OUTCOMES ACHIEVED …………………………… 4

5. LITERATURE REVIEW......................................................................................5 - 14

4. ACTUAL RESOURCES USED............................................................................14

5. ACTUAL METHODOLOGY FOLLOWED..................................................15 – 17

6. OUTCOMES OF THE MICRO - PROJECT...............................................17 - 19

9. SKILL DEVELOPED / LEARNING OUTCOMES

OF MICRO-PROJECT........................................................................................20

10. APPLICATIONS OF MICRO - PROJECT........................................................20

 PLAN A

□ Title of Micro-project :- Dynamic Quiz Generator.

□ Brief Introduction :- In this project we have developed the

application for generating quiz using JavaScript.

□ Aim of the Micro-project :- To study how to create application

for “Dyanamic Quiz Generator” using HTML CSS JavaScript

 Resource Required :-

Sr. Name of specifications Qty Remark

No resources/
material
1. Computer System Desktop 1
2. Software VS Code 1

 Action Plan :-

Sr. Details of activity Planned Planned Name of team

No start date finish date member
1. Select topic of All member
micro-project.
2. Collect information All member
about topic.
3. Prepare report on All member
project submit
the micro-
project
 PLAN B

□ Title of Micro-project :- Dynamic Quiz Generator.

□ Brief Introduction:-In this project we have developed the application

for generating quiz using JavaScript.

□ Aim of the Micro-project :- To study how to create application

for “Dyanamic Quiz Generator” using HTML CSS JavaScript

□ Course Outcomes :-

o Learned to make interactive website using JavaScript

□ Actual Methodology followed :-

o First we discussed and decided the topic of project
o Did some research on the selected topic
o Create a website
o Showed Project to the subject teacher
o Created project report
o Submitted to the teacher
  Resource Required :-

Sr. Name of specifications Qty Remark

No resources/
material
1. Computer System Desktop 1 Used
2. Software VS code 1 Used
HTML CODE:-

<!DOCTYPE html>
<html>
<head>
<title>Dynamic Quiz Project</title>
<link type='text/css' rel='stylesheet'
href='stylesheet.css'/>

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?

family=Open Sans"/>
</head>
<body>
<div id='container'>
<div id='title'>
<h1>Dynamic Quiz</h1>
</div>
<br/>
<div id='quiz'></div>
<div class='button' id='next'><a
href='#'>Next</a></div>
<div class='button' id='prev'><a
href='#'>Prev</a></div>
<div class='button' id='start'> <a href='#'>Start Over</a></div>
<!-- <button class='' id='next'>Next</a></button>
<button class='' id='prev'>Prev</a></button>
<button class='' id='start'> Start Over</a></button> -->
</div>

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery

.min.js'></script>
 <script type="text/javascript"
src='questions.json'></script>
<script type='text/javascript' src='jsquiz.js'></script>
</body>
</html>

Javascript Code:-
(function() {
var questions = [{ question: "What is
2*5?", choices: [2, 5, 10, 15, 20],
correctAnswer: 2
}, {
question: "What is 3*6?", choices: [3,
6, 9, 12, 18],
correctAnswer: 4
}, {
question: "What is 8*9?", choices: [72, 99, 108,
134, 156],
correctAnswer: 0
}, {
question: "What is 1*7?", choices: [4,
5, 6, 7, 8],
correctAnswer: 3
}, {
question: "What is 8*8?", choices: [20, 30,
40, 50, 64],
correctAnswer: 4
}];

var questionCounter = 0; //Tracks question number var selections = []; //Array

containing user choices var quiz = $('#quiz'); //Quiz div object

// Display initial question

displayNext();

// Click handler for the 'next' button

$('#next').on('click', function (e) {
e.preventDefault();
 // Suspend click listener during fade animation if(quiz.is(':animated')) {
return false;
}
choose();

// If no user selection, progress is stopped if

(isNaN(selections[questionCounter])) { alert('Please make a
selection!');
} else { questionCounter++;
displayNext();
}
});

// Click handler for the 'prev' button

$('#prev').on('click', function (e) {
e.preventDefault();

if(quiz.is(':animated')) { return
false;
}
choose();
questionCounter--;
displayNext();
});

// Click handler for the 'Start Over' button

$('#start').on('click', function (e) {
e.preventDefault();

if(quiz.is(':animated')) { return
false;
}
questionCounter = 0; selections
= []; displayNext();
$('#start').hide();
});

// Animates buttons on hover

 $('.button').on('mouseenter', function () {
$(this).addClass('active');
});
$('.button').on('mouseleave', function () {
$(this).removeClass('active');
});

// Creates and returns the div that contains the questions and
// the answer selections
function createQuestionElement(index) { var qElement = $
('<div>', {
id: 'question'
});

var header = $('<h2>Question ' + (index + 1) + ':</h2>'); qElement.append(header);

var question =
$('<p>').append(questions[index].question); qElement.append(question);

var radioButtons = createRadios(index);

qElement.append(radioButtons);

return qElement;
}

// Creates a list of the answer choices as radio inputs function createRadios(index) {

var radioList = $('<ul>'); var item;
var input = '';
for (var i = 0; i < questions[index].choices.length; i++) { item = $('<li>');
input = '<input type="radio" name="answer" value=' + i + ' />';
input += questions[index].choices[i];
item.append(input); radioList.append(item);
}
return radioList;
}
// Reads the user selection and pushes the value to an array
function choose() { selections[questionCounter]
=
+$('input[name="answer"]:checked').val();
}
 // Displays next requested element function
displayNext() { quiz.fadeOut(function() {
$('#question').remove();

if(questionCounter < questions.length){ var nextQuestion =

createQuestionElement(questionCounter);
quiz.append(nextQuestion).fadeIn();
if (!(isNaN(selections[questionCounter]))) {

$('input[value='+selections[questionCounter]+']').prop('check ed', true);

}

// Controls display of 'prev' button

if(questionCounter === 1){
$('#prev').show();
} else if(questionCounter === 0){

$('#prev').hide();
$('#next').show();
}
}else {
var scoreElem = displayScore(); quiz.append(scoreElem).fadeIn();
$('#next').hide();
$('#prev').hide();
$('#start').show();
}
});
}

// Computes score and returns a paragraph element to be displayed

function displayScore() {
var score = $('<p>',{id: 'question'});

var numCorrect = 0;
for (var i = 0; i < selections.length; i++) {
if (selections[i] === questions[i].correctAnswer) { numCorrect++;
}
 }

score.append('You got ' + numCorrect + ' questions out of

'+
questions.length + ' right!!!'); return score;
}
})();

Output:-
Conclusion:-
project involves a good knowledge of JavaScript and html programming language. We learnt
about html tags, Events.
Dynamic quiz Recognition system Provides the ability of convert into well understandable words
Due to its ability of real time .
Reference:-
www.wikipedia.com