Difference between revisions of "Images"

From Wikidocumentaries
Jump to navigation Jump to search
(Image controls & indicators)
(when some images have been selected for an action)
 
(204 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[[File:Wikidocumentaries-Images.png]]The visitor gets to view images from open repositories related to the topic. She can like an image, view it in a separate viewer window. She can remove images that are not related to the topic. An image with activity is registered in the database.
+
<gallery mode=slideshow>
==Toolbar==
+
Arkistokuvia-Sihvonen.png
* Tools
+
Arkistokuvia (12).png
* Settings
+
Arkistokuvia (11).png
* Expand
+
Arkistokuvia-hover.png
 +
Arkistokuvia-imageactions.png
 +
Arkistokuvia-imageremove.png
 +
Arkistokuvia-facet.png
 +
Arkistokuvia (8).png
 +
Arkistokuvia (9).png
 +
</gallery>
  
===Search settings===
+
The visitor gets to view images related to the topic from open repositories. She can open the image in the local [[image viewer]] or the original location. She can remove images that are not related to the topic, but then she must provide a reason, which will add info to the image. She can add the image to a collection, edit the metadata, identify people, places and time in an image. An image which is acted upon is registered in the database and made available for metadata editing and eventually upload to Wikimedia Commons.
* Select sources
 
* Select content types
 
  
===Tools===
+
Images displayed are generally considered [https://creativecommons.org/share-your-work/public-domain/freeworks Free Cultural Works]. It may be possible to display images with Creative Commons ND or NC restrictions, but they can not be enriched or used in any way.
* Select all / Select none
 
* Remove from this topic
 
* Tag with...
 
  
==Content==
+
Images module is different from the [[Gallery]] module, as the Images module focuses on single images, whereas galleries contain items.
* Dynamically retrieved images from Wikimedia and memory institutions in a masonry layout
 
  
==Image controls & indicators==
+
==Choosing the main image==
 +
# Image P18 in the Wikidata item
 +
# Main image in one of the related Wikipedia articles
 +
# The first image in the images listing, not a pdf
  
===Image===
+
==Image grid==
* Hover - View title and indicators. Use gradient shadow in the background.
+
* The result set is displayed in a '''justified view'''. Use the Flickr grid code [https://codekraft-studio.github.io/vue-justified-layout/ available for Vue here]? The script requires the image dimensions to be known to produce the grid. Can we get any of this info in the API results or must we wait until we have the images loaded?
* Click - Select image for batch operations. Visible frame, corner, overlay
+
* 60vh and two rows of images are displayed and more can be viewed (by scrolling horizontally or by querying more images gradually).
 +
* Possibility to open a separate '''Images discovery window''' for browsing images in a full page window.  
 +
* '''Rephoto''' and original photograph are displayed as a pair.
 +
* '''Adding images''' via an action in the Images toolbar Actions menu. > Add image tool / modal?
  
===Indicators===
+
==Image tasks==
* Plus - Add image metadata to Wikidocumentaries
+
* '''Grouping''' – Select a group of photos that were shot at the same occasion
 +
** Could be automatically suggested by exif data?
 +
** Creates a collection, which is tagged with all appropriate properties and displayed in either the image section or a collections section
 +
* Record common disambiguation items and tag those images.
 +
** When anyone removes an image from the collection and gives the correct topic to link to, this topic is saved in the "Different from" property.
 +
* Select images for the header
 +
** These images can be used as item images in Wikidata. Other specific types of images can also be tagged (night view, coat of arms, flag, image of the grave...)
  
Which will make available
+
==Module toolbar==
* Speech bubble - Indicates discussion, link to discussion
 
* POI - Indicates geologation, link to geolocating
 
* Star - Favourite / collect and organise for own purposes
 
* Wheel - Other tasks
 
  
Always visible
+
===View===
* Cross - Remove from result set, add to black list
+
* View
* Expand - View in image viewer
+
** on a map
 +
** on a timeline
 +
 
 +
===[[File:UniE015 - elipses.png]] Actions===
 +
[[File:Images Actions no selection.png|right]]
 +
====when no images have been selected====
 +
* Select images
 +
 
 +
[[File:Images Actions with selection.png|right]]
 +
 
 +
====when some images have been selected for an action====
 +
* Reset selection
 +
* Remove images from this topic > (submenu)
 +
** Add correct tags (modal)
 +
** Flag the images (modal)
 +
** Remove from this topic
 +
* Add tags to the selected > (modal)
 +
* Add to a collection >
 +
 
 +
===[[File:UniE006 - funnel.png|24px]] Facet and sort===
 +
Images can be filtered based on their properties. Initially everything is selected. Selections filter out content. UI for selecting has not been fully developed. Unselected may be dimmed or selected may be highlighted. It must be possible to make several choices. There must be a way to see the full selection of properties. Reset by section may be needed. Number of images by facet is needed. Sorting uses the same controls, and is attached to only a few properties. Sorting by location means sorting by distance. Sorting by several criteria has not been defined.
 +
 
 +
[[File:Arkistokuvia header facet.png|1000px]]
 +
 
 +
The result set can be faceted and sorted.
 +
* Restrict by
 +
** Time
 +
** Location
 +
* Filter/facet by
 +
** Depicted
 +
*** People
 +
*** Topics
 +
*** Places (hierarchical presentation)
 +
** Wikimedia Commons classes or most used Wikidata links. To be explored.
 +
** Image qualities
 +
*** Image size
 +
*** Image orientation
 +
*** ''colour''
 +
** Content types
 +
*** Photograph
 +
*** Map
 +
*** Graphic
 +
*** Painting
 +
*** Rephoto
 +
** Creator
 +
** Source platform
 +
** Source institution
 +
* Sort by
 +
** Time
 +
** Proximity
 +
** Creator
 +
* Save search criteria as a dynamic collection
 +
* Reset selection
 +
 
 +
===Find===
 +
Free text find
 +
 
 +
==Image==
 +
<gallery mode=packed heights=200>
 +
Image with basic actions.png|Image with basic actions (normal state). Clicking the image opens the image in the [[Image viewer]]. Clicking on the external button opens the image in it's original location.
 +
Image with caption.png|Image with a caption (hover state). Use gradient shadow in the background.Structured data is presented with links.
 +
Image romove reasons.png
 +
</gallery>
 +
<gallery mode=packed heights=200>
 +
Image actions.png|Image actions are available through the Actions menu. Any action will add the image metadata to Wikidocumentaries.
 +
Image with all icons.png|Image with all icons. Indicators show which data is attached to the image. The respective tools can be accessed directly by clicking on the icon in addition to navigating through the Actions menu.
 +
Image with no actions allowed.png|Image with no actions allowed. It is possible to display images that are not permissively licensed, but they cannot and will not be enriched.
 +
</gallery>
 +
 
 +
===Caption===
 +
* '''Title/caption''': Title
 +
* '''Attribution''': Role & Creator (can be many, with link to topic page if possible)), date (year), license (with link)
 +
* '''Source''': Institution (link to preferably the page in Wikidocumentaries, fallback: website) / Platform (link to info page)
 +
 
 +
====Example (links not included)====
 +
Elias Öhman's cortege in Kanavakatu, Helsinki, 19 March 1908.<br />
 +
Photographer '''[[#|Anonymous]]''', 1908, '''[[#|Public Domain]]'''.<br />
 +
'''[[#|Helsinki City Museum]]''' / '''[[#|Finna]]'''.
 +
 
 +
===Controls and actions===
 +
* '''Ellipsis''' - [[Dropdown]]: '''Actions'''. Any action will add the image metadata to Wikidocumentaries.
 +
** ''Edit image metadata'' > '''Save''' initial [[media metadata]], Save image content to XX, '''Open''' [[Metadata editor]]
 +
** ''Geolocate the image'' > '''Save''' initial [[media metadata]], Save image content to XX, '''Open''' [[Geolocating tool]]
 +
** Discuss the image > Save initial [[media metadata]], Open [[Image viewer]], Start [[Discussion]]
 +
** Select to a collection > Open [[Collection chooser modal]]
 +
** Identify people, places, date... > Open [[Identification tool]]
 +
** Set as topic's main image
 +
** Set as... > Persistent menu or modal: See opitions in [[Infobox#Commons_media]]
 +
** Download image > Open [[Download modal]]
 +
** Copy caption > Open [[Caption modal]]
 +
* Speech bubble - Indicates discussion > Join [[Discussion]]
 +
* POI - Indicates geologation > Open [[Geolocating tool]]
 +
* Question mark - Indicates unidentified people > Open [[Identification tool]]
 +
* Star - Default empty star > Open [[Collection chooser modal]]
 +
* Cross - Remove from this topic, assign new topic or discard altogether, do not show with this topic anymore
 +
* External - View in original location
 +
 
 +
==Search conditions==
 +
===Images listing===
 +
* The search now produces 20 images from each repository. They are not ordered.
 +
 
 +
===Search language(s)===
 +
It is important to use search terms in the languages that the repository uses.
 +
* The languages of the repository could be saved as the search languages, in the repository entry in the local Wikibase.
 +
* The topic may have an original language
 +
** nationality --> languages spoken?
 +
 
 +
===Keyword search in search language(s)===
 +
* Topic label and aliases.
 +
* Use additional name fields, if available
 +
** official name (P1448)
 +
** birth name (P1477)
 +
** short name (P1813)
 +
** name in native language (P1559)
 +
** pseudonym (P742)
 +
** married name (P2562)
 +
** art-name (P1787)
 +
** posthumous name (P1786)
 +
** codename (P1638)
 +
** alternate names (P4970)
 +
* Use street address (OR)
 +
* Use administrative unit (OPTIONAL)
 +
 
 +
===Make use of authority IDs===
 +
 
 +
===Limit search to certain fields if necessary===
 +
* Topic search
 +
** Finna.fi: filter[]=~topic_facet:"Topic"
 +
* Creator search
 +
** Finna.fi: The subject is the creator of the image (or the work depicted in the image): filter[]=~author_facet:"Author name"
 +
 
 +
===Search by location===
 +
* Finna.fi: The image is within the coordinates of the subject: filter[]={!geofilt sfield=location_geo pt=lat,lon d=dist}:""
 +
* The subject is a location of the image: filter[]=~geographic_facet:"Place name"
 +
 
 +
===Filtering===
 +
* Find only certain file types
 +
** Finna.fi
 +
*** The search result is an image: filter[]=~format_ext_str_mv:"0/Image/"
 +
*** The search result is an artwork: filter[]=~format_ext_str_mv:"0/WorkOfArt/"
 +
* Filter out certain file types
 +
** Wikimedia Commons
 +
*** Signatures, flags, sounds, location maps etc. could be filtered out and displayed in other sections instead
 +
 
 +
===How to search Wikimedia Commons in general??===
 +
Include subcategories in Wikimedia Commons
 +
* [https://petscan.wmflabs.org/?language=commons&project=wikimedia&depth=10&categories=Rovaniemi&ns%5B6%5D=1&search_max_results=500&interface_language=en&format=json&doit=Do%20it Query]
 +
 
 +
===Copyright and licenses===
 +
* Images with no redistribution rights should be filtered out if found.
 +
* Creative Commons NC and ND images could possibly be displayed but they could not be reused, or they could be filtered out altogether.
  
  
 
{{Design-nav}}
 
{{Design-nav}}

Latest revision as of 09:37, 6 December 2021

The visitor gets to view images related to the topic from open repositories. She can open the image in the local image viewer or the original location. She can remove images that are not related to the topic, but then she must provide a reason, which will add info to the image. She can add the image to a collection, edit the metadata, identify people, places and time in an image. An image which is acted upon is registered in the database and made available for metadata editing and eventually upload to Wikimedia Commons.

Images displayed are generally considered Free Cultural Works. It may be possible to display images with Creative Commons ND or NC restrictions, but they can not be enriched or used in any way.

Images module is different from the Gallery module, as the Images module focuses on single images, whereas galleries contain items.

Choosing the main image

  1. Image P18 in the Wikidata item
  2. Main image in one of the related Wikipedia articles
  3. The first image in the images listing, not a pdf

Image grid

  • The result set is displayed in a justified view. Use the Flickr grid code available for Vue here? The script requires the image dimensions to be known to produce the grid. Can we get any of this info in the API results or must we wait until we have the images loaded?
  • 60vh and two rows of images are displayed and more can be viewed (by scrolling horizontally or by querying more images gradually).
  • Possibility to open a separate Images discovery window for browsing images in a full page window.
  • Rephoto and original photograph are displayed as a pair.
  • Adding images via an action in the Images toolbar Actions menu. > Add image tool / modal?

Image tasks

  • Grouping – Select a group of photos that were shot at the same occasion
    • Could be automatically suggested by exif data?
    • Creates a collection, which is tagged with all appropriate properties and displayed in either the image section or a collections section
  • Record common disambiguation items and tag those images.
    • When anyone removes an image from the collection and gives the correct topic to link to, this topic is saved in the "Different from" property.
  • Select images for the header
    • These images can be used as item images in Wikidata. Other specific types of images can also be tagged (night view, coat of arms, flag, image of the grave...)

Module toolbar

View

  • View
    • on a map
    • on a timeline

UniE015 - elipses.png Actions

Images Actions no selection.png

when no images have been selected

  • Select images
Images Actions with selection.png

when some images have been selected for an action

  • Reset selection
  • Remove images from this topic > (submenu)
    • Add correct tags (modal)
    • Flag the images (modal)
    • Remove from this topic
  • Add tags to the selected > (modal)
  • Add to a collection >

UniE006 - funnel.png Facet and sort

Images can be filtered based on their properties. Initially everything is selected. Selections filter out content. UI for selecting has not been fully developed. Unselected may be dimmed or selected may be highlighted. It must be possible to make several choices. There must be a way to see the full selection of properties. Reset by section may be needed. Number of images by facet is needed. Sorting uses the same controls, and is attached to only a few properties. Sorting by location means sorting by distance. Sorting by several criteria has not been defined.

Arkistokuvia header facet.png

The result set can be faceted and sorted.

  • Restrict by
    • Time
    • Location
  • Filter/facet by
    • Depicted
      • People
      • Topics
      • Places (hierarchical presentation)
    • Wikimedia Commons classes or most used Wikidata links. To be explored.
    • Image qualities
      • Image size
      • Image orientation
      • colour
    • Content types
      • Photograph
      • Map
      • Graphic
      • Painting
      • Rephoto
    • Creator
    • Source platform
    • Source institution
  • Sort by
    • Time
    • Proximity
    • Creator
  • Save search criteria as a dynamic collection
  • Reset selection

Find

Free text find

Image

Caption

  • Title/caption: Title
  • Attribution: Role & Creator (can be many, with link to topic page if possible)), date (year), license (with link)
  • Source: Institution (link to preferably the page in Wikidocumentaries, fallback: website) / Platform (link to info page)

Example (links not included)

Elias Öhman's cortege in Kanavakatu, Helsinki, 19 March 1908.
Photographer Anonymous, 1908, Public Domain.
Helsinki City Museum / Finna.

Controls and actions

Search conditions

Images listing

  • The search now produces 20 images from each repository. They are not ordered.

Search language(s)

It is important to use search terms in the languages that the repository uses.

  • The languages of the repository could be saved as the search languages, in the repository entry in the local Wikibase.
  • The topic may have an original language
    • nationality --> languages spoken?

Keyword search in search language(s)

  • Topic label and aliases.
  • Use additional name fields, if available
    • official name (P1448)
    • birth name (P1477)
    • short name (P1813)
    • name in native language (P1559)
    • pseudonym (P742)
    • married name (P2562)
    • art-name (P1787)
    • posthumous name (P1786)
    • codename (P1638)
    • alternate names (P4970)
  • Use street address (OR)
  • Use administrative unit (OPTIONAL)

Make use of authority IDs

Limit search to certain fields if necessary

  • Topic search
    • Finna.fi: filter[]=~topic_facet:"Topic"
  • Creator search
    • Finna.fi: The subject is the creator of the image (or the work depicted in the image): filter[]=~author_facet:"Author name"

Search by location

  • Finna.fi: The image is within the coordinates of the subject: filter[]={!geofilt sfield=location_geo pt=lat,lon d=dist}:""
  • The subject is a location of the image: filter[]=~geographic_facet:"Place name"

Filtering

  • Find only certain file types
    • Finna.fi
      • The search result is an image: filter[]=~format_ext_str_mv:"0/Image/"
      • The search result is an artwork: filter[]=~format_ext_str_mv:"0/WorkOfArt/"
  • Filter out certain file types
    • Wikimedia Commons
      • Signatures, flags, sounds, location maps etc. could be filtered out and displayed in other sections instead

How to search Wikimedia Commons in general??

Include subcategories in Wikimedia Commons

Copyright and licenses

  • Images with no redistribution rights should be filtered out if found.
  • Creative Commons NC and ND images could possibly be displayed but they could not be reused, or they could be filtered out altogether.



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

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

Topic page header

Content module

Dropdown

Modal

Icons

Active modules

Article

Family tree

Gallery

Historical map

Images

Image viewer

Infobox

Map

Module ideas

Bibliography

Correspondence

Discussion

Name

Newspaper articles

Social graph

Testimonials

Timeline

3D

Audio/Video

Wikidocumentary

Visual editor

Query tool

QuickStatements

Open Refine

Creating topics

Uploading images

Geolocating tool

Metadata editor

Rectifying maps

Transcription

Identification tool

Central Park Archives