Ir al contenido
Todos los proyectos

Proyecto personal // domótica + IA local

Caso práctico

FRENES

J.A.R.V.I.S

Home HUD // un solo archivo, todo en local

Interfaz
Motion design FUI / HUD Canvas 2D SVG animado Three.js / WebGL Visualización de datos CSS Grid Responsive PWA sin conexión Un solo archivo, cero build
IA local
Ollama Gemma 4 · 26B Function calling Server-Sent Events Qwen3-TTS 0.6B MLX / mlx-audio Apple Silicon
Infra y objetos
Python / Flask nginx Docker systemd Raspberry Pi Home Assistant Zigbee / ZHA Matter / Thread MQTT Contador Linky Impresión 3D
El cuadro de mando J.A.R.V.I.S en marcha, con los paneles de telemetría, el modelo 3D de alambre en el centro y la banda de potencia abajo.
El cuadro de mando en marcha.
VISIÓN DE CONJUNTO

Toda la casa en una pantalla, gobernada con la voz

Temperaturas, luces, calefacción, cámaras, impresora 3D y contador eléctrico llegan al mismo sitio. Los aparatos de la casa no hablan el mismo idioma, y aun así quería verlos juntos, sin cambiar de pantalla.

El lenguaje gráfico viene del trabajo de Territory Studio en las películas de Marvel. Escuadras en las esquinas, barras segmentadas, monoespaciada estrecha, barridos de luz.

81
aparatos reunidos en una pantalla
6
medidas en un mismo gráfico
~5 s
para responder en voz alta
SÍNTESIS DE VOZ

Cada mañana, el día resumido en voz alta

El resumen no existe hasta que lo pido. Se escribe a las 8 h con el tiempo, los mercados y las noticias de la mañana. Una voz clonada de la voz francesa de J.A.R.V.I.S lo lee.

Resumen matinal 08:00 // voz local
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.

MEDIDA ELÉCTRICA

Consumir está bien, consumir menos está mejor

La banda de abajo responde a dos preguntas, si estoy cerca de que salte el contador y cuánto me ha costado el día hasta ahora. La curva del fondo muestra las últimas veinticuatro horas, para situar el momento presente.

La banda de potencia, con el indicador de carga, la barra segmentada, la curva de consumo de veinticuatro horas y el consumo instantáneo.
La banda de potencia, al pie del cuadro de mando.
AHORRO DE ENERGÍA

Ahorrar sin apagar

Al cabo de un minuto sin un gesto, el cuadro de mando corta solo los elementos más exigentes, el 3D, las cámaras, los efectos visuales, y conserva la hora y la música.

El consumo de la gráfica pasa entonces de 2,91 W a 0,10 W, casi 30 veces menos. En una semana en reposo, eso supone unos 0,47 kWh ahorrados, el equivalente a más de 150 horas de una bombilla LED de 3 W. Al primer gesto, todo se reactiva al instante.

Potencia de la gráfica, 2,91 W despierto frente a 0,10 W en reposo, y actividad del 81 % frente al 20 %. POTENCIA GPU despierto 2,91 W en reposo 0,10 W ACTIVIDAD GPU despierto 81 % en reposo 20 %
Lo que se apaga
Ciudad 3D Cámaras Desenfoques de fondo Resplandores Animaciones Consultas de red
Lo que sigue despierto
La hora, movida cada 30 s La canción en curso, cada 5 s

La hora cambia de sitio para no marcar el panel. Una pantalla encendida día y noche acaba guardando la huella de lo que no se mueve.

SENSORES DE AMBIENTE

Seis medidas en el mismo dibujo

Temperaturas, humedad, diferencia de una habitación a otra, calidad del aire. Nada de eso se mide igual, y quería leerlo todo en el mismo sitio.

Vista a pantalla completa del historial de los sensores, seis series superpuestas sobre veinticuatro horas, con las temperaturas y humedades de dos habitaciones, la diferencia entre ellas, el dióxido de carbono y las partículas finas.
El historial de los sensores, abierto a pantalla completa sobre 24 horas de medidas.
PANEL CENTRAL

Un solo panel, 5 vistas a elegir

El marco nunca se mueve, solo cambia su contenido. Paso de una vista a otra con un clic, y los demás paneles siguen funcionando.

El panel central mostrando una red de partículas animada en tres dimensiones.

Neural Core

El estado en reposo. Partículas que reaccionan a la voz y acompañan la espera mientras se prepara la respuesta.
El panel central mostrando un globo terráqueo de alambre con marcas de sucesos.

World Monitor

Un globo donde cada punto es una noticia, puesta donde ocurre, y cuyo color dice la gravedad.
El panel central mostrando una maqueta holográfica de Lyon en tres dimensiones.

Lyon Holographic

La ciudad en volumen, edificio a edificio, con su relieve, el Ródano, el Saona y sus puentes.
El panel central mostrando la impresora 3D de alambre con el avance de la impresión.

Fabrication Bay

La impresora redibujada en pantalla y sincronizada con la real. El cabezal se mueve a la vez que ella, y el avance y el tiempo restante llegan en directo.
El panel central mostrando un modelo de armadura de alambre a doble capa, rodeado de anillos en órbita.

Core Systems

El modelo de armadura, puesto sobre el plano de la red de la casa, donde cada aparato encontrado ocupa su lugar.

Contacto

Clément Delaruelle

Uso

Uso no comercial. He construido J.A.R.V.I.S para mí. El código, el lenguaje visual y las capturas no se ofrecen ni en venta, ni en licencia, ni para un uso comercial. Ni por mi parte, ni por la de un tercero. Cualquier reutilización requiere mi acuerdo por escrito.

Créditos

Ningún vínculo con Marvel ni con Territory Studio. El lenguaje visual rinde homenaje a su trabajo de interfaces de ficción para el cine. Los nombres de personajes y de empresas sacados de esas películas pertenecen a sus dueños.