Case Scenario Critical Reader - Authoring - Uploading a CSCR module to Canvas (UW-Madison)
Please refrain from developing new CSCR modules. UW-Madison is moving to the Canvas LMS. While CSCR modules can be loaded into Canvas courses, they cannot be connected to the Canvas gradebook. A team from the Teaching and Learning Technology Advisory Group (TLTAG) created a recommendation for alternate tools that you can see here. Members of the transition team would like to meet with you to help you select the solution(s) that best meets your needs to move your content. Please let us know when we can best assist you by completing this form or contact the designated instructional technologist for your school or college.
This document illustrates the necessary steps to upload a CSCR file into Canvas. The example uses CSCR on a Mac.
This document has been authored to assist instructors in loading a CSCR module into Canvas. Please be aware that while the basic functionality works, it is not possible to track student progress or pass a grade to the gradebook in Canvas. Students will also have issues displaying CSCR content in Canvas on a mobile device. Generally we recommend you move away from using CSCR modules.
Uploading a CSCR module to Canvas
Step 2: Make sure your filename is unique so you can find it again easily
Step 3: In your Canvas course, select the “Files” tab, create a folder to put your CSCR module in, and then select “Upload” in the upper right corner:
Step 4: In the “Zip file options” window that pops up, click “Expand It”.
Step 5: Make sure there is an “index.html” file, this will be what you use later. Sort it by “date modified” to find it quickly.
Step 6: Head to the “Modules” tab and find wherever you’d like to place the CSCR project (here it is simply a module named “CSCR) and hit the “+” button
Step 7: Add from “File”
Step 8: Find the “index.html” file and select it
Step 9: Now the module should look something like this. Simply click on “index.html” and the CSCR should run in Canvas just as it did on the Firefox preview. You can change the title of “index.html” to something else under the settings wheel, it may be more helpful for students.
Opening a CSCR activity in a new page from in Canvas
- Create a Page in your Canvas course.
- Navigate to the point on the page
that you want to enter your link to your CSCR module.
- Click on Files tab on the right.
- Navigate to your CSCR module inside the Files tab.
- Click on the CSCR module's index.html file to add a link to it on your Canvas page.
- Click on HTML Editor on the page.
at the existing link code to the index.html file. Make note of the
number after /files/. This is the [[FileNumber]] which will be needed
for step 9. Example index.html link code with the file number
will also need to make note of your course's course number. To find the
course number look at your browser's URL when you are
logged into Canvas and in your course. It is the number in the URL after
courses. Here is an example URL with the course number highlighted in yellow:
the link to the index.html using the following HTML code. Customize the
portions of the code inside the double bracket symbols ([[ and ]])
using both the [[FileNumber]] and [[CourseNumber]] from steps 7 and 8.
Do not keep the brackets themselves:
<a title="index.html" href="https://canvas.wisc.edu/courses/[[CourseNumber]]/files/[[FileNumber]]/download" target="_blank" data-preview-alt="" data-api-endpoint="https://canvas.wisc.edu/api/v1/courses/[[CourseNumber]]/files/[[FileNumber]]/download" data-api-returntype="File">index.html</a></p>
would become for example:
<a title="index.html" href="https://canvas.wisc.edu/courses/18789/files/115577/download" target="_blank" data-preview-alt="" data-api-endpoint="https://canvas.wisc.edu/api/v1/courses/18789/files/115577" data-api-returntype="File">index.html</a>
You may also want to modify the link text itself to say something other than index.html. It may make more sense to change it to the name of the CSCR learning module.