Storyline: All About ROI - E-Learning Examples

Principal, Global Products Learning Experience Design

This example uses animation and audio to create a sophisticated e-learning tool to help learners get a better grasp on Return on Investment (ROI).

Explore this project.

13 Comments

Marti Jordan

almost 4 years ago05/05/20 at 5:27 pm (UTC)

I am new to e-learning. I understand how the slider works now, but not how you incorporated actual calculations. Please advise. Also, what I love is using narration to explain what to do before allowing the learner to do it themselves to increase their learning. GREAT JOB, Mark.

L'Oreal Battistelli, MSIDT

almost 4 years ago05/05/20 at 7:01 pm (UTC)

Love this! Thanks for sharing!

Chris Rogers

almost 4 years ago05/06/20 at 12:29 pm (UTC)

Mark, this is very engaging. Thanks for posting. Can you share your Storyline file?

Mary Clark

almost 4 years ago05/06/20 at 2:28 pm (UTC)

Hi Mark, This is great! I'm interested in the Storyline file too.

Pauline Sebestyen

almost 4 years ago05/06/20 at 5:00 pm (UTC)

Thanks for posting this great interaction. Could you share the Storyline file please?

Bob Mansur

almost 4 years ago05/07/20 at 3:18 pm (UTC)

Very nice work here, Mark! I'm as curious about the steps you took to create the calculations as I am impressed by the actual product you've developed. Were you able to do this with existing Storyline features or did it involve additional coding?

Ildar Akhmetov

almost 4 years ago05/09/20 at 12:40 am (UTC)

I assume some simple JS was involved in this to re-calculate all values on the slider move. Excellent example, thanks!!

Mark Weingarten
Author

almost 4 years ago05/18/20 at 10:46 pm (UTC)

Hi, Everyone! Apology for the delay - my notifications don't seem to be working well. Unfortunately, I am not able to share the Storyline file, but I can share the javascript (see below) used in the calculation portion. It's fairly straightforward, but feel free to reach out with any questions. var cost1 = 0 var ret1 = 0 var top = 0 var r1 = 0 var player = GetPlayer(); cost1 = player.GetVar("cost1"); ret1 = player.GetVar("ret1"); top = ret1-cost1 r1 = (top/cost1)*100 var r1rounded = Math.round(r1); player.SetVar("r1", r1rounded); This is triggered when either slider is moved.

Tzipora Katz

almost 4 years ago05/27/20 at 6:39 pm (UTC)

Thank you for the script! This will save some serious time.

Kate Hargreave

almost 4 years ago06/02/20 at 12:59 am (UTC)

This is fantastic! I've not only seen a great way to present information and move it around- but I've accidentally learned how to calculate ROI!

Jana Godwin

almost 4 years ago06/02/20 at 8:14 pm (UTC)

This is such a great way to demonstrate a complex idea! I really love the drag and drop scenario with the detailed text from a report and then plug in the numbers.

Tomiko Karino

almost 4 years ago06/09/20 at 8:00 pm (UTC)

Hi Mark, Thank you for sharing a great course! I want to ask a few questions. 1. Did you use Storyline 360, or other version? 2. Which template did you use? Our client like your course for its simple navigational design and the fact that the main course frame expands almost to the entire browser window. If I could, I would like to use the same template to achieve the same visual result. Thank you in advance.

Mark Weingarten
Author

almost 4 years ago06/14/20 at 1:51 am (UTC)

Thanks everyone! Tomiko, to answer your questions: - I did use Storyline 360. - I built it from scratch without a template. - Regarding the browser window, here's a link with lots of info on publishing settings: https://community.articulate.com/series/articulate-storyline-360/articles/articulate-storyline-360-user-guide-how-to-change-the-browser-settings-and-player-size Hope that helps!