�ݺ�ߣ

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

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

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

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

애플 vs 반애플진영의 �ѫ��

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

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

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

2009년 반애플 진영 형성
Page 9

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

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

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

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

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

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

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

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

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

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

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

기존 질서의 대항마 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

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

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

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

Mobile World Congress 2013
Page 26

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

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

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

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

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

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

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

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

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

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

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

아마존 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

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

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

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

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

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

HTML5 on Windows 8 phone
Page 47

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

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

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

Web OS – Chrome Book
§  Chrome Book
Page 51

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

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

Connected Car Platform
Page 55

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

Web Application for all devices
Page 57

Web Applicaton for Enterprise
Page 58

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

�ݺ�ߣ

HTML5 와 미래웹기술 part 2

Recommended

More Related Content

What's hot (20)

Viewers also liked (19)

Similar to HTML5 와 미래웹기술 part 2 (20)

More from 미래웹기술연구소 (MIRAE WEB) (11)

HTML5 와 미래웹기술 part 2