LG ThinQ Dashboard for Android TV 개발

삼성전자와 LG전자의 TV 및 스마트 모니터에는 자사 OS(Tizen, webOS)가 탑재되는데, 이 OS에는 자사 IoT 서비스에 연결된 기기를 TV 화면에서 제어할 수 있는 기능을 탑재하고 있습니다.
삼성은 SmartThngs, LG는 ThinQ 홈보드라는 명칭으로 서비스를 제공하는데요.
 

 
중소기업 TV나 IPTV 셋톱박스에 많이 사용되는 Android TV는 Google 어시스턴트를 통해 Google Home에 연결된 가전을 제어할 수는 있지만, 삼성이나 LG처럼 대시보드 형태로 가전을 제어하는 기능은 없습니다.
SmartThings나 ThinQ 홈보드 앱도 Android TV용으로는 없구요.
 
그래서 Android TV에서 사용할 수 있는 ThinQ 대시보드를 만들어보기로 했습니다.

---

개발 과정

프로토타입

첫 시작은 ThinQ API와 Homey 로컬 API를 안드로이드 TV 앱이 바로 불러올 수 있는지부터 확인해봅니다.
 

Claude에게 대충 구상한 아이디어를 던져주니 Android Studio용 프로젝트를 뚝딱 만들어줬습니다.
 

받은 프로젝트 파일을 이용해 에뮬레이터 환경에서 구동해보았습니다.
ThinQ PAT와 Homey 로컬 API를 넣고 시작을 누르니, 기기 목록이 쭉 나오고 카드를 누르니 실제로 제어도 되었습니다.

본격적 앱 개발

초기 버전은 단순 기기 조회 및 제어 가능 여부를 확인하는 것이었고, 본격적으로 기능을 추가해봅니다.

• 기능 추가: API가 지원하는 제어 기능, 장소 수동 지정
• UI 개선: 텍스트 가독성 문제 해결, 제품 아이콘 추가
• UX 개선: 기기 제어 후 포커스 이탈, 스크롤 이슈 개선

 

기기 카드의 크기를 줄이고, 대시보드에서 상태를 한 눈에 알 수 있게 변경하는 등 여러 차례 수정이 있었습니다.
앱 아이콘과 배너를 추가하고, 자동 업데이트 등 여러 편의기능들도 탑재합니다.

---

ThinQ 대시보드 앱 소개

그렇게 단 하루만에 ThinQ 대시보드가 완성되었습니다.

앱 배너

앱 배너는 LG전자 BI를 참조하여 대충 제작하였습니다.
LG ThinQ 로고와 아이콘이 그대로 사용되었는데, 공개 배포 시에는 문제가 되겠지만 혼자 쓰려고 만든 앱이라...

대시보드 화면

대시보드 화면입니다.
전원 상태에 따라 카드가 밝게 또는 어둡게 표시되며, 제어 옵션에 따라 우측 상단의 아이콘이 튠 / 전원 / 없음으로 다르게 나타납니다.

전원 및 설정온도(습도) 조절이 가능한 에어컨, 제습기 제품은 카드를 클릭하면 제어 다이얼로그가 나타납니다.

제어 기능이 없거나 불필요한 스틱청소기, 세탁기 등 제품은 클릭 시 토스트 메시지가 나타납니다. (사진은 수정 전)

전원 제어만 가능한 조명 스위치, 플러그 등 제품은 카드를 클릭하면 즉시 제어됩니다.

설정

ThinQ API는 기기의 장소 정보를 제공하지 않습니다. 따라서 앱 내에 장소 설정 기능을 구현하였습니다.
ThinQ 미지원 제품 등 제어가 불가능한 기기이거나 중복으로 표시되는 기기 등 대시보드에 표시되기 원하지 않는 기기를 숨기는 기능도 구현하였습니다.

기기 Type이 일치하지 않아 아이콘이 다르게 표시되는 경우에도 대응할 수 있도록 아이콘 변경 기능도 구현하였습니다.

토큰이나 API 키가 변경되었거나, ThinQ ON 연동 여부를 앱 사용 중에도 변경할 수 있도록 API 설정 메뉴를 남겨두었습니다.
앱 최초 설치 시에는 이 화면이 가장 먼저 표시됩니다.

앱 정보 메뉴에서 앱 버전 및 기타 정보를 확인할 수 있으며, 앱 업데이트 체크 및 설치도 가능합니다.
업데이트 조회 주기는 24시간이며, 새로운 업데이트가 있을 경우 앱 실행 시 토스트 메시지가 나타납니다.