Forum Discussion
Learning Journal In Rise
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
- LaniMurchieCommunity Member
i absolutely love this code. thank you so much for sharing. i was wondering, how can i modify the javascript so that the ADD AN INTRO TO A SECTION note doesnt display on the print my actions button if i wanted to exclude it from that print
- EvaHadjiyanisCommunity Member
Hi all. I've been using this technique for two years and haven't had a problem, until now. I went in to change on thing in a course and now it won't work. Did rise change something? I am positive that I am doing it the same way that I always do. The only difference I can find between the new and old zip files is a folder called mondrian, which as far as I can tell never existed before. Any ideas?
- JeremyCrowsonCommunity Member
Hey Eva,
we are also experiencing issues all of a sudden and trying to determine what has happened. Our existing published assets that include the learning journal function properly however, we are unsuccessful with any newly published courses with the learning journal using the same technique we have for the last few years too are not working. No answer to the issue but wanted to join the party to see what the fix is and determine if this is wider than just us. Anyone else having issues with the learner journal function recently?
- EvaHadjiyanisCommunity Member
My friend was able to fix this issue. It turns out that RISE just changed the language so everywhere where it said "block-impact" now it uses the term "block-statement." So if you change out all mentions of a “block-impact”-related class in Learningjournal.js and Learningjournal.css for an equivalent “block-statement”-related class, it works again.
- JohnCooper-be3cCommunity Member
Hi Manon
My earlier post in this thread has kind of got lost in the general discussion but our demo here does exactly what you are looking for (I thiink).
The point being that it collects the learner notes and responses - stores them in local browser storage then uses JavaScript to 'fill out' a preformatted pdf form. So the form could contain a handout summarizing the course content AND the learner's own notes/responses.
Once the pdf file has been created it is offered for download - but, obviously, it could be viewed before the learner did that. You could probably open it in a new window within the course.
:)
https://demo12.profilelearning.com
I should emphasize, the pdf file can contain anything you want to put in it - and it can be over as many pages as you like. We use this quite a bit in client projects.
I should, perhaps, also add that unlike another solution using Storyline posted here - you can collect the user responses from several points in the course.
- ManonBonaven226Community Member
Hi John,
Thanks a lot for your quick answer!
I am not sure if what you shared is possible with this process : HOW-TO Document
https://github.com/mikeamelang/learning-journal/raw/master/Learning%20Journal%20HOW-TO.docx
Since it did not include Storyline block ? Indeed the link you just shared is mentioning Storyline block, which I did not include.
Sorry if you already explained it...
Thanks!- JohnCooper-be3cCommunity Member
Hi Manon
You are absolutely correct, our solution is a completely different approach to Mike's original one. As I explained in an earlier post
"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."
Obviously, if you haven't got Storyline, then My approach isn't an option. I was just pointing out that it does do what you want...
Best regards, John
- NicolaFern-0297Community Member
No problem Manon :)
I'm not aware of a way to do that I'm afraid!
- ManonBonaven226Community Member
Hello everyone,
Is there a way to generate an image gathering all the answers before offering to print/download ? Like a summary that I could put as an image to tell the learner "here you can see a summary" and every response is listed.
Thank you very much if you can help !
- ManonBonaven226Community Member
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
- NicolaFern-0297Community Member
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
- ManonBonaven226Community Member
Thank you so much Nicola! It did work well.
The only thing I find is a shame is the fact we don't have a classic "download" process, we have to save as a PDF while it opens the print window.
- EvaHadjiyanisCommunity Member
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.
- PeterBright-fa8Community Member
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
- JohnCooper-be3cCommunity Member
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??
- EmmaPawson-d4e9Community Member
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