2013. 11. 26

HTML5와 모바일

LG 경제연구원 신동형 책임연구원 (sdh0604@lgeri.com / donghyung.shin@gmail.com )

(http://donghyungshin.blogspot.com)

※ 본 자료는 LG경제연구원의 공식 견해가 아닌 전문가로서 개인의 견해임을 밝힙니다.

1/10

페이스북은 2011년 HTML5 기반의 Project Spartan을 시작했으나, 모바일 환경의 제약으로 한계에 부딪혔음. 하지만 페이스북이 모바일 중심기업으로 전환하는데 결정적인 역할을 했었음.

Source : Facebook(2011), GMIC(2012)

들어가며

모바일 중심으로 전환 페이스북의 HTML5기반 Project Spartan

- Goal : Seamless Social Experiences

• “Empower users to spread the word”

• “Make your app social”

• “Create a cross-platform social experience”

• “Extend your experience”

• “Seamless login”

• “Bookmark Synching”

- OS 플랫폼 別 별도 개발

• iOS, Android OS 등

- 모바일 중심의 상품 개발

2/10

Overview

XXX

HTML5와 모바일

HTML5와 모바일의

결합과 변화

- HTML5와 모바일의 시사점

• 수렴성, 와해성 및 창조성

한계와 대안(예시적)

- HTML5와 모바일의 결합

- 전개 시나리오

• HTML5 OS Multi Screen IoTs

- 확산에의 한계

- 예시적 대안

• WebRTC

목차

HTML5와 모바일이 갖는 의미와 그와 관련된 궁금증이 무엇일까?

3/10

1. HTML5와 모바일

HTML5는 언어 자체를 이야기하기 보다는 Web-centricity의 대명사처럼 활용

되고 있으며, Cross-Platform과 웹 언어의 기기 H/W 제어 기능이 중요한 특징

Source : http://online.wsj.com/news/articles/SB10001424052970203537304577030033160849296

HTML5

HTML5은 Web-centricity의 대명사

- Cross-platform 대안

• Beyond fragmented

Computing OS…

모바일 등

- 웹 언어의 기기의 H/W

제어 기능

• Storage 기능,

Audio/Video 기능 등

4/10

모바일은 컴퓨팅 기능의 시간과 공간적 제약을 없애 사람들의 생활에 실질적인

온라인의 가치를 실현시켜 준 매개체임.

Source : http://online.wsj.com/news/articles/SB10001424052970203537304577030033160849296

모바일

모바일은 온라인의 가치를 실현

- 오프라인의 한계를 넘어섬

• 컴퓨팅 기능의 시간과 공간의 제약을 없애 줌

• 디지털이 오프라인의 한계를 넘어서게 하는 출발점이

되었지만 여전히 시간과 공간의 제약이 있었음. 그 장벽을

실질적으로 없앤 것이 모바일임.

- 오프라인 활동 중 정보 수집·통합, 거래 등 사람들의 무형적인

활동들을 온라인으로 수렴함.

• 주변 사람 또는 여행 정보 책자를 통해 얻을 수 있었던 맛집

정보, 지도를 통해서 알 수 있었던 이동 경로 정보, 전단지

등을 통해 알 수 있었던 최저가 쇼핑 정보 등이 온라인으로

• 유형적인 실물의 재고 및 불필요한 이동을 줄여 비용 등을

절감시키는 ‘온라인 쇼핑’ 등 새로운 사업 기회 발굴

5/10

HTML5와 모바일은 세상을 변화시키는 ‘수렴성’, ‘와해성’, ‘창조성’이라는 공통되는 특징을 갖고 있음.

XXX

HTML5와 모바일

공통되는 특징

- HTML5는 다양한 Stand-alone, OS-dependent 콘텐츠와 서비스를

웹으로 수렴

- 모바일은 다양한 시간·장소에 제약을 받는 사람들의 다양한 오프라인

활동들을 온라인으로 수렴

수렴성

와해성

창조성

- HTML5은 특정 OS에 종속적인 폐쇄적인 생태계를 와해시켜, OS

중심의 콘텐츠와 서비스 패러다임을 와해시킬 수 있음.

- 모바일은 특정 사람·시간·장소에 종속적인 오프라인 사업을 와해시킬

수 있음.

- HTML5는 표준화를 통해서 콘텐츠와 서비스사업자, 기기 제조사에

새로운 사업 기회를 제공... 페이스북의 시도등과 같이 OS제약을 넘어

다양한 폼팩터, 서비스 개발이 가능

- 모바일은 오프라인의 제약 사항 해결을 통해 새로운 사업기회를

제공…오프라인 비용절감, 정보수집의 한계 해결 등

6/10

2. HTML5와 모바일의 결합과 변화

HTML5와 모바일이 결합하여 웹을 통한 다양한 기기 연결 환경을 가져올 것으로

예상함.

XXX

새로운 변화

두 Innovation의 결합이 만드는 새로운 변화

온라인 웹

웹

웹을 통한

다양한 기기

연결

기기

제어

7/10

HTML5와 모바일이 결합하면 Multi Screen, IoTs 순으로 확산에 영향을 줄 것으로 전망

1) Overcoming HTML5’s Limitation(http://www.drdobbs.com/web-development/overcoming-html5s-limitations/240159696)

전개 시나리오

단계별 확산

모바일

네트워크

환경 제약

HTML5

기술의

제약

- 선진국을 중심으로 이동통신 망이 4G로 전환되고

있음.

• 글로벌 관점에서는 아직 3G이하 통신망이

대부분임.

- Wi-Fi가 확산되고 있으나, 아직 Coverage가 크지

않고 Hand-over 안됨

• 가정 내 AP확산으로 가정 내부터 시작·확산

- 고속 모바일 네트워크의 경우 Cost가 높아 아직

활용 처에 한계

- GPOS 수준의 기기 제어 기능은 아직 어려움1)

• Lack of Features

• Security

• Performance

Multi

Screen

IoTs

- 가정 내 Multi Screen

서비스 부터 먼저 확산

• 가정 내 인프라 환경

• 성능 이슈가 적은

미디어부터 확산

- 다음 단계로 가정

밖으로 확산

- 순차적 확산

• Feature, Security,

Performance 이슈가

적은 영역부터

순차적으로 확산

8/10

3. 한계와 대안(예시적)

Multi Screen service와 IoTs의 확산을 위해서 출력·DRM·Security·Stability 등

아직 부족한 부분들의 보완이 필요함.

Source : Google, Facebook

한계

확산 Bottleneck

- Surveillance system 등 재난 관련

등 시스템은 안정성 보장 중요

- 시스템이 움직일 수 있도록

네트워크의 안정성 보장 필요

출력

DRM

Security

Stability

- 기기에 저장되는 사용 패턴 등 개인

정보 유출에 대한 우려를 해결 필요

- 자동차 등 생명과 연관되는 영역에

해킹 및 바이러스 우려 해결 필요

- 사이즈가 다른 스크린간 Seamless

하게 사용하기 위해서는 자동으로

해상도 조정해 주는 Function 필요

- Codec 호환성 보장 필요

- 멀티미디어 콘텐츠가 저작권 이슈

없이 구동되도록 DRM 문제를 해결

필요

9/10

WebRTC가 기존의 HTML5의 부족한 점을 보완하며 조금씩 발전 중…

Source : Google,

[예시적 대안] WebRTC

Web Real-Time Communication

- 웹 브라우저가 실시간 커뮤니케이션(Real-Time

Communication)을 가능케 하는 Simple Java script

APIs

- Google, Mozilla 와 Opera 등 브라우저 개발사들 주도

- 출력/DRM/Security/Stability 측면에서 강화

• Responsive Web방식 연동

• Netflix와 Google 중심 DRM 탑재, 서비스 준비

• Security와 Stability도 지속적 강화 중

- WebRTC 활용처

• Seamless person to person communication

• Better customer support

• More frequent person to person interactive

• Systems that interact through voice and video

- WebRTC 진화

• Browser가 있는 모든 기기가 Server가 될수도

Client가 될 수도 있음.

• 그래서 Person to Person Communication 활성화

• 향후 Machine을 포함한 Everything to

Everything으로 확대 가능

10/10

정리하면

- 모바일과 HTML5는 모두 와해성, 수렴성, 창조성이라는 공통적인 특징을

가진 세상을 변화시키는 Innovation임.

- 모바일과 HTML5가 결합되면 “웹을 통한 다양한 기기 연결” 환경을 가져올 것인데…

• 네트워크 환경, HTML5 기술적 한계로 Multi Screen Service, IoTs 단계로 확대될 것으로 전망

- 아직은 출력·DRM·Security·Stability 등 Features 등이 기존 PC, 스마트폰 등 스마트기기 대비 부족한 상황으로 점차 보완될 것으로 전망.

- 보완된다면 세상을 또 한번 변화시킬 수 있을 것으로 보임.