Difference between revisions of "Geolocating tool"

From Wikidocumentaries
Jump to navigation Jump to search
(Step 1: Set location)
 
(114 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
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 desktop geolocating tool, and the images can also 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).
  
 
==Accessing the geolocating tool==
 
==Accessing the geolocating tool==
Line 9: Line 9:
 
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.
 
  
'''Properties added to the image item'''
+
===Action===
* imageURL
+
<code>
* imageHash
+
@/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 workflow==
The geotagging interface is based on the Wikidocumentaries tools layout. It includes a split view of the zoomable image and the zoomable map.
+
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>
Geolocate Select item small en.png|1. Search the main topic in the image
+
Geolocate Select item small en.png|Step 1: Find the main subject
Geolocate New topic small en.png|2-1-1. Create new topic
+
Geolocate Location recorded small en.png|Step 2.1: Found item, topic has coordinates
Geolocate Set location only small en.png|2-1-2. Set location for the new topic
+
Geolocate Set location small en.png|Step 2.1.1: Modify pin location
Geolocate No recorded location small en.png|2-2. Topic found, no location.
+
Geolocate No recorded location small en.png|Step 2.2: Found item, topic without coordinates
Geolocate Location recorded small en.png|2-3. Topic found, location found.
+
Geolocate New topic small en.png|Step 3: Create new topic
Geolocate Set location small en.png
+
Geolocate Set camera angle small en.png|Step 4: Set camera angle
 
</gallery>
 
</gallery>
  
 
===Step 1: Find the main subject===
 
===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).
* '''Prompt''': "Find the image's main topic in the top bar search field."
+
* '''Pin''': NO pin
* '''Buttons''': No buttons before search
+
* '''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''
 +
*** 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
  
* What does "'''Reset'''" do? Return to initial state.
+
====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
  
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).
+
=== Step 3: Create new topic===
* A RED pin is placed on the map showing the location. > Step 2
+
* '''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
  
If the item does not exist, the user (can add the item and/or) is asked to just add the location of the target, like above.
+
===Step 4: Set camera angle===
* A RED pin is placed on the map showing the location. > Step 2 (with possible intermediate step see below.)
+
* '''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
  
''Enhancement ideas:''
+
====Step 4.1: Show me how modal====
* 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.
+
Illustration/animation to explain the camera angle thingy
* Add topic if it does not exist? [[Modal#Create_a_new_topic|Add topic modal]]
+
* '''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?
  
"Set location" and "Reset".
+
==Controls==
* Action "'''Set location'''"
+
* Select background imagery
** A BLACK pin is placed on the map showing the location of the target item. > Step 2
+
** The base map (different styles?)
** The target item is saved with the image metadata (in property "depicts"). Because the image can depict several items, it may be useful to either have a special property for the target or a qualifier for the target item in the "depicts" property.
+
** General map: In Finland the National Land Survey map
 +
** Aerial image: In Finland the National Land Survey aerial imagery
 +
** Map layers
 +
*** MapWarper
  
===Step 2===
+
==Storing geotagging data==
The user can modify the location of the pin.
+
The geotagging data is added to the local image metadata. See '''[[Media metadata]]''' for details.
* The pin turns to RED if modified.
 
  
The location is confirmed
+
==Seek to the right location==
* '''Prompt''': "Modify and save the location. Your name will be recorded as the source of the new 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.
* '''Buttons''': "Save location" and "Cancel".
+
* The location links in the image metadata could set the location similarly to actions in the workflow.
* Action "'''Save location'''"
 
** The pin turns GREY. > Step 3
 
** The coordinates are saved with the target item.
 
* 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''
+
==Enhancement ideas==
* Add topic if it does not exist? > [[Creating_topics#A_modal_opens_to_create_the_topic_.2F_Create_new_topic_modal|Add topic modal]]
+
''Mirror the image''
* Display existing topics around the selected location? > Allow changing the main location from a pin pulldown.
+
* It may be useful to be able to mirror the image. Would geolocating be a good place for that. Perhaps yes. At what stage?
  
'''Properties added to the image item'''
+
''Adjust left and right edges of the image on the image''
* Selected target QID: equivalent of depicts (P180)
 
* Selected target coordinates:
 
  
===Step 3===
+
''Display surrounding items''
* The user will place the camera, the target and the camera angle on the map.
+
* The user could see items surrounding the found item and change the target by selecting the pin.
* The user can skip this and save only the point.
 
  
====Controls====
+
''Items in the field of view''
* 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.
+
* 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.
* Address or geographic search may be used to help find the location.
 
  
====Enhancement ideas====
+
''Annotate while geolocating''
''More detailed definition''
+
* 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.
* Adjust left and right edges of the image on the image
+
** 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.
* The user could select items displayed on 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). ** Verify if POIs that are in the field of view can also be seen on the image. Drag the POIS on the image to right locations
 
  
''3D-view. Elaborating the idea by Matthias Müller-Prove. See screenshot in the end of the page.''
+
''3D-editing''
 
* After setting the camera position and the target on the map, the user could fine tune the values in perspective mode:  
 
* 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
 
** Image and map overlaid
 
** Change the elevation of the image target and the photographer position. Calculate pitch.
 
** Change the elevation of the image target and the photographer position. Calculate pitch.
** The user could frame the side of a building (or other object: street, pond, statue...) in the image and locate the equivalent on the map. This could give an estimation of the photographer's position.
 
  
==Storing geotagging data==
+
''3D viewing''
The geotagging data is added to the local image metadata. See '''[[Metadata mapping]]''' for details.
+
* 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
  
We can also contribute to a standardised exchange format for geotagged photos.
+
''Crowdsourcing workflows.''
* '''RESEARCH''' methods for verifying crowdsourced contributions (eg. Ajapaik & Surveyor)
+
* We can also contribute to a standardised exchange format for geotagged photos.
  
== Importing to 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. '''ENSURE''' equivalent properties in SDC.
+
* 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. '''INVESTIGATE''' best practises.
+
** 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