Is there a way to increase the attention of the learner, as they go through their online courses? Well, one solution is by developing an eLearning course with an attractive course Graphical User Interface (GUI) that is relevant to the subject.
As most of you know, Captivate 6 offers a great feature called Advance Actions. Using these actions, we can easily develop an interactive eLearning course with our own GUI. These actions can be used with system and user variables, as also in association with text entry boxes, mathematical expressions, quizzing and widgets. Advanced actions can provide endless possibilities and turn a course from ordinary to interactive.
Here, I would like to share with you how to customize a course GUI using Actions in Captivate 6. Let’s see the step by step process:
Step 1: First, design course GUI as per your requirement, using any multimedia software such as Photoshop or Flash or Illustrator. Once your designing part is over, crop and save each design element of your course GUI (such as Banner, Next, Back, Menu, Audio On/Off buttons, bottom design etc….)
Step 2: Now go to Captive 6 and give the same dimensions to your course that you have given for the course GUI design. Import the design elements of your course GUI into the course and align them properly.
Note: If you import your course buttons as “Smart Shapes”, then you can view them throughout the course; or if you import them as buttons, then you can view them slide wise. All the buttons should be placed and displayed on the first page of the course.
Step 3: Once you are done with the alignment, you need to give Actions to your course buttons. In the next step I will explain to you how to do this to a Play/ Pause button.
Step 4: For Play/ Pause buttons, you need to place the Pause button layer above the Play button layer. Now open the Play/Pause buttons Properties window and provide the properties as shown below.
Step 5: Create a variable called Play (you can give any name to your variable, but it should be identifiable) for further actions. To create a variable go to Project in the Menu bar and then select Variable option from the drop down list.
Step 6: Select the Pause button, go to Executive Advanced Actions. Select the Conditional actions from the action type. Name the action with the specific name. Select the variable Play from the variable type, select not equal to from comparison type. Select 1 from the literal variable. Update the script and close the action window.
Step 7: Open the same Action and give the actions for the button as shown below. After adding the actions click on the Update button.
Step 8: Reopen the above mentioned Action and delete the play action from the IF condition, since it restricts the user to reuse the button. See the image below for the clear picture.
Step 9: For the Play button, you can copy action from the Pause button and give the actions as shown in the image below.
I hope that you find the steps are useful to customize your course GUI.
Subscribe to Our eLearning Development Blogs
Get CommLab's latest eLearning articles straight to your inbox. Enter your email address below:
Final quiz is the last part for an e-learning course and a good learning strategy. Learners should attempt the quiz in order to complete the training program successfully. And, feedback should be given for individual questions in the quiz to reinforce learning.
Consider a scenario in which the options for the question and feedback for the options have heavy content and learner cannot see the question and selected choices while viewing the feedback. As we cannot chunk the content of the options and feedback, we should make the pop-up ‘dragable’ so that learners can drag it aside and read it.
Articulate Storyline comes with a rich media player which can be used to run audio and videos, very effectively. However, player controls such as audio volume, play/pause, progress bar and replay ‘pertain’ to the entire slide. For instance, when you click replay, the whole slide will be played again.
Articulate Storyline can be used to perform a wide variety of calculations. In this blog, I will explain how to compute cumulative average (a weighted average based on the points obtained in all the units in a course) using this rapid authoring tool.
Adding videos to e-learning courses helps learners retain information better. Articulate Storyline provides 3 options to insert videos into e-learning courses, by default. In this post, I will explain how we met a client requirement pertaining to insertion of videos.
A client asked us for a requirement that their courses should have only online videos and the entire course should be developed using Articulate Storyline. We can meet this requirement using the Video from Website option of Storyline.
Articulate Storyline is a wonderful authoring tool to develop interactive and engaging e-learning courses. According to a survey conducted by the E-learning Guild in 2013, Storyline is the preferred choice of most e-learning developers. However, this powerful tool has some limitations.
Recently, we met an interesting requirement from one of our clients. The client wanted to develop a course having 3 modules. The learner needed to answer a quiz at the end of each module. The client wanted to display the score for each of the modules as well as the average of the 3 scores. We can meet this requirement easily using variables and triggers. But, the client wanted to display them in a separate window, ‘outside’ the Articulate Storyline environment (without the tool’s GUI) and print them.
Articulate Storyline is a rapid authoring tool which can be used to create courses on variety of topics – from food safety to financial accounting. Storyline is simple to use, and it easy to perform complex calculations using triggers.
Recently, we were asked to create a course on accounting which explained how to calculate the monthly savings of an employee. Let us see how we used Storyline to compute the savings.
Progress bars in e-learning courses are used to show the learner how much of the course he has completed.. Articulate Storyline, by default, doesn’t have an option to add progress bars. However, we have progress bars for individual slides. We can add a progress bar for an entire course in Articulate Storyline either by placing objects within the GUI (which consumes more time) or developing a HTML progress bar and inserting it as a Web Object into the course.
Given below are the steps to add a customized progress bar in quick time to your online courses.
Last evening, I had to cook dinner for my guests. I had some of the ingredients in the fridge, some in the shelf, some were in the bag that I just bought from the market, and the vessels were in different sections of the vessel rack. While cooking the first dish, I started running around for ingredients every time I needed one. I thought I will not be able to complete cooking before my guests arrived. Before cooking the second dish, I gathered all the necessary ingredients at one place. After completing, I noticed that the process for cooking the second dish went quite smooth and took less time than the first.
According to a survey conducted by E-Learning Guild in the year 2013, Articulate Storyline is the most frequently used authoring tool. It’s because Articulate Storyline is very easy to use and comes with many in-built interactivities.
Articulate Storyline has a wide range of features such as triggers, motion paths, eyedropper tool, animation painter etc. Its default features help online course developers create a course in quick time. It enables you to design a customized GUI (Graphic User Interface), in order to make the job of GUI designers easy.