Difference between revisions of "Geolocating tool"

From Wikidocumentaries
Jump to navigation Jump to search
(Step 1: Find the main subject)
 
(111 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 0: open image===
 
* 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.
 
  
 
===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).
* '''Pin''': RED pin in the middle of the map window
+
* '''Pin''': NO pin
 
* '''Prompt''': "What is the main location depicted in the picture? Search for the topic in the top bar search field."
 
* '''Prompt''': "What is the main location depicted in the picture? Search for the topic in the top bar search field."
* '''Buttons''': No buttons before search
+
* '''Step indicator''': POI
* '''Pulldown''': Show matches + "Create new topic"
+
* '''Buttons''': ''Skip''
** Found item > Step 2
+
* '''Pulldown''': ''Found item'', ''Create new topic''
*** Found item, topic has coordinates > Step 2.1
+
* '''Links in the caption''' = ''Found item''
*** Found item, topic without coordinates > Step 2.2
+
** ''Found item''
** Create new topic > Step 3
+
*** ''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: Found item===
 
====Step 2.1: Found item, topic has coordinates====
 
====Step 2.1: Found item, topic has coordinates====
 
* '''Pin''': BLACK pin on the item
 
* '''Pin''': BLACK pin on the item
* '''Prompt''': "Is the location correct? You can drag the pin or continue to set the camera angle. (Show me how)"
+
* '''Prompt''': "Is the location right? You can tune the coordinates by dragging the pin or search again for another location."
* '''Buttons''': '''Set camera angle'''
+
* '''Step indicator''': POI
** Move the pin > Step 2.1.1
+
* '''Item title''' on top of the image + Button (cross) Remove item (only if you have selected an item.)
** Set camera angle > Step 4
+
* '''Buttons''': ''Set location''
** Show me how > Step 2.1.2
+
** ''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=====
 
=====Step 2.1.1: Modify pin location=====
 
* '''Pin''': RED pin
 
* '''Pin''': RED pin
 
* '''Prompt''': "Remember to save when you are done!"
 
* '''Prompt''': "Remember to save when you are done!"
* '''Buttons''': '''Save location''', '''Cancel'''
+
* '''Step indicator''': POI
** Save location > Step 2.1 (Save ''coordinate location'' to the item in Wikidata, save ''depicts'' to image item in wikidocumentaries)
+
* '''Buttons''': ''Save location'', ''Cancel''
** Cancel > Step 2.1
+
** ''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 2.1.2: Show me how modal=====
+
*** Save value ''Wikidata location item ID'' to property [[Property:P5129|depicts Wikidata item (P5129)]] in the ''image item'' in Wikidocumentaries
Illustration/animation to explain the camera angle thingy
+
*** > Step 4
* '''Modal''': Title
+
** ''Cancel'' > Step 2.1
* '''Modal buttons''': '''OK!'''
 
** OK > Step 4.
 
  
 
====Step 2.2: Found item, topic without coordinates====
 
====Step 2.2: Found item, topic without coordinates====
 
* '''Pin''': RED pin in the middle of the map window
 
* '''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."
 
* '''Prompt''': "The topic does not have coordinates yet. Drag the pin to the right location and save the coordinates."
* '''Buttons''': '''Save location'''
+
* '''Step indicator''': POI
** Save location > Step 2.1 (Save location to the item in Wikidata)
+
* '''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===
 
=== Step 3: Create new topic===
 
* '''Modal''': [[Modal#Create_a_new_topic|Create new topic modal]] (label, description, aliases, instance of -pulldown)
 
* '''Modal''': [[Modal#Create_a_new_topic|Create new topic modal]] (label, description, aliases, instance of -pulldown)
* '''Modal buttons''': '''Create''', '''Cancel'''
+
* '''Modal buttons''': ''Create'', ''Cancel''
** Create > Step 2.2 (Create new item in Wikidata)
+
** ''Create''
 +
*** Create new item in Wikidata
 +
*** Add label, description, aliases, instance of P31
 +
*** > Step 2.2
 +
** ''Cancel'' > Step 1
  
 
===Step 4: Set camera angle===
 
===Step 4: Set camera angle===
* '''Pin''': 50% BLACK pin
+
* '''Pin''': 50% BLACK pin (if attached to a topic)
 
* '''Handles''': Camera/eye, left edge, right edge, target
 
* '''Handles''': Camera/eye, left edge, right edge, target
* '''Prompt''': "Move the camera and the lines marking the left and right edges of the image to find the most accurate camera angle. The dotted line will help you find what's in the middle of the image. (Show me how)"
+
* '''Prompt''': "Set the camera angle by moving the camera and the target, and the left and right edges of the image. ''Show me how''!"
* '''Buttons''': "Set camera angle"
+
* '''Step indicator''': Map
** Show me how > Step 2.1.2
+
* '''Item title''' on top of the image + Button (cross) Remove item
** Set camera angle > Step 5 (Save data to the Wikidocumentaries image 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
  
===Controls===
+
====Step 4.1: Show me how modal====
* 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.
+
Illustration/animation to explain the camera angle thingy
 +
* '''Modal''': Title
 +
* '''Modal buttons''': ''OK!''
 +
** ''OK'' > Step 4.
  
====Enhancement ideas====
+
===Step 5: Yay!===
''More detailed definition''
+
* Display a 3D view for example?
* Adjust left and right edges of the image on the image
+
* Want to locate another picture?
* 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
+
* Want to do something else to this image? Annotate: Identify more places or people? Set the date?
  
''3D-view. Elaborating the idea by Matthias Müller-Prove. See screenshot in the end of the page.''
+
==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:  
 
* 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