Topics Map > Content Authoring

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 1: Once your CSCR project is ready (make sure to preview it in Firefox first), click publish in the upper right corner of the CSCR Builder

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

If you want to open a CSCR activity in a new window from inside Canvas:
  1. Create a Page in your Canvas course.
  2. Navigate to the point on the page that you want to enter your link to your CSCR module.
  3. Click on Files tab on the right.
  4. Navigate to your CSCR module inside the Files tab.
  5. Click on the CSCR module's index.html file to add a link to it on your Canvas page.
  6. Click on HTML Editor on the page.
  7. Look 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 highlighted:
    Canvas Page HTML Editor with the file number highlighted

  8. You 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:
    Canvas browser URL with the course number highlighted

  9. Modify 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="[[CourseNumber]]/files/[[FileNumber]]/download" target="_blank" data-preview-alt="" data-api-endpoint="[[CourseNumber]]/files/[[FileNumber]]/download" data-api-returntype="File">index.html</a></p>

    would become for example:

    <a title="index.html" href="" target="_blank" data-preview-alt="" data-api-endpoint="" 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.

Linking to a CSCR activity hosted on a webserver

If you have a departmental webserver or a DoIT webhosting you can also upload your CSCR modules there and link to them from your Canvas course site.

See Also:

Keywords:Uploading CSCR Canvas Mac load import csb case scenario critical reader   Doc ID:63633
Owner:Content Authoring Support .Group:Learn@UW Madison
Created:2016-05-25 12:33 CDTUpdated:2017-08-30 16:20 CDT
Sites:DoIT Help Desk, Learn@UW Madison
Feedback:  0   0