Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
AITCオープンラボ
第4回 IoT勉強会
Pepper x I...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
プログラム
19:00∼19:05 オープニング
19:05∼1...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
AITCについて
3
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
先端IT活用推進コンソーシアム
4
・企業の枠を超えた活動
・一...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
先端IT活用推進コンソーシアム(AITC)
設  立 : 201...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
AITCの活動内容
活動対象分野(部会)活動の種類と関係
各分野...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
デモ
Pepperのある日常
7
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
シナリオ1
自分: なんか暑いなぁ。Pepper君、今何度?
P...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
シナリオ2
Pepper: 気温が24度より下がりました。エ
ア...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
技術解説
10
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
Pepper & Choregraphe
概要
11
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
センサーデータを
クラウドに蓄積
12
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
AITCオープンラボ
第4回 IoT勉強会
Pepper x I...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
About me
高岡大介: フリーエンジニア
最近やってること...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
画面
15
http://dsuket.github.io/pe...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
やったこと
• PubNubからWebSocketでデータを取得...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
どうやったか
• PubNubからWebSocketでデータを取...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
PubNub
前で説明しているはずなので割愛
18
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 19
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
インタラクティブなWebインターフェイス
を構築するためのJav...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
Vue.js Sample
21
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 22
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
C3.js
グラフ描画ライブラリー
• D3.jsのラッパー
•...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
C3.js Example
24
http://c3js.org...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
QiMessaging
次で詳しく解説が!
25
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
まとめ
ありもの組み合わせれば簡単!
Pepperタブレットでも...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
Pepperに表示&アクション
27
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
まとめ
28
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
スマートハブとしての
Pepperの可能性!!
29
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
最後に
• アンケート
• お知らせ
• 懇親会
30
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
AITCオープンラボ予定
5/28 (木) 第2回 デジタルガジ...
Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
http://aitc.jp
https://www.faceb...
Upcoming SlideShare
Loading in …5
×

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

1,075 views

Published on

AITCオープンラボ 第4回IoT勉強会
Pepper x IoT x Web の資料です。

Published in: Technology
  • Be the first to comment

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

  1. 1. 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
  2. 2. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. プログラム 19:00∼19:05 オープニング 19:05∼19:15 デモ 19:15∼19:45 Pepper&コレグラフ説明 19:45∼20:55 デモ内容の説明  ・センサーデータをクラウドに蓄積  ・センサーデータをWebに表示  ・Pepperに表示&アクション 20:55∼21:00 まとめ。その他 お知らせなど。 2
  3. 3. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. AITCについて 3
  4. 4. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 先端IT活用推進コンソーシアム 4 ・企業の枠を超えた活動 ・一社ではできない活動
 (実証実験等) ・利活用推進のための提案・提言 ・情報と知見の提供 ・活動成果物の公開 企業における先端ITの活用および 先端ITエキスパート技術者の育成を目的とし 社会に貢献することを目指す非営利団体
  5. 5. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 先端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
  6. 6. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. AITCの活動内容 活動対象分野(部会)活動の種類と関係 各分野にフォーカスした部会を中心に活動し、
 その成果をオープンラボやプロジェクト、発表会などで展開 6 今回の対象
  7. 7. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. デモ Pepperのある日常 7
  8. 8. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. シナリオ1 自分: なんか暑いなぁ。Pepper君、今何度? Pepper: 確認しますね。気温のグラフを表示しまし た。4月としては少し暑いですね。エアコンを入れま すか? (タブレットにグラフを表示) 自分: どれどれ。おー、気温がどんどん上がってる ねぇ。そうだね、エアコン入れて。 Pepper: エアコンを24度でセットしました。 (エアコンセットはダミー。音鳴らす) 8
  9. 9. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. シナリオ2 Pepper: 気温が24度より下がりました。エ アコンを停止しますか? (センサーの値が24より下がったら発動) 自分: 外が涼しくなってきたね。うん、エア コン止めといて。 Pepper: エアコンを停止しました。 9
  10. 10. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 技術解説 10
  11. 11. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. Pepper & Choregraphe 概要 11
  12. 12. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. センサーデータを クラウドに蓄積 12
  13. 13. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. AITCオープンラボ 第4回 IoT勉強会 Pepper x IoT x Web センサーデータの表示編 AITC CC研サブリーダー ピースミール・テクノロジー株式会社 高岡大介 13
  14. 14. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. About me 高岡大介: フリーエンジニア 最近やってること • Web関連の開発・技術顧問 • IoT勉強会シリーズ • 特集記事/対談 14 dsuket ※本資料は個人の見解であり、AITCの公式資料ではありません。
  15. 15. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 画面 15 http://dsuket.github.io/pepper-iot/index.html
  16. 16. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. やったこと • PubNubからWebSocketでデータを取得 • 値をHTMLに表示 • グラフに表示 • Pepperに連携 16
  17. 17. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. どうやったか • PubNubからWebSocketでデータを取得 • PubNub client library • 値を表示 • Vue.js (http://vuejs.org/) • グラフに表示 • C3.js (http://c3js.org/) • Pepperに連携 • QiMessaging 17
  18. 18. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. PubNub 前で説明しているはずなので割愛 18
  19. 19. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 19
  20. 20. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. インタラクティブなWebインターフェイス を構築するためのJavaScriptライブラリ。 • MVVMによる双方向データバインディング • ディレティブとフィルタ • 単純なAPI • モジュール性とコンポーザビリティを重視 20 Vue.js
  21. 21. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. Vue.js Sample 21
  22. 22. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 22
  23. 23. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. C3.js グラフ描画ライブラリー • D3.jsのラッパー • グラフ描画に特化して扱いやすく Why C3? • Comfortable • Customizable • Controllable 23
  24. 24. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. C3.js Example 24 http://c3js.org/samples/timeseries.html
  25. 25. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. QiMessaging 次で詳しく解説が! 25
  26. 26. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. まとめ ありもの組み合わせれば簡単! Pepperタブレットでも割と動く! https://html5test.com/s/c9f22d2508c24d52.html 今回のサンプル https://github.com/dsuket/pepper-iot 26
  27. 27. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. Pepperに表示&アクション 27
  28. 28. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. まとめ 28
  29. 29. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. スマートハブとしての Pepperの可能性!! 29
  30. 30. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 最後に • アンケート • お知らせ • 懇親会 30
  31. 31. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. AITCオープンラボ予定 5/28 (木) 第2回 デジタルガジェット祭り 晴海トリトンスクエア X 42F 6/18 (木) IoT x AI 晴海トリトンスクエア X 42F 7/18 (土) 機械学習ハンズオン 8/24 (月) IoT x ○○ 総ざらい! 9/12 (土) IoT自由研究. もくもく会 31
  32. 32. Copyright © 2014 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. http://aitc.jp https://www.facebook.com/aitc.jp 最新情報は こちらをご参照ください ハルミン AITC非公式イメージキャラクター 32

×