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.
    • 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
                                        • C
                                          cburger last edited by

                                          Hallo Zusammen,

                                          da ich in diesem Forum schon sehr viele Anregungen gefunden habe, poste ich nun mal meine vis-Ansichten zur Inspiration …

                                          Habe die komplette Umsetzung in dashui gemacht und setzte dies gerade in iobroker um. Die Screenshots sind nun schon in iobroker.

                                          Eine Anmerkung hier noch: ich finde das Projekt iobroker und die vis einfach supergeil! Tlw. muss man noch ein bisschen fummeln, doch die Möglichkeiten sind enorm! Danke dafür.

                                          Christoph
                                          2516_k_che.png
                                          2516_iobroker.png
                                          2516_esszimmer.png
                                          2516_sicherheitscenter.png

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

                                            @cburger:

                                            Hallo Zusammen,

                                            da ich in diesem Forum schon sehr viele Anregungen gefunden habe, poste ich nun mal meine vis-Ansichten zur Inspiration …

                                            Habe die komplette Umsetzung in dashui gemacht und setzte dies gerade in iobroker um. Die Screenshots sind nun schon in iobroker.

                                            Eine Anmerkung hier noch: ich finde das Projekt iobroker und die vis einfach supergeil! Tlw. muss man noch ein bisschen fummeln, doch die Möglichkeiten sind enorm! Danke dafür.

                                            Christoph `

                                            Gute Idee mit der Übersicht, aber hast du in jedem Raum tatsächlich 3 Lichter und 3 Fenster?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            747
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

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