CloudMatic V1.0. Inhalt

Transkript

1 CloudMatic V1.0 Inhalt Einleitung... 2 CCUs hinzufügen... 3 meine-homematic.de... 4 Eigenes VPN... 4 View Editor... 5 Übersicht... 5 Allgemeine Einstellungen... 6 Kanäle hinzufügen... 6 Spezielle Kanäle... 8 Kanaleigenschaften... 8 Reihenfolge verändern Speichern / Abbrechen / Löschen Eigene Grafiken View Anzeige View Umschaltung Aktualisierung Anpassung an verschiedene Displaygrößen Beispiele Weitere Optionen Stil Aktualisierungsfrequenz FAQ Seite 1

2 Einleitung CloudMatic ist eine browserbasierte Benutzeroberfläche für HomeMatic. Die wichtigsten Features: Eine webbasierte Oberfläche für alle Endgeräte (SmartPhone, Tablet, Computer). Bedienbar über VPN von intern und extern. Keine Definition von Favoriten auf der HomeMatic mehr notwendig, dies wird in CloudMatic über Views definiert. Die Views werden serverseitig gespeichert, damit auf allen Endgeräten sofort verfügbar. Mehrere CCUs werden unterstützt, auch innerhalb einer View. Zusätzliche Anzeigeparameter für Standardgeräte, z.b. Texte für an/aus von Schaltern. Besondere View Elemente wie z.b. WebCams und Textelemente zur Strukturierung. Seite 2

3 CCUs hinzufügen Mit CloudMatic können eine oder mehrere CCUs verwaltet werden. In einer View können auch mehrere CCU Kanäle gleichzeitig angezeigt werden. Um Views anlegen zu können muss zuerst mindestens eine CCU zugeordnet werden. Dazu den Einstellungen Knopf rechts oben in der Titelleiste drücken: Dann CCU Zentralen verwalten : In der Übersicht sehen Sie alle bereits vorhandenen CCUs. Durch Klick auf eine CCU kann diese verändert werden, durch Klick auf CCU hinzufügen kann eine weitere CCU erstellt werden: Die CCU kann entweder über einen meine-homematic.de Account oder ein selber eingerichtetes VPN erreicht werden. Seite 3

4 meine-homematic.de Hier tragen Sie einen Beschreibungstext für die Anzeige sowie Ihre CCU ID, Nutzername und Passwort von meine-homematic.de ein. Nach dem Hinzufügen erscheint die neue CCU in der Liste: Eigenes VPN Hier tragen Sie einen Beschreibungstext für die Anzeige sowie Ihre IP oder Hostname unter dem Ihre CCU erreichbar ist ein: Seite 4

5 View Editor Views sind das, was man von HomeMatic als Favoriten kennt. Darin kann man sich Datenpunkte zusammenstellen. Beim ersten Start sind noch keine Views definiert und müssen deswegen im View Editor erst erstellt werden. Von der Hauptseite aus erreichen Sie den View Editor über den Einstellungen Knopf rechts oben in der Titelleiste: Dann Views verwalten : Übersicht In der Übersicht können Sie nun neue Views anlegen oder wenn bereits welche vorhanden sind diese verändern. Durch Klick auf Neue View erstellen wird eine neue View angelegt, durch Klick auf eine vorhandene View wird diese bearbeitet: Seite 5

6 Allgemeine Einstellungen In der View können nun im oberen Bereich die Basisinformationen eingetragen werden Anzeigename der View, Auswahl einer Vorschaugrafik und Art der Anordnung (Liste oder Kacheln). Bei einer Liste werden die Datenpunkte in der Anzeige alle untereinander angezeigt, während bei der Kachelansicht je nach Breite des Displays die Datenpunkte auf mehrere Spalten verteilt werden. Siehe dazu auch weiter unten im Kapitel über Views. Wenn keine Grafik ausgewählt wird, zeigt CloudMatic eine Standardgrafik an: Kanäle hinzufügen Im unteren Bereich werden die bereits für diese View verfügbaren Kanäle angezeigt. Um neue hinzuzufügen, müssen Sie den Hinzufügen Knopf drücken: Seite 6

7 Hier kann nun oben die CCU ausgewählt werden. Im unteren Bereich werden dann alle auf dieser CCU verfügbaren Geräte angezeigt. Durch Klick auf ein Gerät wird dieses der View hinzugefügt. Dies wird dadurch signalisiert, dass das Gerät transparent dargestellt wird: Über den Kanaltyp können auch Virtuelle Tasten, Systemvariablen, Programme und Spezielle Kanäle ausgewählt werden: Die Geräte können auch einfach gefiltert dargestellt werden, indem man den Suchtext in das Daten filtern Eingabefeld eingibt: Seite 7

8 Spezielle Kanäle Die speziellen Kanäle sind nur in CloudMatic vorhandene Datenpunkte: Hier ausgewählte Kanäle werden nicht ausgegraut, weil diese mehrfach zu einer View hinzugefügt werden können. CCU Datenpunkte können nur einmal innerhalb einer View vorkommen. IFrame: Die URL einer Webseite kann angegeben werden, welche dann in einem IFrame angezeigt wird. Z.B. eine WebCam oder eine Wetterseite. DIV: Der HTML Code eines DIVs kann hier eingegeben werden. Wichtig: DIVs mit integrierten Scripten funktionieren nicht. Grafik: Die URL einer Grafik kann angegeben werden. Es kann auch konfiguriert werden, dass die Grafik aktualisiert, also immer wieder neu geladen wird. Interessant für WebCams. WebCam: Die URL einer Webcam und der Steuerelemente für Motorsteuerung können eingstellt werden. Textelement: Dient zur logischen Unterteilung von Views. Kanaleigenschaften Nachdem Zurück ausgewählt wurde sieht man die für diese View ausgewählten Datenpunkte in der Übersicht: Seite 8

9 Jeder dieser Datenpunkte kann nun aufgeklappt werden und konfiguriert. Jeder Datenpunkt besitzt dazu einen Namen (anfangs der Name von der CCU) und eine Beschreibung sowie einen Löschen Knopf. Der große Vorteil hierbei ist, dass der selbe Datenpunkte in unterschiedlichen Views unterschiedliche Namen haben kann: Manche Geräte besitzen auch erweiterte Eigenschaften, z.b. der Heizungsregler kann Temperaturfavoriten definieren (Kommagetrennt) und/oder auch per Schieberegler bedient werden: Oder für Schalter kann der angezeigte Text für An/Aus definiert werden: Seite 9

10 Reihenfolge verändern Die Reihenfolge der Datenpunkte innerhalb einer View kann einfach durch Ziehen eines Datenpunktes erfolgen. Dazu muss der Datenpunkt an dem dafür vorgesehenen Icon gezogen werden: Speichern / Abbrechen / Löschen Im oberen Bereich kann die View gespeichert oder gelöscht werden. In beiden Fällen kehrt das Programm zur Viewübersicht zurück. Man kann die Bearbeitung auch mit dem Knopf links oben abbrechen: Seite 10

11 Eigene Grafiken Für die Voransichten von Views können eigene Grafiken hochgeladen werden. Diese sollten 160x160 Pixel groß und im PNG Format vorliegen. Der Menupunkt befindet sich in den Einstellungen: Hier befindet sich ein Dialog zum Hochladen, Vorlagen in den den CloudMatic Styles zum Download sowie eine Übersicht der bereits hochgeladenen Grafiken: Seite 11

12 View Anzeige CloudMatic startet auf der Basisadresse (<Nummer>.cloud-matic.net) mit der Übersicht aller Ihrer definierten Views: Wird dort eine View angewählt, werden die Elemente angezeigt, dies sieht z.b. als Kacheln so aus: Manche Datenpunkte dienen nur zur Anzeige, andere besitzen Bedienelemente. Diese können direkt in der Anzeige verändert werden. Die Änderung wird sofort an die CCU gesendet. View Umschaltung Die Umschaltung auf andere Views kann in der Übersicht, aber auch durch Drücken des Knopfes in der Titelleiste oder auf Touchgeräten durch ein waagrechtes Wischen mit dem Finger von links nach rechts erreicht werden. Seite 12

13 Views können als Bookmark im Browser angelegt werden. Dazu auf die View wechseln und eine Bookmark setzen. Beim Aufruf kehrt der Browser in genau diese View zurück. Aktualisierung Die Inhalte der Views werden automatisch aktualisiert. Der Zeitraum kann in den Optionen eingestellt werden. Das Aktualisieren kann rechts oben auf dem Knopf auch manuell ausgelöst werden. Während einer Aktualisierung wird der Knopf animiert dargestellt. Datum und Uhrzeit der letzten erfolgreichen Aktualisierung befindet sich in der Titelleiste: Jeder Datenpunkt zeigt auch an, wann dieser zuletzt verändert wurde, dies ist aber die letzte Änderung auf der CCU. Also z.b. im Screenshot oben wurde der Dimmer zuletzt vor 2 Minuten bedient. Anpassung an verschiedene Displaygrößen CloudMatic passt sich automatisch an verschiedene Displaygrößen an, indem die Anzahl der Kacheln reduziert und die Fonts und Grafikgrößen verändert werden. Z.B. die Ansicht von oben auf dem SmartPhone: Seite 13

14 Beispiele Textelemente können zur Unterteilung von Ansichten verwendet werden: Webcams über das Grafikelement definiert mit automatischem Update: Weitere Optionen Stil In den Optionen kann der Stil gewählt werden: Dies öffnet ein Auswahlfenster: Seite 14

15 Diese Auswahl wird im Browser gespeichert, kann also für jedes Gerät unterschiedlich gewählt werden. Beispiele: Light Blue: Seite 15

16 White: Dark: Seite 16

17 Aktualisierungsfrequenz In den Optionen kann die Aktualisierungsfrequenz verändert werden: Diese bestimmt, wie häufig die Daten von der CCU in den Browser aktualisiert werden: Diese Auswahl wird im Browser gespeichert, kann also für jedes Gerät unterschiedlich gewählt werden. Seite 17

18 FAQ HomeScreen WebApp auf ios: Sie werden aktuell bei jedem Wechseln in die App nach dem Passwort gefragt. Dies wird mit einem neuen Loginsystem behoben werden. Es sind noch ein paar Geräte nicht implementiert (Z.B. WinMatic, Gong, Füllstandsensor). Für diese werden nur alle vorhandenen Werte aufgelistet. Die Geräte werden mit den nächsten Versionen implementiert. Variablen können mit der Version 1.0 noch nicht bedient werden. Browsercache Löschen kann auch Einstellungen zum Stil und der Aktualisierungsfrequenz löschen, da diese im Browser gespeichert werden. Damit kann man an verschiedenen Endgeräten verschiedenen Stile und Aktualisierungsfrequenzen einstellen. Mit einer kurzen, horizontalen Wischgeste kann man auf einer View die Viewübersicht einblenden. Wichtig ist, dass die Geste waagrecht und nicht zu lang ist, da sonst nicht gut waagrecht erkannt werden kann. Beispiele für Seiten mit Icons, die für privaten Gebrauch frei sind: Seite 18