Category: e-Learning

25 Apr 2016

Custom Navigation for HTML5 Output

Hello Readers,

We are back with another experiment.
Sometimes the specifications ask you to do something that is not possible or is very difficult in Storyline 2.

For example, creating a custom navigation that can track progress of slides (not started/visited/completed) needs a hell lot of triggers just to keep track of the slide’s current state.

Here’s an easy solution.

For this sample, We have created an html5 responsive menu that works well on desktop and mobile devices. Being an HTML page with inline CSS, you can customize the menu text and overall look and feel as much as you wish. The progress can also be tracked.

When any menu item is clicked, a java scripts gets triggered and  the Storyline slide automatically changes.

Using this technique you can save a lot of time and save yourself from setting up a lot of triggers. Just embed the web object and your menu is ready.

HTML5 Output:

07 Apr 2016

Adding a Live Chat Box to Your Course

Another addition that can be used with Storyline2.
You must have used “Ask the Instructor” button for forwarding the queries through email in your courses.
In the current example, We have inserted a live chat box through which the queries can be attended instantly. In case the instructor is not available at that time, the query can still be sent to the instructor for comments.
For this we have used services from You can create your own chat box by following the steps mentioned in the example.
Html 5 Output:
14 Mar 2016

New User Interface with Custom Menu that Tracks User’s Progress..

We have Created this interface,  The thing that might interest you guys, is that the menu tracks the user’s progress.
The color of the progress indicator in the menu will change only after the user visits all the interactive elements in the slide/topic, thus making sure that all the contents of your slide has been visited once.
On reloading the course, if you opt to resume from where you had left, the past progress will be reflected in the menu.

Link to published output in flash:

Link to published output in HTML5:
07 Jan 2016

Grabbing The Learner’s Attention

If we have designed a visually appealing and compelling training program. Do you think such training program is enough to glue the learners to their seats? Let us accept the truth that, for a learner our training program is just another training program. He/she will do any or all of the following while taking the training –take calls, chat, check mail, talk to a colleague, wonder how long the training program is going to last, and so on. I am sure everybody has done all these in school/college. So, why should our learners be any different?

Learner’s real world is full of distractions. So, it is very important to grab the learner’s attention. The first event “Gain Attention” out of Gagne’s nine events still holds good in today’s learning environment.

I am a great fan of this “Gain attention” strategy. The first few seconds/minutes of a training program plays a crucial role in deciding its fate. The learner may just leave the training in the middle or click ‘Next’ continuously to complete it. If first impression is not positive, the great ID strategies may just fall on deaf ears.

Gain attention strategy plays an effective role in eLearning. It has the power to increase the motivational level of your learner.

Gain Attention:

  • Arouses the learner’s curiosity.
  • Sets an expectation in the learner’s mind: What’s in the training for me?/ What is the training all about.
  • Makes the learner think about a particular concept: Really?/ No way!/ So true?
  • Helps the learner grasp what is going to be covered in the training.

Basically, a gain attention strategy will build a curiosity in the learner’s mind to see what comes ahead. The learner is actually interested in taking the training program.

We have talked enough about the importance of “Gain Attention”. Now, the question arises “What qualifies as a gain attention strategy?”


The different types of ‘gain attention’ can include:

  1. Pretests: Holds good for learners who believe they know everything and there is nothing more to learn. The objective is to enable the learners to understand where they stand at the beginning of the training program.Example: Before staring the training, let us answer a few questions
  2. Challenge: This holds good for demotivated learners.
    Example: You are a technical assistant. You have several customers who require your assistance. How many customers can you serve in a day?
  3. Problem solution approach: Builds the curiosity in the learner to solve the problem.
    Example: You have been appointed a manager of a team whose performance has been very poor over the past few months. How will you motivate your team and ensure that each member gives his/her best.
  4. Did you know?: Share facts that will really inspire and surprise the learners.
  5. Comic strip: Use comic characters to talk about a particular topic/situation.
  6. Story/scenario: Make the learners understand with a scenario or through characters in the scenario.
    Example: There’s a city where lot of school going children have been missing over the last two months. You being a part of the investigation department, have been assigned this case. You need to go to the city and solve the mystery.

There are several other innovative ways to design grab attention screens. If you have come across any, please feel free to share them.


03 Nov 2015

Current Trends in eLearning

eLearning being an inherent part of technology has evolved greatly over time. The efforts to evolve eLearning are aimed at improving the learners ‘experience. The new trends in eLearning are expected to make the learners’ experience a valuable one. Let us understand what these latest trends are and how they can enhance the learners’ experience.

·        Multi-device Learning
Smartphones and tablets are miniature versions of desktops and laptops. Therefore, whatever you access on the latter can conveniently be accessed on phones and tablets too. Any online training course that you wish to see, can easily be accessed by you on your smart devices. Once this approach is perfected over time, these devices would gain more prominence in the learning sphere because of the effective learning experiences they are able to generate.
·        Gamification
Gamification is the concept of incorporating game like elements and game techniques into the conventional eLearning courses to engage and motivate people to achieve their goals. It has been observed that people when presented with visual aids, retain anywhere between 10% and 30% of the information. However, people, when asked to actively participate in activities or games while in the process of learning, their retention power shoots up to a surprising 90%.
·         MOOCs
Massive Open Online Courses have, until now, been the territory of only top universities. However, in the last few years, MOOCs have become popular with large corporations and organizations as well. In the times to come, we will see many corporations using MOOCs for employee training, future employee training and sharing of knowledge between large companies.
·         APIs (Application Programming Interface)
SCORM and Tin Can come to mind when we think of APIs. These programs have pre-built instructions to allow content to flow easily between different LMS platforms. TIN Can goes an extra mile here by allowing user data collection both offline and online. With this feature, API opens up new opportunities in learner progress tracking.
·         Flash HTML5 conversion

Talk about responsive design and multi-device compatibility and Flash will fail to fulfil the requirements. With a large number of devices coming up, a single build is required as it can perform across multiple devices. HTML5 promises to fulfill this requirement as it can play audio, video, 2D/3D graphics, and animation, all without a plug-in. Also, HTML5 also gives hardware access, offline storage, and supports cloud-based applications.
19 Oct 2015

Rainy Day Background Created Using JavaScript


  Playing with Articulate Again!!  :o)

  Adding an animated background to your course can enhance the look and feel 
  of your interface.

  Below is a sample that contains rainy background, this aint a video that loops 
  infinitely, I have used JavaScript for this effect.

  NOTE: Here I have used the dummy values for the temperature. I would like 
  to convert these dummy values into real ones, so please suggest how to do so.

  Any suggestions will be greatly appreciated.

  Flash Output:

  HTML5 Output:

14 Sep 2015

Locate yourself on Google Map..!!

We know Captivate 9 has come with some unique features. one of them is “Geo Locator”. Our developers being the masters of their field tried this new feature in Articulate Storyline 2 by Java Script and HTML 5.

Try this to find your location.
Note: In the Address bar you will see a shield icon, click on it and then select load unsafe scripts. (The chrome page will reload with all the scripts enabled.) .Use your mobile devices for exact location.


× How can we help you? Available on SundayMondayTuesdayWednesdayThursdayFridaySaturday

DSLR stands for Digital single-lens reflex camera. It has a digital imaging sensor. In this kind of camera, the captured image can be viewed in the viewfinder when the shutter button is pressed. Its shown through the main lens rather than through a secondary lens, so the user knows what has been captured. 

He was a German psychologist who is known for discovering the forgetting curve. According to this curve, the biggest decline in memory happens within 20 minutes, and then 1 hour.