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
- ShakiraMossCommunity Member
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?
- JoyceChanMauraiCommunity Member
- MikeAmelangCommunity Member
Shakira,
I apologize that i didn't see this note sooner. Do you have a link you can send me to troubleshoot?
Mike
- MagdavanderWaltCommunity Member
cool got it
thanks
- MagdavanderWaltCommunity Member
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
- MagdavanderWaltCommunity Member
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.
- MikeAmelangCommunity Member
Definitely. Delete line 400 that says "container.appendChild(button2);" from LearningJournal.js. Thanks for the suggestion, I'll add it to future functionality!
Mike
- MagdavanderWaltCommunity Member
Thanks Mike!
You're a legend!
- MichealPriceCommunity Member
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.
- MikeAmelangCommunity Member
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
- MichealPriceCommunity Member
Thank you Mike! I love the Learning Journal you've created. This is an option I've wanted for a very long time!
- MagdavanderWaltCommunity Member
Is there any way to make the text box appear larger? Or would learners need to click and drag it to make it larger?
- MikeAmelangCommunity Member
Magda,
The text box can be changed using the CSS in the LearningJournal.css file. Around line 21 you'll find the following code:
.journalentry-response {
width:100%;
height:5em;
}These lines declare how tall and wide each journal entry text box will be. If you want the height of the text boxes to be bigger, change the value of
5em
to something larger, like6em
. Heck you could even go crazy and try7em
. It's almost Friday after all. ;)Want to change the text size within the text boxes? Simply add another line called
font-size
. Like so:.journalentry-response {
width:100%;
height:5em;
font-size:12pt;
}Again, increase the value of
font-size
higher according to taste.CSS is very powerful. Here is a link that shows how you can test CSS changes without reloading your SCORM.
Let me know if you have any other questions.
Mike
- MadhuriGambh609Community Member
Mike - Great work! how t remove "Print action button"?
- RussKinkade-66eCommunity Member
Fantastic! Wish this was a build in feature.
- CherylylerCommunity Member
I have just uploaded using your code above. In testing on first landing on the published page I did have the note boxes appear with the text before it seemed to catch up and change to the text boxes. The delay a few times for 15-20 seconds which could cause some issues but I'll do some more testing. Have you come across this happening? I had changed the background colour of the box but that is all, next I wanted to add in the email option and maybe take out one of the print buttons.
- MikeAmelangCommunity Member
Cheryl,
15-20 seconds delay is definitely not normal. I haven't heard of anyone experiencing that. And changing the background colour should not cause it. That's not what they mean when they say "that's a heavy colour." :) If you can you share with me your link directly, I am happy to troubleshoot.
Mike
- CherylylerCommunity Member
Hi Mike, thanks for responding. I have tried putting the file into another site and still get the delay. It sometimes stays with the notes until the page is refreshed. I have added the file to a default moodle site here
https://chynablue.moodlecloud.com/course/view.php?id=16
User name and password = testuser
The Rise version is here https://rise.articulate.com/share/UcxNeT09RGtfftWcT3h-vdl27LWmldMj
I'd appreciate if you can see where I might have gone wrong.
Cheryl
- AlyssaTolmanCommunity Member
I love it and shared it with the team. Nice work!
- CherylylerCommunity Member
fantastic Mike, I had just managed to get the SL version working to email and print so we could embed this in to Rise and now don't need to use that as this seems to work just as well. Thank you for sharing.