Home Assistant F1 : un tableau de bord pour les fans de Formule 1

Le Grand Prix de Belgique approche à grands pas ! Le mythique circuit de Spa-Francorchamps accueille les monoplaces ce week-end, et avec lui son lot de batailles en piste, de stratégies imprévisibles et, ça a l’air bien parti pour, de météo capricieuse. Si, comme moi, vous êtes à la fois fan de Formule 1 et de Home Assistant, pourquoi ne pas afficher toutes les infos de la saison directement sur votre tableau de bord domotique ?

Comment créer un tableau de bord Home Assistant dédié à la Formule 1

Dans ce tutoriel, je vous propose de créer un dashboard F1 dans Home Assistant, en utilisant deux projets très actifs de la communauté :

• F1 Sensor for Home Assistant : un ensemble de capteurs fournissant toutes les données de la saison en cours ;
• FormulaOne Card : une carte personnalisée pour afficher les résultats et classements dans Lovelace.

Deux options s’offrent à vous : ajouter une vue à votre tableau de bord Home Assistant principal ou en créer un nouveau afin d’y regrouper toutes les informations. Personnellement, j’ai choisi la première option afin de ne pas surcharger la barre latérale – qui en plus n’est pas visible sur ma tablette domotique – mais vous pouvez aussi choisir de ne pas surchager votre dashboard domotique en créant un nouveau tableau de bord qui pourra accueillir plusieurs vues.

Étape 1 : créer une vue dédiée à la F1

1. Rendez-vous sur votre tableau de bord Home Assistant ;
2. Cliquez sur le bouton « modifier le tableau de bord » en haut à droite ;
3. Cliquez sur + pour ajouter une vue et sélectionnez les réglages qui vous conviennent le mieux. J’ai choisi l’icône mid:keyboard-f1 qui affiche juste un F1 parmi mes pictogrammes ;
   

   

Étape 2 : ajouter les capteurs F1 via HACS

Nous allons utiliser le projet F1 Sensor, disponible ici sur GitHub, mais qui peut être installé très simplement via HACS (Home Assistant Community Store). C’est la méthode que nous avons retenue.

Voici comment procéder :

1. 1. Installez HACS si vous ne l’avez pas déjà ;
   2. Recherchez F1 Sensor dans HACS ou cliquez sur ce bouton :
      
      
   3. Cliquez sur le bouton « Télécharger » ;
      

      

   4. Dans Paramètres > Appareils et services > Intégration, recherchez F1 Sensor et installez l’intégration ;
      

      

   5. Suivez les instructions et vous avez désormais 8 nouveaux capteurs disponibles pour votre tableau de bord F1 sur Home Assistant.
      

      

Étape 3 : afficher les infos avec FormulaOne Card

Pour une mise en page claire et esthétique, nous allons maintenant installer FormulaOne Card, qui va nous permettre d’installer de superbes cartes et même de les personnaliser.

1. Dans HACS > Frontend, recherchez FormulaOne Card ou cliquez ici :
   
   

   

2. Cliquez sur Télécharger pour installer le dépôt ;
3. Retournez sur votre vue ou dashboard F1 pour Home Assistant;
4. Vous n’avez plus qu’à ajouter les cartes de votre choix en ajoutant les codes YAML (voir ci-dessous) dans des cartes « manuelles » jusqu’à obtenir le tableau de bord F1 de vos rêves.
   

   

Exemples de cartes Formule 1 pour Home Assistant

Voici quelques exemples de carte à intégrer en mode YAML dans Lovelace. Vous pouvez bien sûr personnaliser l’apparence, utiliser la police d’écriture officielle de la F1 et ne montrer que certains éléments (ex : uniquement les horaires ou les classements, les drapeaux des pays, logos des écuries, etc.).

Prochain Grand Prix

Carte qui affiche le prochain Grand Prix avec un compte à rebours.

type: custom:formulaone-card
card_type: countdown
f1_font: true
date_locale: fr
show_weather: true
weather_options:
  show_precipitation: true
  show_icon: true
  show_wind: true
  show_cloud_cover: true
  show_visibility: true
  show_temperature: true
image_clickable: false
show_carnumber: false
hide_tracklayout: false
show_lastyears_result: false
only_show_date: false
show_raceinfo: false
hide_racedatetimes: false
location_clickable: false

Carte qui affiche le tracé du circuit avec les dates et horaires des essais libres, des qualifications, de l’éventuelle course sprint et, évidemment, du Grand Prix du dimanche.

type: custom:formulaone-card
card_type: next_race
show_raceinfo: true
actions:
  tap_action:
    action: navigate
    navigation_path: /lovelace/overview
f1_font: true
show_carnumber: false
show_weather: false

Résultats des courses précédentes

Une carte qui vous permet de retrouver les résultats de toutes les courses de l’histoire (ou presque) !

type: grid
cards:
  - type: custom:formulaone-card
    card_type: results
    title: Résultats
    f1_font: true
    only_show_date: true
    show_raceinfo: false

Classement pilotes

Comme son nom l’indique, il s’agit du classement des pilotes de l’année en cours. Vous pouvez choisir d’afficher leur numéro permanent, le drapeau de leur pays, etc.

type: custom:formulaone-card
card_type: driver_standings
title: Classement pilotes
f1_font: true
show_carnumber: true
image_clickable: false
show_raceinfo: false
hide_racedatetimes: false
standings:
  show_team: false
  show_flag: true
  show_teamlogo: false

Classement constructeurs

L’incontournable classement constructeurs. Vous pouvez choisir d’afficher ou non le logo des écuries.

type: grid
cards:
  - type: custom:formulaone-card
    card_type: constructor_standings
    title: Classement constructeurs
    standings:
      show_teamlogo: true
      show_team: false
      show_flag: false
    f1_font: true
    show_lastyears_result: false
    hide_tracklayout: false
    location_clickable: false
  - type: custom:formulaone-card
    card_type: driver_standings
    title: Classement pilotes
    f1_font: true
    show_carnumber: true
    image_clickable: false
    show_raceinfo: false
    hide_racedatetimes: false
    standings:
      show_team: false
      show_flag: true
      show_teamlogo: false

Automatisations F1 dans Home Assistant

Puisque nous avons installé F1 Sensor, nous pouvons également créer des automatisations Home Assistant très simplement.

Notification avant le départ de la course

Envoyez une notification 30 minutes avant la course pour ne rien rater :

automation:
  - alias: "Notification départ course F1"
    trigger:
      - platform: time
        at: "{{ (states('sensor.f1_next_session_time') | as_datetime - timedelta(minutes=30)).time() }}"
    condition:
      - condition: template
        value_template: "{{ states('sensor.f1_next_session') == 'Race' }}"
    action:
      - service: notify.mobile_app_votre_telephone
        data:
          message: "🏁 La course F1 démarre dans 30 minutes !"
          title: "Grand Prix {{ states('sensor.f1_next_race') }}"

Affichage automatique du dashboard F1 le jour de course

Si vous avez un écran dédié (comme une tablette murale), vous pouvez forcer l’ouverture du tableau de bord F1 lors d’un week-end de Grand Prix en utilisant l’intégration browser_mod et une tablette configurée avec un deviceID.

automation:
  - alias: "Afficher dashboard F1 le jour de course"
    trigger:
      - platform: time
        at: "09:00:00"
    condition:
      - condition: state
        entity_id: sensor.f1_race_weekend
        state: "True"
    action:
      - service: browser_mod.navigate
        data:
          path: "/lovelace/f1"
          deviceID:
            - tablette_salon

Pour aller encore plus loin…

Enfin, voici quelques idées pour aller plus loin. N’hésitez pas à revenir, j’ajouterais sûrement des codes plus tard si j’en intègre d’autres.

• Intégrez les prévisions météo du circuit via la latitude/longitude récupérée dans les capteurs.
• Ajoutez un flux vidéo autorisé (je cherche encore).
• Associez la course à des effets lumineux RGB via vos ampoules connectées (par exemple, rouge au départ, vert à l’arrivée).

Suivez-nous sur Google Actualités