Forum Discussion
Learning Journal In Rise
UPDATE DECEMBER 2024
Download at your own risk! It appears that Articulate recently made a change that could cause the learning journal to stop functioning. Such changes have happened in the past and will continue to happen. However, I will not be updating the learning journal code at this time. To remove the learning journal, simply remove any STATEMENT-NOTE entries that refer to the learning journal.
E-Learning Super Hero SamHill has created a newer version of a Learning Journal that has more features and is actively supported. I encourage you to check it out here.
- - - - -
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
304 Replies
- JohnCooper-be3cCommunity Member
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.
- EmmaPawson-d4e9Community Member
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.
- MajorClarityCommunity Member
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?
- MichelleGaleazzCommunity Member
Yes, we are experiencing the same issues ☹
Michelle
- 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
- 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??
- 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
- 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.
- 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.
- 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 !
- NicolaFern-0297Community Member
No problem Manon :)
I'm not aware of a way to do that I'm afraid!
- 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
Related Content
- 8 months ago
- 1 year ago