Actions

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'''
 +
 +
[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]

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.

Tags
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]