Aller au contenu
Tous les projets

Projet personnel // domotique + IA locale

Étude de cas

FRENES

J.A.R.V.I.S

Home HUD // un seul fichier, tout en local

Interface
Motion design FUI / HUD Canvas 2D SVG animé Three.js / WebGL Data-visualisation CSS Grid Responsive PWA hors-ligne Un seul fichier, zéro build
IA locale
Ollama Gemma 4 · 26B Function calling Server-Sent Events Qwen3-TTS 0.6B MLX / mlx-audio Apple Silicon
Infra & objets
Python / Flask nginx Docker systemd Raspberry Pi Home Assistant Zigbee / ZHA Matter / Thread MQTT Télé-info Linky Impression 3D
Le tableau de bord J.A.R.V.I.S en fonctionnement, avec les panneaux de télémétrie, le modèle 3D filaire au centre et le bandeau de puissance en bas.
Le tableau de bord en fonctionnement.
VUE D'ENSEMBLE

Toute la maison sur un écran, pilotée à la voix

Températures, lumières, chauffage, caméras, imprimante 3D, compteur électrique remontent au même endroit. Les appareils de la maison ne parlent pas la même langue, et je voulais quand même les voir ensemble, sans changer d'écran.

Le langage graphique vient du travail de Territory Studio sur les films Marvel. Équerres d'angle, barres segmentées, monospace serré, balayages lumineux.

81
appareils réunis sur un écran
6
mesures sur un même graphe
~5 s
pour répondre à voix haute
SYNTHÈSE VOCALE

Chaque matin, la journée résumée à voix haute

Le briefing n'existe pas avant que je le demande. Il s'écrit à 8 h avec la météo, les marchés et les dépêches du matin. Une voix clonée sur la voix française de J.A.R.V.I.S le prononce.

Briefing matinal 08:00 // voix locale
0:00

Bonjour, monsieur. Il est 8 h, nous sommes le mardi 4 août.

Le ciel restera dégagé sur l'ensemble de la journée, 24 °C en pointe, avec un indice UV de 7 en début d'après-midi. Le parapluie restera au placard.

Côté marchés, l'indice parisien gagne 0,4 %, le Nasdaq recule de 0,2 %.

Deux sujets retiennent l'attention dans l'actualité technologique. Nos amis de chez Mistral ont dévoilé Robostral Navigate, leur premier modèle dédié à la navigation des robots, et la justice européenne a confirmé l'amende record de quatre milliards d'euros infligée à Google.

Ce sera tout, monsieur. Je vous souhaite une excellente journée.

MESURE ÉLECTRIQUE

Consommer c'est bien, moins c'est mieux

La bande du bas répond à deux questions, est-ce que je suis près de faire sauter le compteur, et combien la journée m'a coûté jusqu'ici. La courbe derrière montre les vingt-quatre heures écoulées, pour situer le moment présent.

Le bandeau de puissance, avec la jauge de charge, la barre segmentée, la courbe de soutirage sur vingt-quatre heures et la consommation instantanée.
Le bandeau de puissance, en pied de tableau de bord.
ÉCONOMIE D'ÉNERGIE

Économiser sans éteindre

Après une minute sans un geste, le tableau de bord coupe uniquement les éléments les plus gourmands, la 3D, les caméras, les effets visuels, et conserve l'heure ainsi que la musique.

La consommation du processeur graphique passe alors de 2,91 W à 0,10 W, soit près de 30 fois moins. Sur une semaine passée en veille, cela représente environ 0,47 kWh économisé, l'équivalent de plus de 150 heures d'une ampoule LED de 3 W. Au premier geste, tout se réactive instantanément.

Puissance du processeur graphique, 2,91 W éveillé contre 0,10 W en veille, et activité de 81 % contre 20 %. PUISSANCE GPU éveillé 2,91 W en veille 0,10 W ACTIVITÉ GPU éveillé 81 % en veille 20 %
Ce qui tombe
Ville 3D Flux caméras Flous d'arrière-plan Lueurs Animations Sondages réseau
Ce qui veille
L'heure, déplacée toutes les 30 s Le morceau en cours, toutes les 5 s

L'heure change de place pour ne pas marquer la dalle. Un écran allumé jour et nuit finit par garder l'empreinte de ce qui ne bouge pas.

CAPTEURS D'AMBIANCE

Six mesures sur le même dessin

Températures, humidités, écart d'une pièce à l'autre, qualité de l'air. Rien de tout cela ne se mesure de la même façon, et je voulais tout lire au même endroit.

Vue plein écran de l'historique des capteurs, six séries superposées sur vingt-quatre heures, avec les températures et humidités de deux pièces, l'écart entre elles, le dioxyde de carbone et les particules fines.
L'historique des capteurs, ouvert en plein écran sur 24 heures de relevés.
PANNEAU CENTRAL

Un seul panneau, 5 vues au choix

Le cadre ne bouge jamais, seul son contenu change. Je passe d'une vue à l'autre d'un clic, et les autres panneaux continuent de tourner.

Le panneau central affichant un réseau de particules animé en trois dimensions.

Neural Core

L'état au repos. Des particules qui réagissent à la voix et font patienter pendant que la réponse se prépare.
Le panneau central affichant un globe terrestre en fil de fer avec des marqueurs d'événements.

World Monitor

Un globe où chaque point est une dépêche, posée là où elle se passe, et dont la couleur dit la gravité.
Le panneau central affichant une maquette holographique de Lyon en trois dimensions.

Lyon Holographic

La ville en volume, bâtiment par bâtiment, avec son relief, le Rhône, la Saône et leurs ponts.
Le panneau central affichant l'imprimante 3D en fil de fer avec l'avancement de l'impression.

Fabrication Bay

L'imprimante reproduite à l'écran et synchronisée sur la vraie. La tête bouge en même temps qu'elle. L'avancement et le temps restant arrivent en direct.
Le panneau central affichant un modèle d'armure en fil de fer double couche, entouré d'anneaux orbitaux.

Core Systems

Le modèle d'armure se pose sur le plan du réseau de la maison, où chaque appareil trouvé prend sa place.

Contact

Clément Delaruelle

Usage

Usage non commercial. J'ai construit J.A.R.V.I.S pour moi. Le code, le langage visuel et les captures ne sont proposés ni à la vente, ni à la licence, ni à une réutilisation commerciale. Ni de ma part, ni de celle d'un tiers. Toute reprise suppose mon accord écrit.

Crédits

Aucun lien avec Marvel ni avec Territory Studio. Le langage visuel rend hommage à leur travail d'interfaces fictionnelles pour le cinéma. Les noms de personnages et d'entreprises tirés de ces films appartiennent à leurs détenteurs.