【xpagesday 2015】xpages on bluemixでiotを実感！...

www.ktrick.com

H1-3XPages on Bluemix で IoT を実感！

XPages でドローンを制御・モニタリングXpagesday 2015 ＆ ノーツパートナーソリューションセミナー （ 2015 年 11 月 18 日）

ケートリック株式会社 田付 和慶株式会社ソルクシーズ 吉田 武司

これでいいのか 2015 年！？

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

だったらもう・・・

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

ゼロからのスタート試行錯誤の開発風景

2015 年 11 月 6 日、新宿 某オフィスX ドローン プロジェクト 開始

システム構成

IBM IoT Foundation on

BluemixXPages 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

IBM IoT Foundation on

Bluemix

MQTT Publish

MQTT Subscribe

IoT Foundation Internet of Thingsモノのインターネット

＝モノがインターネット接続されている

IoT の特徴は「モノが自ら信号をインターネットに発信」

MQTT プロトコル・ TCP/IP ネットワークで利用できる通信プロトコル。・ HTTP よりシンプルで軽量なためお互いに情報をやり取りする IoT を実現するのに適している。

IBM IoT Foundation on

BluemixXPages 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

ドローンとの通信準備

デモ

ドローンとの通信準備

• IBM SDK for Node.js のインストール

• Node.js で Drone SDK による通信

• Node.js で MQTT クライアントを設定発信 (Publish) と受信 (Subscribe)

IBM IoT Foundation on

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

デモ

XPages( 発信 ) の開発

• HTML5 のジャイロセンサー、モーションセンサーの制御

• MQTT クライアント (Paho)

IBM IoT Foundation on

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

スマートフォンのセンサーを使ったアプリIBM Bluemix

WebGL で 3D 表示

MQTT で IBM IoT Foundation へセンサー情報をパブリッシュ

WebSocket で受信

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

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

ブラウザでドローンの状態を表示

① ②

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

JSON 形式のデータNode-RED

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

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

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

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

ドローンの状態を表示する XPage の完成

モニタリングページ

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

Twilio XPagesNode-RED Watson

電話で伝言が残されると内容がテキストに変換されて Xpages に表示されるTwilio

PHP

Node-RED

Watson

Domino

① Domino へ REST API で保存② XPages アプリケーションへ通知

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

コールセンターデモアプリ

技術的な解説は以上です。

後はもう・・・

デモ

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

IBM IoT Foundation on

BluemixXPages 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

隠しシステム

画像の受信HTTPPOST

次回セッションではドローンに乗って登場か！？

ご清聴ありがとうございました。