Quiz Template overview

There are some new templates added on Seattle Clouds website, one of them being "QuizTemplate".

The following steps will help you create your Quiz application:

• Select QuizTemplate from Templates page.

• Choose "Use This Template" and get the name for your application.

• Now you can start to edit the content of your Quiz:

  
  

1. Quiz template as basics uses two page types "Quiz Question" and "Quiz Feedback". Both are used to make a question and holds the answer which will be shown on "Result" page.

   • "Quiz Question" page contain inside the question itself with answer to choice. This page represent a kind of menu page with specifically items configuration. Each item contain link to next page in Quiz flow and additionally developer should specify value of answer parameter(ex: a1 = correct, a2 = incorrect ): "correct" or "incorrect".

     
     
     Now you can edit this page and choose correct answer:
     
     
     
     
     
     
     
     
     
     
     
     
     where:
     
     Question1FB.html - next page which represent a feedback for current question
     a1 - represent an unique identifier(parameter) for the first question page.
     
     
     NOTE: for each Quiz Question page we have to identify a unique identifier(parameter) to hold response to this question (ex: a1, a2, ..., aN). Very important thing that this variable should be used in each menu item link ( a1=incorrect ). This parameter in our case should have one of values: "correct" or "incorrect". We can add more parameters for each page if we need.

   • "Quiz Feedback" page content represent a short description or hint related to previous question.

     
     
     
     
     
     Now you can edit this page and choose "Drag/Move page elements" option:
     
     
     
     
     
     
     
     
     "Continue" button link to next question page href="Question2.html"
     
     where:
     
     Question2.html - name of the next Quiz Question page
     
     
     NOTE: Even if user entered the page(Quiz Feedback page), he can go back on previous question and change his answer.

2. Repeat previous step for each question of your Quiz.

3. Last Quiz Feedback page should link to Results page.

   
   
   
   
   where:
   'jobject.a1' - a1 represent variable to hold answer from the first Quiz Question page.
   
   NOTE: In same way we proceed with all questions from Quiz to show the results.

4. There is an option "randomize pages"

   
   NOTE: If this options is enabled, every time you start quiz test the questions will be in a random order. This option can be set from 'Dashboard -> App Settings -> Enable randomize pages'