19
스마트TV 앱 개발 맛보기 2012.06.27 / 박재성

스마트 TV 앱 개발 맛보기

Embed Size (px)

DESCRIPTION

Simple introduction of smartTV application development

Citation preview

Page 1: 스마트 TV 앱 개발 맛보기

스마트TV 앱 개발 맛보기

2012.06.27 / 박재성

Page 2: 스마트 TV 앱 개발 맛보기

벤더별 스마트TV 앱 개발환경 비교

����������� ������������������  구분����������� ������������������   삼성����������� ������������������   LG����������� ������������������   구글����������� ������������������   애플����������� ������������������  

OS����������� ������������������   Linux����������� ������������������   Linux����������� ������������������   Android����������� ������������������   iOS����������� ������������������  

개발����������� ������������������  언어����������� ������������������  및����������� ������������������  지원����������� ������������������  플러그인����������� ������������������  

HTML,����������� ������������������  CSS,JS,����������� ������������������  ����������� ������������������  Flash(ActionScript,����������� ������������������  Air����������� ������������������  for����������� ������������������  TV����������� ������������������  -����������� ������������������  2011이상����������� ������������������  모델

한정)����������� ������������������  

HTML,����������� ������������������  CSS,JS,����������� ������������������  ����������� ������������������  Flash(ActionScri

pt,����������� ������������������  Air)����������� ������������������  

Java����������� ������������������  Flash(ActionScri

pt,����������� ������������������  Air)����������� ������������������  

Object����������� ������������������  C����������� ������������������  

개방성����������� ������������������   부분오픈����������� ������������������   부분오픈����������� ������������������   오픈소스����������� ������������������   부분오픈����������� ������������������  

렌더링����������� ������������������  엔진/����������� ������������������  브라우저����������� ������������������  

WebKit/����������� ������������������  자체개발����������� ������������������  

WebKit/����������� ������������������  자체개발����������� ������������������  

WebKit/����������� ������������������  Chrome����������� ������������������  

WebKit/����������� ������������������  Safari����������� ������������������  

Page 3: 스마트 TV 앱 개발 맛보기

LG/삼성 스마트TV H/W Spec

LG 해상도����������� ������������������   960x540,����������� ������������������  1280x720����������� ������������������  

CPU����������� ������������������   MIPS����������� ������������������  500����������� ������������������  Mhz����������� ������������������  dual����������� ������������������  core����������� ������������������  

RAM����������� ������������������   512MB����������� ������������������  

Cache����������� ������������������  memory����������� ������������������   40MB����������� ������������������  (일부����������� ������������������  모델에����������� ������������������  한해����������� ������������������  50MB)����������� ������������������  

삼성

해상도����������� ������������������  App:����������� ������������������  960x540����������� ������������������  (32����������� ������������������  bpp)����������� ������������������  Smart����������� ������������������  Hub:����������� ������������������  1280x720����������� ������������������  (32����������� ������������������  bpp)����������� ������������������  Video:����������� ������������������  1920x1080����������� ������������������  (32����������� ������������������  bpp)����������� ������������������  

CPU����������� ������������������   Dual����������� ������������������  core����������� ������������������  

RAM����������� ������������������   Info����������� ������������������  N/A����������� ������������������  

Cache����������� ������������������  memory����������� ������������������   Info����������� ������������������  N/A����������� ������������������  

Page 4: 스마트 TV 앱 개발 맛보기

Input device

삼성 1. RCU 2. Smart Touch Control 음성인식 명령을 위한 마이크 내장 터치패드 영역 제공 3. Wireless Keyboard 쿼티 키보드 터치패드 영역 제공 4. 일반 USB 마우스 또는 키보드 사용가능

LG 1. RCU (Remote Control Unit) 2. Magic Remote Control Unit 마우스 포인터를 이용한 조작

Page 5: 스마트 TV 앱 개발 맛보기

스마트 TV 앱 구조

Page 6: 스마트 TV 앱 개발 맛보기

결국, 스마트 TV 앱은 프론트 엔드 기술이 사용된

‘웹’이다.

Page 7: 스마트 TV 앱 개발 맛보기

배포 방식 LG 1. Downloadable Web Application 2. URL-Based Application

삼성 Downloadable Web Application

Page 8: 스마트 TV 앱 개발 맛보기

1. 에뮬레이터에서 1차 확인 2. 테스트 TV 장비에 개발버전 배포해 실 환경 테스트 진행 3. 패키징 및 벤더 Appstore 등록 (경우에 따라 파일을 직접 전달) 4. 벤더 QA 5. 벤더 Appstore를 통한 출시

SDK & Documentation :

LG : http://developer.lgappstv.com 삼성 : http://www.samsungdforum.com

개발 순서

Page 9: 스마트 TV 앱 개발 맛보기

key 관련 기본 RCU는 모델에 상관없이 동일하게 기본 포함되나 일부 컨트롤러는 상위 모델에 한해 제공

mouse 관련

벤더 자체 제공 이벤트 예: 음성인식 이벤트

이벤트

Page 10: 스마트 TV 앱 개발 맛보기

사용자의 텍스트 입력은 플랫폼에서 제공하는 IME를 사용. IME도 웹 요소로 제작되어 있으며, 관련 이벤트 처리와 UI를 처리하는

별도의 라이브러리 형태로 제공된다.

입력

Page 11: 스마트 TV 앱 개발 맛보기

LG는 IME 및 기타 라이브러리에 대한 소스가 오픈되어 있으며, 필요에 따라 앱에서 수정할 수도 있다. 삼성의 경우, 라이브러리들은 오픈되어 있지 않고, 암호화되어 제공된다. jQuery도 기본 라이브러리로 TV에 내장되어 있으며, 많은 TV 기본제공 컴포넌트 또는 라이브러리들이 jQuery 기반으로 되어 있기도 하다.

제공 라이브러리

Page 12: 스마트 TV 앱 개발 맛보기

TV 화면 영역, TV serial, File system, etc. 벤더 자체 기능은 모두 <object>를 통해 제공되며, 이로 인해 PC 기반 WebKit 계열 브라우저에서 디버깅 및 확인이 불가능 하다.

특수 기능

Page 13: 스마트 TV 앱 개발 맛보기

삼성 스마트TV의 경우 크로스 도메인 이슈는 전혀 없다. 따라서, 외부 API에 대해 별도의 프록시 또는 JSONP 등으로 처리할 필요가 없다. LG의 경우 CORS가 지원되는 것으로 파악되며, CORS를 사용하지 못하는 경우라면 일반적인 웹 개발에서와 같이 처리해야 한다.

AJAX

Page 14: 스마트 TV 앱 개발 맛보기

단일 플랫폼이긴 하나, TV 연식에 따라 완전히 다른 2개의 제품으로 다뤄질 수 있다. 예: 삼성 스마트 TV 브라우저 엔진 à 2010 Maple à 2011+ WebKit

같은 연식이어도 상위 모델에서만 지원되는 기능이 존재한다. 예: 음성인식

크로스 브라우징

Page 15: 스마트 TV 앱 개발 맛보기

가장 많은 시간이 소요되며, 개발을 어렵게 만드는 작업이다. 따라서, 코드의 실행 flow 파악이 너무 어렵다.

모든 로그는 IDE의 로그콘솔에서 확인가능 하다. 그러나… à 시스템 로그가 섞여있어 원하는 로그를 보는 것도 문제

에뮬레이터와 실제 TV의 렌더링 차이 존재

공식 문서와 실 개발환경의 상이성 존재 à 개발단계에서는 끊임없이 벤더 개발 담당자와 커뮤니케이션이 필요하다.

디버깅

Page 16: 스마트 TV 앱 개발 맛보기

LG는 웹 서버에 배포 후, URL을 호출해 실행된다. 삼성은 특수모드로 진입 후, 개발버전 앱을 올려 실행 가능. 이후, 실제 배포는 자체 Appstore에 등록 후 가능하다.

배포

Page 17: 스마트 TV 앱 개발 맛보기

데모

Page 18: 스마트 TV 앱 개발 맛보기

스마트TV 앱도 결국은 웹 어플리케이션 이다.

아직 과도기적인 상태로 각 벤더들마다 주도권 쟁탈을 위해 노력 중이다.

LG는 타 벤더와 손잡고 생태계 구축을 위해 노력 중인 상태http://www.smarttv-alliance.org

스마트 TV앱을 통한 BM은 요원한 상태이며, 대다수 미래를 위한 투자 또는 다양한 플랫폼 포트폴리오 구축을 목적으로 접근하고 있다.

마치며

Page 19: 스마트 TV 앱 개발 맛보기

고맙습니다.