{"id":1907,"date":"2025-09-05T11:07:18","date_gmt":"2025-09-05T09:07:18","guid":{"rendered":"https:\/\/elv001.staging.360vier.net\/?p=1907"},"modified":"2026-04-14T15:10:22","modified_gmt":"2026-04-14T13:10:22","slug":"home-assistant-beginners-guide-installation-hacs-ccu3","status":"publish","type":"post","link":"https:\/\/de.elv.com\/elvjournal\/home-assistant-beginners-guide-installation-hacs-ccu3\/","title":{"rendered":"Home Assistant \u2013 Beginners Guide (Teil 1): Installation und Einrichtung"},"content":{"rendered":"\n<p class=\"has-gray-light-color has-text-color has-link-color has-h-5-font-size wp-elements-12b81f8e23924636a040fa670c9fa7fb\"><strong>Home Assistant \u2013 Beginners Guide  (Teil 1)<\/strong><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Installation und Einrichtung<\/h1>\n\n\n\n<p><strong>In unserer Reihe \u201eHome Assistant &#8211; Beginners Guide&#8220; zeigen wir die M\u00f6glichkeiten des Systems anhand praktischer Beispiele, die wir Schritt f\u00fcr Schritt beschreiben. Angefangen von der ersten Einrichtung \u00fcber die Anbindung verschiedenster Systeme bis hin zu einer eigenen Visualisierung und zu Automationen. Dies soll sowohl Einsteigern als auch erfahrenen Nutzern helfen, die vielf\u00e4ltigen Einsatzm\u00f6glichkeiten besser anzuwenden. In diesem Beitrag beginnen wir mit einer Einf\u00fchrung in das komplexe Thema und integrieren eine Homematic IP Zentrale CCU3. Hierzu bedienen wir uns der Erweiterung f\u00fcr Home Assistant \u201eHACS&#8220; (Home Assistant Community Store). Zudem legen wir den Grundstein f\u00fcr das erste Dashboard.<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Was ist \u00fcberhaupt Home Assistant?<\/h2>\n\n\n\n<p>Home Assistant ist eine kostenfreie Open-Source-Plattform zur Steuerung und Automatisierung von Smart-Home-Ger\u00e4ten. Ziel ist es, eine zentrale Stelle zu schaffen, die unterschiedlichste Ger\u00e4te und Systeme von verschiedensten Herstellern miteinander vereint. Anders als bei kommerziellen Smart-Home-L\u00f6sungen, die oft an bestimmte Marken oder \u00d6kosysteme gebunden sind, bietet Home Assistant eine offene und flexible L\u00f6sung. Laut <a href=\"https:\/\/www.home-assistant.io\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Anbieter<\/a> werden \u00fcber 3000 Integrationen angeboten. \u00dcber diese modulare M\u00f6glichkeit kann ein solches System spielend an die gestellten Anforderungen oder vorliegenden Ger\u00e4te angepasst werden &#8211; wirklich universell!<br><br>Mit Home Assistant lassen sich nicht nur Ger\u00e4te steuern, sondern auch \u00fcbergreifende Automatisierungen und Szenarien erstellen, die den Alltag erleichtern. Beispiele hierf\u00fcr sind das automatische Einstellen der Heizung, das Ein- und Ausschalten von Lichtern basierend auf Zeit oder Anwesenheit und vieles mehr. So mancher Nutzer verliert sich hier sicherlich auch ein Mal in den Tiefen des Systems.<br><br>Auch etliche Smart-Home-Systeme bieten die eine oder andere der aufgef\u00fchrten Funktionen an. Es stellt sich also direkt die n\u00e4chste Frage: \u201eWarum dann Home Assistant?&#8220; Der Smart Home Markt ist stark umk\u00e4mpft und viele Anbieter \u00fcberbieten sich mit Ger\u00e4tetypen und Funktionen. Oft setzt man hierbei auf Kommunikationsstandards, die nicht offen sind(propriet\u00e4r) und nur f\u00fcr die eigenen Ger\u00e4te funktionieren. Dadurch sind Nutzer an ein System gebunden oder m\u00fcssen im schlimmsten Fall mehr als ein System verwenden, die Ihnen gewisse Anwendungen erm\u00f6glicht &#8211; so richtig smart ist das nicht.<br><br>Hier setzen L\u00f6sungen an, die Daten sammeln und zusammenfassen, sogenannte Aggregierungsl\u00f6sungen, zu denen auch Home Assistant geh\u00f6rt. Die bekanntesten sind sicherlich Google Home und Amazon Alexa oder auch Apple Home Kit. Ein Ziel haben alle diese L\u00f6sungen gemeinsam: F\u00fcr den Nutzer soll eine zentrale Stelle f\u00fcr die Einstellung von Parametern und der Bedienung geschaffen werden. Die Realit\u00e4t sieht leider oft anders aus. Kaum ein Smart-Home-Nutzer hat lediglich eine App auf dem Smartphone oder auch nur eine Zentrale in der Wohnung oder dem Haus verbaut.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Welche Vorteile hat die Home-Assistant-L\u00f6sung?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Lokale Steuerung<\/h3>\n\n\n\n<p>Home Assistant bietet eine echte lokale Steuerung der verbundenen Smart-Home-Ger\u00e4te. Die Ger\u00e4te k\u00f6nnen dadurch auch ohne eine Internetverbindung gesteuert werden. Dies ist nicht nur schneller, sondern auch sicherer, da keine Daten an Cloud-Dienste gesendet werden. Als Nutzer behalten Sie dadurch immer die Kontrolle \u00fcber Ihre Daten.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Private Cloud m\u00f6glich<\/h3>\n\n\n\n<p>Falls ein Remote-Zugriff ben\u00f6tigt wird, l\u00e4sst sich dies entweder \u00fcber die sogenannte \u201eHome Assistant Cloud&#8220; realisieren oder \u00fcber einen sicheren VPN-Tunnel zum eigenen Netzwerk. Einziger Wehrmutstropfen: Die \u201eHome Assistant Cloud&#8220; ist kostenpflichtig.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Vielf\u00e4ltige Integrationen<\/h3>\n\n\n\n<p>Wie bereits erw\u00e4hnt, bietet Home Assistant eine enorme Anzahl an Integrationen, sowohl f\u00fcr bekannte Ger\u00e4te (Philips Hue, Sonoff etc.) als auch f\u00fcr weniger popul\u00e4re oder DIY-Ger\u00e4te. Der Anbieter und die riesige Community entwickeln st\u00e4ndig neue Integrationen.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Extrem anpassbar<\/h3>\n\n\n\n<p>Die Automatisierungsm\u00f6glichkeiten von Home Assistant sind nahezu unbegrenzt. Automatisierungen lassen sich sehr detailliert mithilfe der vergleichsweise simplen Markup-Sprache <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\/\/www.home-assistant.io\/docs\/configuration\/yaml\/\">YAML<\/a> erstellen. Zudem steht ein einfacher grafischer Editor zur Verf\u00fcgung. Diese Programme k\u00f6nnen aus allen verf\u00fcgbaren Datenpunkten der Ger\u00e4te, auch Entit\u00e4ten genannt, bestehen. \u201eAllen&#8220; ist hier tats\u00e4chlich wortw\u00f6rtlich gemeint. Home Assistant \u00f6ffnet regelrecht die Ger\u00e4te f\u00fcr den Nutzer und zeigt auch Datenpunkte an, die die eigene Herstellerl\u00f6sung dem Nutzer bisher vorenthalten hat.<\/p>\n\n\n\n<p class=\"has-gray-lightest-100-background-color has-background\">Parallel zu dieser neuen Reihe im ELVjournal erstellen wir w\u00f6chentlich neue Youtube-Beitr\u00e4ge zu diesem Thema. Kontaktieren Sie uns bei Fragen gern direkt \u00fcber unseren <a href=\"http:\/\/youtube.com\/@elvelektronik\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Youtube-Kanal<\/a>. Wir werden f\u00fcr Sie auch komplexere Szenarien und Nutzeranfragen in Videos umsetzen.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Community-Projekt<\/h3>\n\n\n\n<p>Die Home-Assistant-Community ist sehr aktiv, und es gibt unz\u00e4hlige Tutorials und Ressourcen, die einen einfachen Einstieg in das System erm\u00f6glichen und das Smart Home nach eigenen Vorstellungen entstehen lassen.<br>Bevor wir im Folgenden ein erstes System aufbauen, l\u00e4sst sich zusammenfassend sagen: Wenn Sie sich ein stark anpassbares und datenschutzorientiertes Smart-Home-System w\u00fcnschen, das mit einer Vielzahl von Ger\u00e4ten und Szenarien funktioniert, dann ist Home Assistant wahrscheinlich die beste Wahl. Aber Achtung &#8211; der Teufel steckt im Detail und man kann in den Tiefen des Systems einige Stunden verbringen.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Home Assistant installieren und konfigurieren<\/h2>\n\n\n\n<p>Sie k\u00f6nnen den Home Assistant auf verschiedenen Plattformen installieren, z. B. einem Raspberry Pi, virtuellen Maschinen oder dedizierten Servern im Netzwerk. Mit <a href=\"https:\/\/www.home-assistant.io\/green\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Home Assistant Green<\/a> steht dar\u00fcber hinaus eine eigene Plattform zur Verf\u00fcgung, die bereits mit einem installierten Home Assistant geliefert wird. Aufbauen, einschalten, loslegen &#8211; geht es noch einfacher?<br>Im Folgenden konzentrieren wir uns dennoch auf die Einrichtung eines handels\u00fcblichen Raspberry Pi, um die Plattform-Flexibilit\u00e4t darzustellen. Diese Einplatinenrechner sind weitverbreitet und lassen sich sehr schnell und unkompliziert nutzen &#8211; h\u00e4ufig ist ein solcher \u201ePi&#8220; auch noch in der ber\u00fcchtigten Technik-Schublade zu finden.<br>An dieser Stelle soll aber nicht verheimlicht werden, dass es auch Nachteile gibt, die gegen die Wahl des Raspberry Pi als Hardware sprechen. Klassischerweise nutzen Einplatinenrechner eine SD-Karte, die in einen Slot direkt am Ger\u00e4t eingelegt wird. Auf dieser Karte werden sowohl das Betriebssystem als auch alle nutzerspezifischen Daten gespeichert. Auch Home Assistant l\u00e4sst sich problemlos darauf installieren und nutzen, sp\u00e4ter mehr dazu. Nun also der Nachteil: Bei einem Defekt der SD-Karte gehen alle Daten verloren. Mit Back-ups schaffen Sie sich hier einen Fallschirm und k\u00f6nnen die Daten bei Bedarf auf eine neue Karte aufspielen.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Wo liegt das Problem &#8211; Speicherkarten halten doch sehr lange, oder?<\/h3>\n\n\n\n<p>Home Assistant arbeitet wie ein Betriebssystem, das sehr oft Daten schreibt, liest und wieder \u00fcberschreibt. SD-Karten sind zwar f\u00fcr die Speicherung von Daten geeignet, wurden aber nicht f\u00fcr eine dauerhafte Nutzung ausgelegt.<\/p>\n\n\n\n<p class=\"has-gray-lightest-100-background-color has-background\"><strong>Hinweis:<\/strong> Empfehlenswert ist die Verwendung einer SD-Karte der Klasse A2, die f\u00fcr wiederholtes Lesen und Schreiben optimiert ist.<\/p>\n\n\n\n<p>SD-Karten eignen sich in erster Linie dazu, Daten aufzunehmen, die nicht regelm\u00e4\u00dfig neu geschrieben werden m\u00fcssen wie z. B. Fotos einer Kamera.<br>Ein weiterer Aspekt ist die Geschwindigkeit der Lese- und Schreibzugriffe. Diese liegt selbst bei neuen SD-Karten oft in einem Bereich, der das System sp\u00fcrbar langsam erscheinen l\u00e4sst. Was ist also die Alternative? Statt der SD-Karte k\u00f6nnen Sie an den Raspberry Pi auch eine SSD-Festplatte anschlie\u00dfen. Auch moderne <a href=\"https:\/\/de.wikipedia.org\/wiki\/NVM_Express\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">NVME SSDs<\/a> sind hier mit entsprechenden Adaptern (Shields) m\u00f6glich. Die Ausfallsicherheit und die Performance werden dadurch deutlich erh\u00f6ht.<br>Zu guter Letzt ist auch der verf\u00fcgbare Arbeitsspeicher zu ber\u00fccksichtigen. Um ein zukunftssicheres System aufzusetzen, empfehlen wir die Verwendung von mindestens 8 GB Arbeitsspeicher, besser sind sogar 16 GB, wie sie der Raspberry Pi 5 zur Verf\u00fcgung stellt.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Die verwendete Hardware<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Wir verwenden einen Raspberry Pi der 5. Generation<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-blue-color\"> (Bild 1)<\/mark> mit 16 GB RAM und eine <span data-tooltip=\"144639\" class=\"dhsv-product-tooltip\">microSD-Karte mit 32 GB<\/span>. Ein besonderes Augenmerk liegt hier bereits im Vorfeld auf der Wahl des Netzteils. Wir empfehlen die Verwendung eines original <span data-tooltip=\"250962\" class=\"dhsv-product-tooltip\">Raspberry-Pi-Netzteils<\/span> oder eines vergleichbaren Modells, da dieses die n\u00f6tige Leistung f\u00fcr den sicheren Betrieb des Systems liefert (5,1 V\/3 A). Zudem sind diese Netzteile stabilisiert und liefern dadurch zu jeder Zeit eine konstante Spannung am Ausgang. Besonders wenn das System durch Funksticks und\/oder eine SSD-Festplatte erweitert wird, ist der Stromverbrauch recht hoch.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"599\" height=\"456\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/Screenshot-2025-09-05-124532.png\" alt=\"Bild 1: Raspberry Pi 5\" class=\"wp-image-2420\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/Screenshot-2025-09-05-124532.png 599w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/Screenshot-2025-09-05-124532-300x228.png 300w\" sizes=\"auto, (max-width: 599px) 100vw, 599px\" \/><figcaption class=\"wp-element-caption\">Bild 1: Raspberry Pi 5<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Einfache 5-V-Netzteile wie das eines Smartphones bieten hier in der Regel keine ausreichende Leistung. Das System kann im Betrieb h\u00e4ngenbleiben, und im schlimmsten Fall droht ein Datenverlust. Sie ben\u00f6tigen zudem einen SD-Karten-Leser am Mac, Windows- oder Linux-PC und ein Netzwerkkabel.<br>Auf eine WLAN-Verbindung verzichten wir in diesem Aufbau, sie ist jedoch mit dem Raspberry Pi grunds\u00e4tzlich ebenfalls m\u00f6glich. Soll der Raspberry Pi hingegen innerhalb der Elektroverteilung platziert werden, sollte immer eine LAN-Anbindung gew\u00e4hlt werden.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Software installieren<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Home Assistant stellt das Betriebssystem f\u00fcr den Raspberry Pi bereit. Da es keine reine Anwendersoftware ist, muss diese direkt als Imagedatei auf die SD-Karte \u201egeflashed&#8220; werden. Stecken Sie die SD-Karte an Ihrem Computer ein. Laden Sie den \u201eRaspberry Pi Imager&#8220; <a href=\"https:\/\/www.raspberrypi.com\/software\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">herunter<\/a>. Die Anwendung steht sowohl f\u00fcr Windows als auch f\u00fcr MAC OS zur Verf\u00fcgung. Nachfolgendes Bild zeigt die Oberfl\u00e4che, auf der Sie in drei einfachen Schritten die f\u00fcr Sie passende Software ausw\u00e4hlen k\u00f6nnen.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"1023\" height=\"723\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01_ha_teil1.jpg\" alt=\"Bild zeigt die Oberfl\u00e4che, auf der Sie in drei\neinfachen Schritten die f\u00fcr Sie passende Software ausw\u00e4hlen k\u00f6nnen.\" class=\"wp-image-3587\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01_ha_teil1.jpg 1023w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01_ha_teil1-300x212.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01_ha_teil1-768x543.jpg 768w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>1. W\u00e4hlen Sie nach dem Start der Software Ihr Raspberry-Pi-Modell aus. In unserem Fall \u201eRaspberry Pi&nbsp;5&#8243;.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"1023\" height=\"732\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-02_ha_teil1.jpg\" alt=\"1\u202f\u202fW\u00e4hlen Sie nach dem Start der Software Ihr Raspberry-PiModell aus. In unserem Fall \u201eRaspberry Pi 5\u201c\" class=\"wp-image-3588\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-02_ha_teil1.jpg 1023w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-02_ha_teil1-300x215.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-02_ha_teil1-768x550.jpg 768w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>2. W\u00e4hlen Sie anschlie\u00dfend das Betriebssystem aus. Home Assistant versteckt sich unter der Rubrik \u201eOther specific-purpose OS&#8220;. In der dann folgenden Liste (ohne Abbildung) w\u00e4hlen Sie \u201eHome Assistant and home automation&#8220; aus.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"1023\" height=\"723\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-03_ha_teil1.jpg\" alt=\"2\u202f\u202fW\u00e4hlen Sie anschlie\u00dfend das Betriebssystem aus. Home\nAssistant versteckt sich unter der Rubrik \u201eOther specificpurpose OS\u201c.\nIn der dann folgenden Liste (ohne Abbildung) w\u00e4hlen Sie\n\u201eHome Assistant and home automation\u201c aus\" class=\"wp-image-3589\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-03_ha_teil1.jpg 1023w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-03_ha_teil1-300x212.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-03_ha_teil1-768x543.jpg 768w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>3. W\u00e4hlen Sie den Eintrag \u201eHome Assistant&#8220; und im n\u00e4chsten Fenster (ohne Abbildung) erneut \u201eHome Assistant&#8220; &#8211; passend f\u00fcr die Plattform.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"1023\" height=\"723\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-04_ha_teil1.jpg\" alt=\"3. W\u00e4hlen Sie den Eintrag \u201eHome Assistant&quot; und im n\u00e4chsten Fenster (ohne Abbildung) erneut \u201eHome Assistant&quot; - passend f\u00fcr die Plattform.\" class=\"wp-image-3590\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-04_ha_teil1.jpg 1023w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-04_ha_teil1-300x212.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-04_ha_teil1-768x543.jpg 768w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>4. W\u00e4hlen Sie als Speicherort die SD-Karte. Wichtig: Achten Sie dabei auf die korrekte Auswahl, da hier alle angeschlossenen USB-Sticks aufgef\u00fchrt werden. <\/p>\n\n\n\n<p class=\"has-gray-lightest-100-background-color has-background\"><strong>Hinweis: <\/strong>Alle Daten auf der gew\u00e4hlten SD-Karte werden durch das \u201eFlashen&#8220; \u00fcberschrieben.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"1023\" height=\"732\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-05_ha_teil1.jpg\" alt=\"4. W\u00e4hlen Sie als Speicherort die SD-Karte. Wichtig: Achten Sie dabei auf die korrekte Auswahl, da hier alle angeschlossenen USB-Sticks aufgef\u00fchrt werden. \" class=\"wp-image-3591\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-05_ha_teil1.jpg 1023w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-05_ha_teil1-300x215.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-05_ha_teil1-768x550.jpg 768w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>5. Kontrollieren Sie die Parametrierung der Software und klicken Sie auf \u201eWeiter&#8220;.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"1023\" height=\"732\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-06_ha_teil1.jpg\" alt=\"5. Kontrollieren Sie die Parametrierung der Software und klicken Sie auf \u201eWeiter&quot;.\" class=\"wp-image-3592\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-06_ha_teil1.jpg 1023w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-06_ha_teil1-300x215.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-06_ha_teil1-768x550.jpg 768w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>6. Die n\u00f6tigen Daten werden nun auf die SD-Karte geschrieben.<br> <br><strong>Wichtig: <\/strong>Brechen Sie diesen Vorgang nicht ab, um eine Besch\u00e4digung der SD-Karte zu vermeiden!<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"1023\" height=\"723\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-08_ha_teil1.jpg\" alt=\"6. Die n\u00f6tigen Daten werden nun auf die SD-Karte geschrieben\" class=\"wp-image-3593\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-08_ha_teil1.jpg 1023w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-08_ha_teil1-300x212.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-08_ha_teil1-768x543.jpg 768w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>7. Nach erfolgter Verifizierung der geschriebenen Daten beenden Sie die Installation mit \u201eWeiter&#8220;. <br><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"1023\" height=\"723\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-09_ha_teil1.jpg\" alt=\"7. Nach erfolgter Verifizierung der geschriebenen Daten beenden Sie die Installation mit \u201eWeiter&quot;. \" class=\"wp-image-3594\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-09_ha_teil1.jpg 1023w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-09_ha_teil1-300x212.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild01-09_ha_teil1-768x543.jpg 768w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Schlie\u00dfen Sie den \u201eRaspberry Pi Imager&#8220; und entfernen Sie die SD-Karte aus dem Leseger\u00e4t.<br><br>Die SD-Karte ist nun vorbereitet. Legen Sie diese in den SD-Slot auf der Unterseite des Raspberry Pi ein. Verbinden Sie den Raspberry Pi \u00fcber das Netzwerkkabel und schlie\u00dfen Sie das Netzteil an &#8211; es kann losgehen!<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Das Home-Assistant-System starten<\/h3>\n\n\n\n<p>Nach Verbindung mit der Spannungsversorgung startet das Home-Assistant-System automatisch und stellt eine \u00fcber das Netzwerk erreichbare Weboberfl\u00e4che bereit. Somit muss keine weitere Software auf einem Endger\u00e4t installiert werden und die Oberfl\u00e4che kann durch jedes Endger\u00e4t im Netzwerk erreicht werden. Alternativ steht in den App Stores f\u00fcr <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=io.homeassistant.companion.android&amp;hl=de\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Android<\/a> und <a href=\"https:\/\/apps.apple.com\/de\/app\/home-assistant\/id1099568401\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">iOS<\/a> die Home-Assistant-App zur Verf\u00fcgung, \u00fcber die Sie ebenfalls auf die Oberfl\u00e4che zugreifen k\u00f6nnen. \u00c4hnlich wie bei einem Router kann das gesamte System \u00fcber diese Oberfl\u00e4che konfiguriert und bedient werden. Die f\u00fcr den Zugriff n\u00f6tige IP-Adresse kann \u00fcber die Router-Oberfl\u00e4che bestimmt werden, alternativ erfolgt der Zugriff \u00fcber folgenden Link: <a href=\"http:\/\/homeassistant.local:8123\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">http:\/\/homeassistant.local:8123<\/a><\/p>\n\n\n\n<p class=\"has-gray-lightest-100-background-color has-background\"><strong>Hinweis:<\/strong> Wenn Sie eine \u00e4ltere Windows-Version verwenden oder striktere Netzwerkregeln herrschen, erreichen Sie die Ansicht unter homeassistant:8123 oder http:\/\/\u03a7.\u03a7.\u03a7.\u03a7:8123 (ersetzen Sie X.X.X.X mit der IP-Adresse Ihres Raspberry Pi).<\/p>\n\n\n\n<p>Abh\u00e4ngig von der Leistung der genutzten Hardware kann der erste Start einige Minuten dauern<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-blue-color\"> (Bild 2)<\/mark>. Sind alle Vorbereitungen abgeschlossen<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-blue-color\"> (Bild 3)<\/mark>, erstellen wir ein neues Smart Home.<\/p>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-bottom is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"844\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild02_ha_teil1.jpg\" alt=\"Bild 2: Home Assistant wird vorbereitet.\" class=\"wp-image-3595\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild02_ha_teil1.jpg 880w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild02_ha_teil1-300x288.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild02_ha_teil1-768x737.jpg 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption class=\"wp-element-caption\">Bild 2: Home Assistant wird vorbereitet.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"844\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild03_ha_teil1.jpg\" alt=\"Bild 3: Es kann losgehen!\" class=\"wp-image-3596\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild03_ha_teil1.jpg 880w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild03_ha_teil1-300x288.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild03_ha_teil1-768x737.jpg 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption class=\"wp-element-caption\">Bild 3: Es kann losgehen!<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">System einrichten<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>1. Klicken Sie auf \u201eMein Smart Home erstellen\u201d. Legen Sie einen Benutzer an, indem Sie einen Benutzernamen und ein Passwort vergeben. Fahren Sie mit \u201eBenutzerkonto anlegen&#8220; fort.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"896\" height=\"880\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-01_ha_teil1.jpg\" alt=\"1. Klicken Sie auf \u201eMein Smart Home erstellen\u201d. Legen Sie einen Benutzer an, indem Sie einen Benutzernamen und ein Passwort vergeben. Fahren Sie mit \u201eBenutzerkonto anlegen&quot; fort.\" class=\"wp-image-3597\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-01_ha_teil1.jpg 896w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-01_ha_teil1-300x295.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-01_ha_teil1-768x754.jpg 768w\" sizes=\"auto, (max-width: 896px) 100vw, 896px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>2. W\u00e4hlen Sie einen Standort, dieser wird z. B. f\u00fcr Wetterdaten oder bei der Verwendung von Zonen ben\u00f6tigt.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"896\" height=\"1216\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-02_ha_teil1.jpg\" alt=\"2. W\u00e4hlen Sie einen Standort, dieser wird z. B. f\u00fcr Wetterdaten oder bei der Verwendung von Zonen ben\u00f6tigt.\" class=\"wp-image-3598\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-02_ha_teil1.jpg 896w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-02_ha_teil1-221x300.jpg 221w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-02_ha_teil1-768x1042.jpg 768w\" sizes=\"auto, (max-width: 896px) 100vw, 896px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>3. Aktivieren oder deaktivieren Sie, ob Sie anonymisierte Daten an Home Assistant senden und die Community unterst\u00fctzen wollen. Wir unterst\u00fctzen gerne und haken in unserem Beispiel alle Optionen an.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"896\" height=\"936\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-03_ha_teil1.jpg\" alt=\"3. Aktivieren oder deaktivieren Sie, ob Sie anonymisierte Daten an Home Assistant senden und die Community unterst\u00fctzen wollen. Wir unterst\u00fctzen gerne und haken in unserem Beispiel alle Optionen an.\" class=\"wp-image-3599\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-03_ha_teil1.jpg 896w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-03_ha_teil1-287x300.jpg 287w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-03_ha_teil1-768x802.jpg 768w\" sizes=\"auto, (max-width: 896px) 100vw, 896px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>4. Die n\u00e4chste Ansicht zeigt Integrationen, die Home Assistant bereits durch einen Scan Ihres Netzwerks identifiziert hat. Diese sieht nat\u00fcrlich bei jedem Nutzer etwas anders aus. Eine Konfiguration erfolgt in diesem Schritt nicht. Beenden Sie die Ersteinrichtung \u00fcber \u201eFertig&#8220;.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"896\" height=\"752\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-04_ha_teil1.jpg\" alt=\"4. Die n\u00e4chste Ansicht zeigt Integrationen, die Home Assistant bereits durch einen Scan Ihres Netzwerks identifiziert hat. Diese sieht nat\u00fcrlich bei jedem Nutzer etwas anders aus. Eine Konfiguration erfolgt in diesem Schritt nicht. Beenden Sie die Ersteinrichtung \u00fcber \u201eFertig&quot;.\" class=\"wp-image-3600\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-04_ha_teil1.jpg 896w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-04_ha_teil1-300x252.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-04_ha_teil1-768x645.jpg 768w\" sizes=\"auto, (max-width: 896px) 100vw, 896px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>5. Die Startseite der Anwendung erscheint, und wir befinden uns im ersten Dashboard (\u00dcbersicht) des Systems.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"674\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-05_ha_teil1-1600x674.jpg\" alt=\"5\u202f\u202fDie Startseite der Anwendung erscheint, und wir befinden uns im ersten Dashboard (\u00dcbersicht) des Systems. \" class=\"wp-image-3601\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-05_ha_teil1-1600x674.jpg 1600w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-05_ha_teil1-300x126.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-05_ha_teil1-768x323.jpg 768w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-05_ha_teil1-1536x647.jpg 1536w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen01-05_ha_teil1.jpg 1848w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">HACS Community Store einrichten<\/h2>\n\n\n\n<p>Als n\u00e4chsten Schritt f\u00fcgen wir eine Integration hinzu, um am Ende eine CCU3 auszulesen.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Was sind Integrationen?<\/h3>\n\n\n\n<p>Als Integrationen bezeichnet man Komponenten innerhalb von Home Assistant, die die Kommunikation zu anderen Ger\u00e4ten und Diensten herstellen (z. B. Homematic IP). Wie zuvor erw\u00e4hnt, stehen \u00fcber 3000 solcher Integrationen bereit. Die meisten k\u00f6nnen \u00fcber den offiziellen Store bezogen werden (Einstellungen \u2192 Ger\u00e4te &amp; Dienste) und wurden von Home Assistant getestet und gepr\u00fcft. Sie entsprechen damit den Code-Anforderungen und Sicherheitsvorgaben des Anbieters. Zuk\u00fcnftig werden wir auch andere Smart-Home-Systeme mit dem Home Assistant verbinden und dies im ELVjournal und bei YouTube zeigen.<br><br>Manche Integrationen wie auch die f\u00fcr die CCU3 sind noch nicht offiziell in Home Assistant verf\u00fcgbar. Und woher bekommen Sie die CCU3-Integration nun? Das Schlagwort hei\u00dft \u201eHACS&#8220;: Home Assistant Community Store. Die dort angebotenen L\u00f6sungen sind kein Teil der offiziellen Home-Assistant-Entwicklung. Sie sind weniger getestet und k\u00f6nnen unter Umst\u00e4nden Probleme verursachen, was leider gelegentlich bei einem Update von Home Assistant auch passieren kann. Auch h\u00e4ngen viele der Inhalte oft von nur einem Entwickler ab. Hat dieser keine Zeit oder auch das Interesse verloren, wird die Integration m\u00f6glicherweise nicht mehr gepflegt.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">HACS verwenden<\/h3>\n\n\n\n<p>Bevor wie loslegen k\u00f6nnen, m\u00fcssen Sie den Community Store \u2013 einen zweiten Store im System &#8211; ebenfalls installieren. Im Folgenden sind die n\u00f6tigen Schritte beschrieben. Um HACS nutzen zu k\u00f6nnen, wird ein Terminal-Add-on und ein kostenloses GitHub-Konto ben\u00f6tigt.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>1. Gehen Sie links im Hauptmen\u00fc auf das Nutzerprofil und aktivieren Sie im n\u00e4chsten Fenster den Punkt \u201eErweiterter Modus&#8220;.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"1076\" height=\"1160\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-01_ha_teil1.jpg\" alt=\"1. Gehen Sie links im Hauptmen\u00fc auf das Nutzerprofil und aktivieren Sie im n\u00e4chsten Fenster den Punkt \u201eErweiterter Modus&quot;\" class=\"wp-image-3602\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-01_ha_teil1.jpg 1076w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-01_ha_teil1-278x300.jpg 278w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-01_ha_teil1-768x828.jpg 768w\" sizes=\"auto, (max-width: 1076px) 100vw, 1076px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>2. Gehen Sie auf \u201eEinstellungen\u201c \u2192 \u201eAdd-ons&#8220; und dann unten links auf \u201eAdd-on Store&#8220;.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"1076\" height=\"1000\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-02_ha_teil1.jpg\" alt=\"2. Gehen Sie auf \u201eEinstellungen\u201c \u2192 \u201eAdd-ons&quot; und dann unten links auf \u201eAdd-on Store&quot;.\" class=\"wp-image-3603\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-02_ha_teil1.jpg 1076w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-02_ha_teil1-300x279.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-02_ha_teil1-768x714.jpg 768w\" sizes=\"auto, (max-width: 1076px) 100vw, 1076px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1076\" height=\"1000\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-03_ha_teil1.jpg\" alt=\"2. Gehen Sie auf \u201eEinstellungen\u201c \u2192 \u201eAdd-ons&quot; und dann unten links auf \u201eAdd-on Store&quot;.\" class=\"wp-image-3604\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-03_ha_teil1.jpg 1076w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-03_ha_teil1-300x279.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-03_ha_teil1-768x714.jpg 768w\" sizes=\"auto, (max-width: 1076px) 100vw, 1076px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>3. Geben Sie in das obere Suchfeld \u201essh&#8220; ein und w\u00e4hlen Sie anschlie\u00dfend das Add-on \u201eAdvanced SSH &amp; Web Terminal&#8220;.<br>Wir nutzen hier ausschlie\u00dflich das Terminal und nicht den SSH-Zugriff!<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1076\" height=\"580\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-04_ha_teil1.jpg\" alt=\"3. Geben Sie in das obere Suchfeld \u201essh&quot; ein und w\u00e4hlen Sie anschlie\u00dfend das Add-on \u201eAdvanced SSH &amp; Web Terminal&quot;.\nWir nutzen hier ausschlie\u00dflich das Terminal und nicht den SSH-Zugriff!\" class=\"wp-image-3605\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-04_ha_teil1.jpg 1076w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-04_ha_teil1-300x162.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-04_ha_teil1-768x414.jpg 768w\" sizes=\"auto, (max-width: 1076px) 100vw, 1076px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>4. Klicken Sie auf \u201eInstallieren&#8220;, um das Add-on aufzuspielen.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1076\" height=\"824\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-05_ha_teil1.jpg\" alt=\"4. Klicken Sie auf \u201eInstallieren&quot;, um das Add-on aufzuspielen.\" class=\"wp-image-3606\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-05_ha_teil1.jpg 1076w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-05_ha_teil1-300x230.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-05_ha_teil1-768x588.jpg 768w\" sizes=\"auto, (max-width: 1076px) 100vw, 1076px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>5. Klicken Sie oben auf den Men\u00fcpunkt \u201eKonfiguration&#8220;, um die Options-Seite aufzurufen. Geben Sie einen Benutzernamen und ein sicheres Passwort ein: <br>username: hassio<br>password: &#8222;&#8220;<br>Mit Klick auf \u201eSpeichern&#8220; werden die Einstellungen \u00fcbernommen. W\u00e4hlen Sie erneut den Reiter \u201eInformationen&#8220;.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1076\" height=\"896\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-06_ha_teil1.jpg\" alt=\"5. Klicken Sie oben auf den Men\u00fcpunkt \u201eKonfiguration&quot;, um die Options-Seite aufzurufen. Geben Sie einen Benutzernamen und ein sicheres Passwort ein:\" class=\"wp-image-3607\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-06_ha_teil1.jpg 1076w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-06_ha_teil1-300x250.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-06_ha_teil1-768x640.jpg 768w\" sizes=\"auto, (max-width: 1076px) 100vw, 1076px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>6. Aktivieren Sie alle Optionen an und klicken Sie auf \u201eStarten&#8220;. Das Add-on wird nun aktiviert und zeigt anschlie\u00dfend eine Systemauslastung an.<br>In der Hauptmen\u00fcleiste links erscheint dann ein neuer Eintrag \u201eTerminal&#8220;. W\u00e4hlen Sie diesen aus.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1076\" height=\"636\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-07_ha_teil1.jpg\" alt=\"6. Aktivieren Sie alle Optionen an und klicken Sie auf \u201eStarten&quot;. Das Add-on wird nun aktiviert und zeigt anschlie\u00dfend eine Systemauslastung an.\nIn der Hauptmen\u00fcleiste links erscheint dann ein neuer Eintrag \u201eTerminal&quot;. W\u00e4hlen Sie diesen aus.\" class=\"wp-image-3608\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-07_ha_teil1.jpg 1076w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-07_ha_teil1-300x177.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-07_ha_teil1-768x454.jpg 768w\" sizes=\"auto, (max-width: 1076px) 100vw, 1076px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1076\" height=\"394\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-08_ha_teil1.jpg\" alt=\"6. Aktivieren Sie alle Optionen an und klicken Sie auf \u201eStarten&quot;. Das Add-on wird nun aktiviert und zeigt anschlie\u00dfend eine Systemauslastung an.\nIn der Hauptmen\u00fcleiste links erscheint dann ein neuer Eintrag \u201eTerminal&quot;. W\u00e4hlen Sie diesen aus.\" class=\"wp-image-3609\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-08_ha_teil1.jpg 1076w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-08_ha_teil1-300x110.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-08_ha_teil1-768x281.jpg 768w\" sizes=\"auto, (max-width: 1076px) 100vw, 1076px\" \/><figcaption class=\"wp-element-caption\">Anischt Terminal<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>7. Legen Sie unter <a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">https:\/\/github.com\/<\/a> nun ein kostenfreies Konto an, falls dieses nicht bereits besteht. Klicken Sie oben auf \u201eSign up&#8220; und folgen Sie dem Assistenten (Benutzername, E-Mail usw.). Best\u00e4tigen Sie anschlie\u00dfend die E-Mail von GitHub, und schon ist Ihr Konto eingerichtet.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1176\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-09_ha_teil1.jpg\" alt=\"7\u202f\u202fLegen Sie unter https:\/\/github.com\/ nun ein kostenfreies Konto an, falls dieses nicht bereits besteht.\nKlicken Sie oben auf \u201eSign up\u201c und folgen Sie dem Assistenten (Benutzername, E-Mail usw.).\nBest\u00e4tigen Sie anschlie\u00dfend die E-Mail von GitHub, und schon ist Ihr Konto eingerichtet.\" class=\"wp-image-3610\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-09_ha_teil1.jpg 2560w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-09_ha_teil1-300x138.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-09_ha_teil1-1600x735.jpg 1600w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-09_ha_teil1-768x353.jpg 768w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-09_ha_teil1-1536x706.jpg 1536w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-09_ha_teil1-2048x941.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p>8. Geben Sie in der Terminal-Ansicht im Home Assistant nun folgenden String ein:<\/p>\n\n\n\n<pre class=\"wp-block-code has-black-background-color has-background\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\"><code>wget -O - https:\/\/get.hacs.xyz | bash -<\/code><\/pre>\n\n\n\n<p>Best\u00e4tigen Sie diesen mit \u201eEnter&#8220;. HACS wird installiert.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"827\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-10_ha_teil1-1600x827.jpg\" alt=\"\u202fGeben Sie in der Terminal-Ansicht im Home Assistant nun folgenden String ein\" class=\"wp-image-3623\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-10_ha_teil1-1600x827.jpg 1600w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-10_ha_teil1-300x155.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-10_ha_teil1-768x397.jpg 768w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-10_ha_teil1-1536x794.jpg 1536w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-10_ha_teil1.jpg 2000w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>9. Der Home Assistant muss nun zwingend neu gestartet werden. Klicken Sie links im Men\u00fc auf \u201eEinstellungswerkzeuge&#8220; und anschlie\u00dfend oben auf \u201eHome Assistant neu starten&#8220;. Je nach Hardware kann dies ein wenig dauern. Die Seite verbindet sich anschlie\u00dfend selbstst\u00e4ndig neu mit dem System, muss also nicht erneut aufgerufen werden.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"792\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-11_ha_teil1.jpg\" alt=\"Der Home Assistant muss nun zwingend neu gestartet werden.\" class=\"wp-image-3624\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-11_ha_teil1.jpg 1428w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-11_ha_teil1-300x166.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-11_ha_teil1-768x426.jpg 768w\" sizes=\"auto, (max-width: 1428px) 100vw, 1428px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>10. HACS ist nun als Add-on installiert. Um dieses verwenden zu k\u00f6nnen, muss HACS noch als Integration eingef\u00fcgt werden. Eine Integration f\u00fcgen Sie unter \u201eEinstellungen&#8220; \u2192 \u201eGer\u00e4te &amp; Dienste&#8220; hinzu.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"724\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-12_ha_teil1.jpg\" alt=\"10. HACS ist nun als Add-on installiert. Um dieses verwenden zu k\u00f6nnen, muss HACS noch als Integration eingef\u00fcgt werden. \" class=\"wp-image-3625\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-12_ha_teil1.jpg 1428w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-12_ha_teil1-300x152.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-12_ha_teil1-768x389.jpg 768w\" sizes=\"auto, (max-width: 1428px) 100vw, 1428px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>11. Klicken Sie unten auf \u201e+ Integration hinzuf\u00fcgen&#8220; und w\u00e4hlen Sie HACS aus. Best\u00e4tigen Sie die dann folgenden Meldungen. Im Kern best\u00e4tigen Sie hier, dass Sie verstanden haben, wof\u00fcr HACS steht und wie der Store zu verwenden ist. \u00dcber \u201eOK&#8220; geht es weiter.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"1100\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-13_ha_teil1.jpg\" alt=\"11. Klicken Sie unten auf \u201e+ Integration hinzuf\u00fcgen&quot; und w\u00e4hlen Sie HACS aus. Best\u00e4tigen Sie die dann folgenden Meldungen. Im Kern best\u00e4tigen Sie hier, dass Sie verstanden haben, wof\u00fcr HACS steht und wie der Store zu verwenden ist. \u00dcber \u201eOK&quot; geht es weiter.\" class=\"wp-image-3626\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-13_ha_teil1.jpg 1428w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-13_ha_teil1-300x231.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-13_ha_teil1-768x592.jpg 768w\" sizes=\"auto, (max-width: 1428px) 100vw, 1428px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"1100\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-14_ha_teil1.jpg\" alt=\"11. Klicken Sie unten auf \u201e+ Integration hinzuf\u00fcgen&quot; und w\u00e4hlen Sie HACS aus. Best\u00e4tigen Sie die dann folgenden Meldungen. Im Kern best\u00e4tigen Sie hier, dass Sie verstanden haben, wof\u00fcr HACS steht und wie der Store zu verwenden ist. \u00dcber \u201eOK&quot; geht es weiter.\" class=\"wp-image-3627\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-14_ha_teil1.jpg 1428w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-14_ha_teil1-300x231.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-14_ha_teil1-768x592.jpg 768w\" sizes=\"auto, (max-width: 1428px) 100vw, 1428px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>12. Im folgenden Dialog koppeln Sie das HACS-Ger\u00e4t mit dem zuvor erstellten GitHub-Konto. Kopieren Sie den angezeigten Code und klicken Sie anschlie\u00dfend auf den gezeigten Link. Melden Sie sich bei GitHub an. Geben Sie den Code in die Abfrage ein und best\u00e4tigen Sie diesen mit \u201eContinue&#8220;. Nun erfolgt eine Autorisierung von HACS f\u00fcr Ihren Account und die Einrichtung ist abgeschlossen. GitHub ist nun die Quelle f\u00fcr die Community-Integrationen, die wir von HACS verwenden wollen.<\/p>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-bottom is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\"><div class=\"dhsv-image-modal\">\n<figure class=\"wp-block-image size-full show-in-modal\"><div class=\"image-modal__image\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"1100\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-15_ha_teil1.jpg\" alt=\"12. Im folgenden Dialog koppeln Sie das HACS-Ger\u00e4t mit dem zuvor erstellten GitHub-Konto.\nKopieren Sie den angezeigten Code und klicken Sie anschlie\u00dfend auf den gezeigten Link.\nMelden Sie sich bei GitHub an.\nGeben Sie den Code in die Abfrage ein und best\u00e4tigen Sie diesen mit \u201eContinue&quot;.\nNun erfolgt eine Autorisierung von HACS f\u00fcr Ihren Account und die Einrichtung ist abgeschlossen.\nGitHub ist nun die Quelle f\u00fcr die Community-Integrationen, die wir von HACS verwenden wollen.\" class=\"wp-image-3628\" style=\"object-fit:cover\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-15_ha_teil1.jpg 1428w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-15_ha_teil1-300x231.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-15_ha_teil1-768x592.jpg 768w\" sizes=\"auto, (max-width: 1428px) 100vw, 1428px\" \/><button type=\"button\" class=\"image-modal__open-button\" aria-label=\"Open image in modal\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M7.66602 1H0.999349V7.66667\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M7.66602 7.66667L0.999349 1\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M10.334 17H17.0007V10.3333\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M10.334 10.3333L17.0006 17\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n<\/svg><\/button><\/div><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\"><div class=\"dhsv-image-modal\">\n<figure class=\"wp-block-image size-full show-in-modal\"><div class=\"image-modal__image\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"1100\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-16_ha_teil1.jpg\" alt=\"\" class=\"wp-image-3629\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-16_ha_teil1.jpg 1428w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-16_ha_teil1-300x231.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-16_ha_teil1-768x592.jpg 768w\" sizes=\"auto, (max-width: 1428px) 100vw, 1428px\" \/><button type=\"button\" class=\"image-modal__open-button\" aria-label=\"Open image in modal\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M7.66602 1H0.999349V7.66667\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M7.66602 7.66667L0.999349 1\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M10.334 17H17.0007V10.3333\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M10.334 10.3333L17.0006 17\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n<\/svg><\/button><\/div><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\"><div class=\"dhsv-image-modal\">\n<figure class=\"wp-block-image size-full show-in-modal\"><div class=\"image-modal__image\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"1100\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-17_ha_teil1.jpg\" alt=\"\" class=\"wp-image-3630\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-17_ha_teil1.jpg 1428w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-17_ha_teil1-300x231.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-17_ha_teil1-768x592.jpg 768w\" sizes=\"auto, (max-width: 1428px) 100vw, 1428px\" \/><button type=\"button\" class=\"image-modal__open-button\" aria-label=\"Open image in modal\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M7.66602 1H0.999349V7.66667\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M7.66602 7.66667L0.999349 1\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M10.334 17H17.0007V10.3333\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M10.334 10.3333L17.0006 17\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n<\/svg><\/button><\/div><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>13.\u202f\u202fWenn Sie auf das Home-Assistant-Fenster zur\u00fcckkehren, sehen Sie bereits eine Maske f\u00fcr die Zuweisung der HACS-Integration. Klicken Sie zum \u00dcbernehmen auf \u201eFertig\u201c oder geben Sie vorher noch einen Bereich ein. Bereiche sind in Home Assistant so etwas wie R\u00e4ume. F\u00fcr eine bessere \u00dcbersicht empfiehlt es sich, immer alle Ger\u00e4te \u201eBereichen\u201c hinzuzuf\u00fcgen.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"1100\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-18_ha_teil1.jpg\" alt=\"13.\u202f\u202fWenn Sie auf das Home-Assistant-Fenster zur\u00fcckkehren, sehen Sie bereits eine Maske f\u00fcr die Zuweisung der HACS-Integration. Klicken Sie zum \u00dcbernehmen auf \u201eFertig\u201c oder geben Sie vorher noch einen Bereich ein. Bereiche sind in Home Assistant so etwas wie R\u00e4ume. F\u00fcr eine bessere \u00dcbersicht empfiehlt es sich, immer alle Ger\u00e4te \u201eBereichen\u201c hinzuzuf\u00fcgen.\" class=\"wp-image-3631\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-18_ha_teil1.jpg 1428w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-18_ha_teil1-300x231.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-18_ha_teil1-768x592.jpg 768w\" sizes=\"auto, (max-width: 1428px) 100vw, 1428px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>14. HACS erscheint anschlie\u00dfend in der \u00dcbersicht als konfigurierte Integration, und auch ein Eintrag im linken Seitenmen\u00fc wird erzeugt. Im Hintergrund l\u00e4dt HACS nun weitere Daten herunter. Warten Sie mindestens f\u00fcnf Minuten, bevor Sie weitermachen. <br><strong>WICHTIG: Starten Sie nach dieser Pause den Home Assistant neu. Diesen Schritt nicht \u00fcberspringen!<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>15. Wenn f\u00fcr den HACS-Eintrag ein Icon fehlt, rufen Sie die Browsersitzung neu auf und melden Sie sich beim Home Assistant erneut an.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"1100\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-19_ha_teil1.jpg\" alt=\"15. Wenn f\u00fcr den HACS-Eintrag ein Icon fehlt, rufen Sie die Browsersitzung neu auf und melden Sie sich beim Home Assistant erneut an.\" class=\"wp-image-3632\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-19_ha_teil1.jpg 1428w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-19_ha_teil1-300x231.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen02-19_ha_teil1-768x592.jpg 768w\" sizes=\"auto, (max-width: 1428px) 100vw, 1428px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>\u00dcber diesen zweiten \u201eStore\u201d in unserer Home-Assistant-L\u00f6sung k\u00f6nnen Sie nun nach Integrationen suchen oder auch benutzerspezifische Repositories, vom Prinzip Dateiarchive der Community, hinzuf\u00fcgen. Dies wird unser n\u00e4chster Schritt f\u00fcr die Integration der CCU3. Klicken Sie oben rechts auf die drei Punkte und w\u00e4hlen Sie den Punkt \u201eBenutzerdefinierte Repositories&#8220; <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-blue-color\">(Bild 4)<\/mark>. Geben Sie in der folgenden Maske den String https:\/\/github.com\/SukramJ\/custom_homematic ein und w\u00e4hlen Sie als Kategorie \u201eIntegration&#8220;<strong> <\/strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-blue-color\">(Bild 5)<\/mark>. Klicken Sie auf \u201eHinzuf\u00fcgen&#8220;. Der Eintrag \u201eHomematic (IP) Local&#8220; erscheint nun in der HACS-Ansicht, ist jedoch noch nicht eingebunden.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"1100\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen04_ha_teil1.jpg\" alt=\"Bild 4: Benutzerdefinierte Repositories hinzuf\u00fcgen\" class=\"wp-image-3633\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen04_ha_teil1.jpg 1428w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen04_ha_teil1-300x231.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen04_ha_teil1-768x592.jpg 768w\" sizes=\"auto, (max-width: 1428px) 100vw, 1428px\" \/><figcaption class=\"wp-element-caption\">Bild 4: Benutzerdefinierte Repositories hinzuf\u00fcgen<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"1100\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen05_ha_teil1.jpg\" alt=\"Bild 5: Eingabemaske\" class=\"wp-image-3634\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen05_ha_teil1.jpg 1428w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen05_ha_teil1-300x231.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen05_ha_teil1-768x592.jpg 768w\" sizes=\"auto, (max-width: 1428px) 100vw, 1428px\" \/><figcaption class=\"wp-element-caption\">Bild 5: Eingabemaske<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Homematic(IP) Local<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>\u00d6ffnen Sie die Integration und w\u00e4hlen Sie hier \u201eHerunterladen&#8220; aus. Die HACS-Integration wird hinzugef\u00fcgt. Mit einem Wechsel auf \u201eEinstellungen&#8220; erscheint eine Reparaturmeldung von Home Assistant<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-blue-color\"> (Bild 6)<\/mark>. Diese fordert Sie auf, das System neu zu starten, um das Hinzuf\u00fcgen der Integration abzuschlie\u00dfen.<br>Wechseln Sie nach dem Neustart auf \u201eEinstellungen&#8220;. W\u00e4hlen Sie \u201eGer\u00e4te &amp; Dienste&#8220; und klicken Sie im unteren Bereich auf \u201e+ Integration hinzuf\u00fcgen&#8220;.<br>Suchen Sie im Dialogfenster \u201eHomematic (IP) Local&#8220; heraus. Das Paket-Symbol zeigt an, dass es sich um eine benutzerdefinierte Integration handelt.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"1100\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen06_ha_teil1.jpg\" alt=\"Bild 6: Neustart erforderlich\" class=\"wp-image-3635\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen06_ha_teil1.jpg 1428w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen06_ha_teil1-300x231.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen06_ha_teil1-768x592.jpg 768w\" sizes=\"auto, (max-width: 1428px) 100vw, 1428px\" \/><figcaption class=\"wp-element-caption\">Bild 6: Neustart erforderlich<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Geben Sie in der sich \u00f6ffnenden Maske <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-blue-color\">(Bild 7) <\/mark>die Daten der Homematic IP CCU3 ein, die Sie hinzuf\u00fcgen wollen. Auch mehr als nur eine einzige CCU3 kann hier ausgelesen werden! Neben der CCU3 wird auch RaspberryMatic als Betriebssystem unterst\u00fctzt.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"1100\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen07_ha_teil1.jpg\" alt=\"Bild 7: Anmeldedaten der CCU3 und IP-Adresse angeben\" class=\"wp-image-3636\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen07_ha_teil1.jpg 1428w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen07_ha_teil1-300x231.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen07_ha_teil1-768x592.jpg 768w\" sizes=\"auto, (max-width: 1428px) 100vw, 1428px\" \/><figcaption class=\"wp-element-caption\">Bild 7: Anmeldedaten der CCU3 und IP-Adresse angeben<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Wichtig: Es sind ggf. Anpassungen in der Firewall der CCU3 n\u00f6tig, wenn Ports f\u00fcr den lokalen Zugriff nicht freigegeben sind. Auch kann der Zugriff durch die Integration auf die CCU3 ausschlie\u00dflich mit Nutzerdaten erfolgen, also am besten \u00fcber Ihr Admin-Konto. Es folgt die Konfiguration der Kommunikationsschnittstelle <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-blue-color\">(Bild 8)<\/mark>. W\u00e4hlen Sie hier die Bereiche, die von der Integration ausgelesen werden sollen (z. B. Homematic IP und\/oder Homematic BidCos-RF).<br><br>Wurden \u00c4nderungen an den Ports der CCU3 vorgenommen, kann dies hier ebenfalls ber\u00fccksichtigt werden. W\u00e4hlen Sie weiter unten die Option \u201eerweiterte Konfiguration&#8220; an, damit wir im Folgenden entscheiden k\u00f6nnen, ob auch die Systemvariablen der CCU3 mit \u00fcbergeben werden sollen<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-blue-color\"> (Bild 9)<\/mark>.<br><br>Falls Sie keine Systemvariablen verwenden m\u00f6chten, ist der Eintrag entsprechend zu \u00e4ndern. Andernfalls geht es einfach weiter mit \u201eOK&#8220;. Sind alle Angaben korrekt erfolgt, \u00f6ffnet sich nun eine Auswahl aller Ger\u00e4te auf der CCU3 <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-blue-color\">(Bild 10)<\/mark>. Wenn Sie f\u00fcr die CCU3 bereits R\u00e4ume angelegt haben, werden auch diese ausgelesen und automatisch als Bereiche in Home Assistant \u00fcberf\u00fchrt.<br><br>F\u00fcgen Sie an dieser Stelle gewissenhaft alle Ger\u00e4te zu einem Bereich hinzu, wo diese noch fehlen. Klicken Sie auf \u201eFertig&#8220;, um den Dialog zu beenden. Auch die CCU3 selbst und die virtuellen Tasten sind Teil dieser Auflistung und m\u00fcssen ebenfalls einem Bereich zugewiesen werden. Es bietet sich an, einen allgemeinen Bereich, z. B. \u201eTechnik&#8220; oder \u201eKontrollraum&#8220;, zu nutzen und so die nicht exakt zuweisbaren Kan\u00e4le zu sammeln. Unter den konfigurierten Integrationen sehen Sie anschlie\u00dfend einen \u201eHomematic(IP) Local\u201d-Eintrag mit einer Zahl an Ger\u00e4ten. Die Integration war erfolgreich!<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"dhsv-image-modal\">\n<figure class=\"wp-block-image size-full show-in-modal\"><div class=\"image-modal__image\"><img loading=\"lazy\" decoding=\"async\" width=\"892\" height=\"1160\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen08_ha_teil1.jpg\" alt=\"Bild 8: Konfiguration der Schnittstellen\" class=\"wp-image-3640\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen08_ha_teil1.jpg 892w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen08_ha_teil1-231x300.jpg 231w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen08_ha_teil1-768x999.jpg 768w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><button type=\"button\" class=\"image-modal__open-button\" aria-label=\"Open image in modal\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M7.66602 1H0.999349V7.66667\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M7.66602 7.66667L0.999349 1\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M10.334 17H17.0007V10.3333\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M10.334 10.3333L17.0006 17\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n<\/svg><\/button><\/div><figcaption class=\"wp-element-caption\">Bild 8: Konfiguration der Schnittstellen<\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"dhsv-image-modal\">\n<figure class=\"wp-block-image size-full is-resized show-in-modal\"><div class=\"image-modal__image\"><img loading=\"lazy\" decoding=\"async\" width=\"892\" height=\"1160\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen09_ha_teil1.jpg\" alt=\"Bild 9: Erweiterte Konfiguration\" class=\"wp-image-3641\" style=\"width:339px;height:auto\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen09_ha_teil1.jpg 892w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen09_ha_teil1-231x300.jpg 231w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen09_ha_teil1-768x999.jpg 768w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><button type=\"button\" class=\"image-modal__open-button\" aria-label=\"Open image in modal\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M7.66602 1H0.999349V7.66667\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M7.66602 7.66667L0.999349 1\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M10.334 17H17.0007V10.3333\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M10.334 10.3333L17.0006 17\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n<\/svg><\/button><\/div><figcaption class=\"wp-element-caption\">Bild 9: Erweiterte Konfiguration<\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"dhsv-image-modal\">\n<figure class=\"wp-block-image size-full show-in-modal\"><div class=\"image-modal__image\"><img loading=\"lazy\" decoding=\"async\" width=\"892\" height=\"1160\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen10_ha_teil1.jpg\" alt=\"Bild 10: Zuordnung der CCU3-Ger\u00e4te zu Bereichen\" class=\"wp-image-3642\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen10_ha_teil1.jpg 892w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen10_ha_teil1-231x300.jpg 231w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen10_ha_teil1-768x999.jpg 768w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><button type=\"button\" class=\"image-modal__open-button\" aria-label=\"Open image in modal\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M7.66602 1H0.999349V7.66667\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M7.66602 7.66667L0.999349 1\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M10.334 17H17.0007V10.3333\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M10.334 10.3333L17.0006 17\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n<\/svg><\/button><\/div><figcaption class=\"wp-element-caption\">Bild 10: Zuordnung der CCU3-Ger\u00e4te zu Bereichen<\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Dashboards erstellen und anpassen<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Das Dashboard<\/h3>\n\n\n\n<p>Nach dem Aufsetzen von Home Assistant wird bereits automatisch eine erste Ansicht zur Bedienung der Ger\u00e4te angelegt \u2013 die \u201e\u00dcbersicht&#8220;. Diese nimmt standardm\u00e4\u00dfig alle neu hinzugef\u00fcgten Ger\u00e4te auf und zeigt diese an<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-blue-color\"> (Bild 11)<\/mark>. Diese Ansicht ist bereits nutzbar, zeigt sich jedoch recht un\u00fcbersichtlich. Zum Gl\u00fcck bietet Home Assistant die M\u00f6glichkeit, eigene Ansichten, auch Dashboard genannt, anzulegen und sie den eigenen Bed\u00fcrfnissen anzupassen.<\/p>\n\n\n<div class=\"dhsv-image-modal\">\n<figure class=\"wp-block-image size-full show-in-modal\"><div class=\"image-modal__image\"><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"966\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen11_ha_teil1.jpg\" alt=\"Bild 11: Das erste automatische Dashboard\" class=\"wp-image-3643\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen11_ha_teil1.jpg 2000w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen11_ha_teil1-300x145.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen11_ha_teil1-1600x773.jpg 1600w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen11_ha_teil1-768x371.jpg 768w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen11_ha_teil1-1536x742.jpg 1536w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><button type=\"button\" class=\"image-modal__open-button\" aria-label=\"Open image in modal\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M7.66602 1H0.999349V7.66667\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M7.66602 7.66667L0.999349 1\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M10.334 17H17.0007V10.3333\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n  <path d=\"M10.334 10.3333L17.0006 17\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n<\/svg><\/button><\/div><figcaption class=\"wp-element-caption\">Bild 11: Das erste automatische Dashboard<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Es stehen zwei Wege zur Auswahl: Sie k\u00f6nnen ein komplett neues Dashboard anlegen oder das Standard-Dashboards leeren und \u00fcberschreiben. In diesem Beispiel w\u00e4hlen wir den zweiten Weg und behalten die \u00dcbersicht erst einmal. So l\u00e4sst sich leicht der Unterschied sehen.<br><br>Home Assistant verwendet das sogenannte \u201eLovelace UI&#8220;, um Dashboards zu erzeugen und darzustellen. Die im System enthaltenen Ger\u00e4te und Entit\u00e4ten werden auf dem Dashboard in verschiedenen Karten (Cards) angezeigt. Diese zeigen dann wiederum Informationen (z. B. eine Temperatur oder den Status) oder erm\u00f6glichen auch die Steuerung von Ger\u00e4ten (z. B. das Schalten von Aktoren oder das Starten des Kantenschnitts eines M\u00e4hroboters).<br><br>Bereits bei der Einbindung der CCU3 fielen sicherlich die erzeugten Entit\u00e4ten auf. Eine Entit\u00e4t ist ein objektorientiertes Konzept, das in Home Assistant verwendet wird, um ein Ger\u00e4t oder eine Instanz innerhalb des Systems darzustellen.<br><br>Jede Entit\u00e4t hat dabei:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>einzigartige Namen\/ID (Entity ID)<\/li>\n\n\n\n<li>einen Zustand (State)<\/li>\n\n\n\n<li>Attribut(e)<\/li>\n<\/ul>\n\n\n\n<p>Die Entity ID stellt eine eindeutige Identifikation dar und besteht aus zwei Teilen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ger\u00e4tetyp (z. B. light, sensor, switch, binary_sensor)<\/li>\n\n\n\n<li>Ger\u00e4tename oder Ort (z. B. living_room, front_door, kitchen)<\/li>\n<\/ul>\n\n\n\n<p>Beispiel:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>light.living_room (Licht im Wohnzimmer)<\/li>\n\n\n\n<li>sensor.temperature_kitchen (Temperatur im K\u00fcchenbereich)<\/li>\n\n\n\n<li>switch.lamp (Steckdosen-Schalter)<\/li>\n<\/ul>\n\n\n\n<p>Der erste Teil (z. B. light, sensor etc.) ist die Entit\u00e4t-Klasse, die angibt, um was f\u00fcr ein Ger\u00e4t es sich handelt. Der zweite Teil (z. B. living_room, temperature_kitchen etc.) ist der Name oder die Beschreibung, die den spezifischen Zustand der Entit\u00e4t angibt. Diese Entit\u00e4ten bilden dann die Grundlage f\u00fcr die Karten im Dashboard.<\/p>\n\n\n\n<p>Im Folgenden sind einige m\u00f6gliche Kartentypen beschrieben (nur eine Auswahl).<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Entity Card (Entit\u00e4t)<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>Die Entity Card ist eine sehr grundlegende Karte, die den Zustand einer einzelnen Entit\u00e4t anzeigt. Sie kann auch eine Schaltfl\u00e4che zum Steuern der Entit\u00e4t enthalten (z. B. f\u00fcr ein Licht oder einen Schalter). Sie wird meist f\u00fcr die Darstellung und Steuerung von Lichtern, Schaltern, Sensoren oder anderen Entit\u00e4ten verwendet.<br><br><strong>Beispiel:<\/strong> Eine Karte, die den Zustand eines Lichts oder eines Thermostats anzeigt.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"581\" height=\"475\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_01_ha_teil1.jpg\" alt=\"Entity Card (Entit\u00e4t)\" class=\"wp-image-3644\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_01_ha_teil1.jpg 581w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_01_ha_teil1-300x245.jpg 300w\" sizes=\"auto, (max-width: 581px) 100vw, 581px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Glance Card (\u00dcberblick)<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>Die Glance Card bietet eine kompakte \u00dcbersicht mehrerer Entit\u00e4ten. Sie zeigt diese in einer Zeile an, ist also ideal, um eine schnelle Ansicht von z. B. Lichtern, Temperatursensoren oder Schaltern zu erhalten.<br><br><strong>Beispiel:<\/strong> Eine Karte mit einer \u00dcbersicht von allen Lichtern im Haus, die ihre jeweiligen Zust\u00e4nde anzeigt (ein\/aus).<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"581\" height=\"475\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_02_ha_teil1.jpg\" alt=\"Glance Card (\u00dcberblick)\" class=\"wp-image-3645\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_02_ha_teil1.jpg 581w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_02_ha_teil1-300x245.jpg 300w\" sizes=\"auto, (max-width: 581px) 100vw, 581px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Button Card (Knopf)<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>Mit der Button Card k\u00f6nnen Schaltfl\u00e4chen erstellt werden, die verschiedene Aktionen ausl\u00f6sen wie das Steuern von Ger\u00e4ten (z. B. Lichter ein-\/ausschalten, Szenen aktivieren).<br><br><strong>Beispiel: <\/strong>eine Schaltfl\u00e4che, um das Licht im Wohnzimmer einoder auszuschalten.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"581\" height=\"475\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_03_ha_teil1.jpg\" alt=\"Button Card (Knopf)\" class=\"wp-image-3646\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_03_ha_teil1.jpg 581w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_03_ha_teil1-300x245.jpg 300w\" sizes=\"auto, (max-width: 581px) 100vw, 581px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Gauge Card (Analoganzeige)<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>Die Gauge Card zeigt einen Wert in einer Art Kreisdiagramm oder Tachometer an. Sie eignet sich hervorragend f\u00fcr das Visualisieren von Sensorwerten oder Messgr\u00f6\u00dfen wie Temperatur, Luftfeuchtigkeit oder Energieverbrauch.<br><br>Beispiel: eine Karte, die den aktuellen F\u00fcllstand eines Wassertanks anzeigt.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"581\" height=\"527\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_07_ha_teil1.jpg\" alt=\"Gauge Card (Analoganzeige)\" class=\"wp-image-3650\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_07_ha_teil1.jpg 581w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_07_ha_teil1-300x272.jpg 300w\" sizes=\"auto, (max-width: 581px) 100vw, 581px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Thermostat Card<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>Die Thermostat Card ist speziell f\u00fcr die Steuerung und Anzeige von Thermostaten gedacht. Sie zeigt den aktuellen Zustand des Thermostats an und erm\u00f6glicht eine benutzerfreundliche Steuerung der Temperatur. <br><br><strong>Beispiel:<\/strong> eine Karte, die ein Thermostat zeigt und Ihnen erm\u00f6glicht, die Temperatur zu erh\u00f6hen oder zu senken.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"581\" height=\"765\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_04_ha_teil1.jpg\" alt=\"Thermostat Card\" class=\"wp-image-3647\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_04_ha_teil1.jpg 581w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_04_ha_teil1-228x300.jpg 228w\" sizes=\"auto, (max-width: 581px) 100vw, 581px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Stack Card (Stapel)<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Die Stack Cards (Vertical und Horizontal) helfen dabei, Karten zu gruppieren. Dies erm\u00f6glicht eine kompakte und visuell ansprechende Darstellung von Informationen auf einer einzelnen Seite oder einem einzelnen Abschnitt.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"805\" height=\"227\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_08_ha_teil1.jpg\" alt=\"Stack Card (Stapel)\" class=\"wp-image-3673\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_08_ha_teil1.jpg 805w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_08_ha_teil1-300x85.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_08_ha_teil1-768x217.jpg 768w\" sizes=\"auto, (max-width: 805px) 100vw, 805px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Media Player Card (Mediensteuerung)<\/h3>\n\n\n\n<p>Die Media Player Card stellt Ger\u00e4te dar, die Medien abspielen wie Fernseher, Lautsprecher oder Musikanlagen. Hier\u00fcber kann die Wiedergabe gesteuert werden, z. B. die Lautst\u00e4rke, Titel \u00fcberspringen oder den Zustand der Wiedergabe \u00fcberwachen.<br><br><strong>Beispiel:<\/strong> eine Karte, die einen Media Player darstellt, \u00fcber den Musik, Fernsehen oder Filme gesteuert werden.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Picture Entities Card (Bild-Entit\u00e4t)<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>Mit der Picture Entities Card kann ein Bild (z. B. von einer Kamera oder ein benutzerdefiniertes Bild) zusammen mit den zugeh\u00f6rigen Entit\u00e4ten angezeigt werden.<br><br><strong>Beispiel:<\/strong> eine Karte, die das Bild einer Kamera anzeigt und gleichzeitig die M\u00f6glichkeit bietet, das Bild zu vergr\u00f6\u00dfern oder zu steuern.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"581\" height=\"752\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_05_ha_teil1.jpg\" alt=\"Picture Entities Card (Bild-Entit\u00e4t)\" class=\"wp-image-3648\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_05_ha_teil1.jpg 581w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_05_ha_teil1-232x300.jpg 232w\" sizes=\"auto, (max-width: 581px) 100vw, 581px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">History Graph Card (Verlaufsdiagramm)<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>Die History Graph Card zeigt historische Daten zu einer Entit\u00e4t an, z. B. die Temperatur oder Luftfeuchtigkeit \u00fcber einen bestimmten Zeitraum.<br><br><strong>Beispiel: <\/strong>eine Karte, die die Temperatur des letzten Tages graphisch darstellt.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"581\" height=\"320\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_06_ha_teil1.jpg\" alt=\"History Graph Card (Verlaufsdiagramm)\" class=\"wp-image-3649\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_06_ha_teil1.jpg 581w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen12_06_ha_teil1-300x165.jpg 300w\" sizes=\"auto, (max-width: 581px) 100vw, 581px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Wie Sie ein eigenes Dashboard anlegen und dieses mit Cards\/Entit\u00e4ten bef\u00fcllen, zeigen wir in den folgenden Schritten.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>1. Navigieren Sie in die Einstellungen und gehen Sie auf \u201eDashboards&#8220;. Die \u00dcbersicht der aktuell angelegten Dashboards wird ge\u00f6ffnet.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"952\" height=\"735\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_01_ha_teil1.jpg\" alt=\"1. Navigieren Sie in die Einstellungen und gehen Sie auf \u201eDashboards&quot;. Die \u00dcbersicht der aktuell angelegten Dashboards wird ge\u00f6ffnet.\" class=\"wp-image-3674\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_01_ha_teil1.jpg 952w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_01_ha_teil1-300x232.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_01_ha_teil1-768x593.jpg 768w\" sizes=\"auto, (max-width: 952px) 100vw, 952px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>2. Klicken Sie auf \u201eDashboard erstellen&#8220; \u2192 \u201eNeues Dashboard von Grund auf&#8220; und vergeben Sie einen Titel. W\u00e4hlen Sie ggf. ein Symbol. Dieses wird dann zus\u00e4tzlich im Leistenmen\u00fc (links) angezeigt. Wechseln Sie nach dem Erstellen auf die neue Ansicht.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"952\" height=\"1263\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_02_ha_teil1.jpg\" alt=\"2. Klicken Sie auf \u201eDashboard erstellen&quot; \u2192 \u201eNeues Dashboard von Grund auf&quot; und vergeben Sie einen Titel. W\u00e4hlen Sie ggf. ein Symbol. Dieses wird dann zus\u00e4tzlich im Leistenmen\u00fc (links) angezeigt. Wechseln Sie nach dem Erstellen auf die neue Ansicht.\" class=\"wp-image-3675\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_02_ha_teil1.jpg 952w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_02_ha_teil1-226x300.jpg 226w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_02_ha_teil1-768x1019.jpg 768w\" sizes=\"auto, (max-width: 952px) 100vw, 952px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>3. Klicken Sie oben rechts auf das Stift-Symbol, um den Bearbeitungsmodus zu starten. Ein kleines \u201ePlus&#8220; erscheint in der Mitte der Ansicht.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1594\" height=\"376\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_03_ha_teil1.jpg\" alt=\"3. Klicken Sie oben rechts auf das Stift-Symbol, um den Bearbeitungsmodus zu starten. Ein kleines \u201ePlus&quot; erscheint in der Mitte der Ansicht.\" class=\"wp-image-3676\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_03_ha_teil1.jpg 1594w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_03_ha_teil1-300x71.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_03_ha_teil1-768x181.jpg 768w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_03_ha_teil1-1536x362.jpg 1536w\" sizes=\"auto, (max-width: 1594px) 100vw, 1594px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>4. Bevor wir hier eine Karte hinzuf\u00fcgen, bearbeiten wir die Dashboard-Anzeige.<br>Klicken Sie auf den orangefarbenen Stift neben \u201eHome&#8220;. In dieser Ansicht lassen sich die Eigenschaften des Dashboards bestimmen inkl. eines definierbaren Hintergrunds (zweiter Reiter). Wichtig ist hier die maximale Anzahl an Abschnitten, je nach Gr\u00f6\u00dfe der Anzeige w\u00e4hlen Sie eine Breite von 2 bis 3. Kehren Sie mit \u201eSpeichern&#8220; zur\u00fcck.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"952\" height=\"1483\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_04_ha_teil1.jpg\" alt=\"4. Bevor wir hier eine Karte hinzuf\u00fcgen, bearbeiten wir die Dashboard-Anzeige.\nKlicken Sie auf den orangefarbenen Stift neben \u201eHome&quot;. In dieser Ansicht lassen sich die Eigenschaften des Dashboards bestimmen inkl. eines definierbaren Hintergrunds (zweiter Reiter). Wichtig ist hier die maximale Anzahl an Abschnitten, je nach Gr\u00f6\u00dfe der Anzeige w\u00e4hlen Sie eine Breite von 2 bis 3. Kehren Sie mit \u201eSpeichern&quot; zur\u00fcck.\" class=\"wp-image-3677\" style=\"object-fit:cover\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_04_ha_teil1.jpg 952w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_04_ha_teil1-193x300.jpg 193w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_04_ha_teil1-768x1196.jpg 768w\" sizes=\"auto, (max-width: 952px) 100vw, 952px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>5. Hier sehen Sie einen definierten Abschnitt mit einer bereits automatisch eingef\u00fcgten \u00dcberschrift-Karte. Wenn Sie die Maus \u00fcber den Bereich \u201eNeuer Abschnitt&#8220; bewegen, erscheint ein Stiftsymbol. Dieses zeigt immer an, dass Dinge ge\u00e4ndert werden k\u00f6nnen. So kann die \u00dcberschrift auch ein Symbol erhalten und sogar eine oder mehrere Entit\u00e4ten angeh\u00e4ngt bekommen, um so z. B. eine Temperatur anzuzeigen. \u00dcber das \u201e+&#8220; im blau gestrichelten Bereich k\u00f6nnen weitere Karten eingef\u00fcgt werden:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1594\" height=\"376\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_05_ha_teil1.jpg\" alt=\"5. Hier sehen Sie einen definierten Abschnitt mit einer bereits automatisch eingef\u00fcgten \u00dcberschrift-Karte. Wenn Sie die Maus \u00fcber den Bereich \u201eNeuer Abschnitt&quot; bewegen, erscheint ein Stiftsymbol. Dieses zeigt immer an, dass Dinge ge\u00e4ndert werden k\u00f6nnen. So kann die \u00dcberschrift auch ein Symbol erhalten und sogar eine oder mehrere Entit\u00e4ten angeh\u00e4ngt bekommen, um so z. B. eine Temperatur anzuzeigen. \u00dcber das \u201e+&quot; im blau gestrichelten Bereich k\u00f6nnen weitere Karten eingef\u00fcgt werden:\" class=\"wp-image-3678\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_05_ha_teil1.jpg 1594w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_05_ha_teil1-300x71.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_05_ha_teil1-768x181.jpg 768w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_05_ha_teil1-1536x362.jpg 1536w\" sizes=\"auto, (max-width: 1594px) 100vw, 1594px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>6. F\u00fcr alle grundlegenden Informationen stehen bereits Karten zur Auswahl zur Verf\u00fcgung.<br>\u00dcber \u201eHACS&#8220; k\u00f6nnen Sie auch weitere Kartentypen oder Designs erg\u00e4nzen. Beliebt sind hier die Karten \u201eMushroom&#8220; und \u201eBubble&#8220;. In unserem Beispiel verwenden wir die bereits vorhandenen Karten von Home Assistant.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"952\" height=\"765\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_06_ha_teil1.jpg\" alt=\"6. F\u00fcr alle grundlegenden Informationen stehen bereits Karten zur Auswahl zur Verf\u00fcgung.\n\u00dcber \u201eHACS&quot; k\u00f6nnen Sie auch weitere Kartentypen oder Designs erg\u00e4nzen. Beliebt sind hier die Karten \u201eMushroom&quot; und \u201eBubble&quot;. In unserem Beispiel verwenden wir die bereits vorhandenen Karten von Home Assistant.\" class=\"wp-image-3679\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_06_ha_teil1.jpg 952w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_06_ha_teil1-300x241.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_06_ha_teil1-768x617.jpg 768w\" sizes=\"auto, (max-width: 952px) 100vw, 952px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>7. In unserem Beispiel erstellen wir eine Ansicht f\u00fcr ein \u201eWohnzimmer&#8220; und \u00e4ndern die \u00dcberschrift entsprechend ab.<br>Im rechten Bereich des Editors wird das sp\u00e4ter sichtbare Ergebnis angezeigt. Dies vereinfacht die Bearbeitung erheblich.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"952\" height=\"742\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_07_ha_teil1.jpg\" alt=\"7. In unserem Beispiel erstellen wir eine Ansicht f\u00fcr ein \u201eWohnzimmer&quot; und \u00e4ndern die \u00dcberschrift entsprechend ab.\nIm rechten Bereich des Editors wird das sp\u00e4ter sichtbare Ergebnis angezeigt. Dies vereinfacht die Bearbeitung erheblich.\" class=\"wp-image-3680\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_07_ha_teil1.jpg 952w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_07_ha_teil1-300x234.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_07_ha_teil1-768x599.jpg 768w\" sizes=\"auto, (max-width: 952px) 100vw, 952px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>8. Zur\u00fcck in der Ansicht: Klicken Sie auf das \u201e+&#8220;. Eine Auswahl der m\u00f6glichen Karten wird angezeigt. Hier f\u00fcgen Sie als Erstes einen \u201eQuerstapel&#8220; hinzu. Diese Stapelkarte nimmt dann wiederum weitere Karten auf, die immer nebeneinander dargestellt werden. \u00dcber das kleine \u201e+&#8220; k\u00f6nnen Sie weitere Karten in den Stapel einbringen.<br>Wir f\u00fcgen nun nacheinander Aktoren ein, die am Ende Lichter schalten sollen (\u00fcber die Knopf-Karte).<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"952\" height=\"1483\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_08_ha_teil1.jpg\" alt=\"8. Zur\u00fcck in der Ansicht: Klicken Sie auf das \u201e+&quot;. Eine Auswahl der m\u00f6glichen Karten wird angezeigt. Hier f\u00fcgen Sie als Erstes einen \u201eQuerstapel&quot; hinzu. Diese Stapelkarte nimmt dann wiederum weitere Karten auf, die immer nebeneinander dargestellt werden. \u00dcber das kleine \u201e+&quot; k\u00f6nnen Sie weitere Karten in den Stapel einbringen.\nWir f\u00fcgen nun nacheinander Aktoren ein, die am Ende Lichter schalten sollen (\u00fcber die Knopf-Karte).\" class=\"wp-image-3681\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_08_ha_teil1.jpg 952w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_08_ha_teil1-193x300.jpg 193w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_08_ha_teil1-768x1196.jpg 768w\" sizes=\"auto, (max-width: 952px) 100vw, 952px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>9. W\u00e4hlen Sie im Feld \u201eEntit\u00e4t&#8220; den entsprechenden Aktor aus. (Sp\u00e4testens hier zeigt sich, dass eine gute Benennung der Ger\u00e4te entscheidend ist!)<br>Tragen Sie im Feld \u201eNamen&#8220; den Anzeigenamen ein. W\u00e4hlen Sie ggf. im Feld \u201eSymbol&#8220; ein passendes Icon. Dieses ist immer Englisch benannt.<br>Um den Zustand anzuzeigen, w\u00e4hlen Sie \u201eZustand anzeigen&#8220; aus.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"952\" height=\"712\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_09_ha_teil1.jpg\" alt=\"9. W\u00e4hlen Sie im Feld \u201eEntit\u00e4t&quot; den entsprechenden Aktor aus. (Sp\u00e4testens hier zeigt sich, dass eine gute Benennung der Ger\u00e4te entscheidend ist!)\nTragen Sie im Feld \u201eNamen&quot; den Anzeigenamen ein. W\u00e4hlen Sie ggf. im Feld \u201eSymbol&quot; ein passendes Icon. Dieses ist immer Englisch benannt.\nUm den Zustand anzuzeigen, w\u00e4hlen Sie \u201eZustand anzeigen&quot; aus.\" class=\"wp-image-3682\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_09_ha_teil1.jpg 952w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_09_ha_teil1-300x224.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_09_ha_teil1-768x574.jpg 768w\" sizes=\"auto, (max-width: 952px) 100vw, 952px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>10. Klicken Sie auf das kleine \u201e+&#8220;, um weitere Button-Karten hinzuzuf\u00fcgen. Sind alle n\u00f6tigen Ger\u00e4te eingef\u00fcgt, schlie\u00dfen Sie die Ansicht \u00fcber \u201eSpeichern&#8220;.<br>Anschlie\u00dfend f\u00fcgen wir noch ein paar weitere Elemente hinzu und ver\u00e4ndern den Hintergrund.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"952\" height=\"664\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_10_ha_teil1.jpg\" alt=\"10. Klicken Sie auf das kleine \u201e+&quot;, um weitere Button-Karten hinzuzuf\u00fcgen. Sind alle n\u00f6tigen Ger\u00e4te eingef\u00fcgt, schlie\u00dfen Sie die Ansicht \u00fcber \u201eSpeichern&quot;.\nAnschlie\u00dfend f\u00fcgen wir noch ein paar weitere Elemente hinzu und ver\u00e4ndern den Hintergrund.\" class=\"wp-image-3683\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_10_ha_teil1.jpg 952w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_10_ha_teil1-300x209.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen13_10_ha_teil1-768x536.jpg 768w\" sizes=\"auto, (max-width: 952px) 100vw, 952px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Nach nur wenigen Klicks erhalten wir nun folgende Karten:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>einen Abschnitt<\/li>\n\n\n\n<li>eine \u00dcberschriften-Karte inkl. zweier Entit\u00e4ten<\/li>\n\n\n\n<li>einen Querstapel mit drei Button-Karten<\/li>\n\n\n\n<li>eine Button-Karte einzeln auf voller Breite<\/li>\n\n\n\n<li>zwei Sensor-Karten<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"694\" height=\"612\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen14_ha_teil1.jpg\" alt=\"Nach nur wenigen Klicks erhalten wir nun folgende Karten\" class=\"wp-image-3684\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen14_ha_teil1.jpg 694w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/screen14_ha_teil1-300x265.jpg 300w\" sizes=\"auto, (max-width: 694px) 100vw, 694px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Wir empfehlen, bereits im Vorfeld zu \u00fcberlegen, welche Elemente an welcher Position platziert werden sollen, da dies die Auswahl der zu verwendenden Stapel-Karten bestimmt. <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-blue-color\">Bild 12<\/mark> zeigt eine schematische Darstellung der Schichtung der UI-Elemente in einem Dashboard.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized is-style-bordered\"><img loading=\"lazy\" decoding=\"async\" width=\"2072\" height=\"1162\" src=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild10_ha_teil1.jpg\" alt=\"Bild 12: Konzeption eines Dashboards\" class=\"wp-image-3685\" style=\"width:794px;height:auto\" srcset=\"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild10_ha_teil1.jpg 2072w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild10_ha_teil1-300x168.jpg 300w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild10_ha_teil1-1600x897.jpg 1600w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild10_ha_teil1-768x431.jpg 768w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild10_ha_teil1-1536x861.jpg 1536w, https:\/\/elvjournal.elv.com\/wp-content\/uploads\/bild10_ha_teil1-2048x1149.jpg 2048w\" sizes=\"auto, (max-width: 2072px) 100vw, 2072px\" \/><figcaption class=\"wp-element-caption\">Bild 12: Konzeption eines Dashboards<\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Fazit und Ausblick<\/h2>\n\n\n\n<p>Home Assistant ist das \u201eSchweizer Taschenmesser&#8220; der Smart-Home-Welt und bietet eine beeindruckende Vielfalt an Integrationsm\u00f6glichkeiten f\u00fcr unz\u00e4hlige Hersteller und Systeme. Das System l\u00e4uft auf verschiedenen Hardware-Plattformen und erm\u00f6glicht eine sehr individuelle Anpassung der Benutzeroberfl\u00e4che.<br><br>Besonders positiv hervorzuheben ist das gut strukturierte User-Interface, das Nutzern erlaubt, Dashboards nach eigenen Vorstellungen zu gestalten. Weitere Kosten entstehen nur dann, wenn z. B. ein zus\u00e4tzliches Gateway f\u00fcr eine Integration ben\u00f6tigt wird oder der Fernzugriff \u00fcber die Home Assistant Cloud (kostenfrei per VPN) erfolgen soll.<br><br>Wie bei jedem System gibt es auch hier Herausforderungen. Die riesige Auswahl an Funktionen kann anf\u00e4nglich \u00fcberw\u00e4ltigend wirken, und nicht alle Men\u00fcs sind intuitiv gestaltet. Zudem erfordert Home Assistant eine gewisse Einarbeitungszeit, belohnt aber mit einem stabilen und zukunftssicheren System.<br>Insgesamt ist das Gesamtpaket Home Assistant nahezu konkurrenzlos, und wir freuen uns auf viele weitere Beitr\u00e4ge dieser Reihe sowie die w\u00f6chentlich begleitenden Youtube-Videos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los geht\u2019s mit Home Assistant! In Teil 1 zeigen wir die Installation auf dem Raspberry Pi, richten HACS ein und binden eine Homematic IP CCU3 ein. Plus: erstes Lovelace-Dashboard \u2013 schnell, lokal, flexibel.<\/p>\n","protected":false},"author":7,"featured_media":2299,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[163],"tags":[355,352,348,347,354,349,350,346,353,351],"post-author":[363],"class_list":["post-1907","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-smart-home-automation","tag-custom_homematic","tag-dashboard-lovelace","tag-hacs","tag-home-assistant-beginners-guide","tag-home-assistant-green","tag-home-assistant-installieren","tag-homematic-ip-ccu3-integration","tag-raspberry-pi-home-assistant","tag-raspberry-pi-imager","tag-yaml-automationen","post-author-andreas"],"acf":[],"info":{"thumbnail":{"url":"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/header_home_assist_T1.jpg","alt":""},"teaserImage":{"ID":2381,"id":2381,"title":"liste-beitrag_home_assist_t1","filename":"Liste-Beitrag_home_assist_T1.jpg","filesize":60026,"url":"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/Liste-Beitrag_home_assist_T1.jpg","link":"https:\/\/de.elv.com\/elvjournal\/home-assistant-beginners-guide-installation-hacs-ccu3\/liste-beitrag_home_assist_t1\/","alt":"","author":"5","description":"","caption":"","name":"liste-beitrag_home_assist_t1","status":"inherit","uploaded_to":1907,"date":"2025-09-05 09:23:03","modified":"2025-09-05 09:23:03","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/elvjournal.elv.com\/wp-includes\/images\/media\/default.png","width":312,"height":198,"sizes":{"thumbnail":"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/Liste-Beitrag_home_assist_T1-250x198.jpg","thumbnail-width":250,"thumbnail-height":198,"medium":"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/Liste-Beitrag_home_assist_T1-300x190.jpg","medium-width":300,"medium-height":190,"medium_large":"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/Liste-Beitrag_home_assist_T1.jpg","medium_large-width":312,"medium_large-height":198,"large":"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/Liste-Beitrag_home_assist_T1.jpg","large-width":312,"large-height":198,"1536x1536":"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/Liste-Beitrag_home_assist_T1.jpg","1536x1536-width":312,"1536x1536-height":198,"2048x2048":"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/Liste-Beitrag_home_assist_T1.jpg","2048x2048-width":312,"2048x2048-height":198,"gform-image-choice-sm":"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/Liste-Beitrag_home_assist_T1.jpg","gform-image-choice-sm-width":300,"gform-image-choice-sm-height":190,"gform-image-choice-md":"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/Liste-Beitrag_home_assist_T1.jpg","gform-image-choice-md-width":312,"gform-image-choice-md-height":198,"gform-image-choice-lg":"https:\/\/elvjournal.elv.com\/wp-content\/uploads\/Liste-Beitrag_home_assist_T1.jpg","gform-image-choice-lg-width":312,"gform-image-choice-lg-height":198}},"categories":[{"id":163,"name":"Smart Home &amp; Automation","slug":"smart-home-automation"}],"authors":[{"id":363,"name":"Andreas","slug":"andreas"}],"document":false,"epaper":"","date":"5. September 2025","excerpt":"Los geht\u2019s mit Home Assistant! In Teil 1 zeigen wir die Installation auf dem Raspberry Pi, richten HACS ein und binden eine Homematic IP CCU3 ein. Plus: erstes Lovelace-Dashboard \u2013 schnell, lokal, flexibel."},"_links":{"self":[{"href":"https:\/\/de.elv.com\/elvjournal\/wp-json\/wp\/v2\/posts\/1907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/de.elv.com\/elvjournal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/de.elv.com\/elvjournal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/de.elv.com\/elvjournal\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/de.elv.com\/elvjournal\/wp-json\/wp\/v2\/comments?post=1907"}],"version-history":[{"count":10,"href":"https:\/\/de.elv.com\/elvjournal\/wp-json\/wp\/v2\/posts\/1907\/revisions"}],"predecessor-version":[{"id":13108,"href":"https:\/\/de.elv.com\/elvjournal\/wp-json\/wp\/v2\/posts\/1907\/revisions\/13108"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/de.elv.com\/elvjournal\/wp-json\/wp\/v2\/media\/2299"}],"wp:attachment":[{"href":"https:\/\/de.elv.com\/elvjournal\/wp-json\/wp\/v2\/media?parent=1907"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/de.elv.com\/elvjournal\/wp-json\/wp\/v2\/categories?post=1907"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/de.elv.com\/elvjournal\/wp-json\/wp\/v2\/tags?post=1907"},{"taxonomy":"post-author","embeddable":true,"href":"https:\/\/de.elv.com\/elvjournal\/wp-json\/wp\/v2\/post-author?post=1907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}