Floorplan anpassen für das Webfront

Liebe Alle

Ich hoffe dass mir jemand helfen kann. Meine HTML/CSS/JSON/Dojo-Kenntnisse sind wirklich nur Grundlegend. Es gibt hier ein Projekt/Anleitung wie man einen Floorplan erstellen kann für das Webfront. Eine wirklich super Sache und ich möchte einen solchen Floorplan erstellen womit ich die meisten Leuchten/Geräte im Haus schalten kann sowie deren Zustand sehe. Den grundlegenden Floorplan (Bilddatei) habe ich bereits erstellt, die entsprechenden Beispiele studiert und erfolgreich kann ich nun über Buttons eine Variabe in IPS schalten sowie Labels einfügen in denen Read-Only Werte aktuell aus IPS angezeigt werden. (Wie die Temperatur)

Diese Labels werden immer fast zeitnah aktuell gehalten durch vermutlich eine Routine die das Projekt/Vorlage kapselt. Da ich nur begrenztes Wissen in dem Bereich habe bin ich nicht drauf gekommen wie ich hieran selber etwas ändern könnte. Was ich möchte bevor ich nun weiter machen kann:

Auf dem Floorplan zbsp das Bild einer Leuchte platzieren welche den aktuellen Zustand anzeigt (ein.jpg wenn an, aus.jpg wenn aus) und bei einem Klick darauf den Zustand des Gerätes wechselt

Das ist schon alles. Mein Problem ist, dass ich den Button wie in der Dokumentation beschrieben mit der Fähigkeit der Labelkomponente immer den (fast) aktuellen Zustand zu zeigen vereinen möchte. Ein On/Off Button überfüllt zum einen die Darstellung bei vielen zu schaltenden Geräte und zum andere würde ich ja gerne gleich wissen ob die Komponente schon ein oder aus ist.

Hat das jemand so schon realisiert oder kann mir einen kleinen Stupf geben wie man das realisieren kann? Am besten in einer Art wie das Floorplanprojekt von Parsey publiziert wurde. Eine ganz eigene HTML-Seite zu erstellen/einbinden dürfte ich kaum packen.

Danke!

Etwas habe ich noch gefunden, die Aktualisierung von Daten auf der Floorplanseite wird vermutlich durch die folgende Routine bewerkstelligt


function readVariables()
{
	require(["dojo/query"], function(query) {
		query(".variable").forEach(function(node, index, arr){
			ips.GetValueFormatted(parseInt(node.getAttribute("ips-variable-id"))).then(
				function(data)
				{
					label = node.getAttribute("ips-variable-label");
					if(label != null)
						node.innerHTML = label + data
					else
						node.innerHTML = data
				}
			);
		});
	});
	window.setTimeout(readVariables, 10000);
}

Der Code für die Buttons und für das Label sehen dann so aus


<body class="tundra" style="width: 1000px; height: 700px; background-image: url(floorplan.jpg); background-repeat: no-repeat;">
	<div id="ips" style="vertical-align:middle;">
		<h2>IP-Symcon<br/>Floorplan<br/>Demo</h2>
		<button data-dojo-type="dijit.form.Button" style="top: 70px; left: 240px;" class="button">ON
			<script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt">
				ips.SetValueBoolean(30267, true);
			</script>		
		</button>
		<button data-dojo-type="dijit.form.Button" style="top: 70px; left: 290px;" class="button">OFF
			<script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt">
				ips.SetValueBoolean(30267, false);
			</script>		
		</button>
		<div ips-variable-id="18848" ips-variable-label="Temperatur: " style="top: 40px; left: 400px;" class="variable">Temperatur: 00.00 °C</div>
	</div>	
</body>

Da muss es eine Möglichkeit geben das Gewollte umzusetzen. Leider bin ich noch nicht drauf gekommen wie.

So, fast 30 Tage später bin ich etwas schlauer. Eigentlich nur mit viiiieeeelll probieren, nachlesen in Html und anderen Foren. Aber auch die Initialtips von Paresy sind schon sehr hilfreich wenn man die Sache richtig liest und sich gut überlegt. Vorneweg… mein Lösungsansatz ist sicher für viele Javascript/HTML oder sonstige Scripter wohl ein Horror. Ich bin mir sicher, dass es bessere Befehle oder eine einfachere Art und Weise gibt um das von mir Gewollte zu realisieren. Da mir aber niemand etwas Besseres lieferte poste ich hier einfach mal meine Lösung für meine Anforderungen. Wer also das sowieso viiel besser und anders gemacht hätte der hätte sich am besten gemeldet als ich die Frage gestellt hatte oder kann die Verbesserungen gerne auf Nette Art und Weise mir hier aufzeigen.

Meine Anforderung
„Auf dem Floorplan zbsp das Bild einer Leuchte platzieren welche den aktuellen Zustand anzeigt (ein.jpg wenn an, aus.jpg wenn aus) und bei einem Klick darauf den Zustand des Gerätes wechselt“

Um das zu realisieren ist es zuerst einmal wichtig für jede Variable die Ihr updaten möchtet einfach mal entsprechend dem „Label-Beispiel“ von Paresy dies mit der entsprechenden Variablen ID erstellen:

<div ips-variable-id="32505" ips-variable-label="Lampe Badezimmer: " style="top: 105px; left: 400px;" class="variable"></div>

32505 ist dabei bei mir die Objekt-ID für die Statusvariable meiner Badezimmerlampe welche über Möller/Eaton geschaltet wird. Bei euch ist das natürlich eine andere ID. Wichtig entgegen dem Label-Beispiel gibt es keine Beschriftung für diesen Div-Tag, also auf der HTML-Seite ist das Ding durchsichtig und dient nur dazu, dass wir von der Statusvariable über das Script jeweils den aktuellen Zustand erhalten.

Dann fügen wir des Weiteren den Button/Lampenplatzhalter hinzu mit:

<button id="LAEGBL" data-dojo-type="dijit.form.Button" style="top: 400px; left: 410px;" class="button">
			<script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt">
ips.GetValueBoolean(32505).then(
	function(data){
		if(data==true)
			ips.MXC_SwitchMode(55450, false);
		else
			ips.MXC_SwitchMode(55450, true);
	},
	function(err){
		alert(err);
	}
);
			</script>		
		</button>

Dieser ist dann natürlich auf dem Floorplan ersichtlich und muss mit dem top und left Parameter an den richtigen Ort „gestellt“ werden. Für das Positionieren empfehle ich am Schluss, wenn Ihr das Icon der Lampe seht euch an die richtige Position heranzutasten. (Auch dafür gibt es vermutlich ein Programm womit die Positionierung einfacher zu bewerkstelligen ist) Wichtig ist hier - es wird wieder die Statusvariable geprüft ob das Licht bereits an ist oder nicht und entsprechend der Befehl für das Ein/Ausschalten einer Lampe über eine Möller/Eaton Instanz ausgeführt. Wenn Ihr FS20 oder anderes verwendet gehört hier einfach der entsprechende Befehl hin. (Wie FS20_Switchmode etc.)

So und nun das wichtigste… der Code welcher ausgeführt wird wenn alle 10 Sekunden im Hintergrund die IPS-Daten geladen und im Floorplan angezeigt werden sollen:

if(data != "An" && node.getAttribute("ips-variable-id") == 32505)
	dojo.byId("LABZHL").innerHTML = "<img src='../img/Glühbirne Aus_64.png' width='20' height='20' alt='Lampe Badezimmer Ein'>";
	else if(data == "An" && node.getAttribute("ips-variable-id") == 32505)
	dojo.byId("LABZHL").innerHTML = "<img src='../img/Glühbirne_64.png' width='20' height='20' alt='Lampe Badezimmer Aus'>";

Wenn Ihr den Code oben 1:1 so kopiert und nicht anpasst müsst ihr im Webverzeichnis wo der Floorplan sich befindet ein Verzeichnis mit dem Namen img erstellen und dort ein Lampenbild mit dem Namen „Glühbirne Aus_64.png“ und „Glühbirne_64.png“ reinkopieren damit etwas angezeigt wird.

—> Was habt Ihr nun… auf dem Floorplan, da wo eure Lampe hängt ein Bild einer Lampe welches je nach dem Zustand in oder aus ist. Zudem könnt Ihr auf dieses Bild klicken… und die Lampe schaltet Aus oder Ein.

Ehrlich gesagt es braucht schweine viel Zeit wenn Ihr wirklich viele Lampen auf diese Art und Weise platzieren und steuern wollt. Ich rate euch wenn Ihr mit dem Internetexplorer arbeitet in den Optionen das Anzeigen von Scriptfehler zu aktivieren, da Ihr sonst Fehler in der Seite haben könntet und nichts geht mehr und keiner weiss warum. Der Safari zum Beispiel zeigt von den Fehlern so gut wie nichts.

Je mehr man mit dem Floorplan macht… umso eher wird einem klar, dass dies fast die Beste Übersichtsart für ein Haus ist. Meine Frau will nur noch den Floorplan und auch ich arbeite nur noch mit dem Floorplan. Sind Fenster offen zeigt es mir diese sofort auf dem Floorplan an. Genauso wie ein viereckiger Balken der grün angezeigt wird wenn der Alarm deaktiviert ist oder rot wenn er aktiviert ist. Die Vorteile sind klar, auch ein aussenstehender kommt mit dem Floorplan zurecht. Übersichtlichkeit wie Sie besser nicht sein könnte, man weiss genau wo ein Problem zu suchen ist (Fenster Wohnzimmer ist offen… sagt ja was… aber ich habe zum Beispiel 3 Fenster im Wohnzimmer, auf dem Floorplan sehe ich es genau)

Ich hänge noch ein kleines Illustrationsbild an, einfach nur vom Garagenteil… damit mich niemand besucht und wegen dem schlechten Code verhaut.

Allg. Nachteile? Naja also sicher ist die Aktion „Alarm deaktivieren“ kommt nicht auf den Floorplan… sonst kann ja auch ein Einbrecher auf einfach Art und Weise diesen deaktivieren.

Technisch? Bei den ersten 10 Komponenten hatte ich keine Probleme. Mittlerweilen wächst der Floorplan andauernd. Ich frage aktuell etwa 30 Variablen ab… und hier merkt man es nun - die Sache wird zum einen etwas langsam und mit der Zeit fehlt auch der Platz auf dem Floorplan. Man muss sich also doch etwas beschränken und bei der Performance… da wäre ich um Tips froh… ich habe den Intervall für die Variablenabfrage bereits auf 20s erhöht. Aktuell möchte ich die Anzahl Threads in IPS erhöhen, mal schauen was das bringt. Ich muss zudem erwähnen, der Floorplan wird bei mir als HTML-Box ins Webfront integriert. Somit habe ich alle Vorzüge auf einmal! Vielleicht wird die Sache dadurch aber auch schneller langsam. Es klappt auf jedenfall einwandfrei…

Einfach Cool, man klickt auf ein Kamerasymbol auf dem Floorplan und sofort wird das Bild der Kamera über DHTML angezeigt und wieder ausgeblendet…! Das löst man übrigens ähnlich wie das dynamische Ersetzen vom Lampenbild. Toll daran, das Bild der Kamera wird dabei über den Floorplan gelegt, man braucht also nicht mehr Platz! Sobald man es ausblendet steht der Floorplan wieder zur Verfügung. Bewegung im Wohnzimmer, das Symbol leuchtet auf und verschwindet wieder etc.

Beispiel.jpg

Noch als letztes… eine Alternative zum Foorplan wie es zuvor bei mir in Verwendung war. Einfach im Webfront eine Kategorie erstellen mit Links auf alle wichtigen Komponenten. Dann über ein Script den entsprechenden Link anzeigen lassen (entsperren) wenn zum Beispiel das Fenster geöffnet wird (Event-Trigger) und wieder verstecken (hide) wenn es geschlossen wird. Auch hier habe ich noch einen Screenshot angehängt. Diese Lösung gibt weniger Arbeit und zeigt auch eine Übersicht zu allen Komponenten/Status in einem Haus. Leider aber sieht man nicht z.B. das Fenster offen ist, man muss es also in die Beschreibung/Text integrieren. Wer aber nun 3 Fenster im Wohnzimmer hat kommt mit Text nicht weit. Ein weiterer Nachteil ist die Verständlichkeit für Besucher… zuletzt anders sprachige Besucher oder Familienmitglieder (bei mir der Fall) kommen mit der Console gar nicht zurecht und ein Floorplan war unausweichlich.

Bei dem Printscreen handelt es sich auch wieder um ein Beispiel… so wird die Lampe WC Eingang normalerweise nur in der Konsole angezeigt wenn sie angeschaltet ist wie auch der Sonos Lautsprecher etc.

Servus swissboy

Schade das du kein Echo auf deine Beschreibung gekriegt hast.
Nun ich mache meine Visualisierung der Heizung nach mit dem gleichen Prinzip. Allerdings verwende ich Soap anstatt Dojo. Das gabs damals noch nicht.
Stimme dir soweit voll zu, es ist zwar nicht kompliziert aber sehr mühsam alle Symbole pixelgenau per Code perfekt zu positionieren.

An einem Floorplan hab ich mich auch schon versucht, bin dann aber am Design gescheitert.
Irgendwie hat mich das optisch alles nicht befriedigt.

  • nimmt man einen dieser Homeplaner mit fotorealistischem Rendering, so stört das die Inneneinrichtung so ganz und gar nicht zur Wirklichkeit paßt. Also sollte es eine eher abstrakte Darstellung sein.
  • zur 3D Ansicht des Floorplanes paßt die typischerweise 2D Ansicht der Symbole nicht so recht
  • nicht von der Haussteuerung erfasste Räume nur Platzverschwendung
  • Darstellung mehrere Etagen ( Keller, EG, 1.Stock) benötigt entweder einen Umschalter oder viieel Platz
  • Bereiche mit viel IPS (zb. Heizraum, Küche) müßte man irgendwie zoomen können
  • bei viel IPS werden entweder die Symbole zu klein (schwer mit den Wurstfingern zu treffen) oder alles wird unharmonisch weil nur mehr Symbole sichtbar.

Wie hast du da den richtigen Mittelweg gefunden ?

Da ich grad einiges neu mache werde ich mich evtl. auch nochmal daran versuchen.

gruß
bb

Uiii super - es tut sich was an der Webfront.
Ich habe mir am WE auch die floorplan.html zur Brust genommen und meine Heizungs-Visu umgesetzt. Allerdings habe ich da nur Temperaturwerte und ein paar animationen reingebaut.
Der naechste Schritt ist, wie Du es auch gemacht hast, einen Grundriss mit schaltbaren Symbolen zu bauen.

Ich hoffe am WE dazu zu kommen - haelt ja doch auf die rumprobiererei…

Aber ich denke - wir koennen diesen Thread gut mit wissenswertem fuellen.

Gruss
Boris

Gesendet von meinem T05A mit Tapatalk 2

Hallo Boris und Bernhard!

Cool das sich mal wer meldet… man weiss halt nie ob jemand ähnliche Pläne hat mit dem man sich austauschen könnte.

@Boris
Super! Da freue ich mich wenn du dann auch Dinge/Code beisteuern kannst! Wie erwähnt das dynamische Ein-/Überblenden von Kameras etc. werde ich noch beisteuern wenn das jemand braucht oder selbst nicht weiss wie. Ich muss dazu aber etwas sagen. Zum einen habe ich bemerkt das einzelne Browser anders reagieren. Ich verwende für die Anzeige IOS Geräte/Safari.

@bbernhard
Soap/Nicht Soap… also hier kann ich nichts dazu sagen weil mit Soap habe ich es noch nie versucht. Meine technischen Nachteile/Probleme hatte ich ja im Beitrag erwähnt. Wenn diese bei Soap nicht bestehen wäre es vielleicht eine Alternative!? Fraglich bleibt auch ob einzelne meiner technischen Probleme auch nur deswegen besteht weil man es perfomanter Programmieren könnte. Einen Nachteil den ich nicht erwähnt hatte und sicher ins Gewicht fällt ist noch die Tatsache, dass über Remotezugriff also die iFront-App der Floorplan nicht funktioniert was klar ist. Ausser man legt eine VPN-Verbindung drunter dann klappt es auch über iFront.

  • nimmt man einen dieser Homeplaner mit fotorealistischem Rendering, so stört das die Inneneinrichtung so ganz und gar nicht zur Wirklichkeit passt. Also sollte es eine eher abstrakte Darstellung sein.

Stimme ich dir zu, ich habe hier verschiedenste Tools durchprobiert. Je höher die Genauigkeit umso mehr Differenzen entstanden im Abgleich zur Realität. Zudem wurde die Hintergrundgrafik auch immer grösser und dies kostet wenn auch nur einmalige Ladezeit. Schlussendlich habe ich mich für eine ganz einfache Ansicht entschieden und kann sagen, das in der Ansicht ob Möbel, Gardinen etc. 1:1 mit der Realität übereinstimmen. Mein Haus und die Inneneinrichtung sehen genauso aus. Ich finde es technisch super cool mit 3D und high Rendering aber ich frage dann immer zuerst meine Frau was Sie den eigentlich erwartet oder braucht. Das Feedback war klar, Details sind nicht wichtig aber der Grundriss und die Overview müssen realistisch sein damit man sein Haus, die Räume und Dinge wie Kühlschrank erkennt.

  • zur 3D Ansicht des Floorplanes paßt die typischerweise 2D Ansicht der Symbole nicht so recht

In meinem Anhang beim entsprechenden Beitrag sieht man, dass ich leider um die 2D Ansicht bei den Symbolen auch nicht drumherum kam. Diese stört mich ebenfalls ein wenig. Meine Frau und erste Besucher meinten das mache gar nichts. Ist vermutlich subjektiv. Eine fliessende Darstellung integration der gesteuerten Komponenten konnte ich keinem anderen Produkt finden. Damit meine ich auch andere Systeme/Lösungen für die Hausautomatisation. G*ra habe ich mal was gesehen, ABER dann funktioniert die fliessende Darstellung nur, wenn ich explizit das eine Garagentor als Symbol das zur Verfügung steht verwende. Das Tor sieht aber gaaaanz anders aus als meines. Da findet meine Frau wie auch ich - Lieber ein Symbol das unser Tor passend abbildet als eine fliessende/integrierte Animation (dabei müssen auch alle anderen Symbole aus der Palette verwendet werden) eines anderen Tors. Oder kennst du/andere Tools die das können?

Ich verwende viele Icons aus einer Sammlung (die Sammlung findet man wenn man hier im Forum nach Icon sucht). Ganz toll sind aber animierte Gifs wie für das Ventil das den gesamten Wasserzufluss für unser Haus steuert. Sieht halt edler aus wenn im Gif der Wasserstrahl fliesst für Ventil offen oder steht für Ventil zu. Mit der Zeit werde ich wo möglich solche animierte Icons verwenden. Der rote Rahmen für Alarm aktiv könnte dann zum Beispiel auch blinken und wenn deaktiviert in grün fix stehen bleiben. Meine Frau und die ersten Besucher finden einfach, dass man auch diese Weise einfach den Zustand erkennt und steuern kann.

  • nicht von der Haussteuerung erfasste Räume nur Platzverschwendung

Ich habe keine Räume die nicht in irgendeiner Weise steuerbare Komponenten enthalten. Der Übersicht halber würde ich diese aber ehrlich gesagt aber nicht entfernen.

  • Darstellung mehrere Etagen ( Keller, EG, 1.Stock) benötigt entweder einen Umschalter oder viieel Platz

Naja auch hier habe ich nur eine Etage. Mehrere Etagen dürften die Sache schwieriger machen und ein Umschalter scheint da fasst ein Muss.

  • Bereiche mit viel IPS (zb. Heizraum, Küche) müßte man irgendwie zoomen können

Das könnte/werde ich so lösen wie das Bild meiner Kameras. Wird die Kamera angeklickt wird das entsprechende Bild über den Floorplan gelegt und angezeigt solange man es nicht wieder schliesst. (Oder nach einem Interval automatisch geschlossen) So plane ich das für den Heizraum, wird die Heizung angeklickt um Details anzuzeigen so wird über den Div Tag entsprechend mit HTML über den Floorplan gelegt und zeigt die entsprechenden Infos oder einen Zoom an. Das gibt klar Arbeit… ziemlich viel Arbeit aber dies ist vermutlich in einer Anfangsphase nicht dringend Nötig und kann bei Zeiten zu programmiert werden. Ich warte dann einfach ab bis meine Frau mal flucht oder sagt das Sie ein Icon für eine Lampe nicht mehr trifft etc.

  • bei viel IPS werden entweder die Symbole zu klein (schwer mit den Wurstfingern zu treffen) oder alles wird unharmonisch weil nur mehr Symbole sichtbar.

Eindeutig ein Problem mit welchem auch ich aktuell und kämpfe.

-Wie erwähnt verschiebe ich die Details in die Detailansicht welche drüber gelegt wird falls nötig
-Spare ich Platz indem ich mit den Symbolen den aktuellen Status anzeige (Aus/Ein anderes Bild)
-Ein Klick auf das Symbol einen switch bewirkt (Ich platziere nicht einen Aus + Ein Button und spare Platz)
-Gutes Enddevice auswählen für die Anzeige (Touchreaktion und Genauigkeit, Auflösung etc.)
-Ich setze Tags auf hidden bei Symbolen die nicht immer angezeigt werden müssen und auch nicht durch den Benutzer geschaltet werden müssen. Anders, Wassermelder werden erst auf visible gesetzt sobald Wasser detektiert wird wie auch Feuermelder oder die Xbox wird nur angezeigt wenn Sie an ist da ich die XBOX wenn ich Sie schon mal brauche manuell einschalte. Spart auch viel Platz aber gibt wieder Arbeit. Bestes Beispiel ist noch der Tresor, dieser wird nur angezeigt wenn Offen da ich diesen über IPS nicht schliessen kann und ein Einbrecher auf dem Floorplan sicher freude hätte wenn er den Ort des Tresors in geschlossenem Zustand sieht… :slight_smile:
-Das lässt sich auch noch ausweiten indem man gewisse Zustände mit einbezieht. Soweit bin ich aber noch nicht. Sprich wenn der Alarm deaktiviert wurde muss ich eigentlich die Hauptwasserzufuhr nur anzeigen wenn Sie geschlossen ist, da diese bei einer Anwesenheit eigentlich immer offen sein sollte und es sonst keinen Grund gibt diese manuell zu schalten. (Im Notfall wie Wasserleck wird niemand das Ventil über das Webfront schliessen sondern dafür braucht man einen NOTFALL Taster) Oder den Fernseher muss ich nur anzeigen wenn der Alarm deaktiviert ist. sonst muss diesen ja keiner schalten können etc. damit lässt sich nochmals Platz sparen sofern man über diese Zustände verfügt oder sie automatisiert hat.

Wie hast du da den richtigen Mittelweg gefunden?

Ob ich den gefunden habe ist wohl Ansichtssache. Meine Frau und die Besucher sowie ich finden den Floorplan toll und verwenden nur diesen. Wer auf Topdesign und Anzeige steht wird mit der Lösung nicht unbedingt glücklich. Unter dem Strich ist es aber bei mir so, dass Einfachheit(Faulheit?) immer über dem Design steht - Sprich die Möglichkeit über das Handy die Bewässerung zu starten und kontrollieren während man TV schaut verdrängte bald die ersten Sprüche wie "müssen wir in der Garage diesen Homematic-Aufputzschalter montieren der Strom braucht und komisch aussieht?
Da ich mir nicht vorstellen kann, das in den nächsten 2-3 Jahren eine Lösung existiert die solche Floorpläne flüssig und perfekt darstellen kann (und insbesondere Realitätsnahe zu der eigenen Einrichtung/Haus) betrieb ich jetzt den Aufwand…

Servus swissboy
danke für die Ausführliche Betrachtung. Hast mir einige wertvolle Impulse gegeben.

Als ich gestern deinen Post gelesen hab hab ich nämlich direkt wieder Lust bekommen es nochmals zu versuchen.

Hast Lust noch ein wenig über Designfragen zu tratschen ? oder soll ich dazu einen eigenen Thread machen. Der Titel paßt aber gut.

Hintergrund ist folgender: Bis vor kurzem hatte ich ein klassisches IPS WF. Zahllose Unterseiten auf denen alles dargestellt wurde was IPS so hergibt.
Aus Technikersicht imponierend, aber für die nackte Bedienung nicht zielführend. Meine Mädels haben es auch entsprechend ignoriert.
Vor einigen Wochen hab ich dann das WF dann auf den raumbezogenen Android Clients drastisch reduziert.
Es hat nur noch eine Seite an der nur aktuelle Meldungen Eje nach Bedarf in/Ausgeblendet werden.
Dazu wenige Buttons um zwischen native Android Apps umzuschalten oder max 4 IPS Aktoren zu betätigen.Hab das eh in einem anderen Thread vor kurzem beschrieben.
Ergebnis: Die Akzeptanz ist DEUTLICH besser. Es war das erste mal das ich ein „Du das ist ja direkt praktisch“ Feedback bekam. Und zwar für die klassische „Waschmaschine ist fertig“ Sprachausgabe und einen direkt erreichbaren Button fürs Garagentor.

Ich hab aber glaube ich etwas zu viel reduziert, 2/3 des Bildschirmes sind jetzt wenn keine Meldungen anstehen typischerweise leer.

Da würde vielleicht doch ein Floorplan gut hinpassen.
Drum hab ich gestern Abend noch ein paar Stunden gegrübelt wie das aussehen müßte.
Knackpunkt ist meiner Meinung nach wirklich die Übersichtlichkeit und Bedienbarkeit. Da brächte man einen Design/Ergonomie Experten.
Die Technik dahinter kann man leicht lösen.

In meinem Fall müßte ich einen rechteckigen Grundriß mit drei Stockwerken auf etwa 420*420 Pixel abbilden.
Dazu gibts 3 HotSpots an denen sehr viel IPS Technik verbaut ist. Ein/Ausblenden von Etagen und zoomen von Bereichen ist also Pflicht.
Aber werde ich versuchen alles auf das Minimum zu reduzieren um die Übersichtlichkeit zu bewahren. Fotorealismus scheidet da komplett aus.
Die Idee die ich im Kopf habe ist eine sehr abstrakte Darstellung, eine Mischung aus Grundriß und farblicher Animation.
In Ruhestellung daher alles nur Schwarz/Weiß und Transparent. --> paßt gut zum restlichen WF.
Aktive Elemente werden farbig, und Warnmeldungen durch farbig animierte Piktogramme nochmals hervorgehoben.
Die Piktogramme für Warnmeldungen und Statusreports nur temporär eingeblenden.

Durch rollierende Farbverläufe (mittels animated GIF) kann man übrigens sehr schön Bewegung oder Aktivität darstellen.
Hab das an mehreren Stellen meiner Heizungs- und Aquarium Visus. Kommt aber in den Screenshots im Forum nicht so gut rüber.

Ich werde mir also mal so ein Muster basteln.

Wenns mich optisch zufriedenstellt komme ich gerne zurück und wir können gemeinsam sehen wie man den Code dahinter optimieren kann. ggfls. dann auch so schreiben das Snipplets einfach an dritte weitergegeben werden können. Hab da diesbezüglich Erfahrung aus anderen IPS Projekten.
Gelernter HTML/PHP Coder bin ich aber auch keiner, kann mich da auch nur so wie du durchs Web lesen.

Die Soap Geschichte hab ich damals genommen da die Visu nicht am IPS Webserver sondern auf einer externen Kiste lief.
So konnte ich die Visu von der Bedienung sicher trennen und im WWW verfügbar machen.

gruß
bb

Hallo Swissboy,

danke für Dein Anleitungen und mühsamen Versuche.

Wie hierzu sehen, war ich auch schon in diese Richtung unterwegs…

Die technischen Hürden und unser Nachwuchs haben mich vor weiteren Entwicklungen abgehalten - aber jetzt,
da Schnee liegt und alles ruhiger wird(hoffentlich) komm ich wieder dazu. Darum Danke für Deine Anregungen !

Anbei mein Layout-Beispiel (Bei meiner Umsetzung war ich am Schalten aller Switches bei Reload gescheitert…)

@djtark
Also das von dir genannte Problem tritt bei meiner oder allgemein bei der JSON-Umsetzung nicht auf… das wäre ja noch schöner :slight_smile: da würde ich gleich abschalten. Nein aber was es gibt ist halt das Performance Problem… wobei ich hoffe mit der Zeit das vielleicht in den Griff zu bekommen oder mit der Hilfe von bbernhard oder Kalastaja oder Deiner… Es Äussert sich dadurch, dass wenn man viele Datenpunkte lädt, während diesem Ladevorgang zwar eine Schaltung vorgenommen werden kann (Bildchen anklicken) und es wird auch ausgeführt (zbsp Lampe ein) aber halt mit etwas Verzögerung. Das ist aber für mich kein Problem, die Daten werden alle 20 Minuten gerefresht… der Refresh selbst dauert eine Sekunde über LAN und WLAN. Spüren tuh ich den nur bei einer VPN Verbindung da ich viel von Unterwegs bastle und diese VPN-Verbindung kann langsam sein und da verzögert es sich schon mal um 3-4 Sekunden. Der Monitor/Steurungskontrolle ist ja aber über WLAN oder LAN im Haus angebunden.

>>Die Symbole in deinem Printscreen… wie hast du die erstellt oder woher hast du diese… mit der Sprechblase drumm rum sehen die richtig gut aus… wobei ich die Sprechblase vermutlich bei mir weglassen würde aus Platzgründen…:slight_smile:

Bei dir, welche Endgeräte verwendest du und mit welchem Browser?

@bbernhard

Knackpunkt ist meiner Meinung nach wirklich die Übersichtlichkeit und Bedienbarkeit. Da brächte man einen Design/Ergonomie Experten.
Die Technik dahinter kann man leicht lösen.

Also deine Mädels scheinen ja seeehr anspruchsvoll zu sein.:-)) Aber ich hab mal deine Seite besucht und das Aquarium ist ja megaaaaaa… Offtopic würde es mich auch mal interessieren ob du mit den Solarprojekten wirklich zufrieden warst/bist. Bei mir steht das auf Halteposition da ich bei allen Angeboten und Ideen eine so kleine Einsparnis errechnete das es sich gar nicht lohnte.
Aber zurück zum Thema… richtig stimmt hat ich vergessen das mache ich auch so… im Ruhezustand sind die Icons farblos… Ich arbeite aktuell noch mit Rahmen. Blau = Info, nix zu tun, verschwindet von selbst Rot = Hier ist ein Problem vorhanden und man MUSS was machen Grün nehme ich gar nicht mit rein, weil wie erwähnt Dinge die in einem guten Zustand sind brauchen nur Platz und müssen max. angezeigt werden wenn man Sie manuell Ein/Ausschalten möchte. Ganz ehrlich… nach deinem Beitrag habe ich meinen Plan nochmals angeschaut… und in der Küche habe ich zbsp zwei Leuchten gleich nebeneinander platziert… eine Hauptleuchte und eine Dekorationsbeleuchtung. Die Dekobeleuchtung wurde im letzten Jahr vermutlich einmal eingeschaltet… also die verschwindet von meinem Plan damit man auch mit Wurstfinger schalten kann… entweder mache ich irgendwo eine Kategorie Spezialschalter einblenden und dann kann man diese auch schalten oder lasse es ganz weg… scheint mir am schlausten. Am schwierigsten ich für mich eigentlich davon wegzukommen das ich einfach alles anzeigen muss/will. Einfachheit und wirklich nur das Notwendige ist hier eigentlich gefragt, dann kommt es gut. Und natürlich ich meine für das ist der Thread gemacht… Erfahrungen zu sammeln was den „DAU’s“ oder dem Normalbenutzer anspricht/gefällt finde ich hier genau so wichtig wie die Lösung allfälliger technischer Probleme… :slight_smile:

Auch bei dir, welche Endgeräte verwendest du und mit welchem Browser?

--------------- Problemchen
Wie erwähnt wo ich etwas hänge ist zuerst mal ob es Sinnvoll ist oder eben ein Problem sein könnte das ich als HTMLBox meinen Floorplan zusätzlich im Webfront integriere. Ich werde mal versuchen ob es perfomanter läuft wenn ich direkt nur den Floorplan öffne. Fände das aber schade, da die Kombination von WF und Floorplan alles ausreizt. Eine Alternative wäre den Code für den Variablenupdate zu verbessern. So frage ich alle 20 Sek. ALLE im Plan verwendeten Variablen ab. Effektiv könnte man ja nach Prioritäten verschiedene Intervalle verwenden.

Zweites Problem hat vermutlich mit dem Browser im Endgerät oder mit IPS zu tun… irgendwo habe ich gelesen das in IPS in der neuen Version zbsp eine Streambegrenzung existiert… was das auch immer heissen soll. Zumindest habe ich festgestellt (ein anderer Thread hier) das in der neuen Version eine meiner Cam (deren img Stream) nur sporadisch im WF angezeigt wird. Jedenfalls verändere ich an der Konfig nichts und mal sehe ich den Stream und mal nicht im WF (Zugriff im LAN, gleicher Device, direkter zugriff auf die CAM zeigt das Bild immer an). Im Floorplan ist es ähnlich wobei ich hier den Stream bei Klick auf Kamera anzeigen Ein- und wieder Ausblende. Mal kommt das Bild… mal nicht und hier bei allen Streams nicht nur bei der einen Kamera.

Grösstes aber für mich gelöstes Problem… wenn ich über Safari das Webfront auf einem iPad über WLAN den Floorplan als HTML-Box in IPS anzeige/öffne passiert es teilweise dass sich der Floorplan nicht mehr aktualisiert. Das ist sehhr oft der Fall. Deswegen habe ich auf dem iPad mal den Browser getauscht und verwende nun einen anderen bei welchem das Webfront wie auch der Floorplan immer funktioniert und auch aktualisiert wird. Es scheint auch einige Probleme zu geben mit den Browsern.

Swissboy, stell doch bitte mal den kompletten Code Deiner Html-Seite ein.

Wo genau muss das hier rein:

if(data != „An“ && node.getAttribute(„ips-variable-id“) == 32505)
dojo.byId(„LABZHL“).innerHTML = „<img src=’…/img/Glühbirne Aus_64.png’ width=‚20‘ height=‚20‘ alt=‚Lampe Badezimmer Ein‘>“;
else if(data == „An“ && node.getAttribute(„ips-variable-id“) == 32505)
dojo.byId(„LABZHL“).innerHTML = „<img src=’…/img/Glühbirne_64.png’ width=‚20‘ height=‚20‘ alt=‚Lampe Badezimmer Aus‘>“;

Bekomm das nicht gebastelt - Dein Image ist nicht da(obwohl ich Files im …/img/ angelegt habe)

Die Demo von Paresy´s Label-Code funktioniert…

Wäre super, dann könnt ich das heut am Feiertag noch basteln !

Mercie

p.s. Zu deinen Fragen:

Performance: Ich werde die Floorpläne je Stockwerk splitten.
-> Mehr Platz, weniger Datenpunkte, schnellerer Zugriff.
Dann kommt ein Pad mit dem jew. Floorplan auf jedes Stockwerk. Und fertig.

Icons: Sind z.T. selbst gebastelt. Auch die „Blase“, die zeigt mir schnell über die Farbe ob an oder aus oder alarm
Einige Icons sind auch aus verschd. Vectorsets von Fotolia und dann eingebaut/re-designt

Hallo Swissboy,
da hänge ich auch und komme nicht weiter…:frowning:

Viele Grüße
Boris

…und wie lasse ich den Button weg und hab dann nur die Custom-Grafik als Schaltfläche?

z.B. meine „Sprechblase“ ?temp_.png

Die Mädels nicht, ICH bin anspruchsvoll. Meine Mitbewohnerinnen tolerieren bestenfalls.

Ach meine Homepage, gehört wieder mal gewartet, hab da schon seit Ewigkeiten nix mehr gemacht.
Du kriegst PN.

Ganz genau, das ist ein Schlüssel zu Ergonomie.
Auch wenn es uns als Techniker schmerzt, sehr schmerzt. Denn wir wollen halt zeigen was wir an so an Technik können.

Schönes Bsp. auch die diversen Plot-Orgien. Ich hab mich an andere Stelle schon öfter als Plot Freak geoutet.
-vieleicht auch berufsbedingt- aber der/die Otto-Normalbenützer haben davon rein gar nix und sind eher nur überfordert.
Schade schade, da kan man sooo schöne Sachen machen.

Die alten Visus verwende ich nur am Desktop.
Falls (hab mich noch nicht entschieden) ich da was neues mache, dann muß es auf günstigen Android Clients laufen.
Das WF harmoniert da übrigens sehr gut mit dem Dolphin HD.
In dieser Kombination ist eien Einbettung ins WF übrigens gar nicht notwendig. Siehe diesen Thread: http://www.ip-symcon.de/forum/threads/19841-Ich-geh-immer-mehr-fremd?highlight=fremd
Mit Tasker/terRemote kann man wunderbar zwischen WF und anderen Apps(Browser Instanzen) Umschalten. Wenn das optisch halbwegs angepaßt ist merkt man als Benutzer nix. IPS hat aber trotzdem immer die volle Kontrolle.
Am Ipad wäre sowas vermutlich eher nicht möglich da die Seiten immer neu geladen werden. Weiß da aber nix genaues, habs nur gelesen.

Über Safari/Ipad Befindlichkeiten kann ich dir leider nix sagen, die sind mir zu teuer.

Das alles andauernd neu lädt, bzw. nur in x sek Rythmus upgedated wird geht aber gar nicht.
Wenn dann muß das schon dynamisch und performant funktionieren.

  • Na ja, es soll ja ein langer und strenger Winter kommen da haben wir genug Zeit zum basteln.

schöne grüße
bb

Hallo djtark + kalastaja

Also das HTML File ist bei mir schon riesig mit zig hundert Zeilen. Die hier geposteten Code-Schnippsel waren nur als Anregung gedacht und können nicht 1:1 übernommen werden. Ich habe jetzt mal ein ganzes Beispiel für eine ganz einfache Floorplanseite erstellt. Mit dieser könnt Ihr ein Bild/Button anzeigen, dieses lädt alle 10s den aktuellen Stand und bei Draufklick könnt ihr das Schalten einer Instanz anstossen. Ganz allgemein mit was arbeitet Ihr den, falls Internetexplorer aktiviert bitte umbedingt in den Optionen die Ausgabe von Javafehler… falls Ihr in der Seite einen Fehler habt bekommt Ihr diesen nur dann zu sehen.

Ich habe mal in dem fertigen Beispiel unten alles gekennzeichnet das Ihr anpassen müsst damit es klappt. Meldet euch sonst ruhig nochmals… ich war gestern leider den ganzen Tag unterwegs… :slight_smile:

@djtak --> In dem Beispiel wird nur noch dein/das Icon/Grafik angezeigt und kein Button mehr…

Anpassen Muss man damit die Sache läuft:

Voraussetzungen

  • Gemäss der Anleitung/Beitrag von paresy die Grundlagen für den Floorplan installieren/aktivieren (Ganz einfache Sache)
  • In dem so neu erstellten Webfrontverzeichnis (im Beispiel von paresy rpc) ein neues Verzeichnis mit dem Namen „img“ erstellen und dort zwei Bilder reinkopieren mit dem Namen Glühbirne Aus_64.png und Glühbirne_64.png
  • Entweder die html-Seite von paresy mit floorplan.html mit dem Inhalt unten anpassen oder eine neue html seite erstellen und den Inhalt mit dem unten ersetzen

Anpassungen im Script

  • Im Script unten müsst ihr meine ID: 38473 durch die ID eurer Statusvariable der anzuzeigenden Lampe austauschen und zwar im GANZEN Script. Diese Statusvarialbe muss damit das Script unten 1:1 klappt eine Boolean sein(An, Aus - true, false) ich bin mir nicht sicher aber ich glaube Homematiclampen verwenden auch boolsche Statusvariablen etc.
  • WICHTIG worüber ich anfangs etwas stolperte… in dem Script unten fragt man diese Boolean nicht nach true oder false ab, sondern nach An oder Aus! Also dem Wert den man bei der Variable im Profil in der aktuellen Assoziation zuteilt!! Meine ID 38473 ist also eine Statusvariable vom Typ Boolean welche bei true „An“ und bei false „Aus“ gemäss dem Profil anzeigt. Es handelt sich dabei um das Standardprofil von Eaton/Möller Statusvariablen und ich glaube bei FS20 sowie Homematic ist das ebenfalls so. Ausser der Variablen ID muss also im Normalfall kaum was verändert werden
  • Die zwei Zeilen ips.MXC_SwitchMode(41291, false); und ips.MXC_SwitchMode(41291, true); welche den Schaltvorgang ausführen so anpassen das Sie zu den verwendeten Komponenten inklusive der ID passen. Bei Homematic wäre es zbsp. HM_WriteValueBoolean(30217 /Eure Komponenten-ID/, „STATE“, true); und HM_WriteValueBoolean(30217 /[HOMEMATIC\DRAUSSEN\Vorgarten\HM272GRVWATERVENTIL2SW]/, „STATE“, false);
  • Mehr dürfte es nicht sein. Also in den meisten Fällen die Voraussetzungen erfüllen und dann hier die StatusID im ganzen Script anpassen sowie den Schaltbefehl.
	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dijit/themes/tundra/tundra.css">
	<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js" data-dojo-config="isDebug: true, async: true, parseOnLoad: true"></script>
	<!-- <script src="../dojo-release-1.7.2-src/dojo/dojo.js" data-dojo-config="async: true"></script> -->
	<style type="text/css">
	 #ips .variable {
		position: absolute;
	 }
	 #ips .button {
		position: absolute;
	 }
	</style>
	<script>

		var ips = null;	
		require(["dijit/form/Button", "dijit/form/TextBox"]);
		require(["dojo/dom", "dojo/domReady!", "dojox/rpc/Service", "dojox/rpc/JsonRPC", "dojo/parser"], function(dom, ready) {	
			ips = new dojox.rpc.Service("ips.smd");

			//start variable reading loop
			readVariables();
		});
		
		function readVariables()
		{
			require(["dojo/query"], function(query) {
				query(".variable").forEach(function(node, index, arr){
					ips.GetValueFormatted(parseInt(node.getAttribute("ips-variable-id"))).then(
						function(data)
						{
							label = node.getAttribute("ips-variable-label");
							if(label != null)
							{
if(data != "An" && node.getAttribute("ips-variable-id") == 38473)
	dojo.byId("LAEGBL").innerHTML = "<img src='../img/Glühbirne Aus_64.png' width='20' height='20' alt='Lampe Badezimmer Ein'>";
else if(data == "An" && node.getAttribute("ips-variable-id") == 38473)
	dojo.byId("LAEGBL").innerHTML = "<img src='../img/Glühbirne_64.png' width='20' height='20' alt='Lampe Badezimmer Aus'>";

							}
							else	
								node.innerHTML = "";


						}
					);
				});
			});	
			window.setTimeout(readVariables, 10000);
		}
	</script>	
</head>
<body class="tundra" style="width: 1000px; height: 700px; background-image: url(floorplan.jpg); background-repeat: no-repeat;">
	<div id="ips" style="vertical-align:middle;">
		<h2>IP-Symcon<br/>Floorplan<br/>Demo</h2>

<button id="LAEGBL" data-dojo-type="dijit.form.Button" style="top: 400px; left: 410px;" class="button">
			<script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt">
ips.GetValueBoolean(38473).then(
	function(data){
		if(data==true)
			ips.MXC_SwitchMode(41291, false);
		else
			ips.MXC_SwitchMode(41291, true);
	},
	function(err){
		alert(err);
	}
);
			</script>
		
		</button>
<div ips-variable-id="38473" ips-variable-label="Lampe Badezimmer: " style="top: 105px; left: 400px;" class="variable"></div>
	</div>	
</body>
</html>

Hallo bbernhard

Aha… naja also wenn du der Anspruchsvolle bist gibt es doch für deine Mädels gar keine Kritikpunkte mehr an deinen Lösungen… :-))) Kannst du mir die PN nochmals senden? Leider war meine Box hier voll und deswegen kam die PN nicht an. Leider lässt sich die Tasker-Sache bei iOS verwenden :frowning: (Ausser dann nach einem Jailbreak und auch nicht wirklich stabil) Wenn die Android geschichte mit einer guten HW bei dir mal läuft wäre ich interessiert. Schade finde ich etwas, dass man inkl IPS für Android nochmals kaufen muss… deswegen schrecke ich da noch etwas zurück. Das zweite ist genau die Bildqualität vom iPad… gute Auflösung, präziser Touch… bei den vorher besprochenen Punkten und wenn du Anspruchsvoll bist musst du mit Android schon ein sehr gutes Enddevice haben… Ich hatte mal den Odys probiert… ja der wurde super schnell wieder verkauft :slight_smile: (Ist aber auch eine gaaaaanz andere Preiskategorie als das iPad und es gibt sicher noch viel besseres)

Das alles andauernd neu lädt, bzw. nur in x sek Rythmus upgedated wird geht aber gar nicht.
Wenn dann muß das schon dynamisch und performant funktionieren.

  • Na ja, es soll ja ein langer und strenger Winter kommen da haben wir genug Zeit zum basteln.

Also kurz das Statement von Paresy bereits im Initialthread:

PS: Einen super einfach zu bedienenden Rückkanal für Änderungen gibt es leider noch nicht. Ihr müsst also zur Zeit für Änderungen alle paar Sekunden pollen.

—> Also es scheint einen - aber sehr komplizierten Weg zu geben für einen direkten Rückkanal… soweit bin ich eindeutig nicht. Da könnte eher wenn dann noch paresy mal helfen oder ein andere Forumsteilnehmer den Namen weiss ich gerade nicht aber er war der Integrator der JSON-Schnittstelle bei IPS.

WICHTIG, mich stört das Nachladen nicht weil du es wirklich nie bemerkst. Im Normalfall kann man den Refresh locker bei 10 sekunden oder weniger belassen. Wenig fliessend ist es nur wenn du viele Variablen/Datenpunkte hast die angezeigt werden (>30) oder wenn du eine langsame Verbindung zum IPS-Server hast (VPN, Remote). Bei LAN und WLAN sieht man den Update auch bei vielen Variablen fast gar nicht. WICHTIG ist hier aber auch wieder, dass zbsp die Icons die man verwendet klein und gut formatiert sind! JOP und nicht zuletzt, wenn du im Floorplan schaltest… und wenn dieser gut ist schaltest du ja fast nur noch dort… dann wird der Status sofort angepasst ohne Verzögerung. Die max. 5-10 Sekunden kann es dauern wenn du die Lampe mit dem Schalter einschaltest bis diese auf dem Floorplan angeht… viellcith findest du ja mit JSON noch was schnelleres wie zbsp den Rückkanal…:slight_smile:

Ich bin immer an Preis/Leistung interessiert. Da ist für mich zzt. das Odys Next eine gute Sache. Ob nun 2400€ oder 400€ als Spielzeug an der Wand hängen macht zwingt halt zu Kompromissen.

Ich hab mir ehrlich gesagt deinen Code nicht angesehen sondern gleich eine eigene Implementierung gemacht.
Da hab ich in keiner Richtung irgend eine Verzögerung und muß auch nicht pollen.
Script ist kurz und überschaubar. (zugegeben, die Idee zum Grundprinzip ist nicht von mir sondern außm Forum geklaut).
Ich muß es nur noch ein bisl lesbarer schreiben und mit Kommentaren versehen, dann stell ichs mal zum testen hier ein.
Geht aber erst frühestens am Sonntag Abend, da wir übers Wochenende wegfahren.

Wäre interesannt wennst es für Performanceversuche mal mit deiner Hardware und Grafiken querchecken könntest.
Implementierung ist leicht, und für Versuche braucht man ja keine exakte Positionierung der Icons.

Wie schnell der Bildschrim dann aufgebaut wird hängt doch nur von der Rendergeschwindigkeit des Client und der Cachstrategie des Browseres ab. Oder nicht ?
Über eine langsame GSM Verbindung ist das WF sowiso nicht zu gebrauchen, das ist die einzige Situation wo ich die IPS App nehme.

Das wegen der Solarthermie PN ist blöd. Scheinbar ist die irgendwo im Nirvana gelandet. Hab da eine halbe Stunde getippt und jetzt ist sie weg. In meinem Postausgang ist nämlich auch nix.

gruß
bb

@Swissboy
Vielen Dank für Deine Hilfe - jetzt hat’s auch gefunkt. Mit der Visu und bei mir im Hirnskasten ;-))

Wenn ich einen ersten Wurf zum laufen bekomme, kann ich die Tage meine Erfolge mal zeigen aber erwartet nicht zu viel…

Viele Grüße
Boris

Hallo bbernhard

Das mit der PN ist aber wirklich sch****e :frowning: Hab nochmals geprüft die Nachricht wurde mir auch nachträglich nicht mehr zugeschickt nachdem ich den Posteingang mal etwas aufräumen musste… :-() Die Solargeschichte ist schon interessant, man muss aber wissen was und wie… vor allem gibt es da eine Frage, wenn man das Richtige hat und es tatsächlich Geld spart - läuft es ohne grösseres Zutun und manuelles eingreifen/Korrekturen? Und wenn es doch mal Korrekturen braucht, gibt es einen Bypass so dass ich emergency reparieren muss und die ganze Sache doch noch Gewinn abwirft. Ich Frage so, weil meine ganze Automatisationen in meinem Haus zig-hundert Kilometer von meinem Standort entfernt ablaufen und ich nur einmal in 2-3 Wochen direkt vor Ort etwas reparieren kann. Die arme Frau/Kinder kann ich da natürlich nicht so lange ohne warmes Wasser im Whirlpool und dergleichen sitzen lassen. :slight_smile:

Na dann scheint die Odys Next was herzugeben, hab ich hier öfters schon mal gelesen. Das schau ich mir mal an. War von meinem Odys dazumals total enttäuscht. War aber vor etwa 2-3 Jahren.

Wie schnell der Bildschrim dann aufgebaut wird hängt doch nur von der Rendergeschwindigkeit des Client und der Cachstrategie des Browseres ab. Oder nicht ?
Über eine langsame GSM Verbindung ist das WF sowiso nicht zu gebrauchen, das ist die einzige Situation wo ich die IPS App nehme.

Naja denke schon nicht nur, weil ich lade ja vom Webserver ein Image wenn sich der Zustand verändert. Dieser Ladevorgang alleine kann dauern, wobei natürlich bei LAN da müssen wir nicht drüber sprechen… :slight_smile: So oder So macht es Sinn Gif/PNG zu nehmen und nicht 3Mb BMP’s… oder grössere 3D Symbole die ich auch schon mal gesehen hatte… das meinte ich damit. Ich habe den iPad per WLAN angehängt… LAN hat der nicht und tests mit farbigen grösseren Icons gaben visuell nicht viel her genau wegen der Ladedauer. Der Client selbst und die Grafikkarte sind natürlich auch noch ein Thema… beim iPad mach ich mir da aber kaum Sorgen das hier der Flaschenhals sein könnte…

Ich muß es nur noch ein bisl lesbarer schreiben und mit Kommentaren versehen, dann stell ichs mal zum testen hier ein.
Geht aber erst frühestens am Sonntag Abend, da wir übers Wochenende wegfahren.

Da bin ich aber total gespannt!! Eine Lösung ohne pollen ist natürlich der Traum und ich kann mir vorstellen, dass ich meine Performanceprobleme „>30 Datenpunkte“ damit ganz loswerde und gar nicht erst anfangen muss zu überlegen wie ich die beheben kann.

Aber ganz klar… die Technik dahinter ist das eine. Die Darstellung, das Platzieren der Elemente und die Bedienung machen aktuell die Liebe meiner Frau und der Besucher zum Frontplan aus… :slight_smile: -> und da hast du absolut Recht… mit viel Fleiss und Freude erstellt man ein Alarmsystem für die Abwasserpumpe die Probleme meldet. Warum zum Teufel darf ich auf meinem Floorplan über dem Gulli draussen nicht mit einem Symbol anzeigen das ich auch das Ding kontrollieren kann… :slight_smile: Tja Leute… da müssen wir einfach bleiben… Hiermit hatte ich aber auch letztens ein kleines Problemchen. Blendet man solche Symbole total aus und zeigt sie nur im Fehlerfall an, kann es passieren das die anderen zu Hause nicht wissen (und auch nicht wissen können) was das eigentlich bedeutet. Da an dem Ort ja nie ein Symbol war…
Bei mir gab letzte Woche der Wassermelder in der Garage unter dem Wasserhahn an… im Floorplan ein Wassertropfen mit rotem Rahmen. Ich erhalte hierbei auch eine SMS und ging dem Problem gleich nach. Am nächsten Tag fragte ich meine Frau ob Sie den nichts spezielles im Floorplan gesehen hätte… sagt sie doch! Aber hab das symbol noch nie gesehen wusste nicht um was es geht. >>Fazit… für Dinge die Wichtig sind und vom Benutzer zu beheben sind mache ich eine kleine Legende… nicht anzeigen und erfassen tu ich zbsp wenn mein Eaton Gateway down ist… das ist zwar schrecklich… aber hier kann von den anderen Usern sowieso niemand helfen und es verwirrt nur. In einem weiteren Schritt wäre es aber sinnvoll, alle Komponenten die nach dem GatewayAusfall nicht mehr geschaltet werden können auszublenden. Ach… die Arbeit hört nie auf…

Hey kalastaja das freut mich sehr! Super hoff es klappt so bei allen! Und natürlich würde mich freuen wenn du dann hier mal zeigst was damit nun bei dir läuft! Jeder Beitrag ist viel Wert und zudem wie erwähnt… die technische Umsetzung ist eigentlich an zweiter Stelle… am wichtigsten ist was, wie und warum du etwas im floorplan darstellst. Das Ding so einfach oder besser transparent wie möglich zu gestalten. Wenn du also gute Ideen hast oder etwas realisierst was jemand bei dir zu Hause cool/hilfreich findet ist das ein Erfolg für dich und uns hier würde es auch interessieren… :slight_smile: Oder verwendest nur du deine Hausautomatisation?