WEB とデバイスとの融合〜 WEBINTENTS と SYS APPS が拓く WEB の新境地〜

神戸 IT フェスティバル 2012

2012/10/6(SAT)

NTT コミュニケーションズ小松健作KENSAKU KOMATSU

自己紹介Official works in NTT Communications

• リサーチエンジニア• 最新 Web 技術の研究開発• 標準化活動 in W3C

Personal works in Community

• html5j.org スタッフ• Google API Expert (HTML5)• Microsoft Valuable Professional (IE)

Blog : http://blog.livedoor.jp/kotesaki/

Twitter : http://twitter.com/komasshu

今日の MAIN IDEA

Cloud to Things

DEMONSTRATION

Chrome to TV (w/ YouTube)

Air Play

つまり

Cloud to Thingsクラウド から モノへ

FREQUENTRY ASKED QUESTION

Q. 「テレビの中身いろいろいじってるんでしょ？」A. 「いーえ、普通に売っているテレビをそのまま使ってます」

Q. 「ブラウザのソースいじってるんでしょ？」B. 「いーえ、誰でも普通にダウンロードできるブラウザです」

※ ただし、開発版ｗ

つまり

Web と Device が協調

すぐそこまで来ている！！

カエルもびっくり !!

今日の AGENDA

• Web Intents

• Device の Web 化

• Socket API on Packaged Apps

• System Applications WG

• Web Intents

• Device の Web 化

• Socket API on Packaged Apps

• System Applications WG

AGENDA

WEB アプリケーションの根本的な問題• Web Document を On Demand で見る仕組み

• Google, Bing, …

• Web Application を On Demand で使う仕組み• ????

WEB INTENTS とは？Web Application を On Demand で使う仕組み

SEARCH SYSTEM と WEB INTENTS の比較• Search system

• 対象は Web Document• 「◯◯◯」　を知りたい時に使われる• System が インデックス を自動生成する

• Web Intents

• 対象は Web Application• 「△△△」　を　「◇◇◇」したい時に使われる• 提供側が Activity を宣言する

ACTIVITY とは？ > 「△△△」　を　「◇◇◇」したい時に使われる

• 「△△△」• 名詞 （ type ）

• 「◇◇◇」• 動詞 （ action ）

つまり、” type” と “ action” の組み合わせのことTwitter : type = “text/url-list”, action = “SHARE”

DropBox : type = “image/*”, action=“SAVE|PICK”

ACTIVITY の宣言（現状）Chrome Web Apps の場合• manifest.json で宣言

HTML の場合• <intent> で宣言

ACTIVITY でWEB APPLICATION は整理・統合されていく

type=“video/*”action=“VIEW”

type=“image/*”action=“SHARE”

type=“text/url-list”action=“SHARE”

type=“image/*”action=“PICK”

WebIntents

AGENDA

• Web Intents

• Device の Web 化

• Socket API on Packaged Apps

• System Applications WG

ACTIVITY を、 LOCAL DEVICE から処理できないか？

type=“video/mp4”, action=“VIEW”

Videoviewer

WebIntents

DLNA

DLNA : Digital Living Network Alliance

Web Server Inside!!

DLNAControlPoint SOAP

type=“video/mp4” => “SetAVTransportURIResponse”action=“VIEW” => “Play”, “Pause”, etc…

TV はすでに Activity を処理はできる

MISSING LINK• DLNA device の URL

• http://172.16.0.244:52323//upnp/control/AVTransport• どうやって知る？• Search system のクローラーに相当する機能が必要

• DLNA では SSDP(Simple Service Discovery Protocol) を使う• IP multicast (udp) を使って、ダイナミックに URL を知る

仕組み• Web では使えない ;-(

DLNAControlPoint

M-SEARCH(IP multicast)

AGENDA

• Web Intents

• Device の Web 化

• Socket API on Packaged Apps

• System Applications WG

PACKAGED APPS V2• Chrome Web Apps v2 で大きくグレードアップ

• Low レベルの API を利用可能• Socket API• USB API• Bluetooth API• ….

• 詳しくは、 Google 北村さんのセッションをチェック• 別の部屋で同時にやってるけどｗ• www.youtube.com/watch?v=ncbst3g5gD4&feature=

youtu.be

SOCKET API• 生の TCP/UDP Socket コーディングが可能に！

• 何でも作れる• telnet client• AR.drone• SSDP (udp IP multicast) <= ktkr• HTTP server• …..

なので。。。

SSDPmodule

SOAPmodule

WebIntents

DLNA

SSDP

Cross originHTTP

type=“video/mp4”action=“VIEW”

Web アプリを呼び出す Chrome v2 の

Socket API で DLNAプロトコルを実装。Web Appli は DLNAのラッパーとして働

く

Video URL

もっと言うと・・・

SSDPmodule

SOAPmodule

WebIntents

DLNA

SSDP

Cross originHTTP

Video URL

Reverse proxy server

w/ Socket api(tcp-listen)

すなわち・・・• 様々なサーバーを組み合わせたサービス設計が可能に

• クラウドサーバー• YouTube

• 自端末内サーバー• Reverse Proxy

• ローカル NW 内サーバー• DLNA Renderer

• 更に、 USB API や Bluetooth API で、 non-IP も扱える• できることは無限大• 複雑さも無限大

Angel or Devil?

http://www.flickr.com/photos/ntr23/3098235945/

すぐそこまできてるよ !!

http://gs.statcounter.com/#browser-ww-monthly-201109-201209

Chrome is the No.1 browser in the Global market.

「 HTML5 駄目じゃん」とか言ってる場合じゃありません

今からしっかり準備しましょう

http://techcrunch.com/2012/09/11/mark-zuckerberg-our-biggest-mistake-with-mobile-was-betting-too-much-on-html5/

http://d.hatena.ne.jp/takoratta/

今日の AGENDA

• Web Intents

• Device の Web 化

• Socket API on Packaged Apps

• System Applications WG

STACK VIEW

Hardware

JS engine

Browser

Operating System

WebApp

WebOSApp

NativeApp

要インストール

インストール不

要

今までの Web

これからの Web

（真の） WEB OS へ• Chrome OS

• FireFox OS

• Tizen

• Windows 8(Metro style)

Fragmentation should be avoided!!

http://www.flickr.com/photos/33599186@N05/5447773725/

SYSTEM APPLICATIONS WG

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

PHASE1 TARGETS AND EXAMPLES.

HOPE IT’LL BE ALL ALONG TO SAME WAY.• Chrome OS

• FireFox OS

• Tizen

• Windows 8(Metro style)

まとめ• WebIntents

• Web Application を on Demand で使う仕組み• Activity により、整理・統合

• Device の Web 化• TV(DLNA) は既に Web のポテンシャルを持っている

• Socket API on Packaged Apps

• 生の Socket が扱えることで可能性は無限大• 挑まなければ得られない

• System Applications WG

• 真の WebOS に関する標準化• より詳しくは @dynamitter さんのセッション @904

13:00 〜

THANK YOU!!