Cloud Developers Circle 7 IoT Bash

by 1ft-seabass

Slide 1

Slide 1 text

Cloud Developers Circle #7 - IoT Bash HoloLensとかM5StackとかOculus GoとかNode-REDと MQTTを軸としたIoTデバイス連携演舞ワンフットシーバス田中正吾

Slide 2

Slide 2 text

私の話はスライドを後ほど共有します。話す内容に注力いただいて大丈夫です！

Slide 3

Slide 3 text

自己紹介

Slide 4

Slide 4 text

田中正吾（たなかせいご）屋号：ワンフットシーバス 2004年よりフリーランス。以後、FLASH制作を中心にインタラクティブコンテンツを主に行い現在に至る。最近は、最近ではWEBフロントエンドをベースにしながらも、情報とインターフェースが合わさるアプローチという視点でIoTやMixed Realityといった技術も取り入れながら活動しています。

Slide 5

Slide 5 text

今日こんなことします

Slide 6

Slide 6 text

IoT Bashということで IoTデバイス連携演舞します

Slide 7

Slide 7 text

私がIoT展示ごとで使うNode-REDとMQTTをベースにしていろいろつなげます最近はMQTTブローカーノード（moscaノード）もNode-RED内で立てれて便利 Node-RED MQTT Broker

Slide 8

Slide 8 text

IoT展示の例

Slide 9

Slide 9 text

HoloTakibi NefryBTできた現実のIoTたき火デバイスとHoloLensが連携してたき火体験ができるデバイス HoloTakibi – ATL SHOWCASE https://atl-hiroo.recruit-tech.co.jp/showcase/archives/742

Slide 10

Slide 10 text

ロウソクの色がカラーセンサー経由でいろいろなIoTデバイスを同期していくネタ現場では参加者に直接体験してもらって私は説明をしていくスタイル明星和楽2018でIoT＆MixedReality展示をしてきました https://www.1ft-seabass.jp/memo/2018/04/03/myojowaraku-2018-report01/

Slide 11

Slide 11 text

IoTはデータ・センサー・可視化など検討ポイントたくさんあって最初からは固まらないスクラップアンドビルドの繰り返し

Slide 12

Slide 12 text

すばやく試して作り変えやすい Node-REDを使っている

Slide 13

Slide 13 text

やってみて気づく実装対策や改良ポイントも多い

Slide 14

Slide 14 text

素のMQTTを使っている理由 ● 機器から送るだけならHTTPでもいいけど。機器を操作するとなると使いやすい。（NAT越え・即答性など） ● VR/MR・電子工作・クラウドほかいろいろな場で比較的すぐ使える ● Node-REDのデフォルトで扱えて仮にMQTTが難しくても他のプロトコル（HTTP/WebSocket/TCP/UDP）などしのぎやすいなどなど

Slide 15

Slide 15 text

今回の基礎の仕組みさくらのクラウド・enebular・IBM CloudをMQTTで連携さくらのクラウド IBMCloud MQTT Broker デバイスデバイスデバイス

Slide 16

Slide 16 text

複数あると仕組みを大きくするときや調子が悪くなったときの回避がしやすい幸いこういう対策を立てているとトラブルが起きにくいのですが！さくらのクラウド IBMCloud MQTT Broker デバイスデバイスデバイス

Slide 17

Slide 17 text

ということでいろいろとやっていきます

Slide 18

Slide 18 text

MQTTでNefryBTのテープLED制御

Slide 19

Slide 19 text

まずはウォームアップ

Slide 20

Slide 20 text

NefryBTは「簡単にインターネットにつながる」をテーマにしたFRISKサイズのIoTデバイス Nefry BTとは | dotstudio https://dotstud.io/docs/nefrybt/

Slide 21

Slide 21 text

さくらのクラウドのNode-REDからテープLEDの色変更します MQTT Broker さくらのクラウド Nefry BT

Slide 22

Slide 22 text

Node-REDの仕組み MQTT Broker さくらのクラウド

Slide 23

Slide 23 text

デモ

Slide 24

Slide 24 text

クラウドに置いておくと Wi-Fiさえつながればどこでも現実を操作できる

Slide 25

Slide 25 text

M5Stackでディスプレイ制御

Slide 26

Slide 26 text

最近M5Stackというデバイスが出てデータの見せ方が面白くなってきました RED

Slide 27

Slide 27 text

例えばRaspberry Piを見せれるようにすると？

Slide 28

Slide 28 text

いろいろ見せるまでに追加の機材が必要ディスプレイバッテリー配線などなど

Slide 29

Slide 29 text

ごりごり組んでいきます

Slide 30

Slide 30 text

完成するけど、これはゴツくて手渡しにくい

Slide 31

Slide 31 text

そこでM5Stack RED M5Stackユーザーミーティング vol.1 も大変盛況でした https://m5stack.connpass.com/event/84221/

Slide 32

Slide 32 text

コンパクトで手渡しても大丈夫なしっかりしたパッケージがあるM5Stack 基盤むき出しというのはパッと渡しにくい悩ましさがあるときも多い

Slide 33

Slide 33 text

ディスプレイでわかりやすく IoTのデータの変化を伝えやすいM5Stack WEBフロントエンドでユーザー向けアニメーションを作ってるときと似てる

Slide 34

Slide 34 text

MQTTでM5Stackがつながるので背景色や文言をNode-REDで変更してみましょう！ M5StackとNode-REDをMQTTで連携するメモ – 1ft-seabass.jp.MEMO https://www.1ft-seabass.jp/memo/2018/05/10/m5stack-meets-nodered-with-mqtt/ MQTT Broker さくらのクラウド RED M5Stack enabular

Slide 35

Slide 35 text

デモ

Slide 36

Slide 36 text

センサーデータを可視化するにも PCやスマホだけじゃない見せ方が出てきそう

Slide 37

Slide 37 text

MQTTでデジタルサイネージ制御

Slide 38

Slide 38 text

ディスプレイつながりでデジタルサイネージへ発展 RED

Slide 39

Slide 39 text

デジタルサイネージ機器がGPIOでスイッチニングできる知見を得たデジタルサイネージ機器 BrightSign HD223 のGPIO制御をRaspberry Pi Node-REDから連携したメモ https://www.1ft-seabass.jp/memo/2018/04/27/brightsign-hd223-raspberrypi-nodered/

Slide 40

Slide 40 text

こんなかんじでGPIOでつながる

Slide 41

Slide 41 text

SDカードにオーサリングファイルを入れサイネージの動作を作っていく

Slide 42

Slide 42 text

あとはGPIOを操作できるようにしたNefryBTをサイネージ機器にくっつけて制御 MQTT Broker さくらのクラウド Nefry BT Bright Sign HD223 GPIO GPIO

Slide 43

Slide 43 text

デモ

Slide 44

Slide 44 text

GPIOをつなげると自在感が上がる IoTは演出にも使えそう

Slide 45

Slide 45 text

MQTTでHoloLensから制御

Slide 46

Slide 46 text

HoloLensとMQTTで連携してみる

Slide 47

Slide 47 text

HoloLensからいままでのデバイスを動かしてみる

Slide 48

Slide 48 text

Node-REDが他のデバイスの橋渡し役 MQTT Broker さくらのクラウド HoloLens

Slide 49

Slide 49 text

デモ

Slide 50

Slide 50 text

IoTで表示するデータはひとつならいいが

Slide 51

Slide 51 text

情報がIoTになってきて膨大になってきた

Slide 52

Slide 52 text

空間にそのままデータをマッピングする方法も模索する必要がでてきている

Slide 53

Slide 53 text

MQTTでOculusGo制御

Slide 54

Slide 54 text

いまは現実空間に出しましたが Oculus Goで仮想空間から操作

Slide 55

Slide 55 text

MQTTが今日の朝につながりました！ https://twitter.com/1ft_seabass/status/1000902902716641280

Slide 56

Slide 56 text

MRは現実が見えるので目前のIoTとも連携できる VRも面白いが遠方操作が向く？センシング表示はわかりやすいIoT機器操作するなら現場の映像転送必要？

Slide 57

Slide 57 text

このように試してみるとわかることが多い

Slide 58

Slide 58 text

まとめ

Slide 59

Slide 59 text

MQTTとNode-REDでいろいろな連携ができたクラウドのいろいろなところに置ける関わる会社によって使用するクラウドは様々なのでまずシンプルに仕組みをはじめに体験する

Slide 60

Slide 60 text

ひとまず知ることでブラッシュアップできる新しい機器や仕組みについても一旦触れる！

Slide 61

Slide 61 text

ご清聴いただきましてありがとうございました！