A presentation slide for KOF2012 (about Device orchestration)

1. HTML5が
デバイス使えるよう
になるって
どーゆーこと？
関西オープンフォーラム2012
2012.11.9
HTML5J.ORG
こまつけんさく

2. WHAT’S HTML5J.ORG?
ビジョン
• 世界のWebシーンをリードする日
本
活動指針：
• 「つながる」「学べる」「盛り上
がる」
• 日本のHTML5技術者のハブとなる
活動内容：
• 毎月、勉強会を開催 (100人規模）
• 年に一回カンファレンス (1000人 http://html5j.org
規模）
• 地方活動も始めました！
• 標準化団体（W3C）とも連携し、
世界へ！！

3. 自己紹介
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

4. http://www.flickr.com/photos/creative_tools/5832414882/
HTML5とマルチデバイス

5. ビューワーとしての
マルチデバイス
Webサーバー

6. クラウドとデバイスの連携
Web Intents
Web Intents

7. DEMO TIME!!

8. CAMERA TO BROWSER

9. YOUTUBE TO TV

10. ポイント
それぞれのデバイスをWebアプリとして
扱う
同じ仕組みで、
クラウドもデバイスも扱える

11. 例えばYOUTUBE TO TV
の場合
クラウドアプリ：YouTube デバイスアプリ：TV Controller
Video URL /
VIEW
Web Intents
DLNA
Web-API
Video
Database

12. TV CONTROLLERの
ちょっと深イイ話
Chrome Packaged Apps
デバイスアプリ：TV Controller (Background Web Srv)
Service
URL Discovery
SOAP
Web-API Reverse
Proxy

13. DEVICE ORCHESTRATION!!
http://www.flickr.com/photos/ewang0692/6919870763/

14. 座談会アジェンダ
1. パネラー自己紹介
2. HTML5技術のカバーエリア広がってるね！
• テレビ、カーナビ、サイネージ、・・・・・・・
1. HTML5のデバイス利用 どんなAPIがあるの？
• Geolocation、Orientation Event、Vibration
• getUserMedia, MediaCapture (カメラ系)
• Network Information API (3GとかWifi接続検知）
• Battery Status API (バッテリー残量）
• USB API、Bluetooth API、Raw Socket API、
• Network Service Discovery API、 Web Intents Addendum
• ….
2. Webとデバイスの今後の動向、どうやって勉強する？