1. HTML5와 모바일
LG 경제연구원 신동형 책임연구원
(sdh0604@lgeri.com / donghyung.shin@gmail.com )
(http://donghyungshin.blogspot.com)
2013. 11. 26
※ 본 자료는 LG경제연구원의 공식 견해가 아닌 전문가로서 개인의 견해임을 밝힙니다.

2. 들어가며
페이스북은 2011년 HTML5 기반의 Project Spartan을 시작했으나, 모바일 환경
의 제약으로 한계에 부딪혔음. 하지만 페이스북이 모바일 중심기업으로 전환하
는데 결정적인 역할을 했었음.
페이스북의 HTML5기반 Project Spartan
모바일 중심으로 전환
- OS 플랫폼 別 별도 개발
• iOS, Android OS 등
- 모바일 중심의 상품 개발
- 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”
Source : Facebook(2011), GMIC(2012)
1/10

3. Overview
HTML5와 모바일이 갖는 의미와 그와 관련된 궁금증이 무엇일까?
목차
HTML5와 모바일
- HTML5와 모바일의 시사점
• 수렴성, 와해성 및 창조성
HTML5와 모바일의
- HTML5와 모바일의 결합
- 전개 시나리오
• HTML5 OS  Multi Screen  IoTs
한계와 대안(예시적)
- 확산에의 한계
- 예시적 대안
• WebRTC
결합과 변화
XXX
2/10

4. 1. HTML5와 모바일
HTML5
HTML5는 언어 자체를 이야기하기 보다는 Web-centricity의 대명사처럼 활용
되고 있으며, Cross-Platform과 웹 언어의 기기 H/W 제어 기능이 중요한 특징
HTML5은 Web-centricity의 대명사
- Cross-platform 대안
• Beyond fragmented
Computing OS…
모바일 등
- 웹 언어의 기기의 H/W
제어 기능
• Storage 기능,
Audio/Video 기능 등
Source : http://online.wsj.com/news/articles/SB10001424052970203537304577030033160849296
3/10

5. 모바일
모바일은 컴퓨팅 기능의 시간과 공간적 제약을 없애 사람들의 생활에 실질적인
온라인의 가치를 실현시켜 준 매개체임.
모바일은 온라인의 가치를 실현
- 오프라인의 한계를 넘어섬
• 컴퓨팅 기능의 시간과 공간의 제약을 없애 줌
• 디지털이 오프라인의 한계를 넘어서게 하는 출발점이
되었지만 여전히 시간과 공간의 제약이 있었음. 그 장벽을
실질적으로 없앤 것이 모바일임.
- 오프라인 활동 중 정보 수집·통합, 거래 등 사람들의 무형적인
활동들을 온라인으로 수렴함.
• 주변 사람 또는 여행 정보 책자를 통해 얻을 수 있었던 맛집
정보, 지도를 통해서 알 수 있었던 이동 경로 정보, 전단지
등을 통해 알 수 있었던 최저가 쇼핑 정보 등이 온라인으로
• 유형적인 실물의 재고 및 불필요한 이동을 줄여 비용 등을
절감시키는 ‘온라인 쇼핑’ 등 새로운 사업 기회 발굴
Source : http://online.wsj.com/news/articles/SB10001424052970203537304577030033160849296
4/10

6. HTML5와 모바일
HTML5와 모바일은 세상을 변화시키는 ‘수렴성’, ‘와해성’, ‘창조성’이라는 공통
되는 특징을 갖고 있음.
공통되는 특징
수렴성
- HTML5는 다양한 Stand-alone, OS-dependent 콘텐츠와 서비스를
웹으로 수렴
- 모바일은 다양한 시간·장소에 제약을 받는 사람들의 다양한 오프라인
활동들을 온라인으로 수렴
와해성
- HTML5은 특정 OS에 종속적인 폐쇄적인 생태계를 와해시켜, OS
중심의 콘텐츠와 서비스 패러다임을 와해시킬 수 있음.
- 모바일은 특정 사람·시간·장소에 종속적인 오프라인 사업을 와해시킬
수 있음.
창조성
- HTML5는 표준화를 통해서 콘텐츠와 서비스사업자, 기기 제조사에
새로운 사업 기회를 제공... 페이스북의 시도등과 같이 OS제약을 넘어
다양한 폼팩터, 서비스 개발이 가능
- 모바일은 오프라인의 제약 사항 해결을 통해 새로운 사업기회를
제공…오프라인 비용절감, 정보수집의 한계 해결 등
XXX
5/10

7. 2. HTML5와 모바일의 결합과 변화
새로운 변화
HTML5와 모바일이 결합하여 웹을 통한 다양한 기기 연결 환경을 가져올 것으로
예상함.
두 Innovation의 결합이 만드는 새로운 변화
웹
온라인
웹
기기
제어
웹을 통한
다양한 기기
연결
XXX
6/10

8. 전개 시나리오
HTML5와 모바일이 결합하면 Multi Screen, IoTs 순으로 확산에 영향을 줄 것으
로 전망
단계별 확산
모바일
네트워크
환경 제약
HTML5
기술의
제약
- 선진국을 중심으로 이동통신 망이 4G로 전환되고
있음.
• 글로벌 관점에서는 아직 3G이하 통신망이
대부분임.
- Wi-Fi가 확산되고 있으나, 아직 Coverage가 크지
않고 Hand-over 안됨
• 가정 내 AP확산으로 가정 내부터 시작·확산
- 고속 모바일 네트워크의 경우 Cost가 높아 아직
활용 처에 한계
- GPOS 수준의 기기 제어 기능은 아직 어려움1)
• Lack of Features
• Security
• Performance
Screen
- 가정 내 Multi Screen
서비스 부터 먼저 확산
• 가정 내 인프라 환경
• 성능 이슈가 적은
미디어부터 확산
- 다음 단계로 가정
밖으로 확산
IoTs
- 순차적 확산
• Feature, Security,
Performance 이슈가
적은 영역부터
순차적으로 확산
Multi
1) Overcoming HTML5’s Limitation(http://www.drdobbs.com/web-development/overcoming-html5s-limitations/240159696)
7/10

9. 3. 한계와 대안(예시적)
한계
Multi Screen service와 IoTs의 확산을 위해서 출력·DRM·Security·Stability 등
아직 부족한 부분들의 보완이 필요함.
확산 Bottleneck
출력
- 사이즈가 다른 스크린간 Seamless
하게 사용하기 위해서는 자동으로
해상도 조정해 주는 Function 필요
- Codec 호환성 보장 필요
DRM
- 멀티미디어 콘텐츠가 저작권 이슈
없이 구동되도록 DRM 문제를 해결
필요
Security
- 기기에 저장되는 사용 패턴 등 개인
정보 유출에 대한 우려를 해결 필요
- 자동차 등 생명과 연관되는 영역에
해킹 및 바이러스 우려 해결 필요
- Surveillance system 등 재난 관련
등 시스템은 안정성 보장 중요
Stability
- 시스템이 움직일 수 있도록
네트워크의 안정성 보장 필요
Source : Google, Facebook
8/10

10. [예시적 대안] WebRTC
WebRTC가 기존의 HTML5의 부족한 점을 보완하며 조금씩 발전 중…
Web Real-Time Communication
- 웹 브라우저가 실시간 커뮤니케이션(Real-Time
Communication)을 가능케 하는 Simple Java script
APIs
- WebRTC 진화
• Browser가 있는 모든 기기가 Server가 될수도
Client가 될 수도 있음.
• 그래서 Person to Person Communication 활성화
• 향후 Machine을 포함한 Everything to
Everything으로 확대 가능
- 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
Source : Google,
9/10

11. 정리하면
-
모바일과 HTML5는 모두 와해성, 수렴성, 창조성이라는 공통적인 특징을
가진 세상을 변화시키는 Innovation임.
-
모바일과 HTML5가 결합되면 “웹을 통한 다양한 기기 연결” 환경을 가져
올 것인데…
• 네트워크 환경, HTML5 기술적 한계로 Multi Screen Service, IoTs 단계
로 확대될 것으로 전망
-
아직은 출력·DRM·Security·Stability 등 Features 등이 기존 PC, 스마트
폰 등 스마트기기 대비 부족한 상황으로 점차 보완될 것으로 전망.
-
보완된다면 세상을 또 한번 변화시킬 수 있을 것으로 보임.
10/10