Pannello domotico. Home Assistant + Floorplan

Dopo il mio ultimo articolo su Home Assistant: Allarme senza fili. Home Assistant + MQTT, in tanti mi hanno scritto e definito senza limiti ed io ho risposto: l’unico nostro limite, con questa tecnologia, è la fantasia! Diamoci dentro con un altro progetto di Domotica!

Hai già dato un occhio all’indice di articoli inerenti la Domotica presenti nel mio sito? Facci un salto: Indice articoli di Domotica

Questa volta andremo a configurare un vero e proprio pannello domotico con il quale possiamo interagire, per esempio da un tablet, e gestire ogni cosa. In linea di massima andremo a strutturare qualcosa del genere:

Un appunto. Quello che vedete si chiama Hadashboard. Possiamo definirla un’integrazione di Home Assistant. Oggi non andremo a vedere nel dettaglio la configurazione di Hadashboard ma nello specifico di Floorplan.

A differenza di Hadashboard, Floorplan è in grado non solo di creare un’interfaccia uguale a quella che vedete, ma è pure in grado di usare una planimetria della vostra abitazione. Flessibilità tendente all’infinito.

1) Floorplan, conosciamolo meglio.

Descrizione:

Floorplan è anch’essa un’integrazione di Home Assistant che ci permette di estendere le sue funzionalità ad un altro livello: creare un pannello domotico completamente personalizzabile.

Se avete sempre voluto un costosissimo sistema di domotica che interagisce con luci, clima, porte/finestre e molto altro della vostra abitazione, ora potete averlo gratis e soprattutto personalizzato!

Come funziona:

Floorplan si integra con Home Assistant in 2 modi:

• Creando una nuova “Vista”
• Creando un Pannello personalizzato.

Se non sai di cosa sto parlando: Installare Home Assistant. Guida completa

La dinamica di installazione è la stessa cambia solo il modo in cui si accede alla dashboard.

All’interno del file di configurazione di Floorplan, è stata pensata una configurazione a gruppi analoga a quella di Home Assistant ma senza alcun legame logico con essa. I gruppi che andremo a configurare su Floorplan saranno legati tra loro solo da degli “stili di visualizzazione” (CSS)

Parti principali:

Floorplan si compone di pochi e semplici componenti:

• Il file di configurazione: Floorplan.yaml, dove andremo a specificare i gruppi con le relative classi CSS e il Layout del nostro pannello domotico.
• Una cartella dove è presente il template WEB da utilizzare: panels\floorplan.html
• Un’altra cartella dove metteremo il file con le classi CSS e il Layout del nostro pannello domotico: www\custom_ui\floorplan\floorplan.css e floorplan.svg

L’ultimo file, floorplan.svg, come detto in precedenza è il Layout del nostro pannello domotico.

Uno dei motivi per il quale Floorplan è una potentissima integrazione di Home Assistant, è che ci permette di creare il nostro pannello domotico personalizzato. Per fare questo è sufficiente creare un file con estensione .SVG e caricarlo nella cartella indicata in precedenza.

L’unica cosa da fare è linkare gli oggetti che andiamo a creare con le entity presenti in Home Assistant.

Ecco cosa bisogna fare:

• Scaricate ed installate Inkscape. Questo programma è discretamente facile da usare e vi permetterà di creare il vostro pannello domotico personalizzato.

• Se siete abbastanza pratici di Photoshop e/o qualsiasi altro programma di grafica, fate gli spavaldi e saltate il tutorial, è abbastanza intuitivo, altrimenti vi consiglio di seguire qualche tutorial Online.

Questo è fatto bene:

• Definite la grandezza del documento che andate a creare (Si, fatelo della risoluzione del vostro Tablet così lo vedrete perfetto!). Guida

• Ogni oggetto che create dentro inkscape, va linkato con un entity di Home Assistant. Per linkare l’oggetto è sufficiente cliccarci sopra e premete “Object Properties” e, nel campo “ID“, specificare l’entity di Home Assistant. Es: sensor.forecastio_apparent_temperature. La lista delle Entity la trovate nell’interfaccia di Home Assistant, cliccando sul simbolo “< >”.

2) Floorplan: Configurazione

Avete creato il vostro pannello domotico? Ottimo, procediamo con il resto dell’installazione.

• Entrate nella pagina di GitHub dove sono presenti i sorgenti di Floorplan.

• Scaricate tutto il contenuto cliccando su “Clone or download“, e salvate lo zip.

• Copiate la cartella “panels” dentro la Raspberry a questo percorso: /home/homeassistrant/.homeassistant

• Copiate la cartella “www” ed il suo contenuto, nello stesso percorso

• Copiate il file di configurazione: floorplan.yaml e panel_custom.yaml dentro lo stesso percorso.

• Aggiungete questa riga alla fine del vostro file configuration.yaml

panel_custom: !include panel_custom.yaml

• Sovrascrivete il file del vostro pannello domotico con quello presente dentro www/custom_ui/floorplan/floorplan.svg

• Riavviate Home Assistant o da linea di comando o da interfaccia WEB.

Salvo imprevisti, una volta che Home Assistant è stato riavviato, dovreste trovarvi sulla sinistra un nuovo Tab chiamato “Floorplan”. Se ci cliccate dovreste trovare la vostra Planimetria/Dashboard che avete disegnato con Inkscape.

Quanta soddisfazione state provando in questo momento? Appendete al muro il vostro tablet ed iniziate a vivere la domotica che avete sempre sognato, a costo 0 e anche con la giusta dose di divertimento!

Considerazioni

Questo è un altro esempio che i nostri limiti sono fatti per essere superati. Questo meccanismo potete applicarlo come ho fatto io per avere 2 Dashboard:

• Una che mi gestisce i comandi dell’abitazione molto simile a quella di inizio articolo.
• La seconda invece mi mostra una planimetria della casa con luci, allarme e stato dei sensori. In base a quando vengono azionati ricevo notifiche e l’immagine cambia colore a seconda di come ho deciso di strutturarla.

A differenza degli altri progetti, questo è un po’ più articolato dato che volendo è possibile giocare parecchio con componenti JAVA, CSS e HTML.

Mostrate ai vostri amici cosa siete in grado di fare con una Raspberry!