# Annoto Widget

Annoto enables learners to contribute, share and learn together, promoting an interactive group experience. Annoto allows learners to lean forward, become actively involved and return to the video content, sharing ideas and learn with their peers and instructors. For example, learners can ask questions on specific moments in the video that they didn’t understand and get notified when answered, or engage in meaningful conversations on the content. All the interactions are time-tagged, and therefore are kept in the context of the video.

Each user can also see who in online and have a 1\*1 chat with any of the other participants and in addition, users can manage a personal notebook where they can reflect on the video content, add bookmarks and can add additional information (e.g., videos and web links).

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

## The Annoto Interactive layer

Annoto adds an interactive layer to the video content that consists of :

* In-Video Collaboration Widget
* Interactive Timeline

![Illustration: Annoto open widget on a video](https://566050748-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LyZZ-Rd8ZeUw4DKgY2O%2Fuploads%2FSpRx5wIAHtGRo1WkUIXm%2Fimage.png?alt=media\&token=0268be29-36f6-4a0b-ac2a-202c2267d759)

![Illustration: Annoto closed widget on a video](https://566050748-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LyZZ-Rd8ZeUw4DKgY2O%2Fuploads%2F3Au3IDHEl5403FVU3bl6%2Fimage.png?alt=media\&token=9fe55e30-38a8-4eb6-ba2d-295a918676ba)

{% hint style="info" %}
Every comment  is [**time-tagged**](https://docs.annoto.net/guides/annoto-platform/broken-reference), meaning everything you write is always in the **context** of the video. Clicking on the time-tag of each comment takes to the exact moment in the video it refers.
{% endhint %}

### In-Video Collaboration Widget

**Annoto In-Video Collaboration Widget** allows to collaborate with the learners, ask questions, take notes and much more - always in the context of the content.

Using the colored tabs, a user can move between “Comments” and “Personal notes” (You can also do it via the “Menu” button).

Here is a closer look on the[ **In-Video Collaboration Widget**](https://www.youtube.com/watch?v=Q8sCU9YNgXI)

![Illustration: Annoto widget and its features](https://566050748-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LyZZ-Rd8ZeUw4DKgY2O%2Fuploads%2Fr8aZm7PVoVU1Av7vHr0n%2Fimage.png?alt=media\&token=61c8fc41-8246-4088-b2f1-8befcc911bf7)

## Interactive Timeline

At the bottom of the video, there is the [**interactive timeline**](https://www.youtube.com/watch?v=goiq92Lnvmc) that provides a visual representation of the comments\ notes at the Annoto widget (in accordance with the tab that is currently presented). The comments are represented by the colorful bars on the timeline. 

![Illustration: Annoto widget, Interactive timeline](https://566050748-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LyZZ-Rd8ZeUw4DKgY2O%2Fuploads%2FtiK06awRd4rzwLxdOP0t%2Fimage.png?alt=media\&token=81a1b596-e04b-4665-a831-91ccba2343eb)

The **height** of the bars represents the number of comments (or notes) and the **colors** represent their sentiments (if no sentiment was used, bar will be grey).

{% hint style="success" %}
Clicking on one of the bars (comment indicators) in the timeline:

* Takes you to that exact moment in the video
* Scrolls the discussion to  the relevant comments for this moment
  {% endhint %}

## **Comments**

The Annoto Comments Space provides you with a one-click-away conversation with anyone on the video:

![Annoto widget, Comments Space](https://566050748-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LyZZ-Rd8ZeUw4DKgY2O%2Fuploads%2FNfQmlKLobuYGUjcwJthX%2Fimage.png?alt=media\&token=a79aa589-f1a5-4233-b889-1b4bb39ab399)

* **Ask** your learners questions about a video
* **Share** your **ideas** & thoughts
* **Answer** learners' **questions**
* **Share examples**, or ask the learners to share
* **Add links** and videos as comments
* See the **level of understanding** of your learners 
* Place **translations** or **clarifications** to words, phrases or ideas in the exact place in the video that they appear

## **User Space**

The Annoto User space reflects **entire learning Activity Feed** (comments, replies, and more) in all the course videos:

![Annoto widget, User space](https://566050748-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LyZZ-Rd8ZeUw4DKgY2O%2F-MBir6cw0YUgLcB7a3hQ%2F-MBiu8Fck2xAZYml31kM%2Fimage.png?alt=media\&token=c078bfe0-3ac9-45b7-a1b8-3a222d76acd2)

\
For a quick tour of the User Space, please [**see this short video**](https://t.sidekickopen77.com/s1t/c/5/f18dQhb0S7lM8dDMPbW2n0x6l2B9nMJN7t5XWPfhMynW4XHmCP5v0NMPW56dzGq4BPNMR102?te=W3R5hFj4cm2zwW4mKLS-4rCvX6W4hCVj23Fbt5SW4myB8V3QJdFtW3vkyqD3DKCFf4DQtB1\&si=8000000001542903\&pi=518ee5ba-e69d-41c2-9d6a-6c736aba7498). 

## People

People Space gives you an overview of the video viewers, to see who is online at any given moment. You can invite any participant (whether online or offline) to a private conversation (a 1\*1 chat). 

![Annoto widget, People space](https://566050748-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LyZZ-Rd8ZeUw4DKgY2O%2Fuploads%2Fgn1ygIjhggPnCHWapyOZ%2Fimage.png?alt=media\&token=9fb70fc7-6ea5-4965-87b2-b7f2ebb7b188)

## Personal Notes

Manage your very own **personal notebook:**

![Annoto widget, Personal Notes space](https://566050748-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LyZZ-Rd8ZeUw4DKgY2O%2Fuploads%2FE4tXtEw0otFbdx24sqoE%2Fimage.png?alt=media\&token=47142cd0-31d6-4fa1-84c4-1ca3bdbc4d92)

* **Highlight** specific moments (important parts in the video, things you want to discuss with the learners, topics you wish to focus on, key questions for the exam, etc.).
* Add your **thoughts** and **insights** (they will be visible only to you).
* Learners can **Summarize** and **Bookmark** the video for exam preparation.
* **Export** into **document** for offline review

## **Interactions**

Annoto Interactions enable you to keep the learners engaged in additional ways, such as: quizzes, polls, surveys, etc. 

![Illustration: Annoto widget, Interactions space](https://566050748-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LyZZ-Rd8ZeUw4DKgY2O%2Fuploads%2FWuP6lodXQ8PlNAeKXMa6%2Fimage.png?alt=media\&token=9f9cb47d-aa0f-46de-850c-59d8a607ab03)

Each interaction includes a bundle of settings, created specifically to match the needs of it, and after choosing the settings, you will be able to review the final result of the interaction that was created. 

## Dashboard

The Annoto Dashboard was designed in order to shed light upon learners' video consumption and behavior within the Annoto in-video collaboration widget, providing you with analytics and insights regarding their activity in the course:

![](https://566050748-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LyZZ-Rd8ZeUw4DKgY2O%2F-MCD_I3D6I_lxrxWmt8N%2F-MCDiUDSKtnJcXITALOB%2Fimage.png?alt=media\&token=f2577665-ee15-4d5e-9762-a665f1bd7569)