ライト、気温、スプリンクラーをHome Assistantで自動化した後、アントン・フロロフは家族が伴侶アプリやダッシュボードをほとんど開かず、スマートホームの機能が使われていないことに気づきました。インターフェースを誰でも使いやすいものにする方法を探し、彼は汎用UIパネルに頼る代わりに、自宅のカスタムアートワークを依頼することにしました。推薦を通じてイラストレーターのオーウェン・イェコニエルを見つけ、建築図面、部屋の写真、スタイル参照、ダッシュボードの例、必要なファイル形式、レイヤー、アニメーションについて詳述した短い技術仕様を含むパッケージを提供しました。
イラストレーターのオーウェン・イェコニエルは、PNGとWebP形式の画像セットを作成しました。各階と庭園が別々のレイヤーとして、昼と夜のバージョンがあり、デバイスはオフ状態では静止画、オン状態では短いアニメーションループで表現されています。すべてのアセットは共通のキャンバスサイズと位置合わせを共有しており、これによりHome Assistantのピクチャーエレメントカードに正確に配置できます。ここでイラストレーションは背景として機能し、デバイスの画像や状態ラベルはstate_imageプロパティを使って上に重ねられ、切り替わります。ヘルパースクリプトとオートメーションが夕暮れと朝日にて昼と夜のモードを切り替え、必要に応じて夜のレイヤーのみを表示する条件付き要素があります。ネイティブなポップアップを持たない庭の灌漑などのデバイスについては、Browser Mod統合を使ってカスタムダイアログを起動し、全体のUIをシンプルに保っています。
この画像は、オーウェン・イェコニエルがアントン・フロロフのHome Assistantダッシュボードのために作成したイラストセットの一部で、ピクチャーエレメントカードのレイヤーとして使用される家の間取りを表しています。
この画像は、すべての階と庭園のレイヤーが共通のキャンバスに合わせて配置され、Home Assistantのピクチャーエレメントカードで使用できる状態を示しています。
このアニメーションは、イラストレーターが作成したデバイス状態の一つを表しており、ライトやスイッチなどのデバイスの'オン'状態を示すために短いループが使用されています。
ダッシュボードを継続的に表示するため、フロロフはHAOS Kiosk Displayアドオンをインストールし、ページをLG webOSテレビのHDMI入力にルーティングしました。これにより、ブラウザがウェブページをスクリーンセーバーまたはデフォルトページとして設定できない制限を回避しています。テレビのリモコンではHDMI経由でダッシュボードとやり取りできませんが、家族は設定を変更したいときにHome Assistantモバイルアプリやブラウザのブックマークを使用し、朝夕の時間帯にスケジュールでダッシュボードが動作することで「一家団らんのスクリーン」を提供し、今では家族全員が楽しんでいます。個別の階のビューはスマートフォンでも見やすく、総合ビューはノートパソコン程度の画面サイズがあると効果的です。また、イラストレーターの貢献はダッシュボードのフッターに直接クレジットとして記載されています。