HTML5によるデバイス連携最新事情と未来予測

2013/2/8 (fri)NTT communications

小松健作

自己紹介• 名前–小松健作

• 所属– NTTコミュニケーションズ–次世代Webの研究開発・標準化

• HTML5コミュニティの運営– Google Developers Expert(HTML5)– Microsoft MVP (IE)

agenda

• Inroduction

• Base technology

• Practice for Web of Things

• Keep up w/ Web of Things

agenda

• Inroduction

• Base technology

• Practice for Web of Things

• Keep up w/ Web of Things

Web of things

“The Web of Things is a vision inspired from the Internet of Things where everyday devices and objects, i.e. objects that contain an embedded device or computer, are connected by fully integrating them to the Web. Examples of smart devices and objects are wireless sensor networks, ambient devices, household appliances, RFID tagged objects, etc.”

http://en.wikipedia.org/wiki/Web_of_Things

和名（直訳）

「モノ」のWeb

意訳• Webから様々なマルチデバイスを使いこなせるようになること–パソコン–スマートフォン–タブレット–テレビ–車–サイネージ– ……..

Webってそもそも何 ?

今までのWeb

Browser+

Web OS

これからのWeb

Browser+

Web OS

Demo : 従来Webのユースケース

http://events.html5j.org/conference/2012/09/program.html

従来Webのモデル

Demo : これからのWebのユースケース

これからのWebのモデル

document

Interactive

agenda

• Inroduction

• Base technology

• Practice for Web of Things

• Keep up w/ Web of Things

Browser+

Web OS

プロトコルとは？

• 車みたいなもの–フォーマット•乗用車•バイク•トラック

–ふるまい•走り方

HTTP

片側一車線を一台しか走れない必ずクライアントから開始

WebSocket

片側一車線を何台でも走れる好きなタイミングで発車できる

ブラウザーで出来る事• これまでは、 HTTPのみ–文書のダウンロード

• これからはWebSocketも–インタラクティブにデバイス間で通信

• でも、それ以上のことはなかなか出来ない–セキュリティリスクが大きすぎる

Browser+

Web OS

Web OSで出来る事

•Raw Socket API•Bluetooth•USB•…

Ex) Chrome Packaged Apps

Web OS

OS(windows, mac, linux, …)

Browser run-time

Browser

Web page Web OS apps Native apps

Web OS (cont)

Browser run-time

Browser

Web page Web OS apps

Web OS (cont)

System Applications WG

http://www.w3.org/2012/09/sysapps-wg-charter

agenda

• Inroduction

• Base technology

• Practice for Web of Things

• Keep up w/ Web of Things

Socket APIによる DLNAの実装• Socket API–生の Socket コーディングを可能にする API–車の例で言えば、車自体を作ったりすることができる• これまでのWebでは出来合いの車しか使えなかった。

Demo（ DLNAをそのままWebで使う）

DMSDMR

DMC

controll

serverender

Micro web server is inside!!

DLNA protocol hasImplemented by komasshu

based on Socket API

Socket APIを用いた DLNAの実装

REST→DLNA変換

Chrome PackagedApps(micro web server)by Socket API

Generic Web Site

ユーザー操作

HTTP DLNA

Demo(認証コンテンツ )

DMSDMR

DMC+ proxy

controll

serverender

Micro web server is inside!!

DLNA protocol hasImplemented by komasshu

based on Socket API

認証コンテンツを DLNAで見れるようにする仕組み

Certification handling server is implemented

inside of Chrome (Socket API)

User input is on Browser only!!

Demo (accessible from another network)

DMSDMR

DMC

controll

serverender

Manipulation via WebSocket connections.

Home Network Mobile Network

WebSocket server

Public wifi considerations.

• 同一Wifiだからといって、 DLNAが使えるとは限らない– セキュリティリスクの低減

• 特に、 Public Wifiでは致命的– DLNA(IP multicast, direct connection)は、まず通らないと思ったほうがいい

• Cloudとのハイブリッド、 DLNAの enhanceが必要

http://www.flickr.com/photos/utacnyc/3524755021/

Reconstructthe existing services.

標準化へ

既存サービスをWebで再構築

標準化提案

Existing serviceとWeb との

GAP

agenda

• Inroduction

• Base technology

• Practice for Web of Things

• Keep up w/ Web of Things

Webの範疇は拡大の一途

•ブラウザだけではない•表現だけではない• HTTPだけではない•組み込み系も操作可能

(bluetooth, usb)

Webの特徴は全てを繋ぐことゆえに・・・

• HTMLが書けるだけでは。。。• デザイン能力があるだけでは。。。• プログラムが書けるだけでは。。。• 通信プロトコルが書けるだけでは。。。• デバイス知識を持っているだけでは。。。

理想的な人材

semantics

design

programming

protocol device

一人じゃ無理

semantics

design

programming

protocol device

意図的な overlap

semantics

design

programming

protocoldevice

Reconstructthe existing services.

これまでの深い経験・知識が次のイノベーションを起こすはず

Thank you!!