Category: eLearning

06 Nov 2018

2 Player Jeopardy Game in SL360 #209

Hello Everyone,

Created a Jeopardy game for this weeks eLearning heroes challenge #209.

Just like any normal game—this game also has 2 modes:

  1. Single Player Mode: that allows a single player to accumulate the maximum $ amount by answering random questions correctly.
  2. Multi Player Mode: that allows two players to compete with each other and the player with maximum $ amount wins.

Once the player selects the game mode, he will be asked to enter the player(s) name(s) and “Start the Game” button will appear (as shown above).

Based on the mode selection, clicking “Start the Game” button will take the player to the next slide that contains Jeopardy board(s) with various $ amounts.

On selecting any $ amount, a layer pops up with 6 categories, out of which only two (General Knowledge and Inventors and their Inventions) are functional in this sample game.

Both the above categories are linked to their own separate question banks. Each question bank contain 30 questions which are being fetched randomly. These questions are storyline’s default multiple choice graded questions.

In order to increase the difficulty level, added a 15 second timer to each question. The player has to answer within the stipulated time.

In case of multi player mode, the players get a chance to select the $ amount and answer the questions turn by turn.

If the player answers the question correctly, a thumbs up sign pops up and later a tick mark appears on top right of the selected $ amount else a thumbs down sign pops up and later a cross mark appears.

NOTE: Everything in this sample game is developed in storyline itself using Shapes, Variables and Triggers, except the first page, it contains 2 web objects:

  • Jeopardy – Title animation
  • Progress bar.

 

Before you give it a try, check out the below video demo:

Link to Mobile Compatible (Html5) Output: http://bit.ly/2J9Pbrx

02 Nov 2018

Instructional design basics- What, Why and How?

E-learning has revolutionized the approach of learning which has made the process of learning easier. It has simplified and made the learning interesting at the same time. If you are new to eLearning, there is a huge bundle of knowledge that can be grabbed. The course creation and delivery has come a long way in the past decades. Now, the learning styles are blended by using all the possible avenues ranging from brick-mortar classrooms to the digital tutorials. The instructional design plays a crucial role in development of the course in eLearning.

The instructional design is a systematic approach to develop the learning courses and design them accordingly. You can find enough information on the internet about theories, models and approaches towards eLearning. A newcomer has to figure out the useful information from this ocean of the information available.

Starting from the basics of instructional designing, the first step is to make the course effective and engaging by keeping the learner’s perspective in the mind. Here are the basics of instructional design, which can help you to get an idea for developing an effective eLearning course; that can help your learner to understand the lesson clearly.

  • Analyze the audience:
    The instructional designing needs lots of studies and analysis before developing the course. Your primary focus should be the learner, who are going to learn the lesson. Try to understand the needs of the audience and figure out if the need satisfies the development of the course. There are many check-points in the audience analysis such as; if your audience/learner is tech savvy, what experience they holds, age-groups or so on. Knowing and understanding the background of your audience helps the instructional designer in developing the content that meets the expectation of learner.

 

  • Follow the basic structure while creating the module:
    Everyone can develop the eLearning course but the best course can be developed by designing the basic structure of the module. The module should not be designed only for the sake of educating the learner. To ensure that learning process goes smoothly, one should run systematically. It is always a best idea to start with a welcome note followed by instructions on navigation of the course. Don’t forget to mention the goals, objectives for the learners. Avoid complexity of the content as it can confuse the learner and they can quit the course in between. The interactivity add plus points in the course. Add games, assessments, quizzes as it will give a better experience to the learner. Add the instructions on how to go to next lesson and exit the module.

 

  • Gain recognition of the learner:
    To make sure that your module turns out to be successful, add all the interesting elements that will keep the learner engaged till the end. It is a great idea to start a lesson with a short introductory video narrating; what the learner will get from the course.
    Takeaway

 

As the eLearning is totally an online platform, so making your learner comfortable should be the first priority. With the eLearning it should be assured that learner gets the best experience by omitting the complexity of the module. If the module is developed without taking care of the learner, it might be a blunder that an Instructional Designer can commit.

 

Post by: Aman Preet Kaur

19 Jun 2018

Latest e-Learning Trends

The eLearning industry is always changing with the emerging trends and technologies. One can easily notice the thriving change in the learning and it is of no surprise that an eLearning has shifted towards much better ways and is no longer needs to be done 100% in person. Now the question arises is that, what’s next that leads to the rapid transformation in the process of learning. Read out to find some of the latest trends in eLearning.

 

  1. Microlearning: It is learning in small steps. The micro learning is also called as bit-sized learning, which is generally 3 to 5 minutes in length. This can be developed as videos, quizzes or the interactive info-graphics. This type of learning helps to provide necessary information and delivers the specific goals to the learner. So, for the distracted learners, the micro-learning is highly beneficial.
  2. Social learning: As the name suggests, this type of learning helps the learner to share the knowledge with others. The social learning happens via social media platforms or during conferences. In this, learner continues to learner during the discussions. It works as a collaborative work rather than a competitive one.
  3. Personalized learning: In this type of learning, learners are given pre- test and based on its result, they are assigned specific modules, questions and study materials. Each learner gets a specific time and space to go-throw the study material.
  4. Mobile learning: It is also called m-learning. In this, the users learn through smartphones, tablets or the wireless gaming. The best part of mobile learning is that, it can be done anytime and at anyplace.
  5. Gamification: Most of the people gets often confuse gamification with games. But in actual, it is a concept of applying game theory and mechanics in the context. Gamification uses different element such as principles, theories, characters and the player journey. The main goal is to keep the learner engaging solve the challenges.

These were some of the emerging and latest trends in eLearning. Pick up your favorite enjoy the best way of learning.

02 Nov 2016

Find Kick Buttowski- Shuffle Game in SL2

Hello everyone, here’s an example of gamification in e-Learning. The main aim of this game is to improve user’s concentration skills along with providing him information about skateboarding.

Here cute and notorious Kick Buttowski jumps into one of the 3 available boxes randomly and the boxes start shuffling on click of “Start the Game” button. 

The user needs to focus and keep track of the box in which Kick Buttowski is and click it to get him out,

but beware..if the user chooses the wrong box, there is a punishment, yes you guessed it right, the user will have to answer a random question about skateboarding, fetched from a question bank.

The game play is divided into 3 main slides based on the shuffle speed (Normal, Moderate and Insane).

1) Normal – In normal speed mode, the users will have 3 chances to find the correct box and for each correct find they will be awarded 20 points. Just in case a user fails to find the correct box in which Kick Buttowski is, he will be redirected to a random question about skateboarding.

  • On correctly identifying the box in which Kick is: POINTS AWARDED 20
  • On correctly answering the question: POINTS AWARDED 10
  • On incorrect answer : NO POINTS AWARDED.
 
 

2) Moderate – In moderate speed mode, again the users will have 3 chances to find the correct boxes and for each correct find they will be awarded 20 points. In this case the shuffle speed is higher than the normal speed mode and a separate question bank that contains questions of slightly higher difficulty level is used.

  • On correctly identifying the box in which Kick is: POINTS AWARDED 20
  • On correctly answering the question: POINTS AWARDED 10
  • On incorrect answer : NO POINTS AWARDED.

3) Insane– In Insane mode, the users will have 4 chances to find the correct boxes and for each correct find they will be awarded 20 points. Here the users will have to give it their all as the shuffle speed is twice the moderate speed and the question bank contains really difficult questions.

  • On correctly identifying the box in which Kick is: POINTS AWARDED 20
  • On correctly answering the question: POINTS AWARDED 10
  • On incorrect answer : NO POINTS AWARDED.

The maximum score that a user can attain is 200. On completing all levels, the following slide will be displayed:

—————————————–Whats under the hood?——————————————-

  • Used a web object that allows me to shuffle the boxes seamlessly and created variables in JavaScript to bridge the gap between SL2 and JS. 
  • As shown below, I have created 3 Different slides for different speed levels (Normal/ Moderate/ Insane)

  • The blank slides that you see below are used for redirecting to the appropriate speed level.
  • I have created 3 different question banks, 1 for each speed level. All of them have 9 Questions each.
  • Question bank 1 has easy questions for normal speed level.
  • Question bank 2 has slightly difficult questions for moderate speed level.
  • Question bank 3 has very difficult questions for Insane speed level.
  • Every time a wrong box is clicked, a random value is fetched (any value from 1 to 5) and according to that random value corresponding slide with question comes up.

Here’s the demo link: https://goo.gl/iDMrDF

This Example is Inspired by “Find Candies” shuffle game,created by Avinash Sharma.



07 Oct 2016

Accordion in Storyline 2


What if a single accordion bar, holds information of more than one category?



Created an accordion for E-Learning heroes challenge #147, that has buttons on both sides and can be expanded in any order.

Click the link below to check it out. 

HTML5 Output: Click Here

11 May 2016

Weather App in Storyline2

Here’s a sample weather app created in StoryLine2 using JavaScript.
You can check live weather forecast for 3 locations, that are:
  • Delhi, India
  • Paris, France
  • California, USA
Use the menu icon on the top right to switch locations and see the weather report for 4 days.
Click “Today” to see the detailed weather forecast.
Here’s the output : https://db.tt/1umye6PI 
To improve it further, We would like to make the JavaScript interact with the SL2 text boxes, so that the user can enter their own city/region and get the forecast accordingly..stay tuned!!  😛