Workflow of adding a plugin to itslearning content

For the end user

  1. Go to any location where the rich text editor is used, for example try to add an Assignment to a course.

  2. To use the plugin one must first add it to the insert list. This is done by clicking "Browse extensions" [1] and finding your plugin in the list of available extensions. Click "Include" to make it appear in the drop down [2].

    images/download/attachments/18613232/image2013-8-29_16_9_1.png
  3. Click on the plugin you just added to your insert list[2] to insert an instance of the plugin to your note. You will be taken to the plugin site to generate some content (e.g. draw an image or choose an article). When you're done with that the plugin will post the data back to itslearning and you will see a placeholder for it in the rich text editor. The plugin placeholder image will be placed where your cursor was located when you launched the plugin from the insert menu. You can reposition the plugin content by moving the placeholder image.

    images/download/attachments/18613232/image2013-8-29_16_9_23.png
  4. When clicking 'save' in the rich text editor you are taken to your note with the embedded plugin content (In this case an image of the characters from Big Buck Bunny)

    images/download/attachments/18613232/image2013-8-29_16_9_39.png

    The image in the note is licensed under Creative Commons Attribution 2.0 Generic, courtesy of Steren Giannini ( http://www.flickr.com/photos/steren/ )

Behind the scenes

When the teacher chooses a plugin from the insert menu authentication is sent to the plugin site in the query string.

Technically, a plug-in sends HTML content to itslearning which itslearning inserts into the text editor. Available plug-ins will be presented to the teacher in a drop down in the rich text editor. When the user selects a plug-in he is sent to the external plugin web site. Depending on the plug-in site the user might interact with the web page to create or customize the content of the plug-in. The content is then sent back to itslearning and inserted into the editor.

Example workflow with the Atekst plugin

With the plug-in from Atekst teachers and students easily can embed newspaper articles from the all Norwegian news archives directly in the text editor in itslearning.

images/download/attachments/18613232/image2013-8-29_15_35_12.png