Difference between revisions of "Map"

From Wikidocumentaries
Jump to navigation Jump to search
(Pins and popups)
(37 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
 
There are several ways in which maps can be used.
 
There are several ways in which maps can be used.
  
# Topic's map: Map component for a single topic displays everything the user collates together on the map
+
# '''Map component''' for a single topic displays everything the user collates together on the map
# Map display option for any component in addition to a gallery and a list. There will be additional options further on.
+
# '''Map display option''' for any component in addition to a gallery and a list.
# Map-based wikidocumentary for a given topic, displayed in the header section.
+
# '''Map-based wikidocumentary'''
# A wikidocumentary usually touches on many topics, and there must be a topic-independent place for displaying them.
+
#* For a given topic, displayed in the header section. There may be several header images of wikidocumentaries per topic, which will then be put on a playlist.
# Map-based discovery interface on the top level.
+
#* A wikidocumentary usually touches on many topics, and there must be a topic-independent place for displaying them and a way to find them.
# Location display in each image metadata view.
+
# '''Map-based discovery interface''' on the top level.
 +
# '''Location display''' in each media metadata view.
  
== Topic's map ==
+
== Map component ==
Map component for a single topic displays everything the user collates together on the map
+
The map component for a single topic displays everything the user collates together on the map. It is possible to display the filtered information from each of the topic page's sections, define their display properties, and add several base map layers. It will also be possible to configure other external data elements to be displayed on the map. Ideally, the map can be exported and embedded elsewhere.
* Initially display the topic on the map as a pin and/or an area
+
<gallery mode=slideshow>
* Zoom extent to be figured out for a single pin
+
Map.png
* View nearby items / images
+
Map-layers.png
* Display images or a selection on the map
+
Map-images.png
* Display external data and raster sources (historical maps) as layers > More ideas on configuring this needed
+
Map-actions.png
* Display items from any of the components on the topic's page
+
</gallery>
* Add timeline to the display
+
* Initially display the topic on the map as a pin and/or an area depending on data
* Configure base map
+
** Zoom extent to be figured out for a single pin
 +
* View nearby items (POIs & shapes) / images
 +
* Display all related images, a filtered subset or a selection of images on the map
 +
* Display items from any of the components on the topic's page, filtered in the component
 +
* Combine several views in one: Map, timeline and gallery.
 +
* Configure map layers
 +
* Import and display external data and raster sources (historical maps) as layers > More ideas on configuring this needed
 
* Export map
 
* Export map
 +
 +
===Actions===
 +
* Import data source
 +
* Export map
 +
 +
===Base layers===
 +
Allow 4 layers that can be configured
 +
# Base map
 +
#* Default map: Styled OSM map
 +
#* OpenStreetMap
 +
#* Available local map services, use data collected in OSM
 +
#* Custom?
 +
# Terrain
 +
# Orthophoto
 +
#* International services
 +
#* Local providers
 +
# Scanned / historical map
 +
#* Always best suggestion based on time and scale
 +
#* Select/search from available maps in registered sources, including Wikimaps Warper.
 +
 +
====Menu controls====
 +
* Transparency slider for each layer
 +
* Toggle visibility
 +
* Configuration button opens configuration modal (TBD). Each layer has one map initially.
 +
* Layers can be rearranged
 +
* Bottom layer is opaque or there is a (chosen?) background colour)
 +
The goal is to display the most suitable maps based on scale and topic date by default.
 +
 +
===Data layers===
 +
====Pins and popups====
 +
* Initial topic's pin is displayed as popup. Possibility of correcting the location?
 +
* Topic's images are collated to the topic popup. Each image links to the image viewer
 +
* Simple pins are used for other topics. If possible, use the image and/or name.
 +
** Clicking opens the popup, which links to topic's page.
 +
* Individual images are displayed with image pins, linking to the image viewer.
 +
* Aggregated items and images. If there are too many items or images in the area, they will be styled as aggregate.
 +
* Timeline arc for items with several dates. If possible to distinguish routes, they will be displayed without arcs.
 +
 +
===Area===
 +
* Some sources can be added permanently
 +
** OSM, which other? Through which services? Sophox?
 +
 +
===Other options===
 +
* Select map language: Display vernacular/old toponyms?
 +
* Select map style
  
 
== Map display option ==
 
== Map display option ==
Map display option for any component in addition to a gallery and a list
+
Map display option for any component in addition to gallery, list and timeline.
 
* Option in the display menu of items that have geolocation data
 
* Option in the display menu of items that have geolocation data
* Single point, lifeline (start–end) arcs, aggregates for multiple points
+
* Single point, lifeline (start–end) arcs, routes, aggregates for multiple points
 
* Areas
 
* Areas
 +
* Temporal aspect if present in the data
 
* Facet items on the map based on their properties
 
* Facet items on the map based on their properties
 
* Add all or a faceted selection to the topic's map
 
* Add all or a faceted selection to the topic's map
  
 
==Map-based wikidocumentary==
 
==Map-based wikidocumentary==
Based on frames that consist of several parameters
+
===Based on frames that consist of several parameters===
 
* Coordinate location
 
* Coordinate location
 
* View angle
 
* View angle
 
* Time value
 
* Time value
 
* Visual media
 
* Visual media
** Coordinate info for overlays (on the map background, in 3D space)
+
** Image plane and view angle for overlays (on the map background, in 3D space)
 
** Medium (video, image, image series, image pair)
 
** Medium (video, image, image series, image pair)
 
* Headline & subheader
 
* Headline & subheader
Line 49: Line 103:
 
** Animations
 
** Animations
 
** Layers
 
** Layers
 +
* Timeline display
 +
 +
===Display options===
 +
====Map====
 +
* Map is the base element
 +
* Each frame represents a point from which the map is seen
 +
* Map settings are different for each map frame
 +
* An aerial image/video/illustration may overlay the map
 +
* A media element may be added to the 3D view
 +
** An image pair can be viewed with a revealing slider
 +
* Map remains controllable in frames
 +
 +
====Text====
 +
* Text can be scrollable including parallax elements.
 +
* Media can be used as part of layout in the text stream. Media can be expanded to cover the full screen.
 +
* Transition from frame to the other may also different, such as a crossfade between media elements.
 +
 +
====Audio====
  
 
===Locative elements===
 
===Locative elements===
 
* Frame display triggered by GPS info
 
* Frame display triggered by GPS info
 
* Dynamic output
 
* Dynamic output
** soundscape, colours, alternative content
+
** soundscape, colours, alternative content, nearby geotagged content
 
* depending on data
 
* depending on data
 
** proximity to a coordinate location
 
** proximity to a coordinate location
Line 59: Line 131:
 
** time of day, time of year...
 
** time of day, time of year...
  
== Map controls ==
+
===User-generated===
===Background menu===
+
* Interface to create frames and configure settings
* Base map, configure
 
** OpenStreetMap
 
** Available local map services, use data collected in OSM
 
* Terrain, configure
 
* Orthophoto, configure
 
** International services
 
** Local providers
 
* Historical map, configure
 
** Always best suggestion based on time and scale
 
** Select/search from available maps
 
* Configure menu and services
 
* Menu controls
 
** Transparency slider
 
** Toggle visibility by clicking
 
** Configuration button opens configuration modal (TBD). Each layer has one map initially.
 
** Layers can be rearranged
 
** Bottom layer is opaque
 
 
 
It is possible to select 4 background layers: Hillshading, basemap, aerial image and a bitmap map. Each of them can be configured. Initially only one per each will be possible. The goal is to allow an option, which will always display the most suitable maps based on scale and topic date.
 
 
 
[[File:Kartta-menu.png|1000px]]
 
 
 
[[File:Kartta-items.png|1000px]]
 
 
 
[[File:Map.png|1000px]]
 
 
 
 
 
 
 
===Display items===
 
* The topic itself as a POI or a shape depending on data
 
* Nearby topics (POIs & shapes) // don't show if the topic contains multiple items --> from the pin?
 
* Images of the topic
 
** aggregated together with the topic and images from the same location item if the location item is displayed
 
** aggregated together with images from the same location only if the location item is not displayed
 
** aggregated into a single image in greater zoom settings
 
** works are displayed as part of image display
 
** single image pin may show camera direction
 
* Nearby images (directional POI + image icon) // don't show if the topic contains multiple items --> from the pin?
 
* Events and routes (timeline locations, journeys)
 
* (Toponyms)
 
* (Data, configure and search)
 
* (Other topic, configure)
 
  
Items in parenthesis are ideas to consider later.
+
===Generated===
 +
* AI-assisted frame generation from Wikipedia articles
 +
* User-enhanced in the same interface
  
===Timeline display===
+
===To think===
* (How the timeline and the map display things together. It can be a separate tool, but a simple solution should be available on the topic page as well.)
+
* Animations of time-series, how do they relate to frames? Can frames be marked as time intervals, or points in time?
 +
* Can the wikidocumentaries be multidimensional, including for example temporal depth across its own timeline.
  
===Search===
+
==Map-based discovery interface==
 +
* Display items in the given area
 +
* Combine with other search criteria
 
* Search location by place name. Aim to include historical toponyms.
 
* Search location by place name. Aim to include historical toponyms.
 +
* Search result page design needed. Also useful for displaying scope for shape expressions.
  
 
{{Design-nav}}
 
{{Design-nav}}

Revision as of 06:50, 19 June 2020

There are several ways in which maps can be used.

  1. Map component for a single topic displays everything the user collates together on the map
  2. Map display option for any component in addition to a gallery and a list.
  3. Map-based wikidocumentary
    • For a given topic, displayed in the header section. There may be several header images of wikidocumentaries per topic, which will then be put on a playlist.
    • A wikidocumentary usually touches on many topics, and there must be a topic-independent place for displaying them and a way to find them.
  4. Map-based discovery interface on the top level.
  5. Location display in each media metadata view.

Map component

The map component for a single topic displays everything the user collates together on the map. It is possible to display the filtered information from each of the topic page's sections, define their display properties, and add several base map layers. It will also be possible to configure other external data elements to be displayed on the map. Ideally, the map can be exported and embedded elsewhere.

  • Initially display the topic on the map as a pin and/or an area depending on data
    • Zoom extent to be figured out for a single pin
  • View nearby items (POIs & shapes) / images
  • Display all related images, a filtered subset or a selection of images on the map
  • Display items from any of the components on the topic's page, filtered in the component
  • Combine several views in one: Map, timeline and gallery.
  • Configure map layers
  • Import and display external data and raster sources (historical maps) as layers > More ideas on configuring this needed
  • Export map

Actions

  • Import data source
  • Export map

Base layers

Allow 4 layers that can be configured

  1. Base map
    • Default map: Styled OSM map
    • OpenStreetMap
    • Available local map services, use data collected in OSM
    • Custom?
  2. Terrain
  3. Orthophoto
    • International services
    • Local providers
  4. Scanned / historical map
    • Always best suggestion based on time and scale
    • Select/search from available maps in registered sources, including Wikimaps Warper.

Menu controls

  • Transparency slider for each layer
  • Toggle visibility
  • Configuration button opens configuration modal (TBD). Each layer has one map initially.
  • Layers can be rearranged
  • Bottom layer is opaque or there is a (chosen?) background colour)

The goal is to display the most suitable maps based on scale and topic date by default.

Data layers

Pins and popups

  • Initial topic's pin is displayed as popup. Possibility of correcting the location?
  • Topic's images are collated to the topic popup. Each image links to the image viewer
  • Simple pins are used for other topics. If possible, use the image and/or name.
    • Clicking opens the popup, which links to topic's page.
  • Individual images are displayed with image pins, linking to the image viewer.
  • Aggregated items and images. If there are too many items or images in the area, they will be styled as aggregate.
  • Timeline arc for items with several dates. If possible to distinguish routes, they will be displayed without arcs.

Area

  • Some sources can be added permanently
    • OSM, which other? Through which services? Sophox?

Other options

  • Select map language: Display vernacular/old toponyms?
  • Select map style

Map display option

Map display option for any component in addition to gallery, list and timeline.

  • Option in the display menu of items that have geolocation data
  • Single point, lifeline (start–end) arcs, routes, aggregates for multiple points
  • Areas
  • Temporal aspect if present in the data
  • Facet items on the map based on their properties
  • Add all or a faceted selection to the topic's map

Map-based wikidocumentary

Based on frames that consist of several parameters

  • Coordinate location
  • View angle
  • Time value
  • Visual media
    • Image plane and view angle for overlays (on the map background, in 3D space)
    • Medium (video, image, image series, image pair)
  • Headline & subheader
  • Text
    • Hyperlinks?
    • Media
  • Audio
    • Fixed timeline throughout presentation, such as a narrative
    • Fixed timeline over one frame
    • Soundscape loops or generative soundscapes
    • Effects, synchronized sound
  • Map settings
    • Map style
    • Animations
    • Layers
  • Timeline display

Display options

Map

  • Map is the base element
  • Each frame represents a point from which the map is seen
  • Map settings are different for each map frame
  • An aerial image/video/illustration may overlay the map
  • A media element may be added to the 3D view
    • An image pair can be viewed with a revealing slider
  • Map remains controllable in frames

Text

  • Text can be scrollable including parallax elements.
  • Media can be used as part of layout in the text stream. Media can be expanded to cover the full screen.
  • Transition from frame to the other may also different, such as a crossfade between media elements.

Audio

Locative elements

  • Frame display triggered by GPS info
  • Dynamic output
    • soundscape, colours, alternative content, nearby geotagged content
  • depending on data
    • proximity to a coordinate location
    • weather data
    • time of day, time of year...

User-generated

  • Interface to create frames and configure settings

Generated

  • AI-assisted frame generation from Wikipedia articles
  • User-enhanced in the same interface

To think

  • Animations of time-series, how do they relate to frames? Can frames be marked as time intervals, or points in time?
  • Can the wikidocumentaries be multidimensional, including for example temporal depth across its own timeline.

Map-based discovery interface

  • Display items in the given area
  • Combine with other search criteria
  • Search location by place name. Aim to include historical toponyms.
  • Search result page design needed. Also useful for displaying scope for shape expressions.


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