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 3

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

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

    This topic has been deleted. Only users with topic management privileges can see it.
    • L
      lesiflo Most Active last edited by lesiflo

      Hallo,
      auf vielfachen Wunsch hier ein aktueller Export meiner Vis im "Material Design" von Uhula.

      Home.JPG

      Hatte ich auch schon mal hier vorgestellt:
      https://forum.iobroker.net/topic/12723/einfach-mal-zeigen-will-teil-2/607

      Homer.J. B S V Jens Meyer 5 Replies Last reply Reply Quote 0
      • Flexer
        Flexer last edited by

        Habe meine Vis mal abgefilmt!

        Hier der Link

        https://m.youtube.com/watch?v=DQ9PoF1Vjlo&feature=youtu.be

        Negalein W 3 Replies Last reply Reply Quote 4
        • Negalein
          Negalein Global Moderator @Flexer last edited by

          @Flexer sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

          Habe meine Vis mal abgefilmt!

          Hier der Link

          https://m.youtube.com/watch?v=DQ9PoF1Vjlo&feature=youtu.be

          Schaut richtig gut aus!

          Der Netzwerkview gefällt mir. Vorallem das mit den blauen animierten Linien.

          1 Reply Last reply Reply Quote 0
          • Nashra
            Nashra Most Active Forum Testing last edited by

            Toll gemacht und wie @Negalein schon schreibt, auch mir hat es das Netzwerkview angetan mit den Linien ☺
            Würdest du es hier zum Download anbieten 😁

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

              Ich könnte es zur Verfügung stellen jedoch bringt es dir nichts. Der Aufbau ist recht einfach. Im Hintergrund läuft ein Video. Die gibt es im Internet kostenlos zum Download zum Beispiel auf Pixabay. Das musst du mit dem HTML widget einbauen. Eine Ebene höher legst du ein Bild von deinem Netzwerkplan drauf. Hier müssen die „Verbindungen“ transparent sein dass das Video durchscheint. Jetzt noch eine Ebene höher die Widgets die rot sichtbar sind wenn kein Ping möglich ist.

              Fertig!

              Nashra L E 3 Replies Last reply Reply Quote 1
              • Nashra
                Nashra Most Active Forum Testing @Flexer last edited by

                @Flexer sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

                Ich könnte es zur Verfügung stellen jedoch bringt es dir nichts. Der Aufbau ist recht einfach. Im Hintergrund läuft ein Video. Die gibt es im Internet kostenlos zum Download zum Beispiel auf Pixabay. Das musst du mit dem HTML widget einbauen. Eine Ebene höher legst du ein Bild von deinem Netzwerkplan drauf. Hier müssen die „Verbindungen“ transparent sein dass das Video durchscheint. Jetzt noch eine Ebene höher die Widgets die rot sichtbar sind wenn kein Ping möglich ist.

                Fertig!

                Geniale Idee, werde versuchen es nachzubauen. Danke für die Anleitung 👍 😁

                1 Reply Last reply Reply Quote 0
                • L
                  Leviathan09 @Flexer last edited by

                  @Flexer Mit was hast du den Netzwerkplan denn erstellt? Wollte das nach meiner Umkabel-Aktion nun auch angehen, kenne da aber bisher kein Programm. Wäre sehr nett wenn du mir da mal einen Tipp geben könntest.
                  Oder die anderen User hier. Thx
                  Anonsten wie auch schon unter YT geschrieben, klasse VIS

                  Flexer 1 Reply Last reply Reply Quote 0
                  • Homer.J.
                    Homer.J. @lesiflo last edited by

                    @lesiflo Hi lesiflo kannst du die Datei nochmal als zip packen geht so nicht zu importieren, hab es auch schon versucht umzuwandeln von rar auf eine zip geht leider auch nicht.

                    Grüße

                    L 1 Reply Last reply Reply Quote 0
                    • Flexer
                      Flexer @Leviathan09 last edited by

                      @Leviathan09

                      Habe das mit Photoshop gemacht. Ein Softwar dafür die das am Ende so darstellt gibt es nicht bzw ist mir nicht bekannt

                      1 Reply Last reply Reply Quote 0
                      • Negalein
                        Negalein Global Moderator @Flexer last edited by

                        @Flexer sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

                        Habe meine Vis mal abgefilmt!

                        Wie hast du das mit dem Gast-WLAN Code gelöst?

                        Glasfaser 1 Reply Last reply Reply Quote 0
                        • Glasfaser
                          Glasfaser @Negalein last edited by Glasfaser

                          @Negalein

                          Wurde eigentlich nicht gefragt … aber meinst du soetwas :

                          QR-Code ändert sich je Tag :

                          1566752568770-unbenannt-4.jpg

                          Widget :

                          [{"tpl":"tplBulbOnOffCtrl","data":{"oid":"tr-064.0.states.wlanGuest","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":true,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","icon_off":"/vis.0/Wohnen/WLAN_grau.png","icon_on":"/vis.0/Wohnen/WLAN_grauan.png","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"min":"false","max":"true","urlTrue":"","urlFalse":"","oidTrue":"","oidFalse":"","class":"mdui-state"},"style":{"left":"531px","top":"560px","width":"60px","height":"60px","border-radius":"10px","box-shadow":"2px 2px 3px rgba(20, 20, 20, 50)","background-color":"#303030","z-index":"20"},"widgetSet":"basic"},{"tpl":"tplShapes","data":{"g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"true","visibility-groups-action":"hide","svgType":"circle","strokeColor":"green","fill":"transparent","strokeWidth":"8","scaleWidth":"1","scaleHeight":"1","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Forum/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis.0/Forum/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis.0/Forum/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"visibility-oid":"tr-064.0.states.wlanGuest","name":"Lichtstatus 1 Blau"},"style":{"left":"528px","top":"556px","z-index":"8","width":"69px","height":"69px","border-width":"5px","background":"green","border-radius":"12px"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"Uptime","comment":"","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","html_prepend":"Wlan Gast","html_append":""},"style":{"left":"463px","top":"625px","width":"188px","height":"25px","color":"#e6e6e6","font-family":"Verdana, Geneva, sans-serif","font-weight":"","font-size":"small","background-color":"","text-align":"center","z-index":"10","background":"-webkit-linear-gradient(-45deg, #272727 0%,#090909 100%)","border-radius":"10px","line-height":"25px","font-style":"normal","font-variant":"normal"},"widgetSet":"basic"},{"tpl":"tplValueStringRaw","data":{"hm_id":"80101","digits":"","factor":1,"min":0,"max":1,"step":0.01,"visibility-cond":"==","visibility-val":1,"oid":"javascript.0.QR-Code.Gast","gestures-offsetX":0,"gestures-offsetY":0,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"visibility-groups-action":"hide","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"496px","top":"653px","width":"125px","height":"125px","border":"2px solid rgb(255, 255, 255)","border-radius":"5px","z-index":"44","color":"","background":"#ffffff"},"widgetSet":"basic"}]
                          

                          Script :

                          // https://www.npmjs.com/package/qr-image
                          
                          var MySSID          = "FRITZ!Box Gastzugang";           //  SSID Name
                          
                          var MyCrypt         = "WPA2";                //  [WEP|WPA|WPA2]
                          
                          var MyVisibility    = "n";                  //  Hidden SSID? 
                          
                          var cronStr         = "1 3 * * *"           // Script wird jeden Tag um 03:01 Ausgeführt
                          
                          
                          
                          var idQRZiel = "javascript.0.QR-Code.Gast"; // Zieldatenpunkt für QR-Code
                          
                          var IdGPasswd = "tr-064.0.states.wlanGuestPassword"; /*wlanGuestPassword*/
                          
                          
                          
                          if(MyVisibility == "y") {
                          
                             var MyHidden="H:true";
                          
                          } 
                          
                          else {
                          
                             MyHidden="";
                          
                          } 
                          
                          
                          
                          createState(idQRZiel, "", {
                          
                          
                          
                              name: 'QR-Code für Gastpasswort',
                          
                              desc: 'QR-Code für Gastpasswort',
                          
                              type: 'string',
                          
                              role: 'value'
                          
                          });
                          
                          
                          
                          function randomString(length) {         // Methode zur Erstellung eines Random-Passworts kann angepasst werden
                          
                          
                          
                             return Math.round((Math.pow(36, length + 1) - Math.random() * Math.pow(36, length))).toString(36).slice(1);
                          
                          
                          
                          }
                          
                          
                          
                          function createQRcode() {
                          
                          
                          
                             var qr = require('qr-image');
                          
                             var NewPasswd = randomString(16);       // 16 Stelliges Passwort
                          
                             var svg_string = qr.imageSync('WIFI:S:'+MySSID+';T:'+MyCrypt+';P:'+NewPasswd+';'+MyHidden+';', { type: 'svg' });
                          
                                  
                          
                             setState(idQRZiel, svg_string);
                             setState(IdGPasswd, NewPasswd);
                             console.log('+++ Wlan Gast QR-Code neu erstellt +++');
                          }
                          
                          
                          
                          
                          // regelmässige Wiederholungen
                          
                          schedule(cronStr, createQRcode);
                          

                          In Javascript eintragen :
                          1111111111111.JPG

                          Negalein Bluelinux 2 Replies Last reply Reply Quote 2
                          • Negalein
                            Negalein Global Moderator @Glasfaser last edited by

                            @Glasfaser sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

                            @Negalein

                            Wurde eigentlich nicht gefragt … aber meinst du soetwas :

                            Danke, das ist cool!

                            Ist im QR nur das Passwort hinterlegt? Oder auch noch andere Funktionen?

                            Glasfaser 1 Reply Last reply Reply Quote 0
                            • Glasfaser
                              Glasfaser @Negalein last edited by

                              @Negalein

                              Alle Informationen für den Gastzugang sind vorhanden !
                              Deshalb wird er jeden Tag neu generiert !

                              Negalein 1 Reply Last reply Reply Quote 0
                              • L
                                lesiflo Most Active @Homer.J. last edited by

                                @Homer-J Hi, hab's nochmal als Zip-Datei hochgeladen.

                                Homer.J. 1 Reply Last reply Reply Quote 0
                                • Negalein
                                  Negalein Global Moderator @Glasfaser last edited by Negalein

                                  @Glasfaser sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

                                  @Negalein

                                  Alle Informationen für den Gastzugang sind vorhanden !
                                  Deshalb wird er jeden Tag neu generiert !

                                  Muss ich gleich mal testen.

                                  Was mir noch nicht ganz klar ist.

                                  Um den QR zu scannen, muss ich extra die QR-App starten und dann zwischen WLAN-Verbindungseinst. und QR-App umherschalten.
                                  Da wäre es wie bei @Flexer doch besser, wenn der Code direkt angezeigt wird.

                                  Weisst du auch noch, wie es geht, um den Gastzugang so wie bei ihm zu aktivieren (den Code auf einer Website eingeben)?

                                  Glasfaser 1 Reply Last reply Reply Quote 0
                                  • Homer.J.
                                    Homer.J. @lesiflo last edited by

                                    @lesiflo Hi, selbes Problem das kommt beim Import. test/vis-views.json Not exists

                                    L Glasfaser 2 Replies Last reply Reply Quote 0
                                    • L
                                      lesiflo Most Active @Homer.J. last edited by

                                      @Homer-J Schick mir mal per PN deine email. Das Problem ist, das ich hier nur max 5MB hochladen kann. Die Datei aus dem Export ist aber grösser.

                                      1 Reply Last reply Reply Quote 0
                                      • Glasfaser
                                        Glasfaser @Homer.J. last edited by

                                        @Homer-J

                                        Die Datei / Zip oder Rar von @lesiflo ist nicht zum Importieren .
                                        Sie muss entpackt werden und in den Projektordner VIS.0 und ist dann als Projekt wählbar

                                        L 1 Reply Last reply Reply Quote 0
                                        • L
                                          lesiflo Most Active @Glasfaser last edited by

                                          @Glasfaser Oder so geht es auch.

                                          1 Reply Last reply Reply Quote 0
                                          • Glasfaser
                                            Glasfaser @Negalein last edited by Glasfaser

                                            @Negalein

                                            Du kannst auch die Datenpunkte nutzen :

                                            222.JPG

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            740
                                            Online

                                            31.6k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            vis vis editor visualisierung visualization
                                            155
                                            813
                                            246926
                                            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