Visualisierung mit Transgraph - Versionsgeschichte

Pklaus: Aufruf des Transform-Skripts und Informationen dazu korrigiert

2009-09-01T11:40:37Z

Aufruf des Transform-Skripts und Informationen dazu korrigiert

Habo am 28. Juni 2009 um 09:51 Uhr

2009-06-28T09:51:39Z

Stettberger: /* Beispiele */

2009-06-27T22:32:49Z

‎Beispiele

Stettberger am 27. Juni 2009 um 21:38 Uhr

2009-06-27T21:38:53Z

Stettberger am 27. Juni 2009 um 21:34 Uhr

2009-06-27T21:34:25Z

Stettberger am 27. Juni 2009 um 21:27 Uhr

2009-06-27T21:27:46Z

Stettberger: Die Seite wurde neu angelegt: 750px Mit Transgrah kann man den Status einer Anlage graphisch aufbereiten um schnell einen Überblick zu erhalten. Bei Transgraph malt man...

2009-06-27T20:57:29Z

Die Seite wurde neu angelegt: 750px Mit Transgrah kann man den Status einer Anlage graphisch aufbereiten um schnell einen Überblick zu erhalten. Bei Transgraph malt man...

Neue Seite

[[Bild:Transgraph_svg.png|750px]]

Mit Transgrah kann man den Status einer Anlage graphisch aufbereiten um schnell einen Überblick zu erhalten. Bei Transgraph malt man seine Anlage zusammen mit allen seinen Datenpunkten mit einem Vektorprogramm. Es sei hier [http://projects.gnome.org/dia/ dia] empfohlen. Die Datenpunkte, und die zugehörige Verarbeitung der Daten werden als Text in die Graphik eingebunden. Sprich die Programmierung geschieht im Zeichenprogramm. Das exportierte SVG wird dann durch das Trangraph Script zu einem SVG mit Javascript konvertiert. Durch das enthaltene Javascript wird dann der aktuelle Status ständig aktualisiert.

Das obige Bild enstand durch Transgraph aus diesem [http://ethersex.de/images/2/29/Transgraph_heizung_orginal.svg originalem SVG]. Das fertige SVG kann man sowohl direkt auf einen Ethersex mit [[HTTPD]] laden, als auch zusammen mit einem [[ECMD Proxy]] verwenden.

== Eine eigene Visualisierung machen ==

Der Code wird ins SVG als Textnode eingefügt. Der Code sieht und funktioniert ähnlich wie normale Unix Pipes. Dabei kann der Code in verschiedene "Tags" eingefügt werden:
* {{CODE}} - Die Pipe wird in das SVG eingebunden, die Ausgabe ignoriert und der umschließende Textnode gelöscht.
* %%CODE%% - Der Block wird in diesem Textnode durch die Ausgabe der Pipe ersetzt, es darf pro Textnode nur einen solchen Block geben.

@@ Zeile 35: / Zeile 35: @@
 Um das Quell SVG umzuwandeln muss man es im dia als "SVG Plain" (!!!!) exportieren und durch das Transform skript pipen.
-     python < heizung.svg > heizung-output.svg
+     python transform.py < heizung.svg > heizung-output.svg
 [[Kategorie:Ethersex]]

← Nächstältere Version		Version vom 27. Juni 2009, 22:32 Uhr
Zeile 36:		Zeile 36:
	Um das Quell SVG umzuwandeln muss man es im dia als "SVG Plain" (!!!!) exportieren und durch das Transform skript pipen.		Um das Quell SVG umzuwandeln muss man es im dia als "SVG Plain" (!!!!) exportieren und durch das Transform skript pipen.
	python < heizung.svg > heizung-output.svg		python < heizung.svg > heizung-output.svg
		+
		+	[[Kategorie:Ethersex]]

← Nächstältere Version		Version vom 27. Juni 2009, 21:38 Uhr
Zeile 33:		Zeile 33:
	* %%periodic 1 \|get kty \|cut 1%% -- Gibt im Text im Textnode aus, wird jede Sekunde aktualisiert		* %%periodic 1 \|get kty \|cut 1%% -- Gibt im Text im Textnode aus, wird jede Sekunde aktualisiert
	* {{echo 22.0 \| test < 23.0 \| bool_attr waermepumpe fill green red}} -- Setzt das Attribut fill des Tags waermepumpe auf gruen		* {{echo 22.0 \| test < 23.0 \| bool_attr waermepumpe fill green red}} -- Setzt das Attribut fill des Tags waermepumpe auf gruen
		+
		+	Um das Quell SVG umzuwandeln muss man es im dia als "SVG Plain" (!!!!) exportieren und durch das Transform skript pipen.
		+	python < heizung.svg > heizung-output.svg

@@ Zeile 10: / Zeile 10: @@
 * &#123;&#123;CODE&#125;&#125; - Die Pipe wird in das SVG eingebunden, die Ausgabe ignoriert und der umschließende Textnode gelöscht.
 * %%CODE%% - Der Block wird in diesem Textnode durch die Ausgabe der Pipe ersetzt, es darf pro Textnode nur einen solchen Block geben.
 Jeder Befehl hat einen Standard Output und einen Standard Input, durch pipes |  wird die Ausgabe des vorherigen Kommandos mit der Eingabe des nächsten Kommandos verbunden.
@@ Zeile 31: / Zeile 32: @@
 * &#123;&#123;periodic 5 | ecmd kty get | store kty&#125;&#125; -- schreibt die Ausgabe des ECMD `kty get' in die Variabele kty, wird alle 5 Sekunden wiederholt
 * %%periodic 1 |get kty |cut 1%% -- Gibt im Text im Textnode aus, wird jede Sekunde aktualisiert

← Nächstältere Version		Version vom 27. Juni 2009, 21:27 Uhr
Zeile 10:		Zeile 10:
	* {{CODE}} - Die Pipe wird in das SVG eingebunden, die Ausgabe ignoriert und der umschließende Textnode gelöscht.		* {{CODE}} - Die Pipe wird in das SVG eingebunden, die Ausgabe ignoriert und der umschließende Textnode gelöscht.
	* %%CODE%% - Der Block wird in diesem Textnode durch die Ausgabe der Pipe ersetzt, es darf pro Textnode nur einen solchen Block geben.		* %%CODE%% - Der Block wird in diesem Textnode durch die Ausgabe der Pipe ersetzt, es darf pro Textnode nur einen solchen Block geben.
		+
		+	Jeder Befehl hat einen Standard Output und einen Standard Input, durch pipes \| wird die Ausgabe des vorherigen Kommandos mit der Eingabe des nächsten Kommandos verbunden.
		+	echo Hallo Welt \| warn
		+	Hier wird wird ein Fenster mit "Hallo Welt" ausgegeben.
		+
		+	Befehlsreferenz:
		+	* echo <args> - Die Argumente werden einfach ausgegeben
		+	* store <variable> - Speichert den Standardinput in die angegebene Variabele
		+	* get <variable> - Gibt den Inhalt der Variabele auf dem Standardoutput aus
		+	* warn - Gibt den Standardinput als Meldung aus
		+	* periodic <seconds> - fuehrt die nachfolgenden Befehle alle n Sekunden aus (0.5 Sekunden sind auch moeglich)
		+	* cut <field> - Spaltet den Standardinput an Leerzeichen in Felder und gibt nur das angegebene Feld aus.
		+	* ecmd <befehl> - Setzt per Ajax einen ECMD Befehl ab und gibt die Ausgabe weiter
		+	* to_bool - Convertiert "On" - "Off", "true" - "false" in 1 und 0 ab, was als Transgraph als Bool interpretiert wird.
		+	* bool_attr <id> <attr> <true> <false> - Der Boolwert vom Standardinput so interpretiert, dass das angegebene Attribut des Objects (mit der entsprechenden ID) gesetzt wird.
		+	* write <id> - Schreibt den Standardinput in den angegebenen Textnode
		+	* test <expr> - Testet den Standardinput mit der Expression und gibt einen Bool aus
		+
		+	== Beispiele ==
		+	* {{periodic 5 \| ecmd kty get \| store kty}} -- schreibt die Ausgabe des ECMD `kty get' in die Variabele kty, wird alle 5 Sekunden wiederholt
		+	* %%periodic 1 \|get kty \|cut 1%% -- Gibt im Text im Textnode aus, wird jede Sekunde aktualisiert

@@ Zeile 1: / Zeile 1: @@
 [[Bild:Transgraph_svg.png|750px]]
-Mit Transgrah kann man den Status einer Anlage graphisch aufbereiten um schnell einen Überblick zu erhalten. Bei Transgraph malt man seine Anlage zusammen mit allen seinen Datenpunkten mit einem Vektorprogramm. Es sei hier [http://projects.gnome.org/dia/ dia] empfohlen. Die Datenpunkte, und die zugehörige Verarbeitung der Daten werden als Text in die Graphik eingebunden. Sprich die Programmierung geschieht im Zeichenprogramm. Das exportierte SVG wird dann durch das Trangraph Script zu einem SVG mit Javascript konvertiert. Durch das enthaltene Javascript wird dann der aktuelle Status ständig aktualisiert.
+Mit Transgrah kann man den Status einer Anlage graphisch aufbereiten um schnell einen Überblick zu erhalten. Bei Transgraph malt man seine Anlage zusammen mit allen seinen Datenpunkten mit einem Vektorprogramm. Es sei hier [http://projects.gnome.org/dia/ dia] empfohlen. Die Datenpunkte, und die zugehörige Verarbeitung der Daten werden als Text in die Graphik eingebunden. Sprich die Programmierung geschieht im Zeichenprogramm. Das exportierte SVG wird dann durch das Transgraph Script zu einem SVG mit Javascript konvertiert. Durch das enthaltene Javascript wird dann der aktuelle Status ständig aktualisiert.
 Das obige Bild enstand durch Transgraph aus diesem [http://ethersex.de/images/2/29/Transgraph_heizung_orginal.svg originalem SVG]. Das fertige SVG kann man sowohl direkt auf einen Ethersex mit [[HTTPD]] laden, als auch zusammen mit einem [[ECMD Proxy]] verwenden.