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 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
                                        • 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!

                                          RöstkartoffelR Offline
                                          RöstkartoffelR Offline
                                          Röstkartoffel
                                          schrieb am zuletzt editiert von
                                          #24

                                          @Peoples
                                          Da denke ich, meine VIS ist perfekt und habe seit einigen Wochen keine Änderung mehr gemacht und dann kommst du mit so einer hammermässigen VIS. Danke für die Inspiration. Nun muss ich bei meiner Frau nur noch Zeit dafür bekommen, sowas ähnliches auch bei uns umzusetzen.
                                          Hut ab.
                                          Das gilt auch für die Views von @Kuddel und @sigi234.

                                          NUC7i3BNH mit Proxmox und ioBroker (VM Debian Buster), Raspi3 (Slave Smartmeter für eHZ easymeter), Hardware CCU2, SMA SB5000TL-21

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          710

                                          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