OpenSeaMap-dev:Fullscreenmap-Layout: Unterschied zwischen den Versionen

Aus OpenSeaMap-dev
Wechseln zu: Navigation, Suche
(Grundprinzipien)
 
(23 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 2: Zeile 2:
  
 
Alle Fullscreen-Karten sollen immer dasselbe Erscheinungsbild haben.
 
Alle Fullscreen-Karten sollen immer dasselbe Erscheinungsbild haben.
 +
 +
[https://github.com/OpenSeaMap/website GitHub]
  
 
== Grundlagen ==
 
== Grundlagen ==
[[Datei:Splitscreen-and-Menu-M.jpg|right|300px]]
+
=== Legende auf dieser Seite ===
 +
{| class="wikitable"
 +
|-
 +
| {{ok}} || Funktioniert || <code><nowiki>{{ok}}</nowiki></code>
 +
|-
 +
| {{nok}} || Funktioniert nicht mehr || <code><nowiki>{{nok}}</nowiki></code>
 +
|-
 +
| ... || Geplante Erweiterung || <code><nowiki></nowiki></code>
 +
|-
 +
| {{inArbeit}} || ist in Arbeit || <code><nowiki>{{inArbeit}}</nowiki></code>
 +
|}
 +
 
 +
=== Grundprinzipien ===
 +
[[File:Splitscreen-and-Menu-M.jpg|right|mini|Split-Screen für Navigation]]
  
 
* alles immer am selben Platz (Bedienungselemente, Hilfetexte, Systemnachrichten, etc.)
 
* alles immer am selben Platz (Bedienungselemente, Hilfetexte, Systemnachrichten, etc.)
Zeile 26: Zeile 41:
 
* Koordinatengitter
 
* Koordinatengitter
 
* Hafen-Layer
 
* Hafen-Layer
 +
 +
Siehe auch: , [[OpenSeaMap-dev_Diskussion:Fullscreenmap-Layout#Standard-Karte|Standard-Karte]], [[OpenSeaMap-dev_Diskussion:Fullscreenmap-Layout#Standard-Karte im Web|Standard-Karte im Web]], [[OpenSeaMap-dev_Diskussion:Fullscreenmap-Layout#Screenshots|Screenshots]]
  
 
=== One-Klick ===
 
=== One-Klick ===
Zeile 39: Zeile 56:
 
| {{ok}} <br>&nbsp; || Editieren in der Karte <br>Lieblingseditor über "Einstellungen" vorwählbar || &nbsp; <br> derzeit nur JOSM  
 
| {{ok}} <br>&nbsp; || Editieren in der Karte <br>Lieblingseditor über "Einstellungen" vorwählbar || &nbsp; <br> derzeit nur JOSM  
 
|-  
 
|-  
|  || Navigationstool in der Karte ||  
+
|  || Navigationstool in der Karte || [[OpenSeaMap-dev:De:Trip_Planner|Törn-Planer]]
 
|-  
 
|-  
 
| {{ok}} || Layer einzeln ein/aus-schalten in der Karte ||  
 
| {{ok}} || Layer einzeln ein/aus-schalten in der Karte ||  
 
|-
 
|-
|  || Wetter || derzeit noch als getrennt Seite...
+
|  || Wetter || derzeit noch als getrennte Seite...
 
|}
 
|}
  
Zeile 68: Zeile 85:
 
| {{ok}} || unten rechts ||  
 
| {{ok}} || unten rechts ||  
 
|-
 
|-
|  || direkt am Mauszeiger ||  
+
|  || direkt am Mauszeiger || s. Grafik "Rubberband-Cursor")
 
|-
 
|-
|  || mit Rechtsklick-Menü kopierbar ||
+
|  || mit Rechtsklick-Menü kopierbar || [g,gggggg|g°mm,m']
 
|}
 
|}
  
Zeile 90: Zeile 107:
 
| {{ok}} || Popup-Text || Textauszeichnung "fett" durch Button fehlt
 
| {{ok}} || Popup-Text || Textauszeichnung "fett" durch Button fehlt
 
|-
 
|-
|  || Popup-Text mit klickbarer URL ||  
+
|  || Popup-Text mit klickbarer URL || [[h_talk:De:Marker_in_URL#Ausbaustufe|und weitere Ideen]]
 
|}
 
|}
  
[[Diskussion:De:Marker_in_URL|weitere Ideen]]
+
=== Lizenz und Quellen ===
 +
; Geschichte
 +
: ''OpenSeaMap'': Ursprünglich gab es einen Schriftzug "OpenSeaMap CC-by-SA" (vor dem OSM-Lizenzwecsel)
 +
: ''Some Rights Reserved'': dann folgte ein Minibanner "Some Rights Reserved", das auf die Website>Quellen verlinkte, und dort eine Liste zeigte.
 +
: ''Banner-Zeile'': Dann folgte eine Layer-spezifische Bannerzeile, die sich je nach Kombination der Layer änderte.
 +
 
 +
; Ziel
 +
: Möglichst wenig Raum verbrauchend und trotzdem ausreichend
 +
 
 +
; Lösung
 +
# Logo: "OpenSeaMap" und "OpenStreetMap" und "Some Rights Reserved" <br> oder Schriftzug: "© OpenSeaMap, OpenStreetMap, Some Rights Reserved"
 +
# mit Tooltips <br> OpenSeaMap de: "© OpenSeaMap-Mitwirkende", en: "© OpenSeaMap-Contributors" <br> OpenStreetMap de: "© OpenStreetMap-Mitwirkende", en: "© OpenStreetMap-Contributors" <br> Some Rights Reserved de: "Layer und Werkzeuge haben weitere Lizenzen", en: "Layers and tools may have own licenses"
 +
# und Link zu [http://openseamap.org/index.php?id=quellen Website>Quellen]
 +
# Detaillierte Liste der Quellen auf der Website.
 +
: Für kleine Bildschirme reicht "© OpenSeaMap" mit Link zu [http://openseamap.org/index.php?id=quellen Website>Quellen]
  
 
=== Kartenübersicht ===
 
=== Kartenübersicht ===
Zeile 99: Zeile 130:
 
| {{nok}} || unten rechts || "+" ist nicht selbsterklärend, Tooltip fehlt
 
| {{nok}} || unten rechts || "+" ist nicht selbsterklärend, Tooltip fehlt
 
|}
 
|}
 +
 +
=== Legende ===
 +
Ziel: Kontextsensitiv
 +
: a) im Rechtsklickmenü ( b) und c) verlinkt)
 +
: b) direkt auf der Karte, z.B. Tiefen-Farben bei Wassertiefen und Meeresprofil, Baufortskale bei Wetter-Layer:Wind, etc.
 +
: c) INT-1 plus OSM-Icons als verlinkte Hilfeseite (da gibt es noch viel zu tun)
 +
 +
Derzeit hartcodiert im Hilfe-Menü, nur wenige Icons erklärt (nicht mehr aktuell).
 +
  
 
== Haupt-Menü ==
 
== Haupt-Menü ==
Zeile 135: Zeile 175:
 
{{ok}}  
 
{{ok}}  
 
<br> {{ok}}  
 
<br> {{ok}}  
<br> {{nok}}  
+
<br> {{ok}}  
 
| 2.0 Der String wird an [http://wiki.openstreetmap.org/wiki/DE:Nominatim Nominatim] weitergegeben  
 
| 2.0 Der String wird an [http://wiki.openstreetmap.org/wiki/DE:Nominatim Nominatim] weitergegeben  
 
: Liste der Fundstellen unter dem Menü  
 
: Liste der Fundstellen unter dem Menü  
Zeile 142: Zeile 182:
 
&nbsp;  
 
&nbsp;  
 
<br> Ergebnisse sind nicht optimal  
 
<br> Ergebnisse sind nicht optimal  
<br> Marker fehlt
+
<br> &nbsp;
 
|}
 
|}
  
Zeile 198: Zeile 238:
 
{| class="wikitable"
 
{| class="wikitable"
 
|-
 
|-
| {{ok}} || 5.1 Wassertiefe || derzeit: GEBCO mit 5.1.1, 5.1.2, 5.1.3
+
|  || bgcolor="lightgrey" | 5.1 Meeresprofil ||
 +
|-
 +
| {{ok}} || 5.1.1 Tiefenlinien z=11..18 || GEBCO 2015, Tiefenlinien/-Punkte (10'000-200m, interpoliert bis 25m)
 
|-
 
|-
| || 5.1.1 Meeresprofil z=0..18 || neu: GEBCO
+
| {{ok}} || 5.1.2 Farbstufen z=3..18 || GEBCO 2015
 
|-
 
|-
| || 5.1.2 Tiefenlinien z=11..18 || Tiefenlinien/-Punkte (Spenden und eigene gesicherte Daten)
+
| {{nok}} || 5.1.3 Schattierung z=3..? || GEBCO
 +
 
 
|-
 
|-
|  || 5.1.3 Schattierung z=0..? || GEBCO
+
|  || bgcolor="lightgrey" | 5.2. Wassertiefen (Flachwasser) ||  
 
|-
 
|-
| || 5.1.4 Flachwasser-Erfassung || Visualisierung der Tracks und der Qualität
+
| {{ok}} || 5.2.1 Tracks || Tracks 10m, z=3..18, nur Küsten
 
|-
 
|-
|  || 5.1.5 Geländehöhen || selbst gerendert von Martin (2012)
+
|  || 5.2.2 Tracks || Tracks 30m/50m, z=3..18, nur Küsten
 +
|-
 +
| {{ok}} || 5.2.3 Tracks || Tracks 100m, z=3..18, nur Küsten
 +
|-
 +
|  || 5.2.4 Qualität || Dichte und Qualität als Heat-Map, z=8..16, nur Küsten
 +
|-
 +
|  || 5.1.5 Tiefenlinien z=11..18 || Tiefenlinien/-Punkte (gesicherte Datenspenden)
 +
|-
 +
|  || 5.1.6 Tiefenlinien z=11..18 || Tiefenlinien/-Punkte (eigene gesicherte Daten)
 +
|-
 +
|  || 5.1.7 Tiefen-Qualität z=11..18 || Dichte und Qualität als Heat-Map
 +
|-
 +
|  || bgcolor="lightgrey" | 5.3 Geländehöhen ||
 +
|-
 +
| {{nok}} || 5.31 Geländehöhen || selbst gerendert von Martin (2012)
 +
|-
 +
| {{nok}} || 5.32 Geländehöhen || gerendert von Alex (2016?)
  
 
|-
 
|-
|  || 5.2 Häfen ||  
+
|  || bgcolor="lightgrey" | 5.4 Häfen ||
 +
|-
 +
| {{nok}} || 5.3.1 Häfen ||  
 
|-
 
|-
| {{nok}} || 5.2.1 Häfen ||  
+
| {{ok}} || 5.3.2 Marina ||  
 
|-
 
|-
| {{ok}} || 5.2.2 Marina ||  
+
| {{ok}} || 5.3.3 von Dritten ||  
  
 
|-
 
|-
| {{ok}} || 5.4 Sport ||  
+
| || bgcolor="lightgrey" | 5.6 Sport ||  
 
|-
 
|-
|  || 5.4.1 Regatta ||  
+
|  || 5.6.1 Regatta ||  
 
|-
 
|-
 
| {{nok}} || 5.4.2 Kajakfahrer  ||  
 
| {{nok}} || 5.4.2 Kajakfahrer  ||  
 
|-
 
|-
| || 5.4.3 Taucher  ||  
+
| {{nok}} || 5.6.3 Taucher  ||  
 
|-
 
|-
|  || 5.4.4 Angler und Fischer ||  
+
|  || 5.6.4 Angler und Fischer ||  
  
 
|-
 
|-
|  || 5.6 Gewässer || Vektorlayer
+
|  || bgcolor="lightgrey" | 5.7 Gewässer ||  
 
|-
 
|-
|  || 5.6.1 Binnen-Schifffahrtsstrassen
+
|  || 5.7.1 Binnen-Schifffahrtsstrassen || Vektorlayer
 
|-
 
|-
|  || 5.6.2 Flüsse-Namen
+
|  || 5.7.2 Flüsse-Namen || Vektorlayer
 
|-
 
|-
|  || 5.6.3 Seen-Namen ||  
+
|  || 5.7.3 Seen-Namen || Vektorlayer
 
|-
 
|-
|  || 5.6.1 Meeresgebiete-Namen ||  
+
|  || 5.7.4 Meeresgebiete-Namen || Vektorlayer
  
 
|-
 
|-
|  || 5.7 Schiffstracking ||  
+
|  || bgcolor="lightgrey" | 5.8 Schiffstracking ||  
 
|-
 
|-
| {{nok}} || 5.7.1 AIS ||  
+
| {{nok}} || 5.8.1 AIS || funktioniert nur eingeschränkt, PopUp fehlt
 
|-
 
|-
|  || 5.7.2 SatPro || funktioniert nicht mehr
+
|  || 5.8.2 SatPro || funktioniert nicht mehr
 
|-
 
|-
|  || 5.7.3 INTERMAR ||  
+
|  || 5.8.3 INTERMAR ||  
  
 
|-
 
|-
| {{ok}}  
+
| {{ok}} || bgcolor="lightgrey" | 5.9 Koordinatengitter || default: ein, soll immer angezeigt werden
: &nbsp;
 
| 5.8 Koordinatengitter  
 
  
| default: ein
+
|-
: soll immer angezeigt werden
+
|  || bgcolor="lightgrey" | 5.10 Wetter  || war: "Menü 4"
 +
|-
 +
|  || 5.10.1 Wind ||
 +
|-
 +
|  || 5.10.2 Tide ||
 +
|-
 +
|  || 5.10.3 Luftdruck ||
 +
|-
 +
|  || 5.10.4 Wellenhöhe ||
 +
|-
 +
|  || 5.10.5 Lufttemperatur ||
 +
|-
 +
|  || 5.10.6 rel. Luftfeuchtigkeit ||
 +
|-
 +
|  || 5.10.7 Bewölkung ||
 +
|-
 +
|  || 5.10.8 Niederschlag ||
 +
|-
 +
| {{ok}} || 5.10.9 Meteogramm || lokalisierte Wetterdaten/prognosen in Verbindung mit Häfen
  
 
|-
 
|-
| {{ok}} || 5.9 Wetter  || war: "Menü 4"
+
| || bgcolor="lightgrey" | 5.11 Pegel ||  
 
|-
 
|-
| || 5.9.1 Wind ||  
+
| {{nok}} || 5.11.1 DE ||  
 
|-
 
|-
| || 5.9.2 Tide ||  
+
| {{nok}} || 5.11.2 CH ||  
 
|-
 
|-
| || 5.9.3 Luftdruck ||  
+
| {{nok}} || 5.11.3 AT ||  
 
|-
 
|-
|  || 5.9.4 Wellenhöhe ||  
+
|  || 5.11.4 Anzeige mit Popup ||  
 
|-
 
|-
|  || 5.9.5 Lufttemperatur ||  
+
|  || 5.11.5 Tidenvorhersage ||  
 
|-
 
|-
|  || 5.9.6 rel. Luftfeuchtigkeit ||  
+
|  || 5.11.6 Brückendurchfahrtshöhe ||  
 
|-
 
|-
|  || 5.9.7 Bewölkung ||  
+
|  || bgcolor="lightgrey" | 5.12 Routing ||  
 
|-
 
|-
|  || 5.9.8 Niederschlag ||  
+
|  || 5.12.1 Schifffahrtsstrassen ||  
 
 
 
|-
 
|-
| {{ok}} || 5.10 Pegel || CH + AT funktionieren nicht
+
| || 5.12.2 Auto, Rad, Fussgänger ||  
 
 
 
|-
 
|-
|  || 5.11 Routing ||  
+
|  || 5.12.3 Tiefwasser-routing ||
 
 
 
|-
 
|-
| {{ok}} || 5.12 Wikipedia ||  
+
| || bgcolor="lightgrey" | 5.13 Wikipedia ||  
 
|-
 
|-
| {{ok}} || 5.12.1 Marker und Popup ||  
+
| {{ok}} || 5.13.1 Marker und Popup ||  
 
|-
 
|-
| {{ok}} || 5.12.2 Galerie und Popup ||  
+
| {{ok}} || 5.13.2 Galerie und Popup ||  
  
 
|-
 
|-
|  || 5.13 Develop || soll zu "Werkzeuge" verschoben werden  
+
|  || bgcolor="lightgrey" | 5.14 Develop || soll zu "Werkzeuge" verschoben werden
 +
|-
 +
| {{ok}} || 5.14.1 depth. || soll zu "Werkzeuge" verschoben werden
 +
|-
 +
| {{ok}} || bgcolor="lightgrey" | 5.15 Kompassrose || soll zu "Werkzeuge" verschoben werden  
 
|}
 
|}
  
Zeile 367: Zeile 445:
  
 
=== Menü 7: Hilfe ===
 
=== Menü 7: Hilfe ===
Die Hilfe soll kontextsensitiv funktionieren und als Tooltip/MouseOver direkt in die Menüs und Masken eingebaut werden. Eine Volltextsuche soll die Hilfeseiten durchsuchen. Die Legende soll zu jedem Element im Rechtsklick-Menu eingebaut sein.
+
[[Datei:Circle-information.svg|mini]]
  
(die aktuelle Version scheint hartcodiert zu sein, z.T. Doppelung von Website)
+
Ziel: Die Hilfe soll kontextsensitiv funktionieren und als Tooltip/MouseOver direkt in die Menüs und Masken eingebaut werden. Eine Volltextsuche soll die Hilfeseiten durchsuchen. Die Legende soll zu jedem Element im Rechtsklick-Menu eingebaut sein.
 +
 
 +
Alternativ kann hinter jedem Menüpunkt und ähnlichem ein kleines [[File:Circle-information.svg|16px|verweis=OpenSeaMap-dev:De:Documentation_and_Communication#Dokumentation]] eingefügt werden, mit Direktlink auf die entsprechende Hilfe-Seite.
 +
 
 +
Derzeit haben wir ein statisches hartcodiertes Hilfe-Menü, mit z.T. Doppelung von Website:
  
 
{| class="wikitable"
 
{| class="wikitable"
Zeile 379: Zeile 461:
 
|  || 7.2.1 Online Editor || gelöscht bis OE wieder funktioniert
 
|  || 7.2.1 Online Editor || gelöscht bis OE wieder funktioniert
 
|-
 
|-
| {{nok}} || 7.2.2 JOSM || 404
+
| {{nok}} || 7.2.2 JOSM || 404 [http://openseamap.org/index.php?id=mapedit]
 
|-
 
|-
| {{nok}} || 7.2.3 Pegel || 404
+
| {{nok}} || 7.2.3 Pegel || 404 [http://wiki.openseamap.org/wiki/De:Pegel]
 
|-
 
|-
| {{nok}} || 7.2.4 Törnplaner || 404
+
| {{nok}} || 7.2.4 Törnplaner || 404 [http://wiki.openseamap.org/wiki/De:Trip_Planner]
 
|-
 
|-
| {{nok}} || 7.2.5 in Website einbauen || 404
+
| {{nok}} || 7.2.5 in Website einbauen || 404 [http://wiki.openseamap.org/index.php?title=De:OpenSeaMap_in_Website]
 
|-
 
|-
| {{nok}} || 7.2.6 HowTo Translation ||  
+
| {{nok}} || 7.2.6 HowTo Translation || [http://wiki.openseamap.org/wiki/Website:translation]
 
|-
 
|-
 
| {{ok}} || 7.3 Legende ||  
 
| {{ok}} || 7.3 Legende ||  
Zeile 405: Zeile 487:
 
|  || 7.5. Kontakt, Mailingliste, Forum ||  
 
|  || 7.5. Kontakt, Mailingliste, Forum ||  
 
|-
 
|-
| {{nok}} || 7.5.1 '''Forum'''  || (vorerst auf auf Ebene 7.5)
+
| {{nok}} || 7.5.1 '''Forum'''  || (vorerst auf auf Ebene 7.5) [http://forum.openseamap.org]
 
|}
 
|}
  
 
== Chronik ==
 
== Chronik ==
 
Siehe [http://openseamap.org/index.php?id=news&L=0 News von OpenSeaMap]
 
Siehe [http://openseamap.org/index.php?id=news&L=0 News von OpenSeaMap]
 +
: 2016....: OL-3 Entwurf von Axel
 +
: 2015....: erste Überlegungen für OL-3
 
: 2011.07: Startseite | Suche | Editieren | Ansicht | Werkzeuge | Hilfe  (Menü dreistufig)
 
: 2011.07: Startseite | Suche | Editieren | Ansicht | Werkzeuge | Hilfe  (Menü dreistufig)
 
: 2010.12: Startseite | Bearbeiten | Wetter | Legende | Daten herunterladen
 
: 2010.12: Startseite | Bearbeiten | Wetter | Legende | Daten herunterladen
: 2010...: Startseite | Bearbeiten | Legende | Daten herunterladen
+
: 2010....: Startseite | Bearbeiten | Legende | Daten herunterladen
: 2009...: Startseite | Bearbeiten | Legende
+
: 2009....: Startseite | Bearbeiten | Legende
 +
 
 +
== Neu: OL-3 ==
 +
Ziel:
 +
* Responsive Design
 +
* neue Features von OL-3 nutzen
 +
 
 +
Voraussetzung:
 +
* gleiches Layout
 +
* gleiches Look-and Feel (Menüstruktur, Handling, Fuktionalität)
 +
 
 +
; Test
 +
: [http://dev-map.brasshack.de/ Basisfunktionen, erster Entwurf von Axel]
 +
 
 +
== Neu: OL-7 ==
 +
siehe [[OpenSeaMap-dev:Fullscreenmap-Layout/OL-7|Fullscreenmap-Layout/OL-7]]
 +
 
 +
== Layout für Navi-App ==
 +
Siehe:
 +
: [[OpenSeaMap-dev:Navi-App|Navi-App]]
 +
: [[OpenSeaMap-dev:Navi-App-Layout|Navi-App-Layout]]
 +
: [[OpenSeaMap-dev:Splitscreen|Split-Screen]]
 +
 
 +
== Siehe auch ==
 +
: [[OpenSeaMap-dev:De:Corporate-design|Corporate-design]]
 +
: [[OpenSeaMap-dev:Website-dev|Website]]
 +
: [[OpenSeaMap-dev:Fullscreenmap-Layout|Fullscreenmap-Layout]]
 +
: [[OpenSeaMap-dev:Layers|Layer]]
 +
 
 +
 
 +
[[Kategorie:Layout]]

Aktuelle Version vom 13. Februar 2023, 21:26 Uhr


Alle Fullscreen-Karten sollen immer dasselbe Erscheinungsbild haben.

GitHub

Grundlagen

Legende auf dieser Seite

Ok.png Funktioniert {{ok}}
Nok.png Funktioniert nicht mehr {{nok}}
... Geplante Erweiterung
Qsicon inArbeit.png ist in Arbeit {{inArbeit}}

Grundprinzipien

Split-Screen für Navigation
  • alles immer am selben Platz (Bedienungselemente, Hilfetexte, Systemnachrichten, etc.)
  • einheitliches Menü, max. dreistufig (zwei Unterstufen)
  • alle Layer im Menü
  • für eine Funktion immer dasselbe Bedienugselement
  • funktionale Trennung zwischen Werkzeuge, Navigation der Karte, Layer
  • Zusammengehörendes zusammenführen
  • Kontextmenü am Bildrand, Menue-Button links unten
  • Kontextsensitives Rechtsklick-Menü für alle wichtigen Aktionen, Anzeige am Mauszeiger
  • "One-Klick"-Erreichbarkeit für alle wichtigen Elemente
  • Menü-Texte ausblendbar (ersetzt durch Tooltips)
  • Split-Screen für Navi-Daten und Anzeige von Fishfinder etc.

Standard-Karte

OpenSeaMap:
- Karte
- Koordinatengitter
- Seezeichen
- Häfen

Für einheitlichen Look-and-Feel sollen alle Karten die gleiche Grundinformation bieten:

  • Basiskarte Mapnik (mit OpenSeaMap-Carto)
  • Seamark-Layer
  • Koordinatengitter
  • Hafen-Layer

Siehe auch: , Standard-Karte, Standard-Karte im Web, Screenshots

One-Klick

Mit einem Klick soll erreichbar sein:

Ok.png Fullscreen-Karte aus der Website
Ok.png Website aus der Fullscreen-Karte
Ok.png Suche in der Karte immer offenes Eingabefeld
Ok.png
 
Editieren in der Karte
Lieblingseditor über "Einstellungen" vorwählbar
 
derzeit nur JOSM
Navigationstool in der Karte Törn-Planer
Ok.png Layer einzeln ein/aus-schalten in der Karte
Wetter derzeit noch als getrennte Seite...

Zoom

Ok.png mit Mausrad und mit Zoombalken funktioniert noch nicht bei Wetter
Ok.png Zoombalken links oben
Angabe des Zoomlevels direkt neben dem Schieber am Zoombalken derzeit noch unten rechts

Verschieben

Ok.png mit linker gedrückter Maustaste (Verschiebe-Kreuz über Zoombalken kann weg)

Koordinate

Rubberband-Cursor
Ok.png unten rechts
direkt am Mauszeiger s. Grafik "Rubberband-Cursor")
mit Rechtsklick-Menü kopierbar g°mm,m']

Zeit

Vorhersagen (Wetter, Tide, Pegel) haben Zeitintervalle. Datum und Zeit könnte man als MouseOver-Dropdown-Liste oberhalb des Zoombalkens anbringen.

Für die GPS-Navigation könnte man ein detailliertes Info-Fenster oben rechts bzw in einer rechten Spalte vorsehen (COG, SOG, VMG, etc).
Oder als konfigurierbarer Split-Screen.

Permalink

Ok.png unten rechts ohne Marker
Ok.png Permalink mit Marker Menü "Werkzeuge"
Ok.png Marker mit Klick in die Karte Menü "Werkzeuge"
Ok.png Popup-Text Textauszeichnung "fett" durch Button fehlt
Popup-Text mit klickbarer URL und weitere Ideen

Lizenz und Quellen

Geschichte
OpenSeaMap: Ursprünglich gab es einen Schriftzug "OpenSeaMap CC-by-SA" (vor dem OSM-Lizenzwecsel)
Some Rights Reserved: dann folgte ein Minibanner "Some Rights Reserved", das auf die Website>Quellen verlinkte, und dort eine Liste zeigte.
Banner-Zeile: Dann folgte eine Layer-spezifische Bannerzeile, die sich je nach Kombination der Layer änderte.
Ziel
Möglichst wenig Raum verbrauchend und trotzdem ausreichend
Lösung
  1. Logo: "OpenSeaMap" und "OpenStreetMap" und "Some Rights Reserved"
    oder Schriftzug: "© OpenSeaMap, OpenStreetMap, Some Rights Reserved"
  2. mit Tooltips
    OpenSeaMap de: "© OpenSeaMap-Mitwirkende", en: "© OpenSeaMap-Contributors"
    OpenStreetMap de: "© OpenStreetMap-Mitwirkende", en: "© OpenStreetMap-Contributors"
    Some Rights Reserved de: "Layer und Werkzeuge haben weitere Lizenzen", en: "Layers and tools may have own licenses"
  3. und Link zu Website>Quellen
  4. Detaillierte Liste der Quellen auf der Website.
Für kleine Bildschirme reicht "© OpenSeaMap" mit Link zu Website>Quellen

Kartenübersicht

Nok.png unten rechts "+" ist nicht selbsterklärend, Tooltip fehlt

Legende

Ziel: Kontextsensitiv

a) im Rechtsklickmenü ( b) und c) verlinkt)
b) direkt auf der Karte, z.B. Tiefen-Farben bei Wassertiefen und Meeresprofil, Baufortskale bei Wetter-Layer:Wind, etc.
c) INT-1 plus OSM-Icons als verlinkte Hilfeseite (da gibt es noch viel zu tun)

Derzeit hartcodiert im Hilfe-Menü, nur wenige Icons erklärt (nicht mehr aktuell).


Haupt-Menü

3-stufiges Menü
Ok.png 1. Website
Ok.png 2. Suche
Ok.png 3. Editieren
4. Wetter
Ok.png 5. Ansicht
Ok.png 6. Werkzeuge
Ok.png 7. Hilfe

Das Hauptmenü ist dreistufig angelegt. Zu jedem Menüpunkt sind Unterpunkte möglich. Die Unterpunkte sind nach "Gebrauchswichtigkeit" geordnet. Die Unterpunkt erscheinen durch Mouseover. Angeklickte Oberpunkte führen durch "OneKlick" zu einem als Standard gesetzten Link (beispielsweise zu "JOSM" in "Bearbeiten", oder zu "Törnplaner" in "Werkzeuge"). Dieser Standard kann in den Optionen konfiguriert werden. Durch Checkboxen in den Unterpunkten können weitere Kombinationen gewählt werden.

Menü 1: Website

Dieser Punkt verlinkt zur Website von OpenSeaMap. Er ist einstufig.

Ok.png 1.0 Link zur Startseite

Menü 2: Suche

Dieser Punkt enthält ein Text-Eingabefeld und einen Suche-Knopf (im Menü-Balken dauernd sichtbar).

Ok.png
Ok.png
Ok.png

2.0 Der String wird an Nominatim weitergegeben
Liste der Fundstellen unter dem Menü
Anzeige der Fundstelle(n) als beschrifteter Marker auf der Karte

 
Ergebnisse sind nicht optimal
 

Menü 3: Karte editieren

Bearbeiten enthält die Unterpunkte:

3.0 Fullscreen Map zurück vom Bearbeiten-Modus zur Karte
3.1 Online-Editor funktioniert seit 2011 nicht mehr
Ok.png

 

3.2 JOSM remote Editor
automatische Prüfung ob JOSM geöffnet, wenn nicht: automatisch öffnen
3.2.1 JOSM herunterladen
3.2.2 JOSM-Hilfe im OSM-Wiki

Über "Werkzeuge>Einstellungen" soll der Lieblingseditor voreingestellt werden können (derzeit JOSM/OE), damit der Edit-Mode durch "One-Klick" - also direkt über <Menü 3: Bearbeiten> - erreicht werden kann.

Der Unterpunkt "JOSM" soll (wie beim Online-Editor) den Kartenausschnitt in sinnvollem Zoomlevel in JOSM laden. Idealerweise startet JOSM in der "Daten herunterladen"-Ansicht, mit voreingestelltem Kartenausschnitt, damit der Benutzer dort wie gewohnt den genauen Ausschnitt (falls der Zoom zu klein bzw die Datenmenge zu gross war) wählen kann.

Menü 4: Wetter

alles was mit Wettereinflüssen zusammenhängt:

Ok.png 4.1 Wind
Ok.png 4.2 Tide
Ok.png 4.3 Luftdruck
Ok.png 4.4 Wellenhöhe
Ok.png 4.5 Lufttemperatur
Ok.png 4.6 rel. Luftfeuchtigkeit
Ok.png 4.7 Bewölkung
Ok.png 4.8 Niederschlag
4.9 gefühlte Temperatur

"Menü 4" soll als Ganzes in "Menü 5 Kartenansicht" integriert werden.

Derzeit besteht noch eine "Sonderlösung" mit proprietärem Menü auf der Wetter-Seite.

Menü 5: Kartenansicht

alle Layer:

5.1 Meeresprofil
Ok.png 5.1.1 Tiefenlinien z=11..18 GEBCO 2015, Tiefenlinien/-Punkte (10'000-200m, interpoliert bis 25m)
Ok.png 5.1.2 Farbstufen z=3..18 GEBCO 2015
Nok.png 5.1.3 Schattierung z=3..? GEBCO
5.2. Wassertiefen (Flachwasser)
Ok.png 5.2.1 Tracks Tracks 10m, z=3..18, nur Küsten
5.2.2 Tracks Tracks 30m/50m, z=3..18, nur Küsten
Ok.png 5.2.3 Tracks Tracks 100m, z=3..18, nur Küsten
5.2.4 Qualität Dichte und Qualität als Heat-Map, z=8..16, nur Küsten
5.1.5 Tiefenlinien z=11..18 Tiefenlinien/-Punkte (gesicherte Datenspenden)
5.1.6 Tiefenlinien z=11..18 Tiefenlinien/-Punkte (eigene gesicherte Daten)
5.1.7 Tiefen-Qualität z=11..18 Dichte und Qualität als Heat-Map
5.3 Geländehöhen
Nok.png 5.31 Geländehöhen selbst gerendert von Martin (2012)
Nok.png 5.32 Geländehöhen gerendert von Alex (2016?)
5.4 Häfen
Nok.png 5.3.1 Häfen
Ok.png 5.3.2 Marina
Ok.png 5.3.3 von Dritten
5.6 Sport
5.6.1 Regatta
Nok.png 5.4.2 Kajakfahrer
Nok.png 5.6.3 Taucher
5.6.4 Angler und Fischer
5.7 Gewässer
5.7.1 Binnen-Schifffahrtsstrassen Vektorlayer
5.7.2 Flüsse-Namen Vektorlayer
5.7.3 Seen-Namen Vektorlayer
5.7.4 Meeresgebiete-Namen Vektorlayer
5.8 Schiffstracking
Nok.png 5.8.1 AIS funktioniert nur eingeschränkt, PopUp fehlt
5.8.2 SatPro funktioniert nicht mehr
5.8.3 INTERMAR
Ok.png 5.9 Koordinatengitter default: ein, soll immer angezeigt werden
5.10 Wetter war: "Menü 4"
5.10.1 Wind
5.10.2 Tide
5.10.3 Luftdruck
5.10.4 Wellenhöhe
5.10.5 Lufttemperatur
5.10.6 rel. Luftfeuchtigkeit
5.10.7 Bewölkung
5.10.8 Niederschlag
Ok.png 5.10.9 Meteogramm lokalisierte Wetterdaten/prognosen in Verbindung mit Häfen
5.11 Pegel
Nok.png 5.11.1 DE
Nok.png 5.11.2 CH
Nok.png 5.11.3 AT
5.11.4 Anzeige mit Popup
5.11.5 Tidenvorhersage
5.11.6 Brückendurchfahrtshöhe
5.12 Routing
5.12.1 Schifffahrtsstrassen
5.12.2 Auto, Rad, Fussgänger
5.12.3 Tiefwasser-routing
5.13 Wikipedia
Ok.png 5.13.1 Marker und Popup
Ok.png 5.13.2 Galerie und Popup
5.14 Develop soll zu "Werkzeuge" verschoben werden
Ok.png 5.14.1 depth. soll zu "Werkzeuge" verschoben werden
Ok.png 5.15 Kompassrose soll zu "Werkzeuge" verschoben werden

Menü 6: Werkzeuge

Öffnet meist ein verschiebares Extra-Fenster.

Ok.png 6.1 Törnplaner Kurs und Distanz, Routen, ...
6.2 Experten-Suche
6.3 Navigation GPS, Schiffstandort, Log, Goto, Routen, Autopilot)
Nok.png 6.4 Karte herunterladen (Layer) alle Offline-Karten integrieren!
Ok.png

 

6.4.1 Karte herunterladen (Workaround)
 
Link zu den Wiki-Seiten


OsmAnd fehlt

Ok.png 6.5 Hilfe derzeit ausgelagert in eigenen Punkt "Hilfe"
6.5.1 Suche in allen Hilfe-Seiten
6.5.2 Kontextsensitive Hilfe mit <F1>
6.5.3 Imagemap aller OpenSeaMap-relevanten Seiten in OSM-Wiki, OpenSeaMap-Wiki, OpenSeaMap-Website
Ok.png 6.6 Legende (derzeit ausgelagert in eigenen Punkt "Hilfe")
6.7 Lizenz (derzeit ausgelagert in "Hilfe" 7.4)
Ok.png 6.6 Permalink
Ok.png 6.6.1 mit Marker und Markertext Text mit Sonderzeichen und "br" und "b"
6.6.2 mit mehreren Markern
6.6.3 mit Route
6.6.4 mit Zeichenfunktion Linie, Fläche, Text, Route, Törnplaner...)
Nok.png 6.7 Wassertiefen erfassen Link zu depth.openseamap.org
Nok.png 6.8 Quality-Tools
Nok.png 6.8.1 Leuchtfeuer positionieren
Nok.png 6.8.2 Häfen mergen
6.8.3 Küstenlinie verbessern
6.8.4 Küstenlinie Fehler beheben
6.10 Optionen/Extras/Einstellungen/Setting
6.10.1 Sprache de/en/fr/it/es später auch ar/ru/zh)
6.10.2 Koordinatenformat ggg,ggggg, ggg°mm,m', ggg°mm'ss" Dezimaltrenner "," oder "." automatisch)
6.10.3 Koordinatengitter ein/aus
6.10.4 Liebligseditor (JOSM oder OpenSeaMap-Online-Editor)
6.10.5 Menütexte ein/aus, Tooltip ein/aus bei Tooltip: nur Icon mit Tooltip, bei aus: nur Icon
6.10.6 ...

Menü 7: Hilfe

Circle-information.svg

Ziel: Die Hilfe soll kontextsensitiv funktionieren und als Tooltip/MouseOver direkt in die Menüs und Masken eingebaut werden. Eine Volltextsuche soll die Hilfeseiten durchsuchen. Die Legende soll zu jedem Element im Rechtsklick-Menu eingebaut sein.

Alternativ kann hinter jedem Menüpunkt und ähnlichem ein kleines Circle-information.svg eingefügt werden, mit Direktlink auf die entsprechende Hilfe-Seite.

Derzeit haben wir ein statisches hartcodiertes Hilfe-Menü, mit z.T. Doppelung von Website:

7.1 Suche in der Hilfe Volltext
Ok.png 7.2 hierarchische Hilfe
7.2.1 Online Editor gelöscht bis OE wieder funktioniert
Nok.png 7.2.2 JOSM 404 [1]
Nok.png 7.2.3 Pegel 404 [2]
Nok.png 7.2.4 Törnplaner 404 [3]
Nok.png 7.2.5 in Website einbauen 404 [4]
Nok.png 7.2.6 HowTo Translation [5]
Ok.png 7.3 Legende
Ok.png 7.3.1 Hafen Icons aktualisieren
Ok.png 7.3.2 Seezeichen
Ok.png 7.3.3 Leuchtfeuer Icons aktualisieren
Ok.png 7.3.4 Brücken, Schleusen Icons aktualisieren, rendern!
7.3.5 ....
Ok.png 7.4 Lizenz überarbeiten!
7.5. Kontakt, Mailingliste, Forum
Nok.png 7.5.1 Forum (vorerst auf auf Ebene 7.5) [6]

Chronik

Siehe News von OpenSeaMap

2016....: OL-3 Entwurf von Axel
2015....: erste Überlegungen für OL-3
2011.07: Startseite | Suche | Editieren | Ansicht | Werkzeuge | Hilfe (Menü dreistufig)
2010.12: Startseite | Bearbeiten | Wetter | Legende | Daten herunterladen
2010....: Startseite | Bearbeiten | Legende | Daten herunterladen
2009....: Startseite | Bearbeiten | Legende

Neu: OL-3

Ziel:

  • Responsive Design
  • neue Features von OL-3 nutzen

Voraussetzung:

  • gleiches Layout
  • gleiches Look-and Feel (Menüstruktur, Handling, Fuktionalität)
Test
Basisfunktionen, erster Entwurf von Axel

Neu: OL-7

siehe Fullscreenmap-Layout/OL-7

Layout für Navi-App

Siehe:

Navi-App
Navi-App-Layout
Split-Screen

Siehe auch

Corporate-design
Website
Fullscreenmap-Layout
Layer