Dashboard Tablet Home Assistant Parte 1
Difficoltà: Media
Stato: Aggiornato
In questa guida, scopriremo come installare e configurare su Home Assistant un piccola interfaccia tablet, chiamata “Tablet UI Lite”.
Questa plancia si ispira allo splendido lavoro di mattias.
In questa rivisitazione del suo progetto ho cercando di rendere più semplificata possibile la sua installazione ed “italianizzare” tutte le sue parti in modo da rendere più semplice ed intuitiva la sua installazione.
“Perchè Lite ?”
Perchè, il suo punto di forza è la semplicità di installazione e configurazione, pensata appositamente per chi non mastica a pieno il linguaggio di programmazione e comunque vuole ottenere risultati soddisfacenti.
Di seguito i punti che affronteremo:
- Prerequisiti
- Download UI
- Installazione UI
- Icone Statiche
- Icone Dinamiche
Anteprima PLANCIA:
VideoGuida:
Da seguire per una corretta Installazione della Plancia.
1.Prerequisiti:
- Abilitare la Cartella Packages ( Guida )
- Installare HACS Store ( Guida )
- Installare Sensor Time ( Guida )
- Abilitare la Cartella Temi ( Guida )
– Installare i seguenti Custom Component da HACS
– Per installare i custom component, cliccare su :
- Hacs
- Frontend
- Esplora & Scarica Repository
– Custom Component da Scaricare:
- Button Card
- Card Mod
- Layout Card
- Swipe Card
- WebRTC Camera
– Riavviare il sistema cliccando su:
- Strumenti per sviluppatori
- Selezionare la scheda “Yaml
- Cliccare su “Riavvia”
2.Download UI
– Scaricare il Package “DOWNLOAD PACKAGE” ed estrarre il contenuto.
3.Installazione UI:
– Copiare nella cartella “config” di Home Assistant i seguenti file:
- ui-lovelace.yaml
- sidebar.yaml
- button_card_templates
– Copiare nella “themes” di Home Assistant i seguenti file:
- tablet.yaml
– Copiare nella “www” di Home Assistant i seguenti file:
- loader.svg
- background.png
– Riavviare il sistema cliccando su:
- Strumenti per sviluppatori
- Selezionare la scheda “Yaml
- Cliccare su “Riavvia”
– Inserire le seguenti righe di codice nel “configuration.yaml”
NB: Seguire Attentamente la sintassi e rispettare gli spazi.
template: !include sidebar.yaml lovelace: mode: storage dashboards: lovelace-tablet: mode: yaml title: Tablet icon: mdi:tablet show_in_sidebar: true filename: ui-lovelace.yaml input_boolean: test: name: Test
– Cliccare su “Salva” e verificare che la configurazione sia corretta
– Riavviare nuovamente il sistema cliccando su:
- Strumenti per sviluppatori
- Selezionare la scheda “Yaml
- Cliccare su “Riavvia”
4.Icone Statiche:
– Dal presente sito è possibile reperire icone mdi “Statiche” per la creazioni di pulsanti:
– Template da utilizzare per visualizzare le icone mdi sui pulsanti:
- icon_mdi
5.Icone Dinamiche:
-Mappa delle Icone disponibili sulla UI Tablet con i relativi codici di utilizzo: