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

NEWS

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.6k

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

[Vorstellung] neue Visualisierung :: minuVis

Geplant Angeheftet Gesperrt Verschoben Visualisierung
socket io
68 Beiträge 15 Kommentatoren 13.6k Aufrufe 22 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.
  • 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

    T Offline
    T Offline
    tdmf40
    schrieb am zuletzt editiert von
    #4

    @SVallant :+1:

    Ich habe gestern ein bisschen ausprobiert und den Adapter installiert, bisher gefällt mir das geboten ganz gut.

    Das ein oder andere Widget würde mir noch fehlen, aber ich vermute mal das die Entwicklung noch nicht beendet ist. Außerdem habe ich ein paar kleine Problemchen (CSS, Datentypen) gefunden, die ich nach Verifizierung ggfs. auf github einstellen werde.

    1 Antwort Letzte Antwort
    1
    • T Offline
      T Offline
      Taf73
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        0
        • T Offline
          T Offline
          Taf73
          schrieb am zuletzt editiert von
          #7

          Sauber :+1: !

          Vielen Dank

          1 Antwort Letzte Antwort
          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.
            schrieb am zuletzt editiert von
            #8

            @SVallant

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

            Schönes Projekt!

            SVallantS 1 Antwort Letzte Antwort
            0
            • B bob der 1.

              @SVallant

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

              Schönes Projekt!

              SVallantS Offline
              SVallantS Offline
              SVallant
              schrieb am zuletzt editiert von
              #9

              @bob-der-1 Danke, ist korrigiert

              1 Antwort Letzte Antwort
              0
              • T Offline
                T Offline
                Taf73
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  0
                  • JackDanielJ Online
                    JackDanielJ Online
                    JackDaniel
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          0
                          • JackDanielJ Online
                            JackDanielJ Online
                            JackDaniel
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              0
                              • JackDanielJ Online
                                JackDanielJ Online
                                JackDaniel
                                schrieb am zuletzt editiert von
                                #18

                                na das sieht doch schon mal :+1: aus

                                Carpe diem

                                SVallantS 1 Antwort Letzte Antwort
                                0
                                • JackDanielJ JackDaniel

                                  na das sieht doch schon mal :+1: aus

                                  SVallantS Offline
                                  SVallantS Offline
                                  SVallant
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  0
                                  • JackDanielJ Online
                                    JackDanielJ Online
                                    JackDaniel
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      0
                                      • JackDanielJ Online
                                        JackDanielJ Online
                                        JackDaniel
                                        schrieb am zuletzt editiert von
                                        #22

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

                                        Carpe diem

                                        1 Antwort Letzte Antwort
                                        1
                                        • S Offline
                                          S Offline
                                          schweigel
                                          schrieb am zuletzt editiert von
                                          #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 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

                                          622

                                          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