가전을 모아서 관리하고 자동 조작할 수 있는 오픈 소스 “Home Assistant”로 집에서 스마트 홈을 구축하고 있던 안톤 플로로프 씨는 가족이 사용하려는 제어 앱이 없어서 고민했습니다. 그는 일러스트레이터에게 집의 그림을 그려 달라고 부탁하여 그림 속의 가전제품에서 실제 가전제품을 제어할 수 있는 화면을 만들게 된 과정을 Substack에 기록했습니다. 저는 일러스트레이터에게 집을 그려 달라고 고용했습니다. 이제 제 Home Assistant 대시보드입니다. https://antonfrolov.substack.com/p/i-hired-an-illustrator-to-draw-my
플로로프 氏は約1年間にわたりHome Assistantで自宅の機器を自動化していました。家族全員が外出するとすべてのエアコン이 꺼지도록 설정하고, 정원 스프링클러는 날씨에 따라 물을 주는 시간을 조정하여 더운 날에는 오래, 비 오는 날에는 물 주는 것을 미루도록 설정했습니다. 하지만 정원 조명은 자동화되지 않았고, 조명을 켜려면 앱으로 조작해야 했습니다. 또한 “일정 시간이 지난 후 조명이 자동으로 꺼지고, 소등 전에 깜빡이는 타이머를 설정하며, 조명을 계속 켜고 싶다면 소등 전에 앱으로 타이머를 연장하는” 기능에 설정되어 있었기에, 가족들은 Home Assistant 앱도 플로로프 氏가 처음 사용했던 다음의 운영 화면도 사용하고 싶어하지 않았다고 합니다.
물리적 스위치를 추가해도 타이머 연장은 필요하기 때문에, 플로로프 氏は 가족들이 사용하고 싶어할 운영 화면을 만들려고 생각했습니다. 집 구조를 재현하는 방법을 조사한 결과, 3D 모델은 정지 이미지에 조작용 아이콘을 겹치는 경우가 많고, 픽셀 아트에서는 직접 그리는 것 또는 자재를 나열하는 필요가 있었습니다. 왼쪽 상단은 3D 스타일, 오른쪽 하단은 픽셀 아트 스타일의 집 구조 이미지입니다.
최종적으로 플로로프 氏は、배경과 공간의 일러스트를 담당하는 오웬 예코넬(Owen Yeconiel) 씨의 화풍을 마음에 들어 제작을 의뢰했다. 가구 배치도를 포함한 실내 사진을 참고 자료로 전달하고, 각 층의 낮용 및 야용 그림 외에 기기별 전원 오프(OFF)의 정지화면과 동작 중 짧은 애니메이션을 준비해 달라고 요청했다. 기기의 이미지는 배경을 투명하게 처리하여 겹쳐 놓았을 때 위치가 맞도록 여백을 자르지 않고 집 전체와 동일한 크기의 캔버스(Canvas)로 출력하도록 했다고 한다. 운영 화면에는 Home Assistant 표준의 “picture-elements”가 사용되었으며, 집의 그림에 기기의 이미지와 습도(습도) 표시를 겹쳐 놓고 에어컨이 정지 상태라면 정지화면, 작동 중이라면 애니메이션을 표시하는 기능이다. 그림 속의 에어컨을 탭(Tap)하면 Home Assistant의 표준 운영 화면이 열리는 방식이다. 또한, 플로로프 氏は 해돋이와 해질녘에 맞춰 낮용 그림과 야용 그림이 자동으로 전환되도록 설정했다. 아래 이미지를 클릭하면 스위치를 수동으로 조작하여 낮과 밤의 표현을 바꾸는 모습을 확인할 수 있다.
플로로프 氏は1층과 2층, 정원을 개별적으로 표시하는 화면과, 집 전체를 둘러볼 수 있는 화면을 준비했습니다. 각 층의 화면은 스마트폰으로도 사용하기 편리한 반면, 집 전체 화면을 표시하려면 노트북 이상의 화면 크기가 필요하다는군요. 집 전체를 표시한 화면은 다음과 같습니다. 이미지를 클릭하면 에어컨의 바람이나 난방기의 불이 움직이는 모습을 확인할 수 있습니다.
또한, 플로로프 씨는 Home Assistant를 작동시키는 기기를 TV에 HDMI로 연결하여 입력을 전환하는 것만으로 집 전체 화면을 투사할 수 있도록 했습니다. 완성된 화면을 처음 TV에 투사했을 때, 가족들은 실제 방과 그림을 비교하거나, 기기의 전원을 껐다 켜서 그림의 반응을 시험해 보면서 즐거워했다는군요. 다만, TV 리모컨으로는 가전을 조작할 수 없고, TV는 집의 상태를 조망하기 위한 화면으로만 남게 되었습니다. 그럼에도 불구하고, 그림 속의 가전을 조작하고 싶었던 가족들은 스마트폰에 Home Assistant 앱을 설치하거나, PC에서 화면을 북마크하는 등의 방법을 사용하게 되었다고 플로로프 씨가 밝혔습니다.
원문 보기 | 출처: Gigazine