Tous les projets

Projet personnel // domotique + IA locale

Étude de cas

English

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.
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 le reste du tableau de bord continue 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, et 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, posé 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.