スマホでNode-RED - Speaker Deck

スマホでNode-RED

by Ozaki

Slide 1

Slide 1 text

スマホでNode-RED ビジュアルプログラミングIoTLT vol.11 2022年6月15日 Ozaki

Slide 2

Slide 2 text

自己紹介  広島県の非IT企業の社内情報システム部門所属  元プログラマーのなんちゃってエンジニア  2018年からIoTに興味持つ  IoTLT広島（オフライン）に数回登壇  SORACOM UGに時々出没 Twitter:@ozk009

Slide 3

Slide 3 text

本日の発表内容  2021年11月にIoTLT広島、 2022年1月のSORACOM UG Online #9 で登壇した内容の復習（再利用）と続編  IoTLT全国イベント初登壇なので何卒温かい目で・・

Slide 4

Slide 4 text

Node-REDとは  もともとIBMによって開発された、ビジュアルプログラミング用のフローベースの開発ツール（Wikipediaから抜粋） https://ja.wikipedia.org/wiki/Node-RED

Slide 5

Slide 5 text

Node-REDとの出会い  2018年広島県ひろしまサンドボックス社内IoTエキスパート育成講座  田中正吾先生のハンズオン https://www.pref.hiroshima.lg.jp/site/innovation/iot-expert.html

Slide 6

Slide 6 text

講座の最終発表  Armadillo + Node-RED + SORACOMで監視システム https://armadillo.atmark-techno.com/products ＋＋

Slide 7

Slide 7 text

その後  Node-RED、便利だからどこかで使いたいなー・・  スマホでIoTできるらしいけど、どうやるんかなー・・

Slide 8

Slide 8 text

キター！ https://zenn.dev/showm001/articles/2021-08-12-01 しょーちゃん

Slide 9

Slide 9 text

RedMobile https://play.google.com/store/apps/details?id=com.okhiroyuki.redmobile  Node-REDにスマホのセンサー類のノードを追加したアプリ ¥500

Slide 10

Slide 10 text

使えそうなセンサー（ノード）  明るさセンサー  モーションセンサー  音センサー  GPSセンサー  カメラ

Slide 11

Slide 11 text

開発時  Wi-Fi接続してPC（Webブラウザ）で開発可！

Slide 12

Slide 12 text

運用時  スマホにSORACOMのSIM挿せばIoT

Slide 13

Slide 13 text

アップロードの仕方  JSONに値セットしてPOSTするだけ var data = {}; data["lat"] = flow.get("lat"); data["lon"] = flow.get("lon"); msg.payload = data; return msg;

Slide 14

Slide 14 text

で・・やってみた

Slide 15

Slide 15 text

わたくしごとですが・・  昨年10月に第三子誕生  1か月ちょっと育休いただきました子育てに関わる何かしら作れないかしら…

Slide 16

Slide 16 text

第一弾：みまもりカメラ作ってみた  明るさセンサーとカメラを組み合わせたシステムスマホの画面（RedMobileのダッシュボード画面）

Slide 17

Slide 17 text

使った仕組み（配布用） SORACOMに送るために  SORACOM Harvest Data…センサーデータを保存する  SORACOM Harvest Files…画像ファイルを保存する  SORACOM Lagoon…HarvestとHarvest Dataのデータをダッシュボードに可視化する詳しくはSORACOMのサイトで・・カメラの実装は↓ https://qiita.com/ozk009/items/dc8a88b672df3c44d898

Slide 18

Slide 18 text

RedMobileのフローあかるさ関連カメラ関連

Slide 19

Slide 19 text

結果・・やりたかったこと 1. カメラで撮影した画像で赤ちゃんの様子を見たかった 2. 明るさの変化で授乳回数の参考にしたかった ↓やってみたら 1. 電気消すと画像は真っ黒（暗視カメラじゃないし） 2. 明るさは常に0 （常夜灯だと反応しない）真っ黒の画像明るさずっと0

Slide 20

Slide 20 text

第二弾：幼稚園バストラッカー作ってみた  幼稚園バスの送迎の待ち時間を最短に

Slide 21

Slide 21 text

RedMobileのフロー https://fugiters.net/blog/index.php/2021/12/23/bus_tracker2/

Slide 22

Slide 22 text

結果  長男のカバンにいい感じにできました

Slide 23

Slide 23 text

でも  通勤で使ってみると・・

Slide 24

Slide 24 text

第三弾：GPSトラッカー作ってみた  幼稚園バストラッカーのリベンジ

Slide 25

Slide 25 text

Node-PAD https://apps.apple.com/jp/app/node-pad/id1534470128  iOS（iPadやiPhone）でNode-REDが使えるアプリ ¥250

Slide 26

Slide 26 text

使えそうなセンサー（ノード）  加速度（ジャイロ）センサー  GPSセンサー

Slide 27

Slide 27 text

開発時  Wi-Fi接続してPCで開発不可・・

Slide 28

Slide 28 text

Node-PADのフロー

Slide 29

Slide 29 text

運用時  普段使いスマホなのでSORACOMのSIMはNG →SORACOM Arcで SORACOM Arc https://soracom.jp/services/arc/

Slide 30

Slide 30 text

結果  めちゃくちゃ精度あがりました青：RedMobile 赤：Node-PAD

Slide 31

Slide 31 text

まとめ  Node-RED楽しい  スマホでつくるとなお楽しい  みなさんもスマホ＋Node-REDでライフハックを

Slide 32

Slide 32 text

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