情報処理学会 インタラクション 2014
IPSJ Interaction 2014

C4-8
2014/3/1

PushPullSpace :公衆型情報環境におけるスマートホンを用いた連携インタラクションの提案
矢野昭文†

外村佳伸†

本報告では，スマートホンを用いて，公衆型情報環境における様々な情報のやりとりを可能とするインタラクション
空間 PushPullSpace を提案する．このシステムは公衆型情報環境に掲示板的要素を取り入れ，近年広く普及しつつあるスマートホンによる情報投稿や取得を，直感的なアクションで可能とするものである．本研究では提案に基づいたプロトタイプシステムを構築し，人々が直感的にこのシステムを通して情報交換できる環境を実現した．本研究で検討した基本環境を含め，今後スマートホンを用いた公共空間での情報のやりとりが盛んになることが期待される．

PushPullSpace: Interaction in Public Information System Using
Smartphone for Exchanging Information
AKIFUMI YANO†YOSHINOBU TONOMURA†

This report proposes an interactive public information system called “PushPullSpace” which allows users to post and get various
kinds of information using their own smartphones in a manner like throwing information at the wall or catching information fromthe wall. The preliminary experimental results using a proto-type system built for the proof of concept are shown. They
encourage us to envisage the promising future of intuitive interactions between public information systems andsmartphone-equipped users.

1. はじめに投稿や取得を行った 2)．
また，スマートホンから公衆型情報環境の様な大きなディ

近年，携帯電話は通話を主眼とする従来のタイプから，スプレイを操作する研究例もある 3)．Nancel らのスマート

データ通信を前提とした様々なアプリケーションが動作可

ホンと公衆型情報環境との画面を対応づけしたタッチによ能なスマートホンへと変化している．その結果，その利便るポインタの操作や Boring らの“TouchProjector”のように，性に惹かれた利用者が急増している．こうしたパーソナル

公衆型情報環境の表示画面をスマートホンのカメラで撮影な情報機器の進化・普及の一方で，デジタルサイネージ（電した画像を用いて，画像移動などのコンテンツ操作を行う

子ポスター，デジタル掲示板）などの公衆型情報環境の普というものがある 4) 5) ．

及も進んでいる．まだ大画面表示による一方的なものが多

これらは，いずれもスマートホンの画面自身を操作するこいが，顔認識，画像認識、センサによるユーザの行動の取とがインタラクションの基本になっているのに対し，本研得などの技術を取り入れながら、ユーザの違いや時間帯な究では，基本操作としてスマートホンの画面にとらわれる

どの状況に合わせた様々な広告の手法が提案・活用されつことなく直感的に使用でき，かつ，無線により公衆型情報つある 1)．今後，スマートホンに代表されるパーソナル情環境から離れた位置でも利用でき，さらに利用者が複数人

報機器は各個人の情報世界との接点としてますます役割がいた場合でも情報のやりとりを可能とすることを目指す公増し，デジタルサイネージに代表される公衆型情報環境は，衆型情報環境 PushPullSpace を提案する（図 1）．

人とのインタラクションの機能を増していくと考えられる．
そこで本研究では，スマートホンを用いて，公衆型情報環境やその場の人々と様々な情報のやりとりを可能とするインタラクション空間，PushPullSpace を提案する．

2. 関連研究
公衆型情報環境とスマートホンを扱った研究が盛んになっている．Alt らが提唱した“Digifieds”は電子的掲示板として活用し，WEB や QR コードなどを利用して情報記事の図 1

PushPullSpace の訴求点

† 龍谷大学理工学研究科情報メディア学専攻
Graduate School of Science and Technology, Ryukoku University© 2014 Information Processing Society of Japan699

3. PushPullSpace の提案

4. プロトタイプシステム

3.1 インタラクションの場面

4.1 システム構成

大学や駅などでよく見かける掲示板に，紙などを貼り付本研究では，公衆型情報環境として PC とディスプレイ，けて情報を公開したり，また，利用者がある特定の相手にWEB カメラで構成し（以下 Wall），スマートホンは Android伝言を書いたりすることがある．しかし，こうした掲示板端末を使用する．Wall とスマートホンと通信を行うため，は貼ったりはがしたりの手間がかかるため，前述の背景かネットワーク環境として Wi-Fi を使用する．Bluetooth を用らしても，いずれ電子的に書き換え可能でかつネットワー

いた研究例もあるが 6)，本報告では１つの Wall が同時に多クにつながったデジタルサイネージ化していくものと考え

くのスマートホンとやりとりを行う必要があることから，られる．一方で近年多くの人が情報のやりとりや保持にスペアリング接続を基本とする Bluetooth ではなく Wi-Fi をマートホンを用いていることに着目すると，今後，掲示板用いた．Wall の WEB カメラは Wall 前の状況の把握に用いの電子化が進むとともに，スマートホンを用いた掲示板とる．のやりとりが行われるようになると考えるのが自然である．
また公式な情報だけでなく，公衆の場としても，今後多く4.2 システムの処理構成の人が自由に情報の投稿・取得あるいは交換ができるオー

4.2.1 サーバ・クライアント管理

プンな情報環境が登場し，そこでスマートホンを用いた活発なやりとりがなされることが期待される．

Wall 側を本システムのサーバとし，Wi-Fi 環境を通してスマートホン側をクライアントとして接続を行う．接続にそこでこうした機能を実現するだけでなく，より日常的はスマートホン側で Wall の IP アドレスとポートを指定し，で直感的な動作により，やりとりをする公衆型情報環境をソケット通信で通信のやりとりを行う．通信する情報は送実現しようとするのが，本研究で提案する PushPullSpace

る・受け取る目的のメディア（画像・音）とスマートホンである．の情報（向き・傾き・振る速さ）とし，それぞれ同時に複数データを通信しやすい様，送信側で UTF-8 の文字コード3.2 インタラクションする内容にエンコードしてから送信し．受信側でデコード処理を行

まず，PushPullSpace で実現すべき最も基本的な機能は，う．また，受信したメディアはサーバのデータベースに書情報を投稿する利用者がスマートホン上の情報を公衆型情き込み処理を行い，要求に応じてディスプレイに表示・削報環境に投稿する機能，また，公衆型情報環境上の表示情除・クライアントへ送信を行う．スマートホンの情報はス報・データをスマートホンで取得する機能である．本研究マートホンそれぞれに対応した Wall 上のカーソルの操作

では，これらを行う際に，スマートホン画面を見ずに公衆に使用する．

型情報環境の画面を見ながら操作できるようにすること，複数人が同時に操作を行えること，さらに，スマートホン同士で交換や共有できることでより多様なインタラクションを可能とした点に特徴を持つ．

4.2.2 素材となるメディア
本システムは，投稿や取得などやりとりを行うメディアを作成・加工する際には，複数人が同時に作成することができる様，すべてスマートホン上で行う．そのため，スマートホンで作成，容易に変形が可能な写真情報・描画情報・音声情報をメディアとして使用する．
4.2.1 Wall とのやりとり
Wall やスマートホンに送信・受信をシームレスに切り替えができることと，スマートホンの画面操作に捉われず，Wall とのやりとりの意識を強調するため，情報の送受信はスマートホンを見て指先で行うのではなく Wall を見て行える様に，以下の方法とした．
Wall への送信はスマートホンで画像を用意し，Wall に貼り付ける感覚で行えるように，Wall に向かって投げる様にスマートホンを振る（シェイクする）ことで行う．一方，Wall からの受信は，接続の際に Wall 上にスマートホンに対応したカーソルが表示されるので，利用者はスマートホン

図 2

PushPullSpace の構成© 2014 Information Processing Society of Japanを見なくても，そのカーソルを基に Wall だけを見て直感的700に操作できる様にした．具体的には，スマートホンの傾き状態をカーソルの上下左右の移動と対応づけた．利用者はスマートホンを傾けてカーソルを動かし，受け取る画像の上にカーソルを重ね，Wall からキャッチする様にスマートホンを手前に振ることで受信を行う．その際，送受信が正常に完了するとスマートホンが振動することと Wall から音が鳴ることで，より直感的なフィードバックとなるよう工夫した．
4.2.1 クライアント同士のやりとり
上記で述べた Wall との関わりだけでは，その場にいる人同士はメディアを視覚的に共有することしかできない．さらに，メディアが活発に行き交う環境を実現するには Wall

図 3

PushPullWall の利用風景とのやりとりだけでは十分とはいえない．そこで，Wall への表示を介さず，その場にいる人と人が向き合うことで，メディアのやりとりができる環境を実現した．

5.2 PushPullPond：メディア交換型アミューズメント
PushPullPond は情報の投稿や取得を，掲示板もように機

具体的には，サーバ側でクライアントが向いている方位能先行の場ではなく，楽しいゲーム風の環境として実現しをそれぞれ管理し，向き合っているものがあるとそれをグたもので，日本で古くから親しまれている“金魚すくい”ループとして管理することでお互いに送信したり受信したの動作をモチーフにしたアミューズメントシステムであるりのやりとりができる．送信の方法は別のスマートホンと（図 4）．

向き合った状態で Wall と同じ様に操作を行うことで，相手のスマートホンにメディアを送信し，画面に表示される．
また，お互いに繋がっていることがクライアント側でも分かる様に，繋がるとスマートホン画面の背景色が変わって同じ色になる様にした．

5. PushPullSpace の応用
上記の基本環境を軸に 2 つの応用システムを実装し，検証を行った．以下にそのシステムそれぞれの仕様を記述す

図 4

PushPullPond のシステム構成図

る．
5.1 PushPullWall：掲示板

具体的には Wall 上の画像を自律的に上下左右と奥・手前

PushPullWall はスマートホンを用いて壁に紙を貼りつけと移動させ，スマートホンを用いて操作する時だけでなく，るが如く，あるいは，壁から紙をはがすが如く画像を投稿・閲覧する段階でも利用者に興味・関心を抱かせる工夫をし取得するシステムである（図 3）．図 3 では，掲示板利用をた．また，画像が動きまわる特性を活かすため，スマート目的とした 46 インチの大型ディスプレイを用いたものでホンで受け取る操作を“金魚すくい”のすくう動作に見立ある．また投稿する際，画像に色のタグ情報を付与し，スて，Wall のカーソルをポイとして表現し，操作にゲーム性マートホンの画面にタグの色を表示してかざすと Wall にを持たせて，更なる楽しさを利用者に与えた．

設置した WEB カメラからスマートホンの位置を判断し，このすくうという動作にリアリティーを与えるために，その位置に同じ色のタグの画像が集まったり，異なる色のWall のディスプレイを地面と平行して設置し，また，WEBタグの画像は離れたりという表現をした．この表現によりカメラを用いて半透明のミラーリングしたフィルタの描画

利用者は求める画像を容易に見つけることができ，いわばを加えて Wall の表示画面に水面反射の様に表現した．そし情報のフィルタリングを実現している．て，画像を単に取得して保持するだけでなく，取得した画像をクライアントにも分け与えて共有したり，更なる描画や写真加えるなどのアレンジを施したりすることも可能にし，取得→共有・アレンジ→投稿→取得というサイクルを実現した（図 5）．

© 2014 Information Processing Society of Japan701

の場の人々と情報のやりとりを行う連携インタラクション
空間 PushPullSpace を提案し，その基本環境をプロトタイプシステムとして構築した．また，その応用システムとして
PushPullWall と PushPullPond を実装し，多くの人に使ってもらった．今後，今回提案した PushPullSpace を軸に幅広い利用の実現とその評価，利用方法の提案を行っていきたい．

参考文献

図 5

PushPullPond の利用風景

6. 考察
PushPullWall を動作させ，実際に利用してもらい，操作動作が掲示板として満たしているか検証した．結果，「タグ情報の入力が手間であった」という意見も得られたが，投稿・取得に関しては「Wall を直接見て操作できるので使い易い」という評価が得られ，今回の要件を満たすことができた．ただし，ディスプレイの大きさの都合で今回一度に利用してもらった人数は約 3，4 人程度なので，今後ディスプレイを大きくしていく必要性が感じられる．そうした時，ユーザが利用して掲示板として役割を満たしているか，使いやすいと感じるかを更なる評価実験を重ね，検討してい1) Jorg Muller，Florian Alt，Albrecht Schmidt，Daniel Michelis：“Requirements and Design Space for Interactive Public Displays”，
MM '10 Proceedings of the international conference on Multimedia，
pp.1285-1294，ACM
2) Florian Alt，Alireza Sahami Shirazi，Thomas Kubitza，Albrecht
Schmidt：“Interaction Techniques for Creating and Exchanging Contentwith Public Displays”，in Proceedings of the 2013 ACM Annual
Conference on Human Factors in Computing Systems, ，New York，NY， USA（2013）3) 山口徳郎，立澤茂，野中雅人：“モバイル端末内蔵センサと環境カメラを活用したペアリング方式の提案”，進学技報，Vol.112，No.106，pp.29-33(2012) Microsoft Office 製品情報,
http://office.microsoft.com/ja-jp/products4) M. Nancel，O. Chapuis，E. Pietriga, ，X.-D. Yang, ，P. Irani，M. Beaudouin-Lafon. “High-Precision Pointing on Large Wall
Dis-plays using Small Handheld Devices. ”In CHI '13: Proceedingsof the SIGCHI Conference on Human Factors and Computing
Sys-tems, ，831-840, ，ACM, ，（2013）5) Boring, S.，Baur, D.，Butz, A.，Gustafson,, S.，Baudisch, P.：“TouchProjector: Mobile Interaction Through Video”，In Proceedings of the28th ACM Internarional Conference on Human Factors in Computing
System，Atlanta，Georgia，USA(2010)6) 呉剣明，加藤晴久，加藤恒夫：“多数の携帯電話とデジタルサイネージ間のインタラクションを可能にするクライアントサーバー型 Bluetooth 通信方式”， 研究報告ユビキタスコンピューティング
システム， 2010-UBI-25，69，pp.1-8(Mar.2010)

くことも必要と考える．
PushPullPond については 200 人以上の人に利用してもらい，意図的に操作を促さなくても自主的にシステムを利用してもらうことができ，本システムの目的である投稿・取得のきっかけを容易にすることができた．しかし，Wall を地面に平面とすることで，スマートホンの傾きによるカーソル操作がうまく対応づけしなく初見では使いづらい意見も得られた．本システムのインタフェース面で利用者の評
価実験を行い使用の検討し解決していくことが必要と考える．
また，クライアント同士の交換で，今回は Wall の前と使用範囲の制限しており，目視で利用者を確認できたため，向かい合った状態での同期方法を使用したが，接続条件が容易であるため予期していない相手と同期を行う可能性がある． 今後，どういった操作が適切であるか検証していく必要があると考える．

7. おわりに本研究では，スマートホンを用いて公衆型情報環境やそ© 2014 Information Processing Society of Japan702