웹 애플리케이션 개발

Digital Signage

본 프로젝트는 누구나 손쉽게 콘텐츠를 운영할 수 있도록 설계된 Android 기반 디지털 사이니지 시스템입니다. 구독 기능을 지원하며, 사용자는 웹에서 콘텐츠 플레이리스트를 구성해 셋톱박스 앱을 통해 디스플레이에 재생할 수 있습니다.
직관적인 UI/UX를 제공하며, 공간과 용도에 따라 싱글 모드와 파노라마 모드를 지원합니다.
- 싱글 모드: 한 화면에 단독 콘텐츠 재생
- 파노라마 모드: 여러 화면을 하나로 이어 붙여 몰입감 있는 와이드 비주얼 구현
또한 이미지와 이벤트 영상 등 다양한 콘텐츠를 지원하여 브랜드 캠페인, 신제품 소개 등 마케팅 용도로 활용할 수 있습니다. 갤러리·호텔·카페·로비 등 공간 분위기에 맞는 비주얼 콘텐츠를 재생해 인테리어 요소로 활용하는 것도 가능합니다.

개발
웹사이트
CMS

도전 과제

셋톱박스의 성능과 구동 환경이 기기마다 달라 호환성 문제가 발생했고, 대용량 영상을 재생할 때 끊김 현상이 나타났습니다.
네트워크가 불안정하여 콘텐츠 로딩에 실패하는 사례가 있었으며, 서버와의 시간 동기화가 어긋나 재생 스케줄이 맞지 않는 경우도 있었습니다.
콘텐츠 업데이트를 수동으로 진행해야 해 운영 효율이 낮았고, 메모리 부족과 화면 비율 불일치 문제도 자주 발생했습니다.
또한 외부 접근에 따른 보안 문제와 다수 매장을 동시에 관리해야 하는 어려움도 있었습니다.

솔루션

셋톱박스의 최소 사양을 통일하고 대용량 영상은 네이티브 방식으로 재생했으며, 콘텐츠를 사전에 내려받아 오프라인 재생을 지원했습니다.
서버와의 시간 동기화를 자동화했고, OTA(Over-the-Air) 방식으로 콘텐츠와 앱을 원격 배포했습니다.
화면 비율 자동 조정과 캐시 관리 기능을 추가했으며, 토큰 기반 인증으로 보안을 강화하고 그룹별 콘텐츠 관리도 가능하도록 구현했습니다.

주요 기능

콘텐츠 재생: 셋톱박스에서 영상, 이미지, 텍스트 등을 지정된 스케줄에 따라 자동 재생
오프라인 재생 지원: 콘텐츠를 사전에 내려받아 네트워크가 끊겨도 정상 재생
원격 업데이트(OTA): 앱과 콘텐츠를 원격에서 자동 배포 및 업데이트
셋톱박스 상태 모니터링: 현재 재생 상태, 네트워크 연결 여부, 오류 로그 등 실시간 확인
보안 기능: 콘텐츠 접근 토큰 인증, URL 만료 설정, 외부 접근 차단

사용 기술

Kotlin
React JS
Node JS
PostgreSQL

다른 프로젝트

PROJECT / 01

웹 애플리케이션 개발

Busan Big Data Innovation Center

부산빅데이터혁신센터 공식 웹사이트(busanbigdata.kr)는 데이터 기반 디지털 혁신을 지원하는 플랫폼입니다. 다양한 기술 요소를 통합하여 사용자에게 효율적인 서비스를 제공하는 동시에 공공·민간 데이터의 연계와 공유를 촉진합니다. 이를 통해 기업, 대학생, 연구자, 중앙행정기관, 지방자치단체, 공공기관, 시민 누구나 데이터에 손쉽게 접근하고 활용할 수 있습니다.