INDEX

EX.NO DATE EXPERIMENT NAME PAGE SIGNATURE

NO
1 INTRODUCTION
ANALYSIS PHASE
2 IDENTIFYING
PROJECTSCOPE,OBJECTIVES AND
INFRASTRUCTURE
3 SOFTWARE REQUIREMENT
SPECIFICATION
DESIGN PHASE
4 USECASE DIAGRAM AND CLASS
DIAGRAM
5 INTERACTION
DIAGRAMS:SEQUENCE &
COLLABORATION DIAGRAM
6 ACTIVITY DIAGRAM & STATE
CHART DIAGRAM
7 IMPLEMENTATION DIAGRAMS:
COMPONENT DIAGRAM &
DEPLOYMENT DIAGRAM
IMPLEMENTATION PHASE
8 CODINGS
9 SCREENSHOTS
TESTING PHASE
10 TEST CASES AND SCREENSHOTS
11 UML DIAGRAMS FOR SYSTEM1
12 UML DIAGRAMS FOR SYSTEM2
13 UML DIAGRAMS FOR SYSTEM3
14 UML DIAGRAMS FOR SYSTEM4
15 UML DIAGRAMS FOR SYSTEM5
 ABSTRACT

The ONLINE QUIZ is a web application for to take online test is an efficient manner
and time wasting for checking the paper. The main objective of ONLINE QUIZ is to efficiently
evaluate the candidate thoroughly through a fully automated system that not only saves a lot
of time but also gives fast results. For students they give papers according to their convenience
and time and there is no need of using extra thing like paper, pen etc. This can be used in
educational institutions as well as in corporate world. Can be used anywhere any time as it is
a web based application (user location doesn’t matter). No restriction that examiner has to be
present when the candidate takes the test.
 EX.NO: 02 ANALYSIS PHASE
DATE:
IDENTIFYING PROJECT SCOPE & OBJECTIVES

PROJECT STATEMENT:
It is very important to maintain efficient software to handle information of a hospital.
This application provides a way to record this information and to access these in a simple way.
Develop a quiz system to its student in various streams. The system will comprise of a database
containing questions and answers all various streams. The student will be able login the system
through various desktop PCs available in the campus. The student under takes online test, the
must be able to answer the question and get the marks. The students should login username
and password. The quiz will comprise of only multiple choice questions. The student will be
asked 10 questions.
The admin will be responsible for generating the questions and answers for the question
bank. The admin shall enter the moderated questions and answers in the question bank. The
admin shall also manage their student details in the system as part of which necessary login
and password shall be created. The admin can view the performance history of their students
and provide feedback to the student in the system.

PROJECT DESCRIPTION:
This system is most useful for essential part of our lives, providing best medical
facilities to people suffering from various elements. It is necessary for the hospitals to keep
track of its day-to-day activities. The Online quiz is online test in an efficient manner and no
time waiting for checking the paper. The main objective of the ONLINE QUIZ is to efficiently
evaluate the candidate thoroughly through a fully automated system that not only saves a lot
of time but also gives fast results for the system.
PROJECT SCOPE:
This project is used in any hospital, clinic to get the information from the patients and
then storing that data for future usage. Scope of this project is very broad in terms of other
manually checking yourself.

Few of them are:-

-This can be used in educational institutions as well as in corporate world.

-Can be used anywhere any time.

-No restriction that examiner has to be present when the candidates takes the test.

PROJECT OBJECTIVES:
The main objective of this system is to provide current technology that is used to develop
the registry system. Then design and develop a data to contain details of the doctors and
patients. This efficiently evaluate the candidate thoroughly a fully automated system that not
only saves lot of time but also gives fast results. For students they give papers according to
their convenience and time and there is no need of using extra things like paper, pen etc.
SOFTWARE REQUIREMENT SPECIFICATION

FOR

ONLINE QUIZ MANAGEMENT SYSTEM

September 2017

Version 1.0

Prepared By

SHALINI.K
 1. INTRODUCTION
Online Quiz is being launched because a need for a destination that is beneficial for both
institutions and students. With this application, institutions can register and host online quiz.
Students can give exams and view their results. This application is an attempt to remove the
existing flaws in the manual system of conducting quiz.

1.1 PURPOSE

The purpose of the SRS is to fully describe the functionality of online quiz system
identified it also describe non-functional requirements and design control and other factors.

1.2 DOCUMENT CONVENTIONS

FONT STYLE SIZE

HEADING TIMES NEW ROMAN BOLD 16
SUBHEADING TIMES NEW ROMAN BOLD 14
OTHERS TIMES NEW ROMAN REGULAR 14

1.3 REFERENCE

 www.google.com
 www.scribd.com
2. SYSTEM DESCRIPTION
PROJECT SCOPE
The SRS applies to the online quiz system. Initially the project is going to be
implement interact level and later the organization has an idea to upgrade in internet level the
project merit in guide.

OBJECTIVES

The main objectives of the online quiz system is to efficiently evaluate the
candidate thoroughly a fully automated system that not only saves lot of time but also gives
fast results. For students they give papers according to their convenience and time and there is
no need of using extra things like paper, pen etc.
HARDWARE DESCRIPTION

1. Intel Motherboard with Pentium Processor

2. RAM 256MB(minimum)
3. Hard disk 4GB(minimum)

SOFTWARE REQUIREMENTS

1. HTML, JAVASCRIPT
2. Google Chrome

TYPE OF USER

1. Administrator
2. User

2.2. ADMINISTRATOR MODULE

 Login
 User Database
 Student details

3. SOFTWARE REQUIREMENT ANALYSIS

OVERALL DESCRIPTION

The product will take with inspiration auto used system. All the functions provide by
the students and system administrator.

1. Online testing.
2. Random generation of questions.
3. Multimedia representation of question and answer if needed.

4. FUNCTIONAL REQUIREMENTS

The functional requirements define the fundamental actions that system must perform.
It involves main categories such as questioning and answering the given modules. If the
participant doesn’t know the answer at the given time the next question opens and we have to
answer for it. This Management category involves the purpose of providing an online quiz test
to the participant. This kind is repeated until the answering of the 10 questions.

PRODUCT FUNCTIONS

ADMINISTRATOR

Administrator has the ability to register the student to provide username and
password.

STUDENT

Student undertakes online test they must be able to answer the questions and get the
marks. He/ she must have the username and password.

5. SYSTEM FEATURES

The additional features that can be added in this system is:

1. Provide security to student by username and password option.

2. The results will be displayed immediately.

SYSTEM FEATURE

Login

Requirement 1: Name

Requirement 2: Password

Description: The participant wants to login for the purpose of doing an online quiz
test.

6. TECHNICAL REQUIREMENTS (NON FUNCTIONAL)

6.1 PERFORMANCE

The response time of the system is consistently good throughout and user will
not face any inconvenience due to malfunction.
6.2 SCALABILITY
Database will support more number of users operating at once without affecting the
performance of the system.

6.3 SECURITY

Customer service representatives and managers will be able to log in to the hotel
management system. Customer service representatives will have access to the subsystems .

6.4 MAINTAINABILITY
The hotel management System is being developed in Visual basic and shall be easy to
maintain.
6.5. USABILITY
The system is revised and revised periodically for better functionality.

6.6. MULTILINGUAL SUPPORT

The system is designed and characterized in English language.

6.7. AUDITING AND LOGGING

The system admin can check the Total amount Turn over every day.
6.8. AVAILABILITY

The system is open to the users at all times.

7. OPEN ISSUES

The system may leads to power failure, network problem back end connectivity
problems.
 EX.NO: 04 DESIGN PHASE
DATE:
USECASE DIAGRAM & CLASS DIAGRAM

The design phase specifies the overall system structure in a diagrammatic

representation using two types of diagrams namely

1. Static diagram
2. Dynamic diagram

The diagrams which are to be drawn are as follows

1. Use case Diagram

2. Class Diagram
3. Activity Diagram
4. Sequence Diagram
5. Collaboration Diagram
6. State chart Diagram
7. Component Diagram
8. Deployment Diagram
9. Package Diagram
Use Case Diagram:

A use case diagram is a graph of actors, of use cases enclose by a system boundary
communication association between the actors and the use cases and generalization among the
use cases. A use case corresponds to a sequence of transactions, in which each transaction is
invoked from outside the system and engages internal objects to interact with each other. An
actor is anything that interacts with the use case.
CLASS DIAGRAM:

A class diagram is a collection of static modelling elements such as classes and their
relationships, connected as graph to each other and to their contents. This diagram show the
static structures of the model.
 EX.NO: 05 DESIGN PHASE
DATE:
SEQUENCE AND COLLABORATION DIAGRAM

SEQUENCE DIAGRAM:

Sequence diagram are easy and intuitive way of describing the behaviour of a system
viewing the interaction between the system and its environment. A sequence diagram shows
the interaction arranged in a time sequence. It shows the object participating by their life lines
and the messages they exchange, arranged in a time sequence.
COLLABORATION DIAGRAM

A collaboration diagram represents a collaboration, which is a set of objects related in a

particular context, and interaction, which is a set of messages exchanged among the objects
within the collaboration to achieve a desire outcome.
 EXNo:03

DATE: SOFTWARE REQUIREMENT SPECIFICATION

SOFTWARE DEVELOPMENT LIFE CYCLE

RATIONAL UNIFIED PROCESS

The basic workflows in software development life cycle based on RUP are as follows:

 Business Modelling
 Requirement
 Analysis and design
 Implementation
 Test
 Deployment
 Project management
 Configuration and Change Management
 Environment
DELIVERABLES AT THE END OF EACH PHASE

S.NO. Phase Description Deliverables

1. Requirement  The Requirement are  Analysis
Analysis& Project Finalized and the system Reports&
Planning specifications also finalized. SRS
 The Requirements given  Gantt Chart
in the SRS are analyzed
and the reports are
generated and chart is
prepared, these two
documents are and
passed over to design
team

2. Design Phase The design diagrams are drawn There are various
for specifying the system Design Diagrams
structure based on the analysis

3. Implementation The application is implemented The source code

using the design diagrams

4. Testing The application which is Test Plan and Test

implemented using the design Reports
diagrams are tested using the
testing techniques to satisfy the
requirements
 EX.NO: 06 DESIGN PHASE
DATE:
ACTIVITY AND STATE CHART DIAGRAM

ACTIVITY DIAGRAM:

Activity Diagrams illustrate the dynamic nature of a system by modelling the flow of
control from activity to activity. An activity represents an operation on some class in the
system that result in a change in the state of the system. Typically, activity diagrams are used
to model workflow or business processes and internal operation.

yes
Check user Display
name questions
password

No

Answering
questions

Display score

Exit System Quiz

No
STATE CHART DIAGRAM:

This describes the dynamic behaviour of a system in response to external stimuli, these
diagram especially useful in modelling reactive objects whose states are triggered by specific
event.

Yes
Check username,
password Display questions

STATE :Entering STATE: after login

into the Quiz

No Answering questions

STATE : when we
attending questions

Display more

STATE :after
validation display
marks

Exit system More quiz

STATE :learning STATE : after
application completed
more quiz is
displayed
 EX.NO: 08 IMPLEMENTATION PHASE
DATE:
CODING

CODING FOR LOGING IN

<!DOCTYPE html>

<html>

<head>

<style>

.form

height:250px;

width:500px;

position :absolute;

top:60%;

left:50%;

transform:translateX(-50%) translateY(-50%);

background:rgba(255,255,255,0.5);

padding:10px;

border:10px solid #A52A2A;

box-shadow:0 0 20px 5px #2F4F4F;

</style>

</head>
<body style="background-color:pink">

<video autoplay loop poster="polina.jpg" id="vid" style="position: fixed; right: 0; bottom: 0;

min-width: 100%; min-height: 100%;

width: auto; height: auto; z-index: -100;

background: url(polina.jpg) no-repeat;

background-size: cover;

margin: 0 auto; ">

<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm">

<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4">

</video>

<div>

<marquee>

<p style="font-weight:bold;color:BLACK;font-size:70px;text-align:center;text-shadow:0 0
20px 5px #97FFFF; ">ENTER USERNAME AND PASSWORD</p>

</marquee></div>

<hr>

<div style="background-image:user.jpg;" class="form">

<center>

<table>

<p>

<label style="text-align:center;font-size:20px;">username:</label> <input

style="width:250px;height:50px;text-align:center;"type="text" placeholder="usename"
name="username">

</p>
<p>

<label style="text-align:center;font-size:20px;">password:</label> <input

style="width:250px;height:50px;text-align:center;"type="text" placeholder="password"
name="password">

</p>

<p>

<div class="sri">

<form action="fish.html" method="get">

<center>

<button type="submit" value="Submit"

style="width:40%;transform:translateY(5px);height:50px;box-shadow:0 0 10px 6px
#2F4F4F;border-radius:50%;border-size:20px;border-
color:#8B0A50;padding:20px;background:linear-gradient(to bottom, #669933 20%,
#CC0033 80%);" >submit</button>

</center>

</button></td></p>

</div>

</center>

</tr>

</table>

</form></div>

</body>

</html>
QUIZ MAIN PAGE

<!DOCTYPE html>

<html>

<head>

<title>COMPUTER QUIZ</title>

<link type='text/css' rel='stylesheet' href='fish.css'/>

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

Sans"/>

<style>

#start{

background-color: red;

position: relative;

/* Safari 4.0 - 8.0 */

-webkit-animation-name: example;

-webkit-animation-duration: 5s;

-webkit-animation-timing-function: linear;

-webkit-animation-delay: 0s;

-webkit-animation-iteration-count: infinite;

-webkit-animation-direction: alternate;

/* Standard syntax */

animation-name: example;

animation-duration: 5s;

animation-timing-function: linear;

animation-delay: 0s;
 animation-iteration-count: infinite;

animation-direction: alternate;

/* Safari 4.0 - 8.0 */

@-webkit-keyframes example {

0% {background-color:red; left:0px; top:0px;}

25% {background-color:yellow; left:100px; top:0px;}

50% {background-color:blue; left:100px; top:200px;}

75% {background-color:green; left:0px; top:200px;}

100% {background-color:red; left:0px; top:0px;}

/* Standard syntax */

@keyframes example {

0% {background-color:red; left:0px; top:0px;}

25% {background-color:yellow; left:100px; top:0px;}

50% {background-color:blue; left:100px; top:200px;}

QUIZ .JS
(function() {

var questions = [

question:"Which of the following is an advantage of using JavaScript?",

choices:["Less server interaction","Immediate feedback to the visitors"," Increased

interactivity","All of the above."],

correctAnswer:4
 },

question:"Which built-in method returns the length of the string?",

choices:["length()","size()"," index()","none of the above."],

correctAnswer:1

},

question: "Which of the following code creates an object?",

choices: ["var book = Object()","var book = new Object()","var book = new

OBJECT()","var book = new Book()"],

correctAnswer: 2

},

question:"Which of the following is the correct syntax to print a page using JavaScript?",

choices:["window.print()","browser.print()"," navigator.print()","document.print()"],

correctAnswer:1

},

question: "Which of the following type of variable takes precedence over other if names
are same?",

choices: [ "global variable","local variable","none of the above","both of the above"],

correctAnswer: 2

},

{
 question: "Which of the following function of String object is used to match a regular
expression against a string?",

choices: [ "toLocaleLowerCase()"," toLowerCase()","toString()","substring()"],

correctAnswer: 2

},

question: "Which of the following function of String object creates an HTML hypertext
link that requests another URL?",

choices: [ "link()","sub()"," sup()","small()"],

correctAnswer: 1

},

question: " Which of the following function of Array object returns true if every element
in this array satisfies the provided testing function?",

choices: [ "concat()"," every()","push()","some()"],

correctAnswer: 2

},

question: "Which of the following function of Array object returns true if at least one
element in this array satisfies the provided testing function? ",

choices: [ " reverse()", "shift()"," slice()","some()"],

correctAnswer: 4

},

{
 question: "Which built-in method returns the calling string value converted to lower
case?",

choices: [ " toLowerCase()", " toLower()", "changeCase(case)", "None of the above."],

correctAnswer: 1

} ];

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('checked', true);

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(); }

});

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 + 'wrong answers out of ' + questions.length + '
right!!!');

return score;

})();
EX.NO: 09 IMPLEMENTATION PHASE
DATE:
SCREENSHOTS
 EX.NO: 10 TESTING PHASE
DATE:
SCREENSHOTS

Procedures for testing:

Open rational administrator:

Start->All Programs->rational Software->Rational Administrator

Open the project:

Required the page to test the software(Login, AddNew)

New folder:

Create->New Folder In Desktop->Rename it as ‘Your project title’.

In relational administrator:

Right click Projects->New Project

Project Name: Bus

Project Location: Desktop

Next->OK

Password: “It can be blank or Your own password”

Confirm: “It can be blank or Your own password”

Next->Finish

Test assets:

 Microoft access

Next->->Next->Next->Finih

OK->Close
Start Relational Test Manager

OK

+Test plans

Right click test plans->New Test Plan

Name:”Test1”

OK

Double click test1

Right Click Test1->Insert Test case folder

Name : ”Admin”

OK

Right click Admin->Insert Test case

Name: Login

OK

Right click Test1->Insert test case folder

Name: complete

OK

Right click complete->Insert test case

Name: suite

OK

 GUI

Click Record GUI

Name:Test1

OK

Perform operation and press stop symbol

Open “Your test plan”

Right click Login->Properties

Select Implementation Tab->Automated Implementation

GUI-(Rational test data store)

Select

Test1

OK

OK

In the left pane->Execution tab

Right click Suites->New Suite

 Functional testing wizard

Select

Admin->Login

Next

Next

Finish

Press Close Button(X)

Save Changes Yes

Name: Test

OK

Right click suite->Properties

Implementation tab->Automated Implementation

Select->suite->Test

OK
Right click suite->Run

OK

TEST CASE:
 EX.NO: 11
DATE: UML DIAGRAMS FOR FEEDBACK SYSTEM

USECASE DIAGRAM
CLASS DIAGRAM FOR FEEDBACK SYSTEM
SEQUENCE DIAGRAM FOR FEEDBACK SYSTEM
COLLABORATION DIAGRAM FOR FEEDBACK SYSTEM
STATE CHART DIAGRAM FOR FEEDBACK SYSTEM
ACTIVITY DIAGRAM FOR FEEDBACK SYSTEM
COMPONENT DIAGRAM FOR FEEDBACK SYSTEM
DEPLOYMENT DIAGRAM FOR FEEDBACK SYSTEM
 EX.NO: 12
DATE: UML DIAGRAMS FOR EXPERT SYSTEM

USECASE DIAGRAM
CLASS DIAGRAM FOR EXPERT SYSTEM
SEQUENCE DIAGRAM FOR EXPERT SYSTEM
COLLABORATION DIAGRAM FOR EXPERT SYSTEM
ACTIVITY DIAGRAM FOR EXPERT SYSTEM
STATE CHART DIAGRAM FOR EXPERT SYSTEM
COMPONENT DIAGRAM FOR EXPERT SYSTEM
DEPLOYMENT DIAGRAM FOR EXPERT SYSTEM
 EX.NO:07 IMPLEMENTATION DIAGRAMS
DATE:
COMPONENT AND DEPLOYMENT DIAGRAM

COMPONENT DIAGRAM:

Component diagram models the physical components such as source code, executable
programs, user interface in a design. These high level physical components may or may not be
equivalent to many smaller components we use in creation of application.

Student Quiz master

Database
Deployment diagram

Deployment diagram shows the configurations of run time processing elements

and the software components, processes and objects that live in them.

Coordinator

Quiz system

Students Database Admin

EX.NO: 13
DATE: UML DIAGRAMS FOR STOCK MAITAINANCE
SYSTEM
CLASS DIAGRAM STOCK MAITAINANCE SYSTEM
SEQUENCE DIAGRAM STOCK MAITAINANCE SYSTEM
COLLABORATION DIAGRAM STOCK MAITAINANCE SYSTEM
ACTIVITY DIAGRAM STOCK MAITAINANCE SYSTEM
STATE CHART DIAGRAM STOCK MAITAINANCE SYSTEM
COMPONENT DIAGRAM STOCK MAITAINANCE SYSTEM
DEPLOYMENT DIAGRAM STOCK MAITAINANCE SYSTEM
 EX.NO: 14
DATE: UML DIAGRAMS FOR ONLINE COURSE
REGISTRATION

USECASE DIAGRAM
CLASS DIAGRAM ONLINE COURSE REGISTRATION
SEQUENCE DIAGRAM FOR ONLINE COURSE REGISTRATION
 COLLABORATION DIAGRAM FOR ONLINE COURSE
REGISTRATION
ACTIVITY DIAGRAM FOR ONLINE REGISTRATION COURSE
STATE CHART DIAGRAM FOR ONLINE COURSE REGISTRATION
COMPONENT DIAGRAM FOR ONLINE COURSE REGISTRATION
DEPLOYMENT DIAGRAM FOR ONLINE COURSE REGISTRATIN
EX.NO: 15 UML DIAGRAMS FOR SYSTEM 5
DATE:
USE CASE DIAGRAM FOR
CLASS DIAGRAM
SEQUENCE DIAGRAM
COLLABORATION DIAGRAM
ACTIVITY DIAGRAM
STATE CHART DIAGRAM
COMPONENT DIAGRAM
DEPLOYMENT DIAGRAM