Upgrade to Pro — share decks privately, control downloads, hide ads and more …

スマホでNode-RED

Ozk
June 25, 2022

 スマホでNode-RED

2022年6月15日ビジュアルプログラミングIoTLT vol.11発表資料

スマホにアプリを入れてNode-RED開発してみた記録です。

Ozk

June 25, 2022
Tweet

More Decks by Ozk

Other Decks in How-to & DIY

Transcript

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  10. 使えそうなセンサー(ノード)
     明るさセンサー
     モーションセンサー
     音センサー
     GPSセンサー
     カメラ

    View Slide

  11. 開発時
     Wi-Fi接続してPC(Webブラウザ)で
    開発可!

    View Slide

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

    View Slide

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

    View Slide

  14. で・・やってみた

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  26. 使えそうなセンサー(ノード)
     加速度(ジャイロ)センサー
     GPSセンサー

    View Slide

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

    View Slide

  28. Node-PADのフロー

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide