SlideShare ist ein Scribd-Unternehmen logo
1 von 40
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)
つまり




 Cloud to Things
 クラウド から モノへ
FREQUENTRY ASKED
QUESTION
Q. 「テレビの中身いろいろいじってるんでしょ?」
A. 「いーえ、普通に売っているテレビをそのまま使ってます」


Q. 「ブラウザのソースいじってるんでしょ?」
A. 「いーえ、誰でも普通にダウンロードできるブラウザです」
 ※ただし、開発版w
つまり

  WebとDeviceが協調



すぐそこまで来ている!!
今日のAGENDA
• Web Intents


• DeviceのWeb化


• Socket API on Packaged Apps


• System Applications WG
AGENDA
• Web Intents


• DeviceのWeb化


• Socket API on Packaged Apps


• System Applications WG
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=“image/*”
                   type=“image/*”
                                                            action=“PICK”
                   action=“SHARE”
  type=“video/*”
  action=“VIEW”                      type=“text/url-list”
                                     action=“SHARE”




                        WebIntents
AGENDA
• Web Intents


• DeviceのWeb化


• Socket API on Packaged Apps


• System Applications WG
ACTIVITYを、LOCAL
 DEVICE から処理できない
 か?

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



       Video
       viewer




                           WebIntents
DLNA
DLNA : Digital Living Network Alliance



                                                                 Web Server
                                                                  Inside!!

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




        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では使えない ;-(
              M-SEARCH
  DLNA
              (IP multicast)
  Control
   Point
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 北村さんのセッションをチェック
      •   別の部屋で同時にやってるけどw
      •   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
     •   …..
なので。。。 type=“video/mp4”
                      action=“VIEW”
                    Webアプリを呼び出
                                               Chrome v2 の
                            す
                                             Socket APIでDLNA
                                             プロトコルを実装。
                                             Web AppliはDLNA
                                             のラッパーとして働
                                                     く



                                      Cross origin
                                         HTTP

                Video URL   SOAP
                            module      DLNA
                            SSDP
                            module
       WebIntents                          SSDP
もっと言うと・・・
                                          Reverse proxy
                                              server
                                          w/ Socket api
                                           (tcp-listen)




                                 Cross origin
                                    HTTP

            Video URL   SOAP
                        module     DLNA
                        SSDP
                        module
   WebIntents                         SSDP
すなわち・・・
• 様々なサーバーを組み合わせたサービス設計が可能に
  • クラウドサーバー
      •   YouTube
  • 自端末内サーバー
      •   Reverse Proxy
  • ローカルNW内サーバー
      •   DLNA Renderer
• 更に、USB APIやBluetooth APIで、non-IPも扱える
• できることは無限大
• 複雑さも無限大
http://www.flickr.com/photos/ntr23/3098235945/
Chrome is the No.1 browser in the Global market.




                     http://gs.statcounter.com/#browser-ww-monthly-201109-201209
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
今までのWeb

                                       これからのWeb
STACK VIEW
 インス    Web                  WebOS       Native
トール不    App                   App         App
  要

       Browser                     要インストール



                 JS engine



                    Operating System


                        Hardware
(真の)WEB OSへ
• Chrome OS
• FireFox OS
• Tizen
• Windows 8(Metro style)
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!!

Weitere ähnliche Inhalte

Was ist angesagt?

JSON Schema で Web API のスキマを埋めよう
JSON Schema で Web API のスキマを埋めようJSON Schema で Web API のスキマを埋めよう
JSON Schema で Web API のスキマを埋めよう
VOYAGE GROUP
 

Was ist angesagt? (12)

Jawsug chiba API Gateway
Jawsug chiba API GatewayJawsug chiba API Gateway
Jawsug chiba API Gateway
 
make x dockerで作るAlpaca流開発環境
make x dockerで作るAlpaca流開発環境make x dockerで作るAlpaca流開発環境
make x dockerで作るAlpaca流開発環境
 
Dockerを徹底活用したSoftLayer環境にお けるディープラーニング開発環境の構築 - Alpaca Cloud Days発表資料
Dockerを徹底活用したSoftLayer環境にお けるディープラーニング開発環境の構築 - Alpaca Cloud Days発表資料Dockerを徹底活用したSoftLayer環境にお けるディープラーニング開発環境の構築 - Alpaca Cloud Days発表資料
Dockerを徹底活用したSoftLayer環境にお けるディープラーニング開発環境の構築 - Alpaca Cloud Days発表資料
 
ウェブアプリケーションのパフォーマンスチューニング
ウェブアプリケーションのパフォーマンスチューニングウェブアプリケーションのパフォーマンスチューニング
ウェブアプリケーションのパフォーマンスチューニング
 
JSON Schema で Web API のスキマを埋めよう
JSON Schema で Web API のスキマを埋めようJSON Schema で Web API のスキマを埋めよう
JSON Schema で Web API のスキマを埋めよう
 
Dockerを使ってローカルテストを良い感じに実装した話
Dockerを使ってローカルテストを良い感じに実装した話Dockerを使ってローカルテストを良い感じに実装した話
Dockerを使ってローカルテストを良い感じに実装した話
 
Web is the OS (Firefox OS)
Web is the OS (Firefox OS)Web is the OS (Firefox OS)
Web is the OS (Firefox OS)
 
ドローンの安全運転をささえるLambda
ドローンの安全運転をささえるLambdaドローンの安全運転をささえるLambda
ドローンの安全運転をささえるLambda
 
CFの便利機能を他の環境でも。Open Service Broker
CFの便利機能を他の環境でも。Open Service BrokerCFの便利機能を他の環境でも。Open Service Broker
CFの便利機能を他の環境でも。Open Service Broker
 
9th nov2012 kof2012
9th nov2012 kof20129th nov2012 kof2012
9th nov2012 kof2012
 
BEAR.Sunday@phpcon2012
BEAR.Sunday@phpcon2012BEAR.Sunday@phpcon2012
BEAR.Sunday@phpcon2012
 
『コンテナ疲れ』と戦う、k8s・PaaS・Serverlessの活用法
『コンテナ疲れ』と戦う、k8s・PaaS・Serverlessの活用法『コンテナ疲れ』と戦う、k8s・PaaS・Serverlessの活用法
『コンテナ疲れ』と戦う、k8s・PaaS・Serverlessの活用法
 

Ähnlich wie 6th oct2012 kobeit_webintents

Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own PathFirefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
dynamis
 
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
 
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみたリモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
Masakazu Muraoka
 

Ähnlich wie 6th oct2012 kobeit_webintents (20)

10th jan 2013_miyazaki
10th jan 2013_miyazaki10th jan 2013_miyazaki
10th jan 2013_miyazaki
 
ブラウザからWeb OSへ〜Web - TV連携事例からその可能性を探る〜
ブラウザからWeb OSへ〜Web - TV連携事例からその可能性を探る〜ブラウザからWeb OSへ〜Web - TV連携事例からその可能性を探る〜
ブラウザからWeb OSへ〜Web - TV連携事例からその可能性を探る〜
 
WebIntentsにより拓かれる次のWeb
WebIntentsにより拓かれる次のWebWebIntentsにより拓かれる次のWeb
WebIntentsにより拓かれる次のWeb
 
8th jan 2013_wotconf
8th jan 2013_wotconf8th jan 2013_wotconf
8th jan 2013_wotconf
 
クラウドサービスを使って作る動画サイト?
クラウドサービスを使って作る動画サイト?クラウドサービスを使って作る動画サイト?
クラウドサービスを使って作る動画サイト?
 
Kilimanjaro Event
Kilimanjaro EventKilimanjaro Event
Kilimanjaro Event
 
Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム
Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラムDropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム
Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム
 
マルチクラウド環境でモビンギはどのようにコンテナを動かしているか
マルチクラウド環境でモビンギはどのようにコンテナを動かしているかマルチクラウド環境でモビンギはどのようにコンテナを動かしているか
マルチクラウド環境でモビンギはどのようにコンテナを動かしているか
 
Hands on PhotoBlog App with WordPress REST API and App Inventor
Hands on PhotoBlog App with WordPress REST API and App InventorHands on PhotoBlog App with WordPress REST API and App Inventor
Hands on PhotoBlog App with WordPress REST API and App Inventor
 
Data API + AWS = (CMS どうでしょう 札幌編)
Data API + AWS =  (CMS どうでしょう 札幌編)Data API + AWS =  (CMS どうでしょう 札幌編)
Data API + AWS = (CMS どうでしょう 札幌編)
 
JavaScript And Keywords
JavaScript And KeywordsJavaScript And Keywords
JavaScript And Keywords
 
Monacaでつくるハイブリッドアプリ
MonacaでつくるハイブリッドアプリMonacaでつくるハイブリッドアプリ
Monacaでつくるハイブリッドアプリ
 
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own PathFirefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
 
はじめてのAzure Web App for Containers! -コンテナの基礎から DevOps 環境の構築まで-
はじめてのAzure Web App for Containers! -コンテナの基礎から DevOps 環境の構築まで-はじめてのAzure Web App for Containers! -コンテナの基礎から DevOps 環境の構築まで-
はじめてのAzure Web App for Containers! -コンテナの基礎から DevOps 環境の構築まで-
 
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
 
Firefox OS and Web server
Firefox OS and Web serverFirefox OS and Web server
Firefox OS and Web server
 
Web on Kernel
Web on KernelWeb on Kernel
Web on Kernel
 
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみたリモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
 
サーバーレスで ガチ本番運用までやってるお話し
サーバーレスで ガチ本番運用までやってるお話しサーバーレスで ガチ本番運用までやってるお話し
サーバーレスで ガチ本番運用までやってるお話し
 
LambdaとMobileの美味しいかもしれない関係
LambdaとMobileの美味しいかもしれない関係LambdaとMobileの美味しいかもしれない関係
LambdaとMobileの美味しいかもしれない関係
 

Mehr von Kensaku Komatsu

Mehr von Kensaku Komatsu (20)

Media processing with serverless architecture
Media processing with serverless architectureMedia processing with serverless architecture
Media processing with serverless architecture
 
Boxdev lt-09082016
Boxdev lt-09082016Boxdev lt-09082016
Boxdev lt-09082016
 
a pattern for PWA, PRPL
a pattern for PWA, PRPLa pattern for PWA, PRPL
a pattern for PWA, PRPL
 
Full Matrix Auto Test Framework for WebRTC
Full Matrix Auto Test Framework for WebRTCFull Matrix Auto Test Framework for WebRTC
Full Matrix Auto Test Framework for WebRTC
 
WebRTC 101
WebRTC 101WebRTC 101
WebRTC 101
 
04122016 web rtc_globalsummit
04122016 web rtc_globalsummit04122016 web rtc_globalsummit
04122016 web rtc_globalsummit
 
02172016 web rtc_conf_komasshu
02172016 web rtc_conf_komasshu02172016 web rtc_conf_komasshu
02172016 web rtc_conf_komasshu
 
SkyWay国内唯一のCPaaS
SkyWay国内唯一のCPaaSSkyWay国内唯一のCPaaS
SkyWay国内唯一のCPaaS
 
ラズパイでWebRTC ヾ(*´∀`*)ノキャッキャ uv4l-webrtc 軽くハックしてみたよ!
ラズパイでWebRTC ヾ(*´∀`*)ノキャッキャ    uv4l-webrtc 軽くハックしてみたよ!ラズパイでWebRTC ヾ(*´∀`*)ノキャッキャ    uv4l-webrtc 軽くハックしてみたよ!
ラズパイでWebRTC ヾ(*´∀`*)ノキャッキャ uv4l-webrtc 軽くハックしてみたよ!
 
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探るビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
 
最新Web 通信系API総まくり!WebRTC, Streams, Push api etc.
最新Web 通信系API総まくり!WebRTC, Streams, Push api etc.最新Web 通信系API総まくり!WebRTC, Streams, Push api etc.
最新Web 通信系API総まくり!WebRTC, Streams, Push api etc.
 
FirefoxでgetStats()
FirefoxでgetStats()FirefoxでgetStats()
FirefoxでgetStats()
 
14th apr2015 リックテレコ勉強会
14th apr2015 リックテレコ勉強会14th apr2015 リックテレコ勉強会
14th apr2015 リックテレコ勉強会
 
WebRTCが拓く 新たなWebビジネスの世界
WebRTCが拓く新たなWebビジネスの世界WebRTCが拓く新たなWebビジネスの世界
WebRTCが拓く 新たなWebビジネスの世界
 
Web of Thingsの現状とWebRTC活用の可能性
Web of Thingsの現状とWebRTC活用の可能性Web of Thingsの現状とWebRTC活用の可能性
Web of Thingsの現状とWebRTC活用の可能性
 
25th nov2014 52thhtml5j
25th nov2014 52thhtml5j25th nov2014 52thhtml5j
25th nov2014 52thhtml5j
 
知ってると得するかもしれないConstraintsたち
知ってると得するかもしれないConstraintsたち知ってると得するかもしれないConstraintsたち
知ってると得するかもしれないConstraintsたち
 
WebRTCにより可視化されるリアルタイムクラウド。求められるAPI
WebRTCにより可視化されるリアルタイムクラウド。求められるAPI WebRTCにより可視化されるリアルタイムクラウド。求められるAPI
WebRTCにより可視化されるリアルタイムクラウド。求められるAPI
 
エフサミ2014 web rtcの傾向と対策
エフサミ2014 web rtcの傾向と対策エフサミ2014 web rtcの傾向と対策
エフサミ2014 web rtcの傾向と対策
 
HTML5 Night 2014 Web x Network Technology ( WebRTC )
HTML5 Night 2014 Web x Network Technology ( WebRTC )HTML5 Night 2014 Web x Network Technology ( WebRTC )
HTML5 Night 2014 Web x Network Technology ( WebRTC )
 

Kürzlich hochgeladen

Kürzlich hochgeladen (12)

論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native IntegrationsUtilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
 
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
 
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
 

6th oct2012 kobeit_webintents