Azure Perceptデバイスのセットアップ・ツアー

***
**Azure Percept記事一覧**

* [Azure Perceptってどんなもの？](https://qiita.com/matsujirushi/items/407e21a42da561773469)
* [Azure Perceptデバイスのセットアップ](https://qiita.com/matsujirushi/items/3a8be8f4f6d046b9e0f3)
* Azure Perceptデバイスのセットアップ・ツアー
* [Azure Percept Visionのサンプルコード+サンプルAIモデルを動かす](https://qiita.com/matsujirushi/items/23bae41f79db24a1719e)
* [Azure Percept Visionのサンプルコード+カスタムAIモデルを動かす](https://qiita.com/matsujirushi/items/552e937d87ae38b8a674)
* [Azure Perceptデバイスを初期化](https://qiita.com/matsujirushi/items/37cfa5dc7ebd4295bb13)

***

<img width="800" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/cee9c7bc-7844-c50a-04a2-f3e4277aeca3.png">

Azure Perceptデバイスをセットアップがどんなものか？が分かるように、順を追って画面ショットをペタペタと貼りました。
雰囲気が伝わったら幸いです。

なお、実際にご自身でセットアップする際は、関連記事[Azure Perceptデバイスのセットアップ](https://qiita.com/matsujirushi/items/3a8be8f4f6d046b9e0f3)も合わせてご確認ください。

# セットアップ

## ハードウェアの結線

この写真のように、結線します。
> ACアダプターをコンセントに差すのは、心の準備をしてから一番最後に。

<img width="800" alt="20210911F.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/eef8e142-c198-25d9-4619-b83e4b404918.jpeg">

## Azure Perceptデバイスの設定

### 1. パソコンからAzure PerceptデバイスのWi-Fiアクセスポイントに接続する

**scz-xxxx**もしくは**apd-xxxx**という名前のWi-Fiアクセスポイントに接続します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/acfa60af-4082-0754-50d4-4a1b5daa82da.png)

Wi-Fiアクセスポイントのパスワードは、製品に同封のWELCOMEカードを開けると書いてあります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/c3bfb63a-bea2-0041-768b-09567cbb5fb7.png)

Webブラウザで、**http://10.1.1.1**にアクセスします。すると、Azure Perceptデバイスのセットアップ画面が表示されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/0eab932b-f477-c6df-d7b6-be086e171583.png)

**Connect a new Wi-Fi network**をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/e51dcdf8-cdc4-9635-0c94-4e413349c041.png)

Azure Perceptデバイスから接続するWi-Fiアクセスポイントを選んで、パスワードを入力します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/9d8496f4-3977-9c06-46c1-9f735775dd61.png)

Azure PerceptデバイスからWi-Fiアクセスポイントに接続が成功すると、IPアドレスが表示されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/cc54c3e2-4158-5534-0d1a-6d0e54568c3e.png)

### 2. ライセンスを確認する

ライセンスが表示されるので、内容を確認して一番下のチェックを付けます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/bdfeaafc-a0e3-bb14-6920-7f7ba71bc9d6.png)

### 3. ユーザー名とパスワードを設定する

Azure PerceptデバイスのOS（Linux）に、ユーザーを追加します。
> **Password**と**Public key**を選べますが、（当然）Public Keyがオススメです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/466a7b14-d2de-f1cf-9283-1e25daaf9e2a.png)

### 4. Azureに接続する

**Setup as a new device**をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/ef969a2a-76f9-f9f3-7e4f-8b68e6a52fab.png)

認証コードをクリップボードにコピーします。
>Azure PerceptデバイスからAzureサブスクリプションに認証を通すことで、Azure PerceptデバイスからAzureを操作してセットアップしてくれます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/5f729b54-ef45-8408-4218-a410c405d485.png)

Azureポータルにアクセスするので、クリップボードにコピーしておいた認証コードを貼り付けます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/2908fbbf-9666-37e9-dd28-c78d45f2435a.png)

Azure Perceptデバイスを接続するAzureサブスクリプションのアカウントでサインインします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/0c76fcdf-b009-1406-5afd-c2ff74bf77e8.png)

**続行**をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/c0093968-5d5f-dabb-d0a3-6282a5f64352.png)

認証が通ったので、このウィンドウを閉じます。
> 一緒にAzure Perceptデバイスのセットアップ画面を閉じないように。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/4dd88e2d-7a33-e7bc-b39e-5431441da8b4.png)

### 5. AzureにAzure Perceptデバイスを作成する

Azure Perceptデバイスを接続するAzure IoT Hubを選択します。
> 盾アイコンが表示されているAzure IoT Hubは、Azure IoT Hub Device Provisioning Serviceと連携しています。その場合は、Azure IoT Hub Device Provisioning Serivceにも必要な設定が行われます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/4231cbc0-aee3-41e4-d138-69fc5d2bf03e.png)

Azure Perceptデバイスのデバイス名を入力します。
> この名前で、Azure IoT HubにIoT Edgeデバイスが作成されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/ead65486-d916-ebd3-e13d-dc0510714c6d.png)

待ち。（1～2分くらい）

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/d1ef78fd-9ce0-54be-c761-dec829476735.png)

セットアップ完了！！！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/dfef4449-5d3c-1ef6-19df-7f4a5f74e8fe.png)

# 動作確認

Azure Perceptデバイスが上手く動いているか確認しましょう。
カメラで写しているものをパソコンのWebブラウザで見る（View stream）ことができるので、見てみましょう。

Azureポータルで、Azure Percept Studioを開きます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/4e01b08f-9ed3-4730-65b0-693c4ec06cce.png)

これがAzure Percept Studio。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/2f106e70-ec68-ec97-fd5f-df38c7cd6602.png)

**Devices**をクリックすると、さきほど入力したデバイス名でデバイスが作成されています。
**Status**が**Connected**になっていれば、Azure PerceptデバイスとAzure IoT Hubが接続できています。

デバイス名をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/3b982379-db86-5eee-2d8e-31b85b4f8a30.png)

**Vision**タブをクリックします。
初回は、**Vision module version**が**preload-devkit**と表示されます。このままではView streamできないので、**Upgrade vision module**をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/2da76d9d-f925-d28c-1c1a-e2cc44f93950.png)

**Vision module version**が**2018-1**になりました。
**View stream**をクリックします。
> が！
> すぐにはView streamできません。さきほどの**Upgrade vision module**はAzure（クラウド）からの指示が完了しただけで、実際にAzure Perceptデバイス内のモジュールがアップグレードして動き出すのに、まぁまぁ時間がかかります。
> 5分ほど時間をおいてから、**View stream**をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109634/e7f55c8d-4174-0f23-ff57-464626a67d93.png)

カメラの画像がWebブラウザに表示されました。
デフォルトでObject Detectionが動いているようです。物体に緑枠と名称がリアルタイムに表示されています。

<iframe width="560" height="315" src="https://www.youtube.com/embed/ucNfeOw0OSY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>