Difference between revisions of "Image viewer"

From Wikidocumentaries
Jump to navigation Jump to search
(Created page with "The image viewer shows individual images or image sets. It allows zooming into the images, and acts as a gateway to image tools. File:Media Viewer.png {{design-nav}}")
 
(HTML mockup)
 
(21 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
The image viewer shows individual images or image sets. It allows zooming into the images, and acts as a gateway to image tools.
 
The image viewer shows individual images or image sets. It allows zooming into the images, and acts as a gateway to image tools.
[[File:Media Viewer.png]]
+
[[File:Media Viewer.png|1000px]]
 +
==Parts of the Image viewer page==
 +
===Image part===
 +
* Zoom
 +
* Navigate previous / next
 +
* Return to previous view / close image viewer
 +
 
 +
====Toolbar====
 +
* Close image viewer
 +
* Actions menu
 +
* Settings menu
 +
 
 +
[[File:Image viewer viewport actions.png|1000px]]
 +
 
 +
 
 +
 
 +
===Image metadata display and editor===
 +
See [[Metadata editor]]
 +
 
 +
===Discussion===
 +
See [[Discussion]]
 +
 
 +
===Tools===
 +
Would it make sense to be able to switch seamlessly between the different tools? The interface concept makes it possible.
 +
 
 +
===Related media through different links (not designed yet)===
 +
* Media about related topics. For example a link "More of this > Full image exploration view.
 +
* Display of the organisation and optionally the collection from which the image is from.
 +
* Ask the organisation who provided this media. Display also in the organisation's or collection's page. Notify the organisation by email.
 +
 
 +
==Notes about IIIF==
 +
The image display may be built to Wikidocumentaries first without zoom, and bring zoomable images together with IIIF. The site will ideally display images from IIIF sources and possibly also ordinary large images in a IIIF viewer.
 +
 
 +
=== Server-side technology ===
 +
 
 +
=== Viewer options ===
 +
See for example
 +
* https://github.com/mejackreed/Leaflet-IIIF for a Leaflet solution
 +
* Lightweight viewer https://github.com/durham-university/jalava and demo http://iiif.durham.ac.uk/jalava/universe.html with Elm
 +
 
 +
===Wikidata properties===
 +
* IIIF manifest (P6108)
 +
* relative position within image (P2677)
 +
 
 +
Continue work in [[media metadata]]
 +
 
 
{{design-nav}}
 
{{design-nav}}

Latest revision as of 07:48, 9 August 2019

The image viewer shows individual images or image sets. It allows zooming into the images, and acts as a gateway to image tools. Media Viewer.png

Parts of the Image viewer page

Image part

  • Zoom
  • Navigate previous / next
  • Return to previous view / close image viewer

Toolbar

  • Close image viewer
  • Actions menu
  • Settings menu

Image viewer viewport actions.png


Image metadata display and editor

See Metadata editor

Discussion

See Discussion

Tools

Would it make sense to be able to switch seamlessly between the different tools? The interface concept makes it possible.

Related media through different links (not designed yet)

  • Media about related topics. For example a link "More of this > Full image exploration view.
  • Display of the organisation and optionally the collection from which the image is from.
  • Ask the organisation who provided this media. Display also in the organisation's or collection's page. Notify the organisation by email.

Notes about IIIF

The image display may be built to Wikidocumentaries first without zoom, and bring zoomable images together with IIIF. The site will ideally display images from IIIF sources and possibly also ordinary large images in a IIIF viewer.

Server-side technology

Viewer options

See for example

Wikidata properties

  • IIIF manifest (P6108)
  • relative position within image (P2677)

Continue work in media metadata


Navigation

About Technology Design Content modules Tool pages Projects
Status

Wikidocumentaries blog

Wikidocumentaries demo

Phabricator project

Facebook group

GitHub repository

Translation in TranslateWiki

Wikidocumentaries Slack

Setting up dev environment

Resources

Translations

Languages

Using Wikibase

Federation with Wikidata

APIs

Linking

Media metadata

Properties to content

User registration

Licensing

Page types

Landing page

Search page

Topic page

User page

Organisation page

Project page

Tool page

Tasks

Components

Main toolbar and footer

Search

Faceting

Topic page header

Content module

Dropdown

Modal

Icons

Active modules

Article

Family tree

Gallery

Historical map

Images

Image viewer

Infobox

Map

Module ideas

Audio/Video

Bibliography

Correspondence

Discussion

Graph

Name

Newspaper articles

Testimonials

Timeline

Visualizations

Wikidocumentary

3D

Visual editor

Query tool

QuickStatements

Open Refine

Creating topics

Uploading images

Geolocating tool

Metadata editor

Rectifying maps

Transcription

Annotation tool

Central Park Archives

Convent Quarter

Wikisource