Home Assistant-dashboard – sådan bygger du et overskueligt kontrolpanel

Dashboardet er den del af Home Assistant, som brugeren oftest har kontakt med. Det viser boligens status, gør det muligt at styre enheder, starte bestemte handlinger og hurtigt finde de oplysninger, der er brug for i øjeblikket.

Home Assistant kan automatisk oprette et grundlæggende panel, men et selvbygget dashboard giver langt større kontrol over, hvad der vises, i hvilken rækkefølge det vises, og hvordan brugeren kan styre systemet.

Et enkelt panel kan oprettes uden at skrive kode. Når der tilføjes forskellige visninger, mobiltelefon, vægtablet, betinget synlige elementer, egen navigation, tilpassede kort eller mere avancerede handlinger, bliver konfigurationen dog hurtigt mere omfattende.

I denne guide forklarer jeg, hvordan et Home Assistant-dashboard er opbygget, hvordan du opretter dit eget panel fra bunden, og hvilke muligheder der kan bruges i mere avancerede layouts.

Home Assistant har indbyggede dashboards, som automatisk kan vise enheder og oplysninger, der er tilgængelige i systemet.

Hvis du har brug for dit eget layout, er det bedre at oprette et separat dashboard end at ombygge standardvisningen alene for at tilpasse den til en bestemt telefon, tablet eller måde at bruge boligen på.

Et nyt dashboard kan oprettes via:

Indstillinger → Dashboards → Tilføj dashboard

Hvis panelet skal bygges helt fra bunden, skal du vælge:

New dashboard from scratch

altså oprette et tomt dashboard.

Under oprettelsen kan du give det et navn og et ikon og vælge, om det skal vises i Home Assistants sidepanel.

Der findes også varianter med allerede klargjorte elementer. Til et panel, der bygges til en bestemt brugssituation, giver et tomt dashboard dog størst kontrol over det senere layout. Home Assistant gør det officielt muligt at oprette flere separate dashboards og anbefaler ved mere individuelle opsætninger at oprette et nyt i stedet for at ændre standardpanelet.

Det er let at blande disse begreber sammen.

Et dashboard er hele kontrolpanelet.

En visning er en fane inde i dashboardet. Et dashboard kan for eksempel have separate visninger til stueetagen, førstesalen, varme, energi eller medier.

Et kort er et konkret element placeret i en visning. Det kan vise lys, temperatur, en termostat, en graf, vejret, en knap, en liste over entiteter eller andre oplysninger.

En eksempelstruktur kan se sådan ud:

Dashboard „Hjem” → visning „Stue” → lyskort, temperaturkort og mediekort.

Med denne opdeling behøver alle enheder og oplysninger ikke at ligge på den samme skærm.

Home Assistant tilbyder fire grundlæggende typer visninger:

Sections – er i øjeblikket standardtypen. Den gør det muligt at opdele dashboardet i sektioner og placere kort i et gitter. Den passer godt til paneler, som skal bevare et overskueligt layout ved forskellige skærmbredder.

Masonry – placerer kort i kolonner afhængigt af deres størrelse. Den kan være praktisk til paneler med kort i forskellige højder.

Panel – bruger stort set hele visningen til ét kort. Det er for eksempel nyttigt til et stort kort, et billede eller et andet element, der skal fylde hele den tilgængelige bredde.

Sidebar – opretter et layout med to kolonner: et bredt hovedområde og et smallere sideområde.

Visningstypen påvirker ikke kun udseendet, men også hvordan kortene senere opfører sig på forskellige skærme. Det er ikke nødvendigt at bruge den samme visningstype i alle dele af dashboardet.

I en Sections-visning kan kort grupperes i logiske sektioner.

Et dashboard kan for eksempel indeholde:

• en sektion til belysning,
• en sektion til temperatur og varme,
• en sektion til rullegardiner,
• en sektion til sikkerhed,
• en sektion til medier.

Det betyder ikke, at hver kategori skal have sin egen blok. Opdelingen bør følge den måde, panelet bruges på.

I Sections kan størrelsen på kortene i gitteret også ændres. Et vigtigere element kan dermed optage mere plads, mens en enkel status eller knap kan fylde mindre.

Det er dog ikke en fordel at bruge al tilgængelig plads, bare fordi det er muligt. Dashboardet skal først og fremmest gøre det hurtigt at finde en oplysning eller funktion.

Når dashboardet er i redigeringstilstand, kan et kort tilføjes på to grundlæggende måder.

Den første er at vælge en entitet. Du angiver den entitet, der skal vises, og Home Assistant foreslår en passende præsentation.

Den anden er at vælge korttypen. Først vælger du elementets type og derefter de entiteter eller data, som skal indgå.

Afhængigt af behovet kan der blandt andet bruges kort til:

• styring af lys,
• visning af sensorer,
• betjening af en termostat,
• visning af vejret,
• visning af grafer,
• gruppering af entiteter,
• oprettelse af knapper,
• visning af billeder,
• visning af websider.

Home Assistant gør det også muligt at tilføje et kort direkte fra enhedens oplysninger og vælge det dashboard og den visning, som det skal placeres i.

Integrationen af én enhed kan oprette mange entiteter. Det betyder ikke, at alle skal vises på hoveddashboardet.

På en skærm, der bruges til daglig, bør først og fremmest de oplysninger og funktioner vises, som faktisk bruges regelmæssigt.

Hovedpanelet kan for eksempel vise rummets temperatur og varmestyring, mens enhedens tekniske diagnosesensorer ikke behøver at optage plads ved siden af.

På samme måde kan mange entiteter med batteriniveauer placeres i en separat teknisk visning i stedet for at blive blandet med den daglige styring af lys og rullegardiner.

Flere data på skærmen betyder ikke altid et bedre dashboard. Hvis de vigtigste oplysninger forsvinder mellem elementer, der bruges en gang hvert par måneder, opfylder panelet ikke længere sin grundlæggende funktion.

På mange kort kan det bestemmes, hvad der skal ske, når brugeren interagerer med dem.

Home Assistant skelner blandt andet mellem:

• tap – et almindeligt tryk eller klik,
• hold – et langt tryk,
• double tap – et dobbelt tryk.

Afhængigt af konfigurationen kan man for eksempel:

• skifte en enheds tilstand,
• åbne detaljerede oplysninger,
• udføre en bestemt handling,
• gå til en anden dashboardvisning,
• åbne en URL,
• starte Assist.

Et kort kan dermed fungere både som en enkel knap og som navigation eller adgang til mere detaljeret styring.

Der bør dog ikke tilknyttes mange skjulte handlinger uden et tydeligt behov. Hvis brugeren ikke ved, at et langt tryk udfører noget andet end et almindeligt tryk, kan panelet blive mindre intuitivt i stedet for mere funktionelt.

Home Assistant gør det muligt at angive betingelser for kortenes synlighed.

En oplysning om et åbent vindue kan for eksempel vises, når vinduet faktisk er åbent, og et element om bilopladning kan kun være synligt, mens opladeren er i brug.

Det er også muligt at begrænse elementers synlighed til bestemte brugere.

På den måde kan mængden af information på skærmen reduceres, og visse elementer kan først vises, når de bliver relevante.

Betinget synlighed bør dog ikke erstatte automatiseringer. At en oplysning vises på skærmen, betyder ikke nødvendigvis, at brugeren hver gang manuelt skal reagere på situationen.

Home Assistant har også et Webpage dashboard.

Det er ikke en anden måde at bygge det samme panel med Home Assistant-kort på. Formålet er at indlejre en webside i Home Assistant-brugerfladen.

Det kan for eksempel være:

• en side på internettet,
• et panel til en enhed i det lokale netværk,
• brugerfladen til en NAS eller router,
• en egen lokal webside,
• en anden brugerflade, som kan indlejres korrekt.

Et Webpage dashboard bruger et Webpage card.

Ikke alle sider tillader dog indlejring. Nogle tjenester blokerer visning i en ramme af sikkerhedshensyn. Desuden kan Home Assistant, når det bruges via HTTPS, ikke på denne måde indlejre en side, der kun er tilgængelig via HTTP.

Et Webpage dashboard er et helt dashboard beregnet til at vise en webside.

Et Webpage card er derimod et kort, som kan bruges som et element i et dashboard.

Det gør det muligt at indlejre siden på et valgt sted i brugerfladen i stedet for at bruge et helt separat panel til den.

Et Webpage card kan også vise filer, der ligger lokalt i Home Assistants www-mappe og er tilgængelige via stien /local/.

Browserens sikkerhedsbegrænsninger gælder stadig ved denne løsning. At en side åbner normalt i en separat browserfane, betyder ikke nødvendigvis, at den kan indlejres i dashboardet.

Et dashboard, der er praktisk på en stor skærm, er ikke altid praktisk på en mobiltelefon.

På mobilen er det vigtigt hurtigt at kunne nå de mest brugte funktioner, at kortene har en passende bredde, og at antallet af elementer, der kræver vandret rulning, begrænses.

En vægtablet giver mere plads og kan samtidig vise boligens status, lysstyring, vejret, alarmen eller temperaturen.

Home Assistant gør det muligt at oprette flere dashboards. Man kan derfor lave et separat panel til tabletten i stedet for at forsøge at samle alle anvendelser i ét layout.

Hvis vægtabletten skal bruge et andet standarddashboard end brugerens telefon, kan der også oprettes en separat brugerprofil til tabletten, som får tildelt det relevante dashboard.

Den person, der konfigurerer Home Assistant, kan have brug for at se tekniske tilstande, diagnostik, batteriniveauer, netværksoplysninger og ekstra sensorer.

Andre medlemmer af husstanden kan først og fremmest have brug for enkel styring af lys, rullegardiner, temperatur, alarm eller medier.

Der er ingen grund til at samle disse to måder at bruge systemet på den samme skærm.

En adskillelse mellem det daglige panel og den tekniske visning gør ofte betjeningen enklere og mindsker risikoen for ved et uheld at aktivere funktioner, som ikke er nødvendige i hverdagen.

Et godt dashboard giver mulighed for at styre systemet og korrigere dets funktion manuelt.

Hvis brugeren hver aften manuelt skal slukke flere lys, køre rullegardiner ned, ændre temperaturen og skifte flere enheder, bør problemet dog ikke altid løses ved at tilføje flere knapper på panelet.

Nogle af disse handlinger passer måske bedre til en automatisering eller et script.

Dashboardet kan så indeholde én passende funktion eller blot vise resultatet af systemets arbejde.

Home Assistant-automatiseringer →

Home Assistant har mange indbyggede kort, og de er tilstrækkelige til en stor del af alle paneler.

Der findes også tilpassede elementer skabt af fællesskabet. De kan udvide dashboardets udseende, tilføje andre måder at vise data på eller gøre løsninger mulige, som ikke findes i standardkortene.

HACS bruges ofte til at hente og opdatere sådanne elementer. HACS understøtter dashboardelementer fra fællesskabet, herunder egne kort og andre komponenter til brugerfladen.

Det betyder ikke, at alle dashboards bør bygges med tilpassede kort.

Hvert ekstra fællesskabselement er endnu en afhængighed, som senere skal opdateres og kontrolleres for kompatibilitet med nye versioner af Home Assistant.

Det er derfor bedst først at undersøge, om det ønskede resultat kan opnås med standardfunktionerne.

Nej. Et almindeligt dashboard kan bygges i Home Assistants grafiske brugerflade.

Du kan tilføje visninger, kort og entiteter, ændre deres størrelser og konfigurere mange funktioner uden manuelt at oprette hele YAML-konfigurationen.

YAML kan stadig være nyttigt til mere tekniske løsninger, manuel redigering af kortkonfiguration eller når dashboardet skal administreres i konfigurationsfiler.

Home Assistant gør det også muligt at definere separate YAML-dashboards. Det er en mere avanceret måde at administrere panelet på og er ikke nødvendig for at komme i gang med dashboards.

YAML skal ikke fremstilles som en bedre løsning. Det er et ekstra niveau af kontrol, som giver mening i bestemte konfigurationer.

Et eksempelpanel kan begynde med oprettelsen af et nyt, tomt dashboard.

Derefter kan du:

• oprette den første visning af typen Sections,
• opdele den i flere logiske sektioner,
• tilføje de vigtigste entiteter, der bruges til daglig,
• vælge kort, der passer til den måde, enhederne skal styres på,
• indstille størrelsen på de vigtigste elementer,
• fjerne tekniske oplysninger fra hovedvisningen, hvis de ikke er nødvendige i hverdagen,
• oprette en ny visning i stedet for at overfylde den første, hvis der er brug for flere oplysninger,
• konfigurere korthandlinger kun dér, hvor de reelt gør betjeningen nemmere,
• bruge betinget synlighed til oplysninger, der kun er nødvendige i bestemte situationer,
• kontrollere panelet både på computer og mobil.

Først når der er bygget et overskueligt grundlag, er det værd at overveje ekstra fællesskabskort, egen YAML eller mere omfattende navigation.

Hvis panelet skal køre på en fast tablet, bør det også testes direkte på denne enhed. Et layout, der ser korrekt ud i et browservindue på computeren, opfører sig ikke nødvendigvis ens på en skærm med andre proportioner.

I begyndelsen indeholder dashboardet ofte nogle få lys, temperatur og rullegardiner.

Efterhånden som systemet udvides, kommer der flere sensorer, enheder, grafer, medier, alarm, energi, batterier og diagnostiske elementer til.

Hvis hvert nyt element placeres på samme skærm, begynder det efter nogen tid at tage længere tid at finde en bestemt funktion end at bruge den.

I stedet for at tilføje flere kort til én visning er det værd at fastlægge et hierarki:

• de vigtigste oplysninger først,
• daglig styring på let tilgængelige steder,
• sjældnere brugte funktioner i separate visninger,
• diagnostik uden for hovedskærmen.

Panelet bør ikke være et katalog over alle Home Assistant-entiteter. Det bør være en brugerflade, der er forberedt til en bestemt måde at bruge systemet på.

Et grundlæggende panel med nogle få kort kan oprettes forholdsvis hurtigt.

Der kræves mere planlægning, når panelet skal:

• fungere godt på flere forskellige skærme,
• have separate visninger til forskellige brugere,
• skjule og vise elementer afhængigt af systemets tilstand,
• føre mellem mange visninger,
• bruge egne handlinger ved tryk og langt tryk,
• vise eksterne websider eller lokale brugerflader,
• bruge tilpassede kort,
• kombinere styring med automatiseringer og scripts,
• bevare et ensartet udseende trods et stort antal enheder.

I denne situation er dashboardet ikke længere blot en samling knapper. Det bliver en selvstændig brugerflade, hvis layout skal planlægges på samme måde som logikken i resten af systemet.

Hvis du vil se et eksempel på et mere avanceret Home Assistant-panel, kan du åbne den forberedte demo.

Se Home Assistant-demoen →

Et Home Assistant-dashboard kan være en enkel skærm med nogle få vigtige funktioner eller en omfattende brugerflade til mobil, tablet og forskellige brugere.

Det vigtigste er dog ikke, hvor mange kort der kan placeres på skærmen, men om den nødvendige information eller funktion hurtigt kan findes og forstås.

Det er en god idé at begynde med et enkelt layout, opdele panelet i logiske visninger og sektioner og først derefter tilføje betinget synlighed, ekstra handlinger, HACS, Webpage dashboard eller YAML-konfiguration.

Hvis dashboardet bliver sværere at bruge for hvert nyt kort, er det bedre at organisere strukturen end fortsat at tilføje flere elementer.

Hvis du vil bygge et panel fra bunden, skabe bedre struktur i dit nuværende dashboard, lave et praktisk layout til mobil eller tablet eller konfigurere en mere avanceret løsning, kan jeg hjælpe med at planlægge strukturen og konfigurere den efter den måde, systemet skal bruges på.

Kontakt mig.Den indledende vurdering af din henvendelse er gratis og uforpligtende. → klik her