LTI set up steps for Canvas

Canvas Administrator setup

1. In Canvas, go to Admin > Developer Keys, and then click + Developer Key > LTI Key.
2. On the left, enter the following values:
   • Key Name: StoryBox Hub
   • Redirect URIs: https://storyboxhub.com/lti/launch
3. On the right, enter the following values:
   • Method: Enter URL
   • JSON URL: https://storyboxhub.com/lti/config
4. Click Save.
5. On the Developer Keys page, you should see a new entry for StoryBox. Ensure it is set to ON under State.
6. Click the pencil icon to edit the StoryBox Hub developer key.
7. Scroll down to Placements.
8. Expand Course Navigation and make sure "StoryBox Hub" is in the Text field.
9. Expand Assignment Selection and make sure "StoryBox Hub" is in the Text field.
10. Expand Link Selectionand:
    • Add the following Target Link URI: https://storyboxhub.com/lti/launch
    • Make sure "Select Message Type" is set to: LtiDeepLinkingRequest
    • Make sure "StoryBox Hub" is in the Text field
11. Click Save.
12. Find the number displayed under the Details column (above the "show key" button): this is the Client ID. Highlight the Client ID and copy it to your clipboard.
13. Now add StoryBox as an account-wide app available to instructors. To do this, click Admin > Settings > Apps and then click + App (if not visible, click View App Configurations).
14. Set Configuration Type to By Client ID.
15. Paste in the Client ID from step 12.
16. Click Submit and then Install.
17. You should see a new entry in the app list for StoryBox Hub. Click the gear button to its right and click Deployment ID. You will need this in a moment.

Add Canvas in StoryBox Library Account Settings

1. Log in to your StoryBox Account Settings as the Account Holder. NOTE: it might be best to complete the StoryBox Admin set up in a different browser instance to avoid session conflict with Canvas.
2. Scroll down to Other Account Actions on the right hand side and click Configure (LMS) details. (If you don't see this option it means your current subscription does not include our LTI integration. Please contact our sales team for package options.)
3. Update these settings:
   • Platform ID: This is the domain you use to access Canvas. It will look something like this: https://canvas.yourdomain.com
   • Client ID: From step 12 in the Canvas steps above.
   • Deployment ID: From step 17 in the Canvas steps above.
   • Authentication request URL/endpoint: https://[canvas.yourdomain.com]/api/lti/authorize_redirect (replace the domain in the square brackets with your Canvas domain)
   • Access Token URL/endpoint: https://[canvas.yourdomain.com]/login/oauth2/token (replace the domain in the square brackets with your Canvas domain)
   • Public Keyset URL/endpoint: https://[canvas.yourdomain.com]/api/lti/security/jwks (replace the domain in the square brackets with your Canvas domain)
4. Click Update to save.

Embed StoryBox Library content in Canvas

1. Navigate to All Courses.
2. Click the + Course button to create a new course, or open an existing course.
3. Click the + Module button to create a new module, or find an existing module.
4. Click the + icon in the grey heading bar of the module you want to embed stories in.
5. In the Add dropdown box select External tool.
6. Click on StoryBox Hub. (If this doesn't appear, something hasn't worked quite right in the set up above.)
7. This will open a window displaying StoryBox Library. Find the story you want to embed, mouseover its cover, and click the LINK button.
8. This will populate the URL and Page name.
9. Click Add item.
10. When the module is published, students with access to the module will be able to click on the story name. This will open the story within Canvas and allow the student to watch the video and access any related Activities.