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:

  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: support@annoto.net

[

...

"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 course unit, add the video bock.

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

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.