LG 스마트 TV 앱개발
Contents 1. 스마트 TV 동향 2. LG Smart TV 및 Eco-system 3. 개발자지원프로그램 4. LG Smart TV SDK 활용하기 5. 애플리케이션테스트환경 6. Web 애플리케이션프로그래밍 1
스마트 TV 동향 2
TV 패러다임의변화 출처 : ETRI 1966 년 8 월금성사 3
Smart TV 란? Smart TV 는방송서비스와인터넷이결합됨 - 실시간방송 - 앱스토어 ( 에코시스템 ) - 웹브라우저 - 게임, SNS 등다양한서비스 / 컨텐츠 - 편리한사용환경 (UX) 4
Smart TV 이용패턴 1. 능동적인시청패턴증가 2. TV 구매패턴변화기졲 TV 대비가격인상되어도스마트 TV 구매하겠다는의사가높음 출처 : ETRI, LG CNS 5
Smart TV 이용패턴 장기적인젂망 - Cloud & Personal TV - N-screen 서비스 - 프로그램검색형태로짂화 - 고객맞춤형서비스필요 출처 : LG CNS 6
Smart TV 플랫폼 LG, Samsung, Google, Apple 의스마트 TV 별로다른플랫폼 LG 의스마트 TV 플랫폼명 : NetCast - 2012 년모델 : NetCast 3.0 플랫폼마다고유한 SDK 로스마트 TV 앱개발을지원 7
LG Smart TV 및 Eco-System 8
What is LG Smart TV? LG 스마트 TV 누적접속 2 억회돌파 (2012 년 1 월기준 ) 스마트 TV 글로벌마켓전망 9
스마트보드 (Home Dash Board) Live TV 광고 Cards - Premium - 3D World - LG Smart World - Game World - SmartShare Launcher Bar SmartShare 10
Premium Contents and Apps 11
Smart Share 12
3D Contents 3D 기술기반의다양한 3D 경험제공 3D Game Marmalade Air Penguin Slam Dunk Basketball Unity3D 3D by Dual Play 13
Input Device (Magic Remote Control) 14
LG Smart TV App 사업모델 LG Apps TV ( 앱스토어 ) 를기반으로다양한 App 사업모델을제공 유료 App 판매 유료 App In-App 광고를통한수익창출 무료 App + App 내광고 In-App Purchase 를통한수익창출 ( 준비중 ) 무료 App + 부가기능 (App 내구매 ) App 내아이템구매등 Developer LGE 15
Eco-system for LG TV 개발자및판매자지원을통한 Smart TV Eco-system 활성화 SDK/ Sample Code Document Discussion 판매 / 정산관리 App 등록 / 관리 16
Developer Lounge http://developer.lgappstv.com THINK DEVELOP DISCUSS Getting Started SDK Sample Code Forum Device Spec 1:1 Inquiry Document FAQ App Test 17
Developer Lounge 주요문서 http://developer.lgappstv.com LG Smart TV SDK Installation Guide Getting Started with LG Smart TV SDK LG Smart TV Emulator User Guide Testing Application on Real TV using App Test Menu 1. Development Preparation 2. Using SDK 3. Web App Development 4. App Test Beginning Application Development for LG Smart TV LG Smart TV and Media product UI Guideline NetCast Spec (Software Spec) LG Web Application Development Guide LG Web Application Development with LG Smart TV SDK LG Web Open API Reference Guide Developer Lounge 사이트의 Document 모두를소개한문서 : Introduction to Documentation 18
Seller Lounge http://seller.lgappstv.com Registration Registration Payment Details 19
LG Apps TV http://www.lgappstv.com 게임 엔터테인먼트 생홗 교육 뉴스 / 정보 20
LG Ad Lounge http://kr.lgad.lgappstv.com 21
App Development / Submission Process For Developer Developer Lounge Registration SDK Download App./Service Development (Self testing) App signing For Seller Listing on App. Market LG Assurance (App testing) App Submit App DRM Seller Lounge Registration Used in Smart TV 22
Acceptance Criteria for Apps 1. 다른나라와그나라의문화를존중해주세요. 2. 인종또는성차별은앆돼요. 3. 악성코드나바이러스는싫어요. 4. 기기가아프지않게해주세요. 5. 저작권을보호해주세요. 6. 음란하거나폭력적인것은좋지않아요. Quality Assurance Guideline 소리 언어 동작 성능 리모컨 23
UX Guideline Understand TV, How to browse your app. on TV 어디서? - 거실 누구와? - 가족과함께 무엇을? - TV 프로그램, 영화, 게임등 어떻게? - 편한자세로 24
UX Guideline Check list to migrate your app into LG Smart TV Screen Layout - 1280 x 720 해상도 ( 화면에스크롤바가생기지않도록 ) - 클릭가능한오브젝트, 텍스트, 로고의배치 Navigation - 상하좌우버튼, OK/Back 버튼등을사용한네비게이션 - 리스트아이템은스크롤링되도록 On Screen Button - 텍스트입력시 Web Based on Screen Keyboard 이용 - Q.Menu 버튼으로동영상을 Full Screen 으로재생 - Back 버튼을반드시구현 Font - LG Display Font 또는 Tiresias Font 를반드시사용 ( 이미지제외 ) - TV 시청거리에서도읽을수있는 Font 크기 Visual Treatment - 클릭가능한오브젝트는반드시 2 가지상태를갖도록 - 스트리밍 UI 페이지인경우콘텎츠가로딩중임을반드시표시 UI Checklist 문서참조 LG Smart TV and Media Product UI Guideline 참조 25
UX Guideline App without over scan (safety zone) 26
UX Guideline Small Font Size 27
UX Guideline No Initial Focus 28
개발자지원프로그램 29
LG 스마트월드캠퍼스 LG 스마트 TV / 스마트폰의앱개발자들에게테스트기기 / 좌석, 앱개발교육과정제공 - 캠퍼스개설일정 : 2012 년 5/7 일오픈 - 위치 : LG 젂자서초 R&D 캠퍼스 ( 주소 : 서울시서초구양재동 221 번지 ) - 이용안내 : 블로그 (http://smartworldcampus.lge.com) 참조 교육과정 Mobile Real3D App 개발과정 TV App 개발과정 대여기기 옵티머스 3D 큐브, 태그, 뷰등 12 년출시된 LG Smart TV 30
기술문의 LG Developer Lounge (http://developer.lgappstv.com) > Support > 1:1 Inquiry 1:1 질의하시기젂에 Support>FAQ 내용먼저확인 31
LG Smart TV SDK 홗용하기 32
SDK Package Components SDK 다운로드 : LG Developer Lounge (http://developer.lgappstv.com) Open API Lib. IDE * Provide interfaces to LG Smart TV to make useful apps Media playback, TV control, App related Implement Build Provide build environments for LG Smart TV apps Create sample project, launch emulator Doc & Sample Concept & Design Test & Debugging DTV Emulator How to use SDK s component, open API reference guide Samples to show how to develop LG Smart TV apps Emulate real LG Smart TV on to run apps Verify user s application without real LG TV * IDE : Integrated Development Environment 33
SDK Type Type IDE APIs Web 권장 Eclipse + LG plugin LG Web Open API Reference Guide Flash ActionScript 2.0, 3.0 (Flash, AIR) + LG plugin LG Flash Open API Reference Guide [ SDK Package Components ] IDE Emulator Samples Documents Marmalade*: http://www.madewithmarmalade.com/downloads 34
LG Web Open API 기본 APIs ( 현재제공함 ) NetCast API App 종료, 페이지로딩, Mouse On/Off, 메모리사이즈등 TV UI 동작및 LG 브라우저의기본적인기능지원 Media API Video/Audio 컨텎츠를재생하고제어할수있는기능지원 (Play, Pause, Stop, Next/Prev, Seek 등 ) Device API TV 디바이스 HW/SW 및설정정보를제공 Broadcast API TV 방송정보와연계한 App 개발시활용되는 API 제공 방송정보 (EPG) 를활용할수있는 API 제공 음성인식 매직리모컨활용한음성인식인터페이스제공 AppToApp TV 와 Phone 연동인터페이스제공 TV 는공용 UI, Phone 은개인 UI 로하는멀티유저 App 개발 응용 APIs ( 준비중 ) Camera API 화상젂화등카메라를활용하는 App 개발지원 File API Local/USB Storage 에접근가능한 API 제공 Billing API In-App 구매기능지원 35
SDK 설치홖경 HW Category Processor RAM Operating system Screen resolution Video memory SW Category LG SDK Pentium 4 2.0 GHz or higher 1 GB or higher Detail - Windows XP Service Pack 2 or higher Windows 7 (32-bit) - Mac OS X (32-bit / 64-bit) - Linux (32-bit / 64-bit) 1280 x 1024 or higher 256 MB or higher Oracle VirtualBox Detail 36
VirtualBox for LG Emulator VirtualBox 다운로드 (https://www.virtualbox.org/wiki/downloads) * LG Smart TV SDK 를설치하기젂반드시 VirtualBox 가설치되어있어야함 37
SDK Installation 1 LG Developer Lounge (http://developer.lgappstv.com) 회원가입후로그인 > TOOLS & SDK > SDK 메뉴클릭 2 파일다운로드클릭 > 약관동의체크후 Download 버튼 3 PC 에파일다운로드짂행 4 압축파일해제후 SDK 설치시작 [ Developer Lounge 에서제공되는 SDK 타입 ] Windows Mac Linux 32 bit Support Support Support 64 bit Not Support Support Support
Getting Started with SDK SDK Documents Getting Started with LG Smart TV SDK LG SDK 에대한기본소개 LG SDK Tools 에대한소개, 사용법 LG Web Application Development with LG Smart TV SDK SDK 를사용하여 LG Web Application 을개발하는방법 39
Sample Applications Web Samples API Samples (17) Mouse API App Window Media Player API App #1 Key Repeat App Key Up/Down App Window Media Player API App #2 Window Media Player API App #3 Subtitle API App NetCastReturn/Back/Exit API App NetCastPageLoadingIcon API App NetCastOutOfMemory Event App ASX Play App CE-HTML App Multi Audio App Full Screen App 3D Video App App Samples (10) Music Photo Video Virtual keyboard JSON Data Sample TV Information HTML5 Sample: Audio HTML5 Sample: Video HTML5 Sample: Canvas Web Templates (28) Book_Magazine Book_Magazine_Color2 Movie_Color1 Movie_Color2 Movie_Color3 샘플과함께제공되는튜토리얼문서는 Document > Sample Tutorials 참조 40
애플리케이션테스트홖경 41
앱테스트홖경 Emulator 이용 * Emulator (NetCast 2.0, NetCast 3.0) Linux, Mac OS 에서 VirtualBox 로구동됨 (2011 년 Emulator 는 Windows 만제공 ) [ 주요기능 ] Playing Web content for TV with LG Browser emulation Playing Flash content for TV with LG Flash emulation Remote control unit emulation Added : voice test, app to app test, etc. 에뮬레이터사용에관한설명은 LG Smart TV Emulator User Guide 참조 42
앱테스트홖경 - USB 이용 App Test Process (Option) 자세한내용은 Testing Application on Real TV using App Test Menu 문서참조 43
SDK Release Schedule Flash SDK -Flash CS IDE + LG plugins -Flash Open API -Flash Engine Emulator Web SDK -Eclipse IDE + LG plugins -Web Open API -LG Browser Emulator Digital Signing Tool 3DTV API In-App 광고 API UI Designer - LG UI Component Web 애플리케이션프로그래밍 ( 실습 ) - Drag & Drop visual editor Web JavaScript Debugger 기능 Logging / Code snippet 기능 Emulator 기능강화 - DVB TP 방송재생기능 - USB Emulation 기능 Real TV 에서 USB 로앱테스트 Downloadable Web App 지원 Native SDK (C/C++) - Included in Marmalade SDK 차별화된 API 제공 검증환경강화 디바이스연동개발환경강화 44