구글 TV 앱 개발 2012.06.01. 채원석. 발표순서 개요 ‘Panoramio’ - 구글 TV 앱 포팅 사례 기초 개발 사용자 인터페이스 요약.

Presentation on theme: "구글 TV 앱 개발 2012.06.01. 채원석. 발표순서 개요 ‘Panoramio’ - 구글 TV 앱 포팅 사례 기초 개발 사용자 인터페이스 요약."— Presentation transcript:

1 구글 TV 앱 개발 2012.06.01. 채원석

2 발표순서 개요 ‘Panoramio’ - 구글 TV 앱 포팅 사례 기초 개발 사용자 인터페이스 요약

3 개요 구글 TV? ◦ 공개 플랫폼 ◦ 고해상도 ◦ 비디오, 게임, 음악, 소셜, 주식, 스포츠, 뉴스 … 앱웹 TV

4 개요 Entertainment Hub Unified Google Search http://www.youtube.com/watch?v=diTpeYoqAhc&feature=player_embedded - 웹 검색 결과 -TV 채널 - 녹화된 비디오 - 유튜브 - 음악 - 사진 …

5 ‘Panoramio’ – 구글 TV 앱 포팅 사례 모바일 앱 -> 구글 TV 앱 ◦ 허니콤 (Android 3.x) ◦ 구글 TV 지원 불가 요소 고려 Panoramio ◦ 근처에서 촬영된 사진 검색 ◦ 구글 서비스에 대 한 클라이언트 MapView ListView

6 ‘Panoramio’ – 구글 TV 앱 포팅 사례 구글 TV 앱 ◦ MapView 는 부적절 ◦ 현재위치 주변검색 ◦ Landscape - GridView ◦ 다양한 스크린 비율 ◦ 아이콘 및 폰트 크기 ◦ 네비게이션 바 ◦ 고해상도 이미지 메모리 에러 주의 GridView carousel 네비게이션 바 고해상도 이미지

7 ‘Panoramio’ – 구글 TV 앱 포팅 사례 menuListView (Detail) menu ListView (Detail)

8 기초 – 구글 TV 앱 개발 터치스크린 X D-Pad(5-way) + 커서 다양한 해상도 (Detection) “10 ft UX” – 아이콘 크기, 선명한 경계 Q. 현재 구글 TV 에서 가능한 것을 모두 고르시오. Android AppLive TV Android AppLive TV TVApp ①②③ ④ D-Pad PIP

9 기초 – 구글 TV 앱 개발 구글 TV 에서 가능한 것 ◦ android.hardware.location.network  네트워크 기반 위치 정보  gps 사용 불가 ◦ android.hardware.usb.host  USB 호스트 모드로 동작 지원  USB 액세서리 모드는 사용 불가 ◦ android.hardware.wifi  802.11 네트워킹 지원 ◦ OpenGL for Java ◦ Application Widget ◦ com.google.android.tv (system feature)

10 기초 – 구글 TV 앱 개발 구글 TV 에서 불가능한 것 ◦ 터치스크린 (faketouch 포함 ) ◦ NDK(Native Development Kit) ◦ 블루투스, 카메라, GPS, 마이크, NFC ◦ 가속센서, 자이로센서, 나침반 ◦ 각종 Telephony( 전화, SMS, 3G) ◦ SIP/VoIP

11 기초 – 구글 TV 앱 개발 구글 TV 앱 분류 ◦ 유니버셜 앱  모든 안드로이드 기기 대상  주의 : 매니페스트 파일에 touchscreen 해제 ◦ 기능 제한 앱 ◦ 구글 TV 전용 앱 if (getPackageManager().hasSystemFeature("com.google.android.tv")) { // disable features that are not supported on Google TV. }

12 개발 안드로이드 개발 기본 셋업 완료 후, 구글 TV 애드온 설치 ◦ 구글 TV 앱 개발을 위한 SDK 플러그인 ◦ 구글 TV 에뮬레이터  KVM 가상환경의 Linux 장비에서만 가능  Intel 과 AMD 계열만 지원, ARM 기반은 안됨  OpenGL 은 실제 기기에서와 성능 차이 존재

13 개발 구글 TV 에뮬레이터 ◦ AVD 타깃 : GoogleTV Addon – API Level 12 ◦ 스크린 해상도 : 720p 또는 1080p ◦ 인텔 Atom(x86) ◦ 사양 변경 ◦ SD 카드 ◦ snapshot

14 개발 개발 장비 셋업 ◦ 구글 TV -> 설정 (Settings) ◦ Application -> Development ◦ Remote debugging ◦ Debugger IP address -> 워크스테이션 IP 입력 장비 연결 (ADB 사용시 ) ◦ 구글 TV -> 설정 (Settings) ◦ Network -> Status ◦ IP address -> IP 조회 ◦ 터미널에서 아래 명령 실행 / /platform-tools/adb connect

15 사용자 인터페이스 Overscan 문제 ◦ 가장자리에 10% 여백 ◦ 절대좌표 사용 금지 Color 문제 ◦ White(255 -> 240) ◦ 다양한 영상 모드 ◦ 그라데이션 Text 문제 ◦ 얇은 폰트 삼가 ◦ 커스텀 폰트 추가시 성능 저하 Navigation 문제 ◦ 마우스 -> D-pad ◦ Drag & Drop, 드롭다운 메뉴 삼가

16 사용자 인터페이스 선택 포커스 그리드 패턴 D-Pad

17 사용자 인터페이스 존 (Zone) ◦ Global: 앱 사용 중 계속 유지되는 부분으로 최소한의 크기로 ◦ Contextual: 옵션 리스트 등으로 넓지 않게 ◦ Detail: 사용자가 보기를 원하는 부분으로 최대한 넓게

18 사용자 인터페이스 TV, 태블릿, 폰의 존 비교

19 사용자 인터페이스 TV 존에 대한 기본 패턴들

20 요약 개발방식은 기존 안드로이드와 유사 사용자 인터페이스에 많은 노력 필요 구글 TV 로 가능 / 불가능 특징 숙지 기존 앱 포팅시 반드시 인터페이스 변경 마우스 보다는 D-Pad 를 통한 네비게이션 UI thread 는 가볍게, background thread 활용 구글 TV 에뮬은 KVM 이 설치된 리눅스 머신