Documentation

Lesson Progress

Description

Lesson Progress enables you to insert 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 a lesson.
Show Checks Shows how many times a 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 Addon.
show --- Shows the Addon
getLessonProgress --- Returns lesson progress.
getLessonScore --- Returns lesson score.
getLessonMaxScore --- Returns max lesson score.
getLessonMistakes --- Returns the number of all mistakes made in lesson.
getLessonChecks --- Returns the number of checks.
getLessonErrors --- Returns the number of errors made in a lesson.
## Advanced Connector integration Each command supported by the Lesson Progress addon can be used in the Advanced Connector addon's scripts. The below example shows how it interacts with 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 being container for Addon elements
.lesson-progress-container .progress-bar-container DIV element being container for bar elements
.lesson-progress-container .progress-bar DIV element containing progress bar
.lesson-progress-container .progress-text DIV element containing text in 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 addon.