Embed Size (px)
Citation preview
Node-REDとenebular/MilkcocoaでIoTデバイスのデータ可視化
⾃⼰紹介
⽒名: 古城 篤（Atsushi Kojo）
所属: Node-REDユーザ会代表 株式会社ウフルCTO
特徴: 元営業マンの技術屋
nodered.jpを懸命に翻訳してますhttps://nodered.jp/
Twitter: joeartsea
Blog: http://artsnet.jp/
Node-REDユーザ会の紹介以下で交流してます！
https://nodered-slack.herokuapp.com/
#noderedjp
https://www.facebook.com/groups/noderedjp/
https://nodered.jp/
本家ドキュメントの和訳もしてます
Node-REDユーザ会の様⼦活発にイベントやってます！
ウフルのコミュニティ活動
イベント会場使ってください！
イベント会場使ってください！
余裕をもって100名規模！スポンサー特典ある..かも！
2016年7⽉1⽇〜OPEN！⾳響・WiFi・電源設備充実！
直近の開催イベント（予定）
2016年9⽉28⽇: 最新のLPWAテクノロジー「LoRa」〜LoRaの概要とIoT活⽤事例のご紹介
主催: 株式会社M2Bコミュケーションズ/ 株式会社ソラコム / 株式会社ウフル
2016年10⽉8⽇: mbed祭り 2016@秋の⻁ノ⾨主催: mbed祭り実⾏委員会
2016年10⽉11⽇: IoT縛りの勉強会！IoT LT vol.20主催: 菅原 のびすけ（dotstudio inc.） / ⼟屋 敬（Relations Inc.）
Node-RED
Node-REDの概要
MQTT MQTT
Node-REDをインストールした環境
HTTP
Other
Log Sensor
HTTP
Other
Flowの実体はJSONhttp://flows.nodered.org/flow/6c3b201624588e243f82
このJSONをコピー
以下のように貼付けると…
ここにペースト
こうなる（Nodeがないとこうなる）
Nodeもプラガブルに拡張可能
input
module.exports = function(RED) { function LowerCaseNode(config) { RED.nodes.createNode(this,config); var node = this; this.on('input', function(msg) { msg.payload = msg.payload.toLowerCase(); node.send(msg); }); } RED.nodes.registerType("lower-case",LowerCaseNode); }
output
Node（プラグイン）の構造
NodeとFlowの推移
“Node-RED” Googleトレンド
enebularでFlow管理
Node-REDの使いどころ
MQTT MQTT
Node-REDをインストールした環境
HTTP
Other
Log Sensor
HTTP
Other
Node-REDが動く環境Node.jsが動く環境ならどこでも
IoT hardware board
Container Cloud
Client Server
エッジとクラウドで動く同じツールで異なる役割を実現できる！
IoT hardware board
Container Cloud
Client Server
分散したNode-RED環境の連携こんなこともできておもしろい！
CloudIoT hardware board
IoT hardware board
IoT hardware board
Message Broker
MQTT Pub/Sub
MQTT Pub/Sub
MQTT Pub/Sub
MQTT Pub/Sub
Visualization
Notification
クラウドエッジ
Dashboard
Slack
Learning
enebularは分散環境を管理をする
CloudIoT hardware board
IoT hardware board
IoT hardware board
Message Broker
MQTT Pub/Sub
MQTT Pub/Sub
MQTT Pub/Sub
MQTT Pub/Sub
Visualization
Notification
クラウドエッジ
Dashboard
Slack
Learning
Deploy FlowDeploy Flow
作ったFlow管理（公開もできる）
あらゆる環境にFlowをデプロイ
enebularとMilkcocoaでデータ可視化
やっぱりデータ可視化したい！
CloudIoT hardware board
IoT hardware board
IoT hardware board
Message Broker
MQTT Pub/Sub
MQTT Pub/Sub
MQTT Pub/Sub
MQTT Pub/Sub
Visualization
Notification
Dashboard
Slack
Learning
MQTT SubscribeしてWebSocketに変換するFlowを作る感じ？
MilkcocoaはIoTとWebの変換が得意PublishはMQTTでSubscribeはWebSocket
IoT hardware board B
IoT hardware board A
IoT hardware board C
MQTT Publish
MQTT Publish
MQTT Publish
WebSocket Subscribe
Chart C
Chart B
WebSocket Subscribe
WebSocket Subscribe
Chart A
Milkcocoa nodeに投げるだけ
Visualization Type（プラグイン）
Visualization設定
Visualizationの外部埋め込み
ローカルのHTMLファイルに埋め込み
“ご清聴ありがとうございました”
