Download as PDF, PPTX
Uploaded byFutomi Hatano
PDF, PPTX2,740 views
Embedded Webで加速するWeb of Things
Firefox Developers Conference 2015 in Tokyo
Embedded Webで加速するWeb of Things
- 1.Newphoria CorporationEmbedded Webで加速するWebof Things2015年11月15日(日)Firefox Developers Conference 2015 in Tokyo@futomi futomi.hatanohttp://www.newphoria.co.jp/
- 2.Newphoria Corporation自己紹介マークアップ解説本 API解説本APIチュートリアル本Windows 8API解説本日経SYSTMS 連載こんなに変わったWeb開発 / SEは避けて通れない!HTML5の基本テクニック2
- 3.
- 4.Newphoria Corporationもくじ• Webの歴史を振り返る•産業界ごとのWeb標準化• Web of Things• Webはどこへ向かうのか
- 5.
- 6.Newphoria Corporationウェブの誕生から25年以上が経過1989年Tim Berners-LeeがHTMLを発明世界初のウェブページが公開1990年1994年World Wide WebConsortium設立http://home.web.cern.ch/topics/birth-web1993年WebがPublicDomainに2014年
- 7.Newphoria Corporationアプリ基盤としてのWebへ• HTML5でWebがリッチになった•プラグインはHTML5によってほとんど駆逐された• スマートフォンアプリもHTML5で作れるようになった
- 8.Newphoria Corporationアプリ基盤としてのWebへ• HTML5でWebがリッチになった•プラグインはHTML5によってほとんど駆逐された• スマートフォンアプリもHTML5で作れるようになったこれで満足なのか？
- 9.
- 10.
- 11.
- 12.Newphoria CorporationW3Cにおける標準化活動• グループ•Web and TV Interest Group• Web and Broadcasting Business Group• Second Screen Working Group• TV Control API Community Group• スペック• Presentation API• http://www.w3.org/TR/presentation-api/• 特定のコンテンツをセカンドクリーンに表示 (Miracast, DLNAなど)• TV Control API Specification• http://w3c.github.io/tvapi/spec/• チャンネル、番組表、録画、再生などの制御
- 13.
- 14.
- 15.Newphoria CorporationTPAC 2015で使われたWeb-basedSignageブラウザー内蔵パネル提供協力：ソニー、東芝、パナソニック、三菱電機JS Player開発・コンテンツ制作：ニューフォリア
- 16.Newphoria CorporationW3Cにおける標準化活動• グループ•Web-based Signage Business Group• Working Groupチャーターに向けて活動中• スペック• Working Groupでの対象APIを選定中• 電源管理、時間同期、スクリーン管理 (電源, 色設定, 輝度設定など)、CPU状態把握 (ロード, 温度)、メモリー消費量把握、マルチキャストビデオ再生、外部ストレージ (USB, SD) などが候補に
- 17.Newphoria CorporationWeb-based Signageにおけるデバイス連携USB(powerfeeding,serial communication)SBC(e.g. RPi)Microcontroller(e.g. Arduino)UltrasonicSensorTemperatureSensorWebSocketServerJSPlayerCompanionPlug-inSensorDeviceRequestresponseeventWebSocket Protocol( ws://localhost:18000 )RequestresponseeventSerial( 115200 baud )Datapass-throughニューフォリアの実験的取り組み
- 18.
- 19.Newphoria CorporationQNX CARPlatform for Infotainmenthttp://www.qnx.com/products/qnxcar/http://youtu.be/rvaSWqxMg6k
- 20.
- 21.Newphoria CorporationW3Cにおける標準化活動• グループ•Automotive and Web Platform Business Group• Automotive Working Group• スペック• Vehicle Information Access APIhttp://www.w3.org/TR/vehicle-information-api/• Vehicle Datahttp://www.w3.org/TR/vehicle-data/
- 22.Newphoria CorporationAPIの一例• 車速(km/h)•エンジン回転数(rpm)• イグニションスイッチ位置• アクセルペダル位置(%)• スロットル位置(%)• トリップメーター• ギア位置• クルーズコントロール状態• ライト点灯状況• 車内灯の点灯状況• ガソリン残量レベル(%)• 燃費(リットル/100km)• エンジンオイル状態• 加速度• 位置情報• クーラント状態
- 23.Newphoria Corporation車速の取得のコード例navigator.vehicle.vehicleSpeed.get().then(function(vehicleSpeed) {console.log("車速："+ vehicleSpeed.speed);},function(error) {console.log("エラー");});navigator.vehicle.vehicleSpeed.subscribe(function(vehicleSpeed) {console.log("車速：" + vehicleSpeed.speed);});One-shot:Listener:
- 24.Newphoria CorporationW3C TPAC2015 でのACCESS社のデモ展示本技術は、SIP（戦略的イノベーション創造プログラム）の課題「自動走行システム研究開発」における総務省の個別施策『ICT を活用した次世代ITS の確立』での受託研究機関である(株)KDDI総研から(株)ACCESSがブラウザ開発企業としての選定を受け、開発したもの。http://www8.cao.go.jp/cstp/gaiyo/sip/ACCESS社によるAPI実装
- 25.
- 26.
- 27.Newphoria CorporationODB-IIアダプタ (ELM327互換)USBSerial Bluetooth RFCOMM/L2CAP
- 28.Newphoria CorporationChrome Appsでアプリを作ってみた•Chrome Platform APIs• bluetooth API• bluetoothSocket API• serial API• ODB-II ECU Simulator• ISO 15765-4 (CAN)• ODB-II Adapter• IC: STN1100 (ELM327互換)• Interface: USB Serial• baud rate: 115,200 bps
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.Newphoria CorporationWeb ofThingsWebがモノへ
- 35.Newphoria CorporationSBC (SingleBoard Computer)Raspberry Pi B+ BeagleBone Black ODROID-U3 ODROID-C1Cubieboard 1/2 Marsboard RK3066 Radxa Rock LiteHummingBoard i1/i2Banana Pi KDDI Open Web BoardODROID-XU4pcDuino3 Nano
- 36.
- 37.Newphoria CorporationCHIRIMENでWeb-based Signageat TPACHosted Appsインストーラー Hosted Appアイコン大事な現地での写真撮影を忘れてました (;^_^A ｱｾｱｾ･･･関係者のみなさま、もしお持ちでしたら、ください。
- 38.Newphoria CorporationW3Cにおける標準化活動• Webof Things Interest Group• JSON-LDベースのモノの記述• Browsers and Robotics Community Group• SBCのGPIO/I2Cの低レベルAPIの設計• スペック• Web I2C APIhttps://rawgit.com/browserobo/WebI2C/master/index.html• Web GPIO API• https://rawgit.com/browserobo/WebGPIO/master/index.html
- 39.Newphoria CorporationWeb I2CAPIhttps://rawgit.com/browserobo/WebI2C/master/index.htmlnavigator.requestI2CAccess().then(function(i2c) {i2c.open((i2c.ports.get(1)).portNumber).then(function(port) {var slaveAddress = 0x40;port.open(slaveAddress).then(function(slave) {var registar = 0x10;// 読み取りslave.read8(registar).then(function(value) {console.log(slaveAddress + " < " + value);});// 書き込みslave.write8(registar, 1).then(function(value) {console.log(slaveAddress + " > " + value);});});});});
- 40.Newphoria CorporationWeb GPIOAPIhttps://rawgit.com/browserobo/WebGPIO/master/index.htmlnavigator.requestGPIOAccess().then(function(gpio) {// 読み取りgpio.ports.get(18).then(function(port) {port.export("in").then(function() {// ワンショットport.read().then(function(value) {console.log(port.portName + " < " + value);});// イベントハンドラport.onchange = function(event) {console.log(event.port.portName + " < " + event.value);};});});// 書き込みgpio.ports.get(19).then(function(port) {port.export("out").then(function() {port.write(1).then(function(value) {console.log(port.portName + " > " + value);});});});});
- 41.
- 42.Newphoria CorporationGartner HypeCyclehttps://www.gartner.co.jp/research/methodologies/research_hype.php
- 43.Newphoria CorporationHype Cyclefor Emerging Technologies, 2012HTML5絶頂期猫も杓子もHTML5と叫べば注目される時代でも実はまだHTML5で誰も儲かっていない時代HTML5はココ
- 44.Newphoria CorporationHype Cyclefor Emerging Technologies, 2015http://www.gartner.com/newsroom/id/3114217HTML5の名前はもうない...もはやトレンドではない当たり前の技術にHTML5は他の産業と融合新たな技術トレンドといかに組み合わせるかが鍵
- 45.Newphoria CorporationOne WebW3Cのミッション•Design Principles• Web for All• Web on Everything• Vision• Web for Rich Interaction• Web of Data and Services• Web of TrustWeb of Devices• 一般的なケース• Mobile, Voice Browsing, TVなど• 任意のコンテンツをユーザーが使うモノが中心• セキュリティーとプライバシーの対策は重要• 私が思うEverythingの範囲• ユーザーが介在しない、または、特定のコンテンツだけを扱うモノhttp://www.w3.org/Consortium/mission.html http://www.w3.org/standards/webofdevices/
- 46.Newphoria Corporation私のWeb onEverythingディスプレイが存在するモノから、 ディスプレイが存在しないモノまでスペックやコスト的に組み込み機器にブラウザーなんて無理と言われるが...
- 47.Newphoria Corporationデバイスのスペックの進化2010年10月 2015年4月ROMGALAXYS SC-02B発売日CPU画面解像度 480 x 8001GHz (1 core)16.5GBRAM 512MBGALAXY S6 SC-05G1440 x 25602.1GHz (8 cores)32GB3GB
- 48.Newphoria Corporation組込み機器向けブラウザーチューニング• GPUアクセラレーション•JavaScriptエンジンの性能向上ルネサス R-Car H1に最適化したACCESS NetFront Browser NXhttp://monoist.atmarkit.co.jp/mn/articles/1212/28/news064.html
- 49.Newphoria Corporationウェブは見せるもの？Internet ofEverythingInternet of Things Web of Thingsヒトモノ つなぐ/見せるBig Dataためる解析する
- 50.Newphoria Corporationウェブ技術をモノにもInternet ofEverythingWeb of Thingsヒトつなぐ/見せるBig Dataためる解析するWeb of Thingsモノ
- 51.
- 52.
- 53.Newphoria CorporationEmbedded Web組込み専用機器向けWebのことをと私の周りで勝手に呼んでいる:)これが私のOne Webの形
- 54.