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

29
www.ktrick.com H1-3 XPages on Bluemix で IoT でででXPages でででででででで でででででで Xpagesday 2015 ででででででででででででででででででで 2015 で 11 で 18 でケケケケケケケケケケ 田田 田田 ケケケケケケケケケケ 田田 田田

Upload: kazunori-tatsuki

Post on 14-Apr-2017

2.593 views

Category:

Technology


0 download

TRANSCRIPT

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

www.ktrick.com

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

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

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

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

これでいいのか 2015 年!?

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

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

だったらもう・・・

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

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

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

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

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

Page 7: 【Xpagesday 2015】XPages on BluemixでIoTを実感! 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

MQTT Publish

MQTT Subscribe

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

IBM IoT Foundation on

Bluemix

MQTT Publish

MQTT Subscribe

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

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

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

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

Page 9: 【Xpagesday 2015】XPages on BluemixでIoTを実感! 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

ドローンとの通信準備

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

デモ

ドローンとの通信準備

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

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

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

Page 11: 【Xpagesday 2015】XPages on BluemixでIoTを実感! 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

XPages( 発信 ) の開発

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

デモ

XPages( 発信 ) の開発

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

• MQTT クライアント (Paho)

Page 13: 【Xpagesday 2015】XPages on BluemixでIoTを実感! 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

XPages( 受信 ) の開発

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

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

WebGL で 3D 表示

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

WebSocket で受信

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

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

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

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

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

① ②

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

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

JSON 形式のデータNode-RED

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

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

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

3D モデル作成(メタセコイア)

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

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

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

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

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

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

モニタリングページ

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

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

Twilio XPagesNode-RED Watson

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

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

PHP

Node-RED

Watson

Domino

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

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

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

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

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

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

後はもう・・・

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

デモ

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

Page 28: 【Xpagesday 2015】XPages on BluemixでIoTを実感! 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

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

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

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