Embed edX content in LMS

The edX Edge site has been configured to be a learning tool interoperability (LTI) provider to UBC's LMS environments (i.e. Connect and Canvas), allowing instructors to embed content, problem types, videos, etc. from edX Edge courses into LMS courses. When this is enabled in a course, marks from gradable content are passed back from edX Edge to the Connect Grade Center or Canvas gradebook.

General information about using the edX Edge environment as an LTI Tool Provider can be found on edX's site. Below you will find specific information about using this feature at UBC.

Generate an LTI URL

The first step in embedding edX Edge content is to generate an LTI URL. General information on generating the LTI URLs is available on edX's site.

The base LTI link to be embedded in Connect or Canvas looks like this: https://edx-lti.org/lti_provider/courses/{course_id}/{usage_id}

You can add an individual component (individual problems or video etc), vertical (unit) or sequence (subsection) from an edX course to a Connect or Canvas course.

To generate the required link:

1. For embedding a component or vertical (unit), find the usage ID by clicking the Staff Debug Info link when in the Edge LMS (when in staff mode).

Staffdebuginfobutton.png

The component usage ID is the value referenced by location =

Staffdebuginfo.png

The usage ID for a vertical (unit) is also found under the Staff Debug Info but referenced by parent block-v1:.

For a sequence, find the usage ID by viewing the page source. Click "View Page Source" in your browser and look for the usage ID under <div class=“course-content">.

2. To create the LTI URL, take the base URL and update {course id} with the course ID that appears in the course URL.

3. Add the appropriate usage ID you located to the end of the URL in place of {usage_id}.

The final URL will look something like:

https://edx-lti.org/lti_provider/courses/course-v1:UBC+d101+1/block-v1:UBC+d101+1+type@problem+block@20ab8eca608f40bc8b4b2243d5b48fad

Now you are ready to add content to Connect or Canvas using the steps below.

Add Edge Content to Your Connect Course

To use edX course content in Connect, you add the links to the content from the Basic LTI tool.

1. In Connect, select your course.

2. From the course control panel, select Customization. In the Tool Availability section, verify that the Basic LTI tool has been enabled.

3. Open a Content Area page, and from the Tools menu, select Basic LTI.

400

4. On the Add link to Basic LTI Tool page, enter an identifying name and the URL for the edX content you want to include. The URL is the LTI URL that you determined for the edX course content, as outlined above.

600

5. Review the content to verify that it appears as you expect.

Lti blackboard example.png

Important: when you click the LTI link and end up with an empty page, it means that the course on Edge is not available yet. In Studio, under Settings/Schedule & Details, change the start and end dates and Save.

Add Edge Content to Your Canvas Course

To use edX course content in Canvas, you add the links to either a module page or an assignment. Add to an assignment if your content includes grades.

1. In Canvas, select your course.

2. (module) From the module page, click the + icon to add content to the module.

3. (module) Add external tool from the dropdown menu and select Edx Edge from the list of available tools. Enter an identifying name and the URL for the edX content you want to include. The URL is the LTI URL that you determined for the edX course content, as outlined above.

Screenshot of adding edx LTI to module page in Canvas

2 (assignment) From the assignments page, click on + Assignment.

3. (assignment) In the submissions type section, select external tool from the dropdown menu and enter the URL for the edX content you want to include, as above. Apply other settings as desired including the assignment points.

Screenshot of adding edx LTI to assignment in Canvas

4. Review the content to verify that it appears as you expect.

Screenshot of integration of edX into Canvas using LTI

Important: when you click the LTI link and end up with an empty page, it means that the course on Edge is not available yet. In Studio, under Settings/Schedule & Details, change the start and end dates and Save.