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.
    • D
      darkiop Most Active @lesiflo last edited by

      @lesiflo Danke, aber ich befürchte das ganze ist mit dem S6 noch nicht kompatibel - die Karte wird in der App nur völlig verzerrt und unlesbar dargestellt.

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

        @maniac sagte in Einfach mal zeigen will….. 🙂 - Teil 2:

        Moin zusammen.
        Fertig wird man ja nie, aber mittlerweile habe ich das schon so einiges am laufen und möchte das auch einfach mal zeigen.

        Hallo Maniac!

        Könnte ich den View inkl. Scripte von "Synology Status" haben?

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

          Hab die letzten Tage mal ein wenig an meinem iPhone-X-Projekt gebastelt. Ich verwende die App ioBroker für iOS. An einigen Stellen ist noch etwas Feinschliff notwendig. Grundlage des Projekts ist übrigens eine HomeMatic-Installation.

          Startseite

          vis_dtp_iPhone_01.png
          Bedeutung der Farben

          • grün: Fenster bzw. Rollladen geschlossen
          • blau: Fenster auf Kippstellung, Rollladen teilweise hochgefahren (<= 90 %)
          • orange: Fenster offen, Rollladen hochgefahren (< 90 %)

          Startseite mit Briefkastenkamera

          vis_dtp_iPhone_02.png

          Startseite mit Haustürkamera

          vis_dtp_iPhone_03.png

          Licht

          vis_dtp_iPhone_04.png
          Bedeutung der Farben

          • grün: Licht aus
          • orange: Licht an

          Licht mit Dialog-Fenster

          vis_dtp_iPhone_05.png

          Heizung, Teilübersicht 1

          vis_dtp_iPhone_06.png
          Bedeutung der Farben

          • grün: |Ist-Temperatur - Soll-Temperatur| <= 1 °C
          • blau: Ist-Temperatur - Soll-Temperatur < -1°C (es ist kälter, als geplant)
          • orange: Ist-Temperatur - Soll-Temperatur > 1 °C (es ist wärmer, als geplant)
          D G 2 Replies Last reply Reply Quote 2
          • D
            dtp @dtp last edited by dtp

            Heizung, Räume

            vis_dtp_iPhone_07.png

            Heizung, Räume mit Dialogfenster

            vis_dtp_iPhone_08.png

            Heizung, Heizungsanlage Seite 1

            vis_dtp_iPhone_09.png

            Heizung, Heizungsanlage Seite 2

            vis_dtp_iPhone_10.png

            Kalender für Abfälle und Feiertage sowie Dialag für Haltestelle und Wetter

            vis_dtp_iPhone_11.png

            Statusmeldungen der CCU sowie Duty Cycle

            vis_dtp_iPhone_12.png

            1 Reply Last reply Reply Quote 2
            • ElmarK
              ElmarK last edited by

              Guten Morgen,
              nachdem ich hier jetzt doch schon seit Langem von Euren Ideen profitiere möchte ich jetzt auch mal meine Hauptseite vorstellen.

              65150143-9793-429d-9bf5-1f6c16b0dd05-grafik.png

              Für Fragen... einfach fragen 🙂

              D 1 Reply Last reply Reply Quote 1
              • StM47
                StM47 last edited by StM47

                Ich bin dabei meine Vis neu zu gestalten. Hier mal die ersten Ergebnisse:

                Bildschirmfoto 2019-12-23 um 01.02.57.png

                Bildschirmfoto 2019-12-23 um 01.03.18.png

                Bildschirmfoto 2019-12-23 um 01.03.39.png

                Bildschirmfoto 2019-12-23 um 01.05.00.png

                Bildschirmfoto 2019-12-23 um 01.56.46.png

                Bildschirmfoto 2019-12-23 um 01.04.04.png

                Bildschirmfoto 2019-12-23 um 01.21.48.png

                ema_screen.png

                Die Bezeichnungen der Melder habe ich aus Sicherheitsgründen retuschiert.

                ostseereiter R D 3 Replies Last reply Reply Quote 4
                • Nashra
                  Nashra Most Active Forum Testing last edited by

                  Moin @StM47 sieht super aus was du erstellt hast 👍
                  Das Hintergrundbild bei Wetterwarnungen ist super, wo kann man das bekommen.
                  Oder würdest Du das View davon zur Verfügung stellen.

                  StM47 1 Reply Last reply Reply Quote 1
                  • D
                    dtp last edited by

                    Mir persönlich wäre das too much. Ich möchte keine Spielekonsole als Visualisierung, sondern eine auf möglichst schnelle Information gerichtete Anwendung. Ich muss meine Visualisierung starten und mit wenigen Klicks bzw. Blicken sofort kritische Zustände erfassen können.

                    Für mich gehören daher auch keine TV- oder Musik-Steuerungen oder dergleichen in eine solche Visualisierung, weil sie das Ganze nur unnötig aufblähen. Zudem bevorzuge ich ein flaches zweidimensionales Design mit simplen aber klaren Symbolen.

                    Aber das kann und darf natürlich jeder anders sehen.

                    sigi234 1 Reply Last reply Reply Quote 1
                    • sigi234
                      sigi234 Forum Testing Most Active @dtp last edited by sigi234

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

                      Aber das kann und darf natürlich jeder anders sehen.

                      Genau, ich habe daher mehrere Projekte. 😀
                      Nachtrag:
                      Und Installationen!

                      D 1 Reply Last reply Reply Quote 0
                      • D
                        dtp @sigi234 last edited by

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

                        Genau, ich habe daher mehrere Projekte.

                        Hab ich auch. Allerdings sind die eher auf die unterschiedlichen Formate und Auflösungen der anzeigenden Geräte gerichtet.

                        1 Reply Last reply Reply Quote 0
                        • ostseereiter
                          ostseereiter @StM47 last edited by

                          @StM47 Ist das mit der Wetterwarnung ein Popup,wenn ja würdest du sagen wie du das gemacht hast ich finde deine Visu toll.

                          StM47 1 Reply Last reply Reply Quote 1
                          • StM47
                            StM47 @Nashra last edited by Negalein

                            @Nashra

                            Bitte Schön!

                            wetter.jpg

                            1 Reply Last reply Reply Quote 1
                            • StM47
                              StM47 @ostseereiter last edited by StM47

                              @ostseereiter

                              Du erstellst ein neues View, welches du per Poppup anzeigen lassen möchtest.

                              Mit dem Icon-Dialog Widget kannst du dann einen Button für das Popup erstellen.

                              Bildschirmfoto 2019-12-23 um 14.44.19.png

                              In den Einstellungen des Widgets verlinkst du dann das View, welches du anzeigen lassen möchtest.

                              Bildschirmfoto 2019-12-23 um 14.51.37.png

                              Bildschirmfoto 2019-12-23 um 14.51.52.png

                              ostseereiter 1 Reply Last reply Reply Quote 0
                              • ostseereiter
                                ostseereiter @StM47 last edited by

                                @StM47 Danke erst mal muss noch über Blockly ein Trigger gesetzt werdenwann die View aufplppen soll?

                                ostseereiter 1 Reply Last reply Reply Quote 0
                                • ostseereiter
                                  ostseereiter @ostseereiter last edited by

                                  @ostseereiter
                                  ok So sieht das erst mal bei mir aus aber so richtig schaue ich nicht durch. Könntest du die View als Code einstellen
                                  Screenshot (9).png

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

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

                                    So sieht das erst mal bei mir aus aber so richtig schaue ich nicht durch.

                                    Falsches Widget verwendet.

                                    Du benötigst 1577108885099-bildschirmfoto-2019-12-23-um-14.44.19.png

                                    Schau dir nochmal den Beitrag von @StM47 an

                                    ostseereiter G 2 Replies Last reply Reply Quote 1
                                    • ostseereiter
                                      ostseereiter @Negalein last edited by

                                      @Negalein
                                      Screenshot (10).png
                                      Schau das ist das Widget und dann sieht das so im Dialog aus.
                                      Screenshot (9).png
                                      anders als bei dir.

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

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

                                        Schau das ist das Widget und dann sieht das so im Dialog aus.

                                        Upps, sorry. Hab den falschen Screenshot erwischt.

                                        Hier ist das richtige Widget.
                                        Edit vis (3).png

                                        1 Reply Last reply Reply Quote 1
                                        • S
                                          smartysmart last edited by

                                          Hey Leute,

                                          Gibt es eine Responsive Vis irgendwo zum laden oder zum kaufen ?
                                          Hab keine Lust das alles selber zu machen, wäre schön wenn man sowas fertig irgendwo her bekommt und dieses dann umarbeiten kann.

                                          Grund ist ich hab mehrere verschiedene Geräte mit verschiedenen Auflösungen und ich will dass es überall gleich ausschaut ohne für jedes Gerät eine eigene Vis zu machen deswegen Responsive für Tab´s.

                                          sigi234 Glasfaser 2 Replies Last reply Reply Quote 0
                                          • sigi234
                                            sigi234 Forum Testing Most Active @smartysmart last edited by

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

                                            Hey Leute,

                                            Gibt es eine Responsive Vis irgendwo zum laden oder zum kaufen ?
                                            Hab keine Lust das alles selber zu machen, wäre schön wenn man sowas fertig irgendwo her bekommt und dieses dann umarbeiten kann.

                                            Grund ist ich hab mehrere verschiedene Geräte mit verschiedenen Auflösungen und ich will dass es überall gleich ausschaut ohne für jedes Gerät eine eigene Vis zu machen deswegen Responsive für Tab´s.

                                            https://forum.iobroker.net/topic/26925/test-adapter-material-design-widgets-v0-2-x

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            724
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

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