<p> [데브멘토 동영상]KAIST SW대학원 목요 세미나</p> <p> 권정혁KTH 기술전략팀 팀장(xguru)</p> <p> KAIST SW대학원 목요 세미나는 매주 목요일 서울 도곡동 KAIST 강의실에서 개최되며 모든 분들께 공개된 강연입니다.</p>

1. 40
35.1
←Web
34.5
33.6
32.9
31.9
31.1
33.1
29.8 30.0 30.6
31.4
32.3
←App
25 23.1
22.4 22.5 22.6 23.0
22.3
23.2
22.5
21.4 21.8
20.8
19.9
App
SNS/
10
4 5 6 7 8 9
comScore U.S. Mobile Subscriber market Share May~Sep

2. 2010 was
year of
HTML5
ReadWriteWeb - “Top Trends of 2010 : HTML5”

4. Thoughts on Flash
No Flash on iOS , Go for HTML5
개방성,FullWeb,신뢰성/보안/성능,배터리,
터치기반인터페이스,
http://www.apple.com/hotnews/thoughts-on-flash/

5. HTML5
http://www.apple.com/ipad/ready-for-ipad/

6. We Love HTML5 !
http://www.apple.com/html5/ http://html5rocks.com
http://beautyoftheweb.com

7. HTML5 ?
HTML5 ~= HTML + CSS + JS API
Web Desktop App
➠ Web App

8. Web App ?
➠
➠모바일

9. 왜HTML5가모바일에중요한가?
각모바일플랫폼용
네이티브앱
iOS, Android, WP7, BlackBerry, Symbian, Bada ..
7개의플랫폼을작업
HTML5가미래의플랫폼이다. FacebookCTOBretTaylor
모든플랫폼을네이티브로지원 예산이모자르다
GoogleVPVicGundotra

10. HTML5
6 7 8 9 3+ 6+ 4+ 10+
Android RIM webOS
iOS 3+ 2011 3Q
2.0+ OS6+ 1.4+

11. http://j.mp/mopasweb
‘모바일웹(Web)‘
최소3종이상의웹브라우저에서동등한서비스

12. 기관 App 제작비용 다운로드
특허청 특허정보검색 2억6600만원 833건
전라남도 U남도여행길잡이 3억원 6600건
: http://j.mp/korgovapp

13. Devices 2011
BB PlayBook HP WebOS
CR-48 MS WP7
with
iOS Android Nokia

14. Netflix Google TV

15. N-Screen의시대
App Book News
Voice Music Movie Game
절반이상의미국인이3개이상의Device로같은컨텐츠를보고있다
Computer Smartphone Tablet Game Console
TV
Source: ATT Consumer Survey ( conducted by Burke, Dec 2010 )

16. App Book News
Voice Music Movie Game
HTML5 based Web App
3 6 5 3 3
Computer Smartphone Tablet Game Console TV

17. ChromeWebStore

18. iPadificationoftheWeb

19. GetJar

20. Device APIs
Camera
Filesystem Acclerometer
Web
Browser Contacts
Device
Messaging
Orientation
Device
Web App API Calendar
Developer Tasks Geolocation
Javascript
Hybrid Gallery
Device Device
Status Interaction
• WAC (Wholesale Application Community)
• 40 / : BONDI + JIL ~= Waikiki Beta
• W3C DAP ( Device API )

21. WAC Schedule 2011
2010 2011
07 11 02 05 09
WAC WAC API Beta WAC Demo WAC 2.0 WAC 3.0
@MWC Enabled Device Network APIs
12 05
K-WAC K-WAC
Enabled Device
• WAC Enabled Device
✓ Galaxy S 2 , Bada 2 ..
• Device Web App

22. Native
Vs.
Web
Vs.
Hybrid

23. Native App
•개발이어렵다/비싸다
•다양한기기대응어렵다

24. Web App
•속도가느리다?
•디바이스기능활용?
•판매수익?

25. Mobile Platform Strategies
Objective-C Java , C++ C# ( .Net )
Native
CocoaTouch Android FW Silverlight , XNA
Mobile Safari WebKit based Mobile IE9
( WebKit ) ( Not Chrome ) ( 2011 Q3 )
Web iOS 4.2
Android 3.0
Device Orientation MWC Demo
MediaCapture
WebSockets HTML5,CSS3,SVG
Device Orientation
HTML5 Form Hardware Acceleration
CSS 3D
XMLHttpRequest-2

26. Hybrid App
Device OS
Native App /
Hybrid framework
Web Browser
Web Application
css/js/html
•AppStore/Market
Web Server
• 성능? Web
Application
•어떻게만드는지?

27. Hybrid 1
2
DIY with WebView
Using Hybrid Framework
Native Hybrid Web
Native App WevView
Hybrid Frameworks connecting to
+
Web View Web Server
Appspresso / Phonegap / Titanium
1 2 1