Note:

If you want to create a new page for developers, you should create it on the Moodle Developer Resource site.

User Tours Project

From MoodleDocs
Revision as of 05:05, 20 July 2016 by Andrew Nicols (talk | contribs) (Starting to add details of external libraries assessed)
hopscotch
Repository https://github.com/linkedin/hopscotch
Project stability Stable
Stars / Forks 3361 / 483
Project activity Low - Medium
Latest release v0.2.6 (July 2nd 2016)
Author LinkedIn
License Apache 2.0
User Tours
Project state Developing
Tracker issue MDL-52777
Discussion https://moodle.org/mod/forum/discuss.php?d=335682
Assignee Andrew Nicols


Summary

Add a feature to allow administrators to create and share walkthroughs, which are a series of instructional overlays displayed on top of the Moodle User Interface.

Problem

Moodle is a large application with many features. Some of these features are hard to understand without instruction. One on one training for Moodle is time consuming and hard to scale.

Solution

Allow the administrator to create "walkthroughs" where a series of instructional overlays are displayed over the Moodle User Interface.

These are often known as:

  • instructional overlays; and
  • tours.

Target Users

Administrators, New Moodle users, Experienced Moodle users exposed to a new feature, Teachers, Students

Technical Requirements

  • Simple clear overlays that are easy to disable or replay
  • Import/export walkthroughs to a simple file format so they can be shared
  • Themable
  • WCAG AA compliant
  • Full support for RTL
  • Full support for Multilang

Integrations

Several external instructional overlay libraries already exist. These are JavaScript libraries which take configuration (usually JSON) and produce tours to display to end users.

hopscotch

Hopscotch is an Instructional Overlay written and maintained by LinkedIn.


Features

  • event callbacks
  • multi-page tours
  • i8n support
  • lightweight
  • flexible templates
  • flexible placement
  • flexible targetting
  • range of tour and step options

Benefits

  • does not rely upon any external libraries, though it can utilise jQuery if it is present on the page
  • handles its own styling, and positioning
  • HTML5 session storage
  • wide range of events fired to allow additional customisations

Concerns

  • lack of responsive design. Steps are displayed off-screen on mobile devices
  • lack of accessibility
  • difficult to customise

Although a number of events and customisation points are available, the library makes it difficult to utilise these. You can override the renderer, but are then unable to access the internal functions of the tour.

bootstrap-tour

Bootstrap tour is a 'Quick and easy way to build your product tyours with Bootstrap Popovers'

bootstrap-tour
Repository https://github.com/sorich87/bootstrap-tour
Project stability Stable
Stars / Forks 3413 / 659
Project activity Low
Latest release v0.10.3 (February 12th 2016)
Author Ulrich Sossou
License MIT


Features

  • event callbacks
  • multi-page tours
  • lightweight
  • flexible templates
  • flexible placement
  • flexible targetting
  • range of tour and step options

Benefits

  • responsive design
  • Uses standard DOM Storage interfaces
  • wide range of events fired to allow additional customisations

Concerns

  • lack of accessibility
  • high dependence upon a specific version of Bootstrap (v2.3)

joyride

Joyride is an easy to configure jQuery site tour wizard.

joyride
Repository https://github.com/zurb/joyride
Project stability Stable
Stars / Forks 1276 / 243
Project activity Low
Latest release v2.1.0 (Jan 23 2014)
Author Zurb
License MIT


Features

  • responsive
  • event callbacks
  • jQuery compatible

Benefits

  • responsive

Concerns

  • last release was 2.5 years ago. Though a v3 release is in the works, this seems to have stalled.
  • lack of accessibility
  • designed for Foundation/Zurb. A 'solo' version is available but includes a fair chunk of base Foundation library.