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. Grundsätzliche Fragen zur Visu. direkt mit VIS 2 starten?

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Grundsätzliche Fragen zur Visu. direkt mit VIS 2 starten?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
25 Beiträge 9 Kommentatoren 2.9k Aufrufe 6 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.
  • I ignis-draco

    @woupi

    So wie es klingt, hast du einfach ein Problem damit zu wissen, was du willst. Auch wenn du "Ahnung von Programmieren"
    hättest wäre das nicht besser.

    Mein Tipp wäre mit dem ganzen Projekt etwas strukturierte zu starten.

    1. Nimm dir einen Zettel und schreibe auf was an Informationen du benötigt.
      • damit meine ich z.b. Fenster offen, Licht an, Temperatur

    Damit kannst du dann schon mal absehen wie groß das ganzen wird.

    1. Nimm ein Zettle und male ein Bild wie du dir die Oberfläche vorstellst
      • Dabei wirst du automatisch anfangen, die Informationen zu gruppieren.

    Jetzt hast du einen Plan, wenn du beim Umsetzten dich da nach und nach dran lang hangelste sollte am Ende was Brauchbares herauskommen.

    Und mit dem Bild kann man auch einfacher Hausfinden welche Visualisierung die Richtige für dich ist (es gibt nämlich mehr als nur vis1 und vis2)

    manuxiM Offline
    manuxiM Offline
    manuxi
    schrieb am zuletzt editiert von
    #21

    @ignis-draco full ack.

    Zur Vis-2 kann ich nocht nicht wirklich was sagen, ich suche noch nach Infos und muss mich noch ein wenig motivieren ;)

    Falls Du aber anfangen willst, Dich damit auseinanderzusetzen, so hab ich angefangen:

    Erstmal die auf jeder Seite festen Elemente bestimmen, z.B. Header und Navigation.

    Die bauen.

    Dann auf einer View platzieren und Platzhalter für weitere Views (nenn ich mal SE; z.B. Beleuchtungssteuerung, Fenster-Status, usw....) bestimmen. Dann kann diese View immer wieder kopiert und mit SE befüllt werden.

    Die SE sind bei dann auch wieder Views. Darin können auch wieder welche sein.

    Vorteil: eine View macht nur eine Aufgabe.

    Bei Benennungen von Views (und den Widgehts, die eingefügt werden) bin ich sehr beschreibend, damit auch nach längerer Zeit der Überblick nicht verloren geht (z.B. Viewname: "Wetter_Temperatur_Skala", in der Navi unter Wetter -> Temperatur -> Skala erreichbar).

    Vis-1 habe ich bei mir pixelgenau an mein Tablet (1280x800) festgezurrt. Das war leider nicht wirklich anders machbar.
    Das ist hoffentlich bei der Vis-2 anders. Bin ja eigentlich Bootstrap-Fanboy ;)

    1 Antwort Letzte Antwort
    0
    • da_WoodyD da_Woody

      @jogibear9988 sagte in Grundsätzliche Fragen zur Visualisierung:

      gut mit HTML/CSS auskennt

      glaub ich gerne, hab auch mal reingelinst. allerdings scheiterts bei mir am CSS. webseiten hab ich früher im text editor geschrieben, ohne wysiwyg. so wie auch damals DOS, an tux.png musste ich mich erst gewöhnen und hab nach wie vor so meine probleme.
      vis ist halt echt hardcore, für mich. aber es gibt ja auch andere visus...

      manuxiM Offline
      manuxiM Offline
      manuxi
      schrieb am zuletzt editiert von
      #22

      @da_woody sagte in Grundsätzliche Fragen zur Visu. direkt mit VIS 2 starten?:

      allerdings scheiterts bei mir am CSS

      Hm,d ie meisten Eigenschaften des Widgets kannst Du (jedenfalls in Vis-1) doch per Formular anpassen:
      d2e90c7c-1f02-4e5a-838c-56d630b302e2-image.png

      da_WoodyD 1 Antwort Letzte Antwort
      0
      • manuxiM manuxi

        @da_woody sagte in Grundsätzliche Fragen zur Visu. direkt mit VIS 2 starten?:

        allerdings scheiterts bei mir am CSS

        Hm,d ie meisten Eigenschaften des Widgets kannst Du (jedenfalls in Vis-1) doch per Formular anpassen:
        d2e90c7c-1f02-4e5a-838c-56d630b302e2-image.png

        da_WoodyD Offline
        da_WoodyD Offline
        da_Woody
        schrieb am zuletzt editiert von
        #23

        @manuxi ist mir schon klar, gewesen. allerdings wollte ich nicht für jedes gerät (pc, tablet, handy) was basteln.
        wesweil ich dann bei iQontrol gelandet bin.

        gruß vom Woody
        HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

        1 Antwort Letzte Antwort
        0
        • jogibear9988J jogibear9988

          @woupi
          dan kannst dir webUi anschauen, da arbeitest eher direkt mit HTML/CSS. Gibt natürlich auch ne klick UI, aber man ist schon nahe am Quellcode

          Kannst ja auf mein Live System schauen: http://129.159.205.3:8082/webui/index.html

          W Offline
          W Offline
          woupi
          schrieb am zuletzt editiert von woupi
          #24

          @jogibear9988 sagte in Grundsätzliche Fragen zur Visu. direkt mit VIS 2 starten?:

          @woupi
          dan kannst dir webUi anschauen, da arbeitest eher direkt mit HTML/CSS. Gibt natürlich auch ne klick UI, aber man ist schon nahe am Quellcode

          Kannst ja auf mein Live System schauen: http://129.159.205.3:8082/webui/index.html

          Ich habe mir das mal angesehen und auch mal ein Video dazu.
          Hier mal meine persönliche Meinung:

          Das es Anleitungen gibt und sogar auch Video Anleitungen finde ich Top.
          Es sieht mächtig aus, was dazu führt das man gerade am Anfang erschlagen wird. Wenn man sich da richtig einarbeiten will benötigt man sehr viel Zeit. Wenn man das hat, kann es sicher extrem viel.

          Für mich gibt es allerdings ein Ausschluss Kriterium und das ist Englisch.
          Ich bin fast 60 Jahre alt geworden und habe nie richtig Englisch gelernt oder auch gebraucht.
          Mittlerweile ist es sogar schon ein rotes Tuch für mich, ich will es nicht mehr.
          Wenn es um Texte geht, dann kann man die recht einfach/gut übersetzen, aber da ist ja alles Englisch und dann ist es bei mir vorbei.

          Natürlich ein paar Brocken kann ich, gerade technisches Englisch, aber das geht für mich zu weit.

          Trotzdem möchte ich mich ganz Herzlich bei dir bedanken, da ich vorher von webUI noch nichts gehört habe.

          VG

          NUC10i3, Proxmox, VM Ubuntu iobroker, lxc ubuntu influxdb, grafana, lxc ubuntu SAE, lxc ubuntu MotionEye, WP Panasonic Jeisha 5kW mit Heishamon, Shelly 2.5 und 2pm Rolladensteuerung, OpenWB Wallbox

          jogibear9988J 1 Antwort Letzte Antwort
          0
          • W woupi

            @jogibear9988 sagte in Grundsätzliche Fragen zur Visu. direkt mit VIS 2 starten?:

            @woupi
            dan kannst dir webUi anschauen, da arbeitest eher direkt mit HTML/CSS. Gibt natürlich auch ne klick UI, aber man ist schon nahe am Quellcode

            Kannst ja auf mein Live System schauen: http://129.159.205.3:8082/webui/index.html

            Ich habe mir das mal angesehen und auch mal ein Video dazu.
            Hier mal meine persönliche Meinung:

            Das es Anleitungen gibt und sogar auch Video Anleitungen finde ich Top.
            Es sieht mächtig aus, was dazu führt das man gerade am Anfang erschlagen wird. Wenn man sich da richtig einarbeiten will benötigt man sehr viel Zeit. Wenn man das hat, kann es sicher extrem viel.

            Für mich gibt es allerdings ein Ausschluss Kriterium und das ist Englisch.
            Ich bin fast 60 Jahre alt geworden und habe nie richtig Englisch gelernt oder auch gebraucht.
            Mittlerweile ist es sogar schon ein rotes Tuch für mich, ich will es nicht mehr.
            Wenn es um Texte geht, dann kann man die recht einfach/gut übersetzen, aber da ist ja alles Englisch und dann ist es bei mir vorbei.

            Natürlich ein paar Brocken kann ich, gerade technisches Englisch, aber das geht für mich zu weit.

            Trotzdem möchte ich mich ganz Herzlich bei dir bedanken, da ich vorher von webUI noch nichts gehört habe.

            VG

            jogibear9988J Offline
            jogibear9988J Offline
            jogibear9988
            schrieb am zuletzt editiert von
            #25

            @woupi

            trotzdem danke für dein review. :-)

            Check my ioBroker webui - a vis alternative
            see: https://github.com/iobroker-community-adapters/ioBroker.webui

            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

            673

            Online

            32.6k

            Benutzer

            82.2k

            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