What are the Responsive E-learning Components?

The past few years have seen a huge rise in the e-learning industry. There is a demand for easily viewable content across devices. This makes for a flexible e-learning environment in which the student can learn in many different scenarios.

Adobe Flash has traditionally been the standard technology for rich web content. However, Flash is no longer supported on many of the devices we use on a daily basis and the expectation for rich web contents is ever increasing. An alternative to Flash is needed in creating lessons in an interactive manner. This is where our Responsive E-learning Components come to place.

With Responsive E-learning Components, you can

  • Create your own lessons in richer HTML5

  • Create interactive web experiences more efficiently

  • Show different content on different devices

  • Reuse and modify the content

Responsive E-learning Components enable you to create and edit interactive videos, presentations, games, advertisements and more. Users experience the same rich, interactive lessons on computers, smart phones and tablets alike. You can add exercises, quizzes, interactive videos etc., so that the students can understand the lessons better. By making it easy for professional content creators and publishers to create, maintain and reuse rich internet content, we will empower creators to create richer and better experiences more efficiently.

With Responsive E-learning Components, you can easily create lessons without needing any programming skills. Any teacher or tutor can easily create their own lessons with their own contents. They can just type their lessons and upload images and videos in appropriate fields. The lesson will be created easily and the resultant lesson will look so smooth and beautiful.

The best part is that they can create lessons in an interactive manner. Thus, the students will learn their lessons by doing some interesting tasks interactively. The Responsive E-learning Components are full of fun, and all the students will love to learn the lessons created with these components.

The Responsive E-learning Components are listed below.

Presentation: The basic component on which the other components are placed to create lessons.
Conversations: Place questions and answers in a conversational style with images and feedbacks.
Picture Slider: A simple picture slider with a heading and sub-heading.
Text with Image: Create a page with some text on one side and an image on the other side of the page.
Text with Image at bottom: Create pages with two text areas with an optional image at the lower right side of the screen.
Text with Video: Lesson with a YouTube video and description text.
Click to reveal Text: A component where you will click on images to reveal corresponding texts.
Click to reveal Images: A component where you will click on images to reveal the corresponding images, answers and feedbacks.
Click to reveal Tables: This is a component where you will click on the rows in a table to reveal corresponding answers in columns.
Multichoice Questions: Type 1: This is a multichoice question type where you can select only one correct answer to view feedbacks without having to click any buttons. You can also give hyperlinks to appear in a modal window.
Multichoice Questions: Type 2: This is a multichoice question type where there can be single or multiple correct answers. The feedbacks may appear on the row level next to the answers or in a grey panel at the bottom of the page.
Multichoice Questions: Type 3: A multichoice question type where the user answers all the questions at once and clicks the Submit button to view the correct answers and feedbacks.
Summary Questions: A question type with which you can test the learner’s understandings of a lesson.
Dropdown Questions: The user will select the correct answer from a dropdown menu and view the feedbacks on the grey panel.
Free Text with Feedback: A list of questions where the learner will type the answers and view a better answer and feedback.
Fill in the Blanks: A content type where the learner fills in the missing words in a text.
Match and sort: You can use this component to have your students match or sort the answers by dragging them to the relevant placeholders.
Drag and drop into Image: A content type where the user drags and drops images or boxes with answers into placeholders to check if they are the correct answers.
Drag the Words: In this component, the end user drags a missing piece of text to its correct place to form a complete expression.
Mark the Words: The end user highlights words according to the task description and is given a score in this component.
Dialog Cards: The user flips the cards to find the answer on the other side of the cards.
Flash Cards: These are a set of picture cards where the learner is asked to answer a question related to the card. By turning the card, the learner can reveal the correct answer.
Memory Game: A simple yet beautiful game where users click on each to flip it and reveal the picture on the other side.
Board Game: Users solve puzzles laid out on a board and click level icons to enter a level.
Image Hotspots: When the user clicks a hotspot on an image in this component, a popup containing a header and text is displayed.
Interactive Video: Enrich your videos with extra pictures, tables, hyperlinks and all the available interactive components. Users click on the icons that appear while the video is playing and see the explanations or take some quiz as well.
Timeline: This content type allows you to place a sequence of events in a chronological order. You can drag the scale to go to a specified time and the contents will change automatically according to the time selected.

Any teacher or tutor can create beautiful lessons using the components listed above. There are some more components coming on the way. For a better understanding on how to use these components effectively to create your own lessons, please take a look at the demo page and a mini course created with these components.