Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

【Xpagesday 2015】XPages on BluemixでIoTを実感! XPagesでドローンを制御・モニタリング

3,252 views

Published on

2015年11月18日 IBM箱崎で行われたXpagesday 2015 オフ会でのセッション「XPages on BluemixでIoTを実感! XPagesでドローンを制御・モニタリング」で使用したプレゼンテーションです。

Published in: Technology
  • Be the first to comment

【Xpagesday 2015】XPages on BluemixでIoTを実感! XPagesでドローンを制御・モニタリング

  1. 1. www.ktrick.com H1-3 XPages on BluemixでIoTを実感! XPagesでドローンを制御・モニタリング Xpagesday 2015 & ノーツパートナーソリューションセミナー (2015年11月18日) ケートリック株式会社 田付 和慶 株式会社ソルクシーズ 吉田 武司
  2. 2. これでいいのか2015年!?
  3. 3. 僕らの夢見た未来の姿は まだまだこんなもんじゃなかったはず だったらもう・・・
  4. 4. ドローン 飛ばすしかないじゃないか!
  5. 5. ゼロからのスタート 試行錯誤の開発風景 2015年11月6日、新宿 某オフィス Xドローン プロジェクト 開始
  6. 6. システム構成 IBM IoT Foundation on Bluemix XPages on Bluemix Node.js Internet Local Network eth0 eth1 drone wifi Node-RED on Bluemix XPages on Bluemix Drone SDK for Node.js Web Socket WebGL MQTT Publish MQTT Subscribe
  7. 7. IBM IoT Foundation on Bluemix MQTT Publish MQTT Subscribe IoT Foundation Internet of Things モノのインターネット =モノがインターネット接続 されている IoTの特徴は「モノが自ら信号 をインターネットに発信」 MQTTプロトコル ・TCP/IPネットワークで利用できる通信プロトコル。 ・HTTPよりシンプルで軽量なためお互いに情報をやり取りする IoTを実現するのに適している。
  8. 8. IBM IoT Foundation on Bluemix XPages on Bluemix Node.js Internet Local Network eth0 eth1 drone wifi Node-RED on Bluemix XPages on Bluemix Drone SDK for Node.js Web Socket WebGL ドローンとの通信準備
  9. 9. デモ ドローンとの通信準備 • IBM SDK for Node.jsのインストール • Node.jsでDrone SDKによる通信 • Node.jsでMQTTクライアントを設定 発信(Publish)と受信(Subscribe)
  10. 10. IBM IoT Foundation on Bluemix XPages on Bluemix Node.js Internet Local Network eth0 eth1 drone wifi Node-RED on Bluemix XPages on Bluemix Drone SDK for Node.js Web Socket WebGL XPages(発信)の開発
  11. 11. デモ XPages(発信)の開発 • HTML5のジャイロセンサー、モーション センサーの制御 • MQTTクライアント (Paho)
  12. 12. IBM IoT Foundation on Bluemix XPages on Bluemix Node.js Internet Local Network eth0 eth1 drone wifi Node-RED on Bluemix XPages on Bluemix Drone SDK for Node.js Web Socket WebGL XPages(受信) の開発
  13. 13. スマートフォンのセンサーを使ったアプリ IBM Bluemix WebGL で 3D 表示 MQTT で IBM IoT Foundation へ センサー情報をパブリッシュ WebSocket で受信
  14. 14. ドローンと組み合わせたら面白いことができ そう!?
  15. 15. ① スマートフォンからドローンを操作 ② ドローンの状態をブラウザに表示 IBM Bluemix ブラウザでドローンの 状態を表示 ① ②
  16. 16. IBM Bluemix 上の Node-RED にドローンからの データを受信・加工・発信するフローを作成 JSON 形式のデータNode-RED
  17. 17. IBM XPages on bluemix 上にドローンからのデー タを受信(Node-RED 経由)する XPage を作成
  18. 18. 3D モデル作成(メタセコイア)
  19. 19. WebGL (Three.js)を使用してモデルを読み 込む
  20. 20. 受信したデータをリアルタイムでグラフへ表 示する(3D.js & Epoch)
  21. 21. ドローンの状態を表示する XPage の完成 モニタリングページ
  22. 22. IBM Bluemix と組み合わせたその他の例 • Twilio + Bluemix ( Node-RED, Watson, XPages, [PHP]) • Twilio とは、電話やSMSとネットをつなぐことのできるクラウドAPIサービス Twilio XPages Node- RED Watson
  23. 23. 電話で伝言が残されると内容がテキストに 変換されて Xpages に表示される Twilio PHP Node-RED Watson Domino ① Domino へ REST API で保存 ② XPages アプリケー ションへ通知
  24. 24. コールセンターのデモアプリ コールセンターデモアプリ
  25. 25. 技術的な解説は以上です。 後はもう・・・
  26. 26. デモ ドローン 飛ばすしかないじゃないか!
  27. 27. IBM IoT Foundation on Bluemix XPages on Bluemix Node.js Internet Local Network eth0 eth1 drone wifi Node-RED on Bluemix XPages on Bluemix Drone SDK for Node.js Web Socket WebGL 隠しシステム 画像の 受信 HTTP POST
  28. 28. 次回セッションでは ドローンに乗って登場か!? ご清聴ありがとうございました。

×