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 4

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    10
    1
    65

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    11
    1
    554

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.7k

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

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
104 Beiträge 40 Kommentatoren 22.0k Aufrufe 55 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.
  • Ro75R Ro75

    @wendy2702 sagte in Einfach mal zeigen will….. :-) - Teil 4:

    wie hast du das mit den Bildern der Personen im Familienkalender gelöst?

    Das ist auch nicht kompliziert. Der iCal-Adapter liefert die Informationen. Auf der Beispiel/Demo-Seite von Materila-Design gibt es ein Skript, welches die Daten des iCal-Adapter in eine passende JSON für das Kalender-Widget umwandelt. Das Design (Farben und Co) lässt sich frei gestalten. Der Rest (Farbe pro Kalendereintrag (User)) kann einfach im Skript modifiziert werden.

    Ro75.

    wendy2702W Online
    wendy2702W Online
    wendy2702
    schrieb am zuletzt editiert von
    #82

    @ro75 sagte in Einfach mal zeigen will….. :-) - Teil 4:

    @wendy2702 sagte in Einfach mal zeigen will….. :-) - Teil 4:

    wie hast du das mit den Bildern der Personen im Familienkalender gelöst?

    Das ist auch nicht kompliziert. Der iCal-Adapter liefert die Informationen. Auf der Beispiel/Demo-Seite von Materila-Design gibt es ein Skript, welches die Daten des iCal-Adapter in eine passende JSON für das Kalender-Widget umwandelt. Das Design (Farben und Co) lässt sich frei gestalten. Der Rest (Farbe pro Kalendereintrag (User)) kann einfach im Skript modifiziert werden.

    Ro75.

    Muss nochmal etwas fragen.

    Nutzt du mehrere einzelne Kalender für jede Person einen und verarbeitest die im Script oder einen "Familienkalender" ?

    Bitte keine Fragen per PN, die gehören ins Forum!

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

    Ro75R 1 Antwort Letzte Antwort
    0
    • wendy2702W wendy2702

      @ro75 sagte in Einfach mal zeigen will….. :-) - Teil 4:

      @wendy2702 sagte in Einfach mal zeigen will….. :-) - Teil 4:

      wie hast du das mit den Bildern der Personen im Familienkalender gelöst?

      Das ist auch nicht kompliziert. Der iCal-Adapter liefert die Informationen. Auf der Beispiel/Demo-Seite von Materila-Design gibt es ein Skript, welches die Daten des iCal-Adapter in eine passende JSON für das Kalender-Widget umwandelt. Das Design (Farben und Co) lässt sich frei gestalten. Der Rest (Farbe pro Kalendereintrag (User)) kann einfach im Skript modifiziert werden.

      Ro75.

      Muss nochmal etwas fragen.

      Nutzt du mehrere einzelne Kalender für jede Person einen und verarbeitest die im Script oder einen "Familienkalender" ?

      Ro75R Offline
      Ro75R Offline
      Ro75
      schrieb am zuletzt editiert von
      #83

      @wendy2702 in Google ein Kalender für mehrere Personen, oder auch mehrere Kalender. Wir haben einen Account mit mehreren Nutzern. Für jeden Nutzer gibt es eine PRIVATE Url. Bei uns sind es drei. Diese sind in einer Instanz im ICal-Adapter hinterlegt.

      Ro75.

      SERVER = Beelink U59 16GB DDR4 RAM 512GB SSD, FB 7490, FritzDect 200+301+440, ConBee II, Zigbee Aqara Sensoren + NOUS A1Z, NOUS A1T, Philips Hue ** ioBroker, REDIS, influxdb2, Grafana, PiHole, Plex-Mediaserver, paperless-ngx (Docker), MariaDB + phpmyadmin *** VIS-Runtime = Intel NUC 8GB RAM 128GB SSD + 24" Touchscreen

      1 Antwort Letzte Antwort
      1
      • M Mordrak

        Hallo an alle Mitleser.
        Da ich hier schon seit ca. 6 Jahren reinschaue und ich immer wieder inspieriert von den tollen Visualisieungen bin, möchte ich heute auch einmal Meine vorstellen.
        Erstellt wurde sie noch im VIS 1.
        Mir war wichtig, nur die nötigsten Infos auf den Seiten anzuzeigen.
        Daher ist die ganze Visualisierung eher schlicht. Zusätzliche Informationen bei den Anlagen lassen sich natürlich einblenden, wenn genauere Daten benötigt werden.
        Alle Seiten hier hochzuladen, würde den Post wohl zu lang werden lassen, daher nur das wichtigste.

        Startseite (Links =Infobereich , Mitte=Navigation, Rechts = Anlagen und Klima, Unten = Energie / Player)
        1_Home.png
        2_Home.png

        Beleuchtung
        3_Beleuchtung.png
        4_Einstellungen.png

        Heizung
        5_Heizung.png
        7_Raumregelung.png
        6_Heizungsverteiler.png

        Zirkulation
        18_Zirkulation.png

        Lüftung
        8_Luftung.png
        9_Luftqualität.png

        PV / Solar
        10_PV_Solar.png

        Jalousien
        12_Jalousien.png

        Gebäude
        17_Übersicht.png

        Energie
        Statistik.png Einergiefluss.png 14_Energie.png

        agreenA Offline
        agreenA Offline
        agreen
        schrieb am zuletzt editiert von
        #84

        @mordrak
        Wie hast du das Diagramm Leistung / PV erstellt?
        ich möchte gerne komplett von Grafana weg und das sieht sehr gut aus.

        M 1 Antwort Letzte Antwort
        0
        • agreenA agreen

          @mordrak
          Wie hast du das Diagramm Leistung / PV erstellt?
          ich möchte gerne komplett von Grafana weg und das sieht sehr gut aus.

          M Offline
          M Offline
          Mordrak
          schrieb am zuletzt editiert von
          #85

          @agreen
          Das sind verschiedene Widget vom Material design Adapter.

          https://github.com/Scrounger/ioBroker.vis-materialdesign

          Die View habe ich am 27. April schon hochgeladen.

          Sie heißt "12_Statistiken_Leistung"

          1 Antwort Letzte Antwort
          0
          • F Offline
            F Offline
            Fichte
            schrieb am zuletzt editiert von
            #86

            @Ro75

            Welchen Akku Stand holsst du dir bei deinen Bewohnern und wie?

            Liebe Grüße

            Ro75R 1 Antwort Letzte Antwort
            0
            • F Fichte

              @Ro75

              Welchen Akku Stand holsst du dir bei deinen Bewohnern und wie?

              Liebe Grüße

              Ro75R Offline
              Ro75R Offline
              Ro75
              schrieb am zuletzt editiert von
              #87

              @fichte via Owntracks.

              Ro75.

              SERVER = Beelink U59 16GB DDR4 RAM 512GB SSD, FB 7490, FritzDect 200+301+440, ConBee II, Zigbee Aqara Sensoren + NOUS A1Z, NOUS A1T, Philips Hue ** ioBroker, REDIS, influxdb2, Grafana, PiHole, Plex-Mediaserver, paperless-ngx (Docker), MariaDB + phpmyadmin *** VIS-Runtime = Intel NUC 8GB RAM 128GB SSD + 24" Touchscreen

              F 1 Antwort Letzte Antwort
              0
              • Ro75R Ro75

                In den letzten Jahren habe ich immer wieder mal meine VIS gezeigt, um Ideen / Anregungen zu liefern. Heute wieder ein neuer, aktueller Stand. Die größte Änderung bei mir, jetzt nutze ich Grafana (via InfluxDB und Infinity-Get). In der Vergangenheit hatte ich zuerst mit Flot, dann mit den e-Charts und zum Schluss mit Material-Design gearbeitet. Letztlich bin ich dann doch bei Grafana gelandet. MAcht es für mich, speziell mit dem Infinity-Get Plugin (Danke an das geteilte Wissen hier im Forum) recht einfach und flexibel.

                Wie immer soll es nur eine Anregung sein. Ein Export der VIS würde den Rahmen sprengen und nicht lauffähig sein, da hier Aliase und Skripte mit den Views eine Einheit bilden. Einige der Skripte findet ihr auch hier in der Datenbank.

                Hier nun die Haupt- und ein paar Neben-Views:

                Hauptseite_anonymized.png
                System_anonymized.png
                Energie_anonymized.png
                Licht_anonymized.png
                Wetter_anonymized.png
                Tanken_anonymized.png
                Roborock_anonymized.png
                Familie_anonymized.png
                Familie2_anonymized.png

                Radiosender.png

                Musikauswahl.png

                Einstellungen.png

                Artikelauswahl.png

                Das sind die verwendeten Adapter / Instanzen:

                Instanzen.png

                Ro75.

                S Online
                S Online
                Snopy_16
                schrieb am zuletzt editiert von
                #88

                @ro75 du spinnst🤣😂👍👏
                Ein Wahnsinn!!

                Man kann nicht alle Probleme lösen, aber wenigstens verursachen.

                LenovoThinkCentre M900 Tiny | i5-T6500 | 16 GB | 256 SSD
                iobroker auf Proxmox VM
                Node.js: v22.18.0 - NPM: 10.9.3 - js-controller: 7.0.6 - admin: v7.7.2
                FritzBox-7530TX hinter Glasfasermodem, WiFi mit Unifi

                1 Antwort Letzte Antwort
                0
                • Ro75R Ro75

                  @fichte via Owntracks.

                  Ro75.

                  F Offline
                  F Offline
                  Fichte
                  schrieb am zuletzt editiert von
                  #89

                  @ro75 sagte in Einfach mal zeigen will….. :-) - Teil 4:

                  @fichte via Owntracks.

                  Ro75.

                  Hab ich mir mal angeschaut, aber scheinbar wird der Adapter nicht weiter Entwickelt, da der letzte stand 22.04.2024 ist.

                  Aber ich werd es mir trotzdem mal Anschauen :+1: Vielen Dank

                  1 Antwort Letzte Antwort
                  0
                  • skvarelS Online
                    skvarelS Online
                    skvarel
                    Developer
                    schrieb am zuletzt editiert von skvarel
                    #90

                    Meine VIS-2 .. komplett mit inventwo Widgets und den neuen inventwo SVG Icons

                    (Die Hauptseiten)

                    001-Index.PNG 002-KG.PNG 003-EG.PNG 004-OG.PNG 005-Büro.PNG 006-Garten.PNG

                    #TeamInventwo
                    • Autodarts by inventwo
                    • vis-inventwo & vis-2-widgets-inventwo
                    • vis-icontwo & vis-2-widgets-icontwo

                    1 Antwort Letzte Antwort
                    0
                    • skvarelS Online
                      skvarelS Online
                      skvarel
                      Developer
                      schrieb am zuletzt editiert von skvarel
                      #91

                      (Die Popups)

                      009-Katzen.PNG 008-Heizung-3.PNG 008-Heizung-2.PNG 008-Heizung-1.PNG 007-Strom-2.PNG 007-Strom-1.PNG 015-Temp.PNG 014-Roberta.PNG 013-Video.PNG 012-Müll.PNG 011-Netzwerk.PNG 010-Fenster.PNG 019-Dart.PNG 018-Maps.PNG 017-Schichten.PNG 016-Custom.PNG

                      #TeamInventwo
                      • Autodarts by inventwo
                      • vis-inventwo & vis-2-widgets-inventwo
                      • vis-icontwo & vis-2-widgets-icontwo

                      R 1 Antwort Letzte Antwort
                      0
                      • K KhaosRipper

                        Dann hier nochmal, da Teil 3 geschlossen ist:

                        Guten Abend zusammen,

                        Ich traue mich jetzt auch mal und will euch meine Vis (in Arbeit) zeigen und eure meinung dazu wissen.

                        Erstellt mit VIS-2

                        Screenshot 2024-01-10 192446.png
                        Screenshot 2024-01-09 200623.png
                        Screenshot 2024-01-09 200633.png
                        Screenshot 2024-01-09 200647.png
                        Screenshot 2024-01-09 200701.png
                        Screenshot 2024-01-09 200712.png
                        Screenshot 2024-01-10 192637.png
                        Screenshot 2024-01-10 193907.png

                        Bin über jede Kritik und Anregung offen.

                        Viele Grüße und einen schönen Abend

                        @Glasfaser
                        bezüglich deiner Frage

                        Die erst Frage würde hier von vielen kommen ... kannst du deine Projekt zur Verfügung stellen 😉

                        Sicher, hier!

                        2024-01-12-Home.zip

                        EisbaeeerE Offline
                        EisbaeeerE Offline
                        Eisbaeeer
                        Developer
                        schrieb am zuletzt editiert von
                        #92

                        @khaosripper Sehr schönes, klares Desgin. Gefällt mir gut. Würdest du einen Export bereitstellen?
                        VG Lars

                        Kein support per PM. Bitte im Forum Fragen stellen!

                        NegaleinN 1 Antwort Letzte Antwort
                        0
                        • EisbaeeerE Eisbaeeer

                          @khaosripper Sehr schönes, klares Desgin. Gefällt mir gut. Würdest du einen Export bereitstellen?
                          VG Lars

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

                          @eisbaeeer sagte in Einfach mal zeigen will….. :-) - Teil 4:

                          Würdest du einen Export bereitstellen?

                          er war schon lange nicht mehr online.
                          Aber in seinem Beitrag findest du eine .zip seines Projekts.

                          Sicher, hier!

                          2024-01-12-Home.zip

                          ° Node.js Update ---> iob nodejs-update
                          ° Fixer ---> iob fix

                          EisbaeeerE 1 Antwort Letzte Antwort
                          1
                          • NegaleinN Negalein

                            @eisbaeeer sagte in Einfach mal zeigen will….. :-) - Teil 4:

                            Würdest du einen Export bereitstellen?

                            er war schon lange nicht mehr online.
                            Aber in seinem Beitrag findest du eine .zip seines Projekts.

                            Sicher, hier!

                            2024-01-12-Home.zip

                            EisbaeeerE Offline
                            EisbaeeerE Offline
                            Eisbaeeer
                            Developer
                            schrieb am zuletzt editiert von
                            #94

                            @negalein sagte in Einfach mal zeigen will….. :-) - Teil 4:

                            @eisbaeeer sagte in Einfach mal zeigen will….. :-) - Teil 4:

                            Würdest du einen Export bereitstellen?

                            er war schon lange nicht mehr online.
                            Aber in seinem Beitrag findest du eine .zip seines Projekts.

                            Sicher, hier!

                            2024-01-12-Home.zip

                            Hab es gefunden. Danke für deinen Hinweis!
                            Manchmal ist man blind ;-)

                            Kein support per PM. Bitte im Forum Fragen stellen!

                            1 Antwort Letzte Antwort
                            0
                            • skvarelS skvarel

                              (Die Popups)

                              009-Katzen.PNG 008-Heizung-3.PNG 008-Heizung-2.PNG 008-Heizung-1.PNG 007-Strom-2.PNG 007-Strom-1.PNG 015-Temp.PNG 014-Roberta.PNG 013-Video.PNG 012-Müll.PNG 011-Netzwerk.PNG 010-Fenster.PNG 019-Dart.PNG 018-Maps.PNG 017-Schichten.PNG 016-Custom.PNG

                              R Offline
                              R Offline
                              RISSN
                              schrieb am zuletzt editiert von
                              #95

                              @skvarel kannst du mir vielleicht die Transparent Button zur Verfügung stellen? Die sehen cool aus

                              skvarelS 1 Antwort Letzte Antwort
                              0
                              • R RISSN

                                @skvarel kannst du mir vielleicht die Transparent Button zur Verfügung stellen? Die sehen cool aus

                                skvarelS Online
                                skvarelS Online
                                skvarel
                                Developer
                                schrieb am zuletzt editiert von
                                #96

                                @rissn sagte in Einfach mal zeigen will….. :-) - Teil 4:

                                @skvarel kannst du mir vielleicht die Transparent Button zur Verfügung stellen? Die sehen cool aus

                                .. welche Button?

                                #TeamInventwo
                                • Autodarts by inventwo
                                • vis-inventwo & vis-2-widgets-inventwo
                                • vis-icontwo & vis-2-widgets-icontwo

                                R 1 Antwort Letzte Antwort
                                0
                                • skvarelS skvarel

                                  @rissn sagte in Einfach mal zeigen will….. :-) - Teil 4:

                                  @skvarel kannst du mir vielleicht die Transparent Button zur Verfügung stellen? Die sehen cool aus

                                  .. welche Button?

                                  R Offline
                                  R Offline
                                  RISSN
                                  schrieb am zuletzt editiert von
                                  #97

                                  @skvarel

                                  607782ba-cda9-497d-8591-689b8ba0adcf-image.png

                                  ich denke, dass sind welche?

                                  skvarelS 1 Antwort Letzte Antwort
                                  0
                                  • R RISSN

                                    @skvarel

                                    607782ba-cda9-497d-8591-689b8ba0adcf-image.png

                                    ich denke, dass sind welche?

                                    skvarelS Online
                                    skvarelS Online
                                    skvarel
                                    Developer
                                    schrieb am zuletzt editiert von skvarel
                                    #98

                                    @rissn .. das sind ganz einfache inventwo Widgets. Mit denen steuere ich die Optik meiner VIS über Bindings.

                                    Als Farbe einfach nur einen Farbverlauf eingetragen und eine Widget-Transparenz von 0.9

                                    Aktiv:

                                    linear-gradient(#444, #2e434a)
                                    

                                    Passiv:

                                    linear-gradient(#444, #111)
                                    

                                    #TeamInventwo
                                    • Autodarts by inventwo
                                    • vis-inventwo & vis-2-widgets-inventwo
                                    • vis-icontwo & vis-2-widgets-icontwo

                                    D 1 Antwort Letzte Antwort
                                    0
                                    • skvarelS skvarel

                                      @rissn .. das sind ganz einfache inventwo Widgets. Mit denen steuere ich die Optik meiner VIS über Bindings.

                                      Als Farbe einfach nur einen Farbverlauf eingetragen und eine Widget-Transparenz von 0.9

                                      Aktiv:

                                      linear-gradient(#444, #2e434a)
                                      

                                      Passiv:

                                      linear-gradient(#444, #111)
                                      
                                      D Offline
                                      D Offline
                                      Dk
                                      schrieb am zuletzt editiert von
                                      #99

                                      @skvarel
                                      Magst du mal verraten wie du das genau gemacht hast?
                                      Also das ich durch klicken der Buttons, die Darstellung der Vis ändern kann?

                                      skvarelS 1 Antwort Letzte Antwort
                                      0
                                      • D Dk

                                        @skvarel
                                        Magst du mal verraten wie du das genau gemacht hast?
                                        Also das ich durch klicken der Buttons, die Darstellung der Vis ändern kann?

                                        skvarelS Online
                                        skvarelS Online
                                        skvarel
                                        Developer
                                        schrieb am zuletzt editiert von
                                        #100

                                        @dk ..

                                        Die Buttons in der View steuern ein paar eigene Datenpunkte:

                                        1dbdfecb-a107-440c-ae76-cdb913227296-image.png

                                        Diese Datenpunkte nutze ich bei ALLEN Widgets als Binding:

                                        580be612-b218-4bf8-9125-0d31e10590c8-image.png

                                        cd7de085-9a4b-499e-9834-c16088535d44-image.png

                                        Wenn sich nun ein Datenpunkt ändert, ändern sich ALLE Widgets ;)

                                        #TeamInventwo
                                        • Autodarts by inventwo
                                        • vis-inventwo & vis-2-widgets-inventwo
                                        • vis-icontwo & vis-2-widgets-icontwo

                                        D 2 Antworten Letzte Antwort
                                        0
                                        • skvarelS skvarel

                                          @dk ..

                                          Die Buttons in der View steuern ein paar eigene Datenpunkte:

                                          1dbdfecb-a107-440c-ae76-cdb913227296-image.png

                                          Diese Datenpunkte nutze ich bei ALLEN Widgets als Binding:

                                          580be612-b218-4bf8-9125-0d31e10590c8-image.png

                                          cd7de085-9a4b-499e-9834-c16088535d44-image.png

                                          Wenn sich nun ein Datenpunkt ändert, ändern sich ALLE Widgets ;)

                                          D Offline
                                          D Offline
                                          Dk
                                          schrieb am zuletzt editiert von
                                          #101

                                          @skvarel Danke für die schnelle Antwort. Das werde ich mir mal anschauen 😀👍🏻

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          631

                                          Online

                                          32.5k

                                          Benutzer

                                          81.8k

                                          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