Learning Journal In Rise

Dec 05, 2018

UPDATE JUNE 2020:

Firstly, Articulate recently implemented a small update to Rise. As a result, all new exports from Rise will need to include the most recent version of LearningJournal.js which is found at the usual link.

Secondly, at any time Articulate could update their code and bring a breaking change to the Learning Journal. Over a year ago, I shared this functionality freely with the community and the code comes with no warranty or support either implied or expressed. If at any time you want or need to remove the Learning Journal from your modules, simple remove any STATEMENT-NOTE entries that refer to the Learning Journal.

* * * *

I built a cool Learning Journal feature for Rise that has been very well-received. I thought I'd share it in case anyone wanted to a. use it or b. improve on it.

The Learning Journal allows the learner to enter text responses to journal prompts throughout a Rise course. At the end of the course, the learner can print their learning journal of all their responses. The responses are saved to the browser so that they persist on future visits to the Rise course.

EDIT May 2019: At the request of a member of the forum, I created a HOW-TO video below that shows each step of the HOW-TO document in action.

Example Rise Course
http://amelangrise.s3.amazonaws.com/learningjournal/index.html

HOW-TO Document
https://github.com/mikeamelang/learning-journal/raw/master/Learning%20Journal%20HOW-TO.docx

HOW-TO Video

https://360.articulate.com/review/content/33873893-2ea1-46d9-9415-3efca951d74c/review

Learningjournal.js file (right-click and save)

http://raw.githubusercontent.com/mikeamelang/learning-journal/master/Learningjournal.js

Learningjournal.css file (right-click and save)
http://raw.githubusercontent.com/mikeamelang/learning-journal/master/Learningjournal.css

Project github site
https://github.com/mikeamelang/learning-journal

I would love any feedback and help to improve the functionality and code.

Mike Amelang

279 Replies

almost 5 years ago07/01/19 at 3:01 pm (UTC)

As an update: I wanted to post that Cheryl and I worked together offline to solve the issue. I have updated the code with the fix (version 1.2) and the file available at the link above is the most recent version.

almost 5 years ago07/01/19 at 8:32 pm (UTC)

It is working great now. Really appreciate the solution

almost 5 years ago07/03/19 at 10:48 pm (UTC)

When I right click and save the link it saves as a text file opposed to a css file which is affecting my scorm package - please help?!

almost 5 years ago07/05/19 at 3:19 pm (UTC)

Magda,

Some browsers will save CSS files as text files. Fortunately, CSS files are really just text files with a .css file name extension on the end. Go ahead and save the file as "LearningJournal.txt". Next, navigate to the file where you downloaded it and rename the file to "LearningJournal.css".

If you are using Windows 10 and can't see the file extension, go to View Ribbon -> Show/Hide section -> checkbox: File name extensions. Then you will be able the change the file name extension to "css".

Let me know if this helps,

Mike

Micheal Price

almost 5 years ago07/05/19 at 9:34 pm (UTC)

Is there a way to ensure responses are not saved to the browser? I have a unique situation in that we are not publishing our courses directly to an LMS, we are sharing the course via a weblink and multiple users take the course from the same device.

almost 5 years ago07/08/19 at 3:18 pm (UTC)

Micheal,

This is an interesting option to have. I love how these needs pop up once the code is in the wild. Someday I will add the various options (i.e. email out the journal) into one updated file.

For now, go ahead and delete line 97 in LearningJournal.js which reads "getSectionsfromLocalStorage();". That should keep the code from filling in previous responses when the page loads.

Let me know how this works for you,

Mike

almost 5 years ago07/09/19 at 9:01 pm (UTC)

Thank you Mike! I love the Learning Journal you've created. This is an option I've wanted for a very long time!

Programme Manager

almost 5 years ago07/17/19 at 5:52 am (UTC)

Great got it thanks,

Is there a way to disable the print action items buttons?

Printing the journal works for us but I don't need the action items.

almost 5 years ago07/17/19 at 2:56 pm (UTC)

Definitely. Delete line 400 that says "container.appendChild(button2);" from LearningJournal.js. Thanks for the suggestion, I'll add it to future functionality!

Mike

almost 5 years ago07/17/19 at 8:16 pm (UTC)

Thanks Mike!

You're a legend!

Programme Manager

almost 5 years ago07/19/19 at 2:20 am (UTC)

Now I'm being really picky but is it possible to change the font as it appears on the LMS?

there's an obvious mismatch between the journal font and the font in the rest of the rise course.

Just wondering if there was a quick fix for this.

cheers

Programme Manager
Reply Deleted

almost 5 years ago07/19/19 at 4:28 am (UTC)

cool got it

thanks

Shakira Moss

over 4 years ago07/30/19 at 12:49 am (UTC)

Hi Mike,

Thank you so much for this incredible tool. I followed your video and instructions and my reflective journal has a couple of glitches. Any idea what might be going on?

over 4 years ago08/26/19 at 6:58 pm (UTC)

What if you want the box to be wider. Some coworkers have looked at it and say it is too small. Any way to fix that?

I've also found that the font size doesn't change doing what the instructions said. I put it up to 24 to try it and it still was very small.

over 4 years ago08/26/19 at 7:55 pm (UTC)

Shakira,

I apologize that i didn't see this note sooner. Do you have a link you can send me to troubleshoot?

Mike

Shakira Moss

over 4 years ago08/26/19 at 8:09 pm (UTC)

Hi Mike, It sorted itself out in the end. Not sure what happened. Cheers Shakira

over 4 years ago08/26/19 at 8:34 pm (UTC)

Marti,

Mmmm. Do you have a link you can send me to troubleshoot?

Mike

over 4 years ago08/27/19 at 6:00 pm (UTC)

This post was removed by the author

over 4 years ago09/06/19 at 3:34 pm (UTC)

Marti,

I apologize for the delay in addressing this. It turns out that your LearningJournal.css file had been renamed to LearningJournal.txt. As a result none of the formatting changes you were attempting were recognized. Go ahead and rename the file to .css, repackage your SCORM and you will be good to go.

Mike

over 4 years ago09/06/19 at 4:17 pm (UTC)

This post was removed by the author

Ananth Sankaran

over 4 years ago10/30/19 at 1:40 am (UTC)

Hi Mike,

This is perfect ! Is there any way we could make the section mandatory ? I would want to have users fill the free text question before moving ahead. Any idea if this could be achieved at all?

over 4 years ago10/30/19 at 9:54 pm (UTC)

Ananth,

This is a great suggestion. Unfortunately, I'm not sure it can be done. It would for sure take some coding custom to your elearn, not a feature added to the files I've shared with the community.

Mike

Ananth Sankaran

over 4 years ago11/11/19 at 1:40 am (UTC)

That's not a problem :-) I have a quick question? one of the survey question I've got requires user to enter 3 options (all free-text).

So, each option would have a free text box associated. When I use the code below (for 1st option), All I see is Option 1. (the prompt with the question doesn't appear).

When I remove the prompt in front of Option 1, then the question alone appears without the prompt for option 1. Any idea where I am going wrong?

Journal Entry

Section: Please think of 3 options he could try in order to manage the tough situation he's in *

Prompt: Please think of 3 options he could try in order to manage the tough situation he's in

Prompt: Option - 1 *:

over 4 years ago11/12/19 at 4:05 pm (UTC)

Ananth,

The Learning Journal entries are designed to have one Prompt and one text box per Journal Entry. To solve your issue, create three separate Journal Entries and repeat the Section line in each. Like so:

Section: Please think of 3 options he could try in order to manage the tough situation he's in *

Prompt: Option - 1 *:

Section: Please think of 3 options he could try in order to manage the tough situation he's in *

Prompt: Option - 2 *:

Section: Please think of 3 options he could try in order to manage the tough situation he's in *

Prompt: Option - 3 *:

The code will know to put all the options in the same section because the Section lines are all the same.

Let me know if this helps,

Mike