Quiz Application using XWIKI,jQuery, Ajax, html5 and css3

Description

This extension Allow you to create a Quiz for users, You can prepare the Quiz, publish it, and let the users start the test, You can view the result of each user

Features

Back-Office

• Create a new quiz
• Add Question to Quiz
• Publish the Quiz
• Display the list of Quiz
• Listing of user Quiz Result
• Display Quiz Macro , in order to integrate it on a wiki page 

Front-Office

• Display list of Quiz
• Choose one Quiz and start.
• Display previous quiz results.

Improvements

• Delete question from Quiz ( if there is no response )
• Result statistics
• Macro to list top 5 of users.
• Improve Selection of Quiz.
• Add a timer once the user start the Quiz.
• Warning popup when user want to leave in mid of his current Quiz.
• Secure the result document once the user finish the Quiz.

Model

 
All the code will be stored on XQuizCode  Space

Quiz

Each Quiz is a document that contains one object of type XQuizCode.QuizClass, and one or many objects of type XQuizCode.QuestionClass, 

• The Structure of QuizClass is the following : quizTitle ( String) , published (boolean )
• The structure of QuestionClass  class is the following :
  XWiki Class Questions : XQuizCode.QuestionClass( title,answer1,answer2,answer3,answer4,answer5,correctAnswer (static list ): That contains the field of correct answer , value can be : Answer1 | ..| Answer5.
  All Quiz documents are stored on XQuiz  space.

Once an Admin user create a Quiz, the quiz will be unblished by default ,The Admin can decide to publish it, once he finish it.

Response

For each Quiz Document, a user can create a response , the result will be saved on a document , that contains an object of type XQuizCode.QuizResponseClass and  one or many objects of type : XQuizCode.QuestionResponseClass , it depends on the number of questions on the Quiz. 

• The  structure of QuizResponseClass  is the following : user ( DBList ),quiz ( DBList ),note ( int ),time ( String )
• The structure of class QuestionResponseClass is the following : questionId ( String ) :obj id of the concerned question , response (String ): That contain the field of correct answer , value can be : Answer1 | ..| Answer5.

All Response Quiz documents are stored on XQuizResults space.

Schema

Screen view

Admin view

• The admin can see the list of quiz, create new quiz and edit a quiz
  

• Once an admin click on a Quiz, he will be redirected to the Quiz sheet

• The admin can modify the Quiz questions and add a new question :
  

• An admin can add a quiz on a wiki page by adding a macro

User view

• The user can start a quiz,you can see here the screen of starting here :
  

• Example of quiz question
  

• Once the user finish the Quiz , the screen below will be displayed :
  

• The user can save , the result on a wiki page :
  

• Listing of user result :