ID.nl logo
Homarr: het ultieme dashboard voor jouw server
© SergeyBitos - stock.adobe.com
Huis

Homarr: het ultieme dashboard voor jouw server

Een dashboard is een ideale toevoeging aan je server, omdat je hiermee een helder overzicht creëert van alle toepassingen die op je server draaien. Homarr weet zich op meerdere vlakken te onderscheiden. Zo kun je het dashboard eenvoudig wijzigen met een visuele editor. Ook geven widgets inzicht in bijvoorbeeld de prestaties van je server, de status van downloads en geblokkeerde advertenties.

Dit artikel legt uit hoe je een dashboard met Homarr instelt, zodat je inzichtelijk hebt wat er allemaal op je thuisserver draait. Voeg bijvoorbeeld de volgende toepassingen toe:

  • Netwerktoepassingen
  • Integraties als Docker, zodat je eenvoudig containers kunt beheren
  • Widgets voor downloads en downloadsnelheden, serverprestaties en het blokkeren van advertenties

Ook interessant: Zo zet je in een handomdraai je eigen virtual private server op

Code downloaden In dit artikel worden voorbeelden van stukken code gegeven. Omdat overtikken van code erg foutgevoelig is, kun je die code beter downloaden en daarna bekijken of kopiëren. Zie het bestand homarrcode.txt, te downloaden via deze pagina.

Ga je met je thuisserver aan de slag, dan zul je al snel heel veel toepassingen in je netwerk hebben draaien via bijvoorbeeld Docker, Linux-containers en virtuele machines. Voor elke toepassing geldt een ander ip-adres of poortnummer. Dat is al snel niet meer bij te houden. Je zou de favorieten van je browser kunnen vullen, maar het is veel mooier om een dashboard te maken, waarop je alle toepassingen rangschikt. Vaak geeft zo’n dashboard ook leuke extra’s, zoals statusinformatie of widgets. Er bestaan talloze goede dashboards, waaronder Heimdall, Dashy, Homer, Flame, Homepage, Organizr en Homarr. De meeste werken met een configuratiebestand in yaml of json. Dat is vaak een hele studie en maakt aanpassingen omslachtig. Daarom gaan we in dit artikel met Homarr aan de slag. Deze tool laat je heel flexibel een dashboard maken en ook wijzigen dankzij de visuele editor. Je kunt je dashboard niet alleen met je favoriete toepassingen vullen, maar ook met allerlei widgets.

Lees ook: Efficiënt en kostenbesparend: zo bouw je je eigen energiezuinige server

Docker op je server Wil je relatief eenvoudig verschillende toepassingen op je server naast elkaar gebruiken, dan is Docker een aanrader. Toepassingen zijn eenvoudig te installeren en up-to-date te houden. Het is ontwikkeld voor Linux, maar kent ook ondersteuning voor andere besturingssystemen, zoals Windows. Op een server is Linux uiteraard de meest logische keuze. Hoewel er besturingssystemen bestaan speciaal voor containers, kun je beter iets kiezen waar je zelf gemakkelijk mee werkt. Voor veel mensen is dat Debian of Ubuntu. De server-editie van Ubuntu is dan ook erg populair. Grotendeels zul je met Docker-containers werken of met configuratiebestanden voor Docker Compose. Maar soms zul je toch enkele handelingen in het besturingssysteem moeten doen, zoals het mounten van een schijf. Ook dan is het handig als je vertrouwd bent met het besturingssysteem. Overigens kun je merendeels ontsnappen aan de Opdrachtprompt: toepassingen als Homarr, Portainer en Dash, die in dit artikel allemaal aan bod komen, bieden een eenvoudige webinterface aan voor het beheer.

We maken vaak gebruik van de Docker-containers van Linuxserver.io.

1 Installatie

Heb je nog geen systeem met Docker, dan raden we Docker CE (Community Edition) aan. De installatie komt in dit artikel niet aan bod. Er zijn echter goede gidsen, zoals van DigitalOcean, of lees dit artikel. Hoewel je Homarr eventueel via één regel kunt starten met Docker, vinden we het makkelijker om met een apart configuratiebestand te werken voor Docker Compose. Maak daarvoor op je systeem een map voor Homarr en maak daarin vervolgens met nano docker-compose.yml het configuratiebestand met onderstaande inhoud.

De code kun je downloaden van deze pagina en daarna vanuit een programma als Kladblok overnemen.

In het bestand zie je dat onder volumes: de lokale mappen (./configs en ./icons) worden gekoppeld met mappen in de container. Het zorgt ervoor dat de gemaakte configuratiebestanden lokaal op je systeem worden bewaard, wat handig is voor back-up of migratie. Voor de integratie van Docker, waar we later op inhaken, voegen we het pad naar de socket voor Docker toe (/var/run/docker.sock). Als laatste zie je dat bij 7575:7575 het lokale poortnummer 7575 wordt gekoppeld met poort 7575 in de container. Je kunt eventueel de lokale poort veranderen (het linkernummer). Dat moet een nog ongebruikte poort zijn.

We gebruiken Docker Compose voor het starten van Homarr.

2 Container starten

Geef de opdracht docker compose up -d om Homarr op de achtergrond te starten. Als je vervolgens naar het ip-adres van de server op de lokale poort (in ons voorbeeld 7575) bladert, in de vorm http://ipadres:poortnummer, zie je de beginpagina van Homarr met een eenvoudige startpagina. Gaat er iets fout? Start Homarr eventueel met docker compose up om meldingen te zien. Op je homepage kun je via het menu (de drie streepjes rechtsboven) omschakelen naar de donkere modus. Deze voorkeur wordt overigens opgeslagen in je browser via een cookie. Je ziet in het menu ook een verwijzing naar de instellingen. Die gaan we nu eerst kort doornemen.

Na de installatie is een eenvoudige startpagina voor je gemaakt.

Slimme apparaten in huis? Zo maak je een dashboard voor Home Assistant

3 Instellingen

Op de instellingenpagina zie je de tabjes Algemeen en Aanpassingen. Onder Algemeen kun je onder andere instellen welke zoekmachine moet worden gebruikt voor de zoekbalk. Ook kun je de taal veranderen. Onder Aanpassingen kun je nog enkele details veranderen die vooral betrekking hebben op het uiterlijk en de toegankelijkheid. Zo kun je onder Indeling links en rechts een zijbalk inschakelen voor apps en integraties. Tevens kun je hier de zoekbalk en Docker-integratie in- of uitschakelen, waar we later op terugkomen. Onder Gridstack kun je de breedte van kolommen van je dashboard wijzigen, onder Pagina metadata kun je een ander logo toevoegen en onder Opmaak kun je de achtergrond en kleuren veranderen. Vul je hier bij Achtergrond de link https://source.unsplash.com/featured/ in, dan wordt een willekeurige afbeelding als achtergrond gebruikt.

Via de instellingen kun je onder meer het gedrag en uiterlijk instellen.

4 Zoekbalk gebruiken

We noemden al de mogelijkheid om de zoekmachine voor de zoekbalk in te stellen en de zoekbalk in- of uit te schakelen. Er zit nog een handigheidje in de zoekbalk: klik je op het zoekicoontje, dan kun je ook andere opties kiezen, zoals zoeken op YouTube of naar torrentbestanden. Er zijn ook shortcuts: begin je een zoekopdracht bijvoorbeeld met !y dan zoek je meteen op YouTube. Met !s wordt op het web gezocht.

De zoekbalk kun je ook gebruiken om te zoeken op YouTube.

5 Lay-out aanpassen

Een sterk punt van Homarr is dat je niet met ingewikkelde configuratiebestanden hoeft te werken. Een enkeling zal weliswaar ook de voordelen zien van configuratiebestanden, na een onvermijdelijke leercurve. Maar elke latere kleine aanpassing, zoals het toevoegen van een app, gaat in de praktijk vaak veel sneller via de webinterface. Homarr kent daarvoor een bewerkingsmodus, die je bereikt door op het potloodje te klikken. Je kunt in deze modus bestaande tegels wijzigen via het instellingenicoontje, ze verplaatsen of de grootte ervan veranderen. Houd er rekening mee dat er drie schermgroottes zijn (zie kader ‘Verschillende schermgroottes’). In de bovenbalk zie je een optie om tegels toe te voegen. Daarbij heb je de keuze tussen apps, widgets en categorieën. Een categorie is in feite een afgezonderd vlak waarin je apps en widgets kunt groeperen, bijvoorbeeld rondom entertainment of downloads. Klik na het bewerken opnieuw op het potlood om de wijzigingen op te slaan.

Hier zie je een categorie met enkele apps en widgets rondom downloads.

Verschillende schermgroottes Gebruik je Homarr op verschillende apparaten, zoals een smartphone, tablet en desktop, dan wil je dat je startscherm er op elk apparaat goed uitziet. Daarom werkt Homarr met verschillende schermgroottes: klein, gemiddeld en groot. Deze hebben elk een eigen lay-out. Klein is voor schermen tot 768 pixels breed, gemiddeld voor toestellen met meer dan 768 pixels breed en groot voor apparaten met een schermgrootte vanaf 1400 pixels breed. Bij het aanzetten van de bewerkingsmodus zie je voor welke grootte de bewerkingsmodus is ingeschakeld. Na het maken van aanpassingen in de lay-out kun je eventueel nog de lay-out voor andere schermgroottes aanpassen, door je browservenster kleiner of groter te maken.

Je kunt de lay-out voor verschillende schermgroottes aanpassen.

6 Apps toevoegen

Met apps worden toepassingen bedoeld die in je netwerk draaien. Je voegt ze als tegel aan je dashboard toe. Hierbij vul je onder Algemeen alle details in. Op het tabje Netwerk kun je een statuscontrole activeren. Via een http(s)-verzoek zal dan worden gecontroleerd of de service online is. Onder Opmaak zal voor heel veel bekende apps automatisch een relevant icoontje worden gekozen. Voor sommige apps is diepere integratie mogelijk. Ze kunnen dan extra gegevens verstrekken die je in een geschikte widget kunt laten zien. Het werken met widgets behandelen we verderop. Om de integratie mogelijk te maken, kies je bij het toevoegen van een app op het tabblad Integratie de bijbehorende integratie en vul je de details in.

Vul de gevraagde details in om een app toe te voegen.

7 Integraties toevoegen

Voor een integratie zijn dus extra details nodig om gegevens op te kunnen halen. Er is al een vrij brede ondersteuning van integraties (zie kader ‘Beschikbare integraties in Homarr’). Afhankelijk van de integratie moet je bijvoorbeeld een API-sleutel of gebruikersnaam en wachtwoord invoeren. Als voorbeeld voegen we Deluge toe, een bekende client voor het downloaden van bestanden via het torrentnetwerk. Ook veel grote software wordt op deze manier verspreid, zoals images voor Ubuntu. Via Docker heb je Deluge snel gestart. De webinterface vind je standaard op poort 8112. Bij het toevoegen van Deluge als app hoef je op het tabblad Integratie alleen de optie Deluge te selecteren. Vervolgens hoef je daaronder alleen nog maar het wachtwoord in te voeren dat je voor Deluge gebruikt. De integratie zorgt ervoor dat je de widgets Torrent en Download Speed kunt toevoegen. Dat gaan we in stap 9 doen.

Voor de integratie van Deluge hoef je alleen het wachtwoord in te voeren.

Beschikbare integraties in Homarr Op dit moment biedt Homarr integraties aan voor de usenet-clients SABnzbd en NZBGet en de torrentclients Deluge, Transmission en qBittorrent. Verder is er een integratie voor Sonarr, Radarr, Lidarr en Readarr. Die helpen je bij het beheer van respectievelijk je collecties series, films, muziek en boeken, door het downloadproces te stroomlijnen. Ook zijn er integraties voor de twee populairste mediaservers Plex en Jellyfin, voor de netwerktoepassingen PiHole en AdGuard Home en voor Jellyseerr en Overseerr. Die laatste twee helpen je je mediabibliotheek te beheren. Overseerr is het bekendst, hiermee kun je interessante series en films ontdekken. Ook kunnen gebruikers verzoeken indienen voor ontbrekende content.

Voor sommige apps is diepere integratie in Homarr mogelijk.

8 Integratie Docker

Homarr kent een handige integratie met Docker. Dit geeft je de mogelijkheid om containers te beheren die op je systeem draaien. Denk aan het starten, stoppen of verwijderen van containers. Ook kun je apps die in zo’n container draaien in enkele klikken aan je dashboard toevoegen. Wel moet je de integratie voor Docker nog aanzetten. Ga hiervoor naar Instellingen / Aanpassingen en kies Indeling. Zet nu een vinkje bij Docker-integratie inschakelen. Sluit het menu. Je ziet nu een icoontje dat je naar een venster brengt met alle Docker-containers. Zet een vinkje bij de toepassing die je wilt toevoegen, bijvoorbeeld SABnzbd, en klik op Toevoegen aan Homarr. Wil je meer hulp bij het beheer van Docker? Dan raden we Portainer (zie kader ‘Beheer je Docker-containers met Portainer’) aan. Ook Portainer kun je ook via Docker draaien.

De Docker-integratie maakt het toevoegen van apps eenvoudiger.

Beheer je Docker-containers met Portainer Als je op je server veel gebruik gaat maken van Docker, raden we zeker aan ook eens naar Portainer te kijken. Hiermee kun je zien welke containers actief zijn en deze ook gemakkelijk beheren. In een paar klikken kun je containers starten, stoppen, verwijderen of bijwerken. Ook kun je de prestaties van je containers in realtime bekijken. Het maken van nieuwe containers is ook mogelijk, bijvoorbeeld via de vooraf gedefinieerde templates. Portainer is een praktische hulp en ook iets sneller te leren als je niet zo vertrouwd bent met de opdrachtprompt.

Portainer maakt het beheren van Docker-containers eenvoudiger.

Widgets

9 Downloads en downloadsnelheid

Als je de integratie voor Deluge gebruikt, kun je de widget Torrent aan je dashboard toevoegen. Deze toont een lijst met al je downloads, de downloadsnelheid en de progressie. Je ziet zo direct hoe het ervoor staat met je downloads. De widget werkt niet alleen voor Deluge, maar ook voor de andere torrentclients Transmission en qBittorrent. Gebruik je het eerder genoemde SABnzbd voor het downloaden uit nieuwsgroepen, dan kun je de widget Usenet gebruiken om zicht te houden op je downloads. Naast SABnzbd ondersteunt deze widget ook NZBGet. Verder kun je de widget Download speed gebruiken om de huidige download- en uploadsnelheid te zien. Deze werkt met alle hier genoemde downloadclients samen. Overigens hoef je een widget altijd maar één keer toe te voegen, ook als je meerdere integraties hebt die er geschikt voor zijn. Er is bovendien geen verdere configuratie nodig.

Via widgets kun je zicht houden op de downloads en downloadsnelheid.

10 Serverprestaties

Het is altijd praktisch om zicht te hebben op het processor- en geheugengebruik van je server en de beschikbare opslagruimte. Homarr kan dit eenvoudig in een widget weergeven. Hiervoor werkt het samen met Dash. Dit kun je net als Homarr eenvoudig installeren via Docker Compose. De inhoud van docker-compose.yml is als volgt:

De code kun je downloaden van deze pagina en daarna vanuit een programma als Kladblok overnemen.

Start de toepassing met docker compose up -d. Dash heeft een eigen kleurrijk dashboard waarop je de serverbelasting kunt zien. Merk op dat we de lokale poort 80 gebruiken. Daarom kun je Dash direct op het ip-adres van je server bezoeken (http://ipadres). Uiteraard zijn we vooral geïnteresseerd in de integratie met Homarr. Om de widget hiervan toe te voegen, open je de bewerkingsmodus. Voeg een widget toe en kies voor Dash. Kies via het instellingenicoontje voor Wijzig. Bij Dash. URL voer je het adres in voor Dash. In dit voorbeeld is dat het ip-adres van de server. Daaronder kun je kiezen welke details getoond moeten worden en in welke vorm. Deze worden dan aan de widget toegevoegd.

Dash toont op een eigen kleurrijk dashboard de prestaties van je server.

11 Advertenties blokkeren

Gebruik je in je netwerk een tool om advertenties te blokkeren, zoals PiHole of AdGuard Home, dan kun je enkele speciale widgets gebruiken. Als voorbeeld nemen we PiHole. Hiervoor is een API-sleutel nodig. Ga in de webinterface van PiHole naar Settings / API. Klik op Show API token en kopieer de sleutel. Voeg nu in Homarr de integratie voor PiHole toe. Belangrijk is dat je op het tabblad Algemeen onder Intern adres alleen het adres van PiHole in de vorm http://ipadres:poort invult. Op het tabblad Integratie kies je PiHole en vul je de zojuist opgehaalde sleutel in. Je kunt nu de widgets DNS hole summary en DNS hole controls toevoegen. De eerste geeft een samenvatting van wat er geblokkeerd is, met de tweede kun je PiHole tijdelijk uitzetten.

Als je PiHole gebruikt, kun je de statistieken ervan aan je dashboard toevoegen.

 

Watch on YouTube
▼ Volgende artikel
Optimaliseer je Home Assistant-dashboard met secties en condities
© arneaw - stock.adobe.com
Huis

Optimaliseer je Home Assistant-dashboard met secties en condities

In de updates die Home Assistant maandelijks krijgt, krijgen secties veel aandacht. Hiermee kun je een dashboard veel eenvoudiger visueel vormgeven. Je kunt secties en de kaarten in die secties bijvoorbeeld heel gemakkelijk verslepen of dupliceren. Via condities heb je bovendien controle over wát er wordt getoond. Hierdoor kan je dashboard zich aanpassen aan de omstandigheden. We laten zien hoe je deze opties optimaal benut.

In dit artikel laten we zien hoe je een overzichtelijk en dynamisch Home Assistant-dashboard maakt met secties:

  • Voeg secties toe om kaarten te groeperen
  • Gebruik condities om kaarten of secties alleen te tonen wanneer ze relevant zijn
  • Maak aangepaste dashboards voor verschillende apparaten
  • Voeg interactieve badges en kaarten toe voor een intuïtieve bediening van je slimme apparaten
  • Verberg of toon specifieke dashboardelementen op basis van schermformaat of gebruikersvoorkeuren

Lees ook: Zo krijg je een beter bluetooth-bereik voor Home Assistant

Sinds maart 2024 staan de updates van Home Assistant voor een groot deel in het teken van secties. Hiermee kun je eenvoudig en visueel, dus zonder YAML-code, je dashboard vormgeven. Secties helpen direct bij het maken van een logische indeling. Maak bijvoorbeeld een sectie per ruimte, soort apparaat of bepaald doel.

Door met secties te werken, kun je kaarten eenvoudiger organiseren en groeperen, zonder dat je met bijvoorbeeld horizontale en verticale stapels hoeft te werken. Je kunt secties en de kaarten in een sectie ook heel makkelijk naar een andere plek slepen.

Verder zijn er opties als dupliceren, kopiëren en plakken. Hoewel je in een slim huis de meeste zaken waarschijnlijk automatisch regelt, via slimme automatiseringen, blijft een dashboard in meerdere situaties praktisch en onmisbaar. Je houdt hiermee altijd het overzicht en de controle over je slimme huis, ook als je onderweg bent of afwijkt van je normale patronen. Bovendien kun je er natuurlijk veel aanvullende informatie op weergeven, zoals de weersverwachting, camerastreams of een boodschappenlijstje.

Je dashboard zelf kun je overigens ook slimmer maken. Zo kun je secties of individuele kaarten alleen weergeven als ze relevant zijn, op basis van bijvoorbeeld tijd, aanwezigheid of de temperatuur. Daar geven we in dit artikel ook wat handige tips voor!

Een dashboard voor elk apparaat

Als je dat handig vindt, kun je voor elk apparaat een specifiek dashboard maken. Of, geholpen door de tips in dit artikel, bepaalde secties verbergen op apparaten met een klein scherm.

Ook een tablet op een centrale plek in de hal of woonkamer is een leuke toepassing voor een dashboard op maat. Gebruik bijvoorbeeld een goedkope Android-tablet van Lenovo of Samsung (reken op ongeveer 120 euro), een tweedehands exemplaar of een afgedankt model dat je nog in huis hebt.

Continu opladen raden we overigens af. De batterij kan uitzetten door verhitten of overladen, wat voor onveilige situaties kan zorgen. Opladen tot bijvoorbeeld zestig procent is veiliger. Nog beter is een tablet zonder batterij, maar die zijn wat lastiger te vinden.

Een tablet is een handig hulpmiddel voor centrale bediening van je smarthome.

1 Dashboards beheren

Home Assistant geeft je na de installatie een standaarddashboard genaamd Overzicht, dat vol wordt gezet met alle bekende entiteiten, gegroepeerd per ruimte. Dit wordt bij een grotere installatie al snel lang en onoverzichtelijk.

Je kunt het beheer over dit dashboard overnemen, maar je kunt ook een nieuw dashboard toevoegen. Daarvoor ga je naar Instellingen / Dashboards. Je ziet hier ook de andere dashboards Energie waarop het energieverbruik wordt getoond en Map voor een kaartweergave.

Bij het toevoegen van een dashboard kies je de optie Leeg nieuw dashboard. Hierna kun je een icoontje kiezen en enkele opties. Als alternatief kun je kiezen voor Default dashboard dat zich als het standaarddashboard gedraagt en alle apparaten laat zien, Kaart dat personen en apparaten op een kaart laat zien en Webpagina om binnen Home Assistant een bepaalde website naar keuze te integreren.

Via de instellingen kun je een nieuw en desgewenst nog leeg dashboard maken.

Probeer het online demo-dashboard

Wil je vooraf experimenteren, maar nog niet direct je eigen dashboard aanpassen? Je kunt dan ook de online demo openen. Hier kun je met alle genoemde opties oefenen in een gesimuleerde omgeving. De aanpassingen die je daarin maakt, worden niet opgeslagen. Als je de browser vernieuwt (F5) begin je opnieuw.

In de online demo kun je een dashboard met secties uitproberen.

2 Weergaven

Blader naar je nieuwe dashboard en klik op het penseeltje om het te bewerken. Je ziet nu standaard één tabblad genaamd Home. Dit wordt een weergave of (in het Engels) view genoemd. Via het penseeltje kun je deze weergave bewerken.

Bij Weergavetype zie je de optie Secties. Je kunt hierbij eventueel afwijken van de standaard vier kolommen per sectie. Een van de voordelen van secties is dat het de plaatsing ervan heel voorspelbaar maakt. Wil je de ruimte toch beter benutten, dan kun je eventueel de optie Dense section placement aanvinken.

Merk op dat secties nog experimenteel worden genoemd. Laat je je daar niet door afschrikken. De voornaamste beperking is dat mogelijk niet alle kaarten van derden geschikt zijn voor gebruik binnen secties.

Kies Opslaan om de configuratie te sluiten. Via het plusteken naast deze weergave kun je eventuele extra weergaven toevoegen. Als je meer dan één weergave hebt, worden de weergaven getoond als tabbladen. Voor elke weergave kun je een ander weergavetype kiezen als je dat praktisch vindt. Je hoeft dus niet op elk tabblad met secties te werken.

Voor deze weergave kies je voor Secties als weergavetype.

3 Badges

De bovenste rij op je dashboard toont een plusteken. Hier kun je zogenoemde badges toevoegen. Een badge laat in feite een specifieke entiteit zien, bijvoorbeeld de temperatuur. Op het tabje Zichtbaarheid kun je voor die badge nog, via een of meerdere voorwaarden, bepalen wanneer de badge zichtbaar moet zijn. Je kunt de badge dus verbergen als deze niet relevant is.

Ook bij secties, de sectiekop en alle kaarten kun je dit gebruiken, om het bewuste onderdeel onder bepaalde omstandigheden te verbergen. Hier geven we verderop in dit artikel veel tips voor. Recent zijn de badges overigens een stuk moderner gemaakt, waardoor je niet snel een alternatief zult zoeken, zoals de set Mushroom-kaarten (beschikbaar via HACS, de Home Assistant Community Store).

Via een badge kun je bijvoorbeeld de temperatuur weergeven.

4 Secties

Je dashboard bevat al een eerste sectie en je kunt naar hartenlust secties toevoegen. Bij een sectie zie je aan de rechterbovenkant drie icoontjes voor respectievelijk het verplaatsen, bewerken en verwijderen van de sectie. Bij het bewerken van de configuratie kun je de breedte aanpassen (het aantal kolommen dat de sectie moet innemen) en de zichtbaarheid voor de sectie wijzigen.

In de sectie kun je nu kaarten toevoegen met het plusteken. De sectie heeft standaard al één kaart, de sectiekop met daarin de tekst Nieuwe sectie. Die kun je desgewenst verwijderen of aanpassen.

Bij de sectiekop en andere kaarten kun je de configuratie aanpassen via een penseeltje. Die zie je als je de muis over de kaart beweegt. Er verschijnt dan ook een menu (de drie puntjes) met de opties Dupliceren, Kopiëren, Knippen en Verwijderen.

De sectiekop gebruik je meestal als eerste kaart, maar je kunt daarvan afwijken, door geen of zelfs meerdere sectiekoppen in een sectie te gebruiken. De sectiekop geeft naast een titel wat interessante opties. Zo kun je onder het kopje Entiteiten extra gegevens kiezen om te tonen, zoals de temperatuur en luchtvochtigheid in die ruimte. Net als bij andere kaarten kun je eventueel de zichtbaarheid beperken.

Links de nieuwe sectie met sectiekop en gedeelte om kaarten toe te voegen.

5 Kaarten toevoegen

Je kunt de meeste kaarten gebruiken voor je secties. Ook kaarten van derden worden aangepast om met secties te werken, geholpen door de duidelijke richtlijnen van Home Assistant. Het toevoegen van een kaart gaat niet anders dan bij een normaal dashboard. Voeg bijvoorbeeld een tegelkaart toe voor een lamp of een thermostaatkaart voor de verwarming.

Je hebt nog wat opties om het uiterlijk aan te passen, zoals de gewenste naam en een pictogram. Voor sommige kaarten kun je extra functies laten zien. Voor een lamp kan dat bijvoorbeeld een helderheidsinstelling of kleurtemperatuur zijn. En voor een thermostaat kun je de HVAC-modi laten zien, waarmee functies als verwarmen, ventileren, koelen en aan/uit worden bedoeld.

Je kunt kaarten toevoegen voor entiteiten, zoals een thermostaat.

6 Vormgeven

Je kunt de positie van secties gemakkelijk wijzigen door ze te verslepen via het icoontje. Maar ook elke kaart, inclusief de sectiekop, kun je gewoon oppakken en verslepen naar een andere plek in dezelfde sectie óf een andere sectie.

Merk op dat kaarten standaardinstellingen hebben wat betreft de grootte. Dit kun je op het tabblad Lay-out altijd aanpassen als je een kaart te klein of te groot vindt.

In de volgende paragrafen laten we zien hoe je met de zichtbaarheidsopties kunt werken om bijvoorbeeld secties of kaarten te verbergen. Zo kun je de ruimte beter benutten, door bijvoorbeeld een icoontje voor een container alleen te laten zien als deze aan de weg moet worden gezet. En op kleinere apparaten kun je secties verbergen. Wellicht hoef je daar dan niet eens een apart dashboard voor te maken.

Verberg bijvoorbeeld de buienradarkaart op kleine apparaten.

Indeling van je dashboard

Het is handig om vooraf te bedenken hoe je je dashboard gaat indelen. Veel mensen delen hun dashboard per ruimte in. Hierbij kun je eventueel tabbladen gebruiken, met één tabblad per ruimte.

Een andere optie is het indelen op het soort apparaat. Gebruik dan tabjes (of secties) voor bijvoorbeeld alle verlichting, klimaatregelingen, alarm en zo verder. Je kunt natuurlijk ook op één tabblad werken en dan verder onderverdelen in secties.

Wat ook handig kan zijn is een afwijkend eerste tabblad, dat je bijvoorbeeld als een soort overzichtsweergave gebruikt, met de belangrijkste items.

7 Zichtbaarheid

Badges, secties en kaarten (waaronder de sectiekop) hebben zoals gezegd een tabblad Zichtbaarheid waarin je enkele condities kunt opgeven. Het bewuste onderdeel waarvoor je het gebruikt, zoals een badge, sectie of kaart, wordt alleen getoond als aan alle voorwaarden is voldaan.

Bij een voorwaarde kun je kiezen tussen Entiteitsstatus, Numerieke status, Scherm en Persoon. Ook kun je met En een combinatie maken, zodat meerdere voorwaarden waar moeten zijn. En met Of maak je combinatie waarbij één van de voorwaarden waar moet zijn.

Voor Entiteitsstatus en Numerieke status geven we hierna wat voorbeelden. Met de optie Scherm kun je kiezen bij welke schermformaten een onderdeel getoond moet worden, met de opties mobiel, tablet, desktop en breed scherm.

Met de optie Persoon kies je welke personen het onderdeel zien. Je kiest dan gewoon de bewuste persoon en gewenste status (zoals Thuis of Afwezig).

Je kunt een sectie verbergen op bijvoorbeeld kleinere schermen.

8 Entiteitsstatus

Voorwaarden kun je handig inzetten om alleen belangrijke of relevante kaarten te laten zien. Laat bijvoorbeeld alleen lampen zien die aan staan, containers die aan de weg moeten worden gezet, of een openstaande garagedeur die normaal dicht hoort te zijn.

Voor bovenstaande voorwaarden gebruik je de Entiteitsstatus. Ook het feit of de zon zich boven of onder de horizon bevindt, kun je via deze optie als voorwaarde gebruiken. Je kiest dan Entiteitsstatus, gevolgd door de zon (Sun) en de gewenste status.

Je kunt de status voor entiteiten overigens altijd controleren onder Ontwikkelhulpmiddelen / Statussen, mocht het gedrag afwijken van wat je had verwacht.

Via de ontwikkelhulpmiddelen kun je de status voor entiteiten controleren.

9 Numerieke status

Bij voorwaarden kun je ook Numerieke status gebruiken. Denk aan bijvoorbeeld een bepaalde temperatuur. Wil je een tuinsproeier alleen laten zien als het erg warm is, dan wijs je de temperatuursensor aan en vul je in het veld Boven in vanaf welke temperatuur de kaart getoond moet worden.

Ook de aanwezigheid van personen kun je als voorwaarde gebruiken. Goed om te weten is dat het getal voor de entiteit zone.home in Home Assistant staat voor het aantal personen dat thuis is. Je kunt dus ook nu de optie Numerieke status gebruiken. Kies dan bij Entiteit voor Thuis en vul bij Boven de waarde 0 in.

Gebruik de numerieke status bijvoorbeeld voor de aanwezigheid van personen.

10 Helpers gebruiken

Je zult soms een helper nodig hebben om je doel te bereiken. Heb je bijvoorbeeld een sectie met alle lampen, die alleen in de avond getoond moet worden? Een goede manier om dat voor elkaar te krijgen, is door onder Instellingen / Apparaten en diensten op het tabblad Helpers een helper toe te voegen van het type Schema. Geef de helper een naam en vul alle tijden in waarop het onderdeel getoond moet worden. Een tijdsblok maak je door te slepen. Doe dat bijvoorbeeld voor elke dag van 18:00 tot 0:00.

Bij een sectie kies je nu als voorwaarde de optie Entiteitsstatus gevolgd door de naam van de bewuste helper. Binnen de ingevulde tijdsblokken staat deze helper ‘aan’ en wordt de sectie waarvoor je het gebruikt zichtbaar.

Maak een helper met de gewenste tijdsblokken.

11 Navigeer naar subweergave

Een andere goede manier om bepaalde onderdelen te verbergen, is door gebruik te maken van subweergaven. Open hiervoor je dashboard in de bewerkingsmodus, via het penseeltje rechtsboven, en voeg een weergave toe. Vul een titel in, zet een vinkje bij Subweergave en kies een weergavetype, zoals Secties.

Een subweergave blijft verborgen op je dashboard, maar je kunt wel navigeren naar de subweergave. Open nu op je hoofddashboard de configuratie voor bijvoorbeeld een sectiekop of andere kaart. Bij Interacties kies je achter Tik gedrag de optie Navigeer. Selecteer nu zojuist gemaakte subweergave. Op je dashboard zie je nu het groter-dan-teken (>) als indicatie dat je kunt navigeren naar een andere weergave. Zo kun je je dashboard een stuk compacter maken, terwijl je met één tik toch alle opties kunt aanbieden.

Je kunt vanaf bijvoorbeeld een sectiekop navigeren naar een andere weergave.

12 Dashboard als standaard instellen

Ben je tevreden met je dashboard, dan raden we aan om dit als standaard in te stellen. Daarmee wordt het standaarddashboard genaamd Overzicht automatisch verborgen. Hiervoor ga je naar Instellingen / Dashboards. Klik nu op het dashboard en kies in het venster de optie Als standaard instellen op dit apparaat. Overigens kun je deze optie ook via je profiel instellen. De instelling geldt per apparaat. Je kunt daardoor op elk apparaat een ander dashboard als standaard gebruiken.

Je kunt je nieuwe dashboard als standaard instellen. 

Shelly Wall Display met Home Assistant

De Shelly Wall Display is een leuke optie voor een dashboard op maat. Het kleine kastje heeft een 4inch-touchscreen in kleur en geïntegreerd relais voor 5A. Je kunt dit scherm op de plek van een wandschakelaar monteren. De laatste versie, beschikbaar sinds eind september 2024, ondersteunt direct Home Assistant. Je kunt bij de configuratie gewoon de link naar een specifiek dashboard opgeven.

Een alternatief is de Sonoff NSPanel Pro die deels vergelijkbaar is, maar gebruik met Home Assistant is wat omslachtiger. Er bestaat sinds kort ook een versie met groter touchscreen: de NSPanel Pro 120.

De Shelly Wall Display ondersteunt sinds kort Home Assistant.

▼ Volgende artikel
Waar voor je geld: 5 smartphones met eSim voor minder dan 350 euro
Huis

Waar voor je geld: 5 smartphones met eSim voor minder dan 350 euro

Bij ID.nl zijn we gek op producten waar je niet de hoofdprijs voor betaalt. Een paar keer per week speuren we daarom binnen een bepaald thema naar zulke deals. Op zoek naar een betaalbare smartphone, maar dan wel eentje met een virtuele simkaart? De redactie van ID.nl is voor je op zoek gegaan naar smartphones met een prijskaartje van onder de 350 euro.

Met een eSim ben je niet meer afhankelijk van een fysiek simkaartje en heb je geen gepriegel meer met het plaatsen van je sim in de telefoon. Je kunt daardoor snel van provider wisselen zonder gedoe. Dit bespaart niet alleen tijd, maar ook ruimte in je apparaat. Perfect voor wie veel reist, omdat je eenvoudig internationale abonnementen kunt activeren. Daarnaast kun je op die manier ook gebruik maken van meerdere telefoonnummers op een enkel toestel, bijvoorbeeld eentje voor werk en prive.

Samsung Galaxy A26 5G

De Galaxy A26 5G combineert een slank ontwerp met krachtige prestaties. Het 6,7-inch FHD+ Super AMOLED-display biedt levendige kleuren en vloeiende beelden dankzij de 120 Hz verversingssnelheid. Onder de motorkap bevindt zich de Exynos 1380-chipset, ondersteund door 4 tot 8 GB RAM, wat zorgt voor soepele multitasking.

De 50 MP hoofdcamera met optische beeldstabilisatie legt scherpe foto's vast, zelfs bij weinig licht. Met een batterijcapaciteit van 5000 mAh en IP67-certificering is dit toestel zowel duurzaam als betrouwbaar. Bovendien belooft Samsung tot zes jaar beveiligingsupdates, wat de levensduur van het apparaat verlengt

Redmi Note 13 Pro

De Redmi Note 13 Pro 5G is een krachtpatser in het middensegment. Met een indrukwekkende 200 MP hoofdcamera met optische beeldstabilisatie leg je elk detail vast. Het 6,67-inch AMOLED-display met een resolutie van 1220x2712 pixels en een verversingssnelheid van 120 Hz zorgt voor een meeslepende kijkervaring.

Aangedreven door de Snapdragon 7s Gen 2-chipset en beschikbaar met tot 16 GB RAM, biedt dit toestel uitstekende prestaties. De 5100 mAh batterij ondersteunt 67W snelladen, waardoor je snel weer op pad kunt.​

Motorola Moto G35 5G

De Motorola Moto G35 5G biedt solide prestaties voor een betaalbare prijs. Het 6,72-inch LCD-scherm met een verversingssnelheid van 120 Hz zorgt voor vloeiende beelden. De 50 MP Quad Pixel-camera levert scherpe foto's, zelfs bij weinig licht.

Met een batterijcapaciteit van 5000 mAh en ondersteuning voor 5G-connectiviteit blijf je de hele dag verbonden. Hoewel de Unisoc T760-processor niet de snelste is, biedt het toestel voldoende kracht voor dagelijks gebruik

Sony Xperia 10 VI

De Sony Xperia 10 VI is een compacte smartphone met een focus op multimedia. Het 6,1-inch FHD+ OLED-scherm met een 21:9 beeldverhouding is ideaal voor het bekijken van films. Aangedreven door de Snapdragon 6 Gen 1-chipset en uitgerust met 8 GB RAM, biedt het toestel soepele prestaties.

De 48 MP hoofdcamera legt gedetailleerde foto's vast, terwijl de 5000 mAh batterij zorgt voor langdurig gebruik. Met IP68-certificering is het toestel bestand tegen water en stof

Samsung Galaxy A35 5G

De Galaxy A35 5G biedt premium functies in een betaalbaar jasje. Het 6,6-inch FHD+ Super AMOLED-display met een verversingssnelheid van 120 Hz zorgt voor heldere en vloeiende beelden. De 50 MP hoofdcamera met optische beeldstabilisatie legt scherpe foto's vast, terwijl de 13 MP selfiecamera zorgt voor duidelijke zelfportretten.

Aangedreven door de Exynos 1380-chipset en beschikbaar met tot 12 GB RAM, biedt het toestel krachtige prestaties. De 5000 mAh batterij ondersteunt 25W snelladen, en Samsung belooft tot vijf jaar beveiligingsupdates.