Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

--- widgets [2026/01/17 23:57]
smg
+++ widgets [2026/01/18 01:23] (aktuell)
smg [Wetter]
@@ Zeile 60: / Zeile 60: @@
 Die heruntergeladenen Wetterdaten beinhalten jeweils die aktuellen Daten und eine Vorhersage im Drei-Stunden-Intervall und werden in einem Cache abgelegt.
+Durch einen Mausklick irgendwo auf ein Wetterwidget wird eine ggfs. hinterlegte HTML-Seite in einem separaten Fenster angezeigt. Durch geschickte Konfiguration ist es z.B. möglich, so ein GIF von einem Regenradar des DWD bei Klick auf das Wetterwidget anzuzeigen.
 {{ :config_widget_weather.png?direct&500 |}}
@@ Zeile 83: / Zeile 85: @@
 ** 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.
+** Beschriftung **\\
+Es ist sinnvoll, die Wetterinformation mit einer Beschriftung zu versehen, die den Ortsnamen beinhaltet.
+Der Ortsname kann leider nicht automatisch ermittelt werden, sondern muss manuell vergeben werden.
+** 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.\\
+// Layout: Klassisch //\\
+{{::config_widget_weatherlayout_currentclassic.png?nolink|}}\\
+// Layout: Klassisch (Wind)//\\
+{{:config_widget_weatherlayout_currentwind.png?nolink|}}\\
+// Layout: Klassisch (UV-Index)//\\
+{{:config_widget_weatherlayout_currentuvindex.png?nolink|}}\\
+// Layout: Vorhersage (einfach)//\\
+{{:config_widget_weatherlayout_forecastsimple.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.
+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 **\\
+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.
+Durch geschickte Konfiguration kann man es so erreichen, dass bei Klick auf das WetterWidget ein Regenradar-Fenster angezeigt wird.
+//Hinweis:// das Regenradar-GIF gibt es vom Deutschen Wetterdienst. Je nach Wetter kann der Download mehrere Sekunden dauern, und die heruntergeladene Datei bis zu 500 kb groß sein. Insbesondere auf einem Raspberry PI kann das Laden des Regenradar-Bildes ein paar Sekunden dauern. Währenddessen wird ein Platzhalter für das Bild angezeigt.
+<file html wetterradar.html>
+<html><body bgcolor="white">
+<!-- Überschrift ggfs. anpassen-->
+<b><center>Wetterradar</center></b>
+<center><font size="3">Fenster schlie&szlig;t sich automatisch nach 60 Sekunden.</font></center>
+<!-- Löschen Sie alle Zeilen, die ein nicht benötigtes Bundesland beinhalten, so dass nur noch eine Grafik in der Datei enthalten ist. Diese passt dann problemlos auf die Standardgröße von 540x540 Pixeln in efa.-->
+<!--Deutschland--><center><img src="https://www.dwd.de/DWD/wetter/radar/rad_brd_akt.jpg"></img></center>
+<!--Niedersachsen, Hamburg, Bremen, Schleswig-Holstein--><center><img src="https://www.dwd.de/DWD/wetter/radar/radfilm_nib_akt.gif"></img></center>
+<!--Bayern--><center><img src="https://www.dwd.de/DWD/wetter/radar/rad_bay_akt.jpg"></img></center>
+<!--Baden-Württemberg--><center><img src="https://www.dwd.de/DWD/wetter/radar/rad_baw_akt.jpg"></img></center>
+<!--Brandenburg/Berlin--><center><img src="https://www.dwd.de/DWD/wetter/radar/rad_bbb_akt.jpg"></img></center>
+<!--Hessen--><center><img src="https://www.dwd.de/DWD/wetter/radar/rad_hes_akt.jpg"></img></center>
+<!--Mecklenburg-Vorpommern--><center><img src="https://www.dwd.de/DWD/wetter/radar/rad_mvp_akt.jpg"></img></center>
+<!--Nordrhein-Westfahlen--><center><img src="https://www.dwd.de/DWD/wetter/radar/rad_nrw_akt.jpg"></img></center>
+<!--Rheinland-Pfalz/Saarland--><center><img src="https://www.dwd.de/DWD/wetter/radar/rad_rps_akt.jpg"></img></center>
+<!--Sachsen/Sachsen-Anhalt--><center><img src="https://www.dwd.de/DWD/wetter/radar/rad_sac_akt.jpg"></img></center>
+<!--Thüringen--><center><img src="https://www.dwd.de/DWD/wetter/radar/rad_thu_akt.jpg"></img></center>
+</body></html>
+</file>
+===== HTML-Widget =====
+Das HTML-Widget ist eine sehr flexible Möglichkeit, externe Inhalte in efa anzuzeigen.
+Es können beliebig viele HTML-Widgets in efa angezeigt werden.
+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.
+//Einschränkungen//
+Das HTML-Widget unterstützt ein eingeschränktes Subset von HTML5 und CSS. Javascript oder komplexe Layouts werden nicht unterstützt. Tabellen und einfache Formatierungen funktionieren. Ebenso kann man ein HTML-Widget verwenden, um eine Grafik anzuzeigen.
+//Hinweise zum Speicherverbrauch//
+Je mehr Widgets konfiguriert sind, und je komplexer deren Gestaltung ist, um so mehr Arbeitsspeicher wird verwendet. efa ist ab der Version 2.5.0 so konfiguriert, dass die Java VM bis zu 192 MB RAM nutzen kann.
+Dies kann in sehr umfangreichen Konfigurationen mit vielen Fahrtenbüchern und efaCloud zu wenig sein, und muss durch Anpassung der Startdateien runefa.sh (Linux) und runefa.bat (Windows) behoben werden.
+{{ :config_widget_html.png?direct&500 |}}
+** HTML-Widget aktivieren **\\
+Schaltet alle konfigurierten HTML-Widgets ein oder aus.
+** 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
+Der Standardwert 3600 Sekunden bedeutet, dass die Aktualisierung jede Stunde erfolgt. Dies ist für die meisten Anwendungsszenarien mehr als ausreichend.
+** HTML-Seite anzeigen **\\
+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.
+Dann entfernt man einfach den Haken aus dem Ankreuzkästchen, und die Seite wird nicht mehr angezeigt.
+** 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.
+** URL **\\
+Dies kann eine Datei auf der lokalen Festplatte sein, oder eine über http/https erreichbare Webseite.
+** HTTP-Caching vewenden **\\
+Moderne Webserver können melden, ob sich die angefragte Webseite seit dem letzten Aufruf verändert hat. Efa kann diese Information auswerten und lädt nur dann tatsächlich die Inhalte herunter, wenn sie sich geändert haben. Hierdurch kann Datentransfer gespart werden.
+Diese Einstellung funktioniert nicht mit jeder Webseite; man muss es im Zweifelsfall einfach ausprobieren.
+** Breite/Höhe **\\
+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 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 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 **\\
+Hiermit kann die Größe der dargestellten Inhalte vergrößert oder verkleinert werden "Zoom".
+** Eigene Farben verwenden**\\
+Sofern die geladene HTML-Seite keine eigenen Vorgaben Schrift- und Hintergrundsfarbe macht, kann man hier seine eigenen Wünsche konfigurieren.
+Gerade wenn man mehrere HTML-Widgets in efa anzeigt, kann man durch eine besondere Farbgebung die Aufmerksamkeit des Anwenders steuern.

efa DokuWiki

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Unterschiede

Seiten-Werkzeuge