Difference between revisions of "Flow"
From Future Skill
Line 32: | Line 32: | ||
''Note that all tags are requried, but if for example [hint] or [explanation] is left empty they will not render in the flow.'' | ''Note that all tags are requried, but if for example [hint] or [explanation] is left empty they will not render in the flow.'' | ||
+ | |||
'''Example of a quiz''' | '''Example of a quiz''' |
Revision as of 11:01, 18 September 2024
A flow is an overlay that is displayed before the user attempts an exercise level. This flow should typically contain an overview description of the level with some images, quizzes, and/or interactive canvas.
Tags
Quiz
A quiz is a quistion/answer section that the user can interact with and get either right or wrong.
Name | Description |
---|---|
quiz | The main wrapping tag |
question | The question that is prompted to the user |
hint | A hint to the user that can help it if needed |
explanation | A more detailed explanation of the question's context |
option-correct | The correct answer to the quiz |
option | An incorrect answer to the quiz |
feedback-correct | The text that is shown to the user if it answers correctly |
feedback-incorrect | The text that is shown to the user if it answers incorrectly |
Note that all tags are requried, but if for example [hint] or [explanation] is left empty they will not render in the flow.
Example of a quiz
[quiz] [question]What is the main operation performed by Bubble Sort?[/question] [hint]Consider what happens after a comparison shows two elements not in order[/hint] [explanation]Swap is the action of switching the position of two elements which are not sorted.[/explanation]
[option-correct]Swapping[/option-correct] [option]Merging[/option] [option]Insertion[/option] [option]Splitting[/option]
[feedback-correct]Good job![/feedback-correct] [feedback-incorrect]Almost there[/feedback-incorrect] [/quiz]