efa DokuWiki

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Zuletzt angesehen:
Plugin installed incorrectly. Rename plugin directory 'siteexport.disabled' to 'siteexport'.
widgets

Notice: Undefined offset: -1 in /homepages/33/d73127709/htdocs/nmichael/efa/dokuwiki/inc/html.php on line 1458

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung
Nächste Überarbeitung 		Vorherige Überarbeitung
widgets [2026/01/25 16:36]
smg [Widgets] 		widgets [2026/02/05 19:46] (aktuell)
smg [HTML-Widget]
Zeile 11: Zeile 11:
 //Administration-->Konfiguration-->efa-Bootshaus-->Widgets//  //Administration-->Konfiguration-->efa-Bootshaus-->Widgets// 
  
-Diese Dokumentation orientiert sich an der efa Version 2.5.1 und höher, wo das Widget-System grundlegend überarbeitet wurde, so dass auch komplexe Gestaltungen des efaBootshaus-Bildschirms möglich sind.+Diese Dokumentation orientiert sich an der efa Version 2.5.1 und höher, wo das Widget-System grundlegend überarbeitet wurde. 
 + 
 +Mit dem neuen System sind auch komplexe Gestaltungen des efaBootshaus-Bildschirms möglich. Voraussetzung ist lediglich ein ausreichend großer Monitor.
  
 {{ :efabootshaus_widgets.png?direct&400 |}} {{ :efabootshaus_widgets.png?direct&400 |}}
 +
 +Da die meisten EFA-Installationen im Bootshaus weniger Platz zur Verfügung haben, gibt es in der Mitte unterhalb der Uhrzeit das Multiwidget, das mehrere Widgetinhalte zeitlich hintereinander darstellen kann.
  
 ===== Multi-Widget ===== ===== Multi-Widget =====
-Das Multi-Widget dient als Container, der beliebig viele andere Widgets aufnehmen kann. +Das Multi-Widget dient als Container, der beliebig viele andere Widgets aufnehmen kann.\\ 
 Funktionsumfang: Funktionsumfang:
   * Anzeige der Widgets nacheinander   * Anzeige der Widgets nacheinander
Zeile 23: Zeile 27:
   * Verlängerung der Anzeigedauer, wenn mit der Maus über das Widget gefahren wird.   * Verlängerung der Anzeigedauer, wenn mit der Maus über das Widget gefahren wird.
  
-Hierdurch wird es möglich, dem Benutzer von efa auf dem Hauptbildschirm viele Informationen anzuzeigen, auch wenn nur wenig Bildschirmplatz zur Verfügung steht.+Hierdurch wird es möglich, auf dem Hauptbildschirm auch dann viele Informationen anzuzeigen, wenn nur wenig Bildschirmplatz zur Verfügung steht.
  
-Das Multi-Widget wird immer in der Bildschirmmitte unterhalb der Schaltflächen (und ggfs. der Uhrzeit) angezeigt.+Das Multi-Widget wird immer in der Bildschirmmitte unterhalb der Schaltflächen und der Uhrzeit angezeigt.
  
 Das Multi-Widget erhält seinen Inhalt, indem man bei anderen Widgets als Position "Multi-Widget" auswählt. Das Multi-Widget erhält seinen Inhalt, indem man bei anderen Widgets als Position "Multi-Widget" auswählt.
Zeile 31: Zeile 35:
 **Wechsel zum nächsten Widget nach ... Sekunden**\\  **Wechsel zum nächsten Widget nach ... Sekunden**\\ 
 Tragen Sie hier 0 ein, um den automatischen Wechsel zu deaktivieren, oder eine ganze Zahl. Tragen Sie hier 0 ein, um den automatischen Wechsel zu deaktivieren, oder eine ganze Zahl.
 +
 +{{ ::config_widget_multidiwdget.png?direct&400 |}}
  
 ===== Uhr und Tageslicht ==== ===== Uhr und Tageslicht ====
Zeile 50: Zeile 56:
 | // Horizonales Layout in Vollausstattung //\\ {{ ::config_widget_clock_horizontallayout.png?nolink |}}\\  | // Vertikales Layout in Vollausstattung://\\ {{ :config_widget_clock_verticallayout.png?nolink |}}\\ |  | // Horizonales Layout in Vollausstattung //\\ {{ ::config_widget_clock_horizontallayout.png?nolink |}}\\  | // Vertikales Layout in Vollausstattung://\\ {{ :config_widget_clock_verticallayout.png?nolink |}}\\ | 
  
-** Sonnenaufgang/Sonnenuntergang**\\^+** Sonnenaufgang/Sonnenuntergang**\\
 Die **Geokoordinaten für den Ort** können z.B. durch eine Internet Suche mit "Berlin Geokoordinaten" gefunden werden, oder durch einen Kartendienst wie z.B. Google Maps. Standardmäßig ist Berlin voreingestellt. Die **Geokoordinaten für den Ort** können z.B. durch eine Internet Suche mit "Berlin Geokoordinaten" gefunden werden, oder durch einen Kartendienst wie z.B. Google Maps. Standardmäßig ist Berlin voreingestellt.
    
Zeile 65: Zeile 71:
  
 ** Wetter aktivieren ** \\  ** Wetter aktivieren ** \\ 
-Schaltet alle konfigurierten Wetter-Widgets ein oder aus.+Schaltet //alle// konfigurierten Wetter-Widgets auf einen Rutsch ein oder aus.
  
 ** Aktualisierungsintervall **\\ ** Aktualisierungsintervall **\\
 Dies legt das Intervall fest, mit dem die Wetterdaten aus dem Internet heruntergeladen und aktualisiert werden.  Dies legt das Intervall fest, mit dem die Wetterdaten aus dem Internet heruntergeladen und aktualisiert werden. 
-Efa aktualisiert den Inhalt der Wetterwidgets jede Minute, so dass die //angezeigten// Daten auf der Oberfläche jeweils den minutengenauen Stand aus den einmalig heruntergeladenen Daten anzeigen.  +Efa aktualisiert aus diesen Wetterdaten die Wetter-Darstellung jede Minute, so dass die //angezeigten// Daten auf der Oberfläche jeweils den minutengenauen Stand aus den einmalig heruntergeladenen Daten zeigen.
  
-Voreingestellt sind 3600 Sekunden, was einer Stunde entspricht. Grundsätzlich wäre eine Aktualisierung alle zwei Stunden (7200 Sekunden) ebenfalls mehr als ausreichend.+Voreingestellt für die Aktualisierung über das Internet sind 3600 Sekunden (eine Stunde). Grundsätzlich wäre eine Aktualisierung alle zwei Stunden (7200 Sekunden) mehr als ausreichend.
  
 Das Aktualisierungsintervall gilt für alle Wetter-Orte einheitlich. Das Aktualisierungsintervall gilt für alle Wetter-Orte einheitlich.
  
 ** Quelle für Wetterdaten **\\ ** Quelle für Wetterdaten **\\
-Die meisten Wetterdienste sind in 2025 kostenpflichtig und erfordern die Hinterlegung eines sogenannten API-Codes (d.h. eines Lizenzschlüssels), der zum Herunterladen der Wetterinformationen berechtigt.+Die meisten Wetterdienste sind in 2025 kostenpflichtig und erfordern ein Abo für den Download der Wetterinformationen.
  
-//OpenMeteo// bietet einen kostenlosen Zugang zu Wetterinformationen an, solange die Internet-IP-Adresse des Rechners aus Europa oder Nordamerika stammt. Man kann über OpenMeteo auch die Wetterdaten für Sidney herunterladen, sofern der abrufende Rechner in Europa ins Internet eingewählt ist.+//OpenMeteo// hingegen bietet einen kostenlosen Zugang zu Wetterinformationen an, solange die Internet-IP-Adresse des herunterladenden Rechners aus Europa oder Nordamerika stammt. Man kann über OpenMeteo auch die Wetterdaten für Sidney herunterladen, sofern der abrufende Rechner in Europa ins Internet eingewählt ist.
  
-Stammt die IP-Adresse aus einem anderen Bereich auf der Welt, können keine Wetterdaten abgerufen werden. +Stammt die IP-Adresse des Rechners aus einem anderen Bereich auf der Welt, können keine Wetterdaten abgerufen werden. 
 Andere Datenquellen-Dienste sind in efa noch nicht umgesetzt. Andere Datenquellen-Dienste sind in efa noch nicht umgesetzt.
  
 ** Wetter-Orte **\\ ** Wetter-Orte **\\
-Es können beliebig viele Wetter-Orte in efa hinterlegt werden. Jeder einzelne Wetter-Ort kann einzeln aktiviert/deaktiviert werden. So kann man Wetter-Orte ausblenden, ohne diese Löschen zu müssen. Nur für aktive Wetter-Orte werden Wetterdaten heruntergeladen.+Es können beliebig viele Wetter-Orte in efa hinterlegt werden. Jeder einzelne Wetter-Ort kann einzeln aktiviert/deaktiviert werden. So kann man Wetter-Orte ausblenden, ohne diese löschen zu müssen. Nur für aktive Wetter-Orte werden Wetterdaten heruntergeladen.
  
 ** Beschriftung **\\ ** Beschriftung **\\
Zeile 91: Zeile 97:
  
 ** Layouts **\\ ** Layouts **\\
-Es gibt mehrere Layouts für die Wettervorhersage, mit unterschiedlichem Informationsgehalt. Grund ist, dass die Aufbereitung von Wetterinformationen auf dem Bildschirm viel //vertikalen// Platz erfordert, der in efa Mangelware ist.\\+Es gibt mehrere Layouts für die Wettervorhersage, mit unterschiedlichem Informationsgehalt. \\
  
 ^ Layouts ^^^  ^ Layouts ^^^ 
Zeile 98: Zeile 104:
 | // Layout: Vorhersage (komplex)//\\ {{:config_widget_weatherlayout_forecastcomplex.png?nolink|}}\\  |  | | // Layout: Vorhersage (komplex)//\\ {{:config_widget_weatherlayout_forecastcomplex.png?nolink|}}\\  |  |
  
-Dieses Layout benötigt am Meisten vertikalen Platz, zeigt aber auch den UV-Index als numerischen Wert und als Skala an. Ist der UV-Index in einem kritischen Bereich, wird ein gelbes oder rotes Warndreieck angezeigt.+Einige Wetter-Widgets zeigen den **UV-Index** als numerischen Wert und als Skala an. Ist der UV-Index in einem kritischen Bereich, wird ein gelbes oder rotes Warndreieck angezeigt.
  
 Beim [[https://www.bfs.de/DE/themen/opt/uv/uv-index/einfuehrung/einfuehrung_node.html|Bundesamt für Strahlenschutz - UV-Index]] gibt es eine textuelle und grafische Erläuterung, die man Mitgliedern zur Hand geben kann, wann Aufenthalt im Freien oder die Verwendung von Sonnenschutzmitteln empfehlenswert ist. Beim [[https://www.bfs.de/DE/themen/opt/uv/uv-index/einfuehrung/einfuehrung_node.html|Bundesamt für Strahlenschutz - UV-Index]] gibt es eine textuelle und grafische Erläuterung, die man Mitgliedern zur Hand geben kann, wann Aufenthalt im Freien oder die Verwendung von Sonnenschutzmitteln empfehlenswert ist.
  
 ** HTML-Seite **\\ ** HTML-Seite **\\
-Ist eine HTML-Seite angegeben, wird in der Überschrift ein Maximieren-Icon angezeigt. Klickt der Anwender auf die Überschrift oder irgendwo in das WetterWidget, dann wird die HTML-Seite in einem eigenen Fenster aufgerufen.\\ Dieses Fenster schließt sich nach 60 Sekunden automatisch wieder.+Ist eine HTML-Seite angegeben, wird in der Überschrift zum Wetter ein Maximieren-Icon angezeigt. Klickt der Anwender auf die Überschrift oder irgendwo in das WetterWidget, dann wird die HTML-Seite in einem eigenen Fenster aufgerufen.\\ Dieses Fenster schließt sich nach 60 Sekunden automatisch.
  
 ==== Regenradar ==== ==== Regenradar ====
Zeile 137: Zeile 143:
 Das HTML-Widget kann Textdateien oder HTML-Seiten anzeigen. Diese können sich auf der lokalen Festplatte oder aber auch auf einem Webserver befinden, der über http/https erreichbar ist. Das HTML-Widget kann Textdateien oder HTML-Seiten anzeigen. Diese können sich auf der lokalen Festplatte oder aber auch auf einem Webserver befinden, der über http/https erreichbar ist.
  
-Es ist gängige Praxis, mithilfe von PHP-Scripten Daten aus anderen Formaten in eine Grafik oder eine HTML-Seite zu "Rendern", und dann diese Datei in efa anzuzeigen. Auf diesem Weg lassen sich Pegelinformationen von pegelonline.de in efa anzeigen.+Es ist gängige Praxis, mithilfe von PHP-Scripten Daten aus anderen Formaten in eine Grafik oder eine HTML-Seite zu "Rendern", und dann diese Datei in efa anzuzeigen. Auf diesem Weg lassen sich z.B. Pegelinformationen von pegelonline.de in efa anzeigen.
  
 //Einschränkungen// //Einschränkungen//
Zeile 153: Zeile 159:
  
 ** Aktualisierungsintervall (Sekunden)**\\ ** Aktualisierungsintervall (Sekunden)**\\
-Dies legt das Intervall fest, mit dem die HTML-Seiten von der Festplatte bzw. aus dem Internet heruntergeladen und aktualisiert werden. Während des Downloads der Seiten kann der Anwender mit efa weiterarbeiten, so dass auch viele HTML-Widgets über eine langsame Internetverbindung keine Einschränkung darstellen sollten+Dies legt das Intervall fest, mit dem die HTML-Seiten von der Festplatte bzw. aus dem Internet heruntergeladen und aktualisiert werden. Während des Downloads der Seiten kann der Anwender mit efa weiterarbeiten, so dass auch viele HTML-Widgets über eine langsame Internetverbindung keine Einschränkung darstellen sollten.
  
 Der Standardwert 3600 Sekunden bedeutet, dass die Aktualisierung jede Stunde erfolgt. Dies ist für die meisten Anwendungsszenarien mehr als ausreichend. Der Standardwert 3600 Sekunden bedeutet, dass die Aktualisierung jede Stunde erfolgt. Dies ist für die meisten Anwendungsszenarien mehr als ausreichend.
Zeile 159: Zeile 165:
 ** HTML-Seite anzeigen **\\  ** HTML-Seite anzeigen **\\ 
 Jede einzelne HTML-Seite kann einzeln ein- und ausgeschaltet werden.\\ Jede einzelne HTML-Seite kann einzeln ein- und ausgeschaltet werden.\\
-Dies ist vorteilhaft, wenn man eine bestimmte HTML-Seite nur für eine beschränkte Zeit anzeigen möchte (z.B. einen temporären Warnhinweis), und diesen nicht immer wieder löschen und von neuem konfigurieren möchte.+Dies ist vorteilhaft, wenn man eine bestimmte HTML-Seite nur für eine beschränkte Zeit anzeigen möchte (z.B. einen temporären Warnhinweis), und diese nicht immer wieder löschen und von neuem konfigurieren möchte.
 Dann entfernt man einfach den Haken aus dem Ankreuzkästchen, und die Seite wird nicht mehr angezeigt. Dann entfernt man einfach den Haken aus dem Ankreuzkästchen, und die Seite wird nicht mehr angezeigt.
  
 ** Beschriftung **\\ ** Beschriftung **\\
-Die Beschriftung wird als Überschrift im HTML-Panel angezeigt. Ist eine Beschriftung gesetzt, wird in dem HTML-Widget auch ein "Maximieren"-Icon dargestellt (sonst nicht). Klickt der Anwender auf die Überschrift im HTML-Widget, wird dessen Inhalt in einem neuen Fenster mit fester Größe (540x540) angezeigt. Das Fenster schließt sich nach 90 Sekunden Anzeigedauer automatisch.+Die Beschriftung wird als Überschrift im HTML-Panel angezeigt. Nur wenn eine Beschriftung gesetzt ist, wird in dem HTML-Widget auch ein "Maximieren"-Icon dargestellt. Klickt der Anwender auf die Überschrift im HTML-Widget, wird dessen Inhalt in einem neuen Fenster mit fester Größe (540x540) angezeigt. Das Fenster schließt sich nach 90 Sekunden Anzeigedauer automatisch.
  
 ** URL **\\ ** URL **\\
Zeile 176: Zeile 182:
 ** Breite/Höhe **\\ ** Breite/Höhe **\\
 Legt die Breite und Höhe des Widgets fest. Efa wird das Widget aber ggfs. automatisch vergrößern: Legt die Breite und Höhe des Widgets fest. Efa wird das Widget aber ggfs. automatisch vergrößern:
-  * alle Widgets im Multiwidget teilen eine gemeinsame Größe. Das größte Widget setzt darin die Vorgabe.               \\ \\ Sind also zwei HTML-Widgets im Multiwidget, eines davon 100x100 und das zweite 150x80, so werden beide Widgets mit 150x100 Pixeln angezeigt. Dies geschieht aus optischen und technischen Gründen. +  * alle Widgets im Multiwidget teilen eine gemeinsame Größe. Das größte Widget setzt darin die Vorgabe.\\ Sind zwei HTML-Widgets im Multiwidget, eines davon 100x100 und das zweite 150x80, so werden beide Widgets mit 150x100 Pixeln angezeigt. Dies geschieht aus optischen und technischen Gründen. 
-  * alle Widgets am linken/rechten Rand teilen sich eine gemeinsame Breite. Dabei setzt das Widget mit der größten Breite den Rahmen.\\ \\ Die Widgets am linken/rechten Rand werden jeweils gestreckt, bis die gesamte Höhe  des Fensters ausgefüllt ist.+ 
 +  * alle Widgets am linken/rechten Rand teilen sich eine gemeinsame Breite. Das Widget mit der größten Breite setzt dabei den Rahmen.\\ Die Widgets am linken/rechten Rand werden jeweils in der Länge gestreckt, bis die gesamte Höhe  des Fensters ausgefüllt ist.\\ Dabei werden die Widgets im Verhältnis ihrer Höhenangabe gestreckt. Haben alle Widgets in der Konfiguration die identische Höhgesetzt, sind sie entsprechend auch gleich hoch. Ist bei drei Widgets eines 200 pixel hoch, die anderen beiden 100 Pixel, so wird auch auf dem Bildschirm das eine Widget doppelt so hoch sein wie die beiden anderen. 
 + 
   * alle Widgets am oberen/unteren Rand teilen sich eine gemeinsame Höhe. Dabei setzt das Widget mit der größten Höhe den Rahmen.\\ \\ Die Widgets am oberen/unteren Rand werden jeweils in der Breite gestreckt, bis die gesamte Breite des Efa-Fensters ausgefüllt ist.   * alle Widgets am oberen/unteren Rand teilen sich eine gemeinsame Höhe. Dabei setzt das Widget mit der größten Höhe den Rahmen.\\ \\ Die Widgets am oberen/unteren Rand werden jeweils in der Breite gestreckt, bis die gesamte Breite des Efa-Fensters ausgefüllt ist.
  
 ** Skalierung **\\ ** Skalierung **\\
-Hiermit kann die Größe der dargestellten Inhalte vergrößert oder verkleinert werden "Zoom". +Hiermit kann die Größe der dargestellten //Inhalte// vergrößert oder verkleinert werden ("Zoom"). 
  
 ** Eigene Farben verwenden**\\ ** Eigene Farben verwenden**\\
-Sofern die geladene HTML-Seite keine eigenen Vorgaben Schrift- und Hintergrundsfarbe macht, kann man hier seine eigenen Wünsche konfigurieren. +Sofern die geladene HTML-Seite keine eigenen Vorgaben Schrift- und Hintergrundsfarbe macht, kann man hier seine eigenen Wünsche konfigurieren.\\ 
- +Insbesondere bei der Anzeige mehrerer HTML-Widgets in efa kann man durch eine besondere Farbgebung die Aufmerksamkeit des Anwenders steuern.\\
-Gerade wenn man mehrere HTML-Widgets in efa anzeigt, kann man durch eine besondere Farbgebung die Aufmerksamkeit des Anwenders steuern.+
  
 +//Hinweis://\\
 +Die Einstellung der Farben funktioniert nicht in jedem  [[config_lookandfeel|Look&Feel]]. Besonders gut funktioniert sie im aktuellen efaFlatLaf-LookAndFeel.
 ==== Pegelanzeige ==== ==== Pegelanzeige ====
  
Zeile 197: Zeile 207:
 Die Dokumentation zur Erstellung einer URL für den gewünschten Pegel gibt es hier: [[https://pegelonline.wsv.de/webservice/dokuVis|Doku statische Ganglinienvisualisierung]] Die Dokumentation zur Erstellung einer URL für den gewünschten Pegel gibt es hier: [[https://pegelonline.wsv.de/webservice/dokuVis|Doku statische Ganglinienvisualisierung]]
  
-Beispiel für die HTML-Ganglinienvisualisierung des Pegels Hannover Herrenhausen:+Beispiel für die HTML-Ganglinienvisualisierung des Pegels Hannover Herrenhausen [[https://pegelonline.wsv.de/charts/OnlineVisualisierungGanglinie?pegeluuid=8134af78-3100-4679-bf1d-be82410df429&dauer=48&imgLinien=2&anordnung=untereinander&imgBreite=190&imgHoehe=100&schriftPegelname=8&schriftAchse=8&anzeigeUeberschrift=false&anzeigeDatenquelle=false&schriftLetzterWert=8&scrolling=no&marginheight=10&marginwidth=0frameborder=0&width=170&height=200|(Vorschau)]]:
  
-<code>+<code html Ganglinienvisualisierung.txt>
 https://pegelonline.wsv.de/charts/OnlineVisualisierungGanglinie?pegeluuid=8134af78-3100-4679-bf1d-be82410df429&dauer=48&imgLinien=2&anordnung=untereinander&imgBreite=190&imgHoehe=100&schriftPegelname=8&schriftAchse=8&anzeigeUeberschrift=false&anzeigeDatenquelle=false&schriftLetzterWert=8&scrolling=no&marginheight=10&marginwidth=0frameborder=0&width=170&height=200 https://pegelonline.wsv.de/charts/OnlineVisualisierungGanglinie?pegeluuid=8134af78-3100-4679-bf1d-be82410df429&dauer=48&imgLinien=2&anordnung=untereinander&imgBreite=190&imgHoehe=100&schriftPegelname=8&schriftAchse=8&anzeigeUeberschrift=false&anzeigeDatenquelle=false&schriftLetzterWert=8&scrolling=no&marginheight=10&marginwidth=0frameborder=0&width=170&height=200
 </code> </code>
-[[https://pegelonline.wsv.de/charts/OnlineVisualisierungGanglinie?pegeluuid=8134af78-3100-4679-bf1d-be82410df429&dauer=48&imgLinien=2&anordnung=untereinander&imgBreite=190&imgHoehe=100&schriftPegelname=8&schriftAchse=8&anzeigeUeberschrift=false&anzeigeDatenquelle=false&schriftLetzterWert=8&scrolling=no&marginheight=10&marginwidth=0frameborder=0&width=170&height=200|Vorschau]]+
widgets.1769355364.txt.gz · Zuletzt geändert: 2026/01/25 16:36 von smg

Seiten-Werkzeuge

Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: GNU Free Documentation License 1.3
GNU Free Documentation License 1.3 Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki