[Mon Dashboard] - Principes domotiques / quelques GuideLines

[FillR2]

Voilà un exemple pour Node Red, j’ai un input_boolean que je passe en on/off en flip-flop toutes les minutes:

Et une automatisation qui met à on l’alarme NodeRed quand le input_bolean n’a pas varié pendant plus d’une minute (j’ai mis 2 mn30)

ET l’automatisation qui remet à off l’alarme NodeRed dès que ça a bougé:

Autre exemple, avec l’intégration Weather Underground, si la température renvoyée ne change pas de 0,1°c dans un délai défini (là j’ai mis 30 minutes) , c’est que l’intégration ne répond plus, donc alerte.

[FillR2]

Toujours dans l’idée de partager quelques idées, une petite cinématique (accélérée) de mon suivi audio vidéo.

Le problème est que j’utilise beaucoup d’équipements avec beaucoup de possibilités, le tout piloté par une télécommande Logitech Harmony.

Quand tout marche dans 99% des cas, c’est parfait, mais quand il y a un truc qui s’est désynchronisé (par exemple Madame qui est passé devant le faisceau infrarouge pendant qu’elle allumait la TV ), pas toujours facile de trouver lequel, notamment parce que Harmony n’a pas de retour d’état des équipements.

L’idée est donc d’avoir un suivi par HA de l’activité Harmony demandée et de vérifier que chaque équipement est bien allumé et bien dans le bon état (par exemple que l’ampli est bien sur la bonne entrée, etc.)

Et l’idée également est d’afficher tout ça de façon synthétique sur mon unique écran de pilotage.

De fait, j’ai créé un voyant par appareil, et quand je choisi une activité Harmony, HA vérifie autant que faire se peut que l’équipement est dans le bon état, et affiche l’information avec un voyant:

• Voyant éteint: l’équipement est off et c’est normal
• Voyant vert: l’appareil est allumé et correctement réglé
• Voyant bleu: l’appareil est en lecture
• Voyant jaune: il y a un truc, genre un appareil allumé alors qu’il n’est pas nécessaire
• Voyant rouge: L’équipement est mal réglé par rapport à l’activité
• Voyant noir: l’équipement est éteint alors qu’il devrait être sous tension
• Voyant blanc: unavailable, on n’en sait rien.

Je peux aussi controler l’Ambilight et surveiller les modes audio (Dolby, DTS, 2.1, 5.1, etc.).

Tout le code est en NodeRed et la carte en picture-element et pour vous faire une petite idée, voilà ce que ça donne en accéléré, évidemment en vrai, le but est que les voyants soient verts ou éteints, ça ne bouge pas toutes les secondes.

Par contre, je ne sais pas si on peut augmenter la taille de l’affichage, à priori il faut ouvrir l’image dans un nouvel onglet pour voir quelque chose.

Petite note aussi, sur le même format que le suivi de la pollution, j’ai aussi 3 voyants blancs/bleus (quand tout va bien) en bas à droite de suivi des températures du frigo, congélateur et cave à vin.

[FillR2]

Bon Mardi-Gras

[Adorem]

Je ne sais pas ce qui me fait le plus envie ? Ton Dashboard ? Les crêpes ?
Hum les deux en fait

[FillR2]

La beauté de Home Assistant, c’est qu’on en découvre tous les jours, alors merci à @chris60600 pour son intégration Pollens

Pollens custom component sensor

Bonjour a tous et toutes, Je voulais partager avec vous ma première intégration qui permet de récupérer une indication sur le risque « pollens » du site https://pollens.fr vous pouvez le récupérer sur mon github GitHub - chris60600/pollens-home-assistant: Retrieve French Pollens risks in HomeAssistant Ne pas hésiter a me faire part de vos remarques, des améliorations, etc [image] Je ne l’ai pour l’instant pas traduite, mais comme elle ne concerne que la france…

que j’ai ajoutée à mon Dashboard ici:

Et quand je clique:

[SchottyOne]

Bonjour, je suis retombé sur ce post car toujours en tant que débutant je cherche des idées de Dashboard.

fillR2, ton dashboard est vraiment très sympa et l’aspect fonctionnel est très ordonné et riche.

Je n’en suis pas du tout la mais j’ai une question qui peut paraitre bête mais j’ai l’impression que ton image de fond est très bien dimensionné par rapport à la vue et je n’ai trouvé aucun moyen ou option pour permettre d’avoir le bon dimensionnement pour mon image de fond dans la card « picture-elements » C’est soit trop grand (obligé de scroll) soit trop petit (taille d’une card classique) Je l’ai passé en panel mais pareil trop grand. Alors je suis preneur de tous vos conseils pour démarrer proprement

[FillR2]

Honnêtement, je fais ça de façon empirique avec plusieurs tailles jusqu’à trouver celle qui s’adapte à peu près bien, mail il y a toujours des petits delats malgré tout entre l’affichage sur un PC en mode Web, une tablette FireHD10 et un Google Nest. Et j’ai créé une taille spcifique pour l’écran de téléphone.

Mes exemples de fonds d’écrans sont ici: HACF - pCloud

[SchottyOne]

Bonjour et et merci pour ce retour. En effet en tâtonnant, j’ai réussi à m’approcher d’une bonne dimension et je vais effectivement faire une vue spécifique pour le téléphone.

J’ai une question qui au passage de manière plus globale mais ce n’est peut être pas le bon endroit.

Je n’arrive pas à saisir ce qu’apporte le module ha-floorplan car finalement, je ne me suis basé que sur une card picture-elements. Le module ha-floorplan est bien installé mais j’avoue du coup que je ne comprend pas son intérêt (je ne suis pas un pro de l’informatique non plus)

Il amène une autre façon d’interagir peut être avec les plans ?

[FillR2]

Pour ha-floorplan, je ne sais pas, il faudrait poser la question sur un sujet dédié, à la fois pour pouvoir le retrouver facilement, mais en effet aussi pour éviter de polluer le topic.
Et sinon, n’hésite pas à poster ton dashboard, ça peut donner des idées

[SchottyOne]

Bonjour,
En effet, désolé pour la pollution. Pour l’instant, je me suis concentré sur la réalisation des plans de mon appartement via le logiciel SweetHome3d.

Pour le coup, je pensais que ce serait la partie la plus compliquée mais finalement le soft est assez user friendly.

Côté domotique et intégrations, c’est la que cela se gâte étant une quiche en informatique mais gràce à vos différents posts je copie des morceaux de codes sans trop savoir ce que je fais

J’en suis au tout début mais ça commence à fonctionner…

Voila l’ébauche actuelle (ca reste modeste et pas top top mais on progresse…)

J’ai également suivi le tuto de Meric_gabon indiqué par @Giga77

[FillR2]

Sympa, je te recommande de créer ton propre sujet, tu auras peut-être des questions

[FillR2]

Redesign de mon panneau météo:

C’est la canicule qu’on nous dit…

Avec ces 3 cartes:

• custom:hourly-weather
• custom:clock-weather-card
• custom:plotly-graph

[Plouf34]

tu nous partagerais le code entier de ton dashboard meteo?

[FillR2]

Ici:

square: false
columns: 1
type: grid
cards:
  - type: custom:hourly-weather
    entity: weather.paris_10eme_arrondissement
    icons: true
    show_wind: barb-and-speed
    label_spacing: '4'
    show_precipitation_amounts: true
    show_precipitation_probability: true
    name: Prévision Météo à 6 jours
    offset: '0'
    num_segments: '66'
  - square: false
    columns: 3
    type: grid
    cards:
      - square: false
        columns: 1
        type: grid
        cards:
          - square: false
            columns: 1
            type: grid
            cards:
              - type: custom:hourly-weather
                entity: weather.paris_10eme_arrondissement
                icons: true
                show_wind: barb-and-speed
                label_spacing: '4'
                show_precipitation_amounts: true
                show_precipitation_probability: true
                name: Prévisions prochaines 24 heures
                offset: '0'
                num_segments: '24'
              - type: custom:hourly-weather
                entity: weather.paris_10eme_arrondissement
                icons: true
                show_wind: 'false'
                label_spacing: '4'
                show_precipitation_amounts: true
                show_precipitation_probability: true
                name: Prévisions 24 heures suivantes
                offset: '24'
                num_segments: '24'
      - type: custom:clock-weather-card
        entity: weather.paris_10eme_arrondissement
        sun_entity: sun.sun
        weather_icon_type: line
        animated_icon: true
        forecast_days: 7
        locale: fr
        time_format: 24
        date_pattern: P
        hide_today_section: false
        hide_forecast_section: false
      - type: custom:plotly-graph
        title: Forecast
        time_offset: 4.5d
        entities:
          - entity: sensor.openweathermap_temperature
            legendgroup: 2
            name: 🌡 Temperature
            filters:
              - store_var: temperature
            fill: tozeroy
            fillcolor: rgba(214, 39, 40,.6)
            line:
              color: rgba(214, 39, 40, 1)
          - entity: weather.openweathermap
            legendgroup: 2
            showlegend: false
            name: Temperature
            fill: tozeroy
            fillcolor: rgba(214, 39, 40, .3)
            line:
              color: rgba(214, 39, 40, 1)
              dash: dot
            unit_of_measurement: °C
            filters:
              - fn: |-
                  ({ meta, vars }) => ({
                    xs: [vars.temperature.xs.slice(-1)[0],...meta.forecast.map(({ datetime }) => new Date(datetime))],
                    ys: [vars.temperature.ys.slice(-1)[0],...meta.forecast.map(({ temperature }) => temperature)],
                  })
          - entity: sensor.openweathermap_rain
            fillcolor: rgba(31, 119, 180,.6)
            line:
              color: rgba(31, 119, 180, 1)
            legendgroup: 1
            name: 🌧 Precipitation
            filters:
              - store_var: precipitation
            fill: tozeroy
          - entity: weather.openweathermap
            legendgroup: 1
            showlegend: false
            name: Precipitation
            fill: tozeroy
            fillcolor: rgba(31, 119, 180,.3)
            line:
              color: rgba(31, 119, 180, 1)
              dash: dot
            unit_of_measurement: mm
            filters:
              - fn: |-
                  ({ meta, vars }) => ({
                    xs: [vars.precipitation.xs.slice(-1)[0],...meta.forecast.map(({ datetime }) => new Date(datetime))],
                    ys: [vars.precipitation.ys.slice(-1)[0],...meta.forecast.map(({ precipitation }) => precipitation)],
                  })
        defaults:
          entity:
            show_value: true
            line:
              shape: spline
        layout:
          legend:
            itemwidth: 30
        hours_to_show: 144
  - square: false
    columns: 3
    type: grid
    cards:
      - type: entity
        entity: sensor.paris10eme_arrondissement_next_rain
        name: Prochaine Heure
        attribute: 1_hour_forecast
      - type: iframe
        url: https://www.meteo60.fr/radars/animation-radar-france-simple.gif
        aspect_ratio: 150%
        style: |
          ha-card {
            filter:  invert(88%);
          }
      - type: iframe
        url: http://embed.windy.com
        aspect_ratio: 150%

[Dulcow]

Juste pour dire merci pour avoir poste ton setup. Tres inspirant

D.

[Lesuperlolo]

J’ai copié ton code, mais impossible d’avoir l’ensemble en mode paysage comme toi.
Pourtant j’ai bien créé un tableau de bord spécifique ; une idée ?

[FillR2]

Peut-être par rapport à la façon dont est définie la vue:

[WarC0zes]

Ca fonctionne ton code, copier/coller et modifier les entité.

j’ai pas installer les cartes qui me manque, c’était pour tester juste.

@Lesuperlolo
ta mal copier le code, ou pas changer les entités.

[Lesuperlolo]

Non, c’est le paramétrage de la vue, comme le dit @FillR2