ID.nl logo
Zo maak je een dashboard voor Home Assistant
© Reshift Digital
Zekerheid & gemak

Zo maak je een dashboard voor Home Assistant

Heb je Home Assistant geïnstalleerd, de nodige apparaten toegevoegd en misschien zelfs enkele automatiseringen, dan wil je natuurlijk dat iedereen er gebruik van gaat maken. Die kans wordt een stuk groter met een praktisch dashboard op een tablet, die je ophangt op een centrale plek in huis. In dit artikel laten we zien hoe je dat voor elkaar krijgt en hoe je er optimaal gebruik van maakt!

Home Assistant is een mooi en veelzijdig pakket voor het automatiseren van je huis, met enorm veel integraties met apparaten en diensten. En het draait uitstekend op een Raspberry Pi. In dit artikel, lees je hoe je het op de singleboardcomputer installeert en hoe je er mee begint. Nadat je het hebt opgezet, wil je natuurlijk ook dat iedereen gebruik maakt van al die handige features die je hebt toegevoegd. Een van de mooiste manieren is een dashboard, weergegeven op een tablet die je op een handige plek in huis ophangt. Dankzij Lovelace biedt Home Assistant alle mogelijkheden voor zo’n eigen dashboard, waarbij je in de vorm van kaarten heel veel details kunt toevoegen. Ook kun je kaarten of thema’s van de online community gebruiken zodat het er precies uit ziet zoals je wenst! In deze masterclass helpen we je op weg.

01 De Lovelace UI

Via het menu in de zijbalk van Home Assistant blader je naar de verschillende onderdelen van de software, met Overzicht als eerste onderdeel. In de vorm van een dashboard zie je hier alle toegevoegde en nieuw ontdekte apparaten en diensten, zoals sensoren, lampen en schakelaars. Daar hoef je niets voor te doen, het wordt automatisch gegenereerd. Het dashboard heeft zelfs een naam: Lovelace (UI). Dit vormt het startpunt voor ons eigen dashboard. Als je net begint is het erg kaal met alleen een weerbericht, terwijl het juist weer erg vol en druk wordt wanneer je veel toegevoegt. Gelukkig kun je het dashboard opdelen in aparte pagina’s met tabbladen, ook wel weergaven of views genoemd. En je kunt sinds kort ook meerdere dashboards maken. Bovendien kun je een dashboard handmatig beheren zodat je precies bepaalt wat er op staat en hoe het er uitziet. Ga je met Lovelace aan de slag, dan zul je snel de kracht inzien van de gebruikersinterface. En als je nog wat verder bent, zul je ook de bijdragen uit de community waarderen, zoals alternatieve kaarten en thema’s.

©PXimport

Apparaten toevoegen aan Home Assistant

Voordat je een zinvol dashboard kunt maken, moet je natuurlijk het nodige toevoegen aan Home Assistant. Het is slim om dat meteen goed aan te pakken. Zorg dat je onder Instellingen / Gebieden de ruimtes in huis hebt gedefinieerd, naast de standaard ruimtes keuken, slaapkamer en woonkamer. Je kunt voor elk apparaat dat je toevoegt dan meteen de juiste ruimte opgeven. Het toevoegen van apparaten en diensten lukt voor een groot deel via de gebruikersinterface onder Instellingen / Integraties. Enkele zijn automatisch gevonden en staan al in het overzicht en anders kun je ze handmatig toevoegen door op het plusteken te klikken. Het is vaak in een paar klikken geregeld. Om opties achteraf te wijzigen kun je op hetzelfde scherm terecht. Sommige integraties lukken nog niet via deze grafische interface en vereisen aanpassingen in het configuratiebestand (configuration.yaml). Voor tips voor bijvoorbeeld Philips Hue en Yeelight en een Rfxcom-transceiver met enkele temperatuursensoren kun je het eerder genoemde online artikel er bij pakken. Voor het verrijken van het dashboard gaan we nog extra apparaten toevoegen, lees hieronder verder hoe.

©PXimport

02 Dashboard toevoegen

Home Assistant onderhoudt bij de standaard instellingen zelf de indeling van je dashboard en zet nieuw toevoegde apparaten of diensten er direct op. Je kunt het ook zelf beheren zodat je zelf verantwoordelijk bent voor het toevoegen van apparaten. Je kunt dat dan wel precies doen zoals je dat mooi vindt. Gelukkig hoef je niet te kiezen. Je kunt onbeperkt extra dashboards aanmaken die al dan niet automatisch worden gegenereerd. Onder Instellingen / Lovelace-dashboards zie je je dashboards, waar in eerste instantie alleen het standaard dashboard Overzicht staat. Klik op het plusteken om een dashboard te maken. Als voorbeeld maken we een dashboard genaamd Alles. Als je het vinkje bij Toon in de zijbalk hebt laten staan, is het bereikbaar via de zijbalk onder de gekozen naam. Hierop zullen automatisch alle nieuw toegevoegde apparaten verschijnen. Het standaarddashboard Overzicht gaan we in het vervolg van de masterclass handmatig beheren.

©PXimport

03 Beheer overnemen

We gaan naar het standaarddashboard Overzicht. Om het beheer over te nemen klikken we in het menu rechtsboven (de drie puntjes) op Configureer UI. Je ziet een waarschuwingsvenster dat het dashboard daarmee niet meer automatisch wordt bijgewerkt. Je kunt er eventueel voor kiezen om met een lege pagina te beginnen, door een vinkje bij deze optie te zetten. Klik daarna op Neem over. Tenzij je het vinkje hebt gezet, worden de bestaande onderdelen overgenomen in het dashboard waar je nu handmatig het beheer over hebt. Er is een eerste tabblad gemaakt met de naam Home. Via het penceeltje veranderen we de naam naar Thuis. We willen een extra tabblad maken, wat binnen Home Assistant een weergave of view wordt genoemd, voor kantoor. Hiervoor klikken we op het plusteken, voeren de titel Kantoor in en eventueel een pictogram, bijvoorbeeld mdi:briefcase, één van de Material Design-iconen. Deze iconen kun je op veel plaatsen in Home Assistant gebruiken. Hier kun je zien welke iconen er zoal zijn. De overige opties laten we ongemoeid en we kiezen Opslaan.

©PXimport

04 Rij met lampen of schakelaars

We willen wat knoppen voor lampen naast elkaar: in dit voorbeeld een Hue Go-lamp voor achtergrondverlichting, een Yeelight-lamp boven het bureau en bij de leeshoek en een KlikAanKlikUit-schakelaar voor de bergruimteverlichting. Ze zijn allemaal aan Home Assistant toegevoegd. Eerst klikken we op het plusteken rechts om een kaart toe te voegen en kiezen voor Horizontale stapel. Op zo’n kaart kun je andere kaarten stapelen (zie kader ‘Horizontale of verticale stapel’) wat ideaal is om de lampen naast elkaar weer te geven. Als eerste voegen we een kaart genaamd Lamp toe waarbij we onder het kopje Entiteit de gewenste lamp kiezen. Stel eventueel een vervangende naam in, als de naam onduidelijk of te lang is. De twee andere lampen voegen we op vergelijkbare wijze toe via het plusteken. Voor de schakelaar voor de bergruimteverlichting kiezen we de kaart Knop en vullen een passend icoontje in. Je kunt eventueel Material Design-icoontjes kiezen zoals uitgelegd in de vorige stap. Bijvoorbeeld mdi:flashlight voor een zaklampicoontje. Kies Opslaan als je klaar bent. We gebruiken hier steeds de visuele editor, maar je kunt ook code invoeren. Klik daarvoor op Code-editor weergeven. Je kunt daarna ook weer wisselen naar de visuele editor.

©PXimport

Horizontale of verticale stapel

Wil je dat kaarten altijd naast elkaar in één kolom staan, dan kun je een zogenoemde Horizontale stapel toevoegen. Voor kaarten die onder elkaar – dus in dezelfde kolom – moeten worden gegroepeerd kies je Verticale stapel. Het zijn speciale kaarten waar je vervolgens weer andere kaarten aan toe kunt voegen. Nadat je een eerste kaart hebt toegevoegd, kun je een tweede via het plusteken toevoegen. Via een genummerd tabblad kun je door alle toegevoegde kaarten bladeren. Om de details voor een kaart te bewerken klik je op het bewuste tabblad. De onderlinge positie kun je veranderen met de pijltjes. Om een kaart te verwijderen klik je op het prullenbakicoontje.

05 Kaart met internetsnelheid

Om in het dashboard de snelheid van je internetverbinding te zien, kun je eenvoudig via Instellingen / Integraties de component Speedtest.net toevoegen. Daarmee wordt elk uur de download- en uploadsnelheid van de internetverbinding getest op de gekozen testserver. Via de sensor kun je de waarde uitlezen. Om de laatste meting weer te geven kun je bijvoorbeeld een Horizontale stapel toevoegen en daarin twee kaarten van het type Meter met als entiteit de sensor voor de download- en uploadsnelheid. Nog mooier is een grafiek met de geschiedenis van je metingen. Standaard houdt Home Assistant gegevens van onder meer sensoren bij in een lokale database, dus je hoeft daar niets voor te doen. Voeg hiervoor een kaart van het type Geschiedenis grafiek toe. Hierin kun je één of meerdere entiteiten opnemen. Wij kiezen weer de twee entiteiten en geven aan dat we de metingen van de laatste 24 uur willen zien, waarna de grafiek automatisch wordt getoond.

©PXimport

06 Kaarten voor een nas

Om gegevens van een Synology-nas op te nemen in je dashboard kun je onder Instellingen / Integraties bij Synology DSM op Configureer klikken. Hierna volstaat het om je gebruikersnaam en wachtwoord op te geven. Handig aan de integratie is dat je bijvoorbeeld zicht kunt houden op de gebruikte opslagruimte en de status van de harde schijven. We voegen daarvoor om te beginnen een kaart Meter toe en selecteren de sensor met het percentage gebruikte opslagruimte. Het is handig enkele drempelwaardes op te geven, door een vinkje bij Ernst definiëren te zetten. Je kunt dan kiezen bij welke waarde de grafiek groen, geel of rood wordt, zodat je het direct ziet als de opslagruimte kritiek wordt. Om de temperatuur of status van de vier harde schijven te monitoren kun je een kaart Oogopslag of Entiteiten toevoegen. Bij deze kaarten kun je meerdere entiteiten toevoegen zoals sensors maar bijvoorbeeld ook lampen en schakelaars. Bij Oogopslag staan ze naast elkaar, Entiteit maakt een verticaal lijstje met de gekozen entiteiten. Beide kaarten zijn geschikt om de temperaturen of de status van de vier harde schijven te laten zien. Hierna zou je bijvoorbeeld ook een kaart van het type Geschiedenis grafiek toe kunnen voegen met de gemeten belasting van de nas.

©PXimport

07 Thermostaat toevoegen

Het toevoegen van een airconditioning van Daikin is eenvoudig als je een model met wifi hebt. In het integratiescherm vind je hem dan meteen terug. Qua gebruik in Home Assistant is er weinig verschil met een slimme thermostaat: ze worden als klimaatregeling gezien. De standaard kaart heet Thermostaat. Het volstaat om hierin de bewuste airconditioning te kiezen en een naam in te voeren. En je hoeft je niet tot standaard kaarten te beperken. In de community zijn veel zogenoemde custom kaarten te vinden. Bijvoorbeeld simple-thermostat met een naar ons idee fijnere temperatuurregeling. Om deze te kunnen gebruiken voegen we een bron toe voor Lovelace (zie kader ‘Bronnen toevoegen voor Lovelace’): het bestand simple-thermostat.js uit de laatste release. Daarna ga je naar je dashboard, klik je op het plusteken en kies je Handmatig. Voor deze kaart is geen visuele editor beschikbaar, maar je hoeft in de code-editor maar een paar regels in te voeren:

type: 'custom:simple-thermostat'entity: climate.zolder

Heb je de correcte entiteit ingevuld dan zie je rechts een werkend voorbeeld voor de kaart. Klik op Opslaan om deze definitief toe te voegen. Je kunt ook nog wat opties instellen om de weergave te verfijnen, zoals uitgelegd op de bewuste GitHub-pagina.

©PXimport

Bronnen toevoegen voor Lovelace

Om kaarten van de community te gebruiken voeg je extra bronnen toe voor Lovelace. Om dat te kunnen doen, gebruik je Home Assistant in de zogeheten Geavanceerde modus. Dit is een instelling per gebruiker. Om het aan te zetten klik je in de zijbalk op je naam zodat je profiel wordt geopend. Met een vinkje zet je de modus aan. Als eerste gaan we nu zorgen dat de bron, in ons voorbeeld is dat het javascript-bestand simple-thermostat.js, benaderbaar is voor Home Assistant. Daarvoor gaan we het uploaden. We openen File editor. Je komt standaard in de map config. Via het icoontje New Folder maken we daarin een nieuwe map genaamd www. Blader naar deze map door er op te klikken, kies het icoontje Upload File, wijs het bestand (simple-thermostat.js) aan en upload het. Om het als bron toe te voegen ga je vervolgens naar Instellingen / Lovelace-dashboards. Dankzij de geavanceerde modus zie je hier het extra tabblad Bronnen. Hier kun je een nieuwe bron toevoegen. Achter Url voeren we /local/simple-thermostat.js?v=1 in. Dit verwijst naar het zojuist geüploade bestand. Bij Type bron kiezen we JavaScript-module. Klik dan op Aanmaken.

©PXimport

08 Thema’s gebruiken

Wil je het dashboard een hele andere uitstraling geven? Het standaardthema kent een lichte en donkere modus én je kunt de primaire kleur en accentkleur wijzigen. De opties vind je in je profiel, door linksonder op je naam te klikken. Voor een complete metamorfose kun je ook een thema maken of ophalen in de community. Als voorbeeld nemen we Clear Theme Dark. Ga eerst naar File editor en open configuration.yaml, voeg onderstaande regels toe en bewaar de aanpassingen.

frontend:themes: !include themes.yaml

Hiermee hebben we een verwijzing naar themes.yaml gemaakt waarin we de opmaakcode van het toe te voegen thema gaan zetten. Maak dit bestand eerst aan in de editor en klik het aan om het te bewerken. Kopieer dan de code die je op de genoemde link vindt. Plak het in je editor en bewaar het bestand. Je kunt nu voor elke kaart die je maakt dit thema kiezen, maar ook in één handeling het thema toepassen via je profiel, door daar het thema (in dit geval dark) te selecteren. Op de bewuste link vind je trouwens ook een achtergrondafbeelding (night.jpg) waar het thema naar verwijst. Die kun je (via de editor) uploaden in de www-map.

©PXimport

Dashboard vast zetten op tablet

Wil je je dashboard op je tablet weergeven? Dat kan met de Android-app Fully Kiosk Browser & App Lockdown. Wil je dat het dashboard het volledige scherm inneemt en geen zijbalk laat zien, dan kun je in het profiel een vinkje bij Zijbalk altijd verbergen zetten. Het menu wordt dan verborgen maar blijft bereikbaar via de drie streepjes linksboven, net zoals op mobiele apparaten.

Ook geïnteresseerd in professionele beveiliging?

Vraag een offerte aan voor inbraakbeveiliging:

▼ Volgende artikel
Wifi wel snel op je telefoon, maar traag op je laptop? Hier ligt dat aan!
© A Stockphoto
Huis

Wifi wel snel op je telefoon, maar traag op je laptop? Hier ligt dat aan!

Je zit op de bank en streamt probleemloos een 4K-video op je telefoon, maar zodra je je laptop openklapt om een webpagina te laden, lijkt het alsof de verbinding vastloopt. Ligt het aan de router of aan je computer? In dit artikel leggen we uit waarom wifi-snelheden zo sterk kunnen verschillen per apparaat en wat je eraan kunt doen.

Je betaalt voor een snelle internetverbinding, dus is de verwachting dat elk apparaat in huis die snelheid ook daadwerkelijk haalt. Toch voelt het surfen op je computer soms stroperig aan, terwijl je smartphone ernaast nergens last van heeft. Vaak wordt er direct naar de internetprovider gewezen, maar het probleem zit meestal in de apparatuur zelf. Het verschil in hardware, leeftijd en software tussen mobiele apparaten en computers is namelijk groter dan je denkt. Na het lezen van dit stuk weet je precies waar die vertraging vandaan komt.

Generatiekloof: waarom je laptop vaak achterloopt

Het snelheidsverschil tussen je telefoon en je computer komt vaak neer op een simpele generatiekloof. We vervangen onze telefoons gemiddeld elke twee tot drie jaar, waardoor ze vaak uitgerust zijn met de nieuwste wifi-chips (zoals wifi 6 of 6E). Een laptop gaat vaak veel langer mee, soms wel vijf tot zeven jaar. Hierdoor probeert een verouderde netwerkkaart in je laptop te communiceren met een moderne router, wat resulteert in een lagere maximumsnelheid.

Daarnaast speelt de manier waarop data wordt verwerkt een grote rol. Een telefoon is geoptimaliseerd voor directe consumptie: apps op de achtergrond worden gepauzeerd om de app die je nú gebruikt voorrang te geven. Een computer werkt anders. Terwijl jij probeert te surfen, kan Windows of macOS op de achtergrond bezig zijn met zware updates, het synchroniseren van clouddiensten of het maken van back-ups. Je laptop snoept dus al bandbreedte weg zonder dat jij het doorhebt, waardoor er voor je browser minder overblijft.

Wanneer je laptop de strijd wél wint

De laptop wint het van de telefoon wanneer de omstandigheden optimaal zijn voor stabiliteit in plaats van pure mobiliteit. Als je beschikt over een moderne laptop met een recente netwerkkaart en je bevindt je in dezelfde ruimte als de router, kan de laptop vaak stabieler grote bestanden binnenhalen.

Dat geldt vooral als je laptop verbonden is met de 5GHz-frequentieband. Deze frequentie is veel sneller dan de oude 2.4GHz-band, maar heeft een korter bereik. Als je dicht bij het toegangspunt zit, profiteert je laptop van zijn krachtigere processor om complexe webpagina's sneller op te bouwen dan een telefoon dat kan, mits de verbinding zelf niet de bottleneck is.

Waarom je telefoon soepeler aanvoelt

Het verschil wordt pijnlijk duidelijk zodra je verder van de wifi-bron af gaat zitten, bijvoorbeeld op zolder of in de tuin. Smartphones zijn vaak agressiever geprogrammeerd om het sterkste signaal te pakken of snel tussen frequenties te schakelen. Veel laptops blijven daarentegen te lang plakken op een zwak 5GHz-signaal of vallen onnodig terug op de trage en vaak overvolle 2.4GHz-band (het zogeheten 'sticky client'-probleem).

Daarnaast hebben smartphones een trucje dat laptops helaas moeten missen: wifi-assist (of een vergelijkbare term). Als de wifi even hapert, gebruikt de telefoon ongemerkt een beetje 4G- of 5G-data om de stroom stabiel te houden. Je laptop heeft die optie meestal niet en laat direct een laadicoontje zien. Hierdoor voelt de telefoon sneller aan, terwijl hij eigenlijk een beetje vals speelt door mobiele data bij te schakelen.

Harde grenzen: wanneer traagheid onvermijdelijk is

Er zijn situaties waarin je laptop de strijd sowieso verliest, ongeacht hoe dicht je bij de router zit. Dit zijn de harde grenzen:

  • Verouderde standaarden: Als je laptop alleen wifi 4 (802.11n) ondersteunt, zul je nooit de snelheden halen van een telefoon met wifi 6 (802.11ax). De hardware kan het simpelweg niet aan.

  • Actieve VPN-verbinding: Veel werklaptops hebben een actieve VPN-verbinding voor beveiliging. Dit vertraagt de internetsnelheid aanzienlijk vergeleken met een 'open' telefoonverbinding.

  • De 2,4GHz-valkuil: In dichtbevolkte wijken is de 2,4GHz-band zo vervuild door signalen van de buren, dat een laptop die hierop vastzit nauwelijks vooruitkomt.

  • Batterijbesparing: Als je laptop niet aan de lader ligt en in Eco-modus staat, wordt de stroom naar de wifi-kaart vaak geknepen, wat direct ten koste gaat van het bereik en de snelheid.

Zo check je of jouw hardware het probleem is

Om te bepalen of je laptop de boosdoener is, moet je eerst kijken naar de verbinding. Klik op het wifi-icoon op je laptop en controleer of je verbonden bent met een 5GHz-netwerk (vaak te zien bij Eigenschappen of netwerkinformatie). Is dat niet het geval en sta je wel dicht bij de router? Dan is je netwerkkaart waarschijnlijk verouderd of staan de instellingen niet goed.

Kijk ook eens kritisch naar je gebruik. Heb je toevallig nog applicaties openstaan zoals Steam, OneDrive of Dropbox? Deze programma's kunnen de verbinding volledig dichttrekken. Op een telefoon gebeurt dit zelden automatisch op de achtergrond. Als je laptop ouder is dan vijf jaar, kan een simpele upgrade met een moderne wifi-usb-dongle het probleem vaak al verhelpen, zonder dat je een hele nieuwe computer hoeft aan te schaffen.

Kortom: leeftijd en software maken het verschil

Dat je telefoon sneller is op wifi dan je laptop, komt meestal doordat telefoons nieuwere netwerkchips hebben en slimmer omgaan met datastromen. Laptops hebben vaak last van zware achtergrondprocessen of blijven hangen op een tragere frequentieband. Daarnaast schakelen telefoons bij zwak wifi soms ongemerkt over op 4G/5G, wat de ervaring vloeiender maakt. Controleer of je laptop op de 5GHz-band zit en sluit zware achtergrondprogramma's af om snelheid te winnen.

▼ Volgende artikel
Tomodachi Life: Waar Dromen Uitkomen arriveert op 16 april
Huis

Tomodachi Life: Waar Dromen Uitkomen arriveert op 16 april

Tomodachi Life: Waar Dromen Uitkomen komt op 16 april uit voor Nintendo Switch.

Dat heeft Nintendo vanmiddag aangekondigd in een speciale Direct-uitzending die om de game draait. Ondanks dat de game voor de eerste Switch verschijnt, zal hij via backwards compatibility ook speelbaar zijn op Nintendo Switch 2.

In de Tomodachi Life-games van Nintendo kunnen spelers zelf Mii-personages creëren en bijvoorbeeld baseren op het uiterlijk van henzelf, vrienden en familie of beroemdheden. Deze Mii's leiden vervolgens hun eigen leven op een eiland, wat allerlei gekke en hilarische situaties oplevert. Spelers kunnen zelf ook invloed uitoefenen op deze verschillende situaties.

Watch on YouTube

Over Tomodachi Life: Waar Dromen Uitkomen

In de Direct-uitzending werd meer informatie gegeven over het aankomende Tomodachi Life: Waar Dromen Uitkomen. Zo is duidelijk dat spelers hun Mii-personages unieke persoonlijkheden, gewoontes en woningen kunnen geven. Spelers kunnen tijdens de game zien waar de personages aan denken, en ze helpen bij problemen. De tijd in de game verstrijkt daarbij net zo snel als in de echte wereld, wat het de moeite waard maakt om het spel op verschillende momenten op te starten.

Het is daarbij mogelijk om de verschillende Mii-personages kennis met elkaar te laten maken, om te zien wat er vervolgens gebeurd. Personages kunnen bijvoorbeeld praten over hun favoriete eten en filmgenres. Het is daarnaast mogelijk om acht Mii-personages bij elkaar in een huis te laten wonen, wat weer unieke reacties van de personages veroorzaakt.

Op het eiland waar de game zich afspeelt kunnen spelers de personages winkels te laten bezoeken. Bijvoorbeeld een supermarkt waar allerlei etenswaren worden verkocht, of de mogelijkheid om kleding en kostuums te kopen. In een speciale marktkraam worden redelijk geprijsde artikelen meerdere malen per dag ververst.

Ook is er een ontwerpatelier, waar spelers verschillende voorwerpen kunnen maken, waaronder kledingstukken, versiering voor huizen en zelfs huisdieren. Het eiland kan sowieso naar eigen smaak worden ingedeeld, met bankjes, bomen, planten en meer.

Nieuw op ID: het complete plaatje

Misschien valt het je op dat er vanaf nu ook berichten over games, films en series op onze site verschijnen. Dat is een bewuste stap. Wij geloven dat technologie niet stopt bij hardware; het gaat uiteindelijk om wat je ermee beleeft. Daarom combineren we onze expertise in tech nu met het laatste nieuws over entertainment. Dat doen we met de gezichten die mensen kennen van Power Unlimited, dé experts op het gebied van gaming en streaming. Zo helpen we je niet alleen aan de beste tv, smartphone of laptop, maar vertellen we je ook direct wat je erop moet kijken of spelen. Je vindt hier dus voortaan de ideale mix van hardware én content.