Projekte/0xFF-NodeMap: Unterschied zwischen den Versionen

Aus FunkFeuer Wiki
Zur Navigation springen Zur Suche springen
 
(8 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 4: Zeile 4:
|desc=Eine neuer Ansatz für unsere Wien-Map, die eine Reihe neuer (und alter) Features enthält und sauschnell lädt.
|desc=Eine neuer Ansatz für unsere Wien-Map, die eine Reihe neuer (und alter) Features enthält und sauschnell lädt.
}}
}}
Die Map basiert auf [http://leafletjs.com/ Leaflet.js] und wurde von Erich neu geschrieben. Sie greift dabei Konzepte aus der Map von Clemens H. und der Map von Alexander B. auf. Der Fokus liegt auf einer schnellen und übersichtlichen Darstellung mit möglichst vielen Map-Layern. Tools wie ein Entfernungsmesser mit inkludierter Winkelanzeige und eine Adresssuche bringen frühere Funktionalität in übersichtlicher Weise zurück.


<del>Aktuell arbeiten wir an der Kompatibilität zum Backend (Map-Daten, Link-Status, Auth).</del>
== Beschreibung ==
 
Ein interaktive Landkarte, auf der Standorte unseres Netzes einsehbar sind. [https://map.funkfeuer.at/nodemap/ nodemap] ([https://gitlab.com/eripek/0xFF-NodeMap Sourcecode])
 
== Verwendung ==
 
Planung, Organisation und Verwaltung
 
== Maintainer ==
 
Erich P., Alexander B.
 
== Details ==
 
Die Map basiert auf [http://leafletjs.com/ Leaflet.js] und wurde von Erich neu geschrieben. Sie greift dabei Konzepte aus der Map von Clemens H. und der Map von Alexander B. auf. Der Fokus liegt auf einer schnellen und übersichtlichen Darstellung mit möglichst vielen Map-Layern (Angabe der Map-Keys für Bing, Google-Maps oder Mapbox aktiviert diese zusätzlich). Tools wie ein Entfernungsmesser mit inkludierter Winkelanzeige und eine Adresssuche bringen frühere Funktionalität in übersichtlicher Weise zurück.


Neue Features:
Neue Features:


* Tool-Drawer (damit Werkzeug-Optionen nicht mehr das Sichtfeld der Karte verdecken)
Anpassbarkeit:
* Distance-Measurement Tool (Zeigt Entfernung und Winkel zweier Punkte auf der Map zueinander samt Geokoordinaten an. In der neuesten Version mit Tooltips statt statischem PopUp).
* Suche nach Nodes per Liste und nach Node-Status: Inaktiv, Aktiv, Aufbau, Interessent; Gesamtliste
* Adress- und Geokoordinatensuche
* Adressanzeige-Tool bei Klick auf beliebigen Punkt auf der Map
* Anzeige der Node-Links bei Mouse-Over (jeweilige LQ)
* Node-Layer zeigt Node nach deren Status an: Inaktiv, Aktiv, Aufbau oder Interessent
* Link-Layer zeigt alle Links auf einmal an.
* Erweiterte Node-Information: bei Klick auf einen bestehenden Node werden neben den Stammdaten auch gleich die Entfernungen zu dessen Linkpartnern angezeigt.
* An verschiedene Communities anpassbar durch separates config-File map.cfg. (Kompatible XML-Datenquelle vorausgesetzt).
* An verschiedene Communities anpassbar durch separates config-File map.cfg. (Kompatible XML-Datenquelle vorausgesetzt).
* Mouseover Node Tooltip
* Kartenmaterial: OSM und Basemap.at. Einbindung von Google, Bing und Mapbox über die Angabe der API-Keys im Config-File.
 
Erscheinungsbild:
* Tool-Drawer (damit Werkzeuge nicht mehr das Sichtfeld der Karte verdecken).
* Anzeige der Node-Links und des Nodenamens bei Mouse-Over (jeweilige LQ).
* Erweiterte Node-Information über scrollbare Popups:
** Stammdaten
** Links zu anderen Nodes.
** Nodes und Nodedevices sind verlinkt (Smokeping, Sprung auf andere Nodeinfo, Device-Statusseiten)
** Sortierbare Tabellen (Linkpartner-Devices, Linkpartner-Nodes, Entfernungen, ETX, IP-Adressen, ...)
 
Werkzeuge:
* Distance-Measurement Tool: Zeigt Entfernung und Winkel zweier beliebiger Punkte auf der Map zueinander samt Geokoordinaten an. (Tools/distance measurement tool).
* Adress- und Geokoordinatensuche (Eingabefeld mit Lupensymbol).
* Anzeige der Adresse eines beliebigen Punkts auf der Map (Nominatim). (Tools/Adress search)
* Suche nach Nodes per Liste und nach Node-Status: Inaktiv, Aktiv, Aufbau, Interessent; Gesamtliste.
* Layer-Einstellungen als Cookie speichern


Informationsebenen:
* Node-Layer zeigt Node nach deren Status an: Inaktiv, Aktiv, Aufbau oder Interessent.
* Link-Layer zeigt alle Links auf einmal an.


Todo-Liste nach Priorität:
Todo-Liste nach Priorität:
* <del>Authentifizierung gegen den derzeitigen Map-Server oder Redeemer-Frontend.</del>[seit Version 08012017.0000]
* <del>Authentifizierung gegen den derzeitigen Map-Server oder Redeemer-Frontend.</del>[seit Version 08012017.0000]
* Legende.
* Legende.
* Map-Keys für Funkfeuer anfordern (Bing, Google, Mapbox). ->Task: [Deltahotel]
* Abbilden der Koordinaten auf GeoJSON und Einbinden von [http://mrmufflon.github.io/Leaflet.Elevation/]
* Map-Keys für Funkfeuer anfordern (Bing, Google, Mapbox). ->Task assigned to: [Deltahotel]
* <del>Mouseover-Nodename (tooltip)</del> seit Version 30122016v0000 implementiert
* <del>Mouseover-Nodename (tooltip)</del> seit Version 30122016v0000 implementiert
* <del>Node-Farbschema dem CI-Schema anpassen. siehe http://srv1.duer9.wien.funkfeuer.at/files/firmware/router/0xff/ozw_25_05_2015/Funkfeuer-CI/VIguide_FUNKFEUER_last.pdf</del>[seit Version 08022017.0000]
* <del>Node-Farbschema dem CI-Schema anpassen. siehe http://srv1.duer9.wien.funkfeuer.at/files/firmware/router/0xff/ozw_25_05_2015/Funkfeuer-CI/VIguide_FUNKFEUER_last.pdf</del>[seit Version 08022017.0000]
* Anpassungen für die NodeDB (noch zu spezifizieren).
* Anpassungen für die NodeDB (noch zu spezifizieren)
* Mouse over Link Tooltips (Nodenamen, Entfernung, ETX/LQ).
* Mouse over Link Tooltips (Nodenamen, Entfernung, ETX/LQ). (sinnvoll?)
* CSS-Kompatibilität verbessern/Mobile Browser insbesondere Landscape und „Drawer“.
* CSS-Kompatibilität verbessern/Mobile Browser insbesondere Landscape und „Drawer“.
* Zoomlevel der Adresssuche besser anpassen (eventuell Wechsel auf anderes geocontrol-Plugin?)
* Zoomlevel der Adresssuche besser anpassen (eventuell Wechsel auf anderes geocontrol-Plugin?)
* Mehrsprachigkeit.
* Mehrsprachigkeit.
* Individualeinstellungen pro User mittels Cookie.
* <del>Individualeinstellungen pro User mittels Cookie.</del>[seit Version 07022017.0000]
* User Style Node Pin (Vorlagen, alternatives CSS Pin Theme)
* User Style Node Pin (Vorlagen, alternatives CSS Pin Theme)


Changelist:
Changelist:
v07022017.0000
* Individualeinstellungen per Cookie speichern und wiederherstellen hinzugefügt.
v31012017.0001
* Änderungen am CSS, kleinere Bug und Debugging-Einstellungen
v30012017.0000
* Update auf Leaflet.js 1.0.3
* Nodeinfos verfeinert, verlinkt und eventbasiert implementiert
* mehr <button> statt <a> - Vorbereitung für Ersetzung letzter "javascript:functions durch EventHandler.
* Neues Nodes-Objekt zur Nutzung durch künftige Update-Funktionen vorbereitet.
* Cookie-Library in Vorbereitung von User-Settings hinzugefügt.
* Sortierbare Tabellen implementiert.
* Ladeanimation in VI Style.
* VI Schriftarten hinzugefügt.
* Winkelmesser vereinfacht.
* Diverse CSS-Anpassungen.
* Universell nutzbare Funktionen in maphelper.js ausgelagert.
v12012017.0000
v12012017.0000
* Anpassungen und Kommentare für initiales Github Release: https://github.com/eripek/0xFF-NodeMap.git
* Anpassungen und Kommentare für initiales Github Release: https://github.com/eripek/0xFF-NodeMap.git
Zeile 55: Zeile 96:
* Ausbesserungen am CSS.
* Ausbesserungen am CSS.


Demoversion: http://www.pekarek.priv.at/map4/map.html. Benutzername und Kennwort entsprechen Redeemer-Credentials. Alle Daten werden via HTTPS transportiert, es wird nur ein MD5-Hash des Passwortes direkt vom Browser via Proxy übertragen. Session-Daten werden lediglich im Browser vorgehalten.
Die 0xFF-NodeMap ist jetzt auch über den Funkfeuer-Mapserver nutzbar. Benutzername und Kennwort entsprechen Redeemer-Credentials. Alle Daten werden via HTTPS transportiert, es wird nur ein MD5-Hash des Passwortes direkt vom Browser via Proxy übertragen. Session-Daten werden lediglich im Browser vorgehalten. [https://map.funkfeuer.at/nodemap/]
 
<del>Mehr Infos, Code + Screenshots folgen, sobald die Anbindung ans Backend brauchbar ist.</del>[[Benutzer:Deltahotel|David]] arbeitet daran, diese Daten als Service bereit zu stellen, sodass diese zukünftige Entwicklungen vereinfachen.

Aktuelle Version vom 7. Juni 2018, 12:04 Uhr

0xFF-NodeMap
Status

Work in progress

Eine neuer Ansatz für unsere Wien-Map, die eine Reihe neuer (und alter) Features enthält und sauschnell lädt.
Projekt


Beschreibung

Ein interaktive Landkarte, auf der Standorte unseres Netzes einsehbar sind. nodemap (Sourcecode)

Verwendung

Planung, Organisation und Verwaltung

Maintainer

Erich P., Alexander B.

Details

Die Map basiert auf Leaflet.js und wurde von Erich neu geschrieben. Sie greift dabei Konzepte aus der Map von Clemens H. und der Map von Alexander B. auf. Der Fokus liegt auf einer schnellen und übersichtlichen Darstellung mit möglichst vielen Map-Layern (Angabe der Map-Keys für Bing, Google-Maps oder Mapbox aktiviert diese zusätzlich). Tools wie ein Entfernungsmesser mit inkludierter Winkelanzeige und eine Adresssuche bringen frühere Funktionalität in übersichtlicher Weise zurück.

Neue Features:

Anpassbarkeit:

  • An verschiedene Communities anpassbar durch separates config-File map.cfg. (Kompatible XML-Datenquelle vorausgesetzt).
  • Kartenmaterial: OSM und Basemap.at. Einbindung von Google, Bing und Mapbox über die Angabe der API-Keys im Config-File.

Erscheinungsbild:

  • Tool-Drawer (damit Werkzeuge nicht mehr das Sichtfeld der Karte verdecken).
  • Anzeige der Node-Links und des Nodenamens bei Mouse-Over (jeweilige LQ).
  • Erweiterte Node-Information über scrollbare Popups:
    • Stammdaten
    • Links zu anderen Nodes.
    • Nodes und Nodedevices sind verlinkt (Smokeping, Sprung auf andere Nodeinfo, Device-Statusseiten)
    • Sortierbare Tabellen (Linkpartner-Devices, Linkpartner-Nodes, Entfernungen, ETX, IP-Adressen, ...)

Werkzeuge:

  • Distance-Measurement Tool: Zeigt Entfernung und Winkel zweier beliebiger Punkte auf der Map zueinander samt Geokoordinaten an. (Tools/distance measurement tool).
  • Adress- und Geokoordinatensuche (Eingabefeld mit Lupensymbol).
  • Anzeige der Adresse eines beliebigen Punkts auf der Map (Nominatim). (Tools/Adress search)
  • Suche nach Nodes per Liste und nach Node-Status: Inaktiv, Aktiv, Aufbau, Interessent; Gesamtliste.
  • Layer-Einstellungen als Cookie speichern

Informationsebenen:

  • Node-Layer zeigt Node nach deren Status an: Inaktiv, Aktiv, Aufbau oder Interessent.
  • Link-Layer zeigt alle Links auf einmal an.

Todo-Liste nach Priorität:

  • Authentifizierung gegen den derzeitigen Map-Server oder Redeemer-Frontend.[seit Version 08012017.0000]
  • Legende.
  • Abbilden der Koordinaten auf GeoJSON und Einbinden von [1]
  • Map-Keys für Funkfeuer anfordern (Bing, Google, Mapbox). ->Task assigned to: [Deltahotel]
  • Mouseover-Nodename (tooltip) seit Version 30122016v0000 implementiert
  • Node-Farbschema dem CI-Schema anpassen. siehe http://srv1.duer9.wien.funkfeuer.at/files/firmware/router/0xff/ozw_25_05_2015/Funkfeuer-CI/VIguide_FUNKFEUER_last.pdf[seit Version 08022017.0000]
  • Anpassungen für die NodeDB (noch zu spezifizieren)
  • Mouse over Link Tooltips (Nodenamen, Entfernung, ETX/LQ). (sinnvoll?)
  • CSS-Kompatibilität verbessern/Mobile Browser insbesondere Landscape und „Drawer“.
  • Zoomlevel der Adresssuche besser anpassen (eventuell Wechsel auf anderes geocontrol-Plugin?)
  • Mehrsprachigkeit.
  • Individualeinstellungen pro User mittels Cookie.[seit Version 07022017.0000]
  • User Style Node Pin (Vorlagen, alternatives CSS Pin Theme)

Changelist: v07022017.0000

  • Individualeinstellungen per Cookie speichern und wiederherstellen hinzugefügt.

v31012017.0001

  • Änderungen am CSS, kleinere Bug und Debugging-Einstellungen

v30012017.0000

  • Update auf Leaflet.js 1.0.3
  • Nodeinfos verfeinert, verlinkt und eventbasiert implementiert
  • mehr <button> statt <a> - Vorbereitung für Ersetzung letzter "javascript:functions durch EventHandler.
  • Neues Nodes-Objekt zur Nutzung durch künftige Update-Funktionen vorbereitet.
  • Cookie-Library in Vorbereitung von User-Settings hinzugefügt.
  • Sortierbare Tabellen implementiert.
  • Ladeanimation in VI Style.
  • VI Schriftarten hinzugefügt.
  • Winkelmesser vereinfacht.
  • Diverse CSS-Anpassungen.
  • Universell nutzbare Funktionen in maphelper.js ausgelagert.

v12012017.0000

  • Anpassungen und Kommentare für initiales Github Release: https://github.com/eripek/0xFF-NodeMap.git
  • Verteilung der Control-Elemente in die Ecken, um mehr zentrales Sichtfeld zu gewinnen.
  • CSS-Anpassungen für mobilen Portrait-Mode (noch unvollständig).

v08012017.0000

  • Authentisierung gegen data.php eingebaut (xml.HttpRequest mit Parametern ?login=login&userlogin=[0xFF-user]&userpassword=[Passwort zu 0xFF-user].
  • rudimentäres Cookie-Management, um Session-Cookie löschen zu können. Für Logout wichtig.
  • Bug im Winkelmesswerkzeug behoben

v30122016.0000

  • Mouse over Nodename (Tooltip)

v28122016.0000

  • Update auf Leaflet.js 1.0.2
  • Wechsel auf von statischen 'Labels' auf volatile 'Tooltips' beim Distance Measurement Tool.
  • Einführung der Konfigurationsoption "ToSfriendlyBehaviour". Damit kann eine eventuell gegen Nutzungsbedingungen stehende Verwendung von Map Tiles bei einigen Diensten (Google, Bing, ...) anstelle von APIs verhindert werden kann, was für die Entwicklung aber praktisch sein kann. Standard: keine problematischen Tiles verwenden.
  • Beseitigen einer Warnmeldung beim Laden von map.cfg durch Setzen des Mime-Types
  • Ausbesserungen am CSS.

Die 0xFF-NodeMap ist jetzt auch über den Funkfeuer-Mapserver nutzbar. Benutzername und Kennwort entsprechen Redeemer-Credentials. Alle Daten werden via HTTPS transportiert, es wird nur ein MD5-Hash des Passwortes direkt vom Browser via Proxy übertragen. Session-Daten werden lediglich im Browser vorgehalten. [2]

Abgerufen von „https://wiki.funkfeuer.at/index.php?title=Projekte/0xFF-NodeMap&oldid=1901“