We are among the Top 10 eLearning Content Development Companies for 2017
Share Twitter Facebook LinkedIn Google+

How to Create a Slideshow in Lectora?

Written By

How to Create a Slideshow in Lectora?

Slideshow is one of the interactivity used in eLearning to present content in a better way. We can chunk content as per the requirement and by clicking the ‘back’ and ‘next’ arrows learners can navigate the content. Using the Lectora authoring tool, we can create slideshows very easily by following three steps, – by just assigning actions to the buttons that are in the groups.

Groups play a major role in Lectora. Content that needs to show or hide during the interactivity needs to be grouped. If we don’t group, we will need to write an action to show or hide for all the elements that need to be shown or hidden. This would greatly increase the actions list… If we group the content, then we can show or hide the content in the group with a single action. All the elements should be in a group, as shown in the image below.

As result, all we need to do is go to the Action tab and select the action and assign action to the arrow buttons as click on “show groupScreen_01” or” hide”. All the elements in the group will be shown or hidden in the process.

Group

Create custom design by using images and buttons for slideshows in Lectora. Since slideshows show content that needs to appear in a predetermined order, the content that is made into groups should be given a specific name for easy identification. This helps in arranging pages of the slideshow in correct order.

We can create slideshows very easily by using simple “hide and show” actions. Below are some examples of slideshows which are done in Lectora.

Example 1

Example 2

Example 3

Here are the main steps that need to be followed to create slide shows in Lectora:

 

  • Create buttons and background
  • Chunk content into groups
  • Assign actions

Let me explain them in detail.

Step 1:

Creating Buttons and Background

Create the Arrow Buttons with normal, hover and dull colors and the background of the slideshow by using editing software such as Photoshop.

Up Hover and Visited

 

Step 2:

Chunking content into groups

Create groups as per the pages in the slideshow. For example, if there are four pages, create five groups including the Intro page. Name the groups correctly so as they can be identified easily. See the example shown below:

Group names

Note: Make sure that every group consists of back and next arrows.

Tips to make slideshow more effective:

 

In Intro group back arrow should be dull. In the last group next arrow should be dull.

Group1 and Last group buttons

After designing and making it into groups, we need to assign actions to the buttons.

Step 3:

Assigning actions

Go to the Add menu and from the drop-down list select the Action option.

Add palet

Select the “Next Arrow button in Intro (group) and assign the action as “show Screen_01”. No need to assign action for the back arrow button as it is in the dull state.

(Intro) group. (Next arrow button)

Show Screen_01 and Hide intro action for the next button.

Here is the action panel for the Intro group. (Next arrow button)

Hide Screen 01

Hide intro

(Screen_01) group. (Back and Next arrow buttons)

ShowScreen_02 and HideScreen_01 action for the next button.

Show Intro and HideScreen_01 action for the back button.

Here is the action panel for the Screen_01 group.

 

Show Screen 2

Hide Screen 01

Show Intro

Hide Screen 01

(Screen_02) group. (Back and Next arrow buttons)

ShowScreen_03 and HideScreen_02 action for the next button.

ShowScreen_01 andHideScreen_02 action for the back button.

Here is the action panel for the Screen_02 group.

 

Show Screen 03

Hide Screen 2

Show Screen 01

Hide Screen 02

(Screen_03) group. (Back and Next arrow buttons)

ShowScreen_04 and HideScreen_03action for the next button.

ShowScreen_02 andHideScreen_03 action for the back button.

Here is the action panel for the Screen_03 group.

 

Show screen 04

Hide Screen 03

 

Show Screen 2

Hide Screen 03

(Screen_04) group. (Back arrow button)

ShowScreen_03 and HideScreen_04 action for the back button.

Here is the action panel for the Screen_04 group.

 

Show Screen 03

Hide Screen 04

Table below helps in assigning actions to the buttons.

Next arrow Back arrow
Intro Show Screen_01 -
Hide Intro -
Screen_01 Show Screen_02 Intro
Hide Screen_01 Screen_01
Screen_02 Show Screen_03 Screen_01
Hide Screen_02 Screen_02
Screen_03 Show Screen_04 Screen_02
Hide Screen_03 Screen_03
Screen_04 Show - Screen_03
Hide - Screen_04

Through this procedure, we can easily create slideshow interactivity in a Lectora course.

View Presentation on 7 Tips for E-learning Course Development Using Rapid Authoring Tools

Share
Topics: ,

Subscribe to Our Blogs

Get CommLab's latest eLearning articles straight to your inbox. Enter your email address below:

 
eLearning Learning