스마트 TV 앱 개발 맛보기

5,836 views

Published on

Simple introduction of smartTV application development

Published in: Technology
0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,836
On SlideShare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
67
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide

스마트 TV 앱 개발 맛보기

  1. 1. 스마트TV 앱개발 맛보기 2012.06.27 / 박재성
  2. 2. 벤더별 스마트TV 앱 개발환경 비교
  3. 3.  구분
  4. 4.   삼성
  5. 5.   LG
  6. 6.   구글
  7. 7.   애플
  8. 8.   OS
  9. 9.   Linux
  10. 10.   Linux
  11. 11.   Android
  12. 12.   iOS
  13. 13.  개발
  14. 14.  언어
  15. 15.  및
  16. 16.   HTML,
  17. 17.  CSS,JS,
  18. 18.  
  19. 19.   HTML,
  20. 20.  CSS,JS,
  21. 21.  
  22. 22.   Java
  23. 23.   Object
  24. 24.  C
  25. 25.  지원
  26. 26.  플러그인
  27. 27.   Flash(ActionScri Flash(ActionScri Flash(ActionScri pt,
  28. 28.  Air
  29. 29.  for
  30. 30.  TV
  31. 31.  -
  32. 32.   pt,
  33. 33.  Air)
  34. 34.   pt,
  35. 35.  Air)
  36. 36.   2011이상
  37. 37.  모델 한정)
  38. 38.   개방성
  39. 39.   부분오픈
  40. 40.   부분오픈
  41. 41.   오픈소스
  42. 42.   부분오픈
  43. 43.   렌더링
  44. 44.  엔진/
  45. 45.   WebKit/
  46. 46.   WebKit/
  47. 47.   WebKit/
  48. 48.   WebKit/
  49. 49.   브라우저
  50. 50.   자체개발
  51. 51.   자체개발
  52. 52.   Chrome
  53. 53.   Safari
  54. 54.  
  55. 55. LG/삼성 스마트TV H/W SpecLG 해상도
  56. 56.   960x540,
  57. 57.  1280x720
  58. 58.   CPU
  59. 59.   MIPS
  60. 60.  500
  61. 61.  Mhz
  62. 62.  dual
  63. 63.  core
  64. 64.   RAM
  65. 65.   512MB
  66. 66.   Cache
  67. 67.  memory
  68. 68.   40MB
  69. 69.  (일부
  70. 70.  모델에
  71. 71.  한해
  72. 72.  50MB)
  73. 73.  삼성 App:
  74. 74.  960x540
  75. 75.  (32
  76. 76.  bpp)
  77. 77.   해상도
  78. 78.   Smart
  79. 79.  Hub:
  80. 80.  1280x720
  81. 81.  (32
  82. 82.  bpp)
  83. 83.   Video:
  84. 84.  1920x1080
  85. 85.  (32
  86. 86.  bpp)
  87. 87.   CPU
  88. 88.   Dual
  89. 89.  core
  90. 90.   RAM
  91. 91.   Info
  92. 92.  N/A
  93. 93.   Cache
  94. 94.  memory
  95. 95.   Info
  96. 96.  N/A
  97. 97.  
  98. 98. Input device LG 1. RCU (Remote Control Unit) 2. Magic Remote Control Unit 마우스 포인터를 이용한 조작삼성1. RCU2. Smart Touch Control 음성인식 명령을 위한 마이크 내장 터치패드 영역 제공3. Wireless Keyboard 쿼티 키보드 터치패드 영역 제공4. 일반 USB 마우스 또는 키보드 사용가능
  99. 99. 스마트 TV 앱 구조
  100. 100. 결국,스마트 TV 앱은프론트 엔드기술이 사용된‘웹’이다.
  101. 101. 배포 방식LG1. Downloadable Web Application2. URL-Based Application삼성Downloadable Web Application
  102. 102. 개발 순서1. 에뮬레이터에서 1차 확인2. 테스트 TV 장비에 개발버전 배포해 실 환경 테스트 진행3. 패키징 및 벤더 Appstore 등록 (경우에 따라 파일을 직접 전달)4. 벤더 QA5. 벤더 Appstore를 통한 출시SDK Documentation :LG : http://developer.lgappstv.com삼성 : http://www.samsungdforum.com
  103. 103. 이벤트key 관련기본 RCU는 모델에 상관없이 동일하게기본 포함되나 일부 컨트롤러는상위 모델에 한해 제공mouse 관련벤더 자체 제공 이벤트예: 음성인식 이벤트
  104. 104. 입력사용자의 텍스트 입력은플랫폼에서제공하는 IME를 사용.IME도 웹 요소로 제작되어 있으며,관련 이벤트 처리와 UI를 처리하는별도의 라이브러리 형태로 제공된다.
  105. 105. 제공 라이브러리LG는 IME 및 기타 라이브러리에 대한소스가 오픈되어 있으며, 필요에 따라앱에서 수정할 수도 있다.삼성의 경우, 라이브러리들은 오픈되어있지 않고, 암호화되어 제공된다.jQuery도 기본 라이브러리로 TV에 내장되어 있으며,많은 TV 기본제공 컴포넌트 또는 라이브러리들이 jQuery 기반으로 되어 있기도 하다.
  106. 106. 특수 기능TV 화면 영역, TV serial, File system, etc.벤더 자체 기능은 모두 object를 통해제공되며, 이로 인해 PC 기반 WebKit 계열 브라우저에서 디버깅 및 확인이 불가능 하다.
  107. 107. AJAX 삼성 스마트TV의 경우 크로스 도메인 이슈 는 전혀 없다. 따라서, 외부 API에 대해 별도의 프록시 또는 JSONP 등으로 처리할 필요가 없다. LG의 경우 CORS가 지원되는 것으로 파악되며, C ORS를 사용하지 못하는 경우라면 일반적인 웹 개발에서와 같이 처리해야 한다.
  108. 108. 크로스 브라우징단일 플랫폼이긴 하나, TV 연식에 따라 완전히 다른2개의 제품으로 다뤄질 수 있다.예: 삼성 스마트 TV 브라우저 엔진 à 2010 Maple à 2011+ WebKit같은 연식이어도 상위 모델에서만 지원되는기능이 존재한다.예: 음성인식
  109. 109. 디버깅가장 많은 시간이 소요되며, 개발을 어렵게 만드는작업이다.따라서, 코드의 실행 flow 파악이 너무 어렵다.모든 로그는 IDE의 로그콘솔에서 확인가능 하다. 그러나…à  시스템 로그가 섞여있어 원하는 로그를 보는 것도 문제에뮬레이터와 실제 TV의 렌더링 차이 존재공식 문서와 실 개발환경의 상이성 존재à 개발단계에서는 끊임없이 벤더 개발 담당자와 커뮤니케이션이 필요하다.
  110. 110. 배포LG는 웹 서버에 배포 후, URL을 호출해실행된다.삼성은 특수모드로 진입 후, 개발버전 앱을올려 실행 가능. 실제 배포는 자체 Appstore에 등록 후이후, 가능하다.
  111. 111. 데모
  112. 112. 마치며스마트TV 앱도 결국은 웹 어플리케이션 이다.아직 과도기적인 상태로 각 벤더들마다 주도권 쟁탈을위해 노력 중이다.LG는 타 벤더와 손잡고 생태계 구축을 위해 노력 중인 상태http://www.smarttv-alliance.org스마트 TV앱을 통한BM은 요원한 상태이며, 대다수 미래를 위한 투자 또는 다양한 플랫폼 포트폴리오구축을 목적으로 접근하고 있다.
  113. 113. 고맙습니다.

×