Learning Journal In Rise
Dec 05, 2018
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
251 Replies
This is amazing, thank you so much for sharing!
That's pretty cool. Hopefully some of the programmer types in the community will offer some insights and tips. You may want to show off the idea outside of the Rise forum and in the Discuss Course Building to catch the eyes of those who don't look in the Rise forum.
Woah! This is fantastic! Nicely done, Mike.
This is a very interesting idea, thanks for sharing.
Mike, this is great! Thank you for sharing. Would it be possible to add a Submit Journal button to send the responses to an LMS or course facilitator email address? Without the ability to report long-text responses to an LMS from Rise or Storyline blocks, I'm really searching for options.
Christina,
Option 1, Sending the Responses in an Email
I went ahead and created a version that adds an "Email My Journal" button to the Learning Journal. It opens up a pre-filled email and the user only needs to click send. (Rt-click and save the file)
Learning Journal with Email Button
Option 2. Sending the responses to the LMS
This would be great functionality. I personally don't know how to make that work. Here's some links, though, that will give you a start.
Javascript error and LMS
lmsAPI Functionality in HTML5 Output
Rise: How to Report Completion and Success Statuses to an LMS
Have fun journaling!
Mike
Thank you so much for sharing! This is a great tool!
Great work Mike. Will definitely make use of this feature.
Any chance of a short screencast on how-to insert just one of the "feedback" opportunities into RISE?
This post was removed by the author
You bet, Alphonso. I will cook one up and add it to the post. Thanks!
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
Alphonso,
Sorry for the delay, but I just posted a video which shows both how to create the journal entries and how to include the necessary code files linked above. Hopefully this helps!
Mike
Thank you for the video. It was really helpful.
That's amazing! Thanks for sharing!
This post was removed by the author
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.
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.
I love it and shared it with the team. Nice work!
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
Fantastic! Wish this was a build in feature.
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
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:
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: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