Difference between revisions of "Image viewer"

From Wikidocumentaries
Jump to navigation Jump to search
(Image metadata display and editor)
(HTML mockup)
 
(12 intermediate revisions by 2 users not shown)
Line 5: Line 5:
 
* Zoom
 
* Zoom
 
* Navigate previous / next
 
* Navigate previous / next
* Actions menu --> Tools
 
 
* Return to previous view / close image viewer
 
* Return to previous view / close image viewer
 +
 +
====Toolbar====
 +
* Close image viewer
 +
* Actions menu
 +
* Settings menu
 +
 
[[File:Image viewer viewport actions.png|1000px]]
 
[[File:Image viewer viewport actions.png|1000px]]
 +
 +
  
 
===Image metadata display and editor===
 
===Image metadata display and editor===
An image is recorded in Wikidocumentaries when a user interacts with an it by favouriting it or geolocating etc.
+
See [[Metadata editor]]
 +
 
 +
===Discussion===
 +
See [[Discussion]]
  
In the Image viewer, metadata from the source is read live when the image is displayed. At this point the metadata can either be saved to Wikidocumentaries as text or it can always remain only at the original site. Users enrich the data by associating the textual entries with existing or new Wikidata or Wikidocumentaries entities and translating descriptions into their languages. When the image metadata is considered ready enough, the image can be ingested to Wikimedia Commons. See an animated sequence in a presentation [https://docs.google.com/presentation/d/e/2PACX-1vSR204PdPVQN2ERUkGNehISppZDhfkvWlN6wYq-M8c4l5-QJvJu4iv2MHPGOuP6tSREQq0VI4TboQWT/pub?start=false&loop=false&delayms=3000 slide 32].
+
===Tools===
[[File:Image metadata enrich change type.png|1000px]]
+
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)===
 
===Related media through different links (not designed yet)===
* Media about related topics
+
* Media about related topics. For example a link "More of this > Full image exploration view.
* Ask the organisation who provided this media
+
* 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