future web and wot(web of things)
DESCRIPTION
Future Web and WoT(Web of Things)TRANSCRIPT
Future Web andWoT(Web of Things)
Jonghong JeonETRI, PEC
Email: [email protected] Blog: http://mobile2.tistory.com
http://twitter.com/hollobit
http://www.etri.re.kr
2
In The Beginning .....
World Wide Web (Tim Berners-Lee, 1989) universe of network-accessible information anyone, anywhere, anytime Client to server interactions
3
Evolution of World Wide Web
4
Web Page vs. Web Application
Web Page(Site) HTML로 표현된 웹 문서(또는 페이지들을 제공)
Web Application 특정한 기능을 수행하도록 설계된 프로그램
5
Evolution of World Wide Web
1단계 (1989~1999) : 웹사이트의시대, HTML과 WAP HTML, URL, HTTP 라는 세 가지 기술에 기초한 웹 기술이 제안되고, 보다
나은 인간 중심의 정보처리 및 지식공유 등을 목표로 하는 단계
2단계 (2000~2004) : XML과 웹서비스, 시맨틱웹 XML(eXtensible Markup Language)에 기반하며 인간 중심의 정보 처리뿐 아
니라 다양한 디바이스와 서비스, 멀티미디어를 연결하는 것을 목표로 하는단계
3단계 (2005~2009) : 웹 2.0, 웹 플랫폼 시대의성장 구글, 아마존, 위키피디아 등의 성공과 함께 웹 산업을 제2의 전성기로 이
끌며 다양한 신규 서비스가 등장할 수 있는 기반을 마련
4단계 (2010~현재) : 웹 앱의 시대, 모바일과 N-Screen 시대 스마트 폰 및 태블릿 등 다양한 모바일 기기들을 대상으로 HTML5와 Web
API를 통해 한 단계 진화된 웹 응용 환경을 제공하며, 위치정보 및 소셜 정보 등을 결합하는 통합 응용 플랫폼으로서 웹이 자리잡아 가는 단계
6
Evolution of World Wide Web
7
HTML5 & Web App Technology Timeline
CSS1
Javascript
CSS2 CSS3
DOM1 DOM2 DOM3 DOM4
2010 2011
AJAX
HTTP
Canavs Web Workers AppCache
W3C
Web App.
Specs.
XHR2
WebGLGeolocation FileAPI
WebFontAudio/Video
Web form
2012 2013
HTTP2
HTML5 Working Draft
8
HTML5
HTML5로 통칭되는 요소는 HTML5 뿐 아니라 CSS3, 웹 어플리케이션을 위한 JavaScript API 확장을 포함한 것
통칭되는 “HTML5”
HTML5(Hypertext Markup Language 5.0)콘텐츠 내용과 형식을 표현
CSS3(Cascading Style Sheet 3.0)콘텐츠 표현 방법을 정의
JavaScript각종 API를 통해
기능을 표현
문서 구조의 의미를 명확히 하여디자인과 프로그램의 독립성을 확보
서로 다른 다양한 브라우저 상에서일관된 표현 기능 제공, 효과적이고 편
리한 표현 방식의 변경
풍부한 기능과 자원을 제어할 수있는 로컬 어플리케이션
문서구조의 상세화 멀티미디어 폼과 이벤트 등
표현 기능 모듈화 웹 폰트
Web Storage Web Worker Web Socket Geolocation API
9
HTML5 융합 응용 환경
Future Internet and IoT/M2M
11
Technology Cycles
Source: Mary Meeker, INTERNET TRENDS D11 CONFERENCE , 2013
12
Computing Environment
Source: Mary Meeker, INTERNET TRENDS D11 CONFERENCE , 2013
13
Internet of Things
14
M2M/IoT Definitions
Source: 이준섭(ETRI), M2M/IoT Standardization in ITU-T, 2012
Future of Web Technology
16
Evolution of Web
17
Evolution of Web Connectivity (1/2)
Source: http://www.w3.org/2013/Talks/dhm-wot/#/connectivity
18
Evolution of Web Connectivity (2/2)
XHR
19
MotorsSensors Processor
Anatomy of Things
Software
20
Anatomy of Things
MotorsSensors Processor
Software
“어떤 SW기술과 커뮤니케이션 기술을 쓸 것인가 ?”
결국 핵심은 SW 기술의 문제
21
Why WoT(Web of Things) ?
A uniform technologyA great number of web resources Real-world implementationWeb DevelopmentEasy…
22
Web Platform
Web Services Platform Technology(Web Resources)
Web Client Platform
Technology
Web Server Platform
Technology
23
Web Platform Architecture
24
[Case 1] JS based approach
Espruino: JavaScript for Things
Tessel : a microcontroller that runs JavaScript.
25
[Case 1] JS based approach
WigWag & DeviceJS
26
[Case 2] Framework based approach
heimcontrol.jsRaspberry PI and Arduino using Node.js, MongoDB, HTML5 and Websockets.
WebIOPiInternet of Things framework for the Raspberry Pi
27
[Case 3] Cloud based approach
An Active Digital Identity™ on the Web for every thing.
28
[Case 4] Mashup & Marketplace
Compose Project The Web of Things Application Architecture
29
[Req1] Concept of a Thing
(Web of) Thing Web으로 접근 가능한 Thing (Virtual/Physical)
• Thing은 핵심요소(ID, Resource, 기능, context, I/O, 인터페이스, intelligence)를가지며 단일 또는 집합이 될 수 있음
• Thing의 모든 것들은 Web Resource
표준 Web Access Method와 프로토콜 사용• HTTP, XHR, Web Socket, Web RTC … • Web Markup & Style (HTML5, CSS3), XML, RSS, DOM … • Identification Scheme (URI/IRI, URN, URL…) • Javascript, Web APIs …
(Web of) Every Thing WoT 대상은 기능이 아닌 Thing 자체(실제, 가상)
• Virtual Thing은 Thing의 기능을 대표/중재하는 단일/집합 대상
Thing들을 표준 웹 규약 기반으로 복합적으로 제어하는 것이 WoT• Thing의 레벨 구분과 협업 패턴 필요
30
[Req2] APIs for Hardware & Sensors
GeolocationMotion sensorsBattery StatusProximity sensorsAmbient Light sensorHumidity sensorCamera & Microphone
streamsNFCSerial
BluetoothWiFiNetwork InformationSystem Settings
31
[Req3] Invisible Web UI/UX
Web은 자원과 연결에 대한 UI/UX 기술. WoT 에서는 ?
32
[Req4] Pattern of Multi-screens
Source: http://precious-forever.com/2011/05/26/patterns-for-multiscreen-strategies/
33
Remained Issues
Remote Access of Web Resources How can we access through the firewalls, NATs..
Remote Device APIs, System level APIs RESTful access of Device capabilities
Security & PrivacyOther big issues Identification & Discovery (Services, Resources, Things,
Capability..) Management, Caching, Processing, Protocols, Collaboration, …. Web technologies for small devices (accessory, sensors…)
34
Open Web and Web Things
35
JongHong Jeon ([email protected]) +82-42-860-5333
http://mobile2.tistory.com/mhttp://twitter.com/hollobit