Lectora is the authoring tool I recommend most highly for e-learning when there is a lot of content on the screen. It is also recommended for users with low Internet bandwidth and for the ease of translations. It is very easy to develop Flash interactivities using Adobe Flash and integrate them into Lectora, but the concern here would be loading of Flash interactivities which could create problems for learners.
But Lectora’s amazing tool called “Actions” helps to develop engaging and interactive activities with small file size and no programming skills needed.
In this blog, I would like to explain to you the step-by-step process of developing engaging and interactive activities in Lectora on the assumption that you have a very basic knowledge of Lectora actions and objects designing.
Step 1: Here is the Interactivty page with title and instructions text. Please create the design based on your requirements.
Step 2: Create Tabs as mentioned below. You can place the tabs vertically, if needed.
Step 3: Create respective content for each tab and group them as mentioned below. It is very simple to add Actions if you group the objects for each tab separately and give group names. Each group will consists of a highlighted state tab.
Step 4: By default, the Groups will be in visible mode. You need to set initially visible “False” by deselecting the Check box for “Intially Visible” option for all the groups objects.
Step 5: Now you need to add Actions for each button as mentioned below.
Step 6: You can set up the actions to show/hide a particular group on mouse click. Here is the action for “show.”
Step 7: Here is the action for “Hide.”
Step 8: Login to create the Click on Tabs functionality. On each tab button, you need to add these actions:
- Add actions to hide all the groups.
- Add action to show respective groups.
When you click on a particular Tab, initially all the groups will be hidden and the last action will show the respective Tab content. Similarly, for all the other Tabs buttons.
You can check this video for better understanding:
Also, download the example source files from the following link: