【xpagesday 2015】xpages on bluemixでiotを実感!...
TRANSCRIPT
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 )を使用してモデルを読み込む
受信したデータをリアルタイムでグラフへ表示する(3 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
次回セッションではドローンに乗って登場か!?
ご清聴ありがとうございました。