Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Node-REDとenebular/MilkcocoaでIoTデバイスのデータ可視化

1,992 views

Published on

Node-REDとenebular/MilkcocoaでIoTデバイスのデータ可視化

Published in: Internet

Node-REDとenebular/MilkcocoaでIoTデバイスのデータ可視化

  1. 1. Node-REDとenebular/MilkcocoaでIoTデバイスのデータ可視化
  2. 2. ⾃⼰紹介 ⽒名: 古城 篤(Atsushi Kojo) 所属: Node-REDユーザ会代表
    株式会社ウフルCTO 特徴: 元営業マンの技術屋 nodered.jpを懸命に翻訳してます
 https://nodered.jp/ Twitter: joeartsea Blog: http://artsnet.jp/
  3. 3. Node-REDユーザ会の紹介 以下で交流してます! https://nodered-slack.herokuapp.com/ #noderedjp https://www.facebook.com/groups/noderedjp/ https://nodered.jp/
  4. 4. 本家ドキュメントの和訳もしてます
  5. 5. Node-REDユーザ会の様⼦ 活発にイベントやってます!
  6. 6. ウフルのコミュニティ活動
  7. 7. イベント会場使ってください!
  8. 8. イベント会場使ってください! 余裕をもって100名規模! スポンサー特典ある..かも! 2016年7⽉1⽇〜OPEN! ⾳響・WiFi・電源設備充実!
  9. 9. 直近の開催イベント(予定) 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.)
  10. 10. Node-RED
  11. 11. Node-REDとは 動画を⾒てください!(場合によってはデモします) https://youtu.be/vYreeoCoQPI
  12. 12. Node-REDの概要 MQTT MQTT Node-REDをインストールした環境 HTTP Other Log Sensor HTTP Other
  13. 13. Flowの実体はJSON http://flows.nodered.org/flow/6c3b201624588e243f82 このJSONをコピー
  14. 14. 以下のように貼付けると… ここにペースト
  15. 15. こうなる(Nodeがないとこうなる)
  16. 16. 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(プラグイン)の構造
  17. 17. NodeとFlowの推移
  18. 18. “Node-RED” Googleトレンド
  19. 19. enebularでFlow管理
  20. 20. Node-REDの使いどころ MQTT MQTT Node-REDをインストールした環境 HTTP Other Log Sensor HTTP Other
  21. 21. Node-REDが動く環境 Node.jsが動く環境ならどこでも IoT hardware board Container Cloud Client Server
  22. 22. エッジとクラウドで動く 同じツールで異なる役割を実現できる! IoT hardware board Container Cloud Client Server
  23. 23. 分散したNode-RED環境の連携 こんなこともできておもしろい! Cloud IoT 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
  24. 24. enebularは分散環境を管理をする Cloud IoT 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 Flow Deploy Flow
  25. 25. 作ったFlow管理(公開もできる)
  26. 26. あらゆる環境にFlowをデプロイ
  27. 27. enebularとMilkcocoaでデータ可視化
  28. 28. やっぱりデータ可視化したい! Cloud IoT 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を作る感じ?
  29. 29. 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
  30. 30. Milkcocoa nodeに投げるだけ
  31. 31. Visualization Type(プラグイン)
  32. 32. Visualization設定
  33. 33. Visualizationの外部埋め込み
  34. 34. ローカルのHTMLファイルに埋め込み
  35. 35. マーケティング領域での事例 https://youtu.be/Cw5Ca05w6sA
  36. 36. “ご清聴ありがとうございました”

×