Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. VIS Sammlung von Views - gibt's das schon wo?

    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

    VIS Sammlung von Views - gibt's das schon wo?

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

      Hallo Silvio, hallo Rainer,

      zunächst erst mal vielen herzlichen Dank für Eure schnelle Antwort und auch für das Script. Dadurch weiss ich jetzt wie ich Werte von den Widgets im javascript verwenden kann.

      Mir kommen als ioBroker-Anfänger die VIS-bezogenen Funktionen in javascript noch wie ein Buch mit 7 Siegeln vor. Ich habe zwar über das Forum eine gesamt-Doku (https://github.com/ioBroker/ioBroker.javascript) gefunden, aber wie man sie anwendet ist mir noch nicht so klar.

      An Programmiererfahrung mangelt es mir nicht. Aber ich bin guter Hoffnung daß ich die richtige Anwendung der Funktionen noch kapiere und ich dann auch die Community unterstützen kann 🙂

      Viele Grüße

      Roland

      1 Reply Last reply Reply Quote 0
      • K
        kirbsi last edited by

        Ihr habt alle tolle Views. Wenn ich zu Hause bin stelle ich meine auch mal rein. Habt ihr noch Ideen wie man eine IT Übersicht toll darstellen kann? Das geht mir seit Wochen durch den Kopf aber so richtig komm ich auf keine gute Idee.

        1 Reply Last reply Reply Quote 0
        • F
          Fugazzy last edited by

          Hier nun einmal meine neue Visualisierung (optimiert für iPAD)

          LEVEL usw. lassen sich über Wischgesten einstellen, Detailierungsfenster für DWD-Warung, LowBat, und ServiceMeldungen bei Bedarf einblenden.

          Die Wischgesten scheinen aber noch nicht immer ganz richtig zu funktionieren.
          429_visu-flat2.tiff
          429_visu-flat.tiff

          1 Reply Last reply Reply Quote 0
          • M
            Mstar last edited by

            Hallo Jeeper.at,

            über welchen Schalter/Skript hast du denn das Traffic-Overlay bei Google Maps aktivieren können (gesehen bei deiner Auflistung der Views)? Ich habe bereits einige Zeit damit zugebracht, selbst eine Lösung zu finden, komme aber nicht so richtig voran. Auch sonst sind das sehr schön aufgeräumte Oberflächen, mit denen du dein Projekt umgesetzt hast.

            Grüße,

            Mstar

            1 Reply Last reply Reply Quote 0
            • Jeeper.at
              Jeeper.at last edited by

              Hallo, für das Traffic API musst du auf der Google Maps Seite einen Account anlegen. Das ist nämlich nicht gratis. Ok, 25000 Aufrufe pro Monat sind schon gratis, damit komme ich natürlich aus. Aber falls du das Ganze in eine Webseite einbindest und die Zugriffszahlen steigen dann will Google ja wissen woher sie Geld bekommen.

              Guck mal dort.

              https://developers.google.com/maps/docu … ffic?hl=de

              1 Reply Last reply Reply Quote 0
              • M
                Mstar last edited by

                Hallo Jeeper,

                Danke für die schnelle Antwort, einen API-Key habe ich bereits und bin auch schon mal bei der verlinkten Seite gelandet. Mir fehlt(e) die konkrete Schnittstelle zu VIS, das MAP-Widget bietet ja leider die Option des Layers nicht.

                Ich habe jetzt über ein html-Widget den Beispielcode der Google-Seite mit den Nutzerdaten eingefügt, und bekomme im Editor-Modus auch das gewünschte Ergebnis. Im Anwendermodus ist das Feld aber leer 😞 und mit jedem Refresh-Intervall kommen lt. Quelltext-Analyse neue Elemente dazu (nicht sichtbar). Was mache ich falsch?

                Grüße,

                Mstar

                1 Reply Last reply Reply Quote 0
                • Jeeper.at
                  Jeeper.at last edited by

                  Ich habe das folgendermaßen gelöst.

                  Ich habe eine einzelne Webseite mit den Daten erzeugt. Diese liegt auf meinem externen Webspace. Den Link zu dieser Webseite habe ich mit einem "Basic-iFrame" Widget in vis eingebunden.

                  1 Reply Last reply Reply Quote 0
                  • M
                    Mstar last edited by

                    Servus,

                    das scheint wirklich die praktikabelste Lösung zu sein. Ich habe noch über diverse Widget-Konstruktionen versucht, eine interne Lösung zu finden, aber der Inhalt der geschweiften Klammern im Beispielcode des Maps-Overlay wird zu "undefined" umgewandelt, sobald man den Editier-Modus einer View verlässt. Da sich mein NAS aber ohnehin langweilt, parkt dort jetzt die Seite und wird wie gewünscht eingebunden, Danke für den Tipp.

                    Gruß

                    Mstar

                    1 Reply Last reply Reply Quote 0
                    • Q
                      Qlink last edited by

                      Hi Leute,

                      auf https://iobroker.net:8080 sind ja wirklich sehr geniale Views dabei.

                      Kann man sich diese Views auch herunterladen und an die eigenen Bedürfnisse anpassen, oder ist die Seite nur gedacht zum anschauen ?

                      Wenn man sie runterladen und ins eigene Vis importieren kann, wie würde das gehen ?

                      Beste Grüße

                      1 Reply Last reply Reply Quote 0
                      • C
                        charlyphyro last edited by

                        Hallo,

                        Du musst nur auf edit gehen bei den Demos.

                        Dann kannst du entweder ein view exportieren oder ein widget exportieren. Das kopieren und bei dir importieren.

                        Viele Grüße Charly

                        ~~![](</s><URL url=)<link_text text="http://uploads.tapatalk-cdn.com/2016101 ... 5b3dbc.png">http://uploads.tapatalk-cdn.com/20161012/1e42da92e998e393a128d8bb035b3dbc.png</link_text>" />

                        Gesendet von iPad mit Tapatalk~~

                        1 Reply Last reply Reply Quote 0
                        • Q
                          Qlink last edited by

                          Hi charly,

                          danke für die Info.

                          Funktioniert der Export also nur bei einzelnen Views kann das sein ?

                          Wenn ich auf Setup->Project Import/Export->Export (anonymized) gehe, dann kommt immer ein Netzwerkfehler

                          415_err.png

                          D.h. ich muss jede View einzeln exportieren richtig ?

                          Beste Grüße

                          1 Reply Last reply Reply Quote 0
                          • B
                            Brati last edited by

                            @Qlink

                            Ich würde das auch über den Editor Modus empfehlen, hab mein Beispiel Projekt dort gestern noch mal angepasst, aber da sind z. B. noch Views drin die nur auf dem Handy im Hochformat angezeigt werden und die brauchst du ja nicht. Außerdem versteht man so den Aufbau besser…

                            Grüße Brati

                            von unterwegs gesendet.

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

                              Nun, dann stelle ich hier auch mal meine views vor.

                              Hauptbildschirm:
                              361_home.png

                              Keller
                              361_kg.png

                              Erdgeschoss
                              361_eg.png

                              Obergeschoss
                              361_og.png

                              Dachgeschoss
                              361_dg.png

                              IT
                              361_it.png

                              Energie und so…
                              361_energie.png

                              Log's
                              361_log1.png
                              361_log2.png

                              1 Reply Last reply Reply Quote 0
                              • K
                                kirbsi last edited by

                                @pix:

                                Hallo blauholsten,
                                @blauholsten:

                                Erstmal Glückwunsch zu deinen views! ` Vielen Dank, das freut mich!
                                @blauholsten:

                                Du hast dort einer immer wiederkehrende Funktionalität in deinen views , das über zwei Elemente Zeiten zu verstellen (+/-).

                                Könntest du mal Posten wie du das script mäßig gelöst hast? ` Die Steuerelemente sind die "increment-Widgets" aus VIS.Bildschirmfoto 2016-01-03 um 13.22.33.jpgDamit werden die Variablen (Typ Nummer) erhöht oder gesenkt. Die Schrittweite und den Max/Min-Wert in die jeweilige Richtung kann man vorgeben.

                                In diesem Beispiel ist das der untere Grenzwert für die Luftfeuchte im Schlafzimmer. Wenn der unterschritten wird, gibt es eine Nachricht. Statt ihn einfach mit var grenzwert = 40 vorzugeben, habe ich mit createState ein Objekt erstellt (javascript.0.Alarm.Schlafzimmer.Luftfeuchte.Grenzwert). Dieses Objekt lässt sich dann mit den Widgets bedienen.

                                @blauholsten:

                                Dann hast du dir auch die Möglichkeit geschaffen (push/Sprache) an und ab zu schalten. Löst du das im script dann immer mit if Abfrage n? ` Ja, das ist eine von mir sehr häufig verwendete Möglichkeit. Manchmal möchte ich das System "leise" haben, dann kann ich schnell in VIS die entsprechenden Meldung (Push oder Sayit) abschalten. DWD Meldungen setzen eine bestimmte Stärke (Severity) voraus. Da muss ich etwas ausholen. Hier nochmal das Skript zur Luftfeuchte:

                                ! ````
                                /* Schlafzimmer Alarm Luftfeuchte
                                ! Skript meldet, wenn Luftfeuchte im Schlafzimmer unter Grenzwert sinkt

                                • bei Anwesenheit per Sayit
                                • bei Abwesenheit per Push
                                  OptIn Variablen werden angelegt
                                  Grezwert Variable wird angelegt

                                ! todo: Pushover Priorität per VIS-Eingabe setzen
                                Sayit-Lautstärke per VIS setzen
                                ! erstellt: 25.04.2015 von pix
                                geändert: 25.04.2015
                                30.05.2015 Optin Variable Unterkategorie erstellt
                                03.06.2015 Sayit-Ansage auf 40% Lautstärke gesetzt
                                13.07.2015 umbenannt in Schlafzimmer_Alarm_uftfeuchte
                                18.07.2015 Sayit als globale Funktion eingeführt
                                09.12.2015 Optin Ordnerstruktur optimiert
                                Grenzwertvariable neu platziert
                                Alarmvariable erstellt
                                ! */
                                // Erstellen der Variablen
                                createState('Alarm.Schlafzimmer.Luftfeuchte', false, {
                                name: 'Schlafzimmer - niedrige Luftfeuchte',
                                desc: 'niedrige Luftfeuchte im Schlafzimmer wird gemeldet',
                                type: 'boolean',
                                read: true,
                                write: true
                                });
                                createState('Alarm.Schlafzimmer.Luftfeuchte.Grenzwert.unten', 40, {
                                name: 'Schlafzimmer Luftfeuchte unterer Grenzwert',
                                desc: 'Grenzwert, dessen Unterschreitung zu Alarmierung führt',
                                type: 'number',
                                unit: '%',
                                read: true,
                                write: true
                                });
                                createState('Optin.Schlafzimmer.Luftfeuchte.Push', true, {
                                name: 'Optin Schlafzimmer niedrige Luftfeuchte melden',
                                desc: 'Soll eine zu niedrig Luftfeuchte im Schlafzimmer gemeldet werden?',
                                type: 'boolean',
                                read: true,
                                write: true
                                });
                                createState('Optin.Schlafzimmer.Luftfeuchte.Sayit', true, {
                                name: 'Optin Schlafzimmer niedrige Luftfeuchte ansagen',
                                desc: 'Soll eine zu niedrige Luftfeuchte im Schlafzimmer angesagt werden?',
                                type: 'boolean',
                                read: true,
                                write: true
                                });
                                ! var idFeuchte = "hm-rpc.0.HEQ012345.1.HUMIDITY"/Thermostat Schlafzimmer Sensoren.HUMIDITY/,
                                idGrenzwert = "javascript.0.Alarm.Schlafzimmer.Luftfeuchte.Grenzwert.unten",
                                idAlarm = "javascript.0.Alarm.Schlafzimmer.Luftfeuchte",

                                idAnwesenheit = "javascript.0.Anwesenheit"/*Status Anwesenheit*/,
                                idNachtruhe = "javascript.0.Nachtruhe"/*Status Nachtruhe*/,
                                
                                optin_beschreibung = "Schlafzimmer Luftfeuchte",
                                idOptinSayit = "javascript.0.Optin.Schlafzimmer.Luftfeuchte.Sayit",
                                idOptinPush = "javascript.0.Optin.Schlafzimmer.Luftfeuchte.Push";
                                

                                ! // Pushmeldung
                                function meldung_push (text, titel, prio) {
                                var optin_push = getState(idOptinPush).val;
                                if (optin_push) { // wenn Optin
                                sendTo("pushover", {
                                message: text,
                                title: titel,
                                priority: prio
                                });
                                } // Ende Optin
                                }
                                // Sayit
                                function meldung_sayit (ansage) {
                                var optin_sayit = getState(idOptinSayit).val;
                                if (optin_sayit) { // wenn Optin
                                sayit(ansage); // globale Funktion
                                } // Ende Optin
                                }
                                ! // Meldung absetzen
                                on( {
                                id: idAlarm,
                                change: 'ne'
                                }, function(obj) {
                                var anwesenheit = getState(idAnwesenheit).val,
                                nachtruhe = getState(idNachtruhe).val,
                                grenzwert = getState(idGrenzwert).val,
                                luftfeuchte = getState(idFeuchte).val,
                                status,
                                betreff = "ioBroker Meldung";
                                if (obj.newState.val === true) {
                                if (anwesenheit === 0) { // wenn abwesend
                                status = 'Die Luftfeuchte im Schlafzimmer sinkt unter den Grenzwert von ' + grenzwert + ' Prozent und liegt aktuell bei ' + luftfeuchte + ' Prozent. Bitte nach der Rückkehr den VENTA einschalten.';
                                meldung_push(status, betreff, 0);
                                log(status, 'info');
                                } else if (anwesenheit === 1) { // wenn anwesend
                                if (nachtruhe !== 1) { // wenn nicht Nachtruhe
                                status = 'Die Luftfeuchte im Schlafzimmer sinkt unter den Grenzwert von ' + grenzwert + ' Prozent und liegt aktuell bei ' + luftfeuchte + ' Prozent. Bitte den VENTA einschalten.';
                                meldung_sayit('40;Die Luftfeuchte im Schlafzimmer sinkt unter den Grenzwert von ' + grenzwert + ' Prozent.');
                                meldung_push(status, betreff, 0);
                                } else { // bei Nachtruhe
                                status = 'Die Luftfeuchte im Schlafzimmer sinkt während dieser Nachtruhe unter den Grenzwert von ' + grenzwert + ' Prozent und liegt aktuell bei ' + luftfeuchte + ' Prozent.';
                                } // Ende Nachtruhe
                                } // Ende Anwesenheit
                                } // Ende Meldung
                                log(status, "info");
                                });
                                ! // -------------------------------
                                // Auslöser
                                // Niedrige Feuchte führt zu Alarm
                                on( {
                                id: idFeuchte,
                                change: 'ne'/,
                                valLt: 40
                                /
                                }, function(data) {
                                var grenzwert = getState(idGrenzwert).val;
                                if (data.newState.val < grenzwert) {
                                setState(idAlarm, true);
                                } else {
                                setState(idAlarm, false);
                                }
                                });
                                ! // ----------------------------------
                                // Grenzwert setzen - Logging
                                on( {
                                id: idGrenzwert,
                                change: 'ne'
                                }, function (data) {
                                log('Der Grenzwert <schlafzimmer luftfeuchte=""> wurde auf ' + data.newState.val + ' Prozent gesetzt ', 'info');
                                });
                                ! // Opt In setzen - Logging
                                on( {
                                id: idOptinPush,
                                change: 'ne'
                                }, function (obj) {
                                log('Opt in Variable <' + optin_beschreibung + ' Push> auf <' + obj.newState.val + '> gesetzt ', 'info');
                                });
                                ! on( {
                                id: idOptinSayit,
                                change: 'ne'
                                }, function (obj) {
                                log('Opt in Variable <' + optin_beschreibung + ' Sayit> auf <' + obj.newState.val + '> gesetzt ', 'info');
                                });</schlafzimmer>

                                Neben den Objekten für den Grenzwert und den Alarm (boolean) werden jeweils für Push(-over) und Sayit eine Optin-Variable (boolean) erstellt.
                                
                                Die Funktionen "meldung_push" und "meldung_sayit", sowie ganz unten der Subscribe of diese Objekte zum Loggen sind in allen Skripten gleich. "meldung_push" und "meldung_sayit" fragen ab, ob eine Benachrichtigung gewünscht wird und geben dann die Nachricht weiter (Push an den Pushover Adapter, Sayit an eine globale Funktion sayit, welche dann an den Sayit-Adapter weiterreicht).
                                
                                Der eigentliche Auslöser des Alarms ist ein kleines Skript, dass bei entsprechender Luftfeuchte die Alarmvariable auf true setzt. Ein zweiter Subscribe (darüber) reagiert auf die Alarmvariable und setzt je nach Anwesenheit (Boolean, aber mit Nummern 0 und 1) und Nachtruhe (dito) die jeweilige Meldung ab. Die 0/1-Variante bei diesen Variablen ist noch ein Überbleibsel aus CCU.IO Zeiten und wird demnächst auf boolean umgestellt (richtig viel Arbeit!).
                                
                                Ein kleines Skript, dass nur eine Meldung bei Unterschreiten eines Wertes schicken soll, wächst so natürlich schnell auf rund 150 Zeilen. Das ist aber egal. Genug Power ist ja da. Mir ist eine gleichbleibende Struktur wichtig.
                                
                                Dieses Skript kann ich noch gut um die Möglichkeit erweitern, die Priorität der Pushnachricht auch per VIS einzugeben. Vielleicht mache ich das noch 8-)
                                
                                Gruß
                                
                                Pix `  
                                

                                Leider Funktioniert es bei mir nicht. Was mache ich falsch?

                                bekomme immer diese Meldungen
                                1351_unbenannt.png
                                1351_unbenannt2.png

                                1 Reply Last reply Reply Quote 0
                                • C
                                  chka last edited by

                                  https://iobroker.net:8080

                                  ist leider nicht erreichbar

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

                                    @chka:

                                    https://iobroker.net:8080

                                    ist leider nicht erreichbar `

                                    leider habe ich am Wochenende auch gemerkt…mann kann es ab heute zwar öffnen aber nicht drauf zugreifen..

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

                                      Moin zusammen,

                                      kurze Vorstellung von meiner Seite:

                                      Ich bin seit 18 Monaten passiv im Forum unterwegs um mein System für mich optimal einzurichten.

                                      Jetzt komm ich langsam an einem Punkt wo ich an einigen Stellen nicht weiterkomme.

                                      Um jetzt aktiv im Forum einzusteigen wollte ich mich und meine System kurz vorstellen.

                                      Der ioBroker Läuft bei mir auf einem Intel NUC mit WIN7 64Bit (Ja ich weiß "OMG WIN7" 😄 )
                                      1736__bersicht.jpg
                                      1736_heizung.jpg
                                      1736_l_ftung.jpg
                                      1736_nachrichten.jpg

                                      1 Reply Last reply Reply Quote 0
                                      • kmxak
                                        kmxak Most Active last edited by

                                        Moin das Wetter widget ist ganz schön im 1. Bild ganz oben. Kannst du mir ein Export zukommen lassen?

                                        Gesendet von meinem SM-G928F mit Tapatalk

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

                                          Danke, ist als PN raus

                                          1 Reply Last reply Reply Quote 0
                                          • D
                                            DerOstfriese last edited by

                                            @NUCChris: Tolle Ansichten, insbesondere die letzte mit der Heizungsanlage. Werde ich mal versuchen nachzubauen 😉

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            781
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            88
                                            226
                                            157234
                                            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