This quiz has two process flows - one for the student and one for admin. Both are available in this demonstration. The flows are summarised in the graphic below (created using the HTML 5 canvas element).
a range of subjects in a number of subject groups (created and edited on-the-fly by admin)
four questions for each subject, chosen at random from a pool of up to 6 questions
each question has 4 possible answers, 3 of which (the incorrect ones) are chosen at random from a pool of 4 or 5 answers
the student starts by choosing a subject group and then a subject within that group. For this demo the subjects are artists; the subject groups are the artists' nationality.
the student then enters his/her name and email address
the first question appears, with its answer set. The student chooses an answer. If the answer is incorrect, the answers are re-shuffled and the student tries again, until successful
the time taken to select the correct answer, and the number of attempts are recorded for each question
When the fourth question has been answered correctly, a report is prepared and displayed on a new page. For this demo, that's the end; in the real version, the report would be sent by email to the student and anyone else that is on a pre-determiend list.
It is emphasised that this demo is meant to show the process of producing and operating a quiz of this type. It is NOT meant to be an example of how to present information or how to create questions having multiple-choice answers.
A database is used to store the subject text, questions and answers. An admin control panel is available for editing the database.
The minimum number of questions is 4 (numbers 1-4 inclusive). Questions 5 and 6 may be left blank if they are not needed.
Each question must have 6 answers, of which only one is correct.
All the information created during the quiz is stored in the student's browser using the HTML local storage facility. This allows the student to stop the test part-way through, close the browser, and re-start at a later date.
there is no log-in for this quiz (except, of course, for the admin section)
the email report is in HTML format so that it can be styled.
The 'status' allows items to be hidden or made available to the students, as required.
The script allows an image to be displayed at the top left-hand side of the text window. There is an upload facility included on the edit page.
The quiz in this demo is fully-functional, except that the emailing part has been disabled for security reasons
The admin control panel can be examined but, for security reasons, the database cannot be changed
The quiz has a responsive layout. It is inside a 'container' whose width - for this demo - can be selected from a drop-down list.