셋탑박스앱, 사용자 웹 개발
Digital Signage
본 프로젝트는 사용자 누구나 손쉽게 콘텐츠를 운영할 수 있도록 설계된 Android 기반 디지털 사이니지 시스템입니다. 구독기능을 지원하며 사용자는 웹에서 콘텐츠의 플레이리스트를 생성하여 셋탑박스 앱을 통해 디스플레이에 재생합니다.
직관적인 UI/UX를 제공하며, 공간과 목적에 따라 싱글모드와 파노라마 모드를 지원합니다.
– 싱글 모드: 한 화면에 단독 콘텐츠 재생
– 파노라마 모드: 여러 화면을 하나처럼 이어붙여 몰입감 있는 와이드 비주얼 제공
또한 이미지, 이벤트 영상 등을 지원하며 브랜드 캠페인, 신상품 소개등 마케팅용도로 활용할수 있으며 갤러리, 호텔, 카페,로비 등 공간 분위기에 맞는 비주얼 콘텐츠를 재생하여 인테리어 요소로서의 기능을 제공합니다.
- 개발
- 웹사이트
- CMS
챌린지
- 셋탑박스 성능과 환경이 기기마다 달라 호환성 문제가 있었고, 고용량 영상 재생 시 끊김이 발생했습니다.
- 네트워크 불안정으로 콘텐츠 로딩 실패가 있었으며, 서버와 시간 동기화가 맞지 않아 재생 스케줄이 어긋나는 경우도 있었습니다.
- 콘텐츠 업데이트는 수동으로 해야 해서 비효율적이었고, 메모리 부족과 화면 비율 문제도 자주 발생했습니다.
- 또한, 외부 접근으로 인한 보안 문제와 다매장 관리의 어려움도 있었습니다.
솔루션
- 셋탑 최소 사양을 통일하고, 고용량 영상은 네이티브로 재생하며 콘텐츠는 미리 다운로드해 오프라인 재생을 지원했습니다.
- 서버 시간과 동기화를 자동화했고, OTA 방식으로 콘텐츠와 앱을 원격 배포했습니다.
- 화면 비율 자동 조정과 캐시 관리 기능을 추가했으며, 토큰 인증으로 보안을 강화하고 그룹별 콘텐츠 관리도 가능하게 만들었습니다.
주요 기능
- 콘텐츠 재생: 셋탑박스에서 영상, 이미지, 텍스트 등을 지정된 스케줄에 따라 자동 재생
- 오프라인 재생 지원: 콘텐츠를 미리 다운로드해 네트워크가 끊겨도 정상 재생
- 원격 업데이트 (OTA): 앱과 콘텐츠를 원격에서 자동 배포 및 업데이트
- 셋탑 상태 모니터링: 현재 재생 상태, 네트워크 연결 여부, 오류 로그 등 실시간 확인
- 보안 기능: 콘텐츠 접근 토큰 인증, URL 만료 설정, 외부 접근 차단
사용 기술
- Kotlin
- React JS
- Node JS
- PostgreSQL
