1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

学生証と顔認証で本人確認してみる [3] 〜Node-REDを使ってシステムを構築しよう〜

Last updated at Posted at 2021-06-05

昨日ぶりぶりです。たてしきと申します。
本人確認です(雑×2)

お品書き

学生証と顔認証で本人確認してみる [1] 〜MS Azure、Face APIの利用準備をしよう〜
学生証と顔認証で本人確認してみる [2] 〜Face APIにユーザーを覚えさせよう〜
学生証と顔認証で本人確認してみる [3] 〜Node-REDを使ってシステムを構築しよう〜 ←いまここ!
学生証と顔認証で本人確認してみる [4] 〜実際に使ってみよう〜 (仮) (執筆中)

Node-REDの出番

今回の「作るシステム」の講義がNode-REDで行われているので採用します。

Node-REDとはなんぞや

Node-RED(ノード・レッド)は、IoTの一部としてハードウェアデバイス、API、オンラインサービスを相互に接続するためにもともとIBMによって開発された、ビジュアルプログラミング用のフローベースの開発ツールである。
Node-REDは、 JavaScriptの関数を作成するのに使用できるWebブラウザーベースのフローエディターを提供する。アプリケーションの要素は、再利用するために保存や共有できるようになっている。ランタイムはNode.js上に構築されている。 Node-REDで作成されたフローは、JSONを使用して保存できる。バージョン0.14以降、MQTTノードは適切に構成されたTLS接続を確立することができるようになった。

- Wikipediaより引用

つまりは、Node.jsを簡単に組めるアプリケーションってことで。そういうことにしときます。

Node-REDの準備

ダウンロード・インストールしてみる

Raspberry Piの場合

Piならこれでいいです。

Console
$ sudo apt-get install nodered

Windowsの場合

これを参考にNode.jsとNode-REDを両方インストールしましょう。

とりあえず起動してみる

Console
$ node-red
> node-red

アクセスしてみる

http://localhost:1880/です。Piの場合は同じWi-Fiに接続してやって(モバイルホットスポットとか)プライベートIPを参照するのが手っ取り早いです。

一度Node-REDは置いておいて…

先に顔認証を実装してみます。ちなみに、前回まではテスト用のAPIを利用していましたが、検証のために今回使うデータに差し替えさせていただきます。

  • personGroupId authlist -> tspglist
  • resource name tsukuru-system-faceapi -> tsukuru-system-instance
  • 僕のPerson ID = b90fda6e-****-****-****-e89d66e45272 (一応マスクしておきます)

まずは顔写真を撮影しよう

何でもいいです。スマホのカメラでもPCの内蔵カメラでもWebカメラでも。撮影したらGooglePhotosにでもアップロードしておきましょう。

URLを取得

いちいちコード組むのめんどいんでURLから渡してしまいます。GooglePhotoで写真を開いてF12でも右クリックでもいいので写真のURLをコピーしてきます。

いよいよ顔認証

まずはFace IDを取得する

次に、Cognitive Services APIs Reference - Face - Detectにアクセスします。
今回はマスクを着用した状態とマスクを外した状態の僕の写真を使います。
パラメータはもう変更しなくても大丈夫です。リソース名とキーだけお忘れずに。
detect-face1-1.png
detect-face1-2.png

result
[{
    "faceId": "f61ae554-321b-41c0-b828-9bee6748329d",
    "faceRectangle": {
        "top": 320, 
        "left": 166,
        "width": 346,
        "height": 448   
    }
}]

今回もこのfaceIdを使うのでメモ。
detect-face1-3.png

誰かを判別する

Cognitive Services APIs Reference - Face - Verifyにアクセスします。ほぼ入力項目はありません。
verify-face1-1.png
bodyは少し注意が必要です。largePersongroupIdとなっているところをpersonGroupIdと変更し、personGroupのID(ここではtspglist)を入力します。
faceIDsはとりあえず一つだけでいいのでもう一つは消して、先ほど取得したfaceIdを入力してください。
maxNumOfCandidatesReturnedは返り値のカウントなので1で、confidenceThresholdは類似度の閾値になるのでとりあえず今回は0にしておきます。
verify-face1-2.png
来ましたね。

result
[{
    "faceId": "f61ae554-321b-41c0-b828-9bee6748329d",
    "candidates": [{
        "personId": "b90fda6e-****-****-****-e89d66e45272",
        "confidence": 0.92787
    }]
}]

candidates[0]personIdがグループ内で最も類似していた顔で、confidenceが類似度です。
類似度は0~1で出力されるので、百分率に直してあげると、一致率は_92.787%_!100枚でこれはなかなかいいのでは…。
verify-face1-3.png

マスクをしてみる

今のご時世、マスクは欠かせないですよね。2枚目の画像でどれくらいの精度が出るのか試してみました。
verify-face2-1.png
一致率は_72.34%_!全体としてみるとやはり精度は低いですが、所詮大学関係者だけなのでキャンパス毎考えても多くても1,000人程度でしょう。関係者だけなら十分識別がつく一致率ではないでしょうか。
もしあれなら認証時の画像も登録していけば…。

Node-REDに戻ります

全体図

テスト環境でのフローはこんな感じです。
node-red-contrib-aedesnode-red-node-mysqlをインストール済み。
flow.png
顔認証のテストと同じ順にノードを並べてあるだけです。MySQL設定や詳しいノードの説明は次回、本番環境で実装する際に説明します。

お疲れさまでした

大半が完成しましたね。次の記事でテスト&ノード・DBの詳しい説明をしていきます。
次の記事は次の授業の日以降になるので、6/11以降の更新になります。お待ちいただけると幸いです。

追記 2021/06/05 21:10

やっぱり気になるのがパフォーマンスです。というわけで一連の動作が終了するまでの時間を測定してみました。
8726ms。うーん…さすがに時間かかりすぎでは…
実機で行う写真撮影はPythonと違って高速なので、もうちょっと改善されるとは思います。さすがに8秒もかかってたら行列出来ちゃう(笑)

前: 学生証と顔認証で本人確認してみる [2] 〜Face APIにユーザーを覚えさせよう〜
次: 学生証と顔認証で本人確認してみる [4] 〜実際に使ってみよう〜 (仮) (執筆中)

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?