EKJAPAN IoT workshop

43
こここここ Wi-fi ここ 1 SSID IOTWS Password elekitiotws

Transcript of EKJAPAN IoT workshop

Page 1: EKJAPAN IoT workshop

この会場の Wi-fi 環境

1

SSID : IOTWSPassword :

elekitiotws

Page 2: EKJAPAN IoT workshop

家族で楽しむ IoT 入門講座“振動センサーモジュールでスマホにお知らせガジェット”をつくろう!

株式会社イーケイジャパン

2

Page 3: EKJAPAN IoT workshop

IoT ってなんだろう?

センサーが刺激をキャッチ

インターネットを介して

電子機器を動作させる

IoT = Internet of Things (モノのインターネット)3

Page 4: EKJAPAN IoT workshop

本日作る装置

センサーが振動をキャッチ

インターネットを介して

スマホにお知らせ

マイコン

4

Page 5: EKJAPAN IoT workshop

どんなときに使う?

ドアに付けると

「出入りセンサー」

冷蔵庫に付けると

「つまみ食いアラー

ム」

ペットのエサ皿に付けると

「食べてるか?チェッカー」

5

Page 6: EKJAPAN IoT workshop

本日行うこと

PC とマイコンをつなぎ、

マイコンにプログラミン

グを書き込む。

マイコンからの情報を、

インターネット上で受

け取れるように設定。

インターネットからスマ

ホで情報を受け取れるよ

うに設定。

3

1

2マイコン

6

Page 7: EKJAPAN IoT workshop

準備するもの①

パソコンWindows でも Mac でも Linux でも OK 。

※ 今回は Windows を例に説明します

スマートフォンiPhone でも Android でも OK 。

※ 今回は Android を例に説明します

Wi-fi( 無線 LAN) 環境802.11 b/g/n 規格の Wi-fi が使用できます。

SSID とパスワードを控えておきましょう。

PC とマイコンをつなぐマイクロ USB ケーブ

ル充電用は NG 。データ通信用を用意!

7

Page 8: EKJAPAN IoT workshop

準備するもの②

メインボードマイコン。センサーなどを接続して

Wi-fi 通信を行うボードです。

書き込み器メインボードにプログラムを

書き込むときに使用するボードです。

振動センサーモジュール (PU-2208)振動センサーがゆれると、

信号出力からデジタル信号が出力されます。

LED ボード信号入力が H レベルになると LED が光ります。

8

Page 9: EKJAPAN IoT workshop

本日よく使用するページまとめ

9

http://app.elekit.co.jp/iot/iotws/

常に開いておくと便利!

Page 10: EKJAPAN IoT workshop

本日の流れ

10

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

Page 11: EKJAPAN IoT workshop

本日の流れ

ここを行っていきます。

11

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

Page 12: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

IFTTT を設定しよう  1/13

IFTTT = IF THIS THEN THAT「もしこれをしたら、あれをする」

をやってくれる無料で使えるサービス!

https://ifttt.comにアクセスしましょう!

12

Page 13: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

IFTTT を設定しよう  2/13

ページ上部の Sign Up から

アカウントを作成します。

Sign In からアカウントを作成します。

メールアドレスと

6 文字以上のお好みの

パスワードを入力します。

Create account をクリックします。

13

Page 14: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

IFTTT を設定しよう  3/13

14

Continue を押して

画面を進めます。

最後に、興味があるチャンネル (Twitter や

Facebook など ) を 3 つ選択する画面が表示

されます。今後、関連するレシピが開発され

ると通知されるチャンネルです。

最後にもう一度 Continue をクリックすると

IFTTT のホーム画面になります。

Page 15: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

IFTTT を設定しよう  4/13

15

ホーム画面上部の右端をクリックし、

Create を選択します。

さて、これからレシピ( IFTTT で何かを

動作させるための手順書のようなもの)

を作っていきましょう。

アカウントが作成されると IFTTT のホー

ム画面が表示されます。

Page 16: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

IFTTT を設定しよう  5/13

16

This をクリックします。

Maker をクリックします。

ここに「 Maker 」と入力すると探しやすい!

Page 17: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

IFTTT を設定しよう  6/13

17

Connect をクリックします。

別のウインドウが開くので

Done をクリックします。

Page 18: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

IFTTT を設定しよう  7/13

18

Continue to the next stepをクリックします。

Receive a web request を

クリックします。

Page 19: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

IFTTT を設定しよう  8/13

Event Name に適当な名前を入力します。

今回は

「 PU2208_SENSOR 」にしましょう。

19

Page 20: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

IFTTT を設定しよう  9/13

that をクリックします。

「スマホでお知らせする」を設定します。

IF Notifications をクリックします。

20

Page 21: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

IFTTT を設定しよう  10/13

Send a notification をクリックします。

Notification のところを書き替えます。

ここがスマホに届くお知らせの文です。

例えば、冷蔵庫に取り付けるなら、

「冷蔵庫が開きました!」と入力します。

入力したら Create Action をクリックします。

21

Page 22: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

IFTTT を設定しよう  11/13

Create Recipe をクリックします。

22

レシピが作成されました!

Page 23: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

IFTTT を設定しよう  12/13

さて、これから作成した

「レシピ」が動作するように、

Maker チャンネルを開通させていきます。

ページ上部の Channels をクリックします。

表示された一覧の中から

Maker をクリックします。

23

Page 24: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

IFTTT を設定しよう  13/13

Connect をクリックします。

重要!!

次に表示されたページの「 Your key is: 」に

記載されている英数字を

必ず書き留めておきましょう!

「メモ帳」ソフトなどにコピペしましょう!

24

Page 25: EKJAPAN IoT workshop

本日の流れ

ここを行っていきます。

25

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

Page 26: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

IFTTT を設定しよう  1/3

表示されたページの下の方にある「 IF 」

をスマホにインストールします。

App Store 、 Google play のリンクから

インストールしましょう。

直接「スマホ」の Google Play 、

App Store で「 IF by IFTTT 」を検索し

てインストールしても OK です。

もう一度ページ上部の Channel をクリッ

クして、今度は IF Notifications をクリッ

クします。表示されたページのベルのマー

クの下(または横)にある文の青いところ

をクリックします。

26

Page 27: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

IFTTT を設定しよう  2/3

27

アプリをインストールしたら

起動します。既に IFTTT のア

カウントは作成しているので、

Sign in! をタップ

パソコンで最初に登録したメー

ルアドレスとパスワードを入力

して Sign In をタップします。

しばらくしたら画面が変わり

設定完了です。

Page 28: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

IFTTT を設定しよう  3/3

28

Channel の IF Notifications をク

リックし、表示された画面の

Connect をクリックします。

表示が Done に変わるのでさらに

クリックします。

Reconnect Channel に変われば

OK !

Page 29: EKJAPAN IoT workshop

本日の流れ

ここを行っていきます。

29

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

Page 30: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

パソコンの準備をしよう  1/4

Arduino IDE (プログラムを作成し

たり、マイコンにプログラムを書き

込むためのツール)をインストール

します。

https://www.arduino.cc/からダウンロードしましょう。

30

Page 31: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

パソコンの準備をしよう  2/4

さて、これから Wi-Fi マイコン

が使えるようにしていきます。

Arduino IDE を起動して

ファイル>環境設定を開きます。

右図赤枠内に http://arduino.esp8266.com/stable/

package_esp8266com_index.json

と入力します

31

Page 32: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

パソコンの準備をしよう  3/4

ツール>ボードマネージャー

を開きます。

一覧の中から、

Esp8266 by ESP8266 Communityを探してインストールします。

マイコンボードの中に

Generic ESP8266Moduleが追加されれば OK !

32

Page 33: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

パソコンの準備をしよう  4/4

さて、これからマイコンと PC をつなぐ

ための準備を行っていきます。

パソコンと書き込み器を

マイクロ USB ケーブルでつなぎます

自動でインストールされるので

終わるのを待ちます

コントロールパネルの

デバイスマネージャーを開いて

「 USB Serial Port 」の COM番号を

チェックしておきます

33

Page 34: EKJAPAN IoT workshop

パソコンの準備をしよう  4/4

Mac の場合は自動でドライバーがインストールされません。下記の手順でインストールします。

IoT ワークショップのページから

OS に合ったドライバーをダウンロードします。

画面に従って進めていき、

インストール完了すれば OK です。

34

ダウンロードしたものの中から OS に合った

ものをダブルクリックしてインストールしま

す。

Arduino IDE の ツール -> シリアルポート

に「 /dev/cu.usbmodem… 」があれば OKです。

Page 35: EKJAPAN IoT workshop

本日の流れ

引き続きここを行っていきます。

35

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

Page 36: EKJAPAN IoT workshop

マイコンにプログラミングしよう  1/5

さて、マイコンにプラグラムを書き込んでい

きましょう。

PC に書き込み器とメインボードをつなぎま

す。

また、 DC ジャックに AC アダプターをつな

ぎます。 AC コンセントにもつないでくださ

い。

http://mm.elekt.co.jp/iot/IFTTT_Notifi.zip上記にアクセスしてプログラムをダウンロード

します。

※ このサンプルプログラムはワークショップ

専用です。アクセスできるのは今回限りです

36PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

Page 37: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

マイコンにプログラミングしよう  2/5

シリアルポートの COM番号がデバイスマ

ネージャーで調べた番号と同じなっているこ

とを確認します。

ダウンロードしたファイルをダブルクリック

すると、 Arduino IDE が立ち上がるので、

マイコンボードを Generic ESP8266 Module にします。

37

Page 38: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

マイコンにプログラミングしよう  3/5

・・・#include <ESP8266WiFi.h>

#define PU 12 // 左の数字のところに、 PU-2208 センサーを接続する入出力端子の番号を記入。この例は No.12 にセンサー接続#define LED 14 // 左の数字のところに、 LED ボードを接続する入出力端子の番号を記入。この例は No.14 に LED 接続const char* ssid = "SSID"; // 左の SSID のところに、使用する Wi-fi 環境の SSID を記入const char* password = "Password"; // 左の Password のところに、使用する Wi-fi 環境のパスワードを記入const char* host = “maker.ifttt.com”;    // 接続する IFTTT のアドレスconst char* event = “PU2208_SENSOR”;    //IFTTT で設定したイベント名const char* secret_key = "Your Key"; // 左の Your Key のところに、 IFTTT の Maker チャンネルで書き留めた英数字を記入int sens; /*PU-2208 接続ポートの状態を格納する変数 */void setup() { Serial.begin(115200); pinMode(PU,INPUT); pinMode(LED,OUTPUT); digitalWrite(LED,LOW); delay(10);・・・

プログラムの上の方はこのようになっています。

プログラムの赤い文字の部分を書き換えてください。

38

Page 39: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

マイコンにプログラミングしよう  4/5

しばらくすると書き込みが完了します。

① ダウンロードスイッチを押したまま

② リセットスイッチを 1 回押す(すぐ離

す)

③ ダウンロードスイッチを離す

右図の「→」を押すと、

書き込みが始まります。

39

ダウンロードスイッチリセット

スイッチ

ココ

Page 40: EKJAPAN IoT workshop

PC からマイコンに

プログラミング

できるように設定

PC からマイコンに

プログラミング

インターネット上

でマイコンからの

情報を受け取れる

ように設定

インターネット上

でマイコンからの

情報をスマホに

飛ばせるように設定

マイコンにプログラミングしよう  5/5

プログラムで指定した番号の入出力端子に、

振動センサーモジュール (PU-2208) と LEDをつなぎます。 AC アダプターはつないだま

まにしますが、書き込み器ははずして OK で

す。

マイコンの LED が点灯すると準備 OK !

センサーが振動をキャッチすると、

スマホにお知らせが届きます。

40

※この写真は、センサーが 14番、 LED が 13番とした場合です

Page 41: EKJAPAN IoT workshop

本日のおさらい

センサーが刺激をキャッチ

インターネットを介して

電子機器を動作させる

PC からマイコンに

プログラミングをしました。

IFTTT というサービスを

ご紹介しました。

41

Page 42: EKJAPAN IoT workshop

本日のおさらい

センサーが刺激をキャッチ

インターネットを介して

電子機器を動作させる

IoT = Internet of Things (モノのインターネット)42

明るさセンサー

振動センサー

人感センサー

温度センサー

GPS  等

パソコン

スマホ

電灯

エアコン

ロボット 等

IFTTTMilkcocoaBlynkMyThings  等

Page 43: EKJAPAN IoT workshop

お知らせ

43

実現性:生活の中に手軽に取り入れられるか

技術力:商品の特性を活かし、新しい使い方を提言できているか

企画力:着眼点に優れ、クスっと笑えるか

審査基準

今日作った作品を

くらしに取り入れる。

使用シーンを撮影。

Youtube に UP !

合計 6 名に

賞品があたる!

詳しくはホームページで。https://www.elekit.co.jp/