Difference between revisions of "Images"

From Wikidocumentaries
Jump to navigation Jump to search
(Displaying the images)
 
(78 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 which is acted upon is registered in the database and made available for metadata editing and eventually 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.
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
* It will be possible to open a separate '''Images discovery window''' for browsing images in a full page window.  
+
# 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 [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.
 
* '''Rephoto''' and original photograph are displayed as a pair.
* '''Adding images''' via an action in the Images menu
+
* '''Adding images''' via an action in the Images toolbar Actions menu. > Add image tool / modal?
* Faceting
 
** Can make use of Wikimedia Commons classes or most used Wikidata links. To be explored.
 
** Images by x, Depicts x etc.
 
* Curating
 
** Can be made into gamified tasks. Idenfify images depicting a disambiguation topic. "Different from".
 
* Grouping
 
** Idea to explore: Group photos by event, photographer, location by dragging and dropping images onto each other.
 
  
[[File:Arkistokuvia-Sihvonen.png|1000px]]
+
==Image tasks==
[[File:Kuvat-Jäppas.png|1000px]]
+
* '''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.
 
  
 
===[[File:UniE015 - elipses.png]] Actions===
 
===[[File:UniE015 - elipses.png]] Actions===
Line 37: Line 47:
 
** 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]]
Line 48: 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 64: Line 74:
 
* Add to your collection >
 
* Add to your collection >
  
===[[File:UniE006 - funnel.png]] 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.
 
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 77: Line 88:
 
*** Topics
 
*** Topics
 
*** Places (hierarchical presentation)
 
*** Places (hierarchical presentation)
 +
** Wikimedia Commons classes or most used Wikidata links. To be explored.
 
** Image qualities
 
** Image qualities
 
*** Image size
 
*** Image size
Line 104: Line 116:
 
* Reset selection
 
* Reset selection
  
==Image controls & indicators==
+
===Find===
 +
Free text find
 +
 
 +
==Image==
 
<gallery mode=packed heights=200>
 
<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 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.
Line 116: Line 131:
 
</gallery>
 
</gallery>
  
====Controls====
+
===Caption===
* Ellipsis - Actions. Any action will add the image metadata to Wikidocumentaries.
+
* '''Title/caption''': Title
** Edit image metadata > Open [[Image metadata editor]]
+
* '''Attribution''': Role & Creator (can be many, with link to topic page if possible)), date (year), license (with link)
** Geolocate the image > Open [[Geolocating tool]]  
+
* '''Source''': Institution (link to preferably the page in Wikidocumentaries, fallback: website) / Platform (link to info page)
** Discuss the image > Start [[Discussion]]
+
 
 +
====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]]
 
** 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 129: 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

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