2. Step-by-Step Summary of Variable Activity
Alliant Quality Partners, Inc. Chicago e-Learning & Technology Showcase 08/16/12
3. Step-by-Step Summary of Variable Activity
Alliant Quality Partners, Inc. Chicago e-Learning & Technology Showcase 08/16/12
4. Step-by-Step Summary of Variable Activity
What developer sees… Summary of Programming
#1 (blue button) is the trigger that runs the action
groups for showing the images and luggage stickers,
based on questions answered.
#2 (red button) is the trigger that resets the form to
clear out answered questions.
#3 when radio button Airplane is selected, group is
hidden; plane is revealed.
#4 when radio button Cruise Ship is selected, group
is hidden; ship is revealed.
#5 show respective group of images when the
reason for travel is a match (varReason equal to
1,2,3,4)
#6 show respective group of images when the travel
destination is a match (varDestination equal to
1,2,3,4)
Alliant Quality Partners, Inc. Chicago e-Learning & Technology Showcase 08/16/12
5. Programming Variables – Storyboard Example
Let’s say we have an example where the learner is in a course and they are going on a trip… they are talking to a travel agent who is asking them
questions related to their travel. Based on the answers to some questions, we can help them pack their suit case.
Here is a storyboard example…
Variable Initial Possible When this Happens… Set this Value… And Do this… But Only if… Otherwise…
Name Value Values
varReason 0 1 = business meeting Sun Bathing is varReason=2 Show 2 Sunbathing group* Reason is 2 Ask for missing
2 = sun bathing selected information.
3 = sight seeing * group images so that only
4 = hiking one action is required to
show the entire group.
varDestination 0 1 = Hawaii Hawaii is selected varDestination=1 Show Hawaii luggage sticker Destination is 1 Just do it!
2 = New York
3 = Arizona
4 = Seattle
varTravelMode 0 1 = airplane Cruise Ship is selected varTravelMode =2 Show cruise ship image Mode of travel Ask for an
2 = cruise ship selected is answer to the
Cruise Ship question.
Using a simple table like this to storyboard (plan out) your activities can help you THINK through the variables before you program them.
Alliant Quality Partners, Inc. Chicago e-Learning & Technology Showcase 08/16/12
6. Variable Examples Explained
Example 1 We know from the web that radio
User-Defined buttons signify a single selection and
Variables checkboxes imply multiple selections.
This example shows how you In this Lectora example, the radio
can guide the learner down a button group (modes) is used to
specific path by asking them to restrict the learner to one choice.
make a choice, and then using Without it, more than one radio
that information to maneuver button could be selected. The Lectora
the course in that direction. form object (transportationForm)
holds the objects the learner sees.
What the developer sees… What you need to know…
truckActions; planeActions; trainActions;
boatActions are Lectora Action Groups. Each
time a radio button is selected, a series of
actions is executed (see #4).
First the screen is cleared of any previous
selections, and then the variable is asked
(ModVar) to remember the current selection,
followed by their current choice being
presented. Clearing the form first ensures the
learner will always see the results of the current
selection.
vehicleImages is a group that contains the
individual images of each transportation mode.
userChoices is a group that contains the
Lectora Form object (transportationForm). That
form holds the Lectora radio-button group
(modes), which is used to communicate the
learner’s selection by way of actions that are
added to the individual radio. This group also
holds the graphics and text the learner sees on
the screen.
varFeedback is a group that holds the
graphics and text for feedback presented to the
learner when they make a selection. For
example, if they select trucks, the truck image is
presented, along with the text related to that
selection. The action groups and variables work
together to remember the selection and present
the appropriate text/image combination.
Alliant Quality Partners, Inc. Chicago e-Learning & Technology Showcase 08/16/12
7. Variable Examples Explained
The individual radio buttons trigger
the programming actions in Lectora.
When a radio button is selected, the
action linked to that button is
executed. If your programming calls
for more than one action, you must
use an action group to execute the
string of actions (if the trigger is a
radio button).
This example executes an (action
group) triggered by a radio button.
There are at least 4 other ways this
activity could be programmed in
Lectora:
1. Display each mode as a text
hyperlink (links can trigger one
action so an Action Group is
required if multiple actions are
needed).
2. Display each mode as a labeled
button and attach as many
actions as you wish to the button.
3. Display each mode as an image
and attach as many actions as
you wish to the image.
4. Display each mode as text,
format the text to LOOK like a
link, lay a transparent button
over the text and attach as many
actions as you wish to the button.
Alliant Quality Partners, Inc. Chicago e-Learning & Technology Showcase 08/16/12
8. Variable Examples Explained
An Action Group is a series of actions that are grouped together.
When the group is called the actions are run in the order they are
listed in the group.
The actions in the Action Group must be placed in their proper
order; first come, first run!
This example sets the value of our variable (_varMode) to
TRUCKS! When the truck option (radio button) is selected. The
same variable can be used for the other three options…
remember that variables can be reused.
Alliant Quality Partners, Inc. Chicago e-Learning & Technology Showcase 08/16/12
9. Variable Examples Explained
Conditions can be placed on actions
if you don’t want the action to be
carried out unless the condition(s)
are true…
In this case we want to show the
value of TRUCKS! if _optionTrucks
was selected.
Two variables were used to create
this interaction; varValue and
_varMode.
We set the value of _varMode to
TRUCKS! and we modified the
variable
Alliant Quality Partners, Inc. Chicago e-Learning & Technology Showcase 08/16/12
10. Variable Examples Explained
Example 2
Reserved Variables
This example demonstrates how you can use Reserved
(predefined) variables in your e-Learning.
As shown here, reserved variables include the current date
and time, which platform the learner is using, how many
pages are in the course, etc.
What the developer sees… What you need to know…
In most cases, you can use the Change Contents action in
Lectora to easily change the content of a text box to the
value of the reserved variable.
The Action Properties displayed below defines how our
Reserved Variable sample page is programmed to show
the current date, current time, user platform, page count
and current page name.
Alliant Quality Partners, Inc. Chicago e-Learning & Technology Showcase 08/16/12
11. Variable Examples Explained
-- end of document --
Alliant Quality Partners, Inc. Chicago e-Learning & Technology Showcase 08/16/12