Annoto is an in-video collaboration solution that enables users to contribute, share and learn together, turning passive 1-way video viewing into an interactive group experience.

Annoto provides the full solution:

Video time-based discussion on one hand and Insights and Management Dashboard on the other, as you can see in the following video:

As opposed to simply watching a video passively, users can lean forward and become participants, share ideas and create meaningful content, causing all users to be actively involved and return to the video.

Powered by comprehensive analytics and insights, Annoto sheds light upon users and their interactions within the video content, giving a view on how and when users interact with the video content and with each other.

Want to learn more about Annoto? You're definitely in the right place!

Go ahead - Annoto's guides are waiting for you!

This document shows how to add and use Annoto Dashboard as an external tool Canvas App Center.

Adding the Annoto Dashboard App

Open Settings

In Course Navigation, click the Settings link.

Open Apps

Click the Apps tab.

Search for Annoto Dashboard:

Click on the Annoto Dashboard App

Note: there are two apps one for EU region and one for US region, contact support if you not sure which you should use

Click the +Add App button.

Add App Details

• Enter the name of the app in the Name field [1] : Annoto Dashboard

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

Add App

Testing the Annoto Dashboard Direct Integration to Canvas:

Support

Last but not least

This guide describes how to add the Annoto App for Canvas with LTI version 1.3 to your Instructure Canvas environment. This guide is intended for Canvas and Annoto administrators.

Installation Overview and Requirements

The Annoto App for Canvas is implemented as a set of LTI external tools. The tools are added manually through the addition of an LTI Developer Key in Canvas.

Prerequisites

• A Canvas Administrator account

Example:

https://auth.eu.annoto.net/lti/register/{host_id}/canvas

Example:

https://auth.eu.annoto.net/hosts/{host_id}/lti/app
https://auth.eu.annoto.net/hosts/{host_id}/lti/embed/select
https://auth.eu.annoto.net/hosts/{host_id}/lti/embed/launch
https://auth.eu.annoto.net/hosts/{host_id}/lti/dashboard/launch

Deployment Instructions

Create the LTI Developer Key in Canvas

1. Login to your Canvas instance with an Account Admin user account.

2. Click the following to launch the LTI Developer Key Settings page.

   • Click the Admin tab.

   • Click the Developer Keys tab

   • Click “+ Developer Key”

   • Click “+ LTI Key”

1. In the Key Settings page

   • Change the Method to “paste JSON”

   • Set Key Name = “Annoto LTI Advantage”

   • Set Owner email = optional

   • Notes = optional

   • For the LTI 1.3 Configuration value copy the JSON code from the link (provided by Annoto) to the JSON Configuration and paste it instead of the displayed brackets

Example:

https://auth.eu.annoto.net/lti/register/{host_id}/canvas

• Click Save.

1. The new LTI Developer Key will now be listed on the Developer Keys page. If the Status is set to “OFF” with a red box around it, it means the key is disabled. To enable the key click the “On” button. When the key is enabled “On” will be within a green box.

1. Send the Client ID to Annoto

Adding the Annoto App for Canvas Tools in Canvas

1. Log into Canvas as an Admin

2. navigate to the Developer Keys page. Admin > Developer Keys (https://{your_Canvas_base_URL}/accounts/1/developer_keys).

3. On the Canvas Developer Keys page locate the listing for the developer key you created in the steps for Create the LTI Developer Key in Canvas.

1. Copy the Client ID that is listed for the LTI Developer Key in the Details column.

2. Navigate to the Account Settings page. Admin > Settings (https://{your_Canvas_base_URL}/accounts/1/settings#tab-settings).

3. In the settings tabs click on “Apps”.

4. On the Apps page click the “View App Configurations” button.

5. On the External Apps page click the “+ App” button.

6. On the Add App page

   • Click on the “Configuration Type” drop down menu and select “By Client ID”.

   • Paste the Client ID copied from the Developer Keys into the Client ID field

   • Click "Submit".

Support

Last but not least

This document shows how to add and use Annoto as an external tool Canvas App Center.

Adding the Annoto App

Open Settings

In Course Navigation, click the Settings link.

Open Apps

Click the Apps tab.

Search for Annoto:

Click on the Annoto App

Click the +Add App button.

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].

Add App

Testing the Annoto Direct Integration to Canvas:

Support

Last but not least

This document shows how to add only the Annoto insights dashboard 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

Click the Apps tab.

View App Configurations

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

Add New App

Click the Add App button.

Set Configuration Type

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

Add App Details

• Enter the name of the app in the Name field [1] : Annoto Insights Dashboard

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

Enter Configuration XML

In the XML Configuration field, paste the XML code.

The XML Code can be found in the following link:

EU Deployment:

US Deployment

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

Submit App

Click the Submit button.

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).

Support

Last but not least

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

Click the Apps tab.

View App Configurations

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

Add New App

Click the Add App button.

Set Configuration Type

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

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].

Enter Configuration XML

In the XML Configuration field, paste the XML code.

The XML Code can be found in the following link:

EU Deployment:

US Deployment

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

Submit App

Click the Submit button.

Testing the Annoto Direct Integration to Canvas:

Support

Last but not least

Overview

This document details the steps required to install the Annoto Engagement Package for Moodle.

Prerequisites

• API Key (Client ID)

• SSO secret

• Registration Keys

  • Annoto Dashboard

  • Annoto Assignment

Installation Process

• Annoto Moodle Local plug-in used to:

  • Load Annoto's in-video engagement widget for automatic detection and adjustment based on the player type running on the page.

  • Enable Annoto Activity Completion.

• Annoto Assignment: Annoto's in-video engagement widget and allows for grading activities to sync with Moodle Gradebook.

• Annoto Dashboard: Enables managing course activities and gaining actionable insights on learners and video content delivered.

Install Annoto Local Plugin

1. After the plugin is installed, Enter the API Key and SSO Secret.

1. Now click "Save" at the bottom of the settings page.

   Note If you want to learn more about the plugin settings:

Adding the Annoto Dashboard

1. Login as Administrator

2. Enter: Site administration -> Plugins -> Activity modules -> External Tools -> Manage Tools.

1. In the text box labeled "Tool URL..." enter the specific link based on your deployment:

1. Click on "Add LTI Advantage"

1. Enter the API Key (Client ID) and Registration Key (Received for each tool)

2. Click "REGISTER"

Now the new Tool is added:

1. Click on the Edit icon

2. Change the "Tool configuration usage" type to "Show in activity chooser and as a preconfigured tool"

Adding Annoto Assignment

Repeat the steps 4-8 for Adding Annoto Assignment

• In the text box labeled "Tool URL..." enter the specific link based on your deployment:

When seeing this message:

Click on "Register as a new external tool"

That's it!

Interactive Step by Step for Adding Annoto Local Plugin

Interactive Step by Step for Annoto Dashboard and Annoto Assignment Tools

Support

Last but not least

Overview

This document offers an overview of the settings for the Annoto Moodle local plugin.

Background

• Annoto supports Moodle using local plugin that includes, among other things, the following capabilities:

  • Annoto In-video engagement widget

  • Automatic detection of the type of player running on the page and automatic adjustment of the type of player

  • The plugin currently supports the following video players/sources (the system supports more players. If needed can be added such as FlowPlayer, Wistia, etc.):

1. VideoJS

2. YouTube

3. Vimeo

4. H5P

5. jwPlayer

6. Kaltura

7. Wistia

8. HTML5

• Single sign-on support

• Ability to change Annoto appearance and layout settings

• Ability to activate Annoto on :

  • All site

  • In a course level

  • In activity level

Annoto Plugin settings

Once the plugin is installed, go to its settings screen and set its mode of operation according to the desired mode.

The plugin is installed with default settings that include settings for roles, and settings of how to run on a site.

Annoto Setup

• API Key –Which was received from Annoto, this is provided per domain

• SSO Secret –Which was received from Annoto, this is provided per domain

• Annoto’s script URL - Provide Annoto's script URL (No need to change)

• Deployment domain - Provide the region for the widgets. Please note that the widget data is bound to a specific region.

Annoto dashboard (LTI)

The Annoto local plugins add the Annoto Dashboard automatically to Moodle, and set the LTI activity.

• Name, URL and Icon Fields do not need to be changed

• Add to all the courses

  • If enabled, Annoto dashboard will be automatically added to all the courses.

• If disabled the Annoto dashboard can be added manually from the “+ Add an activity or resource” on the desired course

• Dashboard Manager Roles - Specify which role will trigger the addition of the Annoto dashboard to the course. For example: in the above image only Teacher and Manager roles will trigger the addition of the Annoto dashboard to the course.

Annoto Settings

1. Locale – If enable will set the language of Annoto per page and course based on Course and User preferences

2. Moderator Roles – Specify who is allowed to moderate discussions (only roles that at least include the following capabilities are available: local/annoto:moderatediscussion).

Media Player Settings

Enable overriding the Moodle Media Player settings for better user expirence

Activity completion (Beta)

If enabled, Annoto activity completion will be available in the following Moodle activities:

• Page

• Label

• H5P

• hvp

• Kaltura activity

• Annoto Assignment

Support

General

When using LTI in embedded mode with Moodle, the default iFrame height is very low.

The following describes how to increase the iFrame height

Install a Moodle plugin

Download this plugin and install it in your Moodle

Installing via uploaded ZIP file

1. Login to your Moodle site as an admin and go to Administration > Site administration > Plugins > Install plugins.

2. Upload the ZIP file. You should only be prompted to add extra details (in the Show more section) if your plugin is not automatically detected.

3. If your target directory is not writeable, you will see a warning message.

4. Check the plugin validation report

To ensure you have the best possible experience while using Annoto, it is important to make a few specific adjustments to your media settings within Moodle.

By making these changes, you will enhance the functionality and overall performance of Annoto on your platform.

Here are the steps you need to follow in order to achieve an optimal experience with Annoto.

1. Click on "Site administration"

2. Click on "Plugins"

3. Click on "Media players"

4. Click on "Manage media players"

5. Click on "Settings"

6. Click to enable playing YouTube videos with the Moodle default player (if not already checked)

7. Click on "Save changes"

8. Set the order of the players at the table using the arrows in the "Order" column

9. Done 🚀

Overview

Using LTI 1.3 in Canvas, administrators have the option to hide the Annoto Dashboard link from course navigation by default. This means that the link will not appear for instructors unless they choose to enable it themselves.

Prerequisites

• Admin access to Canvas with LTI 1.3

Step by Step Interactive guide

Overview

This document shows how to add Annoto as an LTI activity to your OpenEdx environment.

Enable LTI Consumer In Studio

You can enable the LTI xblock in studio through the advanced settings:

1. From the main page of a specific course, click ​Settings->Advanced Settings in the top menu.

2. Check for the Advanced Module List policy key, and add "lti_consumer" in the policy value list.

[

...

" lti_consumer",

...

]

Adding ANNOTO LTI Activity

Once the lti_consumer module was added to the Course, it should be added to the course unit, using the following steps:

1. On the Course Outline page, open the unit in which you want to add Annoto:

2. Under Add New Component, click ​Advanced​, and then select ​LTI Consumer​.

3. Click Edit and then change LTI Consumer settings as you prefer:

Annoto LTI Activity Settings

Set the following fields as follows :

• Display Name : Annoto LTI Activity (Or any name you like)

• LTI Version: LTI 1.3

• Tool Launch URL:

https://auth.eu.annoto.net/hosts/{host_id}/lti/app

• Registered Redirect URIs: leave empty

• Tool Initiate Login URL:

https://auth.eu.annoto.net/hosts/{host_id}/lti/login/...

• Tool Public Key Mode: Keyset URL

• Tool Keyset URL:

https://auth.eu.annoto.net/jwks/...

• Enable LTI NRPS: True

• Deep linking: True

• Deep Linking Launch URL:

https://auth.eu.annoto.net/hosts/{host_id}/lti/embed/select

• LTI Assignment and Grades Service: Allow tools to manage and submit grade (programmatic)

• Scored: True

• Accept grades past deadline: True (Default)

• Send extra parameters: True

After clicking Save, you will see the following information:

Please send it as plain text to you Support contact at Annoto.

Click on Deep Linking Launch - Configure tool

2. Add a video source

• Copy paste embed code or url of your video.

• Add the title to the video, this will be used to identify the video in the Annoto dashboard

• Set the Aspect Ratio for the video

• Embed Size - Set video size

Click on Embed

In order for the changes to go live, don’t forget to publish the unit:

Click on view live version:

Now you will the Anntoo widget overlaying the video:

Support

Last but not least

Open Pages

In Course Navigation, click the Pages link.

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

Click the title of the page you want to open.

Edit Page

Click the Edit button.

1. Add video with Annoto

2. Add a video source

• Copy paste embed code or url of your video.

• Add the title to the video, this will be used to identify the video in the Annoto dashboard

• Set the Aspect Ratio for the video

• Embed Size - Set video size

Click on Embed

Support

Last but not least

Overview

This document shows how to add Annoto in-video collaboration widget to your OpenEdx course videos

Adding Annoto In-Video Collaboration Widget

Annoto Widget Settings

• Display name: The name of the module

• Widget position: Select the position of Annoto widget in the video player.

• Overlay Video: Will Annoto show on the video (True) or outside of it (False)

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

Hidden Enabled tabs

• Initial State: When the video starts – will Annoto be open or closed

• Discussion Scope: Will discussions on a video be per course (Private per course) or will anyone in the site be able to be a part of the conversation (Site Wide).

• Features: When adding the Annoto widget to the Course Unit you can set the widget features. There are four options in the dropdown menu:

1. Comments & Notes (Default).

2. Comments – Enable only the Shared comments feature.

3. Private Notes – Enable only the personal notebook feature.

4. Only Analytics – This will enable tracking the user activity and video consumption without showing the Annoto widget.

Example: if you don't want users to add comments and want to have only the widget's personal notes, you can just disable it and use Annoto as personal notes.

5. Save the changes you made.

6. In order for the changes to go live, don’t forget to publish the unit:

7. In order to see Annoto on the published page click on View Live Version

Support

Last but not least

Overview

This document shows how to add Annoto Insights Dashboard to your OpenEdx environment.

Annoto Insights And management Dashboard Setup

Annoto’s dashboard was designed in order to shed a light upon students’ behavior within Annoto in-video collaboration widget, providing you with data regarding their engagement within the video content.

Enable LTI Consumer In Studio

You can enable the LTI xblock in studio through the advanced settings:

1. From the main page of a specific course, click ​Settings->Advanced Settings in the top menu.

2. Check for the Advanced Module List policy key, and add "lti_consumer" in the policy value list.

[

...

" lti_consumer",

...

]

Adding ANNOTO INSIGHTS AND MANAGEMENT DASHBOARD

Once the lti_consumer module was added to the Course, it should be added to the course unit, using the following steps:

1. On the Course Outline page, open the unit in which you want to add Annoto:

2. Under Add New Component, click ​Advanced​, and then select ​LTI Consumer​.

3. Click Edit and then change LTI Consumer settings as you prefer:

LTI Annoto DASHBOARD Settings

Set the following fields as follows :

1. Display Name : Annoto Dashboard

2. LTI ID : annoto-auth

4. Open in New Page : False

5. Request user's email : True

6. Request user's username: True

7. Save the changes you made.

8. In order for the changes to go live, don’t forget to publish the unit:

9. In order to see Annoto Dashboard on the published page click on View Live Version

Support

Last but not least

Annoto provides its in-video collaboration solution for Live video and VOD across the different Kaltura products.

Through our strategic partnership, Annoto and Kaltura empower organizations to activate in-video collaboration and insights effortlessly with just a single click.

Annoto is supported by the following Kaltura products:

Elevates KMS beyond a mere video content management system to a dynamic e-community hub, fostering a vibrant interactive space for users.

The KAF Module integration ensures compatibility and consistency with KMS settings.

Annoto enhances audience engagement by making viewers active contributors, creating an immersive experience that mirrors the interactivity of in-person events. With support for Kaltura Webcasting, Annoto extends the conversation from live events to on-demand video (VOD), maintaining the context of each interaction. This feature not only enriches live streaming with collaborative notes and discussions but also preserves these interactions for the VOD content, with comprehensive analytics accessible via the Annoto dashboard.

Annoto supports Kaltura Webcasting and provides a unique capability of continuing user discussions and personal notes that were made during live video streams, on VOD, keeping each comment in sync with the video. Annoto provides analytics and insights on the user's activities during the live session and afterward in the VOD. Now Kaltura Webcasting users can collaborate and take notes during live streaming and then continue on the recorded content, and all the analytics will be available through the Annoto dashboard (also integrated as part of Kaltura). Kaltura Webcast has added support to “Live to VOD” - This is a unique capability enabling all user interactions (comments, notes, votes, etc.) created during the Live session to be available on the recorded session as well.

Annoto's suite of features fully supports Kaltura Lecture Capture for live streaming, inviting all participants to engage through comments, notes, and more during the live event. This interactive layer adds depth to the learning experience, offering valuable insights into user engagement during live sessions.All Annoto features and capabilities are also available for the Kaltura Lecture Capture live stream enabling all users to interact (comments, notes, votes, etc.) during the live broadcast, and gain insights on the live sessions.

Annoto can be added as a player plugin in KMC. This enables customers to embed Annoto in external sites (SharePoint, intranet, etc.).

To provide the best customer and user experience, some of the data is transferred between Kaltura and Annoto platforms.

Processed Data

Kaltura shares data about the media details (media items and their context) and information about the users that consume the media.

Annoto collects all the UGC (User Generated Content) such as comments, votes, private notes, etc. and securely stored on AWS cloud (SAAS solution) or dedicated enterprise cloud (Enterprise solution).

Media Details Data

Kaltura shares the following media details to Annoto:

1. Media identifier

2. Media title

3. Media description

4. Media duration

5. Media author

6. Media thumbnail URL

7. Context (channel/category/course) identifier

8. Context title

9. Context description

10. Context thumbnail URL

Users Data

Kaltura shares the following user information to Annoto via SSO (Single Sign-On):

1. User identifier

2. User full name

3. User email

4. User role

Data Transfer Methods

All the data is securely transferred over https.

Overview

This document shows how to add Annoto as an LTI activity to your OpenEdx environment.

Enable LTI Consumer In Studio

You can enable the LTI xblock in studio through the advanced settings:

1. From the main page of a specific course, click ​Settings->Advanced Settings in the top menu.

2. Check for the Advanced Module List policy key, and add "lti_consumer" in the policy value list.

[

...

" lti_consumer",

...

]

3. In “LTI Passports “, Add value "annoto-auth:<annoto_client_id>:<annoto_client_secret>" to LTI Passports list, fill in “annoto-auth:” and then ClientID and Secret, separated by punctuation.

[

...

"annoto-auth:<annoto_client_id>:<annoto_client_secret>",

...

]

For example:

[

"annoto-auth:eyJhbGciOiJIUzI1NiJ9.Mjc0NGJhODEtMWQ2OC00YWJkLTg4MGQtODc2MzM1MWRkYTg5.o_OLJJwbkvUhYumiFWf6TQXSvShVZRuzi2UbijAPMkc:72d6299b5a0d66106f824594a7943303540b15b8b859596d7af2a3ab4f89140a"

]

As seen in the image below:

4. Click on the Save changes button.

Adding ANNOTO LTI Activity

Once the lti_consumer module was added to the Course, it should be added to the course unit, using the following steps:

1. On the Course Outline page, open the unit in which you want to add Annoto:

2. Under Add New Component, click ​Advanced​, and then select ​LTI Consumer​.

3. Click Edit and then change LTI Consumer settings as you prefer:

Annoto LTI Activity Settings

Set the following fields as follows :

1. Display Name : Annoto LTI Activity (Or any name you like)

2. LTI ID : annoto-auth

3. LTI URL:
4. Custom Parameters:

   • nn_ptype - Player type (vimeo, wistia, youtube, videojs, html5, jwplayer etc.)

   • nn_v - Video Source ID

Examples:

Youtube:

nn_ptype=youtube

nn_v=s7z91ePA8oo

Wistia:

Inline Link: ....src="https://fast.wistia.net/embed/iframe/p0jkc3d9by"...

Popover embed: ...src="https://fast.wistia.com/embed/medias/p0jkc3d9by.jsonp"....

nn_ptype=wistia

nn_v=p0jkc3d9by

Vimeo:

nn_ptype=vimeo

nn_v=253538285

1. LTI Launch Target: Inline

2. Request user's email : True

3. Request user's username: True

4. Save the changes you made.

5. In order for the changes to go live, don’t forget to publish the unit:

Click on view live version:

Support

Last but not least

How-to Add Annoto to Kaltura Player

Follow the next steps in order to add Annoto capabilities to Kaltura player.

2. Choose the desired player (e.g. ‘Example Player – Basic’).

3. Choose in the right menu “Plugins”

4. Create New Plugin For the desired player by pressing on the ‘Create New Plugin’ button.

5. Message box will be shown enter the Plugin name “annoto” and then press ‘Add’ button.

Note : The name of the plugin needs to be “annoto” (this name is important, this is how Kaltura works).

6. Define the following variables for the plugin:

• Name: iframeHTML5Js

  • Type: Text

• Name: domain

• Type: Text

• Value:

  • EU: eu.annoto.net

  • US: us.annoto.net

  • Staging: staging.annoto.net

• Name: customerKey

• Type: Text

• Value: eyJhbGciOiJ..... (The Customer Key for your domain provided by Annoto).

  • This is depending on the use case of using Annoto.

Note: If customerKey is not provided, Annoto Will load in Demo Mode.

Demo Mode allow you to experience the product but all comments created are not saved after page refresh.

7. Save player settings and that's it, use the player with Annoto Capabilities.

Support

Last but not least

Overview

Annoto’s dashboard was designed in order to shed light upon students’ behavior within Annoto in-video collaboration widget, providing you with data regarding their engagement with the video.

Annoto dashboard within Canvas

Once Annoto is added to Canvas, an Annoto Insights tab will be automatically added to your Canvas.

Clicking on this Annoto Insights tab will take you into the Annoto Insights dashboard.

Support

Last but not least

Overview

This document shows how to add Annoto to your D2L environment via LTI 1.3

Annoto can be setup in Brightspace with LTI 1.3 dynamically or manually. It is recommended to use dynamic registration.

Register the Tool

1. Click on the settings icon, then click on Manage Extensibility.

2. From the LTI Advantage tab, click Register Tool.

3. Choose Dynamic, enter the Annoto registration URL, check the checkbox to Configure Deployment and click Register:
4. Input the clientID and Registration Key provided by Annoto, and click Register:
5. Please notice that by default the registration is Disabled. Click on the newly created registration, enable it scroll to the bottom and click on Save:

1. Click on View Deployments link

1. Open the newly created deployment.

Note the deployment will have the same name as the registration.

1. Scroll to the "Security Settings" section and make sure all checkboxes except "Anonymous" are enabled

1. Under Configuration Settings, enable Auto Create Grade Items and optionally enable Grades created by LTI will be included in Final Grade:

1. Add Org Units the too should be available to:

1. Click on Save and the Tool will be available for usage in the select Org units.

Annoto automatically adds 3 links which can be viewed by clicking on View Links:

Annoto has now been registered in Brightspace and is ready for use!

If you prefer not to have the Annoto course dashboard in the Course NavBar, you can choose this alternative option.

1. Click on adding "Existing Activities"

2. Then click on "External Learning Tools"

1. Click on the "Annoto Dashboard" LTI Link

1. Click on the activity setting and click "Hide from Users"

1. Click on the "Annoto Dashboard" activity

Overview

This document shows how to add Annoto xBlock to your OpenEdx enviroment.

In-Video Collaboration Widget Setup

Installation

sudo -sHu edxapp

source ~/edxapp_env

pip install -e "git+https://github.com/Annoto/xblock-in-video-collaboration.git#egg=xblock_annoto"

Enabling Annoto In Studio

1. From the main page of a specific course, click ​Settings->Advanced Settings in the top menu.

2. Check for the Advanced Module List policy key, and add "annoto" in the policy value list.

[

...

"annoto",

...

]

As seen in the image below:

3. In “LTI Passports “, Add value "annoto-auth:<annoto_client_id>:<annoto_client_secret>" to LTI Passports list, fill in “annoto-auth:” and then ClientID and Secret, separated by punctuation.

[

...

"annoto-auth:<annoto_client_id>:<annoto_client_secret>",

...

]

For example:

[

"annoto-auth:eyJhbGciOiJIUzI1NiJ9.Mjc0NGJhODEtMWQ2OC00YWJkLTg4MGQtODc2MzM1MWRkYTg5.o_OLJJwbkvUhYumiFWf6TQXSvShVZRuzi2UbijAPMkc:72d6299b5a0d66106f824594a7943303540b15b8b859596d7af2a3ab4f89140a"

]

As seen in the image below:

4. Click on the Save changes button.

Check Annoto In-Video Collaboration Installation

Once the Annoto Module was added to the Course, it should be added to the course unit, using the following steps:

1. On the Course Outline page, open the unit in which you want to add Annoto:

2. In the course unit, add the video block.

3. Under Add New Component, click ​Advanced​, and then select ​Annoto​.

4. Click Edit and then change Annoto settings as you prefer:

Support

Last but not least

1. Login to your Brightspace instance with an Admin user account.

2. In Brightspace, click the 'Admin Tools' (little gear on top right) button, and click on "Manage Extensibility".
3. In Manage Extensibility page select the “LTI Advantage” tab and click the “Register Tool” button.

1. The “Register a Tool” page will display. Click the “Standard” radio button to display the Tool Registration fields. For the following steps please refer to this picture.

1. Enabled should be checked. If it is not, click on the slide button to enable the tool.

2. Fill in the following fields:

   • Name - give a general name to the tool. E.g: “Annoto LTI 1.3 Integration”.

   • Description: Annoto Dashboard and Embed with Content-item messaging

   • Domain

     • US Deployment:

     • EU Deployment:
   • Using the information provided by Annoto support, populate the specified fields.

     1. Redirect URIs

     2. OpenID Connect Login URL (Login Initiation URL)

     3. Target Link URI (../lti/app from the Redirect URIs)

     4. Keyset URL (JWKS URL)

   • Extensions - check all 3 check boxes. i. Assignment and Grade Services ii. Deep Linking iii. Names and Role Provisioning Services

   • Roles - Check the Send Institution Role

3. Click the “Register” button. The following alert displays:

1. Send this strings to your Annoto contact support (as text).

2. Click "Done".

1. Click the Admin Tools icon and click "External Learning Tools".

2. Click on "LTI Advantage"

3. Click on "New Deployment"

1. The “Deploy Tool” page will display.

2. For the following steps please refer to this picture.

1. Name: Annoto LTI 1.3 Integration

2. Description: Dashboard and Embed with Content-item messaging

3. Add the appropriate org units for where in your institution you would like to use Annoto. We recommend choosing the main Org unit and all sub descendants, but you can also select otherwise.

Overview

This module extends Annoto Module with additional functionality for Hosted KAF (Such as LTI Outcomes).

1. Go to your KMS/KAF Management Console (<Your_Kaltura_site_Url>/admin) and navigate to the Annotokaf module.

2. Enable - set Yes to enable the module.

3. Click Save.

Support

Last but not least

1. To add Annoto to a unit click on “Add Existing”

1. Click on the "Embed Annoto Media":

1. Add a video source

1. Copy paste embed code or url of your video.

1. Set a Title

1. Click on "Embed"

Overview

This document shows how to add Annoto Insights Dashboard to your OpenEdx environment.

Annoto Insights And management Dashboard Setup

Annoto’s dashboard was designed in order to shed a light upon students’ behavior within Annoto in-video collaboration widget, providing you with data regarding their engagement within the video content.

Enable LTI Consumer In Studio

You can enable the LTI xblock in studio through the advanced settings:

1. From the main page of a specific course, click ​Settings->Advanced Settings in the top menu.

2. Check for the Advanced Module List policy key, and add "lti_consumer" in the policy value list.

[

...

" lti_consumer",

...

]

Adding ANNOTO LTI Activity

Once the lti_consumer module was added to the Course, it should be added to the course unit, using the following steps:

1. On the Course Outline page, open the unit in which you want to add Annoto:

2. Under Add New Component, click ​Advanced​, and then select ​LTI Consumer​.

3. Click Edit and then change LTI Consumer settings as you prefer:

Annoto LTI Activity Settings

Set the following fields as follows :

• Display Name : Annoto Dashboard LTI Activity (Or any name you like)

• LTI Version: LTI 1.3

• Tool Launch URL:

• Registered Redirect URIs: leave empty

• Tool Initiate Login URL:

• Tool Public Key Mode: Keyset URL

• Tool Keyset URL:

• Enable LTI NRPS: True

• LTI Assignment and Grades Service: Allow tools to manage and submit grade (programmatic)

• Scored: True

• Accept grades past deadline: True (Default)

• Send extra parameters: True

In order for the changes to go live, don’t forget to publish the unit:

In order to see Annoto Dashboard on the published page click on View Live Version

Support

Last but not least

Installation Overview and Requirements

Enabling Annoto Passback Grading in Kaltura transforms the video learning experience by fostering greater student assessment directly within the video content.

This feature streamlines the grading process by seamlessly integrating with Learning Management Systems, allowing for the efficient transfer of assessment data. It offers educators deep insights into student interactions, enhancing the ability to tailor feedback and improve teaching strategies.

By bridging Kaltura's rich video capabilities with Annoto's interactive tools, educational institutions can significantly enhance both teaching effectiveness and learning outcomes, creating a more dynamic and personalized educational environment.

Prerequisites

• A Kaltura Administrator account

• A Kaltura Application Framework (KAF)

• In some cases (Canvas) An LMS Administrator account

Deployment Instructions

Enabling Annotokaf Module

This module extends Annoto Module with additional functionality for Hosted KAF (Such as LTI Outcomes).

1. Go to your KMS/KAF Management Console (<Your_Kaltura_site_Url>/admin) and navigate to the Annotokaf module.

2. Enable - set Yes to enable the module.

3. Click Save.

Setting Annoto Webhook

Configure the webhook integration to enable advanced features, such as enabling Annoto's reporting and grading functionality in the Learning Management System (LMS).

• Please send the Endpoint URL to your Annoto representative. If it is empty, send the KAF URL instead.

In Correspondence, you will receive the following values. Please enter them in the respective fields:

• jwksUrl

• integrationKey

Update the LMS

1. Adding the Annoto Course dashboard can be done either by the admin in the course template, or by the individual course admin

2. Hover over the navigation bar and click the three dots on the right (or pencil icon on the left).

3. Click Edit This NavBar

1. The Edit Navbar window is displayed.

2. Click Add Links.

1. Click Create Custom Link

6. In the Create Custom Link window, enter Annoto Course Dashboard as the Name.

7. Click Insert Quicklink.

1. Select External Learning Tools.

2. Select Annoto Dashboard.

1. The URL Quicklink is displayed:

1. Under Behavior choose "Same Window"

2. Under Availability make sure to choose course staff and exclude unauthorized roles (e.g. student)

3. Click Create and then Add

1. Click Save and Close

1. Annoto Course Dashboard should be now available in the NavBar

Support

Last but not least

Overview

This module adds Annoto’s in-video collaboration assessment and insights solutions to Kaltura Video Portal (aka KMS) and LMS integrations (Kaltura Application Framework aka KAF).

For KAF and LMS integrations, the Annotokaf module is required to be enabled as well. If this module

is not available, please get in touch with your Kaltura representative to enquire about adding it.

Prerequisites

1. Send the following information to the Annoto team:

   • Send the KAF/KMS domain and any alias domains if you have one

2. To activate the module, the Annoto team will send back the following information:

   • API Key

   • Secret

3. Go to your KMS/KAF Management Console (<Your_Kaltura_site_Url>/admin) and navigate to the Annoto module.

   • Enable the Annoto module

   • Fill in the appropriate fields with the API Key and Secret

   • Click Save

Grading Support

If you are using Annoto in an LMS via the Kaltura KAF to the following to enable grading support

• Send the field called "endpoint" under the Webhook section in the Annoto Module.

• Make sure AnnotoKAF Module is existing and enabled.

• Annoto Team will send you the jwksUrl and integrationKey values.

Video as Comment

• Go to your KMS/KAF Management Console (<Your_Kaltura_site_Url>/admin) and navigate to the Annoto module.

• Enable the Annoto module for the integration parameters to auto-populate.

• Copy the text of the following integration configuration:

  • appTokenId

  • appToken

  • appTokenHash

  • uiConfigId

Annoto Module Settings Overview

General Settings

• enabled - Enable/Disable the Annoto module.

• apiKey - Which was received from Annoto, this is provided per Partner ID.

• ssoSecret – Single Sign-On secret matching the API Key provided by Annoto.

Webhook (Only KAF)

Configure webhook integration so that advanced features can be enabled, such as enabling Annoto's reporting grading to the LMS.

• jwksUrl - JWKS URL for validating the webhook messages, provided by Annoto.

• integrationKey - Integration Key provided by Annoto.

• Endpoint - Target URL to where Annoto should send the webhook messages. (The following field are auto-populated with the disable/enablement of the module. )

Annoto Preferences Permissions Settings

The dropdown has the following options:

• Specific Users

• privateOnlyRole

• adminRole

• unmoderatedAdminRole

If a role is selected, any role above it will also be able to change the Annoto Preferences.

Permissions Based on Users/Groups

• Once “Specific Users” is chosen, a submenu will be available for adding authorized users and/or groups.

• Click on “activationEditAllowedUsers” to add Users/Groups

• Click on the “Select Users/Groups” to add Users/Groups to the list

• Enter the user or group (once you start typing you will see suggestions related to what you entered)

Additional Activation settings

• guestUsersAllowed - If checked, not-logged-in Users will be able to see Annoto Widget. [KMS only]

• loginPath - URL path for user login page. If provided, Users will have login prompts in the widget to add a comment/vote/etc.

Player Embed Sizes

• playerEmbedSizesOverride - Enables overriding the BSE player sizes (for the optimal Annoto user experience).

• keepCustomBSEPlayerSizes - If enabled, override only the default sizes but keep any custom BSE player sizes.
• playerEmbedSizes - Defines sizes that can be used for embedded players. Defines the player size in the following format: {width}x{height}.

• Recommended sizes:

  • Large: 1200*628

  • Medium: 1024*576

  • Small: 900*506

Integration

The following fields are auto-populated with the enablement of the module.

• appTokenId - ID of the App Token.

• appToken - Value of the App token.

• appTokenHash - Hash type used to generate the App token.

• uiConfigId - Player UI config ID to be used by Annoto.

Plugin Settings

The following fields are auto-populated with the enablement of the module. Do not change!

• enablePlayerPlugin - Enables the built-in Player Plugin. If disabled, the Annoto plugin would not be injected into the Kaltura player by the module. Allows using Kaltura player with custom (non-production) Annoto plugin.

• playerPluginUrl - URL of the V2 player Annoto plugin. Must start with '//'.

• v7PlayerPluginUrl - URL of the V7 player Annoto plugin. Must start with '//'.

• analyticsCDN - CDN host of the Annoto analytics assets (read-only).

Once Annoto is enabled, when we will view the media, this is what we will see

Troubleshooting

Support

Last but not least

Annoto is a pioneering solution in the realm of educational technology, designed to enhance online video delivery through interactive, social, and assessment layers. With a mission to support diverse educational use cases such as student assignments, skills development, collaborative learning, guided watching, and peer review, Annoto integrates seamlessly with platforms like Canvas, offering deep insights into user engagement and video content.

Recognizing the diverse needs of educational institutions and the importance of brand identity, Annoto has introduced a feature that allows education customers to incorporate their own branding into the Annoto interface. This customization capability empowers institutions to maintain a consistent brand presence across all their educational tools and platforms, fostering a cohesive and recognizable identity for students and educators alike.

By enabling custom branding, Annoto not only enhances the aesthetic appeal of the educational content but also reinforces the institution's values and ethos. This feature is designed to be user-friendly, allowing institutions to easily upload logos, choose color schemes, and customize various elements of the Annoto interface to align with their branding guidelines.

Incorporating custom branding into Annoto provides numerous benefits:

1. Brand Consistency: Ensures that all educational materials and tools reflect the institution's identity, creating a unified experience for users.

2. Enhanced Engagement: A familiar and branded environment can increase student engagement and trust in the platform.

3. Professional Appearance: Custom branding adds a level of professionalism and sophistication to the educational content, enhancing the overall learning experience.

4. Differentiation: Allows institutions to stand out by showcasing their unique brand attributes and creating a distinctive learning environment.

Annoto's commitment to supporting educational institutions extends beyond functionality to include these customizable branding options, demonstrating a holistic approach to enhancing the digital learning experience.

1. Click the Admin Tools icon and click "External Learning Tools".

2. Click on "LTI Advantage"

1. Click on "Annoto LTI 1.3 integration "

2. In the end of the page click on "View links"

Create the Annoto Dashboard

1. Click on "New Link"

1. Name: Annoto dashboard

2. URL: "../lti/dashboard/launch" (from the Redirect URIs provided)

3. Type: Basic Launch
4. Click "Save and Close"

Create the Embed Annoto Media

1. Click on "New Link"

1. Name: Embed Annoto Media

2. URL: "../lti/embed/select" (from the Redirect URIs provided)

3. Type: Deep Linking Quicklink

Note: Remove any default Width and Height values

1. Click "Save and Close"

Overview

This document shows how to add Annoto to your Blackboard Learn/Ultra environment via LTI 1.3

• Login to Blackboard as an admin.

• Go to “Administrator Tools” and select "LTI Tool Providers".

• Click on "Register LTI 1.3/Advantage Tool"
• Copy Paste the Client ID provided you by Annoto

• Click "Submit"

Thats it! See this guide for quick getting started with Annoto in Blackboard:

1. Click the Admin Tools icon and click "External Learning Tools".

2. Click on "Manage External Learning Tool Links" tab and then click "New Link" .

Fill in the information as follows:

• Title: Annoto Course Insights

• URL:

  • EU:
  • US:
• Description: Enter a description that users will understand, e.g. " The Annoto Dashboard was designed in order to shed light upon learners' video consumption and behavior within Annoto in-video collaboration widget, providing you with analytics and insights regarding their activity in the course. ".

• Visibility: Check the box for “Allow users to view this link”

• Check the boxes under “Signature” and choose “Tool consumer key/secret”.

• Check “Use tool provider security settings” under “Security Settings”.

• Add the appropriate org units for where in your institution you would like to use Annoto. We recommend choosing the main Org unit and all sub descendants, but you can also select otherwise.

Overview

This document shows how to add Annoto to your Schoology environment.

Become an App Developer in Schoology

1. Click on Tools and then User Management

1. Click on Permissions

1. Go to Schoology Apps and APIs (at the end of the page)

2. Check the Box for Develop apps for system Admin

1. Click on Save permissions

Create the LTI 1.3 app in Schoology

2. Click Add App.

3. Fill in the following information:

   • App Name: Annoto

   • Description:

   "Annoto provides you with a toolkit that lets you create a range of assessments and interactive video activities for any use case, while providing you actionable insights on the students and the video content delivered."

   • Category - Choose all

   • Recommended For:
5. For Type of App, select LTI 1.3 App, and Check the Launch app in Schoology

1. For Can be installed for, select where users will be able to access the app (e.g. Users, Courses, Groups), Click the following checkboxes and enter the following strings:

   • Left Navigation

     • Copy and paste the Annoto Dashboard string value you received from Annoto Support.
   • Course Materials Selection/Rich Text Editor/External Tool

     • Copy and paste the Embed Annoto Media string value you received from Annoto Support.

1. Set Configuration Type, Privacy, LTI Advantage Extensions as follow:

1. JWKS URL - Copy and paste the values you received from Annoto Support.

2. For the Domain/URL in the Schoology configuration page

• OIDC Login Init URL - Copy and paste the Login Initiation URL you received from Annoto Support.
• Redirect URLs - Copy and paste the values you received from Annoto Support.

  • Example:

1. Click the checkbox for Require System Administrators to configure settings for this App.

2. Click the checkbox for This application meets the Schoology Terms of Use.

3. Click Submit.

Configure the Client ID

2. Next to the newly created Annoto app, click Options.

1. Copy the Client ID and send it to the Annoto support/Account manager to activate your account.

Add the Annoto App to a Schoology Organization

2. Click Install LTI 1.3 app.

3. Click I Agree, to authorize access to Schoology by the Annoto app.

4. Click Continue.

5. Click Add to Organization.

6. Click the checkboxes next to the Users, Courses, or Groups you want to install the Annoto app for.

7. Click Submit.

Add the Annoto App to a Schoology Course/Group

2. Click Install/Remove app.

3. Click All Courses.

1. Click Submit.

Engaging audiences effectively is crucial for the success of any site or channel.

Annoto is a powerful tool that transforms passive content consumption into interactive and collaborative experiences. By integrating seamlessly with your platform, Annoto enables real-time discussions, peer-to-peer engagement, and valuable insights, directly within your videos and also within your site or digital content.

Whether it's for educational purposes, community building, or brand growth, Annoto empowers users to comment, share feedback, and interact, fostering a sense of connection and collaboration.

Its intuitive interface encourages meaningful participation, helping you enhance user retention, improve engagement metrics, and build a thriving, interactive community around your content.

Bring your audience together and unlock the full potential of your site or channel with Annoto.

SETUP

On MediaSpace admin panel

1. Go to Application

2. Under headerJSlinks click on

1. Add this script to the footer field under Global/Application:

1. Click Save

On the MediaSpace Channel/Category

1. Click Edit

1. Add a Tag “collaboration” to the channel

1. Click Save

Now you can collaborate not only on videos but also on pages!

Overview

This document shows how to add Annoto to your Brightspace environment.

Add Annoto as a Tool Provider

The Tool Provider allows you to enter the Annoto key and secret one time for all the Annoto tools.

1. Click the Admin Tools icon and click "External Learning Tools".

2. Click on "Manage Tool Providers (Legacy)" tab and then click "New Tool Provider" .

3. Fill in the information as follows:

• Launch Point:

• Depending on your type of deployment (Ask your Annoto support representive):

  • EU:

    • auth.eu.annoto.net

  • US:

    • auth.us.annoto.net

• Version: Choose the LTI 1.1 version from the drop down

• OAuth Signature Method: Select HMAC-SHA1

• Secret: Use your Annoto Admin Secret that was provided to you by Annoto

• Check "Use custom tool consumer information instead of default” under "Tool consumer information".

• Key: Use your Annoto Admin Host ID that was provided to you by Annoto

  • Note: This needs to be Annoto Host ID and note API Key/Client ID

• Name: Choose a name for the Tool, e.g.: Annoto Course Dashboard

• Description: Enter a description that users will understand, e.g. "‌The Annoto Dashboard helps you manage and analyze learners' video consumption and behavior".

• Contact Email: Enter an email address for users who wish to contact support at your institution.

• Check "Allow users to use this tool provider" under "Visibility”.

• Check all boxes under “Security Settings”.

• Add the appropriate org units for where in your institution you would like to use Annoto. We recommend choosing the main Org unit and all sub descendants, but you can also select otherwise.

Overview

This document shows how to add only the Annoto Course Dashboard to your D2L environment and have it within the NavBar of the course

Overview

This document shows how to add Annoto Dashboard to your D2L NavBar

Annoto can be setup in Brightspace with LTI 1.3 dynamically or manually. It is recommended to use dynamic registration.

Register the Tool

1. Click on the settings icon, then click on Manage Extensibility.

2. From the LTI Advantage tab, click Register Tool.

3. Choose Dynamic, enter the Annoto registration URL, check the checkbox to Configure Deployment and click Register:
4. Input the clientID and Registration Key provided by Annoto, and click Register:
5. Please notice that by default the registration is Disabled. Click on the newly created registration, enable it scroll to the bottom and click on Save: