User notes that they can print and email
Dec 10, 2013
Hi all. I built a course earlier this year that contains a "notes" function to allow users to take a moment to reflect and type their thoughts on certain questions. This is used in place of a typical multiple response/choice type question. Thought I'd share it here with you!
Here are the files:
Screenr Part 1: Demonstration - https://player.vimeo.com/video/204928444
Screenr Part 2: How It Was Built - https://player.vimeo.com/video/204928450
Storyline Source: https://bit.ly/3Kd96as
Published Output: https://bit.ly/3Z0hj5X
Cheers!
Stephanie
236 Replies
What a great project, Stephanie. Looking forward to learning how you designed the email functionality.
Thanks so much for sharing your work with the community.
Stephanie - Wow! This is amazing! I was looking for exactly this type of functionality on a project I worked on a few years ago... and certainly did not come up with this elegant solution.. I had to do some other workaround that was nowhere near as cool and streamlined. Looks and functions perfectly. I love it!!
Yes, thank you Stephanie. This gives me some ideas (and code) for some reflective thinking activities in our nursing courses.
Russ
Stephanie, this is brilliant. Thanks for sharing.
Thanks for sharing the great resources!
Awesome... I am humbled by your mad javascript skills
Thanks for sharing!
Very Elegant design Stephanie. Thanks for sharing the source files and the screenr.
Thanks for sharing Stephanie,
I really like your design and your skills of JavaScript
thx
Thank you very much for sharing this is wonderful. It looks amazing I have been searching for a way to collect notes in Storyline for a while now.
Michelle
Uh..WOW! Stephanie, you never cease to amaze me. This is brilliant!!!
Stephanie,
Your work is always inspiring and your generosity on this project exceptional. YOur next book should be on the use of javascript in Storyline!!
Many thanks and Happy Christmas.
Sam
Wow! This is fabulous, Stephanie! I have been trying to figure out a way for students to submit short/essay answers in a format that could be easily marked by teachers (http://community.articulate.com/forums/t/40935.aspx ). This could be the answer. Thanks for sharing!
I love this! Great work, Stephanie!
Wow, thanks for sharing! Great work, congrats Stephanie!
Love it Stephanie!
Question about JavaScript: does that work equally well when published in Flash and HTML5? And in all browsers? And how did you get the elevator doors to open, but not disappear altogether? I'm looking through the .story file and I can't figure it out...
Awesome work Stephanie, just one more thing, Is there any idea that we can use to print certificate or complete slide output like print screen and print to PDF or whatever.
Thanks for sharing.
This is terrific. I was just recently looking for a way to add a notes tool in a Storyline course. I know Adobe Captivate 7 has a Notes Widget. This would be wonderful out-of-the-box functionality for future versions of Storyline in my opinion
This is such an elegant way to help the learners be more engaged. Thanks!
I love reflective learning - this is a terrific tool to help learners examine their own way of thinking! Great work, I will definitely be borrowing this! Thanks!
The java code alone is going to save me so much time... and I love the elevator concept! I might have to borrow that too.
Email worked like a charm in both google chrome and I.E. 9.
However, the print function only worked for me in chrome. In I.E.9 the window opened with the notes and the print button but the button did not function.
This is really very helpful. Thanks Stephanie!
Great idea. We're looking at using this in a project we're working on and I can't wait to start building it in. I think we're going to try and edit in an email address so the user has to send it to the address we put in. Thanks for the tutorial.
Stephanie this is super fantastic and so very generous.
As I said on the Screenr page (part 2) your technical and teaching skills are phenomenal. I remain a fan
Can anyone help me with some coding? I'm trying to get the date to appear in the email, but I keep getting a null value. I am a novice on JavaScript, so any help would be appreciated. I suspect it has something to do with the case-- in this script the case for systemDate is as so, but on the script to generate the date it's "SystemDate". However, whenever I try to change either one, I'll close the JS edit window and it won't save my JS edit (meaning, I'll change the systemDate below to SystemDate to match what's in the other code, and it'll revert back to systemDate when I close the JS edit window.) Do I have a ghost?
var player = GetPlayer();
var email=player.GetVar("email");
var subject="Educator Effectiveness Step 2 Completed";
var name=player.GetVar("name");
var date=player.GetVar("systemDate");
var mailto_link='mailto:'+email+'?subject='+subject+'&body='+name+" has completed the Educator Effectiveness Step 2 online module on "+date;
win=window.open(mailto_link,'emailWin');