AITCオープンラボ: Pepper x IoT x Web

Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

AITCオープンラボ第4回 IoT勉強会

Pepper x IoT x Web

2015/04/21

1


プログラム

19:00～19:05 オープニング 19:05～19:15 デモ 19:15～19:45 Pepper＆コレグラフ説明 19:45～20:55 デモ内容の説明　・センサーデータをクラウドに蓄積　・センサーデータをWebに表示　・Pepperに表示＆アクション 20:55～21:00 まとめ。その他お知らせなど。

2


AITCについて

3


先端IT活用推進コンソーシアム

4

・企業の枠を超えた活動・一社ではできない活動（実証実験等）・利活用推進のための提案・提言・情報と知見の提供・活動成果物の公開

企業における先端ITの活用および先端ITエキスパート技術者の育成を目的とし社会に貢献することを目指す非営利団体


先端IT活用推進コンソーシアム（AITC）

設　立： 2010年9月8日　（会期：～2016年8月31日）

会長：　鶴保征城（IPA顧問、HAL校長）　　　

会員：　正会員（法人会員＆個人事業主）、準会員（個人会員＆学術会員）

　　　　　特別会員（産業技術総合研究所、気象庁、消防研究センター、防災科学技術研究所）

顧問：稲見昌彦 (慶応義塾大学大学院教授）

和泉憲明（産業技術総合研究所上級主任研究員）

　　萩野達也 (慶応義塾大学教授)

　橋田浩一 (東京大学大学院教授)

丸山不二夫(早稲田大学大学院客員教授）

山本修一郎(名古屋大学大学院教授)

三淵　啓自 (デジタルハリウッド大学大学院　教授）＜ビジネスAR研究部会顧問＞

川田　十夢　 (AR三兄弟　長男）＜ビジネスAR研究部会顧問＞

5

Advanced IT Consortium 　　to Evaluate, Apply and Drive

http://aitc.jp

http://aitc.jp/


AITCの活動内容

活動対象分野（部会）活動の種類と関係

各分野にフォーカスした部会を中心に活動し、その成果をオープンラボやプロジェクト、発表会などで展開

6

今回の対象


デモ

Pepperのある日常

7


シナリオ1自分: なんか暑いなぁ。Pepper君、今何度？ Pepper: 確認しますね。気温のグラフを表示しました。4月としては少し暑いですね。エアコンを入れますか？（タブレットにグラフを表示）自分: どれどれ。おー、気温がどんどん上がってるねぇ。そうだね、エアコン入れて。 Pepper: エアコンを24度でセットしました。（エアコンセットはダミー。音鳴らす）

8


シナリオ2Pepper: 気温が24度より下がりました。エアコンを停止しますか？（センサーの値が24より下がったら発動）自分: 外が涼しくなってきたね。うん、エアコン止めといて。 Pepper: エアコンを停止しました。

9


技術解説

10


Pepper & Choregraphe 概要

11


センサーデータをクラウドに蓄積

12


AITCオープンラボ第4回 IoT勉強会

Pepper x IoT x Web

センサーデータの表示編

AITC CC研サブリーダーピースミール・テクノロジー株式会社

高岡大介13


About me

高岡大介: フリーエンジニア

最近やってること • Web関連の開発・技術顧問 • IoT勉強会シリーズ • 特集記事/対談

14

dsuket

※本資料は個人の見解であり、AITCの公式資料ではありません。


画面

15http://dsuket.github.io/pepper-iot/index.html

http://dsuket.github.io/pepper-iot/index.html


やったこと

• PubNubからWebSocketでデータを取得 • 値をHTMLに表示 • グラフに表示 • Pepperに連携

16


どうやったか

• PubNubからWebSocketでデータを取得 • PubNub client library

• 値を表示 • Vue.js (http://vuejs.org/)

• グラフに表示 • C3.js (http://c3js.org/)

• Pepperに連携 • QiMessaging

17


PubNub

前で説明しているはずなので割愛

18

Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 19


インタラクティブなWebインターフェイスを構築するためのJavaScriptライブラリ。

• MVVMによる双方向データバインディング • ディレティブとフィルタ • 単純なAPI • モジュール性とコンポーザビリティを重視

20

Vue.js


Vue.js Sample

21

Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 22


C3.js

グラフ描画ライブラリー • D3.jsのラッパー • グラフ描画に特化して扱いやすく

Why C3? • Comfortable • Customizable • Controllable

23


C3.js Example

24http://c3js.org/samples/timeseries.html

http://c3js.org/samples/timeseries.html


QiMessaging

次で詳しく解説が！

25


まとめ

ありもの組み合わせれば簡単！ Pepperタブレットでも割と動く！

https://html5test.com/s/c9f22d2508c24d52.html

今回のサンプル https://github.com/dsuket/pepper-iot

26

https://html5test.com/s/c9f22d2508c24d52.html

https://github.com/dsuket/pepper-iot


Pepperに表示＆アクション

27


まとめ

28


スマートハブとしての Pepperの可能性！！

29


最後に

• アンケート • お知らせ • 懇親会

30


AITCオープンラボ予定

5/28 (木) 第2回デジタルガジェット祭り晴海トリトンスクエア X 42F

6/18 (木) IoT x AI 晴海トリトンスクエア X 42F

7/18 (土) 機械学習ハンズオン

8/24 (月) IoT x ○○ 総ざらい！

9/12 (土) IoT自由研究. もくもく会

31


http://aitc.jphttps://www.facebook.com/aitc.jp

最新情報はこちらをご参照ください

ハルミンAITC非公式イメージキャラクター

32

http://aitc.jp/

http://aitc.jp/

http://aitc.jp/

https://www.facebook.com/aitc.jp

Technology

AITCオープンラボ: Pepper x IoT x Web