OpenSeaMap-dev:Fullscreenmap-Layout: Unterschied zwischen den Versionen
Gerit (Diskussion | Beiträge) (→Menü 6: Werkzeuge) |
Markus (Diskussion | Beiträge) (→Grundprinzipien) |
||
(50 dazwischenliegende Versionen von 2 Benutzern 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 == | ||
+ | === 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.) | ||
− | * einheitliches Menü, | + | * einheitliches Menü, max. dreistufig (zwei Unterstufen) |
* alle Layer im Menü | * alle Layer im Menü | ||
* für eine Funktion immer dasselbe Bedienugselement | * für eine Funktion immer dasselbe Bedienugselement | ||
* funktionale Trennung zwischen Werkzeuge, Navigation der Karte, Layer | * funktionale Trennung zwischen Werkzeuge, Navigation der Karte, Layer | ||
* Zusammengehörendes zusammenführen | * Zusammengehörendes zusammenführen | ||
− | * Kontextsensitives Rechtsklick-Menü für alle wichtigen Aktionen | + | * 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) | ||
+ | * [[OpenSeaMap-dev:Splitscreen|Split-Screen]] für Navi-Daten und Anzeige von Fishfinder etc. | ||
+ | |||
+ | === Standard-Karte === | ||
+ | [[Datei:GEBCO-Waterdepth-OpenSeaMap-Atlanitct-1024x513.jpg|miniatur|OpenSeaMap: <br>- Karte <br>- Koordinatengitter <br>- Seezeichen <br>- 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: , [[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 === | ||
+ | Mit einem Klick soll erreichbar sein: | ||
+ | {| class="wikitable" | ||
+ | |- | ||
+ | | {{ok}} || Fullscreen-Karte aus der Website || | ||
+ | |- | ||
+ | | {{ok}} || Website aus der Fullscreen-Karte || | ||
+ | |- | ||
+ | | {{ok}} || Suche in der Karte || immer offenes Eingabefeld | ||
+ | |- | ||
+ | | {{ok}} <br> || Editieren in der Karte <br>Lieblingseditor über "Einstellungen" vorwählbar || <br> derzeit nur JOSM | ||
+ | |- | ||
+ | | || Navigationstool in der Karte || [[OpenSeaMap-dev:De:Trip_Planner|Törn-Planer]] | ||
+ | |- | ||
+ | | {{ok}} || Layer einzeln ein/aus-schalten in der Karte || | ||
+ | |- | ||
+ | | || Wetter || derzeit noch als getrennte Seite... | ||
+ | |} | ||
=== Zoom === | === Zoom === | ||
− | + | {| class="wikitable" | |
− | + | |- | |
− | + | | {{ok}} || mit Mausrad und mit Zoombalken || funktioniert noch nicht bei Wetter | |
+ | |- | ||
+ | | {{ok}} || Zoombalken links oben || | ||
+ | |- | ||
+ | | || Angabe des Zoomlevels direkt neben dem Schieber am Zoombalken || derzeit noch unten rechts | ||
+ | |} | ||
=== Verschieben === | === Verschieben === | ||
− | + | {| class="wikitable" | |
+ | | {{ok}} || mit linker gedrückter Maustaste || (Verschiebe-Kreuz über Zoombalken kann weg) | ||
+ | |} | ||
=== Koordinate === | === Koordinate === | ||
− | + | [[Datei:Rubberband-Cursor.gif.jpg|thumb|Rubberband-Cursor]] | |
+ | |||
+ | {| class="wikitable" | ||
+ | |- | ||
+ | | {{ok}} || unten rechts || | ||
+ | |- | ||
+ | | || direkt am Mauszeiger || s. Grafik "Rubberband-Cursor") | ||
+ | |- | ||
+ | | || mit Rechtsklick-Menü kopierbar || [g,gggggg|g°mm,m'] | ||
+ | |} | ||
=== Zeit === | === Zeit === | ||
− | Vorhersagen (Wetter, Tide) haben Zeitintervalle. Datum und Zeit könnte man als MouseOver-Dropdown-Liste | + | 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. | + | Für die GPS-Navigation könnte man ein detailliertes Info-Fenster oben rechts bzw in einer rechten Spalte vorsehen (COG, SOG, VMG, etc). |
+ | <br>Oder als konfigurierbarer [[OpenSeaMap-dev:Splitscreen|Split-Screen]]. | ||
=== Permalink === | === Permalink === | ||
− | + | {| class="wikitable" | |
+ | |- | ||
+ | | {{ok}} || unten rechts ohne Marker || | ||
+ | |- | ||
+ | | {{ok}} || Permalink mit Marker || Menü "Werkzeuge" | ||
+ | |- | ||
+ | | {{ok}} || Marker mit Klick in die Karte || Menü "Werkzeuge" | ||
+ | |- | ||
+ | | {{ok}} || Popup-Text || Textauszeichnung "fett" durch Button fehlt | ||
+ | |- | ||
+ | | || Popup-Text mit klickbarer URL || [[h_talk:De:Marker_in_URL#Ausbaustufe|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 | ||
+ | # 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 === | ||
− | + | {| class="wikitable" | |
+ | | {{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ü == | ||
− | :1. Website | + | [[Datei:Menü 3-stufig.jpg|thumb|300px|3-stufiges Menü]] |
− | + | ||
− | + | {| class="wikitable" | |
− | + | |- | |
− | + | | {{ok}} || 1. Website | |
− | + | |- | |
+ | | {{ok}} || 2. Suche | ||
+ | |- | ||
+ | | {{ok}} || 3. Editieren | ||
+ | |- | ||
+ | | || <s>4. Wetter</s> | ||
+ | |- | ||
+ | | {{ok}} || 5. Ansicht | ||
+ | |- | ||
+ | | {{ok}} || 6. Werkzeuge | ||
+ | |- | ||
+ | | {{ok}} || 7. Hilfe | ||
+ | |} | ||
− | Das Hauptmenü ist | + | 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 === | === Menü 1: Website === | ||
Dieser Punkt verlinkt zur Website von OpenSeaMap. Er ist einstufig. | Dieser Punkt verlinkt zur Website von OpenSeaMap. Er ist einstufig. | ||
+ | {| class="wikitable" | ||
+ | | {{ok}} || 1.0 Link zur Startseite || | ||
+ | |} | ||
=== Menü 2: Suche === | === Menü 2: Suche === | ||
Dieser Punkt enthält ein Text-Eingabefeld und einen Suche-Knopf (im Menü-Balken dauernd sichtbar). | Dieser Punkt enthält ein Text-Eingabefeld und einen Suche-Knopf (im Menü-Balken dauernd sichtbar). | ||
+ | {| class="wikitable" | ||
+ | |- | ||
+ | | | ||
+ | {{ok}} | ||
+ | <br> {{ok}} | ||
+ | <br> {{ok}} | ||
+ | | 2.0 Der String wird an [http://wiki.openstreetmap.org/wiki/DE:Nominatim Nominatim] weitergegeben | ||
+ | : Liste der Fundstellen unter dem Menü | ||
+ | : Anzeige der Fundstelle(n) als beschrifteter Marker auf der Karte | ||
+ | | | ||
+ | | ||
+ | <br> Ergebnisse sind nicht optimal | ||
+ | <br> | ||
+ | |} | ||
− | + | === Menü 3: Karte editieren === | |
+ | Bearbeiten enthält die Unterpunkte: | ||
+ | {| class="wikitable" | ||
+ | |- | ||
+ | | || 3.0 Fullscreen Map || zurück vom Bearbeiten-Modus zur Karte | ||
+ | |- | ||
+ | | || 3.1 Online-Editor || funktioniert seit 2011 nicht mehr | ||
+ | |- | ||
+ | | {{ok}} | ||
+ | | ||
+ | | 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 | + | 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 === | + | === <s>Menü 4: Wetter</s> === |
alles was mit Wettereinflüssen zusammenhängt: | alles was mit Wettereinflüssen zusammenhängt: | ||
− | + | {| class="wikitable" | |
− | + | |- | |
− | + | | {{ok}} || 4.1 Wind || | |
− | + | |- | |
− | + | | {{ok}} || 4.2 Tide || | |
− | + | |- | |
− | + | | {{ok}} || 4.3 Luftdruck || | |
− | + | |- | |
+ | | {{ok}} || 4.4 Wellenhöhe || | ||
+ | |- | ||
+ | | {{ok}} || 4.5 Lufttemperatur || | ||
+ | |- | ||
+ | | {{ok}} || 4.6 rel. Luftfeuchtigkeit || | ||
+ | |- | ||
+ | | {{ok}} || 4.7 Bewölkung || | ||
+ | |- | ||
+ | | {{ok}} || 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 === | === Menü 5: Kartenansicht === | ||
alle Layer: | alle Layer: | ||
− | + | {| class="wikitable" | |
− | + | |- | |
− | + | | || bgcolor="lightgrey" | 5.1 Meeresprofil || | |
− | + | |- | |
− | + | | {{ok}} || 5.1.1 Tiefenlinien z=11..18 || GEBCO 2015, Tiefenlinien/-Punkte (10'000-200m, interpoliert bis 25m) | |
− | + | |- | |
− | + | | {{ok}} || 5.1.2 Farbstufen z=3..18 || GEBCO 2015 | |
− | : 5.8 ... | + | |- |
+ | | {{nok}} || 5.1.3 Schattierung z=3..? || GEBCO | ||
+ | |||
+ | |- | ||
+ | | || bgcolor="lightgrey" | 5.2. Wassertiefen (Flachwasser) || | ||
+ | |- | ||
+ | | {{ok}} || 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}} || 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?) | ||
+ | |||
+ | |- | ||
+ | | || bgcolor="lightgrey" | 5.4 Häfen || | ||
+ | |- | ||
+ | | {{nok}} || 5.3.1 Häfen || | ||
+ | |- | ||
+ | | {{ok}} || 5.3.2 Marina || | ||
+ | |- | ||
+ | | {{ok}} || 5.3.3 von Dritten || | ||
+ | |||
+ | |- | ||
+ | | || bgcolor="lightgrey" | 5.6 Sport || | ||
+ | |- | ||
+ | | || 5.6.1 Regatta || | ||
+ | |- | ||
+ | | {{nok}} || 5.4.2 Kajakfahrer || | ||
+ | |- | ||
+ | | {{nok}} || 5.6.3 Taucher || | ||
+ | |- | ||
+ | | || 5.6.4 Angler und Fischer || | ||
+ | |||
+ | |- | ||
+ | | || bgcolor="lightgrey" | 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 | ||
+ | |||
+ | |- | ||
+ | | || bgcolor="lightgrey" | 5.8 Schiffstracking || | ||
+ | |- | ||
+ | | {{nok}} || 5.8.1 AIS || funktioniert nur eingeschränkt, PopUp fehlt | ||
+ | |- | ||
+ | | || 5.8.2 SatPro || funktioniert nicht mehr | ||
+ | |- | ||
+ | | || 5.8.3 INTERMAR || | ||
+ | |||
+ | |- | ||
+ | | {{ok}} || bgcolor="lightgrey" | 5.9 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 | ||
+ | |||
+ | |- | ||
+ | | || bgcolor="lightgrey" | 5.11 Pegel || | ||
+ | |- | ||
+ | | {{nok}} || 5.11.1 DE || | ||
+ | |- | ||
+ | | {{nok}} || 5.11.2 CH || | ||
+ | |- | ||
+ | | {{nok}} || 5.11.3 AT || | ||
+ | |- | ||
+ | | || 5.11.4 Anzeige mit Popup || | ||
+ | |- | ||
+ | | || 5.11.5 Tidenvorhersage || | ||
+ | |- | ||
+ | | || 5.11.6 Brückendurchfahrtshöhe || | ||
+ | |- | ||
+ | | || bgcolor="lightgrey" | 5.12 Routing || | ||
+ | |- | ||
+ | | || 5.12.1 Schifffahrtsstrassen || | ||
+ | |- | ||
+ | | || 5.12.2 Auto, Rad, Fussgänger || | ||
+ | |- | ||
+ | | || 5.12.3 Tiefwasser-routing || | ||
+ | |- | ||
+ | | || bgcolor="lightgrey" | 5.13 Wikipedia || | ||
+ | |- | ||
+ | | {{ok}} || 5.13.1 Marker und Popup || | ||
+ | |- | ||
+ | | {{ok}} || 5.13.2 Galerie und Popup || | ||
+ | |||
+ | |- | ||
+ | | || 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 | ||
+ | |} | ||
=== Menü 6: Werkzeuge === | === Menü 6: Werkzeuge === | ||
− | + | Öffnet meist ein verschiebares Extra-Fenster. | |
− | + | {| class="wikitable" | |
− | + | |- | |
− | + | | {{ok}} || 6.1 '''Törnplaner''' || [[OpenSeaMap-dev:De:Trip Planner|Kurs und Distanz, Routen, ...]] | |
− | : 6.5 Legende | + | |- |
− | : 6.10 Optionen/Extras | + | | || 6.2 Experten-Suche || |
− | + | |- | |
− | + | | || 6.3 Navigation || GPS, Schiffstandort, Log, Goto, Routen, Autopilot) | |
− | + | |- | |
− | : 6.10.4 ... | + | | {{nok}} || 6.4 '''Karte herunterladen''' (Layer) || alle Offline-Karten integrieren! |
+ | |||
+ | |- | ||
+ | | {{ok}} | ||
+ | | ||
+ | | 6.4.1 Karte herunterladen (Workaround) | ||
+ | : | ||
+ | | Link zu den Wiki-Seiten | ||
+ | <br> OsmAnd fehlt | ||
+ | |||
+ | |- | ||
+ | | {{ok}} || 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}} || 6.6 Legende (derzeit ausgelagert in eigenen Punkt "Hilfe") || | ||
+ | |- | ||
+ | | || 6.7 Lizenz || (derzeit ausgelagert in "Hilfe" 7.4) | ||
+ | |||
+ | |- | ||
+ | | {{ok}} || 6.6 '''Permalink''' || | ||
+ | |- | ||
+ | | {{ok}} || 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}} || 6.7 '''Wassertiefen erfassen''' || Link zu [http://deph.openseamap.org depth.openseamap.org] | ||
+ | |||
+ | |- | ||
+ | | {{nok}} || 6.8 '''Quality-Tools''' || | ||
+ | |- | ||
+ | | {{nok}} || 6.8.1 Leuchtfeuer positionieren|| | ||
+ | |- | ||
+ | | {{nok}} || 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 === | ||
+ | [[Datei:Circle-information.svg|mini]] | ||
+ | |||
+ | 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" | ||
+ | |- | ||
+ | | || 7.1 Suche in der Hilfe || Volltext | ||
+ | |- | ||
+ | | {{ok}} || 7.2 hierarchische Hilfe || | ||
+ | |- | ||
+ | | || 7.2.1 Online Editor || gelöscht bis OE wieder funktioniert | ||
+ | |- | ||
+ | | {{nok}} || 7.2.2 JOSM || 404 [http://openseamap.org/index.php?id=mapedit] | ||
+ | |- | ||
+ | | {{nok}} || 7.2.3 Pegel || 404 [http://wiki.openseamap.org/wiki/De:Pegel] | ||
+ | |- | ||
+ | | {{nok}} || 7.2.4 Törnplaner || 404 [http://wiki.openseamap.org/wiki/De:Trip_Planner] | ||
+ | |- | ||
+ | | {{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 || [http://wiki.openseamap.org/wiki/Website:translation] | ||
+ | |- | ||
+ | | {{ok}} || 7.3 Legende || | ||
+ | |- | ||
+ | | {{ok}} || 7.3.1 Hafen || Icons aktualisieren | ||
+ | |- | ||
+ | | {{ok}} || 7.3.2 Seezeichen || | ||
+ | |- | ||
+ | | {{ok}} || 7.3.3 Leuchtfeuer || Icons aktualisieren | ||
+ | |- | ||
+ | | {{ok}} || 7.3.4 Brücken, Schleusen || Icons aktualisieren, rendern! | ||
+ | |- | ||
+ | | || 7.3.5 .... || | ||
+ | |- | ||
+ | | {{ok}} || 7.4 Lizenz || überarbeiten! | ||
+ | |- | ||
+ | | || 7.5. Kontakt, Mailingliste, Forum || | ||
+ | |- | ||
+ | | {{nok}} || 7.5.1 '''Forum''' || (vorerst auf auf Ebene 7.5) [http://forum.openseamap.org] | ||
+ | |} | ||
+ | |||
+ | == Chronik == | ||
+ | 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) | ||
+ | : 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 | ||
+ | : [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.
Inhaltsverzeichnis
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
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
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
- Logo: "OpenSeaMap" und "OpenStreetMap" und "Some Rights Reserved"
oder Schriftzug: "© OpenSeaMap, OpenStreetMap, Some Rights Reserved" - 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" - und Link zu Website>Quellen
- 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ü
1. Website | |
2. Suche | |
3. Editieren | |
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
|
|
Menü 3: Karte editieren
Bearbeiten enthält die Unterpunkte:
Ü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:
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
|
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)
Neu: OL-7
siehe Fullscreenmap-Layout/OL-7
Siehe: