Difference between revisions of "Geolocating tool"

From Wikidocumentaries
Jump to navigation Jump to search
(Step 1)
 
(202 intermediate revisions by 2 users not shown)
Line 1: Line 1:
__NOTOC__
 
 
In Wikidocumentaries all openly licensed images can be geotagged. This is not available for images, whose reuse is restricted.
 
In Wikidocumentaries all openly licensed images can be geotagged. This is not available for images, whose reuse is restricted.
  
There will be an internal geotagging app, and the images can be rephotographed and geotagged with the [[Ajapaik mobile app]].
+
Images can be geolocated with the desktop geolocating tool (this), and the images can also be rephotographed and geotagged with the [[Ajapaik mobile app]] (to be configured later).
  
The tool is inspired by the work done in the Ajapaik.ee project of the Estonian Photographic Heritage Society and based on the Surveyor project for New York Public Library Labs.
+
==Accessing the geolocating tool==
==Workflow for geotagging ==
+
Access to geotagging is available with each image in the [[images]] module on the [[topic page]] and the image [[image viewer]].
====1. Images are viewed in the [[topic page]]'s [[images]] module or an [[image viewer]].====
 
 
<gallery mode=packed heights=250>
 
<gallery mode=packed heights=250>
Arkistokuvia.png
 
Media_Viewer.png
 
</gallery>
 
====2. Access to geotagging is available with each image in the images module and the image viewer.====
 
<gallery mode=packed heights=200>
 
 
Arkistokuvia-Sihvonen-actions.png
 
Arkistokuvia-Sihvonen-actions.png
 
Image viewer.png
 
Image viewer.png
 
</gallery>
 
</gallery>
* The most essential metadata of an image is saved into Wikidocumentaries on the moment it is selected for enriching. Any action in the actions menu will make this happen.
 
{| class="wikitable"
 
|+ Added to the image item
 
!Wikidocs Vue variables
 
!Wikidocs Wikibase property
 
|-
 
| imageURL ||
 
|-
 
| imageHash ||
 
|}
 
See [https://docs.google.com/spreadsheets/d/10PDj0DM85CaNXi35RlVkn2l3uXUm3VNnek9qEXRSfsE/edit?usp=drive_web&ouid=109806565109847332886 Metadata mapping] for more info.
 
  
===3. The geotagging interface is based on the Wikidocumentaries tools layout. It includes a split view of the zoomable image and the zoomable map.===
+
===Action===
 +
<code>
 +
@/components/menu/ActionMenuImages.vue
 +
 
 +
MENU_ACTIONS.DO_GEOLOCATING
 +
</code>
 +
 
 +
===Properties added to the image item===
 +
The most essential metadata of an image is saved into Wikidocumentaries on the moment it is selected for enriching. Any action in the actions menu will make this happen.
 +
* [[Property:P3761|Commons compatible image available at URL (P3761)]]
 +
* [[Property:P5106|described at URL (P5106)]]
 +
* [[Property:P5125|image hash (P5125)]]
 +
 
 +
==The workflow==
 +
The geotagging interface is based on the Wikidocumentaries [[tool page]] layout. It includes a split view of the image and the zoomable map.
 
<gallery mode=slideshow heights=200>
 
<gallery mode=slideshow heights=200>
Wikidocumentaries-geolocate nomenu en.png
+
Geolocate Select item small en.png|Step 1: Find the main subject
Wikidocumentaries-geolocate step1b en.png
+
Geolocate Location recorded small en.png|Step 2.1: Found item, topic has coordinates
Wikidocumentaries-geolocate angle en.png
+
Geolocate Set location small en.png|Step 2.1.1: Modify pin location
 +
Geolocate No recorded location small en.png|Step 2.2: Found item, topic without coordinates
 +
Geolocate New topic small en.png|Step 3: Create new topic
 +
Geolocate Set camera angle small en.png|Step 4: Set camera angle
 
</gallery>
 
</gallery>
  
====Step 1====
+
===Step 1: Find the main subject===
* Choose an existing location with the search pulldown (data from Wikidata and Wikidocumentaries).
+
Choose an existing location with the search pulldown (data from Wikidata and Wikidocumentaries).
** If the item does not have coordinates, the user is asked to add the location of the target (moving the POI to the right location).
+
* '''Pin''': NO pin
** If the item does not exist, the user is asked to add the location of the target (same as above).
+
* '''Prompt''': "What is the main location depicted in the picture? Search for the topic in the top bar search field."
* A pin is placed on the map showing the location.
+
* '''Step indicator''': POI
 +
* '''Buttons''': ''Skip''
 +
* '''Pulldown''': ''Found item'', ''Create new topic''
 +
* '''Links in the caption''' = ''Found item''
 +
** ''Found item''
 +
*** ''Found item, topic has coordinates'' > Step 2.1
 +
*** ''Found item, topic without coordinates'' > Step 2.2
 +
** ''Create new topic'' > Step 3
 +
** ''Skip'' > Step 4
 +
 
 +
===Step 2: Found item===
 +
====Step 2.1: Found item, topic has coordinates====
 +
* '''Pin''': BLACK pin on the item
 +
* '''Prompt''': "Is the location right? You can tune the coordinates by dragging the pin or search again for another location."
 +
* '''Step indicator''': POI
 +
* '''Item title''' on top of the image + Button (cross) Remove item (only if you have selected an item.)
 +
* '''Buttons''': ''Set location''
 +
** ''Move the pin'' > Step 2.1.1
 +
** ''Set location''
 +
*** Save value ''Wikidata location item ID'' to property [[Property:P5129|depicts Wikidata item (P5129)]] in the ''image item'' in Wikidocumentaries
 +
*** > Step 4
 +
** ''Button (cross)'' > Step 1
 +
 
 +
=====Step 2.1.1: Modify pin location=====
 +
* '''Pin''': RED pin
 +
* '''Prompt''': "Remember to save when you are done!"
 +
* '''Step indicator''': POI
 +
* '''Buttons''': ''Save location'', ''Cancel''
 +
** ''Save location''
 +
*** Save value ''target coordinates'' to property [https://www.wikidata.org/wiki/Property:P625 coordinate location (P625)] to the ''Wikidata location item'' in Wikidata
 +
*** Save value ''Wikidata location item ID'' to property [[Property:P5129|depicts Wikidata item (P5129)]] in the ''image item'' in Wikidocumentaries
 +
*** > Step 4
 +
** ''Cancel'' > Step 2.1
 +
 
 +
====Step 2.2: Found item, topic without coordinates====
 +
* '''Pin''': RED pin in the middle of the map window
 +
* '''Prompt''': "The topic does not have coordinates yet. Drag the pin to the right location and save the coordinates."
 +
* '''Step indicator''': POI
 +
* '''Item title''' on top of the image + Button (cross) Remove item
 +
* '''Buttons''': ''Save location'', ''Skip''
 +
** ''Save location''
 +
*** Save value ''target coordinates'' to property [https://www.wikidata.org/wiki/Property:P625 coordinate location (P625)] to the ''Wikidata location item'' in Wikidata
 +
***  > Step 4
 +
** ''Skip'' > Step 4
 +
** ''Button (cross)'' > Step 1
 +
 
 +
=== Step 3: Create new topic===
 +
* '''Modal''': [[Modal#Create_a_new_topic|Create new topic modal]] (label, description, aliases, instance of -pulldown)
 +
* '''Modal buttons''': ''Create'', ''Cancel''
 +
** ''Create''
 +
*** Create new item in Wikidata
 +
*** Add label, description, aliases, instance of P31
 +
*** > Step 2.2
 +
** ''Cancel'' > Step 1
 +
 
 +
===Step 4: Set camera angle===
 +
* '''Pin''': 50% BLACK pin (if attached to a topic)
 +
* '''Handles''': Camera/eye, left edge, right edge, target
 +
* '''Prompt''': "Set the camera angle by moving the camera and the target, and the left and right edges of the image. ''Show me how''!"
 +
* '''Step indicator''': Map
 +
* '''Item title''' on top of the image + Button (cross) Remove item
 +
* '''Buttons''': ''Set camera angle''
 +
** ''Show me how'' > Step 4.1
 +
** ''Set camera angle''
 +
*** Save data to the Wikidocumentaries ''image item''
 +
**** [[Property:P247|coordinates of the point of view (P247)]], [[Property:P5127|camera heading (P5127)]], [[Property:P2984|field of view (P2984)]]
 +
**** User ID of the submitter. How?
 +
**** Date stamp
 +
***  > Step 5
 +
** ''Button (cross)''
 +
*** Remove the ''location item id'' from the [[Property:P5129|depicts Wikidata item (P5129)]] property in the ''image item'' in Wikidocumentaries
 +
*** > Step 4
 +
 
 +
====Step 4.1: Show me how modal====
 +
Illustration/animation to explain the camera angle thingy
 +
* '''Modal''': Title
 +
* '''Modal buttons''': ''OK!''
 +
** ''OK'' > Step 4.
 +
 
 +
===Step 5: Yay!===
 +
* Display a 3D view for example?
 +
* Want to locate another picture?
 +
* Want to do something else to this image? Annotate: Identify more places or people? Set the date?
 +
 
 +
==Controls==
 +
* Select background imagery
 +
** The base map (different styles?)
 +
** General map: In Finland the National Land Survey map
 +
** Aerial image: In Finland the National Land Survey aerial imagery
 +
** Map layers
 +
*** MapWarper
 +
 
 +
==Storing geotagging data==
 +
The geotagging data is added to the local image metadata. See '''[[Media metadata]]''' for details.
 +
 
 +
==Seek to the right location==
 +
* The map could seek to a suggested location by parsing the data in the name and description, or existing location information in the image metadata.
 +
* The location links in the image metadata could set the location similarly to actions in the workflow.
 +
 
 +
==Enhancement ideas==
 +
''Mirror the image''
 +
* It may be useful to be able to mirror the image. Would geolocating be a good place for that. Perhaps yes. At what stage?
 +
 
 +
''Adjust left and right edges of the image on the image''
  
====Step 2====
+
''Display surrounding items''
* The user can modify the location of the pin.
+
* The user could see items surrounding the found item and change the target by selecting the pin.
* The location is confirmed by clicking on "Set location" button
 
* What does "Cancel" do? Remove the pin > bad idea. Return to previous screen > Bad idea. Return to the first question of selecting the target > Better idea.
 
  
''Enhancement ideas:''
+
''Items in the field of view''
* The map could seek to a suggested location by parsing the data in the name and description, or existing location information.
+
* The POIs in the field of view on the map would also be displayed as vertical lines on the image. The user could drag the lines to right locations, and the camera position on the map would be corrected accordingly.
* Add topic if it does not exist?
 
** [[Add topic modal]]
 
** Suggest existing topics around the selected location?
 
{| class="wikitable"
 
|+
 
!Thing
 
!Wikidocs Wikibase property
 
|-
 
| Selected target QID || depicts (P180)
 
|-
 
| Selected target coordinates ||
 
|}
 
  
====Step 2====
+
''Annotate while geolocating''
* The user will place the camera, the target and the camera angle on the map.
+
* A tool in the top bar perhaps to make quick annotations of "depicts". Could be POIs but rather rectangles or even trapezoids. Could be considered together with IIIF.
* The user can skip this and save only the point.
+
** The user could frame the side of a building in the image (or other object: street, pond, statue...) and locate the equivalent on the map. This could give an estimation of the photographer's position.
''Enhancement ideas:''
 
* The user could point items in the map and equivalent items in the image. The field of view could be adjusted automatically based on that. (There will be an illustration of this).
 
* The user could frame the side of a building (or other object: street, pond, statue...) in the image and locate the equivalent in the image.
 
  
'''Controls'''
+
''3D-editing''
* It should be possible to use different background imagery: Aerial images, OSM, local official open map sources, historical maps. Maybe even display nearby images? This interface should be similar to the map interface in the topic page.
+
* After setting the camera position and the target on the map, the user could fine tune the values in perspective mode:
* Address or geographic search may be used to help find the location.
+
** Image and map overlaid
 +
** Change the elevation of the image target and the photographer position. Calculate pitch.
  
===4. The geotagging data is added to the local image metadata.===
+
''3D viewing''
* We can contribute to a standardised exchange format for geotagged photos.
+
* Elaborating the idea by Matthias Müller-Prove. (Will add a screenshot)
 +
* In step 5 the user could see the image placed on the map in 3D
  
===5. The user contributions will accumulate, and methods of verifying best locations may be developed.===
+
''Crowdsourcing workflows.''
 +
* We can also contribute to a standardised exchange format for geotagged photos.
  
===6. The original image, the image metadata and the added geolocation will be imported to Wikimedia Commons either manually immediately or as a scheduled bot task later. The original memory institution will be able to read the enhanced data from Wikimedia Commons.===
+
''Importing to Wikimedia Commons''
 +
* The original image, the image metadata and the added geolocation will be imported to Wikimedia Commons either manually immediately or as a scheduled bot task later.
 +
** Task: Ensure equivalent properties in SDC.
 +
* The original memory institution will be able to read the enhanced data from Wikimedia Commons.
 +
** Task: Investigate best practises.
  
 
==Inspiration==
 
==Inspiration==

Latest revision as of 11:54, 29 January 2019

In Wikidocumentaries all openly licensed images can be geotagged. This is not available for images, whose reuse is restricted.

Images can be geolocated with the desktop geolocating tool (this), and the images can also be rephotographed and geotagged with the Ajapaik mobile app (to be configured later).

Accessing the geolocating tool

Access to geotagging is available with each image in the images module on the topic page and the image image viewer.

Action

@/components/menu/ActionMenuImages.vue

MENU_ACTIONS.DO_GEOLOCATING

Properties added to the image item

The most essential metadata of an image is saved into Wikidocumentaries on the moment it is selected for enriching. Any action in the actions menu will make this happen.

The workflow

The geotagging interface is based on the Wikidocumentaries tool page layout. It includes a split view of the image and the zoomable map.

Step 1: Find the main subject

Choose an existing location with the search pulldown (data from Wikidata and Wikidocumentaries).

  • Pin: NO pin
  • Prompt: "What is the main location depicted in the picture? Search for the topic in the top bar search field."
  • Step indicator: POI
  • Buttons: Skip
  • Pulldown: Found item, Create new topic
  • Links in the caption = Found item
    • Found item
      • Found item, topic has coordinates > Step 2.1
      • Found item, topic without coordinates > Step 2.2
    • Create new topic > Step 3
    • Skip > Step 4

Step 2: Found item

Step 2.1: Found item, topic has coordinates

  • Pin: BLACK pin on the item
  • Prompt: "Is the location right? You can tune the coordinates by dragging the pin or search again for another location."
  • Step indicator: POI
  • Item title on top of the image + Button (cross) Remove item (only if you have selected an item.)
  • Buttons: Set location
    • Move the pin > Step 2.1.1
    • Set location
    • Button (cross) > Step 1
Step 2.1.1: Modify pin location
  • Pin: RED pin
  • Prompt: "Remember to save when you are done!"
  • Step indicator: POI
  • Buttons: Save location, Cancel

Step 2.2: Found item, topic without coordinates

  • Pin: RED pin in the middle of the map window
  • Prompt: "The topic does not have coordinates yet. Drag the pin to the right location and save the coordinates."
  • Step indicator: POI
  • Item title on top of the image + Button (cross) Remove item
  • Buttons: Save location, Skip
    • Save location
    • Skip > Step 4
    • Button (cross) > Step 1

Step 3: Create new topic

  • Modal: Create new topic modal (label, description, aliases, instance of -pulldown)
  • Modal buttons: Create, Cancel
    • Create
      • Create new item in Wikidata
      • Add label, description, aliases, instance of P31
      • > Step 2.2
    • Cancel > Step 1

Step 4: Set camera angle

  • Pin: 50% BLACK pin (if attached to a topic)
  • Handles: Camera/eye, left edge, right edge, target
  • Prompt: "Set the camera angle by moving the camera and the target, and the left and right edges of the image. Show me how!"
  • Step indicator: Map
  • Item title on top of the image + Button (cross) Remove item
  • Buttons: Set camera angle

Step 4.1: Show me how modal

Illustration/animation to explain the camera angle thingy

  • Modal: Title
  • Modal buttons: OK!
    • OK > Step 4.

Step 5: Yay!

  • Display a 3D view for example?
  • Want to locate another picture?
  • Want to do something else to this image? Annotate: Identify more places or people? Set the date?

Controls

  • Select background imagery
    • The base map (different styles?)
    • General map: In Finland the National Land Survey map
    • Aerial image: In Finland the National Land Survey aerial imagery
    • Map layers
      • MapWarper

Storing geotagging data

The geotagging data is added to the local image metadata. See Media metadata for details.

Seek to the right location

  • The map could seek to a suggested location by parsing the data in the name and description, or existing location information in the image metadata.
  • The location links in the image metadata could set the location similarly to actions in the workflow.

Enhancement ideas

Mirror the image

  • It may be useful to be able to mirror the image. Would geolocating be a good place for that. Perhaps yes. At what stage?

Adjust left and right edges of the image on the image

Display surrounding items

  • The user could see items surrounding the found item and change the target by selecting the pin.

Items in the field of view

  • The POIs in the field of view on the map would also be displayed as vertical lines on the image. The user could drag the lines to right locations, and the camera position on the map would be corrected accordingly.

Annotate while geolocating

  • A tool in the top bar perhaps to make quick annotations of "depicts". Could be POIs but rather rectangles or even trapezoids. Could be considered together with IIIF.
    • The user could frame the side of a building in the image (or other object: street, pond, statue...) and locate the equivalent on the map. This could give an estimation of the photographer's position.

3D-editing

  • After setting the camera position and the target on the map, the user could fine tune the values in perspective mode:
    • Image and map overlaid
    • Change the elevation of the image target and the photographer position. Calculate pitch.

3D viewing

  • Elaborating the idea by Matthias Müller-Prove. (Will add a screenshot)
  • In step 5 the user could see the image placed on the map in 3D

Crowdsourcing workflows.

  • We can also contribute to a standardised exchange format for geotagged photos.

Importing to Wikimedia Commons

  • The original image, the image metadata and the added geolocation will be imported to Wikimedia Commons either manually immediately or as a scheduled bot task later.
    • Task: Ensure equivalent properties in SDC.
  • The original memory institution will be able to read the enhanced data from Wikimedia Commons.
    • Task: Investigate best practises.

Inspiration


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