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

1. www.ktrick.com
H1-3
XPages on BluemixでIoTを実感！
XPagesでドローンを制御・モニタリング
Xpagesday 2015 ＆ ノーツパートナーソリューションセミナー （2015年11月18日）
ケートリック株式会社 田付 和慶
株式会社ソルクシーズ 吉田 武司

3. これでいいのか2015年！？

4. 僕らの夢見た未来の姿は
まだまだこんなもんじゃなかったはず
だったらもう・・・

5. ドローン
飛ばすしかないじゃないか！

6. ゼロからのスタート
試行錯誤の開発風景
2015年11月6日、新宿 某オフィス
Xドローン プロジェクト 開始

7. システム構成
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

8. IBM IoT
Foundation on
Bluemix
MQTT Publish
MQTT Subscribe
IoT Foundation
Internet of Things
モノのインターネット
＝モノがインターネット接続
されている
IoTの特徴は「モノが自ら信号
をインターネットに発信」
MQTTプロトコル
・TCP/IPネットワークで利用できる通信プロトコル。
・HTTPよりシンプルで軽量なためお互いに情報をやり取りする
IoTを実現するのに適している。

9. 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
ドローンとの通信準備

10. デモ
ドローンとの通信準備
• IBM SDK for Node.jsのインストール
• Node.jsでDrone SDKによる通信
• Node.jsでMQTTクライアントを設定
発信(Publish)と受信(Subscribe)

11. 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(発信)の開発

12. デモ
XPages(発信)の開発
• HTML5のジャイロセンサー、モーション
センサーの制御
• MQTTクライアント (Paho)

13. 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(受信) の開発

14. スマートフォンのセンサーを使ったアプリ
IBM Bluemix
WebGL で 3D 表示
MQTT で IBM IoT Foundation へ
センサー情報をパブリッシュ
WebSocket で受信

15. ドローンと組み合わせたら面白いことができ
そう！？

16. ① スマートフォンからドローンを操作
② ドローンの状態をブラウザに表示
IBM Bluemix
ブラウザでドローンの
状態を表示
① ②

17. IBM Bluemix 上の Node-RED にドローンからの
データを受信・加工・発信するフローを作成
JSON 形式のデータNode-RED

18. IBM XPages on bluemix 上にドローンからのデー
タを受信（Node-RED 経由）する XPage を作成

19. 3D モデル作成（メタセコイア）

20. WebGL （Three.js）を使用してモデルを読み
込む

21. 受信したデータをリアルタイムでグラフへ表
示する（３D.js & Epoch）

22. ドローンの状態を表示する XPage の完成
モニタリングページ

23. IBM Bluemix と組み合わせたその他の例
• Twilio + Bluemix ( Node-RED, Watson, XPages, [PHP])
• Twilio とは、電話やSMSとネットをつなぐことのできるクラウドAPIサービス
Twilio XPages
Node-
RED
Watson

24. 電話で伝言が残されると内容がテキストに
変換されて Xpages に表示される
Twilio
PHP
Node-RED
Watson
Domino
① Domino へ REST
API で保存
② XPages アプリケー
ションへ通知

25. コールセンターのデモアプリ
コールセンターデモアプリ

26. 技術的な解説は以上です。
後はもう・・・

27. デモ
ドローン
飛ばすしかないじゃないか！

28. 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

29. 次回セッションでは
ドローンに乗って登場か！？
ご清聴ありがとうございました。