Annoto Integration

This document shows how to add and use Annoto as an external tool using XML.

Notes:

  • External apps can also be configured using XML in sub-accounts.

  • Manually configuring an external app is an account permission. If you cannot configure an external app, this permission has not been enabled for your user role.

Adding Annoto App

Open Settings

In Course Navigation, click the Settings link.

Open Apps

Open Apps

Click the Apps tab.

View App Configurations

View App Configurations

To configure an app, click the View App Configurations button.

Add New App

Add New App

Click the Add App button.

Set Configuration Type

Set Configuration Type

Select the Configuration Type drop-down menu and set the configuration type to Paste XML.

Add App Details

Add App Details
  • Enter the name of the app in the Name field [1] : Annoto

  • Enter the consumer key in the Consumer Key field [2] and the shared secret in the Shared Secret field [3].

  • This key and shared secret is provided by Annoto, If you do not have this information, please contact us support@annoto.net

Enter Configuration XML

Enter Configuration XML

In the XML Configuration field, paste the XML code.

The XML Code can be found in the following link:

https://auth.annoto.net/lti/config/canvas

Open it using a web browser (preferred Chrome) and just copy-and-paste it to the field.

Submit App

Submit App

Click the Submit button.

Verify App

Verify App

If the Annoto App has already been added in the account, Canvas verifies that you still want to install the app. To continue, click the Yes, Install Tool button.

Note: Verifications only take place in the same context for an existing external app (such as installing the same app multiple times in the root account).

Using Annoto App

Open Pages

Open Pages

In Course Navigation, click the Pages link.

View Pages

View Pages

Pages is designed to open to the front page for the course, if there is a front page selected. To select a page from the Pages Index, click the View All Pages button.

Open Page

Open Page

Click the title of the page you want to open.

Edit Page

Edit Page

Click the Edit button.

  1. Add video with Annoto

Click on Annoto icon

  1. Add a video source

Copy paste embed code or url of your video.

  1. Set video size

Note:

  • Aspect ratio is 16:9

  • Large: 1280x720

  • Medium: 640x360

  • Small: 480x270

  1. Set a Title

Add a title to the video (this is not mandatory)

  1. Discussion Settings

  • Enable Annoto in-video collaboration [1]

  • Widget Position [2] : Select the position of Annoto widget in the video player

  • Tabs [3] : Annoto widget will have tabs on the side for quickly toggling between discussion and private notes.

Show Hide (Prefer Menu)

  1. Save Page

Save Page

Click the Save button.

Support

If you need any additional information or have any questions, please contact us at Annoto Support

Last but not least

To learn how to access the Annoto Dashboard in your Canvas, go to How to access Annoto Dashboard page.

In order to learn more about all the wonderful things you can do with Annoto, visit the Annoto Widget Guide page.