Widget Integration (xBlock)

Overview

This document shows how to add Annoto OpenEdx 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

You can enable the Annoto xblock in studio through the advanced settings, as you can see in this video, or in the following instructions:

  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.

These ClientID and shared secret are provided by Annoto, If you do not have this information, please contact us at: [email protected]

[

...

"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

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

Last but not least

To learn more about the Annoto widget in OpenEdX, visit How to add Annoto Widget page.

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