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
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.
Definitely. Delete line 400 that says "container.appendChild(button2);" from LearningJournal.js. Thanks for the suggestion, I'll add it to future functionality!
Mike
Thanks Mike!
You're a legend!
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.
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
Thank you Mike! I love the Learning Journal you've created. This is an option I've wanted for a very long time!
Is there any way to make the text box appear larger? Or would learners need to click and drag it to make it larger?
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
5emto 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-sizehigher 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
Mike - Great work! how t remove "Print action button"?
Fantastic! Wish this was a build in feature.
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.
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
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
I love it and shared it with the team. Nice work!
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.
That's amazing! Thanks for sharing!
Thank you for the video. It was really helpful.
Great to hear! I was concerned it was too long, but I think it's better to share too much and let viewers jump to the content they need.
I am having quite a bit of difficulty getting the Section Intro to work. The other sections work fine, but I can't get the Section Intro to work. Either nothing shows up or the stock text that you entered appears. Any help would be great. Thanks! :)
Bradley,
I'd be happy to help troubleshoot. Sections are used to organize journal entries upon printing. I can tell you that usually the issue is that the line in the Section Intro entry that reads
Section: <<insert your section here>>has to match EXACTLY the corresponding line in all of the journal entries that belong in that section. This is how the code knows where to place the journal entries when printed.Is it possible for you to share your elearn with me? Also, it may make sense to continue this over DM.
Mike
