Mirador Viewer (module for Omeka S)

Mirador Viewer is a module for Omeka S that integrates Mirador, an advanced online viewer for images, so it can display books, images, maps, etc. via the IIIF standard. Common plugins are included.

Mirador is an open-source, web based, multi-window image viewing platform with the ability to zoom, display, compare and annotate images from around the world. It's configurable and fully extensible via plugins.

It uses the resources of any IIIF compliant server. The full specification of the "International Image Interoperability Framework" standard is supported (level 2). If you don’t have an IIPImage server, Omeka S can be one! Just install the module IIIF Server.

It’s an alternative to the Universal Viewer or the lighter Diva Viewer.

Installation

The module uses an external js library Mirador, so use the release zip to install it, or use and init the source.

From the zip

Download the last release Mirador.zip from the list of releases (the master does not contain the dependency), and uncompress it in the modules directory.

From the source and for development:

If the module was installed from the source, rename the name of the folder of the module to Mirador, and go to the root module, and run:

    composer install

The next times:

    composer update

Then install it like any other Omeka module.

If you don’t have an IIIF Server, install the module IIIF Server.

If you need to display big images (bigger than 1 to 10 MB according to your server and your network), use an external image server, or create tiles with IIIF Server. The tiling means that big images like maps and deep paintings, and any other images, are converted into tiles in order to load and zoom them instantly.

Usage

Configuration

Only one option can be set in the main config (the manifest property, if any).

The other ones can be set differently for each site:

in site settings via the plugin select. See below.
in site settings via a json object, that will be merged with the default config of the viewer, and with the options set directly in theme, if any.
via the theme of the site: copy file view/common/helper/mirador.phtml in your theme and customize it;
via the theme of the site and the assets (asset/vendor/mirador).

The parameters used to config the viewer can be found in the wiki, in the details of the api and in the examples of the tutorial.

The following placeholders can be used (without quote or double quotes):

__manifestUri__: first manifest uri (or collection uri),
__canvasID__, first canvas uri of the manifest.

For example, this params can be set to display an item in Zen mode:

{
    "mainMenuSettings": {
        "show": false
    },
    "windowObjects": [
        {
            "loadedManifest": __manifestUri__,
            "canvasID": __canvasID__,
            "viewType": "ImageView",
            "displayLayout": false,
            "bottomPanel": false,
            "sidePanel": false,
            "annotationLayer": false,
            "canvasControls": {
                "annotations": false,
                "imageManipulation": {
                    "manipulationLayer": false
                }
            }
        }
    ]
}

This config is for item, not for collection. This example is for the site setting because it uses placeholders, so it should be adapted if used in theme in order to take the default parameters in account. The keys id and data are automatically filled, but may be overridden too.

Display

If the IIIF Server is installed, all resources of Omeka S are automatically available by Mirador.

The viewer is always available at http://www.example.com/item-set/{item-set id}/mirador and http://www.example.com/item/{item id}/mirador. Furthermore, it is automatically embedded in "item-set/{id}" and "item/{id}" show and/or browse pages. This can be disabled in the settings of the site. Finally, a block layout is available to add the viewer in any standard page.

To embed Mirador somewhere else, just use the helper:

    // Display the viewer with the specified item set.
    echo $this->mirador($itemSet);

    // Display the viewer with the specified item and specified options.
    // The options for Mirador are directly passed to the partial, so they are
    // available in the theme and set for the viewer.
    echo $this->mirador($item, $options);

    // Display multiple resources (items and/or item sets).
    echo $this->mirador($resources);

Plugins

Plugins add small features to the Mirador viewer.

Some plugins require json options to work. Some plugins may not work with the integrated version of Mirador. Cross compatibility and options has not been checked, so add them one by one and only the needed ones.

Crosslink
DBMDZ: Plugins of the Digital Library / Munich Digitization Centre at the Bavarian State Library
Disable-zoom
Drag-n-drop link
Jump-to-page
LDN
Metadata
Metadata Tab
Ruler
Share workspace
Sync windows
UCD: Plugins of the University College Dublin

To add and manage a new plugin automatically, fill the file data/plugins/plugins.php and the file view/common/helper/mirador-plugins.phtml.

List of images in fullscreen

The standard Mirador doesn’t allow to have the bottom sidebar (list of images) in fullscreen, so it’s hard to browse. It’s not a bug, it’s a feature. To fix it without patching and recompilation, just run this replacement command from the root of the module:

rpl 'toggleFullScreen:function(){OpenSeadragon.isFullScreen()?(this.element.find(".mirador-osd-fullscreen i").removeClass("fa-expand").addClass("fa-compress"),this.element.find(".mirador-osd-toggle-bottom-panel").hide(),this.eventEmitter.publish("SET_BOTTOM_PANEL_VISIBILITY."+this.id,!1)):(this.element.find(".mirador-osd-fullscreen i").removeClass("fa-compress").addClass("fa-expand"),this.element.find(".mirador-osd-toggle-bottom-panel").show(),this.eventEmitter.publish("SET_BOTTOM_PANEL_VISIBILITY."+this.id,!0))},' 'toggleFullScreen:function(){OpenSeadragon.isFullScreen()?(this.element.find(".mirador-osd-fullscreen i").removeClass("fa-expand").addClass("fa-compress")/*,this.element.find(".mirador-osd-toggle-bottom-panel").hide(),this.eventEmitter.publish("SET_BOTTOM_PANEL_VISIBILITY."+this.id,!1)*/):(this.element.find(".mirador-osd-fullscreen i").removeClass("fa-compress").addClass("fa-expand")/*,this.element.find(".mirador-osd-toggle-bottom-panel").show(),this.eventEmitter.publish("SET_BOTTOM_PANEL_VISIBILITY."+this.id,!0)*/)},' asset/vendor/mirador/mirador.min.js

If wanted, you can fix this feature in the Mirador 2.7.0 source file too: comment lines 42779, 42780, 42783, and 42784.

Warning

Use it at your own risk.

It’s always recommended to backup your files and your databases and to check your archives regularly so you can roll back if needed.

Troubleshooting

See online issues on the module issues page on GitHub.

License

This module is published under the CeCILL v2.1 licence, compatible with GNU/GPL and approved by FSF and OSI.

In consideration of access to the source code and the rights to copy, modify and redistribute granted by the license, users are provided only with a limited warranty and the software’s author, the holder of the economic rights, and the successive licensors only have limited liability.

In this respect, the risks associated with loading, using, modifying and/or developing or reproducing the software by the user are brought to the user’s attention, given its Free Software status, which may make it complicated to use, with the result that its use is reserved for developers and experienced professionals having in-depth computer knowledge. Users are therefore encouraged to load and test the suitability of the software as regards their requirements in conditions enabling the security of their systems and/or data to be ensured and, more generally, to use and operate it in the same conditions of security. This Agreement may be freely reproduced and published, provided it is not altered, and that no provisions are either added or removed herefrom.

Mirador is published under the Apache 2 licence. Each Mirador plugin has a license. See each repository for more information.

Copyright

Widget Mirador:

Module Mirador for Omeka S:

First version of this module was built for Fachhochschule Nordwestschweiz, University of Applied Sciences and Arts, Basel Academy of Music, Academy of Music, Schola Cantorum Basiliensis.

triplingual/Omeka-S-module-Mirador