Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. Einfach mal zeigen will….. :-) - Teil 2

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

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

    This topic has been deleted. Only users with topic management privileges can see it.
    • C
      Ceel last edited by

      @PaSi:

      Dann möchte ich auch mal.

      Grafisch habe ich mich von einigen anderen Usern hier inspirieren lassen.

      Mein ganzes Smarthome ist noch nicht sooooo gut bestückt (habe derzeit nur einen Fensterkontakt und einen Heizungsregler).

      Grafisch habe ich alles schon vorbereitet, damit ich wenn alles andere ankommt, alles nur einbinden muss.

      Bei der Alarmanlage die Hüllschutz/Vollschutz (da nochmal ein großen Dank an paul53 für die Hilfe der Realisierung) z.B. weiß ich leider nicht, wie ich diese Grafisch anpassen kann.

      Habe es mit CSS versucht und auch eine eigene Klasse angelegt, leider ohne Erfolg und ich weiß auch nicht, wie ich dies sonst umsetzen könnte.

      Vielleicht findet sich hier ja jemand, der mir da helfen könnte 🙂 `

      Hallo PaSi

      kannst du hier deinen Export posten?

      Ich finde dein Designt echt klasse!

      1 Reply Last reply Reply Quote 0
      • PaSi
        PaSi last edited by

        Hallo,

        entschuldigt, dass ich jetzt erst antworte, aber bin beruflich leider etwas eingebunden und habe nicht immer die Zeit hier rein zu schauen.

        Bin in den letzten Zügen mit dem VIS und versuche am Wochenende einen Export bereit zu stellen.

        Hier noch einmal ein kleines Update:

        Habe das Menü Grafisch mit CSS angepasst und einige Änderungen vorgenommen, ebenso ein eigenes "Log-Skript" erstellt.

        Ebenso ein Wecker-Skript, welches mit einem Bewegungssensor unter dem Bett arbeitet, der, wenn ich aufstehe, den Wecker ausstellt und die Szene "Guten Morgen" startet.

        Dazu habe ich mir eine Heizungsautomatik erstellt - für manche etwas verwirrend, jedoch für mich und meine Bedürfnisse vollkommen in Ordnung.

        Diese ist auch mit meiner Anwesenheitsüberprüfung gekoppelt - wenn ich nicht zuhause bin, springt die Heizung auch nicht an - natürlich Einstellbar über VIS - ob, oder ob nicht.

        ! 7661_home.png 7661_home-wecker.png 7661_fenster.png 7661_heizung.png 7661_heizung-einstellungen.png 7661_geraete.png 7661_licht.png

        1 Reply Last reply Reply Quote 0
        • P
          pix last edited by

          Hallo PaSi,

          sehr schön, sieht toll aus. Sehr übersichtlich und zurückhaltend.

          Wie hast du die Dialogfenster gemacht? Ist das eine View, die sonst versteckt ist (View in Widget) oder ist das ein CSS-abgewandeltes DIalog-Widget?

          Gruß

          Pix

          1 Reply Last reply Reply Quote 0
          • fischi87
            fischi87 last edited by

            Hallo Gemeinde, ich werd jetzt auch mal ein paar Fotos zeigen. Angeregt von dem ein oder anderen User.

            909_vis_einkauf.png

            Leider sehr mühsam die Bilder raus zu suchen und zu integrieren Vorallem mit den ganzen bordern wenn true und false, anzeigen oder eben nicht.

            909_vis_main.png

            Startseite mit Wichten infos zwecks haus verlassen, damit man direkt weiß ob noch irgendwo im haus ein licht an ist oder Fenster auf steht. Rote pulsierte kreise zeigen on ob ja oder nein.

            909_vis_menu.png

            und hier noch die Menü bar mit reflektionen.

            ist noch viel Arbeit aber die tage Freizeit sind immer eher zu wenig 😉

            grüße Axel

            1 Reply Last reply Reply Quote 0
            • PaSi
              PaSi last edited by

              @Pix

              Habe es bisher mit View in Widget gelöst, beim Trigger wird es angezeigt.

              1 Reply Last reply Reply Quote 0
              • N
                NightWatcher last edited by

                @PaSi: Klasse View, einige Elemente sind wirklich interessant. Vielleicht kannst du ja das Projekt exportieren und hier bereitstellen?

                1 Reply Last reply Reply Quote 0
                • S
                  Superdad last edited by

                  @painkillerde

                  Hallo,

                  welches Script benutzt du für System?

                  z.Bsp. javascript.0.Adapter.Schalten.Viessmann

                  1 Reply Last reply Reply Quote 0
                  • F
                    Frank.H last edited by

                    @painkillerde

                    Hallo Daniel,

                    erst einmal vielen lieben Dank für die Bereitstellung deiner Arbeiten, die einem Anfänger, wie mir, einen durchaus kleinen Einblick in die Vis ermöglicht. Deine Arbeiten sind wirklich sehr lobenswert. Hut ab !

                    Habe dein Projekt importiert, soweit so gut. Komme aber irgendwie nicht mit der Zuordnung der Farben im View Fenster/Steckdosen bei offen, gekippt oder geschlossen klar. Bei mir passiert da wirklich nicht viel. Alles grün oder gar nichts.

                    Habe ich da zufällig was übersehen ? Eine Javascript welches ich noch einbauen muss ? Die Anpassung der CSS ?

                    Bei den Batterien habe ich auch das Problem, dass die Xiaomi Sensoren nicht erkannt werden da diese ja ein Wert (Volt) ausgeben. Hättest du da einen Tipp für mich ?

                    Vielen lieben Dank für deinen Ratschlag 😉

                    MfG Frank

                    1 Reply Last reply Reply Quote 0
                    • painkillerde
                      painkillerde last edited by Jey Cee

                      @Superdad:

                      @painkillerde

                      Hallo,

                      welches Script benutzt du für System?

                      z.Bsp. javascript.0.Adapter.Schalten.Viessmann `

                      Hi Superdad,

                      ich nehme das Script von pix. Alle Kommentare sind noch drin - damit solltest du klar kommen. 😉

                      /* Spritpreis tankerkoenig adapter neu starten
                      
                      erzeugt Objekt, das in VIS geschaltet werden kann
                      
                      Schaltung triggert Neustart eines Adapters
                      
                      28.03.2018 erstellt von pix
                      
                      */
                      
                      const logging = true; // (true;false) Logausgabe zentral schalten, da 5minütlich ein Mehrzeiler geloggt wird.
                      
                      const instanz = "javascript." + instance;
                      
                      const fC = false; // force Create
                      
                      const idSchalter = instanz + ".Adapter.Schalten.Viessmann";
                      
                      const adapter = "viessmann.0"; // Name und Instanz des Adapters
                      
                      // Ab hier nix mehr ändern
                      
                      if (logging) log("Skript " + name + " in der Instanz " + instance + " gestartet");
                      
                      var idAdapter = "system.adapter." + adapter;
                      
                      createState(idSchalter, false, fC, {
                      
                      name: adapter + " Adapter neu starten",
                      
                      type: "boolean",
                      
                      desc: "Schaltet den <" + adapter + "> Adapter per Skript zB aus VIS",
                      
                      role: "switch"
                      
                      });
                      
                      // Neustart triggern
                      
                      on({
                      
                      id: idSchalter,
                      
                      change: "ne",
                      
                      from: "system.adapter.web.0" // Schaltung nur aus VIS möglich
                      
                      }, function (dpobj) {
                      
                      var obj = getObject(idAdapter);
                      
                      if (dpobj.state.val) {
                      
                      obj.common.enabled = true; // Adapter einschalten
                      
                      } else if (!dpobj.state.val) {
                      
                      obj.common.enabled = false; // Adapter ausschalten
                      
                      }
                      
                      setObject(idAdapter, obj);
                      
                      if (logging) log("Adapter <" + adapter + "> wurde " + ((obj.common.enabled) ? "ein" : "aus") + "geschaltet");
                      
                      });
                      
                      1 Reply Last reply Reply Quote 0
                      • painkillerde
                        painkillerde last edited by

                        @Frank.H:

                        @painkillerde

                        Hallo Daniel,

                        erst einmal vielen lieben Dank für die Bereitstellung deiner Arbeiten, die einem Anfänger, wie mir, einen durchaus kleinen Einblick in die Vis ermöglicht. Deine Arbeiten sind wirklich sehr lobenswert. Hut ab !

                        Habe dein Projekt importiert, soweit so gut. Komme aber irgendwie nicht mit der Zuordnung der Farben im View Fenster/Steckdosen bei offen, gekippt oder geschlossen klar. Bei mir passiert da wirklich nicht viel. Alles grün oder gar nichts.

                        Habe ich da zufällig was übersehen ? Eine Javascript welches ich noch einbauen muss ? Die Anpassung der CSS ?

                        Bei den Batterien habe ich auch das Problem, dass die Xiaomi Sensoren nicht erkannt werden da diese ja ein Wert (Volt) ausgeben. Hättest du da einen Tipp für mich ?

                        Vielen lieben Dank für deinen Ratschlag 😉

                        MfG Frank `

                        Hallo Frank,

                        zu den Xiaomi Sensoren kann ich Dir leider nicht helfen. Die Batteryfunktion ist ja quasi schon in den Widgets integriert und ich nutze sie einfach…sry.

                        Bei den Fenstern / Steckdosen musst Du aufpassen. Die farbigen Kreise liegen hinter den Icons. Da muss man am Rand sehr genau Klicken um sie zu markieren. Wenn Du sie dann hast ist es in den Eigenschaften recht einfach - du musst dort nur die ObjektIDs 2 mal setzen.

                        2005_fenster.jpg

                        1 Reply Last reply Reply Quote 0
                        • O
                          Ostpower last edited by

                          @painkillerde:

                          @Frank.H:

                          @painkillerde

                          Hallo Daniel,

                          erst einmal vielen lieben Dank für die Bereitstellung deiner Arbeiten, die einem Anfänger, wie mir, einen durchaus kleinen Einblick in die Vis ermöglicht. Deine Arbeiten sind wirklich sehr lobenswert. Hut ab !

                          Habe dein Projekt importiert, soweit so gut. Komme aber irgendwie nicht mit der Zuordnung der Farben im View Fenster/Steckdosen bei offen, gekippt oder geschlossen klar. Bei mir passiert da wirklich nicht viel. Alles grün oder gar nichts.

                          Habe ich da zufällig was übersehen ? Eine Javascript welches ich noch einbauen muss ? Die Anpassung der CSS ?

                          Bei den Batterien habe ich auch das Problem, dass die Xiaomi Sensoren nicht erkannt werden da diese ja ein Wert (Volt) ausgeben. Hättest du da einen Tipp für mich ?

                          Vielen lieben Dank für deinen Ratschlag 😉

                          MfG Frank `

                          Hallo Frank,

                          zu den Xiaomi Sensoren kann ich Dir leider nicht helfen. Die Batteryfunktion ist ja quasi schon in den Widgets integriert und ich nutze sie einfach…sry.

                          Bei den Fenstern / Steckdosen musst Du aufpassen. Die farbigen Kreise liegen hinter den Icons. Da muss man am Rand sehr genau Klicken um sie zu markieren. Wenn Du sie dann hast ist es in den Eigenschaften recht einfach - du musst dort nur die ObjektIDs 2 mal setzen.

                          filename="fenster.JPG" index="0">~~ `

                          Hallo painkillerde oder andere Experten,

                          wißt Ihr wie ich das löse, wenn ich den Hintergrund mit einem Anlaog wert verändern möchte. ich würde gern bei den Fenstern bei 0 und 100 die Farbe ändern. aber es funktioniert nicht 😞

                          Gruß

                          Ostpower

                          1 Reply Last reply Reply Quote 0
                          • painkillerde
                            painkillerde last edited by

                            ` > Hallo painkillerde oder andere Experten,

                            wißt Ihr wie ich das löse, wenn ich den Hintergrund mit einem Anlaog wert verändern möchte. ich würde gern bei den Fenstern bei 0 und 100 die Farbe ändern. aber es funktioniert nicht 😞

                            Gruß

                            Ostpower `

                            Experte bin ich noch lang nicht aber das Forum hilft immer … 😉

                            ich würde "Wertsanzahl" auf 100 setzen

                            Dann kommt der spaßige Teil die Einzelwerte einzutragen:

                            Wert[0]: 0

                            Wert[1]: 1

                            Wert[2]: 2

                            weiter bis 100

                            und dann die Farben zuweisen:

                            Stil für [0]: background-color: green

                            Stil für [1]: background-color: green

                            weiter bis 100

                            ACHTUNG Sichtbarkeits-Bedingung noch richtig setzen.

                            1 Reply Last reply Reply Quote 0
                            • O
                              Ostpower last edited by

                              Danke,

                              ich werde es heute abend mal testen. Die 100Werte hatte ich schon versucht, aber wo du gerade was von "ACHTUNG Sichtbarkeits-Bedingung noch richtig setzen."sagst. Was wäre den de richtige Wert? 🙂

                              LG

                              Ostpower

                              1 Reply Last reply Reply Quote 0
                              • painkillerde
                                painkillerde last edited by

                                Am besten alle Felder leeren (wenn möglich) und "Falls Anwender nicht in Gruppe: inaktiv"

                                Gerade getestet hier gehts.

                                1 Reply Last reply Reply Quote 0
                                • O
                                  Ostpower last edited by

                                  Servus alle,

                                  danke an @painkillerde es hat funktioniert, was ich nur immer falsch gemacht habe, weil ich es nicht verstanden habe (noch immer nicht) , ist im Bereich "Sichtbarkeit" alles zu entfernen und nur mit dem Analog Wert im "Allgemein" zu arbeiten. Jetzt verändert sich der Hintergrund, wie ich will 😄 .

                                  Ich nutze die Hintergrund Veränderung bei unsere Rollos, leider änder sich dort die Farben nur im 25% Schritten, hätte gern eine Art blinken hinbekommen, aber das muss ich später wohl ganz anders lösen.

                                  Danke

                                  Ostpower

                                  6414_analog-wert-hintergund_1.png
                                  6414_analog-wert-hintergund_2.png

                                  1 Reply Last reply Reply Quote 0
                                  • thexbrain
                                    thexbrain last edited by

                                    @painkillerde:

                                    @Frank.H:

                                    @painkillerde

                                    Hallo Daniel,

                                    erst einmal vielen lieben Dank für die Bereitstellung deiner Arbeiten, die einem Anfänger, wie mir, einen durchaus kleinen Einblick in die Vis ermöglicht. Deine Arbeiten sind wirklich sehr lobenswert. Hut ab !

                                    Habe dein Projekt importiert, soweit so gut. Komme aber irgendwie nicht mit der Zuordnung der Farben im View Fenster/Steckdosen bei offen, gekippt oder geschlossen klar. Bei mir passiert da wirklich nicht viel. Alles grün oder gar nichts.

                                    Habe ich da zufällig was übersehen ? Eine Javascript welches ich noch einbauen muss ? Die Anpassung der CSS ?

                                    Bei den Batterien habe ich auch das Problem, dass die Xiaomi Sensoren nicht erkannt werden da diese ja ein Wert (Volt) ausgeben. Hättest du da einen Tipp für mich ?

                                    Vielen lieben Dank für deinen Ratschlag 😉

                                    MfG Frank `

                                    Hallo Frank,

                                    zu den Xiaomi Sensoren kann ich Dir leider nicht helfen. Die Batteryfunktion ist ja quasi schon in den Widgets integriert und ich nutze sie einfach…sry.

                                    Bei den Fenstern / Steckdosen musst Du aufpassen. Die farbigen Kreise liegen hinter den Icons. Da muss man am Rand sehr genau Klicken um sie zu markieren. Wenn Du sie dann hast ist es in den Eigenschaften recht einfach - du musst dort nur die ObjektIDs 2 mal setzen.

                                    fenster.JPG `

                                    Hi,

                                    Könntest du mir bitte dein export von den Fenstern geben?

                                    Ich hatte von Seite 11 dein Projekt runtergeladen aber irgedwie bekomme ich das nicht eingefügt.

                                    Ich bräuchte nur für die Fenster was.

                                    Danke dir schon mal 😉

                                    1 Reply Last reply Reply Quote 0
                                    • tugsi
                                      tugsi last edited by

                                      @painkillerde

                                      Erstmal Danke für Deine Views, ich habe mir die mal importiert, um damit mal zu basteln und das Thema Visu kennenzulernen.

                                      So hat man ja relativ schnell schon mal ein Erfolg und hat was zu gucken 😉

                                      Bei Deinem Bild System, da hast Du ja Offline-Geräte und Low-Bat etc aufgelistet, aber dazu fehlt mir das passende Script für Offline:

                                      GERÄTE OFFLINE - {javascript.0.zählenUNREACH.anzahlUNREACH} VON {javascript.0.zählenUNREACH.möglicheUNREACH}
                                      

                                      Beim LOWBatt muss ich noch schauen, da habe ich 0 von 0 Geräten.

                                      Wobei ich keine HM-Geräte habe,sondern nur Xiaomi (Zigbee) oder ZWave. Ich denke da muss ich noch auf was anderes schauen…

                                      Gruß Thomas

                                      1 Reply Last reply Reply Quote 0
                                      • Rummelmug
                                        Rummelmug last edited by

                                        @elmo25674:

                                        @Rummelmugge:

                                        Hier mein aktuelles Smartphone UI und hier auch als https://www.youtube.com/watch?v=ofWp_UoPVhQ&t=11s.

                                        Wir benutzen unser Smartphone viel öfter zum Steuern von ioBroker als das Wandtablet. Deswegen steck ich da viel mehr arbeit rein. Ist das bei euch auch so?

                                        ! Screenshot_20180909-115652.jpgScreenshot_20180909-120205.jpgScreenshot_20180909-120043.jpgScreenshot_20180909-115812.jpgScreenshot_20180909-115748.jpg `

                                        Hallo Rummelmugge,

                                        finde dein Smartphone UI super, besonderes Interesse hab ich an den Lichtszenen mit den Iconbilder.

                                        Könntest du nochmals versuchen diese als Exportdatei bereitzustellen?

                                        Danke im voraus und schöne Grüße

                                        Christian `

                                        Hallo Christian,

                                        geplant hatte ich, mich heute nochmal an den export zu begeben. Gestern beim Aufbauen meiner neuen Küche ist dann der Supergau passiert. FI ist rausgeflogen und hat dabei meine iobroker installation gekillt. Die Dateien konnte ich zwar noch kopieren, und mit einem 1 Monate alten Backup vieles wiederherstellen, aber die gezeigte Smartphone UI ist nach dem Backup erstellt worden und ich kann die nur noch teilweise wiederherstellen.

                                        Ich muss jetzt erstmal weider den Scherbenhaufen zusammenkehren und schauen was noch klappt. Sobald ich land sehe stelle ich das aber gerne hier zur Verfügung.

                                        Wie sichert ihr euch denn gegen Stromausfälle?

                                        1 Reply Last reply Reply Quote 0
                                        • F
                                          Frank.H last edited by

                                          Hi Daniel,

                                          vielen Dank hat geklappt 😉

                                          @tugsi

                                          Mit diesem Script kannst den LOWBat deiner Xiaomi auslesen 😄

                                          Nicht von mir, habe ich im Forum gefunden. Funktioniert auch soweit sehr gut.

                                          Allerdings erkennt er natürlich keine HM-Sensoren, den HM LowbatScript parallel unter einem anderen Namen laufen zu lassen funktioniert bei mir leider nicht 😞
                                          8995_lowbat_xiaomi.txt

                                          1 Reply Last reply Reply Quote 0
                                          • PaSi
                                            PaSi last edited by Jey Cee

                                            Bin kein Profi, aber so könntest Du beides kombinieren

                                            createState('zählenLowbat.möglicheLOWBAT', 0);   // wenn benötigt: Anzahl der vorhandenen LOWBAT
                                            createState('zählenLowbat.anzahlLOWBAT', 0);     // wenn benötigt: Anzahl der vorhandenen LOWBAT
                                            createState('zählenLowbat.textLOWBAT', " ");     // Anzahl LOWBAT, die an sind als Variable unter Javascript.0 anlegen
                                             var minlevel = 70;               // HIER LEGT DU DEINE SCHWELLE FEST. ICH HABE DIE 87% WILLKÜRLICH GEWÄHLT, denn damit sollte beim Test mindestens einmal "lowbat".rauskommen            
                                             var cacheSelectorLOWBAT  = $('channel[state.id=*.percent|.LOW_BAT]');         // HIER HABE ICH NUN AUF DEIEN PROZENT WERT VERWIESEN
                                             function countLowbat(obj) {
                                               // Setzt die Zähler vor dem Durchlauf aller Elemente auf 0
                                               var moeglicheLOWBAT = 0;
                                               var textLOWBAT      = [];
                                                if (obj) {
                                                  log('Auslösender Aktor: ' + obj.id + ': ' + obj.newState.val);  // Info im Log, welcher Zustand sich geändert hat
                                               } else {
                                                  log('Ausgelöst bei Timer'); 
                                               } 
                                                cacheSelectorLOWBAT.each(function (id, i) {                         // Schleife für jedes gefundenen Element *.LOWBAT
                                                  var value = getState(id).val;                                  // Zustand *.LOWBAT abfragen (jedes Element)
                                            
                                                  var obj    = getObject(id);
                                                  var status = getState(id).val;
                                                  var name = getObject(id).common.name;
                                                   if( status === true ) devicename = name.substring(0, name.indexOf(".STATE"));
                                                  else devicename = name.replace("Battery percent","");
                                                   if (status === true || status <= minlevel)) {                                          // wenn Zustand der Variable "lowbattery" = true, dann wird die Anzahl der Geräte hochgezählt
                                                     textLOWBAT.push(devicename);                           // Zu Array hinzufügen
                                                  }                
                                                  log("Geräte Nr. " + i + ": " + devicename + "meldet: " + lowbattery);
                                                  ++moeglicheLOWBAT;                                                 // Zählt die Anzahl der vorhandenen Geräte unabhängig vom Status
                                               }); 
                                               // Schleife ist durchlaufen. Im Log wird der aktuelle Status (Anzahl, davon LOWBAT zutreffend) ausgegeben
                                               log("Text: " + textLOWBAT.join(', '));
                                               log("Anzahl Geräte: " + moeglicheLOWBAT + " # davon LOWBAT erkannt: " +  textLOWBAT.length);
                                                // die ermittelten Werte werden als javascript.0\. Variable in ioBroker gespeichert (z.B. für die Verarbeitung in VIS)
                                               setState("zählenLowbat.textLOWBAT",     textLOWBAT.join(',
                                            ')); // Schreibt die aktuelle Namen der Geräte mit LOWBAT Meldung
                                               setState("zählenLowbat.anzahlLOWBAT",   textLOWBAT.length);        // Schreibt die aktuelle Anzahl der Geräte im System
                                               setState("zählenLowbat.möglicheLOWBAT", moeglicheLOWBAT);          // Schreibt die aktuelle Anzahl der vorhandene Geräte 
                                            }
                                             cacheSelectorLOWBAT.on(function(obj) {    // bei Zustandänderung *. LOWBAT in allen Gewerken
                                               countLowbat(obj);
                                            });
                                            schedule("*/60 * * * *", function () {                                  //oder!! soll entweder ausgelöst werden alle 10 Minuten
                                               countLowbat();
                                            });
                                             // Bei Start:
                                             countLowbat();
                                            
                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            841
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

                                            185
                                            916
                                            391495
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo