HTML5 와 미래웹기술 part 2 HTML5 and future web technology part 2 HTML5 and mobile era

1. HTML5 트렌드와 미래 웹기술
Part 2
조만영 대표이사
미래웹기술연구소(주)

2. 발표자 소개
§ (현) 미래웹기술연구소㈜ 대표이사
§ (현) W3C 대한민국 사무국 Business and Technology Specialist
§ (전) 오페라소프트웨어 Presales Engineer 부장
§ (전) 유니퀘스트 경영기획실
§ (전) 나모인터랙티브 웹개발팀
§ 고려대학교 컴퓨터공학 석사
§ 2014년 미래창조과학부장관 표창수여 인터넷진흥공로
Page 2

3. 미래웹기술연구소 소개
§ HTML5 및 웹표준 기술 전문 연구 강
의, 교육
§ HTML5 모바일 개발 및 앱개발
§ Sencha 한국 총판
§ 웹기술과 가전제품의 융합 선행연구
Page 3

4. 스마트폰 전쟁과
다양한 HTML5 적용 전략
미래웹기술연구소

5. 애플 vs 반애플진영의 탄생

6. 2007년 아이폰의 등장
§ iPhone in 2007
§ Smartphone Wars
§ Smartphone = Mobile internet
machine
§ iPhone Safari
§ Mobile Browser wars
Page 6

7. 2008 앱스토어 시대의 시작
§ New challenges to phone manufacturers
Page 7

8. 2008년 앱스토어로 인한 아이폰 판매량 급증
§ 아이폰 판매량 곡선
§ Market Volume matters
§ Motivation for developers
Page 8

9. 2009년 반애플 진영 형성
Page 9

10. 2009년 구글 아이폰 대항마 안드로이드 도입
Page 3-10

11. 2010-2013년 반애플 진영의 반격
Page 11

12. 그러나 현재 : 현재 모바일에서 애플,구글 종속 심화
§ 높은 애플/구글 의존도
- Android : 51%
- iPhone : 32%
Page 12

13. 현재 안드로이드 종속 심화
Page 13

14. 대안 모바일 플랫폼 필요
Page 14

15. 대안 모바일 플랫폼의 필요성
§ WebOS 기반의 모바일 운영체제 등장
Page 15

16. 왜 웹기술인가?

17. Web Platform
§ Web based platform
§ HTML5 application ecosystem
Page 17

18. 웹기술과 웹브라우저
§ 웹기술은 W3C 에서 표준화 주관
§ w3C (World Wide Web Consortium) 에 가입한 회원사들이 표준화 진행
§ 웹표준 스펙을 구현할 웹브라우저 벤더들이 웹브라우저 개발
§ 안드로이드 크롬, 아이폰 사파리, 오픈소스 웹킷 브라우저, 파이어폭스 모바일
§ 오픈소스 웹킷 브라우저를 이용 활발
Page 18

19. 웹기술로 만들수 있는 것
§ HTML5 Games
http://cykod.github.com/AlienInvasion/
§ WebApps
http://www.sencha.com/products/touch/demos/
Page 19

20. 왜 webOS 일까?
§ 운영체제 개발에 따른 비용 감소
§ 개발자 생태계 조성에 유리
§ 특정 벤더에 종속되지 않음
Page 20

21. HTML5 는 시장에서 어떻게 활용되는가?

22. 기존 질서의 대항마 HTML5
§ 대안 모바일 플랫폼으로서의 HTML5 와 웹기술
- Tizen,
- Firefox OS
§ 대안 앱스토어 플랫폼으로서의 HTML5 와 웹기술
- Amazon Kindle Cloud Reader
- Amazon HTML5 WebApp Store
- iPlayboy service
§ 개발자 생태계 확산 플랫폼으로서의 HTML5 와 웹기술
- Blackberry OS 10
- Tizen, Firefox OS
- Microsoft Windows Phone 8 / Windows 8
- Adobe PhoneGap(Cordova)
Page 22

23. 기존 질서의 대항마 HTML5
§ 대안 운영체제로서의 HTML5 와 웹기술
- 구글 크롬북
- HTML5 based IPTV
- LG WebOS TV
- Connected Car Platform
§ 크로스 플랫폼, 크로스 디바이스 웹애플리케이션으로서의 HTML5 와 웹기술
- Web Application for Enterprise
- UI framework : Sencha Touch, Ext JS
Page 23

24. 대안 모바일 플랫폼으로서의 HTML5 와 웹기술

25. 모바일 운영체제 구글 애플 종속 심화
§ Gartner (Feburary 2014)
http://www.gartner.com/newsroom/id/2665715

26. Mobile World Congress 2013
Page 26

27. 2013년 3월 기준 한국 안드로이드 OS 사용률 90%
Page 27

28. 대안 모바일 플랫폼 필요
Page 28

29. 대안 모바일 플랫폼의 필요성
Page 29

30. Mozilla Firefox OS
§ Firefox OS
§ http://www.youtube.com/watch?v=7QnIskIc3EY
Page 30

31. Mozilla Firefox OS
Page 31

32. Tizen OS
§ Samsung + Intel
§ http://www.youtube.com/watch?v=uC47Lt92Kxw
Page 32

33. 타이젠 기반 Samsung Gear 2
§ http://www.youtube.com/watch?v=rK2jg0HCoa8
Page 33

34. 타이젠폰 6월 출시계획
Page 34

35. Ubuntu Phone
§ Linux based phone
http://www.youtube.com/watch?v=NYg2nGZxpsQ
Page 35

36. 대안 앱스토어 플랫폼으로서의 HTML5 와 웹기술

37. 아마존 독자 컨텐츠 유통 플랫폼 구축
2007 : Device based
2010: App based
(iOS, Android)
2011: Web based
(Browser)
Page 37

38. HTML5 기반 Kindle Cloud Reader
§ http://read.amazon.com
Page 38

39. 아마존 HTML5 앱 유통
https://developer.amazon.com/appsandservices/community/post/Tx2HGWRGOW5YG8/Amazon-is-
Now-Accepting-HTML5-Web-Apps-Making-it-Easy-for-You-to-Reach-Millions
Page 39

40. 구글플레이 없는 킨들 디바이스
§ 구글 종속 탈피용도
Page 40

41. HTML5 기반 iPlayboy 서비스
§ http://iplayboy.com
Page 41

42. 개발자 생태계 확산 플랫폼으로서의 HTML5

43. Blackberry OS 10
§ Blackberry OS 10 부터 HTML5 로 블랙베리앱 개발 가능
§ 기존에는 자바만 지원
Page 43

44. Firefox Marketplace
Page 44

45. Tizen Store
Page 45

46. Windows 8
§ Windows 8
§ HTML + CSS + JavaScript 개발 지원
Page 46

47. HTML5 on Windows 8 phone
Page 47

48. Microsoft WinJS
§ HTML5 apps for all (Desktop, Mobile, Xbox)
Page 48

49. Adobe PhoneGap
§ HTML5 앱을 네이티브 앱으로 변환
§ 현재 웹기술의 제약조건 극복을 위해 활발히 사용중
§ Apache Cordova 오픈소스화
Page 49

50. 대안 운영체제로서의 HTML5 와 웹기술

51. Web OS – Chrome Book
§ Chrome Book
Page 51

52. HTML5 기반의 IPTV
Page 52

53. LG 전자 HP WebOS 인수 소식
§ http://www.engadget.com/2013/02/25/lg-acquires-webos-from-hp-smart-tv-future/

54. LG WebOS TV
§ http://www.youtube.com/watch?v=-dzqNTKCAvM
Page 54

55. Connected Car Platform
Page 55

56. 크로스 플랫폼, 크로스 디바이스 웹애플리케이션

57. Web Application for all devices
Page 57

58. Web Applicaton for Enterprise
Page 58

59. 정리
§ 아이폰의 등장으로 반애플 진영의 결성
§ 이동통신사들의 구글 안드로이드를 이용한 스마트폰 시장 확산
§ 구글 안드로이드 종속 문제 심화
§ 대안운영체제 필요
§ HTML5 를 이용한 다양한 시장 전략 대두
§ 웹기술을 이용한 다양한 제품들이 시장 출시