IoTで飲み会の楽しさ、カンパイの瞬間を共有する「カンパイシェア」の足跡(その1)

<A HREF="http://gadget.renesas.com/ja/contest/2017/">GRデザインコンテスト2017</A>のグランドフィナーレ(2017年12月9日)を無事に終えたので、今回、野良ハックチームがエントリーした作品「カンパイシェア」の足跡について記事に残しておこうと思う。
![スクリーンショット 2017-12-13 10.14.27.png](https://qiita-image-store.s3.amazonaws.com/0/72479/19978b5a-3f2a-b89f-def6-a14b9cd03c02.png)



事の始まりは2017年4月28〜30日に開催された<A HREF="https://tokyo.hackjunction.com/2017event/">JUNCTION TOKYO 2017</A>に遡る。
![スクリーンショット 2017-12-13 10.24.44.png](https://qiita-image-store.s3.amazonaws.com/0/72479/153ac2de-32e4-63a3-0d95-a44e3709840d.png)



この時はまだ野良ハックチームという名前を名乗っていなかったが、当日参加したメンバーでチームを組んで、<A HREF="https://tokyo.hackjunction.com/tracks/robotics/">ROBOTICS TRACK (ロボットと人間が実現する働き方革命)</A> でハックタイムに突入することになった。

[![スクリーンショット 2017-12-12 22.24.09.png](https://qiita-image-store.s3.amazonaws.com/0/72479/4b6dd621-9b74-1b18-7f41-6ac8e03163f8.png)](https://www.slideshare.net/secret/7M35RaLFcTuEMT)



# 課題と解決(案)
我々が解決すべき課題は少子高齢化が進む日本の将来の人手不足、特に飲食業界・ホールスタッフの人手不足をPepperによって解決を図るハックである。
![スクリーンショット 2017-12-14 17.53.23.png](https://qiita-image-store.s3.amazonaws.com/0/72479/6ef921ab-525f-0a39-8658-1bec3deae782.png)

まず人手不足の要因分析だが、これについてはいくつか考えられる。
・立ちっぱなし (キツい)
・混雑時の忙しさ (大量の注文、調理、配膳)
・安いバイト代 (人件費削減)
・夜型の生活リズム (体調不調をきたす)
・お客様からのクレーム (お酒が入ることによる理不尽な苦情)
・お客様との会話、笑顔作り (会話スキル、表情接客)

しかし一方、2020年東京オリンピック開催に向けて訪日外国人旅行者の数は年々増加傾向であり、また、それに合わせて消費額も増加するため、機会損失を避け経済効果を最大化する喫緊の課題である。
![スクリーンショット 2017-12-14 17.55.51.png](https://qiita-image-store.s3.amazonaws.com/0/72479/dce71ce9-875f-2690-cc14-a44218036aae.png)

検討した結果、Pepper 3体による接客スタッフの代替をデモすることにした。
・受付 (いらっしゃいませ、予約有無 / 人数 / コースの確認)
・注文 (おススメ紹介、感情のコントロール、店内雰囲気の改善、割引クーポンの発行、簡易ゲーム(エンタメ)の提供)
・配膳 (料理を運ぶ、空いたグラス / 食器を下げる)
![スクリーンショット 2017-12-14 10.20.57.png](https://qiita-image-store.s3.amazonaws.com/0/72479/4d80ae37-c2cb-c33e-e771-b5215d51f3cf.png)

アピール要素として加えたのが <A HREF="http://meshprj.com/jp/">MESH</A> の傾きセンサーを用いた空いたグラスの検知で、Pepperが声掛けすることにより良い雰囲気作り「いい飲みっぷり！」や追加注文の促進を狙った「もう 1杯いかがですか？！」を実装した。
![スクリーンショット 2017-12-14 10.20.25.png](https://qiita-image-store.s3.amazonaws.com/0/72479/ddcb4518-bb39-8383-b042-a20ccb0842d8.png)

これが「カンパイシェア！」の原点である。

# 構成と実装
構成はビールジョッキの底に MESH の傾きセンサーをグルーガンで固定しただけのシンプルなもので、右手 / 左手 / 鷲掴み どの持ち方でもグラスが空いたことを傾き(90°)によって検知できるように実装した。
傾きセンサーと MESH アプリ (スマホ、または、タブレット) の間は Bluetooth で接続され、スマホ、または、タブレットは Wi-Fi に接続された PC 経由で Pepper と接続される構成である。(PC に NAOqi Python SDK がインストールされている。)

![スクリーンショット 2017-12-22 20.57.03.png](https://qiita-image-store.s3.amazonaws.com/0/72479/3e1fdf3d-2ece-115a-ff70-4fa37187adc1.png)


## MESH アプリ
MESH アプリは Node-RED と同様、電子タグをドラッグ＆ドロップでつなげていくだけなので直感的に仕組みを作ることができる。PC と連携させるカスタムタグ (下図の赤枠で囲ったタグ) のみ MESH SDK で作成する。

![スクリーンショット 2017-12-22 20.18.42.png](https://qiita-image-store.s3.amazonaws.com/0/72479/c3040aa9-7185-078b-dc66-b948c4d624d7.png)

URLに表示されている IP アドレス (192.168.10.16) は PC に付与された IP アドレスである。

![スクリーンショット 2017-12-22 20.32.13.png](https://qiita-image-store.s3.amazonaws.com/0/72479/fdf05457-7412-3a7e-0dbd-e82a95c7c933.png)

## MESH SDK
ブラウザで <A HREF="https://meshprj.com/signin/">MESH SDK</A> へアクセスする。(アカウントを作成してログインする。)

![スクリーンショット 2017-12-22 20.29.35.png](https://qiita-image-store.s3.amazonaws.com/0/72479/340c2964-12d1-5fb3-56a9-eba4460ef766.png)

<A HREF="http://rch850.hatenablog.com/entry/2016/08/21/095254">ここ</A>を参考にして GET URL という名前でカスタムタグを作成し、Execute タブ を選択して、下図の赤枠で囲った部分にコードを入力する。

![スクリーンショット 2017-12-22 20.35.18.png](https://qiita-image-store.s3.amazonaws.com/0/72479/6baadcbc-05c8-1aa7-201a-73021caad8e1.png)

![スクリーンショット 2017-12-22 20.36.57.png](https://qiita-image-store.s3.amazonaws.com/0/72479/f72d8622-3b5e-964b-be83-95eb793a0b19.png)

```
ajax ({
    url : properties.url,
    type : "GET",
    timeout: 5000,
    success : function ( contents ) {
        log("GET URL : SUCCESS");
        callbackSuccess( {
            resultType : "continue"
        } );
    },
    error : function ( request, errorMessage ) {
        log("GET URL : ERROR");
        callbackSuccess( {
            resultType : "continue"
        } );
    }
});
 
return {
    resultType : "pause"
};
```

## NAOqi Python SDK
PC (Mac OSX) に NAOqi Python SDK をインストールして Pepper を喋らせるようにする。単に喋らせるだけであれば say 関数にセリフを設定すれば済むのだが、自然なイントネーションと抑揚で聞こえるようにするにはセリフを調整する必要がある。
<A HREF="http://systrabot.com/?p=150">ここ</A> を参考にしてブラウザから Pepper へ直接アクセスして何度も試行錯誤しながら最高のセリフになるまで調整するのだ。(職人技が必要と言われる所以。)

最終的に以下のような声の高さ、声のスピード、当て字になった。
```「いい飲みっぷり！もう1杯いかがですか〜！？」```
　↓
```"\\vct=153\\\\rspd=100\\ ゐーー蚤|ぷりヰッ！！モォーいっぱい｜いかがですかー"```

Python スクリプトを実行して Pepper が期待通りに喋ってくれるかどうか確認する。
```$ python jt2017.py```

```jt2017.py
# -*- encoding: UTF-8 -*-
from naoqi import ALProxy
ip = ""  # Pepperに付与されたIPアドレスを設定
port = 9559

# say
tts = ALProxy("ALTextToSpeech", ip, port)
tts.setLanguage("Japanese")
# いい飲みっぷり！もう1杯いかがですか〜！？
tts.say("\\vct=153\\\\rspd=100\\ ゐーー蚤|ぷりヰッ！！モォーいっぱい｜いかがですかー")

# animated speech
#atts = ALProxy("ALAnimatedSpeech", ip, port)
#atts.setLanguage("Japanese")
#atts.setBodyLanguageMode(2)
# いい飲みっぷり！もう1杯いかがですか〜！？
#atts.say("\\vct=153\\\\rspd=100\\ ゐーー蚤|ぷりヰッ！！モォーいっぱい｜いかがですかー")

```

## Node.js
MESH アプリから GET リクエストを受け付けて上記の Python スクリプトを実行する簡易ウェブサーバを立てる。
node コマンドを実行してブラウザからアクセスして Pepper が期待通りに喋ってくれるかどうか確認する。
```$ node app.js```

```app.js 
var http = require('http');
var exec = require("child_process").exec;

http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello test\n');
  exec('. ~/.profile \;/usr/bin/python /var/Pepper/Python/jt2017.py', (err, stdout, stderr) => {
    if (err) { console.log(err); }
    console.log(stdout);
  });
}).listen(80, '0.0.0.0');
```

# ロボット居酒屋、開店！
ロボット居酒屋開店と同時に飲みまくり状態である。(基本的にはエナジードリンクだが、中身がアルコールのものも・・。)
Pepper が ”ヨイショ！” してくれるからといって、くれぐれも飲み過ぎには注意されたい。

足跡(その2)へ続くことに・・。

![スクリーンショット 2017-12-22 22.02.20.png](https://qiita-image-store.s3.amazonaws.com/0/72479/e140dd2a-90c8-cfe1-7b6c-6418657f64a3.png)
<A HREF="https://youtu.be/DT_66oDaPgI">(動画: 成功編)</A>

![スクリーンショット 2017-12-22 22.01.49.png](https://qiita-image-store.s3.amazonaws.com/0/72479/982306e5-9c77-afeb-ff51-d4d82f572103.png)
<A HREF="https://youtu.be/-i2tMn0Yyas">(動画: 成功編)</A> <A HREF="https://youtu.be/CEAKW8SOKEI">(動画: 失敗編)</A>

![スクリーンショット 2017-12-22 22.04.49.png](https://qiita-image-store.s3.amazonaws.com/0/72479/8fff153c-f4a5-965d-5202-c368225f7c1c.png)