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

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. Einfach mal zeigen will….. :-) - Teil 3

NEWS

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

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

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

Einfach mal zeigen will….. :-) - Teil 3

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
visvisualisierungvisualizationvis editor
813 Beiträge 155 Kommentatoren 333.5k Aufrufe 157 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.
  • D dtp

    Hab die letzten Tage mal ein wenig an meinem iPhone-X-Projekt gebastelt. Ich verwende die App ioBroker für iOS. An einigen Stellen ist noch etwas Feinschliff notwendig. Grundlage des Projekts ist übrigens eine HomeMatic-Installation.

    Startseite

    vis_dtp_iPhone_01.png
    Bedeutung der Farben

    • grün: Fenster bzw. Rollladen geschlossen
    • blau: Fenster auf Kippstellung, Rollladen teilweise hochgefahren (<= 90 %)
    • orange: Fenster offen, Rollladen hochgefahren (< 90 %)

    Startseite mit Briefkastenkamera

    vis_dtp_iPhone_02.png

    Startseite mit Haustürkamera

    vis_dtp_iPhone_03.png

    Licht

    vis_dtp_iPhone_04.png
    Bedeutung der Farben

    • grün: Licht aus
    • orange: Licht an

    Licht mit Dialog-Fenster

    vis_dtp_iPhone_05.png

    Heizung, Teilübersicht 1

    vis_dtp_iPhone_06.png
    Bedeutung der Farben

    • grün: |Ist-Temperatur - Soll-Temperatur| <= 1 °C
    • blau: Ist-Temperatur - Soll-Temperatur < -1°C (es ist kälter, als geplant)
    • orange: Ist-Temperatur - Soll-Temperatur > 1 °C (es ist wärmer, als geplant)
    D Offline
    D Offline
    dtp
    schrieb am zuletzt editiert von dtp
    #91

    Heizung, Räume

    vis_dtp_iPhone_07.png

    Heizung, Räume mit Dialogfenster

    vis_dtp_iPhone_08.png

    Heizung, Heizungsanlage Seite 1

    vis_dtp_iPhone_09.png

    Heizung, Heizungsanlage Seite 2

    vis_dtp_iPhone_10.png

    Kalender für Abfälle und Feiertage sowie Dialag für Haltestelle und Wetter

    vis_dtp_iPhone_11.png

    Statusmeldungen der CCU sowie Duty Cycle

    vis_dtp_iPhone_12.png

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

    1 Antwort Letzte Antwort
    2
    • ElmarKE Offline
      ElmarKE Offline
      ElmarK
      schrieb am zuletzt editiert von
      #92

      Guten Morgen,
      nachdem ich hier jetzt doch schon seit Langem von Euren Ideen profitiere möchte ich jetzt auch mal meine Hauptseite vorstellen.

      65150143-9793-429d-9bf5-1f6c16b0dd05-grafik.png

      Für Fragen... einfach fragen :-)

      D 1 Antwort Letzte Antwort
      1
      • StM47S Offline
        StM47S Offline
        StM47
        schrieb am zuletzt editiert von StM47
        #93

        Ich bin dabei meine Vis neu zu gestalten. Hier mal die ersten Ergebnisse:

        Bildschirmfoto 2019-12-23 um 01.02.57.png

        Bildschirmfoto 2019-12-23 um 01.03.18.png

        Bildschirmfoto 2019-12-23 um 01.03.39.png

        Bildschirmfoto 2019-12-23 um 01.05.00.png

        Bildschirmfoto 2019-12-23 um 01.56.46.png

        Bildschirmfoto 2019-12-23 um 01.04.04.png

        Bildschirmfoto 2019-12-23 um 01.21.48.png

        ema_screen.png

        Die Bezeichnungen der Melder habe ich aus Sicherheitsgründen retuschiert.

        ioBroker im Docker auf Synology DiskStation DS 716+II mit DSM 6.2.1

        • Lightmanager Air / Lupusec XT2 Plus mit div. Fenster- u. Türkontakten, Rauch- u. Bewegungsmelder / Harmony Hub / Fritzbox 7590 OS7
        • schaltbare Steckdosen / Alexa Echo Dot 3 / Zigbee USB Stick / diverse Xiaomi Produkte / Xiaomi Yeelight Birnen
        ostseereiterO R D 3 Antworten Letzte Antwort
        4
        • NashraN Offline
          NashraN Offline
          Nashra
          Most Active Forum Testing
          schrieb am zuletzt editiert von
          #94

          Moin @StM47 sieht super aus was du erstellt hast :+1:
          Das Hintergrundbild bei Wetterwarnungen ist super, wo kann man das bekommen.
          Oder würdest Du das View davon zur Verfügung stellen.

          Gruß Ralf
          Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

          StM47S 1 Antwort Letzte Antwort
          1
          • D Offline
            D Offline
            dtp
            schrieb am zuletzt editiert von
            #95

            Mir persönlich wäre das too much. Ich möchte keine Spielekonsole als Visualisierung, sondern eine auf möglichst schnelle Information gerichtete Anwendung. Ich muss meine Visualisierung starten und mit wenigen Klicks bzw. Blicken sofort kritische Zustände erfassen können.

            Für mich gehören daher auch keine TV- oder Musik-Steuerungen oder dergleichen in eine solche Visualisierung, weil sie das Ganze nur unnötig aufblähen. Zudem bevorzuge ich ein flaches zweidimensionales Design mit simplen aber klaren Symbolen.

            Aber das kann und darf natürlich jeder anders sehen.

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

            sigi234S 1 Antwort Letzte Antwort
            0
            • D dtp

              Mir persönlich wäre das too much. Ich möchte keine Spielekonsole als Visualisierung, sondern eine auf möglichst schnelle Information gerichtete Anwendung. Ich muss meine Visualisierung starten und mit wenigen Klicks bzw. Blicken sofort kritische Zustände erfassen können.

              Für mich gehören daher auch keine TV- oder Musik-Steuerungen oder dergleichen in eine solche Visualisierung, weil sie das Ganze nur unnötig aufblähen. Zudem bevorzuge ich ein flaches zweidimensionales Design mit simplen aber klaren Symbolen.

              Aber das kann und darf natürlich jeder anders sehen.

              sigi234S Online
              sigi234S Online
              sigi234
              Forum Testing Most Active
              schrieb am zuletzt editiert von sigi234
              #96

              @dtp sagte in Einfach mal zeigen will….. :-) - Teil 3:

              Aber das kann und darf natürlich jeder anders sehen.

              Genau, ich habe daher mehrere Projekte. :grinning:
              Nachtrag:
              Und Installationen!

              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
              Immer Daten sichern!

              D 1 Antwort Letzte Antwort
              0
              • sigi234S sigi234

                @dtp sagte in Einfach mal zeigen will….. :-) - Teil 3:

                Aber das kann und darf natürlich jeder anders sehen.

                Genau, ich habe daher mehrere Projekte. :grinning:
                Nachtrag:
                Und Installationen!

                D Offline
                D Offline
                dtp
                schrieb am zuletzt editiert von
                #97

                @sigi234 sagte in Einfach mal zeigen will….. :-) - Teil 3:

                Genau, ich habe daher mehrere Projekte.

                Hab ich auch. Allerdings sind die eher auf die unterschiedlichen Formate und Auflösungen der anzeigenden Geräte gerichtet.

                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
                • StM47S StM47

                  Ich bin dabei meine Vis neu zu gestalten. Hier mal die ersten Ergebnisse:

                  Bildschirmfoto 2019-12-23 um 01.02.57.png

                  Bildschirmfoto 2019-12-23 um 01.03.18.png

                  Bildschirmfoto 2019-12-23 um 01.03.39.png

                  Bildschirmfoto 2019-12-23 um 01.05.00.png

                  Bildschirmfoto 2019-12-23 um 01.56.46.png

                  Bildschirmfoto 2019-12-23 um 01.04.04.png

                  Bildschirmfoto 2019-12-23 um 01.21.48.png

                  ema_screen.png

                  Die Bezeichnungen der Melder habe ich aus Sicherheitsgründen retuschiert.

                  ostseereiterO Offline
                  ostseereiterO Offline
                  ostseereiter
                  schrieb am zuletzt editiert von
                  #98

                  @StM47 Ist das mit der Wetterwarnung ein Popup,wenn ja würdest du sagen wie du das gemacht hast ich finde deine Visu toll.

                  Gruß OSR

                  Plattform
                  Linux x64 CPUs2 AMD G-T56N Processor 1646 MHz 8GB RAM

                  StM47S 1 Antwort Letzte Antwort
                  1
                  • NashraN Nashra

                    Moin @StM47 sieht super aus was du erstellt hast :+1:
                    Das Hintergrundbild bei Wetterwarnungen ist super, wo kann man das bekommen.
                    Oder würdest Du das View davon zur Verfügung stellen.

                    StM47S Offline
                    StM47S Offline
                    StM47
                    schrieb am zuletzt editiert von Negalein
                    #99

                    @Nashra

                    Bitte Schön!

                    wetter.jpg

                    ioBroker im Docker auf Synology DiskStation DS 716+II mit DSM 6.2.1

                    • Lightmanager Air / Lupusec XT2 Plus mit div. Fenster- u. Türkontakten, Rauch- u. Bewegungsmelder / Harmony Hub / Fritzbox 7590 OS7
                    • schaltbare Steckdosen / Alexa Echo Dot 3 / Zigbee USB Stick / diverse Xiaomi Produkte / Xiaomi Yeelight Birnen
                    1 Antwort Letzte Antwort
                    1
                    • ostseereiterO ostseereiter

                      @StM47 Ist das mit der Wetterwarnung ein Popup,wenn ja würdest du sagen wie du das gemacht hast ich finde deine Visu toll.

                      StM47S Offline
                      StM47S Offline
                      StM47
                      schrieb am zuletzt editiert von StM47
                      #100

                      @ostseereiter

                      Du erstellst ein neues View, welches du per Poppup anzeigen lassen möchtest.

                      Mit dem Icon-Dialog Widget kannst du dann einen Button für das Popup erstellen.

                      Bildschirmfoto 2019-12-23 um 14.44.19.png

                      In den Einstellungen des Widgets verlinkst du dann das View, welches du anzeigen lassen möchtest.

                      Bildschirmfoto 2019-12-23 um 14.51.37.png

                      Bildschirmfoto 2019-12-23 um 14.51.52.png

                      ioBroker im Docker auf Synology DiskStation DS 716+II mit DSM 6.2.1

                      • Lightmanager Air / Lupusec XT2 Plus mit div. Fenster- u. Türkontakten, Rauch- u. Bewegungsmelder / Harmony Hub / Fritzbox 7590 OS7
                      • schaltbare Steckdosen / Alexa Echo Dot 3 / Zigbee USB Stick / diverse Xiaomi Produkte / Xiaomi Yeelight Birnen
                      ostseereiterO 1 Antwort Letzte Antwort
                      0
                      • StM47S StM47

                        @ostseereiter

                        Du erstellst ein neues View, welches du per Poppup anzeigen lassen möchtest.

                        Mit dem Icon-Dialog Widget kannst du dann einen Button für das Popup erstellen.

                        Bildschirmfoto 2019-12-23 um 14.44.19.png

                        In den Einstellungen des Widgets verlinkst du dann das View, welches du anzeigen lassen möchtest.

                        Bildschirmfoto 2019-12-23 um 14.51.37.png

                        Bildschirmfoto 2019-12-23 um 14.51.52.png

                        ostseereiterO Offline
                        ostseereiterO Offline
                        ostseereiter
                        schrieb am zuletzt editiert von
                        #101

                        @StM47 Danke erst mal muss noch über Blockly ein Trigger gesetzt werdenwann die View aufplppen soll?

                        Gruß OSR

                        Plattform
                        Linux x64 CPUs2 AMD G-T56N Processor 1646 MHz 8GB RAM

                        ostseereiterO 1 Antwort Letzte Antwort
                        0
                        • ostseereiterO ostseereiter

                          @StM47 Danke erst mal muss noch über Blockly ein Trigger gesetzt werdenwann die View aufplppen soll?

                          ostseereiterO Offline
                          ostseereiterO Offline
                          ostseereiter
                          schrieb am zuletzt editiert von
                          #102

                          @ostseereiter
                          ok So sieht das erst mal bei mir aus aber so richtig schaue ich nicht durch. Könntest du die View als Code einstellen
                          Screenshot (9).png

                          Gruß OSR

                          Plattform
                          Linux x64 CPUs2 AMD G-T56N Processor 1646 MHz 8GB RAM

                          NegaleinN 1 Antwort Letzte Antwort
                          0
                          • ostseereiterO ostseereiter

                            @ostseereiter
                            ok So sieht das erst mal bei mir aus aber so richtig schaue ich nicht durch. Könntest du die View als Code einstellen
                            Screenshot (9).png

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

                            @ostseereiter sagte in Einfach mal zeigen will….. :-) - Teil 3:

                            So sieht das erst mal bei mir aus aber so richtig schaue ich nicht durch.

                            Falsches Widget verwendet.

                            Du benötigst 1577108885099-bildschirmfoto-2019-12-23-um-14.44.19.png

                            Schau dir nochmal den Beitrag von @StM47 an

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

                            ostseereiterO G 2 Antworten Letzte Antwort
                            1
                            • NegaleinN Negalein

                              @ostseereiter sagte in Einfach mal zeigen will….. :-) - Teil 3:

                              So sieht das erst mal bei mir aus aber so richtig schaue ich nicht durch.

                              Falsches Widget verwendet.

                              Du benötigst 1577108885099-bildschirmfoto-2019-12-23-um-14.44.19.png

                              Schau dir nochmal den Beitrag von @StM47 an

                              ostseereiterO Offline
                              ostseereiterO Offline
                              ostseereiter
                              schrieb am zuletzt editiert von
                              #104

                              @Negalein
                              Screenshot (10).png
                              Schau das ist das Widget und dann sieht das so im Dialog aus.
                              Screenshot (9).png
                              anders als bei dir.

                              Gruß OSR

                              Plattform
                              Linux x64 CPUs2 AMD G-T56N Processor 1646 MHz 8GB RAM

                              NegaleinN 1 Antwort Letzte Antwort
                              0
                              • ostseereiterO ostseereiter

                                @Negalein
                                Screenshot (10).png
                                Schau das ist das Widget und dann sieht das so im Dialog aus.
                                Screenshot (9).png
                                anders als bei dir.

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

                                @ostseereiter sagte in Einfach mal zeigen will….. :-) - Teil 3:

                                Schau das ist das Widget und dann sieht das so im Dialog aus.

                                Upps, sorry. Hab den falschen Screenshot erwischt.

                                Hier ist das richtige Widget.
                                Edit vis (3).png

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

                                1 Antwort Letzte Antwort
                                1
                                • S Offline
                                  S Offline
                                  smartysmart
                                  schrieb am zuletzt editiert von
                                  #106

                                  Hey Leute,

                                  Gibt es eine Responsive Vis irgendwo zum laden oder zum kaufen ?
                                  Hab keine Lust das alles selber zu machen, wäre schön wenn man sowas fertig irgendwo her bekommt und dieses dann umarbeiten kann.

                                  Grund ist ich hab mehrere verschiedene Geräte mit verschiedenen Auflösungen und ich will dass es überall gleich ausschaut ohne für jedes Gerät eine eigene Vis zu machen deswegen Responsive für Tab´s.

                                  sigi234S GlasfaserG 2 Antworten Letzte Antwort
                                  0
                                  • S smartysmart

                                    Hey Leute,

                                    Gibt es eine Responsive Vis irgendwo zum laden oder zum kaufen ?
                                    Hab keine Lust das alles selber zu machen, wäre schön wenn man sowas fertig irgendwo her bekommt und dieses dann umarbeiten kann.

                                    Grund ist ich hab mehrere verschiedene Geräte mit verschiedenen Auflösungen und ich will dass es überall gleich ausschaut ohne für jedes Gerät eine eigene Vis zu machen deswegen Responsive für Tab´s.

                                    sigi234S Online
                                    sigi234S Online
                                    sigi234
                                    Forum Testing Most Active
                                    schrieb am zuletzt editiert von
                                    #107

                                    @mend sagte in Einfach mal zeigen will….. :-) - Teil 3:

                                    Hey Leute,

                                    Gibt es eine Responsive Vis irgendwo zum laden oder zum kaufen ?
                                    Hab keine Lust das alles selber zu machen, wäre schön wenn man sowas fertig irgendwo her bekommt und dieses dann umarbeiten kann.

                                    Grund ist ich hab mehrere verschiedene Geräte mit verschiedenen Auflösungen und ich will dass es überall gleich ausschaut ohne für jedes Gerät eine eigene Vis zu machen deswegen Responsive für Tab´s.

                                    https://forum.iobroker.net/topic/26925/test-adapter-material-design-widgets-v0-2-x

                                    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                    Immer Daten sichern!

                                    S 1 Antwort Letzte Antwort
                                    0
                                    • S smartysmart

                                      Hey Leute,

                                      Gibt es eine Responsive Vis irgendwo zum laden oder zum kaufen ?
                                      Hab keine Lust das alles selber zu machen, wäre schön wenn man sowas fertig irgendwo her bekommt und dieses dann umarbeiten kann.

                                      Grund ist ich hab mehrere verschiedene Geräte mit verschiedenen Auflösungen und ich will dass es überall gleich ausschaut ohne für jedes Gerät eine eigene Vis zu machen deswegen Responsive für Tab´s.

                                      GlasfaserG Offline
                                      GlasfaserG Offline
                                      Glasfaser
                                      schrieb am zuletzt editiert von
                                      #108

                                      @mend sagte in Einfach mal zeigen will….. :-) - Teil 3:

                                      Hab keine Lust das alles selber zu machen, wäre schön wenn man sowas fertig irgendwo her bekommt und dieses dann umarbeiten kann.

                                      Vielleicht als Projekt von Kuddel Link Text

                                      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                                      sigi234S S 2 Antworten Letzte Antwort
                                      0
                                      • GlasfaserG Glasfaser

                                        @mend sagte in Einfach mal zeigen will….. :-) - Teil 3:

                                        Hab keine Lust das alles selber zu machen, wäre schön wenn man sowas fertig irgendwo her bekommt und dieses dann umarbeiten kann.

                                        Vielleicht als Projekt von Kuddel Link Text

                                        sigi234S Online
                                        sigi234S Online
                                        sigi234
                                        Forum Testing Most Active
                                        schrieb am zuletzt editiert von
                                        #109

                                        @Glasfaser sagte in Einfach mal zeigen will….. :-) - Teil 3:

                                        Vielleicht als Projekt von Kuddel Link Text

                                        Gut, aber nicht Responsive.

                                        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                        Immer Daten sichern!

                                        GlasfaserG 1 Antwort Letzte Antwort
                                        0
                                        • GlasfaserG Glasfaser

                                          @mend sagte in Einfach mal zeigen will….. :-) - Teil 3:

                                          Hab keine Lust das alles selber zu machen, wäre schön wenn man sowas fertig irgendwo her bekommt und dieses dann umarbeiten kann.

                                          Vielleicht als Projekt von Kuddel Link Text

                                          S Offline
                                          S Offline
                                          smartysmart
                                          schrieb am zuletzt editiert von
                                          #110

                                          @Glasfaser ist nicht responsive sondern für Galaxy Tab A so wie ich das sehe

                                          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

                                          966

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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