Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

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

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    277

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.6k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

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

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
visvisualisierungvisualizationvis editor
813 Posts 155 Posters 351.0k Views 157 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • K Offline
    K Offline
    Kallo
    wrote on last edited by
    #289

    Die Rezepte sind einfach copy/paste von der Webseite in normale HTML/Text-Elemente eingefügt. Als Vodafone-Kunde freue ich mich über alles, was lokal läuft, bzw. vorliegt... :face_with_rolling_eyes:
    Die Farben sind mal was anderes, sonst tendiere ich sehr zu schwarz. In der Küche wollte ich es heller und kontrastreicher haben damit es funktionaler ist.

    Es sind zwei Timer, einer fürs schnelle kochen (Nudeln, etc.) und einer für den Slow Cooker.

    Die Timer steuere ich über einen Datenpunkt und ein Skript. Jeder Button eines Timers setzt den Datenpunkt auf den entsprechenden Wert. Beim Grünkohl sind es z.B. 5 Stunden, also setze ich den Wert auf 300. Dazu läuft ein Skript, das bei Änderungen des Datenpunktes je nach Wert nach einer bestimmten Zeit die Benachrichtigungen abfeuert (Meldung an Telegram, Sprachausgabe auf allen Echos und Küchenlicht auf grün).

    Ist ein Timer aktiv, erfolgt eine zusätzliche Einblendung auf der VIS, das habe ich über die Sichtbarkeit gemacht (sichtbar wenn Wert von Datenpunkt Küchentimer != aus). Ist der Timer abgelaufen setzt das Skript den Datenpunkt auf 0, dann gibt ne zusätzliche Einblendung auf der VIS. Drückt man drauf wird der Datenpunkt auf "aus" gesetzt und alle Einblendungen sind wieder weg. Die Einblendungen sehen aber noch beschissen aus, da muss ich nochmal ran. :grimacing:

    Beim schnellen Timer steuere ich über die Sichtbarkeit die untere Zahlenreihe. Jede Minute wird ein Element mehr ausgeblendet, so hab ich quasi nen Countdown. Hier sinds noch 5 Minuten bis zum Schluß.

    Bildschirmfoto 2021-04-30 um 18.56.47.png

    Der Timer ist abgelaufen. Ein Druck auf die rote Schaltfläche und die Einblendungen verschwinden.

    Bildschirmfoto 2021-04-30 um 19.02.42.png

    C 1 Reply Last reply
    1
    • K Kallo

      Die Rezepte sind einfach copy/paste von der Webseite in normale HTML/Text-Elemente eingefügt. Als Vodafone-Kunde freue ich mich über alles, was lokal läuft, bzw. vorliegt... :face_with_rolling_eyes:
      Die Farben sind mal was anderes, sonst tendiere ich sehr zu schwarz. In der Küche wollte ich es heller und kontrastreicher haben damit es funktionaler ist.

      Es sind zwei Timer, einer fürs schnelle kochen (Nudeln, etc.) und einer für den Slow Cooker.

      Die Timer steuere ich über einen Datenpunkt und ein Skript. Jeder Button eines Timers setzt den Datenpunkt auf den entsprechenden Wert. Beim Grünkohl sind es z.B. 5 Stunden, also setze ich den Wert auf 300. Dazu läuft ein Skript, das bei Änderungen des Datenpunktes je nach Wert nach einer bestimmten Zeit die Benachrichtigungen abfeuert (Meldung an Telegram, Sprachausgabe auf allen Echos und Küchenlicht auf grün).

      Ist ein Timer aktiv, erfolgt eine zusätzliche Einblendung auf der VIS, das habe ich über die Sichtbarkeit gemacht (sichtbar wenn Wert von Datenpunkt Küchentimer != aus). Ist der Timer abgelaufen setzt das Skript den Datenpunkt auf 0, dann gibt ne zusätzliche Einblendung auf der VIS. Drückt man drauf wird der Datenpunkt auf "aus" gesetzt und alle Einblendungen sind wieder weg. Die Einblendungen sehen aber noch beschissen aus, da muss ich nochmal ran. :grimacing:

      Beim schnellen Timer steuere ich über die Sichtbarkeit die untere Zahlenreihe. Jede Minute wird ein Element mehr ausgeblendet, so hab ich quasi nen Countdown. Hier sinds noch 5 Minuten bis zum Schluß.

      Bildschirmfoto 2021-04-30 um 18.56.47.png

      Der Timer ist abgelaufen. Ein Druck auf die rote Schaltfläche und die Einblendungen verschwinden.

      Bildschirmfoto 2021-04-30 um 19.02.42.png

      C Offline
      C Offline
      Coffeelover
      wrote on last edited by
      #290

      @kallo Danke für die ausführliche Antwort und die pragmatische Idee zu dem Timer. Ich denke, das wird adaptiert. :) Hatte es mal mit dem Timer-Adpater versucht, jedoch immer Synchroisationsprobleme zwischen Server und Tablet.

      K 1 Reply Last reply
      0
      • C Coffeelover

        @kallo Danke für die ausführliche Antwort und die pragmatische Idee zu dem Timer. Ich denke, das wird adaptiert. :) Hatte es mal mit dem Timer-Adpater versucht, jedoch immer Synchroisationsprobleme zwischen Server und Tablet.

        K Offline
        K Offline
        Kallo
        wrote on last edited by
        #291

        @coffeelover Gerne doch. Freut mich, wenn es jemandem gefällt. Ich habe aus dem Forum schon so viele Anregungen und Infos gezogen, schön wenn ich zumindest mal etwas kleines zurückgeben kann. :beers:

        Die Timer-Lösung ist sicher nicht die eleganteste, aber sie funktioniert. Für den langen Timer tüftle ich gerade daran, den Zeitpunkt des Ablaufs zu berechnen und darzustellen.

        1 Reply Last reply
        0
        • P Offline
          P Offline
          PatrickFro
          wrote on last edited by
          #292

          Moin zusammen,

          meine Vis 3.0 nähert sich dem Ende, daher teile ich mal wieder Impressionen:

          d3c75293-6c1f-4a25-9dc4-73eb894d3b6f-image.png
          Klick auf Akkustand unten rechts lässt Handy lauten Ton abspielen, so dass es besser zu finden ist, Klick auf Infos in der Mitte lässt Aufzählung der Geräte mit Zustand als Popup darstellen

          008e3cbd-7246-44d5-a35c-c0f55f2e0b07-image.png
          Diese Seite gefällt mir noch nicht recht, leider sind mir hier die Ideen ausgegangen. Die beiden Bilder sind gifs, welche entweder allen Strom bzw. alles Licht ausschalten lässt.

          9a7d4d1a-9b85-4cc6-8103-dcf3bb447573-image.png

          8bd810dc-6c28-4f67-b1d7-0d44332d03c0-image.png
          Alle Bilder sind gifs, welche die Daten in der Mitte steuern. Nach Klick auf alle 3 gifs:
          7a8eb073-7e93-4466-8220-454fc99da691-image.png

          3db069be-9114-435a-8eb3-8f258fe7c089-image.png

          BananaJoeB N 2 Replies Last reply
          0
          • P PatrickFro

            Moin zusammen,

            meine Vis 3.0 nähert sich dem Ende, daher teile ich mal wieder Impressionen:

            d3c75293-6c1f-4a25-9dc4-73eb894d3b6f-image.png
            Klick auf Akkustand unten rechts lässt Handy lauten Ton abspielen, so dass es besser zu finden ist, Klick auf Infos in der Mitte lässt Aufzählung der Geräte mit Zustand als Popup darstellen

            008e3cbd-7246-44d5-a35c-c0f55f2e0b07-image.png
            Diese Seite gefällt mir noch nicht recht, leider sind mir hier die Ideen ausgegangen. Die beiden Bilder sind gifs, welche entweder allen Strom bzw. alles Licht ausschalten lässt.

            9a7d4d1a-9b85-4cc6-8103-dcf3bb447573-image.png

            8bd810dc-6c28-4f67-b1d7-0d44332d03c0-image.png
            Alle Bilder sind gifs, welche die Daten in der Mitte steuern. Nach Klick auf alle 3 gifs:
            7a8eb073-7e93-4466-8220-454fc99da691-image.png

            3db069be-9114-435a-8eb3-8f258fe7c089-image.png

            BananaJoeB Offline
            BananaJoeB Offline
            BananaJoe
            Most Active
            wrote on last edited by
            #293

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

            Klick auf Akkustand unten rechts lässt Handy lauten Ton abspielen, so dass es besser zu finden ist,

            Das hast du wie realisiert? Android oder Apple?

            ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 10 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV APC 750W kaskadiert || Creality CR-10 SE 3D-Drucker

            P 1 Reply Last reply
            0
            • BananaJoeB BananaJoe

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

              Klick auf Akkustand unten rechts lässt Handy lauten Ton abspielen, so dass es besser zu finden ist,

              Das hast du wie realisiert? Android oder Apple?

              P Offline
              P Offline
              PatrickFro
              wrote on last edited by
              #294

              @bananajoe Ich habe es über MacroDroid unter Android erledigt. Ich sende einen Webhook, der mein Handy kurzfristig laut stellt, 2 Töne abspielt und wieder stumm schaltet. Gleiches System nutze ich als Alarmanlage für meinen Keller.

              1 Reply Last reply
              0
              • KusselinK Offline
                KusselinK Offline
                Kusselin
                wrote on last edited by
                #295

                Woher bekommst du das mit den Sport- und Ess Vorschlägen PatrickFro?

                P 1 Reply Last reply
                0
                • KusselinK Kusselin

                  Woher bekommst du das mit den Sport- und Ess Vorschlägen PatrickFro?

                  P Offline
                  P Offline
                  PatrickFro
                  wrote on last edited by PatrickFro
                  #296

                  @kusselin Ich habe in Blockly 3 Listen angelegt. 2 mit "normalen" Gerichten und eine mit "Sommergerichten"

                  Beispiel:
                  e64610d8-8493-439b-a5a7-ad1c8581a19d-image.png

                  Selbes Prinzip beim Sport

                  1 Reply Last reply
                  0
                  • FlexerF Flexer

                    Hier noch eine kleine Animation von mir

                    418c57ab-86fe-41c4-9272-1c47f72d195d-image.png

                    Die Sonne läuft entsprechend Azimut und Altitude über die Vis ;)

                    F Offline
                    F Offline
                    Förster
                    wrote on last edited by
                    #297

                    @flexer Diese Animation mit dem Sonnenverlauf würde ich gern bei mir übernehmen. Könntest du erklären, wie du das realisiert hast ?

                    1 Reply Last reply
                    0
                    • P PatrickFro

                      Moin zusammen,

                      meine Vis 3.0 nähert sich dem Ende, daher teile ich mal wieder Impressionen:

                      d3c75293-6c1f-4a25-9dc4-73eb894d3b6f-image.png
                      Klick auf Akkustand unten rechts lässt Handy lauten Ton abspielen, so dass es besser zu finden ist, Klick auf Infos in der Mitte lässt Aufzählung der Geräte mit Zustand als Popup darstellen

                      008e3cbd-7246-44d5-a35c-c0f55f2e0b07-image.png
                      Diese Seite gefällt mir noch nicht recht, leider sind mir hier die Ideen ausgegangen. Die beiden Bilder sind gifs, welche entweder allen Strom bzw. alles Licht ausschalten lässt.

                      9a7d4d1a-9b85-4cc6-8103-dcf3bb447573-image.png

                      8bd810dc-6c28-4f67-b1d7-0d44332d03c0-image.png
                      Alle Bilder sind gifs, welche die Daten in der Mitte steuern. Nach Klick auf alle 3 gifs:
                      7a8eb073-7e93-4466-8220-454fc99da691-image.png

                      3db069be-9114-435a-8eb3-8f258fe7c089-image.png

                      N Offline
                      N Offline
                      nousefor82
                      wrote on last edited by
                      #298

                      @patrickfro

                      Erinnert mich so ein bisschen an meine VIS: :blush:

                      cd977515-f2b8-407a-af03-4fbdcc8b463a-image.png https://forum.iobroker.net/assets/uploads/files/1617861138934-6fed3a7e-ab77-453a-918b-1ab0863d5459-grafik.png

                      Versuche mal, die Buttons bissl mehr „in-line“ zu bringen. Dann bekommst du noch etwas mehr Ruhe rein.

                      Beste Grüße!

                      P 1 Reply Last reply
                      1
                      • N nousefor82

                        @patrickfro

                        Erinnert mich so ein bisschen an meine VIS: :blush:

                        cd977515-f2b8-407a-af03-4fbdcc8b463a-image.png https://forum.iobroker.net/assets/uploads/files/1617861138934-6fed3a7e-ab77-453a-918b-1ab0863d5459-grafik.png

                        Versuche mal, die Buttons bissl mehr „in-line“ zu bringen. Dann bekommst du noch etwas mehr Ruhe rein.

                        Beste Grüße!

                        P Offline
                        P Offline
                        PatrickFro
                        wrote on last edited by
                        #299

                        @nousefor82 Bei Dir habe ich für das Aussehen auch die Inspiration geholt ;-)

                        1 Reply Last reply
                        0
                        • K Offline
                          K Offline
                          Kallo
                          wrote on last edited by
                          #300

                          Das gefällt mir sehr. Ich habe mich daher einfach mal bei euch beiden schamlos bedient.. :grin:

                          3e4f10f1-7850-45c3-8788-b83bf17c9926-grafik.png

                          P 2 Replies Last reply
                          1
                          • K Kallo

                            Das gefällt mir sehr. Ich habe mich daher einfach mal bei euch beiden schamlos bedient.. :grin:

                            3e4f10f1-7850-45c3-8788-b83bf17c9926-grafik.png

                            P Offline
                            P Offline
                            PatrickFro
                            wrote on last edited by
                            #301

                            @kallo Wow, das blau ist echt eine super Idee. Gefällt mir sehr gut. Da meine VIS meiner besseren Hälfte zu wenig Farben enthält, kupfere ich vielleicht noch etwas ab ;-)

                            1 Reply Last reply
                            0
                            • K Kallo

                              Das gefällt mir sehr. Ich habe mich daher einfach mal bei euch beiden schamlos bedient.. :grin:

                              3e4f10f1-7850-45c3-8788-b83bf17c9926-grafik.png

                              P Offline
                              P Offline
                              PatrickFro
                              wrote on last edited by
                              #302

                              @kallo Welche Schriftart ist die von Dir genutzte? Gefällt mir gerade deutlich besser als meine ;-)

                              K 1 Reply Last reply
                              0
                              • P PatrickFro

                                @kallo Welche Schriftart ist die von Dir genutzte? Gefällt mir gerade deutlich besser als meine ;-)

                                K Offline
                                K Offline
                                Kallo
                                wrote on last edited by
                                #303

                                @patrickfro Als Hilfe zum Abkupfern.. :grin: :wink:

                                Ich habe folgende Farben und Fonts verwendet:

                                Hintergrund: #2672EC
                                rechter Block: #569CE3, Opacity 0.3
                                linker Block: #1B58B8, Opacitiy 0.7
                                Hintergrund der Info-Kästen: #000000, Opacity 0.3
                                Schriftart: Jura-Medium, xx-large
                                Die Trennstriche im linken Block sind 2px hohe Linien in #2672EC

                                1 Reply Last reply
                                0
                                • P Offline
                                  P Offline
                                  PatrickFro
                                  wrote on last edited by
                                  #304

                                  @kallo Hehe, danke. So detalliert meinte ich es nicht mit Abkupfern ;-) ;-) Ocupacy hat mir aber geholfen, damit habe ich noch nicht wirklich gearbeitet.

                                  K 1 Reply Last reply
                                  0
                                  • P PatrickFro

                                    @kallo Hehe, danke. So detalliert meinte ich es nicht mit Abkupfern ;-) ;-) Ocupacy hat mir aber geholfen, damit habe ich noch nicht wirklich gearbeitet.

                                    K Offline
                                    K Offline
                                    Kallo
                                    wrote on last edited by
                                    #305

                                    @patrickfro Egal, lieber zuviel als zuwenig. Wenn es jemandem nützt hat er dann gleich alles. :wink:

                                    M 1 Reply Last reply
                                    1
                                    • K Kallo

                                      @patrickfro Egal, lieber zuviel als zuwenig. Wenn es jemandem nützt hat er dann gleich alles. :wink:

                                      M Offline
                                      M Offline
                                      MartyBr
                                      wrote on last edited by
                                      #306

                                      @kallo
                                      Deine View ist wirklich gut gelungen. Gratulation!
                                      Sie ist auf das wesentliche beschränkt und nicht überfrachtet. Sie gefällt mir sehr gut.
                                      Wärst du bereit, die View zu teilen? Ich würde mich freuen.
                                      Gruß
                                      Martin

                                      Gruß
                                      Martin


                                      Intel NUCs mit Proxmox / Iobroker als VM unter Debian
                                      Raspeberry mit USB Leseköpfen für Smartmeter
                                      Homematic und Homematic IP

                                      K 1 Reply Last reply
                                      0
                                      • M MartyBr

                                        @kallo
                                        Deine View ist wirklich gut gelungen. Gratulation!
                                        Sie ist auf das wesentliche beschränkt und nicht überfrachtet. Sie gefällt mir sehr gut.
                                        Wärst du bereit, die View zu teilen? Ich würde mich freuen.
                                        Gruß
                                        Martin

                                        K Offline
                                        K Offline
                                        Kallo
                                        wrote on last edited by
                                        #307

                                        @MartyBr

                                        Danke! :blush: :beers:

                                        Klar, kein Problem, anbei der Code. Ich habe noch eine Ergänzung gemacht, tippt man auf die Regen-Anzeige unten rechts öffnet sich mittels dem "View in Widget"-Widget ein neuer (Teil-)View mit einer detaillierteren Steuerung meines Flur-Lichtes.

                                        093a809c-e8e1-48a4-8ecf-394251cf7fec-grafik.png

                                        adc4a786-1069-464f-a634-724f46e602cb-grafik.png

                                        iobroker View 011_Flur_3.rtf

                                        M 1 Reply Last reply
                                        0
                                        • K Kallo

                                          @MartyBr

                                          Danke! :blush: :beers:

                                          Klar, kein Problem, anbei der Code. Ich habe noch eine Ergänzung gemacht, tippt man auf die Regen-Anzeige unten rechts öffnet sich mittels dem "View in Widget"-Widget ein neuer (Teil-)View mit einer detaillierteren Steuerung meines Flur-Lichtes.

                                          093a809c-e8e1-48a4-8ecf-394251cf7fec-grafik.png

                                          adc4a786-1069-464f-a634-724f46e602cb-grafik.png

                                          iobroker View 011_Flur_3.rtf

                                          M Offline
                                          M Offline
                                          MartyBr
                                          wrote on last edited by
                                          #308

                                          @kallo
                                          Vielen Dank :clap:
                                          Ich werde die View mal installieren. Werden dafür bestimmte Adapter vorausgesetzt ?

                                          Gruß
                                          Martin


                                          Intel NUCs mit Proxmox / Iobroker als VM unter Debian
                                          Raspeberry mit USB Leseköpfen für Smartmeter
                                          Homematic und Homematic IP

                                          K 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          279

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe