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
- 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
- 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.
- 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
- TrainingSILFranCommunity Member
Thank you Eva and Jeremy!
- TrainingSILFranCommunity Member
The journal boxes show up and are functioning, but my print journal button does not. Has anyone else had this issue? Any suggestions? Thanks in advance.
- LaniMurchieCommunity Member
it would be because you didn't match the instructions exactly when you entered the statement for the buttons. double check that everything is the same as the instructions as it could be something small
- TrainingSILFranCommunity Member
Thanks Lani for replying. I created journal buttons in the past (that all worked) and I used the same template. It is a deeper issue.
- YussufAbushaabaCommunity Member
Hi, I have tried this learning journal before and it worked nicely. I have tried this today and it does not seem to work. The note boxes still appear as note boxes. Does it have anything to do with the recent Rise changes?