DOIF/uiTable Anwendung - Versionsgeschichte

Damian-s: /* Visualisierung: Energiefluss als kompakte Energie-Karte */

2026-06-02T06:18:07Z

Visualisierung: Energiefluss als kompakte Energie-Karte

← Nächstältere Version		Version vom 2. Juni 2026, 08:18 Uhr
Zeile 482:		Zeile 482:
	* Perl-Modus [[DOIF/Perl-Modus]]		* Perl-Modus [[DOIF/Perl-Modus]]
	}}		}}
	Die vorgestellte Lösung visualisiert in kompakter Form den aktuellen Stromfluss des Hauses. Der Energiefluss wird abhängig von der Leistung und der Flussrichtung animiert. Die Definition muss an eigene Bedürfnisse angepasst werden. Dazu müssen die Variablen für die maximale Leistung am Anfang der Definition angepasst sowie im Attribut DOIF_Readings die eigenen Readings angegeben werden. Die Größe der Grafik ist über das CSS-Attribut zoom beliebig skalierbar (siehe im Device-Attribut uiTable Variable $TABLE). Im Definitionsbereich des DOIF-Devices sind alle erforderlichen Perlfunktionen definiert. Es wird vornehmlich die SVG-Funktion icon_ring2 des DOIF-Moduls benutzt. Im Attribut uiTable sind die einzelnen Visualisierungselemente als zuvor definierte Perlfunktionen angegeben. Falls der Batterie-Speicher nicht visualisiert werden soll, so können die beiden Zeilen beginnend mit "battery" gelöscht werden. Die programmierten Perlfunktionen können an eigene Bedürfnisse angepasst werden. So könnten z. B. ein E-Auto oder eine Wärmepumpe dargestellt werden. Es werden keine weiteren Perlfunktionen oder Javascripte außerhalb des DOIF-Devices benötigt. Vorausgesetzt wird die DOIF-Version~~: # $Id: 98_DOIF.pm 31131 2026-04-17 18:27:58Z Damian $ oder neuer~~.		Die vorgestellte Lösung visualisiert in kompakter Form den aktuellen Stromfluss des Hauses. Der Energiefluss wird abhängig von der Leistung und der Flussrichtung animiert. Die Definition muss an eigene Bedürfnisse angepasst werden. Dazu müssen die Variablen für die maximale Leistung am Anfang der Definition angepasst sowie im Attribut DOIF_Readings die eigenen Readings angegeben werden. Die Größe der Grafik ist über das CSS-Attribut zoom beliebig skalierbar (siehe im Device-Attribut uiTable Variable $TABLE). Im Definitionsbereich des DOIF-Devices sind alle erforderlichen Perlfunktionen definiert. Es wird vornehmlich die SVG-Funktion icon_ring2 des DOIF-Moduls benutzt. Im Attribut uiTable sind die einzelnen Visualisierungselemente als zuvor definierte Perlfunktionen angegeben. Falls der Batterie-Speicher nicht visualisiert werden soll, so können die beiden Zeilen beginnend mit "battery" gelöscht werden. Die programmierten Perlfunktionen können an eigene Bedürfnisse angepasst werden. So könnten z. B. ein E-Auto oder eine Wärmepumpe dargestellt werden. Es werden keine weiteren Perlfunktionen oder Javascripte außerhalb des DOIF-Devices benötigt. Vorausgesetzt wird die aktuelle DOIF-Version.

	''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''		''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''

Damian-s: /* Visualisierung: aktuelle Corona-7-Tage-Inzidenz */

2026-06-02T06:16:23Z

Visualisierung: aktuelle Corona-7-Tage-Inzidenz

← Nächstältere Version		Version vom 2. Juni 2026, 08:16 Uhr
Zeile 336:		Zeile 336:
	}}		}}
	Die aktuellen Inzidenzwerte werden vom RKI ausgelesen und deren Verlauf visualisiert.		Die aktuellen Inzidenzwerte werden vom RKI ausgelesen und deren Verlauf visualisiert.

	~~Zunächst wird ein JsonMod-Device für das Auslesen der Inzidenzzahlen definiert. Die gewünschten Regionen müssen für eigene Bedürfnisse angepasst werden.~~

	''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''		''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''

Damian-s am 2. Juni 2026 um 06:14 Uhr

2026-06-02T06:14:33Z

Änderungen zeigen

Damian-s: /* Visualisierung: Energiefluss als Energie-Karte */

2026-05-11T20:10:50Z

Visualisierung: Energiefluss als Energie-Karte

← Nächstältere Version		Version vom 11. Mai 2026, 22:10 Uhr
Zeile 664:		Zeile 664:
	{{Randnotiz\|RNText='''nützliche Links'''		{{Randnotiz\|RNText='''nützliche Links'''
	* svg-Funktion [[DOIF/uiTable Schnelleinstieg#Anzeige eines Werteverlaufs und des aktuellen Wertes mit Hilfe der SVG-Funktion card\|card]]		* svg-Funktion [[DOIF/uiTable Schnelleinstieg#Anzeige eines Werteverlaufs und des aktuellen Wertes mit Hilfe der SVG-Funktion card\|card]]
			* Perl-Modus [[DOIF/Perl-Modus]]
	}}		}}
	Hier wird eine Version der Energie-Karte mit Hilfe der SVG-Funktion card des DOIF-Moduls realisiert. In dieser Darstellung wird zusätzlich der Verlauf der jeweiligen Leistungen und der Speicherkapazität visualisiert. Die Konfiguration bzw. Anpassung an eigene Bedürfnisse sind wie bei der kompakten Energie-Karte oben vorzunehmen. Sollten beide Version gleichzeitig genutzt werden wollen, dann müssen die programmierten Perlfunktionen einer Version umbenannt werden, sonst überschreiben sie sich gegenseitig, weil sie im gleichen Package liegen.		Hier wird eine Version der Energie-Karte mit Hilfe der SVG-Funktion card des DOIF-Moduls realisiert. In dieser Darstellung wird zusätzlich der Verlauf der jeweiligen Leistungen und der Speicherkapazität visualisiert. Die Konfiguration bzw. Anpassung an eigene Bedürfnisse sind wie bei der kompakten Energie-Karte oben vorzunehmen. Sollten beide Version gleichzeitig genutzt werden wollen, dann müssen die programmierten Perlfunktionen einer Version umbenannt werden, sonst überschreiben sie sich gegenseitig, weil sie im gleichen Package liegen.

Damian-s: /* Visualisierung: Energiefluss als kompakte Energie-Karte */

2026-05-11T20:10:37Z

Visualisierung: Energiefluss als kompakte Energie-Karte

← Nächstältere Version		Version vom 11. Mai 2026, 22:10 Uhr
Zeile 480:		Zeile 480:
	{{Randnotiz\|RNText='''nützliche Links'''		{{Randnotiz\|RNText='''nützliche Links'''
	* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#Farbskalierte_Anzeige_von_zwei_Zahlenwerten_mit_einem_Icon_mit_Hilfe_der_universellen_SVG-Funktion_icon_ring2\|icon_ring2]]		* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#Farbskalierte_Anzeige_von_zwei_Zahlenwerten_mit_einem_Icon_mit_Hilfe_der_universellen_SVG-Funktion_icon_ring2\|icon_ring2]]
			* Perl-Modus [[DOIF/Perl-Modus]]
	}}		}}
	Die vorgestellte Lösung visualisiert in kompakter Form den aktuellen Stromfluss des Hauses. Der Energiefluss wird abhängig von der Leistung und der Flussrichtung animiert. Die Definition muss an eigene Bedürfnisse angepasst werden. Dazu müssen die Variablen für die maximale Leistung am Anfang der Definition angepasst sowie im Attribut DOIF_Readings die eigenen Readings angegeben werden. Die Größe der Grafik ist über das CSS-Attribut zoom beliebig skalierbar (siehe im Device-Attribut uiTable Variable $TABLE). Im Definitionsbereich des DOIF-Devices sind alle erforderlichen Perlfunktionen definiert. Es wird vornehmlich die SVG-Funktion icon_ring2 des DOIF-Moduls benutzt. Im Attribut uiTable sind die einzelnen Visualisierungselemente als zuvor definierte Perlfunktionen angegeben. Falls der Batterie-Speicher nicht visualisiert werden soll, so können die beiden Zeilen beginnend mit "battery" gelöscht werden. Die programmierten Perlfunktionen können an eigene Bedürfnisse angepasst werden. So könnten z. B. ein E-Auto oder eine Wärmepumpe dargestellt werden. Es werden keine weiteren Perlfunktionen oder Javascripte außerhalb des DOIF-Devices benötigt. Vorausgesetzt wird die DOIF-Version: # $Id: 98_DOIF.pm 31131 2026-04-17 18:27:58Z Damian $ oder neuer.		Die vorgestellte Lösung visualisiert in kompakter Form den aktuellen Stromfluss des Hauses. Der Energiefluss wird abhängig von der Leistung und der Flussrichtung animiert. Die Definition muss an eigene Bedürfnisse angepasst werden. Dazu müssen die Variablen für die maximale Leistung am Anfang der Definition angepasst sowie im Attribut DOIF_Readings die eigenen Readings angegeben werden. Die Größe der Grafik ist über das CSS-Attribut zoom beliebig skalierbar (siehe im Device-Attribut uiTable Variable $TABLE). Im Definitionsbereich des DOIF-Devices sind alle erforderlichen Perlfunktionen definiert. Es wird vornehmlich die SVG-Funktion icon_ring2 des DOIF-Moduls benutzt. Im Attribut uiTable sind die einzelnen Visualisierungselemente als zuvor definierte Perlfunktionen angegeben. Falls der Batterie-Speicher nicht visualisiert werden soll, so können die beiden Zeilen beginnend mit "battery" gelöscht werden. Die programmierten Perlfunktionen können an eigene Bedürfnisse angepasst werden. So könnten z. B. ein E-Auto oder eine Wärmepumpe dargestellt werden. Es werden keine weiteren Perlfunktionen oder Javascripte außerhalb des DOIF-Devices benötigt. Vorausgesetzt wird die DOIF-Version: # $Id: 98_DOIF.pm 31131 2026-04-17 18:27:58Z Damian $ oder neuer.

Damian-s: /* Visualisierung: Energiefluss als Energie-Karte */

2026-05-11T20:09:11Z

Visualisierung: Energiefluss als Energie-Karte

← Nächstältere Version		Version vom 11. Mai 2026, 22:09 Uhr
Zeile 662:		Zeile 662:
	=== ''Visualisierung: '''Energiefluss als Energie-Karte''''' ===		=== ''Visualisierung: '''Energiefluss als Energie-Karte''''' ===
	{{Randnotiz\|RNText='''nützliche Links'''		{{Randnotiz\|RNText='''nützliche Links'''
	* svg-Funktion [[DOIF/~~uiTable_Schnelleinstieg~~#~~Anzeige_eines_Werteverlaufs_und_des_aktuellen_Wertes_mit_Hilfe_der_SVG~~-~~Funktion_card~~ card]]		* svg-Funktion [[DOIF/uiTable Schnelleinstieg#Anzeige eines Werteverlaufs und des aktuellen Wertes mit Hilfe der SVG-Funktion card\|card]]
	}}		}}
	Hier wird eine Version der Energie-Karte mit Hilfe der SVG-Funktion card des DOIF-Moduls realisiert. In dieser Darstellung wird zusätzlich der Verlauf der jeweiligen Leistungen und der Speicherkapazität visualisiert. Die Konfiguration bzw. Anpassung an eigene Bedürfnisse sind wie bei der kompakten Energie-Karte oben vorzunehmen. Sollten beide Version gleichzeitig genutzt werden wollen, dann müssen die programmierten Perlfunktionen einer Version umbenannt werden, sonst überschreiben sie sich gegenseitig, weil sie im gleichen Package liegen.		Hier wird eine Version der Energie-Karte mit Hilfe der SVG-Funktion card des DOIF-Moduls realisiert. In dieser Darstellung wird zusätzlich der Verlauf der jeweiligen Leistungen und der Speicherkapazität visualisiert. Die Konfiguration bzw. Anpassung an eigene Bedürfnisse sind wie bei der kompakten Energie-Karte oben vorzunehmen. Sollten beide Version gleichzeitig genutzt werden wollen, dann müssen die programmierten Perlfunktionen einer Version umbenannt werden, sonst überschreiben sie sich gegenseitig, weil sie im gleichen Package liegen.

Damian-s: /* Visualisierung: Anwesenheitsstatus */

2026-05-11T20:07:16Z

Visualisierung: Anwesenheitsstatus

← Nächstältere Version		Version vom 11. Mai 2026, 22:07 Uhr
Zeile 444:		Zeile 444:
	{{Randnotiz\|RNText='''nützliche Links'''		{{Randnotiz\|RNText='''nützliche Links'''
	* [[FRITZBOX\|FritzBox-Modul]]		* [[FRITZBOX\|FritzBox-Modul]]
	* ui_Table Funktion [[DOIF/uiTable ~~Schnelleinstieg~~#Icon-Darstellung mit Text mit Hilfe der Funktion icon_label\|icon_label]]		* ui_Table Funktion [[DOIF/Einfache uiTable-Funktionen#Icon-Darstellung mit Text mit Hilfe der Funktion icon_label\|icon_label]]
	*[[DOIF/uiTable Schnelleinstieg#uiTable-Templates\|uiTable-Templates]]		*[[DOIF/uiTable Schnelleinstieg#uiTable-Templates\|uiTable-Templates]]
	}}		}}

Damian-s: /* Visualisierung und Steuerung: Heiztherme */

2026-05-11T20:06:04Z

Visualisierung und Steuerung: Heiztherme

← Nächstältere Version		Version vom 11. Mai 2026, 22:06 Uhr
Zeile 366:		Zeile 366:
	* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#icon_ring-Funktionen\|icon_ring]]		* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#icon_ring-Funktionen\|icon_ring]]
	* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#Anzeige_eines_Werteverlaufs_und_des_aktuellen_Wertes_mit_Hilfe_der_SVG-Funktion_card\|card]]		* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#Anzeige_eines_Werteverlaufs_und_des_aktuellen_Wertes_mit_Hilfe_der_SVG-Funktion_card\|card]]
	* ~~Commandref~~ [~~https://fhem.de~~/~~commandref_DE.html#DOIF_Perl_Modus DOIF~~ Perl-Modus]		* Perl-Modus [[DOIF/Perl-Modus]]
	* ebus-Adapter [https://ebusd.de/ ebusd]		* ebus-Adapter [https://ebusd.de/ ebusd]
	* ebus-Wiki [[EBUS\|ebus]]		* ebus-Wiki [[EBUS\|ebus]]

Damian-s: /* Visualisierung: Anwesenheitsstatus */

2026-05-11T20:03:15Z

Visualisierung: Anwesenheitsstatus

← Nächstältere Version		Version vom 11. Mai 2026, 22:03 Uhr
Zeile 474:		Zeile 474:
	TPL_person(Ernie)\|TPL_person(Bert)\|TPL_person(Grobi)\|TPL_person(Kermit)		TPL_person(Ernie)\|TPL_person(Bert)\|TPL_person(Grobi)\|TPL_person(Kermit)
	</syntaxhighlight>		</syntaxhighlight>

	~~''Ergebnis der Beispieldefinition in der Webansicht:''~~
	~~[[Datei:UiTable myHome.png\|ohne\|mini]]~~

	<br clear="all">		<br clear="all">

Damian-s: /* Visualisierung: Wetterstation */

2026-05-11T20:02:15Z

Visualisierung: Wetterstation

← Nächstältere Version		Version vom 11. Mai 2026, 22:02 Uhr
Zeile 194:		Zeile 194:
	* Wunderground [https://wunderground.com/ Homepage]		* Wunderground [https://wunderground.com/ Homepage]
	* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#Anzeige_eines_Werteverlaufs_und_des_aktuellen_Wertes_mit_Hilfe_der_SVG-Funktion_card\|card]]		* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#Anzeige_eines_Werteverlaufs_und_des_aktuellen_Wertes_mit_Hilfe_der_SVG-Funktion_card\|card]]
	* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#~~icon_ring~~-Funktionen ~~icon_ring~~\|icon_ring]]		* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#icon ring-Funktionen\|icon_ring]]
	}}		}}
	Die vorgestellte Lösung funktioniert ohne Anmeldung beim Wetterdienst und ohne Nutzung von API.		Die vorgestellte Lösung funktioniert ohne Anmeldung beim Wetterdienst und ohne Nutzung von API.

← Nächstältere Version		Version vom 11. Mai 2026, 22:07 Uhr
Zeile 444:		Zeile 444:
	{{Randnotiz\|RNText='''nützliche Links'''		{{Randnotiz\|RNText='''nützliche Links'''
	* [[FRITZBOX\|FritzBox-Modul]]		* [[FRITZBOX\|FritzBox-Modul]]
	* ui_Table Funktion [[DOIF/uiTable ~~Schnelleinstieg~~#Icon-Darstellung mit Text mit Hilfe der Funktion icon_label\|icon_label]]		* ui_Table Funktion [[DOIF/Einfache uiTable-Funktionen#Icon-Darstellung mit Text mit Hilfe der Funktion icon_label\|icon_label]]
	*[[DOIF/uiTable Schnelleinstieg#uiTable-Templates\|uiTable-Templates]]		*[[DOIF/uiTable Schnelleinstieg#uiTable-Templates\|uiTable-Templates]]
	}}		}}