HTML5 Conference 2012 の講演資料 WebIntentsとRaw Socket APIのコンビネーションにより、WebからTVが直接操作できること。そして、シームレスなデバイス連携に関わる最新標準化動向 I strongly believe that People become to access cloud service and local devices in seamless way.

1. WebIntentsにより拓かれる
次のWeb
2012/9/8
NTTコミュニケーションズ
小松健作
Kensaku Komatsu

2. 自己紹介
• Official works in NTT Communications
– リサーチエンジニア
– 最新Web技術の研究開発
– W3C などでの標準化活動
• Personal works in Community
– html5j.orgスタッフ
– HTML5 Conference 2012 総合プロデュース
– Google API Expert (HTML5)
– Microsoft Valuable Professional (IE)
Blog : http://blog.livedoor.jp/kotesaki/
Twitter : http://twitter.com/komasshu

3. 今日のMain Idea
Webはクラウドだけではない！！

4. どーゆーこと？

5. ってこと
で
早速デモ

6. Demo
by Saki Honma
@NTT Communications

7. テレビは、いたって
ふつーの市販のテレビ

8. しこみな
し！！

9. つまり、
テレビもWeb

10. そして、TV以外も・・・

11. なんでも
Web

12. クラウドもローカルも
シームレスに全部Web

13. One Web!!

14. 本日のAgenda
• Web Intents
• “Device API” -> “in-device Web Server model”
• Service Discovery meets Web Intents
• Sys Apps WG

15. 本日のAgenda
• Web Intents
• “Device API” -> “in-device Web Server model”
• Service Discovery meets Web Intents
• Sys Apps WG

16. WebIntentsとは？
• Webアプリケーション同士をつなげる仕組
み
• Androidインテントと良く似た仕組み

17. 使ってるサイト

19. “http://events.html5j.org/”
を
“share”する

20. Registration & invoke
registration
invoke
registration

21. Working Draft
http://www.w3.org/TR/web-intents/

22. Registration process
• 「何にこれが出来るよん」を宣言する
– “何” : 名詞… type
• Image/*, video/*, …
– “これ” :動詞 … action
• VIEW, PICK, SHARE, …

23. How to regist?
• ふつーのWebサイト
現状流動的

24. How to regist? [cont]
Chrome extension: manifest.json

25. How to regist?[cont]

26. How to invoke?

27. How to handle the data?
(for frameless app)

28. 本日のAgenda
• Web Intents
• “Device API” -> “in-device Web Server model”
• Service Discovery meets Web Intents
• Sys Apps WG

29. Device apiの背景
• 主に二つのWGが関与
• Web Apps WG
• Geolocation, Device Orientation, GetUserMedia, …
• Browser ベンダーが主導
• 実装も順調に進んでいる
• Device APIs WG (was: Device And Policy WG)
• MediaCapture, Contact, Calendar, …
• キャリアや端末ベンダーが主導（WACでの利活用を目
的）
• 個人情報に関わりの深い policy sensitive なAPIが多い
• ほとんど実装されていない

30. Device apis wgの方針に対する問題
• 例えば、Calendar API Google calendar
Web-API
• 同じ「カレンダー」を操作することに対し、cloudではWeb-API、
端末では専用JS APIとアンマッチが生じる
• W3C の IPA ポリシーのため、デバイスの内部までアクセスする
専用API検討に対し賛同が得られない（e.g. Apple, SONY, 東芝）

31. Device apis wgの方針変更
• 例えば、Calendar API Google calendar
Web-API
In-Dev
Calendar
Web
process
Server
• デバイス内部に専用Webサーバーを立て、これを経
独自API 由してカレンダー情報へアクセス
• 開発者からは共通のAPIで開発できる
• 内部APIを隠蔽できるため、既存ベンダーの賛同が得
られる

32. サービス選択の自由
• カレンダー情報をどこから取得するかは、
その時の状況次第
• パブリックなものは Google カレンダー
• プライベートなものは モバイルデバイス内部
• その時々の状況に応じて、Web APIを選択
する機能が必要

33. In device web serverモデルへの適合
• 例えば、Calendar API Google calendar
WebIntents
Web-API
in-Dev
Calendar
Web
process
Server
独自API • WebIntentsを使い、ユーザーはオンデマンドでクラ
ウド・デバイスのカレンダーを選択利用できる
• In-deviceのWebサービスは、Googleの検索結果に出な
いという問題も解決

34. Local nw devicesへの拡張
WebIntents
Webカメラ
Local NW サーバー
Web-API
in-Dev
Camera
Web
process
Server
独自API
Web In-device Web Serverのモデルに立てば、同様
server にWeb APIで Local NW内の他のデバイスも同
じフレームワークで利用可能となる

35. 課題
• どうやって、Local NW内のWeb Serverを知る？
– Googleの検索結果には絶対に出てこない
– アドレスもDHCPで変わってしまう

36. 本日のAgenda
• Web Intents
• “Device API” -> “in-device Web Server model”
• Service Discovery meets Web Intents
• Sys Apps WG

37. デバイス内に
Webサーバー？？？？

38. 更に発見？？？？

39. DLNA
• SOAP
– TVなどのデバイスをリモート操作
• Play, Pause, Stop, ….
• UPnP
– IP multicast(udp) を用い、自動発見

40. すでに、環境
は
そこにある

41. 足りないの
は・・・・

42. ブラウザから、
使えるように
すること

43. 特にUPnP

44. Chrome packaged apps
http://developer.chrome.com/trunk/apps/about_apps.html

45. Socket API
https://developer.chrome.com/apps/app_network.html

47. Yep, we can!!

49. Web can operates DLNA natively!!

50. Seamless web!!

51. Cutting Edge working drafts
Discovery API Web Intents Addendum
http://w3c-test.org/dap/wi-addendum-local-
http://www.w3.org/TR/discovery-api/ services/
By Opera By SONY

52. 普通に使える日
が・・・

53. 本日のAgenda
• Web Intents
• “Device API” -> “in-device Web Server model”
• Service Discovery meets Web Intents
• Sys Apps WG

54. Raw Socket API

55. Webの可能性が
広がる

56. • Chrome OS
• Firefox OS
• Tizen
• Windows 8
• ….

57. 新たな
fragmentation ?

58. System Applications WG
http://www.w3.org/2012/05/sysapps-wg-charter.html

59. Hopefully …

60. Summary
• WebIntents
• Device API => In device Web Server Model
• DLNA
• Discovery API, Web Intents Addendum
• System Applications WG
https://github.com/KensakuKOMATSU/chrome-upnp

61. THANK YOU!!

62. アンケートページURL
http://bit.ly/html5j2012q
アンケートにご協力いただけた方には、
もれなく素敵なプレゼントが!!（受付にて
配布）