Multiple choice

From Darkan docs
Revision as of 10:04, 10 November 2017 by Admin (talk | contribs) (Created page with " This exercise can be used in most cases. This will allow us to visualize the level of knowledge acquired in our training. It consists<br/> of selecting several answers t...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

This exercise can be used in most cases. This will allow us to visualize the level of knowledge acquired in our training. It consists
of selecting several answers that will be valid.

The first step is to add a text field to our question:

Mc0.png

Select the Quiz tab on the left side of the screen, then select multiple choice.

Mc2.png


On the stage we see an additional window containing 2 responses, checkboxes which we can mark the "submit" button, and the grey  
menu button with a “list” icon.

Mc3.png
We are going to edit the content of our quiz:

Mc4.png                        


We see the following:

  • The checkbox located to the left of the text field with a question specifies the correct answer.
  • text boxes for answering questions
  • "Red X" - a button to clear unnecessary answers
  • "Black +" - allows you to freely move text fields within the quiz window
  • + add a new answer - we add another reply.
  • The "confirm" button allows us to complete the test.

However, these are not all settings we have - the majority of exercise settings are in the "Properties" tab and look like this:

Mc5.png


We see a number of settings responsible for:


Basic settings:

  • After unchecking the "Mark questions" option, we will not see the test / disapproval icon at the top of the answer panel.
  • multi choice - the function allows only one correct answer.
  • Turn on feedbacks - Disables the informative text box
  • about the correct answer
  • Mark anwsers - means the answer
  • Show submit - allows you to hide the "confirm" button so we can use our own button located anywhere in the scene.

Feedback:

  • After the correct answer, we define the content of the displayed message
  • After the incorrect response, we specify the contents of the message displayed

properties

  • Font size determines the font size


After complete configuration exercise properties we add the answer, select the correct answer, we can also change
the location of the response.

Mc6.png

Mc7.png


As you can see the color of the text field of the question as well as the response screen significantly. We can differentiate
from each other by using the "ready styles" tab in the bottom panel.

 

Mc8.png

 

We choose the theme we like, and the colors of our field change accordingly with what we chose. It is worth noting the four
windows to the right of the finished styles. With these windows we can freely change the color of individual elements 
of our window

            Mc9.png
                                               

  • The first window is responsible for the background color
  • second color font
  • the third specifies the color of the "confirm" button
  • fourth font color of the "confirm" button font


If the proposed color schemes do not suit us, we can create your own compositions using them.

                                    Mc10.png                                               


By using the tool above we will make minor modifications - we will use the external browser plug-in "colorzilla", which
will determine the color of our header and the same color we will use in the reply window. Both of our windows now look like this:

 

Mc11.png

 

As you can see both panels are colored close to each other, the font In the answers field is not very readable, We go back
to the bookmarks ready styles. And with 2 windows we change the font color.

Mc12.png
                                        

Coloring has been standardized, the content of windows is fully legible. It is clear, however, that the scene is "empty" - we will
use ready-made styles and add the background that will fill our scene. We will also use the graphics of any character,
so we will revive our presentation:

Mc13.png

As you can see the color scheme of the scene fits to look much more interesting, but we have a lot of room to develop, so we will
increase the header, we will change the position of the answer window slightly.


The last step in our work is to check that the exercise is working properly. For standard settings, after giving the correct answers,
we will see:

Mc14.png


Wrong answers will be presented as follows:

Mc15.png