[Mon Dashboard] - Principes domotiques / quelques GuideLines

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

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 ?

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 :slight_smile:

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 :wink:

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

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

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
1 « J'aime »

tu nous partagerais le code entier de ton dashboard meteo?

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%
2 « J'aime »

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

D.

1 « J'aime »

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 ?

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

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.

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

1 « J'aime »

Bonjour
Bravo pour ce Ha bien optimisé :blush:
J’ai une télécommande harmony
J’arrive à faire avec nodered des automations avec les activités, mais pas avec genre la touche pause.
Je voudrai que quand j’appuie sur la touche pause. Ça m allume le bandeau led cuisine.
Comment récupères tu, le states des touches harmony ?
Merci beaucoup

Je ne récupère pas les touches Harmony, je ne me sers de l’intégration que pour envoyer des commandes, je ne les récupère pas.

Ceci dit, si ta touche met en ‹ pause › un appareil, tu pourrais récupérer l’état de l’appareil media_player et créer un noeud nodered qui détecte que l’appareil est en pause et allumer tes LEDs.

Merci pour ta réponse.
En faite oui actuellement je récupère le statut pause de ma shield. Mais le temps de rafraîchissement est de 6 secondes. Alors qu’avec Plex c’est instantané.
Je sais pas si on peut recup le statut Netflix et si il est plus rapide que la shield.

Merci a toi.

Oui, pour récupérer les infos en temps réel, c’est un peu compliqué, je ne sais pas s’il est possible de récupérer les infos d’un capteur infra-rouge par exemple (il y en a un sur mon boîter Raspberry PI4), ça pourrait être une idée.

Si tu as un ampli Denon/Marantz, ça marche, tu peux récupérer toutes les communications en temps réel sous NodeRed et éventuellement synchroniser une action, encore faut-il trouver laquelle.

En tous cas le nœud node red plex c’est instantané. Si on pouvais trouver la même chose sur Netflix ça serait niquel :joy:

JOYEUX NOËL !

1 « J'aime »

Allo la tour ? 100% HA !

Et encore Joyeux Noël à toute la communauté !

6 « J'aime »