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
Mike Amelang

Magda,

Some browsers will save CSS files as text files. Fortunately, CSS files are really just text files with a .css file name extension on the end. Go ahead and save the file as "LearningJournal.txt". Next, navigate to the file where you downloaded it and rename the file to "LearningJournal.css".

If you are using Windows 10 and can't see the file extension, go to View Ribbon -> Show/Hide section -> checkbox: File name extensions. Then you will be able the change the file name extension to "css".

Let me know if this helps,

Mike

Mike Amelang

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