Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. iobroker ist mega- die Visualisierung ein Supergau

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.3k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.0k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.4k

iobroker ist mega- die Visualisierung ein Supergau

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
67 Beiträge 25 Kommentatoren 30.5k Aufrufe 30 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • M Offline
    M Offline
    Matthias321
    schrieb am zuletzt editiert von
    #4

    Ich würde dir auch zu Lovelace raten: simple und schnell einrichtbar. Ohne HTML Kenntnisse sieht das bei mir so aus nach 2 Tagen Einrichtung:

    Screenshot_20191106_151628_com.android.chrome.jpg

    K 1 Antwort Letzte Antwort
    0
    • M Matthias321

      Ich würde dir auch zu Lovelace raten: simple und schnell einrichtbar. Ohne HTML Kenntnisse sieht das bei mir so aus nach 2 Tagen Einrichtung:

      Screenshot_20191106_151628_com.android.chrome.jpg

      K Offline
      K Offline
      kaiserm
      schrieb am zuletzt editiert von
      #5

      @Matthias321 Super. Genau so etwas einfaches suche ich. Schau ich mir mal an.

      Vielen lieben Dank dafür.

      1 Antwort Letzte Antwort
      0
      • K Offline
        K Offline
        kaiserm
        schrieb am zuletzt editiert von kaiserm
        #6

        Also am besten gefallen mir nach wie vor Metro Widget und Material Design Widget.

        Aber ohne CSS Kenntnisse wohl eher ein absolutes NoGo :-(

        Sehr kompliziert das Ganze.

        Wobei ich ja nicht mal groß mit dem Tablet steuern möchte.

        Das mache ich z.B. mit Hue Dimmer Switches oder per Sprache.

        Ich benötige eigentlich nur einen Schalter auf dem Tablett für Alle Lichter aus.

        Es dient ansonsten wirklich nur zur Info (Licht, Türen, Fenster, Heizung, Wetter, ...)

        Mit einfachen Mitteln (ohne IT Studium mit 25 jähriger Berufserfahrung) so etwas zu erstellen wäre Klasse.

        So ungefähr muss es aussehen damit es gefällt.

        Welche Metro Objekte werden denn in diesem Beispiel verwendet?

        09811ab2-d56c-4855-856c-8b2b2cde6f79-grafik.png

        H 1 Antwort Letzte Antwort
        0
        • K kaiserm

          Also am besten gefallen mir nach wie vor Metro Widget und Material Design Widget.

          Aber ohne CSS Kenntnisse wohl eher ein absolutes NoGo :-(

          Sehr kompliziert das Ganze.

          Wobei ich ja nicht mal groß mit dem Tablet steuern möchte.

          Das mache ich z.B. mit Hue Dimmer Switches oder per Sprache.

          Ich benötige eigentlich nur einen Schalter auf dem Tablett für Alle Lichter aus.

          Es dient ansonsten wirklich nur zur Info (Licht, Türen, Fenster, Heizung, Wetter, ...)

          Mit einfachen Mitteln (ohne IT Studium mit 25 jähriger Berufserfahrung) so etwas zu erstellen wäre Klasse.

          So ungefähr muss es aussehen damit es gefällt.

          Welche Metro Objekte werden denn in diesem Beispiel verwendet?

          09811ab2-d56c-4855-856c-8b2b2cde6f79-grafik.png

          H Offline
          H Offline
          HeliosFan
          schrieb am zuletzt editiert von HeliosFan
          #7

          @kaiserm

          Am Besten template - basierend ...
          Template wählen ...
          Skin wählen ...
          Schriftart und Farbe wählen ...

          ein bischen mit der Maus klicken, paar Icons anpassen....
          und fertig... warten bis das System daraus den fertigen Code generiert hat. :face_with_rolling_eyes: :blush:

          So ungefair ?
          Leider hat sich noch niemand die immense Arbeit gemacht, so etwas zu programmieren .

          Aber im Ernst, es gibt auf Youtube gute Anleitungen, wie man sich eine VIS baut. ( Muss ja nicht von "Schimmermedia" sein. Der Typ labert einfach zu viel )

          K 1 Antwort Letzte Antwort
          0
          • Jey CeeJ Online
            Jey CeeJ Online
            Jey Cee
            Developer
            schrieb am zuletzt editiert von
            #8

            Naja es gibt Material UI das ist schon nah dran.

            Persönlicher Support
            Spenden -> paypal.me/J3YC33

            K 1 Antwort Letzte Antwort
            0
            • H HeliosFan

              @kaiserm

              Am Besten template - basierend ...
              Template wählen ...
              Skin wählen ...
              Schriftart und Farbe wählen ...

              ein bischen mit der Maus klicken, paar Icons anpassen....
              und fertig... warten bis das System daraus den fertigen Code generiert hat. :face_with_rolling_eyes: :blush:

              So ungefair ?
              Leider hat sich noch niemand die immense Arbeit gemacht, so etwas zu programmieren .

              Aber im Ernst, es gibt auf Youtube gute Anleitungen, wie man sich eine VIS baut. ( Muss ja nicht von "Schimmermedia" sein. Der Typ labert einfach zu viel )

              K Offline
              K Offline
              kaiserm
              schrieb am zuletzt editiert von
              #9

              @HeliosFan Klar gibt es Youtube Videos. Aber die sind m.E. Lichtjahre von dem gewünschten Ergebnis entfernt. ;-)

              1 Antwort Letzte Antwort
              0
              • Jey CeeJ Jey Cee

                Naja es gibt Material UI das ist schon nah dran.

                K Offline
                K Offline
                kaiserm
                schrieb am zuletzt editiert von
                #10

                @Jey-Cee Meinst Du wirklich? Sieht schon wesentlich anders aus als mein Favorit. ;-)

                BBTownB 1 Antwort Letzte Antwort
                0
                • Jey CeeJ Online
                  Jey CeeJ Online
                  Jey Cee
                  Developer
                  schrieb am zuletzt editiert von
                  #11

                  Das war eigentlich auf @HeliosFan seine Aussage bezogen.

                  @kaiserm bitte doppel post vermeiden.

                  Persönlicher Support
                  Spenden -> paypal.me/J3YC33

                  1 Antwort Letzte Antwort
                  0
                  • D Offline
                    D Offline
                    dtp
                    schrieb am zuletzt editiert von dtp
                    #12

                    Ja, die Visualisierung ist aufwändig und kostet mitunter sehr viel Zeit. Ich habe da bestimmt schon weit über 200 Stunden reingesteckt. Und wenn man dann auch noch unterschiedliche Geräte mit unterschiedlichen Bildschirmformaten hat, wird's noch lustiger.

                    An dieser doch recht simplen Wetterseite habe ich z.B. locker 10 Stunden gesessen.

                    2019-10-21_08h28_48.png

                    Und die Steuerseite für meine Heizung hat in Summe bestimmt 50 Stunden verschlungen.

                    2019-10-21_08h27_50.png

                    Da sind zum Teil fünf und mehr Widgets übereinander gelegt, die dann je nach Info ein- und ausgeblendet werden bzw. ihre Farbe ändern.

                    Trotzdem bin ich soweit zufrieden. Vor allen Dingen, weil man extrem flexibel ist. Das, was du dir da z.B. als Ideal vorstellst, lässt sich durchaus realisieren. Es wäre jetzt z.B. kein so großer Aufwand, die Farben der Widgets entsprechend deinem obigen Ideal anzupassen. Aber du kannst nicht erwarten, dass man dir hier alles auf dem Präsentierteller serviert. Da ist einfach der Wille zum selbständigen Lernen gefragt.

                    Selbst kommerzielle Lösungen, wie z.B. der AIO CREATOR NEO von Mediola sind kein Plug & Play. Auch da muss man Zeit investieren.

                    ioBroker im Docker-Container auf Synology DiskStation DS718+, HomeMatic IP über CCU3, IKEA Dirigera inkl. Matter, Apple Homekit, Amazon Alexa.

                    1 Antwort Letzte Antwort
                    0
                    • K kaiserm

                      @Jey-Cee Meinst Du wirklich? Sieht schon wesentlich anders aus als mein Favorit. ;-)

                      BBTownB Offline
                      BBTownB Offline
                      BBTown
                      schrieb am zuletzt editiert von BBTown
                      #13

                      @kaiserm
                      Du wirst dich entscheiden müssen

                      • einfach nur schalten will -> nimm iQontrol
                      • weitere Beispiele von IQontrol
                      • soll so aussehen wie mein Favorit -> dann wirst Du Zeit investieren müssen

                      ioBroker auf NUC (VM debian v13 (Trixie ), node v22.21.0 npm v10.9.4, js-controller v7.0.7 jsonl/jsonl / HomeMatic CCU-2 (Wired und Funk) / Philips HUE / echo.DOT / Broadlink RM pro / SONOS

                      K 1 Antwort Letzte Antwort
                      0
                      • M Offline
                        M Offline
                        Matthias321
                        schrieb am zuletzt editiert von
                        #14

                        Wenn es auf mehreren Geräten laufen soll, Dan nimm etwas das responsive ist zB Lovelace.

                        1 Antwort Letzte Antwort
                        0
                        • PeoplesP Offline
                          PeoplesP Offline
                          Peoples
                          schrieb am zuletzt editiert von Peoples
                          #15

                          Ich finde IoBroker genial mit allen Features und allen Problemchen.

                          Ich habe auch weit mehr als 200 Stunden in meine Visualisierung gesteckt, bei mir wars so ich hatte im Homematic Forum mal einen Entwurf gesehen der mir gefallen hat, hab mir das dann "nachgebaut" und an meine Gegebenheiten und Wünsche angepasst. Was dann aber auch einschließt dass man die ganzen Buttons alle extra gestalten muss und das dautert eben.
                          Hier ein paar Auszüge vom Ergebnis:
                          Home.JPG
                          Batterie.JPG
                          Heizung EG.JPG
                          Heizungsanlage.JPG
                          System.JPG

                          Ich kann nur sagen dass es sich lohnt den die Möglichkeiten sind nahezu unbegrenzt!

                          Ich beantworte keine Fragen zu Themen via PN

                          B NegaleinN RöstkartoffelR M S 5 Antworten Letzte Antwort
                          7
                          • H Offline
                            H Offline
                            hans_999
                            schrieb am zuletzt editiert von hans_999
                            #16

                            ...
                            Falsch gepostet

                            1 Antwort Letzte Antwort
                            0
                            • PeoplesP Peoples

                              Ich finde IoBroker genial mit allen Features und allen Problemchen.

                              Ich habe auch weit mehr als 200 Stunden in meine Visualisierung gesteckt, bei mir wars so ich hatte im Homematic Forum mal einen Entwurf gesehen der mir gefallen hat, hab mir das dann "nachgebaut" und an meine Gegebenheiten und Wünsche angepasst. Was dann aber auch einschließt dass man die ganzen Buttons alle extra gestalten muss und das dautert eben.
                              Hier ein paar Auszüge vom Ergebnis:
                              Home.JPG
                              Batterie.JPG
                              Heizung EG.JPG
                              Heizungsanlage.JPG
                              System.JPG

                              Ich kann nur sagen dass es sich lohnt den die Möglichkeiten sind nahezu unbegrenzt!

                              B Offline
                              B Offline
                              Bachmann77
                              schrieb am zuletzt editiert von
                              #17

                              @Peoples

                              wow....sieht echt super aus...würdest Du einen Export zu Verfügung stellen?
                              Vielen lieben Dank vorab :)

                              1 Antwort Letzte Antwort
                              0
                              • BBTownB BBTown

                                @kaiserm
                                Du wirst dich entscheiden müssen

                                • einfach nur schalten will -> nimm iQontrol
                                • weitere Beispiele von IQontrol
                                • soll so aussehen wie mein Favorit -> dann wirst Du Zeit investieren müssen
                                K Offline
                                K Offline
                                kaiserm
                                schrieb am zuletzt editiert von
                                #18

                                @BBTown Das ich Zeit investieren muss ist schon klar... da habe ich schon viel davon investiert ;-)

                                1 Antwort Letzte Antwort
                                0
                                • K Offline
                                  K Offline
                                  kaiserm
                                  schrieb am zuletzt editiert von
                                  #19

                                  Wenn mir irgendjemand ein Grundgerüst gemäß meiner Wunsch Visualisierung bereitstellen könnte wäre das mega gut.

                                  Also was für Lampen, Fenster und Temperaturen.

                                  Es fängt ja schon mit den Schriftgrößen an die man da irgendwie reincodieren muss ...

                                  Ist mir bis jetzt alles noch zu hoch.

                                  Ich denke ja das es sich bei meinem Wunschkandidaten um Metro handelt, oder etwa nicht ;-)

                                  1 Antwort Letzte Antwort
                                  0
                                  • PeoplesP Peoples

                                    Ich finde IoBroker genial mit allen Features und allen Problemchen.

                                    Ich habe auch weit mehr als 200 Stunden in meine Visualisierung gesteckt, bei mir wars so ich hatte im Homematic Forum mal einen Entwurf gesehen der mir gefallen hat, hab mir das dann "nachgebaut" und an meine Gegebenheiten und Wünsche angepasst. Was dann aber auch einschließt dass man die ganzen Buttons alle extra gestalten muss und das dautert eben.
                                    Hier ein paar Auszüge vom Ergebnis:
                                    Home.JPG
                                    Batterie.JPG
                                    Heizung EG.JPG
                                    Heizungsanlage.JPG
                                    System.JPG

                                    Ich kann nur sagen dass es sich lohnt den die Möglichkeiten sind nahezu unbegrenzt!

                                    NegaleinN Offline
                                    NegaleinN Offline
                                    Negalein
                                    Global Moderator
                                    schrieb am zuletzt editiert von
                                    #20

                                    @Peoples sagte in iobroker ist mega- die Visualisierung ein Supergau:

                                    den die Möglichkeiten sind nahezu unbegrenzt!

                                    Hallo People!

                                    Wie hast du das mit den 2 Menüs in 1 View gemacht?

                                    Könnt ich den View von System haben, damit ich mir das ansehen kann?

                                    Danke

                                    ° Node.js: 20.17.0 NPM: 10.8.2
                                    ° Proxmox, Ubuntu 22.04.3 LTS
                                    ° Fixer ---> iob fix

                                    PeoplesP 1 Antwort Letzte Antwort
                                    0
                                    • NegaleinN Negalein

                                      @Peoples sagte in iobroker ist mega- die Visualisierung ein Supergau:

                                      den die Möglichkeiten sind nahezu unbegrenzt!

                                      Hallo People!

                                      Wie hast du das mit den 2 Menüs in 1 View gemacht?

                                      Könnt ich den View von System haben, damit ich mir das ansehen kann?

                                      Danke

                                      PeoplesP Offline
                                      PeoplesP Offline
                                      Peoples
                                      schrieb am zuletzt editiert von Peoples
                                      #21

                                      @Negalein

                                      Hab da einfach mehrere Links gemacht.

                                      Hier das CSS:

                                      .button_site_navigation_grey_200
                                          {
                                              height:94px;
                                          	width:200px;
                                          	line-height:94px;
                                              text-align:center;
                                              vertical-align:middle;
                                          	border:#85888a solid 3px;
                                              border-radius: 5px;
                                          	font-size:22px;
                                          	background: #0079FF;
                                              background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
                                              background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
                                              background: -moz-linear-gradient(center top, #676a6e, #1f2122);
                                              color:white;
                                          }
                                      .button_site_navigation_blue_200
                                          {
                                              height:94px;
                                          	width:200px;
                                          	line-height:94px;
                                              text-align:center;
                                              vertical-align:middle;
                                          	border:#1a89c8 solid 3px;
                                              border-radius: 5px;
                                          	font-size:22px;
                                          	background: #0079FF;
                                              background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
                                              background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
                                              background: -moz-linear-gradient(center top, #676a6e, #1f2122);
                                              color:white;
                                          }
                                      
                                      

                                      Hier der View-Export:
                                      export.txt

                                      Ich beantworte keine Fragen zu Themen via PN

                                      B 1 Antwort Letzte Antwort
                                      1
                                      • PeoplesP Peoples

                                        @Negalein

                                        Hab da einfach mehrere Links gemacht.

                                        Hier das CSS:

                                        .button_site_navigation_grey_200
                                            {
                                                height:94px;
                                            	width:200px;
                                            	line-height:94px;
                                                text-align:center;
                                                vertical-align:middle;
                                            	border:#85888a solid 3px;
                                                border-radius: 5px;
                                            	font-size:22px;
                                            	background: #0079FF;
                                                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
                                                background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
                                                background: -moz-linear-gradient(center top, #676a6e, #1f2122);
                                                color:white;
                                            }
                                        .button_site_navigation_blue_200
                                            {
                                                height:94px;
                                            	width:200px;
                                            	line-height:94px;
                                                text-align:center;
                                                vertical-align:middle;
                                            	border:#1a89c8 solid 3px;
                                                border-radius: 5px;
                                            	font-size:22px;
                                            	background: #0079FF;
                                                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
                                                background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
                                                background: -moz-linear-gradient(center top, #676a6e, #1f2122);
                                                color:white;
                                            }
                                        
                                        

                                        Hier der View-Export:
                                        export.txt

                                        B Offline
                                        B Offline
                                        Bachmann77
                                        schrieb am zuletzt editiert von
                                        #22

                                        @Peoples würdest du bitte die seite mit der Heizungsanlage exportieren? Wenn möglich mit bild der heizung?
                                        Vielen dank

                                        PeoplesP 1 Antwort Letzte Antwort
                                        0
                                        • B Bachmann77

                                          @Peoples würdest du bitte die seite mit der Heizungsanlage exportieren? Wenn möglich mit bild der heizung?
                                          Vielen dank

                                          PeoplesP Offline
                                          PeoplesP Offline
                                          Peoples
                                          schrieb am zuletzt editiert von
                                          #23

                                          @Bachmann77
                                          Die Rohre sind vom Pump-Widget oder wie das heißt musst du bei IoB installieren!

                                          Hier die Bilder:

                                          Bilder.zip

                                          Hier der Export:
                                          export.txt

                                          Ich beantworte keine Fragen zu Themen via PN

                                          M B 3 Antworten Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          707

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe