My entry for Articulate’s E-Learning Heroes Challenge #344 – Using Learning Journals in E-Learning, is a scenario-based demo called Restaurant Management Training. To view the demo, click the image below.
In this course, the learner can take notes and reflect on their learning in an online learning journal.
Print the Journal by Using JavaScript
At the end of the course, the learner can either print or save their notes by clicking an icon. This is done by adding some JavaScript for Storyline to execute:
var player = GetPlayer();
var header = “Learning Journal~~”
var args =(
“Name:~~” +
player.GetVar(“Name_TextEntry1”) +
“~~Initial thoughts:~~” +
player.GetVar(“TextEntry2”) +
“~~Reflection:~~” +
player.GetVar(“TextEntry3”)
)
var url = (“print.html?=” + header + args);
window.open(url,”_blank”,”width=800,height=600,menubar=no”);
A customized logo has been included in the published output file. This is what the notes will look like when saved or printed:
Authoring Tool: Articulate Storyline 360
🙂 It’s my retweet! That was such a cute animation, Dani!
Thank you, Matthew–I really appreciate it!
Hi Tracy – Great work. How did you pull the custom logo in the eLearning file?
Hi Simon, thank you! This example was created a few years ago, but I can see that I created a “print.html” file that I included in the published output folder. There is code in that file that pulls the custom logo that I created in PowerPoint – logo.png (I also included that in the published output file). If you right-click on the page that appears when you click the print icon, you can see the code involved by choosing Inspect, then Sources, then looking for the code. It’s the same principle that I used with the free print certificate example that you can view and download here: https://tracycarroll.net/free-print-certificate-template/