Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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. Meine neue DIY-Visualisierung für ioBroker

NEWS

  • wichtiges UPDATE für controller 7.2.2 im stable
    HomoranH
    Homoran
    10
    1
    2.2k

  • Neues YouTube-Video: Visualisierung im Devices-Adapter
    BluefoxB
    Bluefox
    16
    1
    4.1k

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    3.6k

Meine neue DIY-Visualisierung für ioBroker

Geplant Angeheftet Gesperrt Verschoben Visualisierung
9 Beiträge 2 Kommentatoren 1.1k Aufrufe 7 Beobachtet
  • Ä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.
  • MrLarodosM Online
    MrLarodosM Online
    MrLarodos
    schrieb am zuletzt editiert von MrLarodos
    #1

    Hi zusammen!

    Ich baue gerade eine eigene Visualisierung für ioBroker – in erster Linie für mich zum kreativen Ausgleich:
    https://github.com/MrLarodos/LaroVis (momentan kein Adapter, sondern stand-alone Script!)

    Sie wird von der Art her ähnlich wie iQontrol, aber mit integrierter Konfiguration, man muss dafür also nicht in die ioBroker-Oberfläche wechseln. Die Optik wird natürlich eine ganz andere sein. Die Konfiguration wird aber dennoch als JSON-Variable in ioBroker gespeichert.

    Ein weiteres Ziel war für mich, dass ich innerhalb weniger Minuten eine passable App-Oberfläche erstellen kann, und das individuell für mehrere Personen im Haushalt. Jeder hat sein eigenes "Dashboard" und darunter individuelle Sichten (beispielsweise pro Thema oder Raum), in denen dann die Kacheln liegen.

    Zusätzlich kann man einstellen, von welchem Dashboard aus man Zugriff auf die Config hat. Man will ja beispielsweise nicht, dass die Kinder einem das Licht im Büro an- und ausschalten ;)

    Die Buttons in der Anwendung selbst können frei benannt werden, die Buttons in der Konfiguration sind aktuell allerdings noch deutsch. Bei Interesse kann ich das aber gerne anpassen, sodass auch Englisch oder alle anderen Sprachen möglich sind.

    Wer Interesse hat, diese Visualisierung zu testen, weil zum Beispiel die Optik gefällt, darf sich gerne melden. Sie ist responsive und läuft prinzipiell auf allen Auflösungen und Ausrichtungen.

    Unten ein paar Impressionen. Bitte nicht zu viel erwarten, ich habe erst vorgestern angefangen! 😉

    LG
    MrLarodos

    view_1.png view_2.png view_3.png
    view_4_Wertregler.png

    Und hier die Config:
    conf_1.png conf_2.png conf_3.png conf_4.png

    «Underground werden mit Stil»

    1 Antwort Letzte Antwort
    1
    • D Nicht stören
      D Nicht stören
      dirkhe
      Developer
      schrieb am zuletzt editiert von
      #2

      Ich habe im moment nicht soviel zeit zum testen, aber das hört sich vielversprechend an. Ich finde das konzept vo iqontrol super, aber das ist halt historisch gewachsen und der code schlecht wartbar aber ich bin gespannt

      1 Antwort Letzte Antwort
      0
      • MrLarodosM Online
        MrLarodosM Online
        MrLarodos
        schrieb am zuletzt editiert von MrLarodos
        #3

        Hi @dirkhe,

        prinzipiell muss auch nicht so viel getestet werden, denn die hier sichtbare Version ist schon produktionsreif. Habe sie auch im täglichen Einsatz bei der ganzen Family und bis jetzt alles cool. Ist auch nichts, was man groß installieren muss. Im Prinzip ist es aktuell eine(!) HTML-Datei mit JS und CSS an Bord, die man sogar lokal auf den PC legen und öffnen kann. Er fragt einmalig nach IP und Port vom Webadapter und speichert das in den permanenten Browsercache. Ab da muss man "nur" noch die Dashboards und Kacheln anlegen :-) Historische Daten gehen noch nicht. Bislang nur aktuelle Werte. Aber ich baue ja auch nicht Grafana nach ;-) Noch nicht ... ;-P

        LG MrLarodos

        «Underground werden mit Stil»

        1 Antwort Letzte Antwort
        0
        • MrLarodosM Online
          MrLarodosM Online
          MrLarodos
          schrieb am zuletzt editiert von MrLarodos
          #4

          Habe gerade noch Support für Deutsch und Englisch eingebaut. Damit bin ich bei 132 KB / 2750 Zeilen Code.

          «Underground werden mit Stil»

          1 Antwort Letzte Antwort
          0
          • D Nicht stören
            D Nicht stören
            dirkhe
            Developer
            schrieb am zuletzt editiert von
            #5

            Also Interesse hätte ich sschon. Hast du das auf github?

            1 Antwort Letzte Antwort
            0
            • MrLarodosM Online
              MrLarodosM Online
              MrLarodos
              schrieb am zuletzt editiert von
              #6

              Nein, aktuell nur lokal als HTML-File. Hier ist es. Gerne vorher mit einer KI Deiner Wahl auf Schadcode prüfen, falls Du willst ✌
              index.html

              Für lokale Verwendung im Intranet ist es okay so, denke ich.

              «Underground werden mit Stil»

              1 Antwort Letzte Antwort
              0
              • D Nicht stören
                D Nicht stören
                dirkhe
                Developer
                schrieb am zuletzt editiert von
                #7

                Fühlt sich schon ganz gut an, aber ich denke, du solltest den code schon ein bisschen splitten in config und liveview. Du speicherst alles im lokalen browser, aber dann kannst du ja nicht mit dem handy und tablet und rechner drauf zugreifen.
                Vltl. kann man die config ja im iobroker zurückschreiben und von da laden. Aber mach mal so weiter, ist ja gut wenn es Auswahl an UI gibt.
                Was ich halt an iQontrol halt aucvh coll finde, ist das exportieren/importien, bzw. clonen von objekten, integriert in die livePreview( hatte ich damals noch mit beigetragen...)

                1 Antwort Letzte Antwort
                1
                • MrLarodosM Online
                  MrLarodosM Online
                  MrLarodos
                  schrieb am zuletzt editiert von MrLarodos
                  #8

                  Hi @dirkhe ! Danke fürs Feedback, freut mich! :-) Aber nein, es wird nicht lokal im Browser gespeichert. Ich zitiere meinen vierten Satz aus meinem ersten Post: "Die Konfiguration wird aber dennoch als JSON-Variable in ioBroker gespeichert" :-) Lokal im Browser wird aktuell lediglich die IP und Port von Deinem ioBroker gespeichert, damit die App zugreifen kann.
                  Kopieren von Objekten und verschieben in unterschiedliche Sichten kommt noch. Ich plane auch, dass man eine Kachel während der Erstellung schon sehen kann, so dass man weiß, was die aktuelle Konfig bewirkt. Diverse Kacheltypen noch hinzufügen, Refactoring (Code schlanker, HTML / CSS / JS trennen), Diagramme mit Quelle SQL / influx usw.
                  Vielleicht auch Theme-Auswahl, über die man auch eigene Themes reinladen kann. Halte hier dann gerne auf dem Laufenden. Ich baue es so oder so fertig, da ich es schon nutze. Wenn es dann noch wer brauchen kann, warum nicht.

                  «Underground werden mit Stil»

                  1 Antwort Letzte Antwort
                  1
                  • MrLarodosM Online
                    MrLarodosM Online
                    MrLarodos
                    schrieb am zuletzt editiert von
                    #9

                    @dirkhe Hier die aktuelle Version - nicht als Adapter, sondern momentan Stand-Alone-Script:
                    https://github.com/MrLarodos/LaroVis

                    «Underground werden mit Stil»

                    1 Antwort Letzte Antwort
                    0

                    Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                    Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                    Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                    Registrieren Anmelden
                    Antworten
                    • In einem neuen Thema antworten
                    Anmelden zum Antworten
                    • Älteste zuerst
                    • Neuste zuerst
                    • Meiste Stimmen


                    Support us

                    ioBroker
                    Community Adapters
                    Donate

                    308

                    Online

                    33.0k

                    Benutzer

                    83.4k

                    Themen

                    1.3m

                    Beiträge
                    Community
                    Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                    ioBroker Community 2014-2026
                    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