CUBEVISION 2 Dokumentation - BAB-Technologie

Die Seite wird erstellt Günter Schlegel
 
WEITER LESEN
CUBEVISION 2 Dokumentation - BAB-Technologie
BAB TECHNOLOGIE GmbH

CUBEVISION 2
Dokumentation
Für CUBEVISIONMODULE / EIBPORT V3/ FACILITYMASTER

      Anleitungsversion VII
      Stand 07/2020
      Datum: 13. Juli 2020

      DE
CUBEVISION 2 Dokumentation - BAB-Technologie
Inhaltsverzeichnis        CUBEVISION 2 Dokumentation

                           BAB TECHNOLOGIE GmbH

                           Hörder Burgstr. 18
                           44263 DORTMUND

                           info@bab-tec.de

                           Tel.: +49 (0) 231 – 476 425 - 30
                           Fax.: +49 (0) 231 – 476 425 - 59
                           www.bab-tec.de

2   BAB TECHNOLOGIE GmbH      CUBEVISION 2 Dokumentation
CUBEVISION 2 Dokumentation - BAB-Technologie
CUBEVISION 2 Dokumentation                                                                             Inhaltsverzeichnis

INHALTSVERZEICHNIS
1       Einführung ....................................................................................................................................... 7
                CUBEVISION 2 Alleinstehend ........................................................................................................ 7
                CUBEVISION eingebettet in CONTROL L ...................................................................................... 9
                CUBEVISION APP............................................................................................................................ 9
2       Die CUBEVISION 2 Visualisierung ................................................................................................... 10
    2.1         Nutzung der CUBEVISION 2 im Browser ................................................................................... 10
                Die CUBEVISION Visualisierung mit dem BAB STARTER aufrufen .............................................. 10
    2.2         Dartstellung konfigurieren......................................................................................................... 12
    2.3         Nutzung in der CUBEVISION APP ............................................................................................... 13
                Projektgrößen-Limitierung auf mobilen Geräten ...................................................................... 15
3       Navigation der CUBEVISION 2........................................................................................................ 16
    3.1     CUBEVISION 2 in der Tablet-Darstellung ................................................................................... 16
       3.1.1 Quick Navigation ................................................................................................................... 17
       3.1.2 Quick Floor Navigation.......................................................................................................... 19
            Konfiguration der Etagenbezeichnung ..................................................................................... 19
    3.2     Instant Control Panel [ICP] ......................................................................................................... 20
    3.3     Extended Control Panel [ECP] .................................................................................................... 21
    3.4     Extended Element View [EEV] .................................................................................................... 22
    3.5     Central View............................................................................................................................... 23
    3.6     CUBEVISION in der Phone-Darstellung ...................................................................................... 25
       3.6.1 Navigation ............................................................................................................................. 25
    3.7     Favoriten Funktion ..................................................................................................................... 27
    3.8     Spaltenumbruch ........................................................................................................................ 28
4       CUBEVISION Editor ......................................................................................................................... 29
    4.1     CUBEVISION Editor im EIBPORT / FACILITY MASTER direkt aufrufen ......................................... 29
    4.2     CUBEVISION Editor im Visualisierungselement öffnen.............................................................. 29
       4.2.1 Hinweise zur Platzierung des CUBEVISION Visualisierungselementes in CONTROL L ......... 30
            Platzierung des Elementes ........................................................................................................ 30
            Element GRÖSSE ........................................................................................................................ 31
    4.3     CUBEVISION konfigurieren ......................................................................................................... 31
       4.3.1 Gebäude ................................................................................................................................ 32
       4.3.2 Ebene ..................................................................................................................................... 33
       4.3.3 Raum ...................................................................................................................................... 34
            Anordnung der Bedienelemente ............................................................................................... 35
5       Benutzerverwaltung für CUBEVISION ............................................................................................. 36
6       Detailierte Erklärung zu den einzelnen Bedienelementen ............................................................. 37
    6.1     Standard Optionen für alle Elemente ....................................................................................... 37
    6.2     Liste der Verfügbaren Elemente ................................................................................................ 38
       6.2.1 Spaltenumbruch .................................................................................................................... 39
       6.2.2 Schalter/Dimmer................................................................................................................... 40
       6.2.3 Taster ..................................................................................................................................... 42
       6.2.4 Temperatur/RTR .................................................................................................................... 44
       6.2.5 Jalousie .................................................................................................................................. 47
       6.2.6 Fensterkontakt ....................................................................................................................... 49
       6.2.7 RGB Steuerung ...................................................................................................................... 51
            RGB Steuerung in der Phone-Darstellung ................................................................................. 53
       6.2.8 Kamera................................................................................................................................... 55
            Kamera Steuerung in der Phone-Darstellung ............................................................................ 57
       6.2.9 Multimedia ............................................................................................................................ 58
            Manuelle Konfiguration ............................................................................................................. 59
            UPnP (Sonos) .............................................................................................................................. 60
            Squeezebox Controller .............................................................................................................. 60

CUBEVISION 2 Dokumentation                                                                 BAB TECHNOLOGIE GmbH                      3
CUBEVISION 2 Dokumentation - BAB-Technologie
CUBEVISION 2 Dokumentation

           Multimedia Steuerung in der Phone-Darstellung...................................................................... 61
      6.2.10    Wetter (lokal KNX) ............................................................................................................. 63
      6.2.11    Wetter (Internet) ............................................................................................................... 65
           Wetter (Internet) in der Phone-Darstellung .............................................................................. 66
      6.2.12    Werte / Diagramme ......................................................................................................... 68
           Langzeitaufzeichnung in der Visualisierung sichern ................................................................. 75
           Werte/Diagramme in der Phone-Darstellung ........................................................................... 75
      6.2.13    Textanzeige ...................................................................................................................... 77
      6.2.14    Gruppenschalter / Szenen ............................................................................................... 78
      6.2.15    Logik Editor Plugin ............................................................................................................ 80
           Verhalten in der CUBEVISION .................................................................................................... 80
7     SMART FUNCTION CREATOR ...................................................................................................... 83
              SZENEN UND SMARTHOME-FUNKTIONEN DIREKT IN DER VISUALISIERUNG ERSTELLEN. ........... 83
              DROP ZONE ................................................................................................................................ 84
              SZENEN ÜBERSICHT .................................................................................................................... 85
              SZENEN AUSLÖSER ..................................................................................................................... 87
              AUSLÖSER-TYPEN ........................................................................................................................ 87
8     Launchpad ..................................................................................................................................... 90
9     Anhang .......................................................................................................................................... 92
    9.1       Icons für Bedienelemente ......................................................................................................... 92

                  4     BAB TECHNOLOGIE GmbH                                                                 CUBEVISION 2 Dokumentation
CUBEVISION 2 Dokumentation - BAB-Technologie
CUBEVISION 2 Dokumentation                                                                               Abbildungsverzeichnis

ABBILDUNGSVERZEICHNIS
Abbildung 1: CUBEVISION 2 Projektauswahl....................................................................................................................7
Abbildung 2: CUBEVISION 2 Projektauswahl – Einstellungen ..........................................................................................7
Abbildung 3: CUBEVISION 2 Visualisierungselement eingebettet in CONTROL L ...........................................................9
Abbildung 4: CUBEVISION 2 APP Icon ..............................................................................................................................9
Abbildung 5: Tablet Darstellung ................................................................................................................................... 10
Abbildung 6: Phone Darstel-lung .................................................................................................................................. 10
Abbildung 7: Phone Darstel-lung Raumnaviga-tion ...................................................................................................... 10
Abbildung 8: Aufrufen der CUBEVISION 2 im Browser ................................................................................................. 10
Abbildung 9: CUBEVISION Darstellungseinstellungen .................................................................................................. 12
Abbildung 10: CUBEVISION 2 APP Icon ......................................................................................................................... 13
Abbildung 11: CUBEVISION 2 APP Startscreen ............................................................................................................. 13
Abbildung 12: CUBEVISION 2 APP Serverauswahl......................................................................................................... 14
Abbildung 13: CUBEVISION 2 APP Server hinzufügen .................................................................................................. 14
Abbildung 14: CUBEVISION 2 APP Projekt (Gebäude) -auswahl ................................................................................... 15
Abbildung 15: Horizontale Fingerbewegung um den Raum zu wechseln .................................................................. 16
Abbildung 16: Vertikale Fingerbewegung um Ebenen zu wechseln ........................................................................... 17
Abbildung 17: Öffnen der Quick Navigation ................................................................................................................ 17
Abbildung 18: Ansicht "Quick Navigation" .................................................................................................................. 18
Abbildung 19: CUBEVISION mit Quick Floor Navigation .............................................................................................. 19
Abbildung 20: CUBEVISION Editor – Etagenbezeichnung für Quick Floor Navigation ................................................ 19
Abbildung 21: Instant Control Panel (rechts zu sehen) ................................................................................................ 20
Abbildung 22: Extended Control Panel öffnen. Klick auf "mehr..." ............................................................................. 21
Abbildung 23: Extended Control Panel öffnen. Klick auf "mehr..." ............................................................................. 21
Abbildung 24: Beispiel Internet Wetter ........................................................................................................................ 22
Abbildung 25: Beispiel „Internet Wetter“ in der Extended Element View ................................................................... 22
Abbildung 26: Kategorie einfügen ................................................................................................................................ 23
Abbildung 27: Central View .......................................................................................................................................... 23
Abbildung 28: Visualisierung Central View ................................................................................................................... 24
Abbildung 29: Raumnavigation öffnen ......................................................................................................................... 25
Abbildung 30: Raumnavigation .................................................................................................................................... 25
Abbildung 31: Horizontal Sliden ................................................................................................................................... 26
Abbildung 32: Vertikal Sliden ........................................................................................................................................ 26
Abbildung 33: Tippen.................................................................................................................................................... 26
Abbildung 34: Favoriten ................................................................................................................................................ 27
Abbildung 35: Spaltenumbruch .................................................................................................................................... 28
Abbildung 36: CUBEVISION Editor direkt aufrufen ....................................................................................................... 29
Abbildung 37: EIBPORT Visualisierungseditor mit dem CUBEVISION Element ............................................................. 30
Abbildung 38:CUBEVISION Editor ................................................................................................................................. 31
Abbildung 39: Konfigurationsfenster Gebäude ............................................................................................................ 32
Abbildung 40: Konfigurationsfenster Ebene ................................................................................................................. 33
Abbildung 41: Konfigurationsfenster Raum .................................................................................................................. 34
Abbildung 42: Bedienelemente .................................................................................................................................... 35
Abbildung 43: Benutzerverwaltung .............................................................................................................................. 36
Abbildung 44: Benutzerverwaltung .............................................................................................................................. 36
Abbildung 45: Benutzerverwaltung .............................................................................................................................. 36
Abbildung 46: Spalten Element im CUBEVISION Konfiguration Fenster....................................................................... 39
Abbildung 47: Extended Control Panel [ECP] ............................................................................................................... 39
Abbildung 48: Element Schalter/Dimmer .................................................................................................................... 40
Abbildung 49: Konfigurationsfenster Schalten/Dimmen ............................................................................................. 41
Abbildung 50: Konfigurationsfenster Schalten/Dimmen ............................................................................................. 42
Abbildung 51: Konfigurationsfenster Taster ................................................................................................................. 43
Abbildung 52: Element RTR/Temperatur...................................................................................................................... 44
Abbildung 53: Element Temperatur ............................................................................................................................. 44
Abbildung 54: Element RTR .......................................................................................................................................... 44
Abbildung 55: Konfigurationsfenster RTR/Temperatur ................................................................................................ 46
Abbildung 56: Element Jalousie touch & slide.............................................................................................................. 47
Abbildung 57: Element Jalousie Standard .................................................................................................................... 47
Abbildung 58: Konfigurationsfenster Jalousie............................................................................................................... 48
Abbildung 59: Element "Fensterkontakt" ..................................................................................................................... 49
Abbildung 60: Konfiguration Fensterkontakt ................................................................................................................ 50
Abbildung 61: Element RGB Steuerung ........................................................................................................................ 51
Abbildung 62: RGB Steuerung Extended Element View ............................................................................................... 52
Abbildung 63: Konfigurationsfenster RGB Steuerung ................................................................................................... 53
Abbildung 64: RGB Element Phone Darstellung - EEV Ansicht 1 .................................................................................. 53

CUBEVISION 2 Dokumentation                                                                         BAB TECHNOLOGIE GmbH                           5
CUBEVISION 2 Dokumentation - BAB-Technologie
Abbildungsverzeichnis                                                                      CUBEVISION 2 Dokumentation

Abbildung 65: RGB Element Phone Darstellung - EEV Ansicht 2 .................................................................................. 54
Abbildung 66: RGB Element Phone Darstellung - weitere Elemente ........................................................................... 54
Abbildung 67: Element Kamera .................................................................................................................................... 55
Abbildung 68: Erweiterte Element Ansicht Kamera ..................................................................................................... 55
Abbildung 69: Konfigurationsfenster Kamera ............................................................................................................... 57
Abbildung 70: Kamera Steuerung Phone Darstellung - EEV. ........................................................................................ 57
Abbildung 71: Element Multimedia .............................................................................................................................. 58
Abbildung 72: Erweiterte Element Ansicht Multimedia Element ................................................................................. 58
Abbildung 73: Playlisten Element ................................................................................................................................. 58
Abbildung 74: Konfigurationsfenster Multimedia für manuelle Konfiguration ............................................................ 59
Abbildung 75: Multimedia Element - UPnP Konfiguration ............................................................................................ 60
Abbildung 76: Multimedia Element - Squeezebox Controller Konfiguration ............................................................... 60
Abbildung 77: Multimedia EEV in der Phone Darstellung ............................................................................................ 61
Abbildung 78: Zweite Ebene Multimedia EEV in der Phone Darstellung ..................................................................... 61
Abbildung 79: Zweite Ebene Multimedia EEV in der Phone Darstellung ..................................................................... 62
Abbildung 80: Element Wetter (Lokal KNX) .................................................................................................................. 63
Abbildung 81: Konfigurationfenster Wetter (lokal KNX) ............................................................................................... 64
Abbildung 82: Konfiguration für Messwert ................................................................................................................... 64
Abbildung 83: Element Wetter (Internet) ..................................................................................................................... 65
Abbildung 84: Erweiterte Element Ansicht (Internet)................................................................................................... 65
Abbildung 85: Konfigurationsfenster Wetter (Internet) ................................................................................................ 66
Abbildung 86: Trefferliste Auswahlfenster für die Städte Suche .................................................................................. 66
Abbildung 87: Wetter (Internet) ................................................................................................................................... 66
Abbildung 88: Wetter (Internet) EEV ............................................................................................................................ 67
Abbildung 89: Liste Wetter- (Internet) Bedienelemente .............................................................................................. 67
Abbildung 90: Element Werte/Diagramme ................................................................................................................. 68
Abbildung 91: Erweiterte Ansicht Element Werte/Diagramm ..................................................................................... 68
Abbildung 92: Diagramm Bereich vergrößert .............................................................................................................. 69
Abbildung 93: Zoom Bereich im Diagramm ................................................................................................................. 69
Abbildung 94: Werte vergleichen ................................................................................................................................. 70
Abbildung 95: Diagramme mit unterschiedlichen Einheiten ....................................................................................... 70
Abbildung 96: Konfigurationsfenster Wert/Diagramm Element .................................................................................. 73
Abbildung 97: Konfigurationfenster Werte................................................................................................................... 73
Abbildung 98: Konfiguration Einheiten ........................................................................................................................ 74
Abbildung 99: Langzeitdaten ....................................................................................................................................... 74
Abbildung 100: Ansicht der Langzeitaufzeichnung ..................................................................................................... 75
Abbildung 101: Diagramme ......................................................................................................................................... 75
Abbildung 102: Liste aller Diagramme ......................................................................................................................... 76
Abbildung 103: Liste aller Diagramme ......................................................................................................................... 76
Abbildung 104: CUBEVISION Textanzeige .................................................................................................................... 77
Abbildung 105: Konfiguration des Elements Textanzeige ........................................................................................... 77
Abbildung 106: Texteingang hinzufügen ..................................................................................................................... 77
Abbildung 107: Element Gruppenschalter - Icons und langer Text ............................................................................. 78
Abbildung 108: Element Gruppenschalter - Icons und kurzer Text ............................................................................. 78
Abbildung 109: Element Gruppenschalter - nur Icons ................................................................................................. 78
Abbildung 110: Konfigurationsfenster "Gruppenschalter/Szene" .............................................................................. 79
Abbildung 111: Szenen Element Gruppenadresse hinzufügen.................................................................................... 79
Abbildung 112: LOGIK EDITOR Plugin - Darstellung in der Visualisierung .................................................................... 80
Abbildung 113: LOGIK EDITOR Plugin Konfiguration .................................................................................................... 80
Abbildung 114: LOGIK EDITOR Wochenuhr – Wochenübersicht ................................................................................. 81
Abbildung 115: LOGIK EDITOR Wochenuhr – Detailansicht ......................................................................................... 81
Abbildung 116: LOGIK EDITOR Wochenuhr – Schaltzeit setzen .................................................................................. 82
Abbildung 117: LOGIK EDITOR Wochenuhr – Sonderkalender konfigurieren .............................................................. 82
Abbildung 118: LOGIK EDITOR Plugin – Sollen Änderungen gespeichert werden....................................................... 82
Abbildung 119: LOGIK EDITOR Plugin – Speichern erfolgreich .................................................................................... 82
Abbildung 120: Smart Function Creator öffnen ........................................................................................................... 83
Abbildung 121: Drop Zone ........................................................................................................................................... 84
Abbildung 122: Szenen Übersicht ................................................................................................................................ 85
Abbildung 123: Szenen Trigger .................................................................................................................................... 87
Abbildung 124: Control Panel mit Szenen-Button ....................................................................................................... 89
Abbildung 125: Launchpad........................................................................................................................................... 90
Abbildung 126: Menü ................................................................................................................................................... 91
Abbildung 127: CUBEVISION Einstellungen .................................................................................................................. 91
Abbildung 128: Icons für Bedienelemente ................................................................................................................... 92

                      6      BAB TECHNOLOGIE GmbH                                                                       CUBEVISION 2 Dokumentation
CUBEVISION 2 Dokumentation - BAB-Technologie
CUBEVISION 2 Dokumentation                                                     Einführung

1              EINFÜHRUNG
CUBEVISION 2 ist eine webbasierte Visualisierung welche sich automatisch generiert. CUBEVISION 2 ist
in den Geräten EIBPORT, FACILITYMASTER und CUBEVISIONMODULE verfügbar. Im EIBPORT / FACILITY-
MASTER kann Sie entweder als Visualisierungselement in eine vorhandene CONTROL L Visualisierung
eingebettet werden, oder alleinstehend im Browser bzw. in der CUBEVISION 2 APP für iOS und Android
genutzt werden. Im CUBEVISIONMODULE steht sie alleinstehend für den Browser und die CUBEVISION
APP zur Verfügung.

CUBEVISION 2 ALLEINSTEHEND
Im EIBPORT / FACILITY-MASTER über „EIBPORT Startseite“ – „CUBEVISION“ wird die CUBEVISION direkt
aufgerufen. Es wird zunächst die jeweilige Projektauswahl angezeigt.

                                Abbildung 1: CUBEVISION 2 Projektauswahl

Unter „Einstellungen“ werden folgende Optionen parametriert:

                         Abbildung 2: CUBEVISION 2 Projektauswahl – Einstellungen

CUBEVISION 2 Dokumentation                                    BAB TECHNOLOGIE GmbH          7
CUBEVISION 2 Dokumentation - BAB-Technologie
Einführung                                               CUBEVISION 2 Dokumentation

Darstellungen – Automatisch / Tablet / Phone
Die CUBEVISION hat zwei Darstellungsformen. „Tablet“ bezeichnet die 3-D-Würfel Darstellung für Gerä-
te mit größeren Displays, „Phone“ die Darstellung für kleinere, bspw. Smartphone-Displays. Über die
Einstellung „Automatisch“ wird die jeweilige Darstellung in Abhängigkeit der Auflösung von der CUBE-
VISION selbst gewählt. Die Visualisierung skaliert automatisch auf die Bildschirmgröße:

       Minimale Größe (abzüglich jeweiliger Statusleisten) bei „Automatisch“ für Tablet Darstellung =
        950x700 (nach DPR)

Foto anzeigen
Hintergrundbilder werden auch in der Phone Ansicht dargestellt

Favoriten anzeigen
Favoriten werden auch in der Phone Ansicht dargestellt

Tutorial anzeigen
Der Benutzer wird beim ersten Start durch die Bedienung geführt (gilt für die Phone Ansicht).

Demo immer anzeigen
Nur relevant für die CUBEVISION APP. Zeigt ein Demo Projekt auch wenn kein Projekt angelegt wurde

Quickstart
Nur relevant für die CUBEVISION APP. Ruft das zuletzt geöffnete Projekt direkt auf.

Quick Floor Navigation
Auf mobilen Geräten (Smartphone, Tablet) optimiert die Quick Floor Navigation durch weniger Spei-
cherbedarf die Performance der CUBEVISION.

Launchpad
Aktiviert oder deaktiviert das Launchpad. Ist das Launchpad aktiv kann eine Zeit in Minuten zu automati-
schen erscheinen des Launchpad eingestellt werden (1-65535 Minuten)

              8   BAB TECHNOLOGIE GmbH                                     CUBEVISION 2 Dokumentation
CUBEVISION 2 Dokumentation - BAB-Technologie
CUBEVISION 2 Dokumentation                                                     Einführung

CUBEVISION EINGEBETTET IN CONTROL L
Im EIBPORT / FACILITYMASTER kann CUBEVISION 2 über das Visualisierungselement „CUBEVISION“ in
eine individuelle CONTROL L Visualisierung eingebettet werden. Dadurch können Funktionalitäten der
CONTROL L Visualisierung und der CUBEVISION miteinander verbunden werden.

                 Abbildung 3: CUBEVISION 2 Visualisierungselement eingebettet in CONTROL L

Hinweis: Bitte verwenden Sie pro Visualisierungsprojekt und -seite immer nur ein CUBEVISION
Element. Das CUBEVISION Element ist nur für CONTROL L und nicht für die Java-Visualisierung
(JAVA CONTROL) verfügbar.

CUBEVISION APP
Zur Anzeige der CUBEVISION auf Android und iOS Geräten ist die „CUBEVISION App“ im Google Play
Store und Apple Appstore verfügbar.

                                    Abbildung 4: CUBEVISION 2 APP Icon

CUBEVISION 2 Dokumentation                                     BAB TECHNOLOGIE GmbH          9
CUBEVISION 2 Dokumentation - BAB-Technologie
Die CUBEVISION 2 Visualisierung                               CUBEVISION 2 Dokumentation

2                  DIE CUBEVISION 2 VISUALISIERUNG
CUBEVISION 2 ist eine der innovativsten Visualisierungen. Design und Layout der Visualisierung erstellen
sich automatisch, und der Anwender muss nur die Gebäudestruktur vorgeben und die Funktionen ver-
knüpfen. CUBEVISION 2 skaliert automatisch auf die Bildschirmgröße und öffnet sich je nach Auflösung
entweder in der „Phone“ oder „Tablet“ Darstellung.

„Tablet“ Darstellung                                           „Phone“ Darstellung

Abbildung 5: Tablet Darstellung                                       Abbildung 7: Pho-      Abbildung        6:
                                                                      ne     Darstel-lung    Phone Darstel-lung
                                                                      Raumnaviga-tion

2.1                NUTZUNG DER CUBEVISION 2 IM BROWSER
Um die CUBEVISION 2 im Browser zu starten rufen Sie die Startseite des EIBPORT / FACILITYMASTER auf
klicken auf „Visualisierung“ und anschließend auf „CUBEVISION“. Sie gelangen zur Projekt- (Gebäude-)
Auswahl.

                                  Abbildung 8: Aufrufen der CUBEVISION 2 im Browser

DIE CUBEVISION VISUALISIERUNG MIT DEM BAB STARTER AUFRUFEN
Um die CUBVISION 2 mit dem BAB STARTER aufzurufen öffnen Sie den BAB STARTER.

Hinweis: Die Visualisierung nutzt die neuesten HTML 5 Technologien der Browser, aus diesem
Grund ist es wichtig nur die empfohlenen Browser zur Darstellung der CUBEVISION zu nutzen.

              10    BAB TECHNOLOGIE GmbH                                          CUBEVISION 2 Dokumentation
CUBEVISION 2 Dokumentation                         Die CUBEVISION 2 Visualisierung

Übersicht der empfohlenen Browser und Darstellungen auf verschiedenen Endgeräten

PC:                         Browser: Google Chrome, Mozilla Firefox
                            Mögliche Darstellung: Phone, Tablet

MAC:                        Browser: Apple Safari
                            Mögliche Darstellungen: Phone, Tablet

Andriod Tablet:             Browser: Google Chrome
                            Mögliche Darstellungen: Phone, Tablet

Andriod Phone:              Browser: Google Chrome
                            Mögliche Darstellungen: Phone (Tablet nicht empfohlen)

Apple (iOS) Tablet:         Browser: Apple Safari
                            Mögliche Darstellungen: Phone, Tablet

Apple (iOS) Phone:          Browser: Apple Safari
                            Mögliche Darstellungen: Phone, (Tablet nicht empfohlen)

CUBEVISION 2 Dokumentation                                BAB TECHNOLOGIE GmbH         11
Die CUBEVISION 2 Visualisierung                             CUBEVISION 2 Dokumentation

2.2               DARTSTELLUNG KONFIGURIEREN
Die Darstellung der CUBEVISION 2 erfolgt im Normalfall automatisch. D. h. die CUBEVISION 2 erkennt
selbständig welche Auflösung dargestellt werden soll und skaliert dementsprechend. Ab einer Auflösung
von 1024 x 768 Pixel wird die Tablet Darstellung gewählt. Um die Darstellung manuell zu beeinflussen
gehen Sie wie folgt vor:

        Darstellung im Browser: Öffnen Sie das Startmenü der CUBEVISION 2
        Darstellung in der APP: Schließen Sie eine bereits geöffnete APP über den Taskmanager Ihres
         mobilen Gerätes und öffnen Sie erneut, so dass Sie zum Startscreen der APP gelangen (siehe Ka-
         pitel „Nutzung in der CUBEVISION APP“)
        Klicken Sie auf „Einstellung“ (siehe unten)

                              Abbildung 9: CUBEVISION Darstellungseinstellungen

        In dem folgenden Menü können Sie die Darstellung ändern. Sie haben folgende Konfigurati-
         onsmöglichkeiten:

Automatisch           Wenn Sie die Darstellung „Automatisch“ auswählen, stellt sich diese automa-
                      tisch ein. Sobald Ihr Visualisierungsgerät eine Auflösung von 1024 x 768 Pixel
                      unterstützt stellt sich die Visualisierung auf die Tablet-Darstellung ein.

Tablet                In dieser Einstellung wird die Visualisierung unabhängig von der Bildschirm-
                      auflösung immer in der Tablet-Darstellung dargestellt.

Phone                 In dieser Einstellung wird die Visualisierung unabhängig von der Bildschirm-
                      auflösung immer in der Phone-Darstellung dargestellt.

        Bestätigen Sie Ihre Auswahl mit „OK“ und rufen das gewünschte Visualisierungsprojekt (Gebäu-
         de) auf.

             12   BAB TECHNOLOGIE GmbH                                        CUBEVISION 2 Dokumentation
CUBEVISION 2 Dokumentation                            Die CUBEVISION 2 Visualisierung

2.3            NUTZUNG IN DER CUBEVISION APP
Für iOS- und Android- Geräte steht in den jeweiligen Stores eine APP zum Aufruf der CUBEVISION zur
Verfügung. Die APP nennt sich „CUBEVISION APP“. Die Applikation ist kostenlos. Um in der APP die
CUBEVISION aus dem EIBPORT / FACILITYMASTER / CUBEVISIONMODULE aufzurufen gehen Sie bitte
wie folgt vor:

      Installieren Sie die APP aus dem jeweiligen Store (Google Play, Apple AppStore)

                                   Abbildung 10: CUBEVISION 2 APP Icon

      Starten Sie die Applikation. Es öffnet sich der Startscreen der APP. Sind zuvor schon CUBEVISION
       fähige Endgeräte (EIBPORT / FACILITYMASTER / CUBEVISIONMODULE) als Favoriten hinzuge-
       fügt worden, werden diese hier aufgelistet. Über den Button „Favoriten löschen“ können diese
       wieder gelöscht werden. Über den Button „Einstellungen“ werden die Starteinstellungen der Vi-
       sualisierung verändert (siehe Kapitel „Darstellung Konfigurieren“).

                               Abbildung 11: CUBEVISION 2 APP Startscreen

      Um einen neuen Server (Gerät) hinzuzufügen, klicken Sie auf den Button „Server suchen“. Es
       öffnet sich ein zweiter Screen der Ihnen alle im Netzwerk befindlichen Geräte mit jeweiligen Se-
       riennummern aufzeigt. Dabei werden sowohl EIBPORT (Seriennummer beginnt mit „BT01“),
       FACILITYMASTER („BT0101“) als auch CUBEVISIONMODULE („BT103“) angezeigt.

CUBEVISION 2 Dokumentation                                   BAB TECHNOLOGIE GmbH        13
Die CUBEVISION 2 Visualisierung                             CUBEVISION 2 Dokumentation

                          Abbildung 12: CUBEVISION 2 APP Serverauswahl

   Wird das gewünschte Gerät nicht angezeigt, weil es sich bspw. im Internet befindet, kann über
    den Button „Server hinzufügen“ ein weiterer Server durch Eingabe von Hostname und http Port
    hinzufügen.

                         Abbildung 13: CUBEVISION 2 APP Server hinzufügen

   Sind auf dem gewünschten Server (Gerät) mehrere CUBEVISION Projekte (Gebäude) angelegt,
    erscheint nach Auswahl des Servers eine Projekt- (Gebäude) -auswahl.

        14   BAB TECHNOLOGIE GmbH                                        CUBEVISION 2 Dokumentation
CUBEVISION 2 Dokumentation                              Die CUBEVISION 2 Visualisierung

                         Abbildung 14: CUBEVISION 2 APP Projekt (Gebäude) -auswahl

       Nach Auswahl des gewünschten Projektes (Gebäude) wird die Visualisierung mit der in der Kon-
        figuration eingestellte Startseite gestartet.

PROJEKTGRÖßEN-LIMITIERUNG AUF MOBILEN GERÄTEN
Durch die Speichernutzung ist die Größe des CUBEVISION Projektes begrenzt. Dabei ist das Limit auf iOS-
Geräten etwas früher erreicht als auf Android Geräten. Wird ein kritisches Speicherlevel erreicht, er-
scheint eine Meldung „Memory Warning“. Da sich die CUBEVISION APP die Ressourcen mit anderen
Anwendungen teilt, kann die Grenze durch andere, ressourcen-intensive Anwendung, auch früher er-
reicht sein.

Performance Optimierung
Um die Performance der CUBEVISION 2 zu optimieren, beachten Sie bitte folgendes:
     Reduzieren Sie Räume und Etagen soweit es geht
     Nutzen Sie optimierte Hintergrundbilder
     Nutzen Sie die Quick-Floor-Navigation damit immer nur eine Etage geladen wird (siehe Kapitel
       „Quick Floor Navigation“)

CUBEVISION 2 Dokumentation                                     BAB TECHNOLOGIE GmbH       15
Navigation der CUBEVISION 2                                CUBEVISION 2 Dokumentation

3                NAVIGATION DER CUBEVISION 2
In diesem Kapitel wird auf die Bedienung und Navigation der CUBEVISION 2 eingegangen. Zusätzlich
werden auch die einzelnen Bestandteile erklärt um alle Besonderheiten, Techniken und Automatismen
der CUBEVISION 2 kennenzulernen.

Es gibt, wie im Kapitel zuvor beschrieben, zwei Darstellungsarten: „Tablet“ und „Phone“.

Die Bestandteile der Tablet-Darstellung sind:

       Raumansicht und -navigation
       Quick Navigation
       Quick Floor Navigation
       Central View
       Instant Control Panel [ICP]
       Extended Control Panel [ECP]
       Extended Element View [EEV]

Die Bestandteile der Phone-Darstellung sind:

       Raumnavigation
       Central View
       Favoriten
       Raumansicht
       Extended Element View [EEV]

3.1              CUBEVISION 2 IN DER TABLET-DARSTELLUNG
Die Navigation durch Gebäudestruktur, funktioniert durch horizontales und vertikales Sliden, in der
Raumansicht.

Raumansicht:
Mit der Raumansicht ist die Ansicht gemeint die einen Raum zeigt, genauer gesagt die Stirnfläche des
Würfels. Diese Fläche wird zur Navigation genutzt.

Navigation:
Wie in den zwei folgenden Abbildungen gezeigt wird, kann durch eine horizontale Fingerbewegung von
Raum zu Raum gewechselt werden. In der horizontalen Richtung gibt es kein Ende. Das bedeutet, dass
nach dem letzten Raum der Ebene wieder der erste Raum angezeigt wird.

                      Abbildung 15: Horizontale Fingerbewegung um den Raum zu wechseln

            16    BAB TECHNOLOGIE GmbH                                       CUBEVISION 2 Dokumentation
CUBEVISION 2 Dokumentation                                 Navigation der CUBEVISION 2

Die vertikale Fingerbewegung dient zur Navigation durch die Ebenen bzw. Geschosse. Wird das Ende in
der vertikalen Richtung erreicht, erschein eine orangefarbene Corona, je nachdem in welche Richtung
sich der Benutzer bewegt, am unteren oder oberen Rand der CUBEVISION 2. Dies signalisiert, dass das
Ende in der vertikalen Richtung erreicht ist.

                       Abbildung 16: Vertikale Fingerbewegung um Ebenen zu wechseln

Einer der großen Vorteile der CUBEVISION 2 ist, dass der Benutzer sich keine Gedanken über die Naviga-
tion zwischen den Räumen oder Ebenen machen muss. Das Arbeiten mit Seitenwechsel-Elementen, wie
man es von der klassischen Visualisierung her kennt, entfällt komplett.
Ebenso das Testen der Navigation, ob nicht irgendwo der Benutzer in eine „Sackgasse“ tappt von der er
aus nicht zurück zur Startseite kommt, weil einfach nur ein Seitenwechsel Element auf einer Visualisie-
rungsseite fehlt.

Hinweis: Um direkt und ohne Umwege in einen Raum (auch in einer anderen Ebene) zu wechseln,
kann die Quick Navigation verwendet werden.

3.1.1           QUICK NAVIGATION
Bei der Quick Navigation werden alle Räume für eine schnellere Navigation auf einer Seite dargestellt.
Dadurch kann der Benutzer direkt in einzelne Räume wechseln. Die Generierung der Übersicht aller
Räume auf einer Seite erfolgt automatisch.

Die Quick Navigation Öffnen:
Die Quick Navigation kann über die gesamte Fläche der Raumansicht geöffnet werden.

                                 Abbildung 17: Öffnen der Quick Navigation

CUBEVISION 2 Dokumentation                                     BAB TECHNOLOGIE GmbH      17
Navigation der CUBEVISION 2                               CUBEVISION 2 Dokumentation

Die Quick Navigation schließen:
Über das Exit-Symbol in der Quick Navigation kann die Übersicht geschlossen werden, um wieder zurück
zur Raumansicht zu wechseln.

                                Abbildung 18: Ansicht "Quick Navigation"

Hinweis: Die Quick Navigation kann bei Bedarf deaktiviert werden.

           18    BAB TECHNOLOGIE GmbH                                      CUBEVISION 2 Dokumentation
CUBEVISION 2 Dokumentation                                  Navigation der CUBEVISION 2

3.1.2           QUICK FLOOR NAVIGATION
Die Quick Floor Navigation stellt eine andere Art der Navigation durch die Etagen dar. Anstatt den Wür-
fel in der „Tablet“-Ansicht nach oben oder unten zu ziehen um die Etagen zu wechseln, wird am rech-
ten Bildschirmrand ein Navigationssymbol angezeigt, über welches man die Etagen direkt ansteuern
kann.

                             Abbildung 19: CUBEVISION mit Quick Floor Navigation

Auf mobilen Geräten (Smartphone, Tablet) optimiert die Quick Floor Navigation durch weniger Spei-
cherbedarf die Performance der CUBEVISION.

KONFIGURATION DER ETAGENBEZEICHNUNG
Um die Anzeige-bezeichnungen der Quick Floor Navigation zu verändern, steht im CUBEVISION Editor
beim Klick auf die jeweilige Etage das Eingabefeld „Short Name“ zur Verfügung. Hier können maximal 2
Zeichen für jede Etage vergeben werden. Bei keinem Eintrag werden die Etagen von oben nach unten
durchnummeriert.

                Abbildung 20: CUBEVISION Editor – Etagenbezeichnung für Quick Floor Navigation

CUBEVISION 2 Dokumentation                                      BAB TECHNOLOGIE GmbH             19
Navigation der CUBEVISION 2                                    CUBEVISION 2 Dokumentation

3.2              INSTANT CONTROL PANEL [ICP]
Jeder Raum besitzt ein Instant Control Panel (abgekürzt ICP), welches immer auf der rechten Seite plat-
ziert ist. An erster Stelle des Instant Control Panel steht der Name des Raumes. Die Position des Instant
Control Panels lässt sich nicht ändern (siehe Abbildung unten).

Das Instant Control Panel hat Platz für max. 8 (Visualisierungselemente bzw. max. 8 Höheneinheiten (die
Elemente haben eine Höhe von 1 bis max. 8 Einheiten).

Wenn nicht genügend Platz im Instant Control Panel vorhanden ist:
Wird für die Visualisierungselemente des Raumes mehr als 8 Höheneinheiten benötigt, werden die Ele-
mente welche nicht ins Instant Control Panel passen, im Extended Control Panel (siehe nächstes Kapitel)
angezeigt. Es erscheint automatisch eine „Mehr …“ Schaltfläche unter dem Instant Control Panel mit
der das Extended Control Panel geöffnet wird (siehe Abbildung unten).

Das Instant Control Panel und die Favoriten Funktion:
Das Instant Control Panel besitzt eine besondere Funktion die es erlaubt die Elemente nach Wichtigkeit
automatisch zu sortieren. Das bedeutet das die in einem Raum am häufigsten benutzen Elemente auf
dem Instant Control Panel mit in der Raumansicht angezeigt und somit direkt bedient werden können.
Die Favoriten Funktion überwacht dabei wie häufig der Benutzer die einzelnen Elemente benutzt und
sortiert auf dieser Grundlage die Reihenfolge der Elemente im Instant Control Panel. Das bedeutet das
z.B., wenn im Winter häufiger die Weihnachtsbeleuchtung im Garten gesteuert wird, wird auch dieses
Element in der Raumansicht im Instant Control Panel gezeigt.
Eine Konfiguration ist nicht notwendig. Lediglich die Elemente müssen markiert werden die als Favoriten
beobachtet werden soll. Diese Option wird in der Konfiguration der einzelnen Elemente festgelegt. Dies
wird im Kapitel über die Elemente genauer erklärt.

Im Instant Control Panel die Visualisierungselemente manuell positionieren
Auf Wunsch können die Elemente des Raumes aber auch manuell positioniert werden. Die Favoriten
Funktion wird dazu deaktiviert und das Element wird ein Platz in der Reihenfolge im Instant Control
Panel gegeben.

                             Abbildung 21: Instant Control Panel (rechts zu sehen)

            20   BAB TECHNOLOGIE GmbH                                           CUBEVISION 2 Dokumentation
CUBEVISION 2 Dokumentation                                     Navigation der CUBEVISION 2

3.3            EXTENDED CONTROL PANEL [ECP]
Alle im Raum verwendeten Elemente werden im Extended Control Panel (abgekürzt ECP) angezeigt.
Auch die aus dem Instant Control Panel. Die Generierung erfolgt automatisch.

Das Extended Control Panel:
   • in dieser Ansicht werden immer min. 4 Spalten angezeigt
   •    Jede Spalte hat 8 Höheneinheiten
   •    Reichen die 4 Spalten nicht aus, wird bei Bedarf eine weitere Seite hinzugefügt
   •    Mit dem Spaltenumbruch können Elemente auf die Spalten thematisch verteilt werden

Öffnen und Schließen des Extended Control Panel:
Geöffnet wird das Extended Control Panel durch die Schaltfläche „mehr …“. Diese
wird nur bei Bedarf angezeigt wird. Geschlossen wird diese Ansicht mit dem Exit-
Symbol (Pfeil unten links (siehe Abbildung rechts orangener Kreis)).

              Abbildung 22: Extended Control Panel öffnen. Klick auf "mehr..."

                         Abbildung 23: Extended Control Panel öffnen. Klick auf "mehr..."

CUBEVISION 2 Dokumentation                                         BAB TECHNOLOGIE GmbH      21
Navigation der CUBEVISION 2                                    CUBEVISION 2 Dokumentation

3.4              EXTENDED ELEMENT VIEW [EEV]
Der Extended Element View (abgekürzt EEV) bietet eine weitere Ansicht der Elemente in den weiteren
Informationen (wie Cover, Diagramm, große Kamerabilder, …) dargestellt werden können.
Die Extended Element View besitzen 5 Elemente
     RGB Steuerung
     Kamera
     Multimedia
     Wetter (Internet)
     Werte / Diagramme

In der Visualisierung wird der Zugang zum Extended Element View durch ein Rechteck, aus dem ein Pfeil
nach rechts oben zeigt, dargestellt. Es befindet sich innerhalb des Elementes rechts unten (siehe siehe
Abbildung unten orangener Kreis).

Beispiel:
Wir nehmen das Element Internet Wetter. In der Ansicht Extended Control Panel können für das Internet
Wetter Element nur ein paar Wetterdaten dargestellt werden (siehe Abbildung unten).

                                    Abbildung 24: Beispiel Internet Wetter

Ein Klick auf das Symbol rechts unten in der Ecke öffnet die erweiterte Ansicht (Extended Element View).
Diese erweiterte Ansicht des Internet Wetter Symbol wird in Abbildung oben orangener Kreis gezeigt.

                     Abbildung 25: Beispiel „Internet Wetter“ in der Extended Element View

Wenn in einem Raum mehrere gleiche Elemente mit einer Erweiterten Ansicht eingefügt werden:
In unserem Beispiel wurden in der Küche gleich zwei Internet Wetter Elemente eingefügt. Das erste
zeigt das Wetter in Dortmund und ein weiteres zeigt das Wetter in New York. Der CUBEVISION Extended
Element View fügt beide links in eine Liste (siehe Abbildung oben). So kann in dieser Ansicht der Benut-
zer zwischen beiden Elementen hin und her schalten.

            22   BAB TECHNOLOGIE GmbH                                           CUBEVISION 2 Dokumentation
CUBEVISION 2 Dokumentation                              Navigation der CUBEVISION 2

3.5             CENTRAL VIEW
„Central View“ ist eine zusätzliche Funktion, die eine Raumunab-
hängige zentrale Übersicht der gewünschten Funktionen erlaubt.
Jedes Visualisierungselement enthält den Menüpunkt „Central
View“ und kann damit der gewünschten zentralen Ansicht zuge-
ordnet werden.

Dabei können Sie ganz individuell, nach Ihren eigenen Wünschen
Kategorien in die Central View einfügen.

Dazu gehen Sie wie folgt vor:
    Klicken Sie auf das      Symbol (siehe Abbildung rechts
       roter Kreis)
    Jetzt wird sich ein neues Fenster öffnen, in diesem kön-
       nen Sie jetzt neue Kategorien erstellen.
    Operationen (siehe Abbildung unten „Kategorie einfü-
       gen):

                                                                             Abbildung 27: Central View

           Abbildung 26: Kategorie einfügen

Symbol             Funktion
„+“                Durch das Klicken auf das „+“, kann eine Kategorie hinzugefügt werden
„-„                Durch das Klicken auf das „-“, kann eine Kategorie entfernt werden
Titel              Hier kann der Kategorie ein Titel vergeben werden
Icon               Hier wählen Sie für die Kategorie ein spezifisches Icon aus
                   Fügen Sie durch das Klicken auf dieses Symbol ein individuelles Bild für das Icon
                   hinzu
Abrechen           Durch das Klicken auf „Abbrechen“ brechen Sie das hinzufügen ab
OK                 Durch das Klicken auf „OK“ wird die neue Kategorie gespeichert

Sobald das Bedienelement einer gewünschten „Central View“ – Kategorie zugeordnet worden ist, wird
der entsprechende Menüpunkt bei der Tablet-Darstellung oberhalb der CUBEVISION in einer Statuszeile
erzeugt.

Auf diese Weise können Sie im Central View Gruppierungen von Bedienelementen beliebig erzeugen.

CUBEVISION 2 Dokumentation                                 BAB TECHNOLOGIE GmbH        23
Sie können auch lesen