Embedding Analytics into Canvas with a custom app

Intellischool Analytics customers using Canvas can embed dashboards into the Canvas user interface.

Step 1: Create a developer key

1. Log in to your Canvas instance as an administrator.
2. Navigate to Admin > <School account name>.
3. Select Developer Keys in the navigation menu.
4. On the Account tab, click the "+ Developer Key" button, and select "+ LTI Key".
   
5. Complete the Key Settings form with the following information:
   1. Key Name: Intellischool Analytics
   2. Owner Email: hello@intellischool.co
   3. Redirect URIs:
      https://intellischool.id/lti/{UNIQUE_ID}/launch
   4. Method: Manual Entry
   5. Title: Intellischool Analytics
   6. Description: Provide any description that will be meaningful to administrators.
   7. Target Link URI:
      https://intellischool.app
   8. OpenID Connect Initiation URL:
      https://intellischool.id/lti/{UNIQUE_ID}/oidc-login
   9. JWK Method: Public JWK URL
   10. Public JWK URL:
       http://intellischool.id/.well-known/jwks.json
6. Under the Additional Settings heading, change the Privacy Level to PUBLIC.
   
7. In the Placements list:
   1. Remove all the default entries
   2. Add Global Navigation.
8. Under the Global Navigation heading, set the following values:
   1. Target Link URI:
      https://intellischool.app/launch/analytics/canvas
   2. Icon URL:
      https://assets.intellischool.net/logos/intellischool/icon-round-menu.png
   3. Text:
      Intellischool (or another label that should appear under the icon)
   4. Leave the Selection Height and Selection Width fields blank.
9. Click the Save button.
10. Take note of the Client ID number (shown in the Details column). You will need this again when you deploy your developer key.
11. Ensure that the State of the developer key is turned on:
    

Step 2: Deploy your developer key

1. Log in to your Canvas instance as an administrator.
2. Navigate to Admin > <School account name>.
3. Select Settings in the navigation menu.
4. Open the Apps tab, and click on the "View App Configurations" button.
   
5. Click on the "+ App" button. The "Add App" modal window will open.
   
6. Select By Client ID under Configuration Type, and paste the Client ID number you noted previously into the Client ID field.
7. Click Submit, and confirm that the Client ID is the one you set up earlier. The modal window will close.
8. Find the Intellischool application that you just created in the list, and select Deployment ID from the settings dropdown.
   
9. Take note of the Deployment ID for the application. You will need to provide both the Deployment ID and Client ID to Intellischool.
   Note that your configuration will not work until Intellischool support has confirmed that your application has been configured correctly.