How I Created This Interactive E-Learning Course

2018

Free E-Learning Resources

So there you have it through of the Rise Rover demo module. From the Rise perspective, it’s super easy to construct. It’s only a matter of dropping it in, determining the lesson structure, and collecting your content. Just don’t tell your boss how easy it is.

One thing that does really catch your attention in this particular demo is the animated . Screen is covered by gif. I think it looks cool and provides some character to the module. That is a key first step in engaging learners.   You notice animated . Gifs in a number of the lessons.
For the Storyline module, I created a transparent player and got rid of the player features so it sits at the cube and looks like it’s a part of the Rise lesson and not something.

This block gives me the best of both worlds production in Rise combined with custom interactivity from Storyline.   I will do a detailed write up on how I created the 3D Storyline interaction.

If you would like to add content like text to the video block, you’ll need to create a custom block and insert the video like that. That is exactly what I did in lesson 8.
With this lesson, I opted to get a image. I think it anchors the content well. This works best with higher resolution images. It forces your eyes down the page by not needing margins.
First, I’ll have to confess that I did not actually do since Rise did all of the heavy-lifting.   There is 1 custom piece in lesson 6 where I inserted a Storyline interaction. But for the most part, I opened Rise and added my content. Then Rise did the rest.

I leveraged the captions along with the image carousel to supply more info regarding the trip to Mars. This content could be presented in numerous ways, but I like to give the user a way to touch the screen and this is a good interaction type for that.   I increased the size of the caption text.

Lessons 11-13: Inserted Web Sites

Lesson 9: 3D Ride Along with Rover

I wanted to demonstrate a way to create an easy branching structure to direct people to specific lessons. This feature may also be used for simple scenario interactions that were branched.

There are a few methods to insert videos into a Rise lesson. This is the pre-built lesson cube which is full width and contains no content.

Needless to say, a few of the assets are colorful and eye-catching, but I did not create those. I used the data from the NASA website (which by the way is pretty darn cool). Check out what’s in the works for Mars 2020.

What I think really people was how nice the content looks. Part of that is the manner Rise handles lessons and makes everything nice and clean. And the other part is that I had assets from which to work.

This is the lesson which generated the most questions (and will need an additional blog post and tutorial). One of my favorite features is the Storyline block in Rise. In this lesson, I create one slide interaction in Storyline, the 3D Rover, and inserted it in to Rise.

[If you haven’t worked with Rise, here’s a good overview video.]

Lesson 1: The Mission

I created a demo course in Rise to get a workshop. One of my goals with the demo was to show off ways how the blocks work and look and to add content in a project. This produced plenty of questions in the community on how I built it.   So I’ll attempt to answer them here.

I included a disclaimer utilizing the Notes block. It’s a great way to draw attention to important points.

This lesson includes a good deal of features. There is a image gallery. Again, the animated . Gifs pull in you and seem fine. Click on the thumbnail and see the image.
For course developers, this means you can insert all kinds of interactive web content into your Rise courses using web objects and the Storyline block.

Lesson 2: Learn More…

This is a page inserted into Storyline as a web object. And the Storyline slide is inserted into Rise. It allows you to navigate Mars in reality.
Lessons 1 and 2 are the pre-content. The lessons after those are broken into three groups and you’ll notice I used Section Titles to demonstrate those groups.

Lesson 7: Access Mars — Virtual Reality

The trivia section includes two types of knowledge checks: conventional quiz question and one which requires watching a video before answering.

Lessons 10: Free Posters

The Mars Trivia section includes a couple of dividers. One clicks and only holds back information until the consumer is ready. And the other forces the consumer to complete the interaction.

Those animated . Gifs add a good deal of pop.

Like I mentioned previously, the assets in this demo module are from NASA, so they get all of the credit. However, I will add that when you create projects that are e-learning, it is important to have consistency in image quality and the resources.
I added a hyperlink.
This is a method. In lesson 5, I inserted the video for a video block. In this lesson, I inserted custom blocks being used by it. The benefit of this custom blocks is being able to combine more cubes with knowledge checks, and added content, interactions.

This is still another way. In cases like this, the video comes from YouTube so you can move the screen around and it’s also 360. This opens up what you can do with your videos as the 360 video production is becoming more affordable. Look at how inexpensive the cameras are now.

Lesson 3: The Trip to Mars

Just another image gallery. Secretly I just wanted to point to the posters. They are pretty cool. I did use an animated . Gif for the title image.

I attached some additional content and you may download a PDF.
I will do a followup post on the 3D rover interaction in Storyline. Let me know if you have any more questions about this module and go check out all of that content on the Mars website.
I did note that the 3D does not work on my smartphone iPhone 6 (it did work on my Android Pixel 2XL), which is something to keep in mind when adding media content to your courses: be sure to test different devices.

Adding resource links is common. These lessons are will be the URL/embed blocks. As you can see Rise pulls in the metadata from the website to make the connection more interesting. You can turn off if you prefer.

Visual Design

Published at Tue, 07 Nov 2017 11:24:52 +0000

Source: TPD Study Tips Feed