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.