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. Visualisierung
  4. [Vorstellung] neue Visualisierung :: minuVis

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

[Vorstellung] neue Visualisierung :: minuVis

Scheduled Pinned Locked Moved Visualisierung
socket io
68 Posts 15 Posters 14.0k Views 22 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.
  • T Offline
    T Offline
    Taf73
    wrote on last edited by
    #5

    Erstmal Danke für den tollen Adapter, sieht klasse aus!

    Eine Frage hätte ich dazu,...wie erstelle ich so eine Wetteransicht wie auf Eurer Startseite?

    Danke und Grüße

    SVallantS 1 Reply Last reply
    0
    • T Taf73

      Erstmal Danke für den tollen Adapter, sieht klasse aus!

      Eine Frage hätte ich dazu,...wie erstelle ich so eine Wetteransicht wie auf Eurer Startseite?

      Danke und Grüße

      SVallantS Offline
      SVallantS Offline
      SVallant
      wrote on last edited by
      #6

      @Taf73 Danke für die Blumen

      Die Wetteransicht ist ein Iframe von meteoblue
      https://www.meteoblue.com/de/wetter/widget/setupday/herbelhausen_deutschland_2906244

      Du erstellst auf minuvis ein iframe-Widget und als URL nimmst du das was bei meteoblue im Attribut "src" steht:
      Also: https://www.meteoblue.com/de/wetter/widget/three/herbelhausen_deutschland_2906244?geoloc=fixed&nocurrent=0&noforecast=0&days=4&tempunit=CELSIUS&windunit=KILOMETER_PER_HOUR&layout=image

      1 Reply Last reply
      0
      • T Offline
        T Offline
        Taf73
        wrote on last edited by
        #7

        Sauber :+1: !

        Vielen Dank

        1 Reply Last reply
        0
        • SVallantS SVallant

          Nachdem wir mit ioBroker unser Haus smart gemacht haben, fehlte noch die passende Visualisierung ohne Cloudzwang.
          Wir haben vieles probiert, aber entweder war es zu kompliziert, zu unflexibel oder es gefiel uns einfach nicht.

          Deshalb haben wir minuVis, unsere Visualisierung gebaut und wollen diese hier vorstellen:

          minuVis besteht aus 2 Bausteinen:

          • dem sogenannten Builder, wo man seine Visu konfiguriert
          • und der WebApp minuVis, die die konfiguriete Visu auch darstellt.

          Genaue Infos findet ihr hier:

          • unsere Homepage minukodu.de
          • minuVis Quickstart

          Sowohl der Builder als auch minuVis verbindet sich über socket-io an ioBroker.
          Der Builder liest die vorhandenen Objekte und speichert die Konfiguration auf der ioBroker-Instanz ab.
          Die WebApp subscribt dort die Werte und stellt diese dar.

          Wir bitten um ein Feedback über die App hier,
          Bugs und Feature-Requests bitte auf Github eintragen.

          Es gibt auch ein YouTube-Video zur Anleitung: https://www.youtube.com/watch?v=yb3RgaOiWR8

          Für ganz ungeduldige hier der Link zu unserer Test-Installation wie im Quickstart beschrieben: Raketenstart ;-)

          Antworten können machmal auch etwas dauern, da wir dies in unserer Freizeit machen ....

          BTW: Wir arbeiten derzeit auch an einer Android-App, die die im Builder erstellte Konfiguration einliest und nativ auf dem Smartphone darstellt.

          Euer Minukodu-Team

          B Offline
          B Offline
          bob der 1.
          wrote on last edited by
          #8

          @SVallant

          Bei Quickstart ein Schreibfehler.
          Sollte diesen heissen......dieasen.

          Schönes Projekt!

          SVallantS 1 Reply Last reply
          0
          • B bob der 1.

            @SVallant

            Bei Quickstart ein Schreibfehler.
            Sollte diesen heissen......dieasen.

            Schönes Projekt!

            SVallantS Offline
            SVallantS Offline
            SVallant
            wrote on last edited by
            #9

            @bob-der-1 Danke, ist korrigiert

            1 Reply Last reply
            0
            • T Offline
              T Offline
              Taf73
              wrote on last edited by
              #10

              Nachdem ich nun fast mein ganzes Haus mit Eurem Adapter visualisiert habe (danke noch einmal dafür), habe ich noch eine Frage,...wie kann ich denn die einzelnen Widgets "formatieren" (z. B. den Kalender als Tabelle innnerhalb des Widgets).

              Vielen Dank und Grüße

              SVallantS 1 Reply Last reply
              0
              • T Taf73

                Nachdem ich nun fast mein ganzes Haus mit Eurem Adapter visualisiert habe (danke noch einmal dafür), habe ich noch eine Frage,...wie kann ich denn die einzelnen Widgets "formatieren" (z. B. den Kalender als Tabelle innnerhalb des Widgets).

                Vielen Dank und Grüße

                SVallantS Offline
                SVallantS Offline
                SVallant
                wrote on last edited by
                #11

                @Taf73 Der Kalender ist ein HTML-Element.
                Du stylst das mit CSS entweder inline mit einem <style>-Tag
                Oder du nutzt globales CSS in minuvis (links im Builder-Menu: "global CSS")

                1 Reply Last reply
                0
                • JackDanielJ Online
                  JackDanielJ Online
                  JackDaniel
                  wrote on last edited by
                  #12

                  ich finde die idee wirklich toll :+1:
                  ich hab mir das hier mit dem aio creator neo mit dem iobroker plugin mal erstellt, leider funktiniert das aktualisieren der werte nur bei ios geräten :(
                  ohne minuVis jetzt gross probiert zu haben, ist das in der Art möglich?
                  Bildschirmfoto 2020-05-26 um 10.41.30.png
                  Danke im Voraus.

                  Carpe diem

                  SVallantS 1 Reply Last reply
                  0
                  • JackDanielJ JackDaniel

                    ich finde die idee wirklich toll :+1:
                    ich hab mir das hier mit dem aio creator neo mit dem iobroker plugin mal erstellt, leider funktiniert das aktualisieren der werte nur bei ios geräten :(
                    ohne minuVis jetzt gross probiert zu haben, ist das in der Art möglich?
                    Bildschirmfoto 2020-05-26 um 10.41.30.png
                    Danke im Voraus.

                    SVallantS Offline
                    SVallantS Offline
                    SVallant
                    wrote on last edited by
                    #13

                    @JackDaniel Naja, out of the Box ist das möglich mit dem HTML-Element.
                    D.h. du müsstest in einem State das anzuzeigende HTML hinterlegen und bei State-Änderung updaten.
                    Wenn js, html und css keine Fremdwörter für dich sind ....

                    Alternative: Output-Widget:
                    Demo:
                    http://94.130.57.38:8082/minuvis/app/?url=http%3A%2F%2F94.130.57.38%3A8082&file=demo_Window.json&forceUpdate

                    Windows2020.jpg

                    JackDanielJ 1 Reply Last reply
                    0
                    • SVallantS SVallant

                      @JackDaniel Naja, out of the Box ist das möglich mit dem HTML-Element.
                      D.h. du müsstest in einem State das anzuzeigende HTML hinterlegen und bei State-Änderung updaten.
                      Wenn js, html und css keine Fremdwörter für dich sind ....

                      Alternative: Output-Widget:
                      Demo:
                      http://94.130.57.38:8082/minuvis/app/?url=http%3A%2F%2F94.130.57.38%3A8082&file=demo_Window.json&forceUpdate

                      Windows2020.jpg

                      JackDanielJ Online
                      JackDanielJ Online
                      JackDaniel
                      wrote on last edited by JackDaniel
                      #14

                      @SVallant said in [Vorstellung] neue Visualisierung :: minuVis:

                      Wenn js, html und css keine Fremdwörter für dich sind ....

                      danke für die rasche antwort, und zu deiner frage ja das sind zwar keine fremdwörter aber so richtig hab ich davon auch keinen plan :cry:
                      eigentlich würd man dazu nur ein "erweitertes output widget" benötigen ;)

                      Carpe diem

                      SVallantS 1 Reply Last reply
                      0
                      • JackDanielJ JackDaniel

                        @SVallant said in [Vorstellung] neue Visualisierung :: minuVis:

                        Wenn js, html und css keine Fremdwörter für dich sind ....

                        danke für die rasche antwort, und zu deiner frage ja das sind zwar keine fremdwörter aber so richtig hab ich davon auch keinen plan :cry:
                        eigentlich würd man dazu nur ein "erweitertes output widget" benötigen ;)

                        SVallantS Offline
                        SVallantS Offline
                        SVallant
                        wrote on last edited by
                        #15

                        @JackDaniel ja ok, wie stellst du dir das "erweiterte Output-Widget" denn vor ?
                        Welche Parameter hätte es denn ?
                        Wie würde es aussehen ?

                        1 Reply Last reply
                        0
                        • JackDanielJ Online
                          JackDanielJ Online
                          JackDaniel
                          wrote on last edited by
                          #16

                          hmm ich denke damit es nicht zu kompliziert wird würde sich ja ein tür und ein fenster widget anbieten.
                          bei türen/fenster gibt es drei status (offen,geschlossen,gekippt), ergo müsste man drei states zuweisen können
                          was bei einer türe mit schloss noch dazu kommen würde wäre dann natütlich noch zwei wegen zugesperrt/aufgesperrt
                          der ober hammer das ganze dann noch mit regeln um den staus per icon anzuzeigen :)

                          bezüglich dem "erweiterten" output widget, so wie es jetzt ist nur eben das man den output im widget selbst duplizieren könnte bzw. einfach die schon bestehende auswahl auf 3 bis fünf status zu erweitern.
                          so sieht es schon ein bischen unübersichtlich aus am handy
                          Screenshot_2020-05-26-13-11-15-582_com.android.chrome.jpg

                          Carpe diem

                          SVallantS 1 Reply Last reply
                          0
                          • JackDanielJ JackDaniel

                            hmm ich denke damit es nicht zu kompliziert wird würde sich ja ein tür und ein fenster widget anbieten.
                            bei türen/fenster gibt es drei status (offen,geschlossen,gekippt), ergo müsste man drei states zuweisen können
                            was bei einer türe mit schloss noch dazu kommen würde wäre dann natütlich noch zwei wegen zugesperrt/aufgesperrt
                            der ober hammer das ganze dann noch mit regeln um den staus per icon anzuzeigen :)

                            bezüglich dem "erweiterten" output widget, so wie es jetzt ist nur eben das man den output im widget selbst duplizieren könnte bzw. einfach die schon bestehende auswahl auf 3 bis fünf status zu erweitern.
                            so sieht es schon ein bischen unübersichtlich aus am handy
                            Screenshot_2020-05-26-13-11-15-582_com.android.chrome.jpg

                            SVallantS Offline
                            SVallantS Offline
                            SVallant
                            wrote on last edited by
                            #17

                            @JackDaniel Ok, was meinst du zu einem "Kompakt-Modus" des Output Widgets ?

                            • ohne Änderungsdatumszeile
                            • und unterlagert einem Wrapper-Widget ...
                              Praktisch so wie dein Vorschlag:
                              1590491597766-screenshot_2020-05-26-13-11-15-582_com.android.chrome.jpg

                            Ich gucke mal, wie sich das umsetzen lässt ....

                            1 Reply Last reply
                            0
                            • JackDanielJ Online
                              JackDanielJ Online
                              JackDaniel
                              wrote on last edited by
                              #18

                              na das sieht doch schon mal :+1: aus

                              Carpe diem

                              SVallantS 1 Reply Last reply
                              0
                              • JackDanielJ JackDaniel

                                na das sieht doch schon mal :+1: aus

                                SVallantS Offline
                                SVallantS Offline
                                SVallant
                                wrote on last edited by
                                #19

                                @JackDaniel Schau mal auf unseren Entwicklungs-Builder: http://dev.builder.minukodu.de/
                                URL: http://94.130.57.38:9090/
                                file: compactModeTest
                                und dann "PreView in new Tab"

                                Was meinst dazu ?

                                1 Reply Last reply
                                0
                                • JackDanielJ Online
                                  JackDanielJ Online
                                  JackDaniel
                                  wrote on last edited by
                                  #20

                                  Ich bin gerade erst von einem Business Trip aus Italien nach Hause gekommen, ich schaue mir das so schnell als möglich an.

                                  Carpe diem

                                  SVallantS 1 Reply Last reply
                                  0
                                  • JackDanielJ JackDaniel

                                    Ich bin gerade erst von einem Business Trip aus Italien nach Hause gekommen, ich schaue mir das so schnell als möglich an.

                                    SVallantS Offline
                                    SVallantS Offline
                                    SVallant
                                    wrote on last edited by
                                    #21

                                    @JackDaniel ok, zum Testen gibt eine neue Version des Adapters:

                                    https://github.com/minukodu/ioBroker.minuvis/tarball/dev/V110

                                    • mit Compact-Mode und
                                    • LinkButton zur Navigation zu anderen Pages innerhalb der App
                                    1 Reply Last reply
                                    0
                                    • JackDanielJ Online
                                      JackDanielJ Online
                                      JackDaniel
                                      wrote on last edited by
                                      #22

                                      wow ist cool geworden :+1:
                                      Screenshot_2020-05-30-11-56-55-104_com.android.chrome.jpg

                                      Carpe diem

                                      1 Reply Last reply
                                      1
                                      • S Offline
                                        S Offline
                                        schweigel
                                        wrote on last edited by
                                        #23

                                        Hallo,

                                        habe mir das mal angesehen und finde es schon mal echt gut.
                                        Für mich haben sich auch gleich einige Fragen/Anregungen ergeben:

                                        • Ich habe in ioBroker den Adapter minuVis installiert. Dieser liegt in Version 0.0.5 vor und enthält minuVis Web 1.0.4. Im Github gibt es bereits die Webapp in Version 1.2.1. Wie komme ich an die neueste Version?
                                        • iframes werden über beide Spalten dargestellt, flots aber nur in einer. Kann man das vorgeben? Wenn nein wäre das von mir eine Anregung für die Weiterentwicklung.
                                        • über jedem Widget steht ein Datum und die Uhrzeit, es wäre schön, wenn man dies auch ausblenden könnte (einmal pro Seite sollte ausreichen)
                                        • Gibt es einen einfachen Weg eigene Icons einzubinden?
                                        • für die Formatierung der Zahlen wird numeraljs verwendet (kannte ich noch nicht, scheint aber super zu sein) laut deren Website kann man das Format auch auf das deutsche Anpassen ( , <-> . ) diese Option hätte ich auch gerne zur Auswahl -> Verbesserungsanregung

                                        Das ist mir erstmal dazu eingefallen. Danke für die viele Arbeit.

                                        Grüße

                                        1 Reply Last reply
                                        0
                                        • SVallantS Offline
                                          SVallantS Offline
                                          SVallant
                                          wrote on last edited by SVallant
                                          #24

                                          Hallo schweigel,
                                          schön dass es dir gefällt.
                                          Die Haupt-Version im Master-Zweig wird erstmal auf 0.0.5 bleiben, da die Zulasung zum latest-Repository von ioBroker läuft (leider schon seit 14.Mai, die kommen nicht hinterher ...)
                                          Es gibt aber ander Branchen mit neuerer minuvis-Version:
                                          https://github.com/minukodu/ioBroker.minuvis/tree/dev/006/121
                                          installiere von
                                          https://github.com/minukodu/ioBroker.minuvis/tarball/dev/006/121

                                          bzgl. iframe und flot verstehe ich nicht ganz. Kannst du hier ein Beispiel machen und den Link und eine Screenshot posten ?
                                          http://94.130.57.38:8082/minuvis/builder/index.html

                                          Du kannst per CSS alles ein oder ausblenden:
                                          Trage im Global CSS ein:

                                          .list-header {
                                             display: none;
                                          }
                                          

                                          eigene Icons können derzeit noch nicht eingebunden werden, kommt auf die Featureliste, ist aber schwierig umzusetzen, wir arebiten aber an mehr Auswahl für Icons ..

                                          numeraljs guck ich mir an

                                          Sepp

                                          S ? 2 Replies 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

                                          670

                                          Online

                                          32.6k

                                          Users

                                          82.3k

                                          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