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 1

    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 1

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

      @Homoran:

      @Bluefox:

      Ich kann paint.net empfehlen. `
      paint.net = Warren paint & Color Co. ????

      Gruß

      Rainer `

      Ich schaetze, es ist das Programm "paint.net" gemeint, welches unter diese Adresse zu bekommen ist https://www.getpaint.net/index.html

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

        @Meistertr:

        Welche Wetter icon nutzt du? `
        Das ist https://www.npmjs.com/package/weather-underground-icons

        Ich habe allerdings den Pfad vom wunderground etwas korrigieren müssen, damit er auf die Png-dateien verweist.

        Gesendet von meinem ONEPLUS A3003 mit Tapatalk

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

          @mrMuppet:

          Das ist https://www.npmjs.com/package/weather-underground-icons

          Ich habe allerdings den Pfad vom wunderground etwas korrigieren müssen, damit er auf die Png-dateien verweist. `

          Kannst Du mir sagen, wie Du diese Icons eingebunden hast?

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

            @SchuetzeSchulz:

            @mrMuppet:

            Das ist https://www.npmjs.com/package/weather-underground-icons

            Ich habe allerdings den Pfad vom wunderground etwas korrigieren müssen, damit er auf die Png-dateien verweist. `

            Kannst Du mir sagen, wie Du diese Icons eingebunden hast? ` Ich habe sie runtergeladen und auf iobroker-Rechner gespeichert (zumindest die png). Dann im wunderground Adapter den Pfad angeben. Ich hab noch ein Script dass im datenpunkt die dateiendung von gif zu png ändert. (kann man aber evtl. auch anders machen).

            Gesendet von meinem ONEPLUS A3003 mit Tapatalk

            1 Reply Last reply Reply Quote 0
            • T
              tempestas last edited by

              Hallo mrMuppet.

              Kannst du mir kurz sagen, wie du das mit den wunderground icons nachts gemacht hast? Ich habe, weniger elegant als du, dass vor einigen Monaten nämlich auch mal gemacht (Zuordnung lief über ein Skript). Allerdings blieb dann nachts die Grafik eben leer, weil die icons offenbar nur für den Tagbetrieg gedacht sind.

              Bei dir scheint aber alles da zu sein?

              1 Reply Last reply Reply Quote 0
              • Dutchman
                Dutchman Developer Most Active Administrators last edited by

                @tempestas:

                Hallo mrMuppet.

                Kannst du mir kurz sagen, wie du das mit den wunderground icons nachts gemacht hast? Ich habe, weniger elegant als du, dass vor einigen Monaten nämlich auch mal gemacht (Zuordnung lief über ein Skript). Allerdings blieb dann nachts die Grafik eben leer, weil die icons offenbar nur für den Tagbetrieg gedacht sind.

                Bei dir scheint aber alles da zu sein? `

                Hi MrMuppet,

                Icons fuer die nacht muessen in derselber directory liegen aber mit "nt_" anfangen.

                Greetz,

                Dutch

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

                  @Dutchman:

                  Icons fuer die nacht muessen in derselber directory liegen aber mit "nt_" anfangen. ` Klingt auf jeden Fall einfacher als ich das gemacht habe. Aber wann wechselt er in den Nachtmodus? Welcher Sonnenuntergang ist da relevant? In meiner Lösung kann ich auch Tagsüber in den Nachtmodus wechseln, weil ich einfach einen zweiten Satz Icon-Pfade gebaut habe.

                  1 Reply Last reply Reply Quote 0
                  • Dutchman
                    Dutchman Developer Most Active Administrators last edited by

                    @mrMuppet:

                    @Dutchman:

                    Icons fuer die nacht muessen in derselber directory liegen aber mit "nt_" anfangen. Klingt auf jeden Fall einfacher als ich das gemacht habe. Aber wann wechselt er in den Nachtmodus? Welcher Sonnenuntergang ist da relevant? In meiner Lösung kann ich auch Tagsüber in den Nachtmodus wechseln, weil ich einfach einen zweiten Satz Icon-Pfade gebaut habe.

                    um ehrlich zu sein keine ahnung, das kommt von weatherunderground selber.

                    Logisch waere auf astrozeit deiner coordinaten aber ob das auch so ist weis ich nicht.

                    1 Reply Last reply Reply Quote 0
                    • htrecksler
                      htrecksler Forum Testing last edited by

                      Inspiriert von MrMuppet und mit css von Uhula ist am Wochenende meine neue Startseite

                      fast fertig geworden.

                      EInige Icons sind derzeit ausgeblendet, weil es einfach das Ereignis nicht vorliegt (Müllabfuhr, Kamin an, Waschmaschine/Trockner läuft und die morgentliche Verspätung meines bevorzugten Zuges)

                      Jetzt muss ich mich in "Detailarbeit an die einzelnen Unterviews (Licht, Heizung, Rolladen, etc) machen.

                      Es ist also noch einiges zu tun, macht aber auch Spass.

                      115_start.jpg

                      1 Reply Last reply Reply Quote 0
                      • T
                        tempestas last edited by

                        Sieht ebenfalls spitze aus.

                        Ich gebe zu, mrMuppet hat auch mich zu einem kompletten revamp inspiriert. Aber ich bin einfach kein Designer/Layout Könner.. es wird irgendwie nicht richtig ordentlich.

                        Womit hast du diese Neon-Effekte gemacht z.B. beim Wetter?

                        1 Reply Last reply Reply Quote 0
                        • htrecksler
                          htrecksler Forum Testing last edited by

                          @tempestas:

                          Womit hast du diese Neon-Effekte gemacht z.B. beim Wetter? `
                          Die "Neon Effekte" sind "geklaut" bei Uhula's Material Design.

                          Dort hat er über css Klassen das Blinken und pulsieren realisiert. Diese Klassen hab ich mir geklaut. Und wenn es draußen regnet (Regensensor) lasse ich das Icon "blau" pulsieren. (css Klasse: mdui-blue-pulse)

                          Hat finde ich einen sehr schönen Effekt.

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

                            @tempestas:

                            Ich gebe zu, mrMuppet hat auch mich zu einem kompletten revamp inspiriert. Aber ich bin einfach kein Designer/Layout Könner.. es wird irgendwie nicht richtig ordentlich. `

                            Freut mich, dass euch mein neues Design gefällt. Aber auch ich habe das nicht direkt so hinbekommen. Ich hab gerade noch mal nachgeschaut: eigentlich seit 2014 habe ich immer wieder neue Designs ausprobiert (bis vor kurzem für Mediola). Keines davon hat mir so gut gefallen, dass ich mein funktionierendes Design von 2012 ersetzt hätte.

                            Ich hab mal ein paar meiner verworfenen Ideen beigefügt, vielleicht findet ihr das interessant:

                            ! 1136_screenshot_2016-03-30-22-53-50.png
                            1136_screenshot_2016-03-30-22-54-34.png
                            1136_screenshot_2016-03-30-22-53-29.png
                            1136_tapatalk_1393668495559.jpeg
                            1136_hilden_7-2_1.png
                            1136_material_deisgn1_9.jpg
                            1136_material-design-carousel-1_web.jpg
                            1136_screenshot_2017-01-22-22-17-38.png
                            1136_material_design2.jpg

                            Ihr seht: es ist noch kein Meister vom Himmel gefallen… einfach weiter ausprobieren und sich viel Inspiration bei anderen holen! Ich sammle z.B. bei Pintrest viele Bilder die mir gefallen: https://www.pinterest.de/mrmuppet06/smart-home-ui-light/ und https://www.pinterest.de/mrmuppet06/smart-home-ui-dark/.

                            1 Reply Last reply Reply Quote 0
                            • T
                              tempestas last edited by

                              @htrecksler:

                              Inspiriert von MrMuppet und mit css von Uhula ist am Wochenende meine neue Startseite

                              fast fertig geworden.

                              EInige Icons sind derzeit ausgeblendet, weil es einfach das Ereignis nicht vorliegt (Müllabfuhr, Kamin an, Waschmaschine/Trockner läuft und die morgentliche Verspätung meines bevorzugten Zuges)

                              Jetzt muss ich mich in "Detailarbeit an die einzelnen Unterviews (Licht, Heizung, Rolladen, etc) machen.

                              Es ist also noch einiges zu tun, macht aber auch Spass. `

                              Hi,

                              wie machst du das, dass der Blinkeffekt nur bei Regen auftritt? Finde ich eine sehr schöne optische Idee. Passt auf meine View zwar nicht, aber ich würde gerne verstehen, wie du quasi das bedingte CSS gemacht hast?

                              Und wie hast du die (wieder sehr hübschen) min und max Temperaturen samt Pfeilen gemacht? Die sehen auch so neon aus? Oder ist das wieder ein "Einfriereffekt" aus dem material css?

                              Danke vorab

                              1 Reply Last reply Reply Quote 0
                              • htrecksler
                                htrecksler Forum Testing last edited by

                                Das gesamte Widget für Regen wird nur bei tatsächlichem Regen angezeigt. (gesteuert über Sichtbarkeit).

                                Wenn es nicht regnet wird an der Stelle erstmal nichts angezeigt.

                                Die Min.-/Max Temperaturen sind normal Wigdets "basic Number".

                                Der Pfeil ist einfach ein vorangestelltes HTML.

                                Pfeil hoch: ⇩

                                Pfeil runter: ⇧

                                und als color für Min.-Temp: #b3b3ff und für Max.-Temp: #ff8080

                                1 Reply Last reply Reply Quote 0
                                • Meistertr
                                  Meistertr Developer last edited by

                                  … Falscher Beitrag..... Bitte überlesen..

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

                                    @Meistertr:

                                    Hier auch mal meine, Sind aber alle noch im Aufbau, mit sowas kann man etliche Stunden verbringen… `

                                    Hi,

                                    kannst du mir sagen wie das mit den Timer der Alarmanlage gemacht hast.

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

                                      Hallo Leute,

                                      Ich bewundere echt was ihr da alle so zusammen zaubert.

                                      Ich bin fasziniert und würde am liebsten von jedem von euch mindestens einen view klauen :evil: 😄

                                      Hab mich jetzt schon ein paar mal an vis versucht und auch eine eigene stümperhaft Visualisierung.

                                      Ich suche schon so lange nach einem view auf dem ich aufbauen kann und ich glaube vielen neuen Nutzern geht es genau wie mir.

                                      Ich wäre froh wenn ein paar von euch ihre views zur Verfügung stellen könnten.

                                      Entweder direkt über die tolle Plattform die bluefox geschaffen hat oder an mich per pn oder mail als export und ich werde sie dann hochladen.

                                      Ich finde iobroker ist eines der besten Instrumente die es gibt jedoch ist der start mit vis als Anfänger nicht gerade leicht. Darum hoffe ich auf die tolle Community die wir hier haben.

                                      Mfg

                                      Campino

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

                                        Hallo Allerseits,

                                        ich kann mich Campino nur anschließen. Echt sensationell, was Ihr da teilweise so auf die Beine gestellt habt. Ganz viele Inspirationen für Einzelfunktionen, aber insbesondere auch astätischer Gesamteindruck der Oberflächen.

                                        Insbesondere die letzten beiden Oberflächen von mrMuppet und htrecksler finde ich super schön schlicht gelungen.

                                        Ich bin noch blutiger Anfänger und möchte mit einer möglichst passenden Vorlage als Template mit meinem Projekt beginnen und da wäre es natürlich super, auf Eure tollen Beispiele zurückgreifen zu können. Ich habe jetzt einige Zeit auf der Demo-Seite gesucht, aber Eure Projekte größtenteils nicht dort gefunden.

                                        Hier mal mein Rechercheergebnis

                                        nicht gefunden habe ich:

                                        • mariohbs

                                        • andyb

                                        • spaceduck

                                        • Sputnik24

                                        • dna909

                                        • krissi

                                        • Meistertr

                                        • Homoran

                                        • Lebeao

                                        • cvidal

                                        • sigi234

                                        • tempestas

                                        • dna909

                                        • ACE76

                                        • apollon77

                                        • BuZZy

                                        • pix

                                        • tempestas

                                        • Kunibert

                                        • SchuetzeSchulz

                                        • Kuddel

                                        • mrMuppet

                                        • htrecksler

                                        gefunden habe ich:

                                        • dtp (Nexus)

                                        • eric2905 (WwEHome)

                                        • fubo08 (ZiPo)

                                        Das Demo-Portal ist halt irgendwie sehr unübersichtlich geworden, da viele Leichen drinne sind. Das Portal ist ja doch für viele eine erste Anlaufstelle und ohne Eure Projekte hier aus dem Thread kann man da nur einen Bruchteil des Potentials von vis erkennen.

                                        Bluefox: ist es automatisch so, dass nur die vom Demo-Template abweichende Projekte mit Bild im Portal zu erkennen sind? Ich habe in ein paar Projekte reingeklickt und das waren alles nur Versuchskaninchen basierend auf dem Standard-Template

                                        Ich hätte daher die riesige Bitte: stellt doch mal Eure Projekte ins Portal, damit wir etwas damit rumspielen und bei Bedarf view / widgets exportieren können.

                                        Bluefox, ich hätte noch eine andere Frage:

                                        Sobald ich im Portal auf edit drücke, kommt bei mir folgende Fehlermeldung: "Cannot save file "xxx/vis-views.json": permission denied"

                                        Ich kann auch keine Projekte exportieren aus dem Portal

                                        Ist das normal?

                                        Ich hoffe, dass ich mich schnell in die Materie einarbeiten und dann auch was zurückgeben kann 😉

                                        Beste Grüße

                                        Jürgen

                                        1 Reply Last reply Reply Quote 0
                                        • htrecksler
                                          htrecksler Forum Testing last edited by

                                          @myhtpc:

                                          Ich hätte daher die riesige Bitte: stellt doch mal Eure Projekte ins Portal, damit wir etwas damit rumspielen und bei Bedarf view / widgets exportieren können. `
                                          Das will ich gerne tun. aber im Moment ist es noch eine Baustelle und selbst bei mir nicht produktiv.

                                          Die Startseite ist inzwischen fertig und ich bin jetzt gerade bei der Heizung und den Rollladen.

                                          Aber wenn es fertig ist (ich hoffe noch dieses Jahr) denn stell ich es online. Versprochen.

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

                                            @myhtpc:

                                            Ich hätte daher die riesige Bitte: stellt doch mal Eure Projekte ins Portal, damit wir etwas damit rumspielen und bei Bedarf view / widgets exportieren können. `

                                            Mhm… ja, das hatte ich doch mal auf der ToDo Liste stehen aber irgendwie immer wieder aufgeschoben. Muss mal schaun wie das Funktioniert 😄

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            968
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            133
                                            649
                                            289214
                                            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