OpenSeaMap-dev:Fullscreenmap-Layout

Alle Fullscreen-Karten sollen immer dasselbe Erscheinungsbild haben.

GitHub

Grundlagen

Legende auf dieser Seite

	Funktioniert	{{ok}}
	Funktioniert nicht mehr	{{nok}}
...	Geplante Erweiterung
	ist in Arbeit	{{inArbeit}}

Grundprinzipien

• 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:

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

Zoom

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

Verschieben

mit linker gedrückter Maustaste

(Verschiebe-Kreuz über Zoombalken kann weg)

Koordinate

Rubberband-Cursor

	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

	unten rechts ohne Marker
	Permalink mit Marker	Menü "Werkzeuge"
	Marker mit Klick in die Karte	Menü "Werkzeuge"
	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

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ü

	1. Website
	2. Suche
	3. Editieren
	4. Wetter
	5. Ansicht
	6. Werkzeuge
	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.

1.0 Link zur Startseite

Menü 2: Suche

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

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
	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:

	4.1 Wind
	4.2 Tide
	4.3 Luftdruck
	4.4 Wellenhöhe
	4.5 Lufttemperatur
	4.6 rel. Luftfeuchtigkeit
	4.7 Bewölkung
	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
	5.1.1 Tiefenlinien z=11..18	GEBCO 2015, Tiefenlinien/-Punkte (10'000-200m, interpoliert bis 25m)
	5.1.2 Farbstufen z=3..18	GEBCO 2015
	5.1.3 Schattierung z=3..?	GEBCO
	5.2. Wassertiefen (Flachwasser)
	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
	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
	5.31 Geländehöhen	selbst gerendert von Martin (2012)
	5.32 Geländehöhen	gerendert von Alex (2016?)
	5.4 Häfen
	5.3.1 Häfen
	5.3.2 Marina
	5.3.3 von Dritten
	5.6 Sport
	5.6.1 Regatta
	5.4.2 Kajakfahrer
	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
	5.8.1 AIS	funktioniert nur eingeschränkt, PopUp fehlt
	5.8.2 SatPro	funktioniert nicht mehr
	5.8.3 INTERMAR
	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
	5.10.9 Meteogramm	lokalisierte Wetterdaten/prognosen in Verbindung mit Häfen
	5.11 Pegel
	5.11.1 DE
	5.11.2 CH
	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
	5.13.1 Marker und Popup
	5.13.2 Galerie und Popup
	5.14 Develop	soll zu "Werkzeuge" verschoben werden
	5.14.1 depth.	soll zu "Werkzeuge" verschoben werden
	5.15 Kompassrose	soll zu "Werkzeuge" verschoben werden

Menü 6: Werkzeuge

Öffnet meist ein verschiebares Extra-Fenster.

	6.1 Törnplaner	Kurs und Distanz, Routen, ...
	6.2 Experten-Suche
	6.3 Navigation	GPS, Schiffstandort, Log, Goto, Routen, Autopilot)
	6.4 Karte herunterladen (Layer)	alle Offline-Karten integrieren!
	6.4.1 Karte herunterladen (Workaround)	Link zu den Wiki-Seiten OsmAnd fehlt
	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
	6.6 Legende (derzeit ausgelagert in eigenen Punkt "Hilfe")
	6.7 Lizenz	(derzeit ausgelagert in "Hilfe" 7.4)
	6.6 Permalink
	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...)
	6.7 Wassertiefen erfassen	Link zu depth.openseamap.org
	6.8 Quality-Tools
	6.8.1 Leuchtfeuer positionieren
	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

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 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
	7.2 hierarchische Hilfe
	7.2.1 Online Editor	gelöscht bis OE wieder funktioniert
	7.2.2 JOSM	404 [1]
	7.2.3 Pegel	404 [2]
	7.2.4 Törnplaner	404 [3]
	7.2.5 in Website einbauen	404 [4]
	7.2.6 HowTo Translation	[5]
	7.3 Legende
	7.3.1 Hafen	Icons aktualisieren
	7.3.2 Seezeichen
	7.3.3 Leuchtfeuer	Icons aktualisieren
	7.3.4 Brücken, Schleusen	Icons aktualisieren, rendern!
	7.3.5 ....
	7.4 Lizenz	überarbeiten!
	7.5. Kontakt, Mailingliste, Forum
	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