Una tablet en la cocina con el hub y Home Assistant

Cómo hemos montado un panel de Home Assistant para una tablet fija en la cocina, con la lista de la compra por pasillos, lo de hoy y los gastos a la vista, sin abrir la app ni cambiar de pestaña.

La lista de la compra se escribe casi siempre en la cocina: abres la nevera, ves que no queda leche y lo apuntas. Por eso queríamos una tablet fija allí con el hub siempre a la vista, sin desbloquear el móvil, abrir la app y buscar la lista. Ya teníamos el hub conectado a Home Assistant, así que el panel de la tablet es un panel de Home Assistant. Hemos borrado lo que había y lo hemos rehecho pensando solo en esa pantalla.

Qué se ve

La pantalla está pensada para un iPad en horizontal y lo enseña todo a la vez, sin pestañas:

  • Arriba, la hora y el tiempo. Tocando el tiempo se ve la previsión de los próximos días.
  • A la izquierda, la lista de la compra, que es lo que más se usa. Arriba están las listas (la tuya y las de tus grupos) y el campo para añadir. Debajo, los productos ordenados por pasillos.
  • A la derecha, lo de hoy: las tareas que vencen hoy o van con retraso, la agenda de hoy y mañana, y qué toca comer y cenar. Debajo, los gastos: lo gastado este mes, quién debe a quién en cada grupo y un formulario para apuntar un gasto.
El panel de la tablet: la hora y el tiempo arriba, la lista de la compra de la casa por pasillos a la izquierda, y a la derecha las tareas de hoy, la agenda, el menú y los gastos.
El panel de la cocina, con datos de ejemplo.

Todo funciona al momento: tachas el pan tocándolo y en el móvil de los demás aparece tachado. Si alguien apunta algo desde su móvil, sale en la tablet en menos de un minuto, sin recargar.

Hecha para el dedo

Una tablet en la pared no se usa como un ordenador. Se toca de pie, de pasada y a veces con las manos mojadas. Por eso cada producto ocupa una fila alta y se tacha tocando cualquier parte de la fila, no una casilla pequeña. La lista se desplaza por dentro de su tarjeta, así que el campo para añadir no desaparece aunque la lista sea larga. Y la tablet recuerda qué lista tenías abierta: si alguien cambia a la de otro grupo y la pantalla se recarga, vuelve a esa.

Los colores son los del hub: el amarillo de la compra, el azul de las tareas y el verde de los gastos, sobre el papel claro de la app. Cuando el iPad pasa a modo oscuro, el panel se vuelve azul marino como la app de noche.

Por pasillos también desde Home Assistant

En la app, la lista va ordenada por pasillos: frutas y verduras, panadería, lácteos… El pasillo se decide al añadir el producto, mirando su nombre, y lo hace la propia app. Al preparar la tablet descubrimos que lo que se añadía desde Home Assistant (con la voz, con una automatización o desde la tarjeta) se guardaba sin pasillo y acababa en «Otros». Ahora la integración usa la misma lista de palabras que la app, y la leche va a lácteos y los plátanos a la fruta, se añadan desde donde se añadan.

Que no se pueda salir

Home Assistant tiene arriba una barra y a un lado un menú con todo lo demás: ajustes, otros paneles, el historial. En una tablet compartida estorba, así que el panel usa kiosk-mode, un añadido de Home Assistant que esconde las dos barras. Las esconde solo a los usuarios que no son administradores. Por eso la tablet entra con un usuario propio, sin permisos de administrador y que solo puede iniciar sesión desde la red de casa. Desde el ordenador, el administrador sigue viendo el panel normal para poder cambiarlo.

En el iPad, la app de Home Assistant se configura para abrir este panel al arrancar. Para que nadie salga de ella sin querer, iOS tiene el Acceso guiado (en Accesibilidad): bloquea el iPad en una sola app hasta que se meta un código. Con el bloqueo automático desactivado y la tablet enchufada, la pantalla queda siempre encendida.

«Añade leche a la lista de la compra»

En el artículo anterior contábamos que esa frase no podía llegar al hub: Home Assistant trae su propia lista de la compra y la frase va a ella. Al rehacer todo hemos quitado esa lista de serie y le hemos puesto a la lista del hub el alias «compra». Con eso, «añade leche a la lista de la compra» la apunta en el hub, que es lo natural. El paso a paso está en la guía.

Lo siguiente: botones para automatizaciones

En casa usamos n8n para automatizaciones que no caben en Home Assistant. La idea es poner en la parte de abajo de la tablet unos botones que lancen esos flujos. La conexión ya está hecha y probada: cada botón llama a un flujo de n8n por la red interna del servidor, sin pasar por internet. Si el flujo no responde, Home Assistant deja un aviso con el motivo. Faltan los flujos. Cuando haya alguno, sus botones aparecerán en la tablet.

Cómo tenerlo en tu Home Assistant

Es la versión 0.4.0 de la integración, que se actualiza desde HACS. La tarjeta de siempre sigue funcionando igual, con sus tres pestañas. Lo nuevo es la opción section, que muestra una sola parte (la compra, lo de hoy o los gastos) sin pestañas y con botones grandes. Con tres tarjetas así se monta la pantalla de la foto. El ejemplo completo está en el README de la integración.