Learning Journal In Rise

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

39 Replies
Christina Heilig

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. 

Mike Amelang

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

Mike Amelang

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

Cheryl Tyler

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.

Mike Amelang

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

Cheryl Tyler

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

 

Mike Amelang

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, like  6em. Heck you could even go crazy and try  7em . 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