Learning Journal In Rise

I would use either an Interactive or Multimedia (embedded) block option.

Hi, Mike,

I have been using the script to email a Learning Journal in a Rise course. Could you help getting the email address populated into the "TO" field in the message that pops open in the email client (after selecting the Email Learning Journal button)? 

Yes this definitely still works! Our medical students are using it in 9 different Rise courses that were developed. 

What are you seeing instead? Can you show us?

My buttons where not looking like "buttons".  I noticed the file was downloading as a .txt file and not a .css file. Added the correct extension and now it works! :)

This is the exact type of interaction I have been looking for in Rise! Is it still relevant/doable? I tried the other day and couldn't get it to work. I would LOVE Articulate to make this an interactive block option.

We have taken a slightly different approach to this problem, choosing to incorporate 'note-taking' Storyline blocks at various points throughout our RISE courses. The Storyline blocks capture the learner 'notes' and, like Mike's excellent solution, we store them in the browser's local storage.

At the end of the course we have a final Storyline block that provides a button executing a JavaScript routine to retrieve the notes from local storage, open a pre-formatted pdf form and insert the notes into this 'journal' or 'course handout'. The learner is then presented with the file for download.

https://demo12.profilelearning.com

This works well but, of course, since the variables are stored in 'local storage' the learner will lose their output if they pause the course and clear the browser cache, or try and resume using a different browser, or a different device.

Like Becca, we would also LOVE Articulate to provide just a small amount of storage we could access on the RISE server so we could store variables there.

I am not sure if I ever shared this.  But I use Storyline blocks in RISE as well with some javascript code for the learner to print their notes. If this helps anyone here is an example.  I don't know javascript, I just taught myself via google how to do bullets and quotes.

Hi Teresa - I love your demo. I like the way you retrieve the variables, and construct a page view of the notes to Print or Download. Pretty impressive HTML and Javascript coding I would say.

Forgive me if I'm missing something, but I'm presuming this works just at one point in the RISE course? Or are you storing the three TextEntry variables somewhere?

This is the difficulty. Often you want to capture notes at different points in the RISE course but hold them all to the end of the course when the Learning Journal is printed, Hence Mike's use of local browser storage in his solution.

There is another option I haven't tried, but I'm sure others have, and that would be to write the variables out to an external file - like a Googledocs file - and then retrieve them from that file when you need them - or even output them to the LRS via an XAPi call and retrieve them from the LRS.... Anyone know if that is possible??

You are right, this is one reflection block of perhaps three or four reflections I ask the learners to complete throughout the entire RISE course.  So they do print each set of reflections separately.  I do have a storyline module somewhere, which I think many have done, where I have several note sections throughout the module, and then one print option at the end of the module to grab all of the notes.  

Thanks for the comments re: the javascript, I just kept googling until I got it to do what I wanted LOL!

This is absolutely fantastic and finding it so helpful! (Hopefully) quick question: I am creating a learning journal with several prompts and then importing into our LMS as a SCORM package - is there a way to setup the completion settings so that all the individual responses to prompts are captured for site admins to see? Thanks!

Hi Catherine

There are actually three different approaches in this thread. There's Mike's original approach in which you create Blocks in RISE of type "Note" and then his code extracts these notes and stores them in local browser storage ready for printing at the end of the course

Then there's Teresa's example where she uses Storyline blocks and JavaScript to capture the notes within the block and then constructs a screen with the notes on for printing - but this approach doesn't store the notes beyond the Storyline block in which they are captured.

And then there's my approach which again uses Storyline blocks to capture notes at different points in the RISE course, then stores each note to local browser storage ready for a final Storyline block to read all the notes from the local storage and output them to a pdf for downloading and/or printing at the end of the course

I've never used Mike's solution so I don't know if anything is sent to the LMS if published to SCORM. Mine doesn't sent anything specific to the LMS, but I have implemented a solution where the pdf, including the learner's responses, was emailed to the course tutor.

Since my code retrieves all notes out of local storage at the end of the course, the notes are sitting there as JavaScript text variables and could easily be written to an LRS using xAPI - or even to some form of external file like a Google docs file - but I have never done that.

Hi all, I've been using this for some time now but I've just tried to publish a new course using the same CSS and JS files it's not working. The index.html will open and function correctly in my local folder structure but as soon as I upload it to Amazon S3 or zip it up and upload it to SCORM cloud it stops working, any tips/ideas?

Note: I went back and republished an old Rise course and it's behaving the same so I suspect its a Rise update that's caused this but I don't know why/how to fix it.

Emma, have you found a solution to this problem yet? I'm having the exact same problem. 

We've created a number of courses using these JS and CSS files and they're worked well. But when I went to publish a new course using them today it didn't work. Index.html opens the course whether it's stored locally or on google cloud, but the journal prompts don't show up, you only get the "note" blocks.

Anyone else out there having this problem?

Yes, we are experiencing the same issues ☹

Michelle 

Hi both, no solution, unfortunately, Articulate wouldn't provide support as it's custom JS and suggested I try publishing to SCORM 2004 but I actually moved away from this and used a different solution, see this heroes page https://community.articulate.com/discussions/articulate-storyline/creating-downloadable-pdf-files-in-storyline-an-update-on-earlier-methods

Hi Emma

I'm glad the post on "creating downloadable pdf files in Storyline" was useful. The JavaScript library pdf-lib is pretty awesome - using a pre-formatted pdf template as the learning journal takes a lot of the hard work out of it.

As this thread is specific to RISE, I should just point out that, although the solution I proposed in the above article gives you the ability to create a single Storyline block which can then be built into your RISE course to capture and download notes at that point in your course, there is still the problem of capturing notes for your journal at multiple points in your RISE course and 'holding' them until the end of the course. As you know, RISE has no variables, and variables used in a Storyline block are lost as soon as you exit that block. This is where Mike's original solution was so good.

We have been able to solve this for one of our clients using "local" browser storage (similar to the 'cookies' websites use) - there is a discussion on how this works in the demo below:

https://demo12.profilelearning.com

I think there may be another solution where you write the first notes to create a pdf file and then pick the same file up and append more notes to it. This has only just occurred to me so I have no idea whether that would be possible. Anyone tried this using pdf-lib??

Hi Mike,

A belated 'Great job!'

I hope Articulate add this to their 'To do' list.

It would be a valuable feature enabling Learners to improve their learning outcomes.

Regards,

Peter

Any idea if there is a way to edit the buttons so the "Print Actions" button isn't there? I am not using that so it is a bit confusing for users. 

Hi Mike, thank you very much for the resource.
I'd like to be able to remove the "Print My Actions" button.
Do you know how to do this without breaking the rest of the structure ?

Thx

Hi Manon

You can do this with an easy CSS edit:

.journalprintbuttonaction {display: none!important;}

You will also need to alter the Javascript to assign this new class to the relevant button...the code should look like this:

var button2 = document.createElement("div");
button2.className = "journalprintbuttonaction";
button2.innerText = PrintTakeActionsOnly_Text;
button2.addEventListener("click", function() { printEntries(true)} );  container.appendChild(button2);
note.parentNode.appendChild(container);

In my file, it's on line 429 - the section is commented as // Render buttons to DOM

Nic