Difference between revisions of "Images"

From Wikidocumentaries
Jump to navigation Jump to search
(Facet and sort)
 
(117 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[[File:Arkistokuvia.png|1000px]]
+
<gallery mode=slideshow>
 +
Arkistokuvia-Sihvonen.png
 +
Arkistokuvia (12).png
 +
Arkistokuvia (11).png
 +
Arkistokuvia-hover.png
 +
Arkistokuvia-imageactions.png
 +
Arkistokuvia-imageremove.png
 +
Arkistokuvia-facet.png
 +
Arkistokuvia (8).png
 +
Arkistokuvia (9).png
 +
</gallery>
  
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 with activity is registered in the database and made available for upload to Wikimedia Commons.
+
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 [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.
 
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.
Line 7: Line 17:
 
Images module is different from the [[Gallery]] module, as the Images module focuses on single images, whereas galleries contain items.
 
Images module is different from the [[Gallery]] module, as the Images module focuses on single images, whereas galleries contain items.
  
==Displaying the images==
+
==Choosing the main image==
* The result set is displayed in a tiled view. Use the Ajapaik grid code?
+
# Image P18 in the Wikidata item
* Two rows of images are displayed and more can be viewed (by scrolling horizontally or by clicking for more).
+
# Main image in one of the related Wikipedia articles
* The space can be expanded by opening in a separate window.
+
# The first image in the images listing, not a pdf
* Display rephoto and original as a pair.
 
* Add your image through the Images section
 
* Classifications will be accessible as facets. They could also be displayed as subsections.
 
** Images by x, Depicts x etc
 
  
[[File:Arkistokuvia-Sihvonen.png|1000px]]
+
==Image grid==
[[File:Kuvat-Jäppas.png|1000px]]
+
* 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?
 +
* 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==
 
==Module toolbar==
[[File:Arkistokuvia header bar.png|1000px]]
 
 
===[[File:UniE030 - newWindow.png]] View in a new window===
 
Click to open a full page to view images. The page will have similar controls as in the page module.
 
  
===Actions===
+
===[[File:UniE015 - elipses.png]] Actions===
 
[[File:Images Actions no selection.png|right]]
 
[[File:Images Actions no selection.png|right]]
====with no selection====
+
====when no images have been selected====
 
* Select images
 
* Select images
 
* View images
 
* View images
 
** in the viewer
 
** in the viewer
 
** on the map
 
** on the map
** in the timeline
+
** on the timeline
 
* Add an image
 
* Add an image
 
[[File:Images Actions with selection.png|right]]
 
[[File:Images Actions with selection.png|right]]
====with a selection====
+
 
 +
====when some images have been selected for an action====
 
* Reset selection
 
* Reset selection
 
* View selected
 
* View selected
Line 42: Line 58:
 
** in a timeline
 
** in a timeline
 
* Remove images from this topic > (submenu)
 
* Remove images from this topic > (submenu)
** The creator is… (modal)
+
** It is by this creator instead... (modal)
 
*** The topic ''(e.g. V. A. Sihvonen)''
 
*** The topic ''(e.g. V. A. Sihvonen)''
 
*** List of possible related topics ''(e.g. Paavo Sihvonen, Hjalmar Sihvonen, Alexander Sihvonen)''
 
*** List of possible related topics ''(e.g. Paavo Sihvonen, Hjalmar Sihvonen, Alexander Sihvonen)''
 
*** List of disambiguation options ''(e.g. Alexander Sihvonen)''
 
*** List of disambiguation options ''(e.g. Alexander Sihvonen)''
 
*** Search box
 
*** Search box
** The image depicts... (modal)
+
** It depicts this topic instead... (modal)
 
*** List of related topics
 
*** List of related topics
 
*** List of disambiguation options
 
*** List of disambiguation options
Line 58: Line 74:
 
* Add to your collection >
 
* Add to your collection >
  
===Facet and sort===
+
===[[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]]
 
[[File:Arkistokuvia header facet.png|1000px]]
  
Line 70: Line 88:
 
*** Topics
 
*** Topics
 
*** Places (hierarchical presentation)
 
*** 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
 
** Creator
 
** Source platform
 
** Source platform
Line 80: Line 109:
 
*** Topotheques
 
*** Topotheques
 
** Source institution
 
** Source institution
** Content types (Image, map, graphic, rephoto)
 
** Image qualities (Size, ''colour'', orientation)
 
 
* Sort by
 
* Sort by
 
** Time
 
** Time
Line 89: Line 116:
 
* Reset selection
 
* Reset selection
  
==Image controls & indicators==
+
===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)
  
===Image===
+
====Example (links not included)====
[[File:Image actions.png]]
+
Elias Öhman's cortege in Kanavakatu, Helsinki, 19 March 1908.<br />
* Hover - View title and indicators. Use gradient shadow in the background.
+
Photographer '''[[#|Anonymous]]''', 1908, '''[[#|Public Domain]]'''.<br />
* Click - Open image in media viewer
+
'''[[#|Helsinki City Museum]]''' / '''[[#|Finna]]'''.
  
====Controls====
+
===Controls and actions===
* Ellipsis - Actions. Any action will add the image metadata to Wikidocumentaries.
+
* '''Ellipsis''' - [[Dropdown]]: '''Actions'''. Any action will add the image metadata to Wikidocumentaries.
** Edit image metadata > Open [[Image metadata editor]]
+
** ''Edit image metadata'' > '''Save''' initial [[media metadata]], Save image content to XX, '''Open''' [[Metadata editor]]
** Geolocate the image > Open [[Geolocating tool]]  
+
** ''Geolocate the image'' > '''Save''' initial [[media metadata]], Save image content to XX, '''Open''' [[Geolocating tool]]  
** Discuss the image > Start [[Discussion]]
+
** Discuss the image > Save initial [[media metadata]], Open [[Image viewer]], Start [[Discussion]]
 
** Select to a collection > Open [[Collection chooser modal]]
 
** Select to a collection > Open [[Collection chooser modal]]
 
** Identify people, places, date... > Open [[Identification tool]]
 
** 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]]
 
** Download image > Open [[Download modal]]
 
** Copy caption > Open [[Caption modal]]
 
** Copy caption > Open [[Caption modal]]
Line 109: Line 156:
 
* Question mark - Indicates unidentified people > Open [[Identification tool]]
 
* Question mark - Indicates unidentified people > Open [[Identification tool]]
 
* Star - Default empty star > Open [[Collection chooser modal]]
 
* Star - Default empty star > Open [[Collection chooser modal]]
* Cross - Remove from result set, add to black list
+
* Cross - Remove from this topic, assign new topic or discard altogether, do not show with this topic anymore
 
* External - View in original location  
 
* 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 20:36, 8 January 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

UniE015 - elipses.png Actions

Images Actions no selection.png

when no images have been selected

  • Select images
  • View images
    • in the viewer
    • on the map
    • on the timeline
  • Add an image
Images Actions with selection.png

when some images have been selected for an action

  • Reset selection
  • View selected
    • in the viewer
    • on a map
    • in a timeline
  • Remove images from this topic > (submenu)
    • It is by this creator instead... (modal)
      • The topic (e.g. V. A. Sihvonen)
      • List of possible related topics (e.g. Paavo Sihvonen, Hjalmar Sihvonen, Alexander Sihvonen)
      • List of disambiguation options (e.g. Alexander Sihvonen)
      • Search box
    • It depicts this topic instead... (modal)
      • List of related topics
      • List of disambiguation options
      • Search box
    • Bad quality or inappropriate
    • Possibly add a note
  • Add property to selected > (modal)
    • First add to Wikidocumentaries
    • Then add any property as key-value pair. Examples: Part of, depicted person, depicted place… Larger work such as a map, event such as a photography session, set such as a series of images, publication, original album...
  • Add to your 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
      • Wikimedia Commons
      • Finna.fi
      • Flickr
      • Europeana?
      • Internet Archive
      • Ajapaik
      • Topotheques
    • 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

Events

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

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