Documentation
Lesson Progress
Description
The Lesson Progress module enables inserting a ready-made lesson progress bar indicating the percentage progress made in a lesson together with correct answers, checks, maximum score and errors/mistakes. It is possible to enable or disable each of these properties.
Properties
The list starts with the common properties. Learn more about them by visiting the Modules description section. The other available properties are described below.
Property name | Description |
---|---|
Show Progress Bar | Progress bar that shows the percentage progress made in the lesson. |
Show Checks | Shows how many times the user has checked the correctness of given answers. |
Show Correct Answers | Shows the number of correct answers. |
Show Errors | Shows the number of errors made at this time. |
Show mistakes | Shows the number of mistakes made when the activity was being checked. |
Show All Answers | Shows the maximum score obtained in a lesson. |
Supported commands
Command name | Params | Description |
---|---|---|
hide | --- | Hides the module if it is visible. |
show | --- | Shows the module if it is hidden. |
getLessonProgress | --- | Returns lesson progress. |
getLessonScore | --- | Returns lesson score. |
getLessonMaxScore | --- | Returns max lesson score. |
getLessonMistakes | --- | Returns the number of all mistakes made in the lesson. |
getLessonChecks | --- | Returns the number of checks. |
getLessonErrors | --- | Returns the number of errors made in the lesson. |
Advanced Connector integration
Each command supported by the Lesson Progress module can be used in the Advanced Connector module's scripts. The following example shows how it interacts with the Double State Button modules.
EVENTSTART
Source:TrueFalse1
Item:1-1
SCRIPTSTART
var module = presenter.playerController.getModule('Lesson_Progress1');
module.show();
SCRIPTEND
EVENTEND
EVENTSTART
Source:TrueFalse1
Item:1-2
SCRIPTSTART
var module = presenter.playerController.getModule('Lesson_Progress1');
module.hide();
SCRIPTEND
EVENTEND
CSS classes
Class name | Description |
---|---|
.lesson-progress-container | DIV element is the container for the module's elements. |
.lesson-progress-container .progress-bar-container | DIV element is the container for the bar's elements. |
.lesson-progress-container .progress-bar | DIV element containing the progress bar. |
.lesson-progress-container .progress-text | DIV element containing text in the progress bar. |
.lesson-progress-container .progress-box | DIV elements for Correct, Max Score, Mistakes, Checks, and Errors boxes. |
Example
1.1.Lesson progress — progress-bar
.lesson-progress-container .progress-bar {
background-color: #3CC6CD;
position: absolute;
height: 50px;
border-radius: 5px;
}
Demo presentation
Demo presentation shows examples on how to use the Lesson Progress module.