Korean presentation

1. 스마트폰과 스마트TV
개발사례 및 트렌드
http://www.uangel.com

2. 김응식 (EUNGSHIK KIM)
- 유엔젤 MI개발팀장
Blog: neoroman.tumblr.com
Twitter: @neoroman
Mobile Innovation
소개

3. 10/6
9/14
9/8
2009.02
uDrummer
2009.05
BugOff
2009.06
CelebrateU
2009.07
GuitarMania
2009.10
Cops&Donuts
/
GodKnows
2009.12
Golf MapOMMP
TFT
출범
2008.12
MI개발팀
탄생
2009.08
소개

4. 2010.06
Mnet TV
for
iPad
2010.11
?
소개
MelOn
2010.03 2010.04
스마트증권 B社 SNS 관련
App 진행중
2010.092010.05
Lotte.com

5. AGENDA
• Preview - 모바일/TV 앱
• 모바일/TV 차이점
• 모바일 개발환경
• 모바일/TV 개발 트렌드
• 스마트TV 동향
• 스마트TV 전망
• 참고문헌

6. APPS

7. PREVIEW 1/4
‘HappyM’ on App Store

8. PREVIEW 2/4
‘HappyM’ on android market

9. PREVIEW 3/4
‘MelOn’ waiting forT-Store

10. PREVIEW 4/4
‘MnetTV’ on App Store

11. DIFFERENCE

12. 모바일 차이점 1/2
•모바일 하드웨어
•모바일 Usage
•모바일 기회
•모바일 Apps 특징
Storage Display Power Bandwidth
(데스크탑과 달리) 사용자의 App 구매의지 중요
LBS or Map (In-car navigation)
작고 특정 목적 지향적, 한번에 “한가지”를 잘 수행하도록...
SNS (web2.0)

13. 모바일 차이점 2/2
•모바일 소프트웨어 특징
✓기술적 차이
Processor (CPU)
Super AMOLED or Retina
Network
GPS
✓사용성 및 사용자경험(UX) 차이
✓에코시스템 차이
통신사의 ‘GateKeeper’ 역할 축소
사용자가 원하는 Market에서 Apps를 다운로드

14. 모바일 차이점 1/2
•모바일 하드웨어
•모바일 Usage
•모바일 기회
•모바일 Apps 특징
Storage Display Power Bandwidth
(데스크탑과 달리) 사용자의 App 구매의지 중요
작고 특정 목적 지향적, 한번에 “한가지”를 잘 수행하도록...
LBS or Map (In-car navigation) SNS (web2.0)

15. TV 차이점 1/2
•TV 하드웨어
•TV Usage
•TV 기회
•TV Apps 특징
Storage Display Power Bandwidth
(데스크탑과 달리) 사용자의 채널 구매의지 중요
작고 특정 목적 지향적, 한번에 “한가지”를 잘 수행하도록...
LBS or Map (In-car navigation) SNS (web2.0)

16. 모바일 차이점 2/2
•모바일 소프트웨어 특징
✓기술적 차이
Processor (CPU)
Super AMOLED or Retina
Network
GPS
✓사용성 및 사용자경험(UX) 차이
✓에코시스템 차이
통신사의 ‘GateKeeper’ 역할 축소
사용자가 원하는 Market에서 Apps를 다운로드

17. TV 차이점 2/2
•TV 소프트웨어 특징
✓기술적 차이
Processor (CPU)
Super AMOLED or Retina
Network
GPS
✓사용성 및 사용자경험(UX) 차이
✓에코시스템 차이
통신사의 ‘GateKeeper’ 역할 축소
사용자가 원하는 Market에서 콘텐츠를 다운로드

18. DEVELOPMENT
ENVIRONMENT

19. DEVELOPMENT ENVIRONMENT 1/5
• iOS - iPhone, iPad, iPodTouch,AppleTV(?)
• Apple Macintosh - MacBook, Mac mini, iMac, ...
• SDK - Xcode, Interface Builder, Instrument, Simulator

20. DEVELOPMENT ENVIRONMENT 2/5
• android - Samsung Galaxy, Google NexusOne, ...
• Microsoft Windows XP,Apple Macintosh, Linux

21. DEVELOPMENT ENVIRONMENT 3/5
• bada - Samsung WAVE
• Microsoft Windows XP or higher

22. DEVELOPMENT ENVIRONMENT 4/5
• SamsungTV SDK (Unknown OS)
• Microsoft Windows XP or higher

23. DEVELOPMENT ENVIRONMENT 5/5
• Code GeneratingTools -Titanium, Unity3D, MonoTouch, Flash
• Microsoft Windows XP,Apple Macintosh, Linux

24. TREND

25. 모바일/TV 개발 트렌드 1/5
전통적 개발 사이클

26. 모바일/TV 개발 트렌드 2/5
스마트 개발 사이클

27. 모바일/TV 개발 트렌드 3/5
• Native Apps vs.Web Apps (or Hybrid Apps)
• HTML5 + CSS3 on WebKit (Open source)

28. 모바일/TV 개발 트렌드 4/5
Wired Magazine for iPad

29. 모바일/TV 개발 트렌드 5/5
• HTML5 + CSS3 예시
HTML5Video 3D
HTML5Video Destruction
http://www.craftymind.com/factory/html5video/CanvasVideo.html
http://www.craftymind.com/factory/html5video/CanvasVideo3D.html

30. PERSPECTIVES

31. 스마트TV 동향 1/3
사진출처: 경향신문 5/21
9

32. 스마트TV 동향 2/3
• AppleTV
• AmazonTV
지난 2010/9/1일 월스트리트저널(WSJ)은 세계 최대 전자상거래 업체 아마존
이 텔레비전쇼와 영화 콘텐츠를 인터넷에서 무제한으로 제공하는 웹기반 유
료 TV서비스 사업을 추진중이라고 보도했다.
ZDNet (2010/9/26) -책 팔던 아마존은 왜 TV시장에 뛰어드는가?

33. 스마트TV 동향 3/3
TV 소비 경험 + 스마트TV += N-Screen 소비
스마트한 소비 <?> 게으른 시청자
참고: 스마트TV를 해석하는 2가지 시각:TV와 TV소비 경험! 10/3

34. REFERENCES

35. •참고문헌
• iOS - http://developer.apple.com/devcenter/ios/index.action
• android - http://developer.android.com/resources/index.html
• bada - http://developer.bada.com/apis/index.do
• SamsungTV - http://www.freethetvchallenge.com/resources
• Titanium - http://www.appcelerator.com/
• HTML5 - http://blogfreakz.com/web-design/html5-tutorial/
• HTML5 - http://www.html5rocks.com/tutorials/speed/quick/
• HTML5 - http://www.apple.com/html5/