Slide 1

Slide 1 text

コロナ禍・リモートワークとIoT 2021年11月13日 (土) GR-ROSE IoTシステム開発コンテスト 作品LT大会&審査会! @オンライン   豊田 陽介 ( @youtoy )

Slide 2

Slide 2 text

豊田陽介(@youtoy) 自己紹介 普段は、某通信会社勤務 JavaScript な方面で Microsoft MVP (2021年10月より) ガジェット好き その他 IT系イベント主催、運営や登壇なども 子ども向けの活動いろいろ(IT系以外も) プライベートでの活動 ビジュアルプログラミング・ IoTに関するコミュニティなど

Slide 3

Slide 3 text

リモートワークで 自宅にいる時間が増え...

Slide 4

Slide 4 text

室内環境に 気をつけたい!

Slide 5

Slide 5 text

めまい、眠気、 新型コロナウィルス...

Slide 6

Slide 6 text

二酸化炭素濃度に 気をつけると良いらしい

Slide 7

Slide 7 text

家の中を見回したら... 眠っていた品 この日のために 用意していた品

Slide 8

Slide 8 text

やったことの概要 ・二酸化炭素濃度を計測  ⇒ 基準値以上/以下の値になったら    お知らせ ・二酸化炭素濃度、温湿度のデータを  可視化

Slide 9

Slide 9 text

応募作品の条件の話 Azure のなんらかの機能 + IoT

Slide 10

Slide 10 text

可視化のほうの 仕組みの話

Slide 11

Slide 11 text

可視化機能の構成 Grove - CO2 & Temperature & Humidity Sensor (SCD30) GR-ROSE センサーで 取得した値 Azure IoT Hub Power BI Azure Stream Analytics センサーの値を グラフ化 MQTT

Slide 12

Slide 12 text

お知らせしてくれる 仕組みの話

Slide 13

Slide 13 text

通知機能(1つ目)の構成 Grove - CO2 & Temperature & Humidity Sensor (SCD30) GR-ROSE 二酸化炭素 濃度の値 Azure Functions Azure IoT Hub LINE Notify LINE アプリ 二酸化炭素濃度の値を 見て、特定条件で通知 MQTT POST

Slide 14

Slide 14 text

実装した内容の詳細はQiitaに https://qiita.com/youtoy

Slide 15

Slide 15 text

中身としては 改良の余地あり

Slide 16

Slide 16 text

構成に関する補足 仲介役をはさんで の通信処理 この部分は、実装 の工夫が必要

Slide 17

Slide 17 text

もうちょっと 気づきやすく...

Slide 18

Slide 18 text

お知らせを少し派手にしてみた 音素材: M5Stack Core2 + LEDテープ + 光拡散チューブ

Slide 19

Slide 19 text

そろそろOK!というお知らせも 音素材: 先ほどと同じ構成

Slide 20

Slide 20 text

M5Stack Core2 の実装 Web上の開発環境(UIFlow)を使った、ビジュアルプログラミングにて ・MQTT の Subscribe ・画面表示 ・音の出力 ・LEDテープの制御

Slide 21

Slide 21 text

最終的な構成

Slide 22

Slide 22 text

全体構成 MQTT MQTT POST(HTTP リクエスト)

Slide 23

Slide 23 text

試行錯誤の 過程の中で

Slide 24

Slide 24 text

今回の最終版に使わなかったものも含め Microsoftさんサービス関連で書いた Qiita の記事 【出てくる内容】 ・Azure Web PubSub ・Azure Cognitive Services の 音声サービス ・Azure Functions ・Azure Event Hubs ・Azure IoT Hub ・Azure Stream Analytics ・Power BI 全部で計8記事 ⇒ 約 3300 views GR-ROSEやセンサー関連 全部で計5記事 ⇒ 約 1300 views

Slide 25

Slide 25 text

やってみたかったこと (間に合わず...)

Slide 26

Slide 26 text

他サービスの情報等も利用する方向 ・オンラインのスケジュールのデータとの組み合わせ ・音声読み上げの活用 ・取得したセンサーデータを何らか分析 ・天気予報の情報を何か使う方向 【気象庁の情報取得】  Qiita で計3記事  ⇒ 約 1700 views

Slide 27

Slide 27 text

初めて触るものを 盛り込みすぎ苦戦したけど、 たくさん知見が得られた

Slide 28

Slide 28 text

リモートワークの 環境をより良く!

Slide 29

Slide 29 text

終わり!