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

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

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

    This topic has been deleted. Only users with topic management privileges can see it.
    • wendy2702
      wendy2702 @Ro75 last edited by

      @ro75 Sehr Schön.

      Alles mit VIS gemacht ?

      1 Reply Last reply Reply Quote 0
      • Enrico Fischer
        Enrico Fischer last edited by

        Es geht voran

        2.png
        1.png

        Horst Böttcher leika241265 S 3 Replies Last reply Reply Quote 4
        • Wszene
          Wszene @Ro75 last edited by Wszene

          @ro75
          sehr geil

          Wie hast du die Serverüberwachung gemacht
          Daran hätte ich sehr großes Interesse

          Des weiteren auch an den Alexa und Tanken Seiten

          Ich würde mich sehr freuen wenn du es hinbekommst diese zu exportieren damit ich sie mir in meinen Test-ioB importieren kann um sie dann im Produktiv-System nachzubauen

          100 Daumen hoch

          Gruß
          Marcel

          wendy2702 1 Reply Last reply Reply Quote 0
          • wendy2702
            wendy2702 @Wszene last edited by

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

            Desertieren auch an der Alexa und Tanken Seiten

            Netter Verschreiber oder Auto Korrektur 🙂

            Wszene 1 Reply Last reply Reply Quote 0
            • Wszene
              Wszene @wendy2702 last edited by

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

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

              Desertieren auch an der Alexa und Tanken Seiten

              Netter Verschreiber oder Auto Korrektur 🙂

              HiHi
              Ja Auto Korrektur

              1 Reply Last reply Reply Quote 0
              • Horst Böttcher
                Horst Böttcher @Enrico Fischer last edited by

                @enrico-fischer was nutzt du für Hardware in deinen aqarium würde mich intressieren

                Enrico Fischer 1 Reply Last reply Reply Quote 0
                • Enrico Fischer
                  Enrico Fischer @Horst Böttcher last edited by

                  @horst-böttcher said in Einfach mal zeigen will….. 🙂 - Teil 3:

                  @enrico-fischer was nutzt du für Hardware in deinen aqarium würde mich intressieren

                  Sind einfache Funksteckdosen.

                  Horst Böttcher 1 Reply Last reply Reply Quote 0
                  • Horst Böttcher
                    Horst Böttcher @Enrico Fischer last edited by

                    @enrico-fischer achso ich dachte du haste bestimme Hardware

                    1 Reply Last reply Reply Quote 0
                    • H
                      helfi9999 @Enrico Fischer last edited by

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

                      Mir war langweilig. 🤗

                      Unbenannt.png

                      Hi könntest du die View mit deiner CSS geben. Wäre sehr nett

                      1 Reply Last reply Reply Quote 1
                      • P
                        Peter666666 @Ro75 last edited by Peter666666

                        @ro75 sieht super aus! Wo hast du das iobroker Logo her damit man praktisch nur den Schriftzug hat ohne Hintergrund?

                        1 Reply Last reply Reply Quote 0
                        • leika241265
                          leika241265 @Enrico Fischer last edited by

                          @enrico-fischer
                          Hi, sieht top aus. Gefällt mir. Würde mich mal interessieren wie du das view dazu aufgebaut hast?
                          Danke

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

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

                            Wo hast du das iobroker Logo her damit man praktisch nur den Schriftzug hat ohne Hintergrund?

                            hier zB

                            1 Reply Last reply Reply Quote 1
                            • Ro75
                              Ro75 last edited by Ro75

                              Habe noch einmal alles überarbeitet. Stelle alles (gesamte System) zur Verfügung. Soweit möglich auch alles anonymisiert.

                              Alexa.png

                              System.png

                              Adapter:

                              Adapter.png

                              Die in dieser Liste vorhandenen Adapter sind alle konfiguriert. Adapter die ihr nicht verwendet, müsstet ihr dann aus der VIS und den Java-Skripten entfernen. An dieser Stelle gleich der Hinweis, es ist alles eng miteinander verbunden. Und noch ein Hinweis. Benötigte Datenpunkte werden zu 99,9% bei der jeweiligen Funktion gleich mit erstellt, damit alles geht. Daten werden generell in "0_userdata.0" erstellt, abgeholt und gespeichert.

                              1676055007780-vis.zip
                              vis_skripte.txt
                              vis_css.txt

                              Das ist die komplette VIS mit allen Views. Auflösung 1920 * 1060. Dazu auch die CSS und Skripte innerhalb der VIS.

                              1676102243305-1676055139628-javascript.zip

                              Hier sind alle Java - Skripte. Achtung: Nicht gleich alle auf einmal einkopieren und starten. Die Skripte sind in Ordner, für eine bessere Übersicht, abgelegt. Einige Skripte verarbeiten auch Aufzählungen. Da bitte aufpassen.

                              vis.0 teil 2.zip

                              vis.0 teil 1.zip

                              vis.0 teil 3.zip

                              vis.0 teil 4.zip

                              Diese 4 Dateien sind Bilder und Fonts und müssen zuerst entpackt werden. Dann habt ihr einzelne Ordner und Dateien. Die müssen alle über den Dateimanager (VIS dann System, ...) in den Ordner "/vis.0/" hochgeladen werden.

                              Viel Spaß. Ich versuche bei Problemen zu helfen. Allerdings ist Support nicht unbedingt meine Stärke (Bei dem was ich heute so im Forum gelesen hab...). Eine Bitte. Wer meine Javascripte optimieren, verbessern, verkürzen,... kann bitte melden. Würde mich freuen.

                              1 Reply Last reply Reply Quote 7
                              • F
                                Fichte last edited by

                                Ich habe auch einbisschen Gespielt und alles Relativ Simpel gehalten und das nötigste auf einem Blick Gebracht.
                                Das ganze ist für ein Ipad Air und VIS App was im Flur hängt.
                                Ich hab mal aus allem etwas gemacht

                                "Home"
                                ded60c06-67d1-4a90-9ecd-2a13a0610efc-image.png

                                "Heizung"
                                a59611c7-c493-4128-8cd3-01754e170a61-image.png

                                "Heizungs Einstellungen"
                                b79347cb-9fe0-4344-afd5-df8075b35332-image.png

                                "Licht"
                                16a84b89-af31-4c82-993d-ca6f521d4845-image.png

                                M 1 Reply Last reply Reply Quote 1
                                • M
                                  manner666 @Fichte last edited by

                                  @fichte Hey, mir gefällt dein Dashboard ganz gut und die Seite mit den Heizungseinstellungen.
                                  Würdest du dieses mal zur Verfügung stellen. Ich bin mit meiner Visu momentan gar nicht zufrieden, weil dort alles so durcheinandergewürfelt ist.

                                  F 1 Reply Last reply Reply Quote 0
                                  • F
                                    Fichte @manner666 last edited by

                                    @manner666 Der Menüpunkt Dev. und Info sind noch nicht Fertig. Habs hier hoch geladen.

                                    337a675e-9f09-4e70-a085-e15da6252a21-2023-02-20-ipadAir.zip

                                    1 Reply Last reply Reply Quote 1
                                    • S
                                      syber @Enrico Fischer last edited by

                                      @enrico-fischer
                                      Moin 😊
                                      könntest du dein Projekt veröffentlichen.
                                      Ich finde das Design Hammer👍

                                      Grüsse

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

                                        Nachdem ich 3(!) Jahre Anlauf dafür genommen habe, habe ich nun endlich das Hydraulikschema unserer Heizung fertiggestellt. Ich habe hierzu mit InkScape ein SVG erstellt und dieses mit CSS und JavaScript animiert. Alle Datenpunkte sind mit eigebettet, so dass es auf verschiedenen Endgeräten nach Belieben skaliert werden kann.

                                        Die Pumpen drehen sich in Abhängigkeit zur Modulation, gleichzeitig werden die Striche animiert. Die Leitungsfarben werden in Abhängigkeit der jeweiligen Temperaturen eingestellt.

                                        Therme, Ofen und Wämepufferspeicher habe ich selbst selbst hergestellt. Es gibt zwar einige Vorlagen im WWW, die sind aber keine schöne Vektorgrafiken 🙂 Und der Kamin sieht so aus wie das Original 🙂

                                        Mein Dank geht an @Marc_St , @SBorg , @Stefan-G und viele andere, die mir auf der Reise und dem Weg hierhin geholfen haben.

                                        Screenshot 2023-04-01 202400.png

                                        Hier ein Video:
                                        vis.webm

                                        Das ist ein schönes Projekt und wahrscheinlich nie ganz fertig, aber die größte Hürde ist genommen!

                                        M 1 Reply Last reply Reply Quote 8
                                        • M
                                          MarkusL @Spampunk last edited by

                                          @spampunk Hallo Spampunk, Deine animierte Darstellung der Heizung finde ich ziemlich genial. Würdest Du sie zur Verfügung stellen, vielleicht sogar mit einigen Erklärungen, was man wo anpacken muss, um es auf eigene Bedürfnisse anzupassen?
                                          Das wäre echt super.
                                          Danke!
                                          VG

                                          S 1 Reply Last reply Reply Quote 0
                                          • Frederik Buss
                                            Frederik Buss last edited by

                                            Hier meine Visu. Läuft auf einem einfachen Lenovo Tab am Schrank in der Küche, entsprechend ist das Design auf die Einrichtung angepasst. Besonders praktisch ist die Sonos Steuerung. Die synchronisiert die kleine Roam Box in der Küche mit dem grossen Sonos im Wohnzimmer, beides lässt sich aber auch einzeln ansteuern. Bei Fragen, fragen 🙂
                                            20230410_094325.jpg
                                            Screenshot_2023-04-10-09-57-25-602.jpg Screenshot_2023-04-10-10-01-31-611.jpg Screenshot_2023-04-10-10-00-34-488.jpg Screenshot_2023-04-10-10-00-23-465.jpg Screenshot_2023-04-10-10-00-05-911.jpg Screenshot_2023-04-10-09-59-50-011.jpg Screenshot_2023-04-10-09-59-38-086.jpg Screenshot_2023-04-10-09-59-25-559.jpg Screenshot_2023-04-10-09-59-06-768.jpg Screenshot_2023-04-10-09-58-51-619.jpg Screenshot_2023-04-10-09-58-38-457.jpg Screenshot_2023-04-10-09-58-29-472.jpg Screenshot_2023-04-10-09-58-00-509.jpg

                                            Frederik Buss 1 Reply Last reply Reply Quote 6
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            492
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

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