JP2014197256A - 編集装置、編集方法、及びプログラム - Google Patents

Abstract

【課題】複数の端末装置を用いて同一の表示情報を編集する場合にも、各編集者がどのカーソルが自分の端末装置を示すかを特定する。【解決手段】編集装置２０は、複数の端末装置３０−１〜３０−Ｎからの編集を受け付ける場合に、端末装置３０−１〜３０−Ｎに特有のカーソル画像を、当該端末装置３０−１〜３０−Ｎに関連付けて選択した表示要素に重畳して表示させる。【選択図】図１

Description

本発明は、表示情報の編集を行う編集装置、編集方法、及びプログラムに関する。

Ｗｅｂページや文書ファイルなど、表示装置に表示させるための表示情報を、複数人でリアルタイムに編集する技術が、非特許文献１に開示されている。非特許文献１に開示された技術は、文章編集を複数人で行う場合に、各編集者のキャレット（編集対象の文章のうち、文字を挿入する位置に表示されるカーソル）を、色分けしてそれぞれ表示するものである。

"無料で５ＧＢ利用できる「Ｇｏｏｇｌｅドライブ」を実際に使ってみるとこんな感じ"、［ｏｎｌｉｎｅ］、ＧＩＧＡＺＩＮＥ、［２０１３年３月２０日検索］、インターネット〈ＵＲＬ： ｈｔｔｐ：／／ｇｉｇａｚｉｎｅ．ｎｅｔ／ｎｅｗｓ／２０１２０４２６−ｇｏｏｇｌｅ−ｄｒｉｖｅ／〉

他方、非特許文献１に開示された技術において、図形描画の編集を複数人で行う場合、自分のマウスカーソルはディスプレイに表示されるものの、他の編集者のマウスカーソルは表示されず、他の編集者の操作結果のみが画像上に反映される。
非特許文献１に記載されている技術は、各編集者がそれぞれディスプレイ付きの端末装置を所有しており、各編集者が自分の端末装置のディスプレイのみを見て操作することを前提としている。そのため、各端末装置のディスプレイには、その編集者のカーソルを表示するだけで、自分が何を操作対象としているかを把握することができる。

しかしながら、複数人が１つのディスプレイを見ながら共同で編集を行う場合、ひとつのカーソルのみを表示させるだけでは、他の編集者が操作することができないという問題がある。また、単純に複数のカーソルを表示した場合、各編集者が、どのカーソルが自分の端末装置に関連付けられているかを判断できないという問題がある。
本発明の目的は、上述した課題を解決する編集装置、編集方法、及びプログラムを提供することにある。

本発明は上記の課題を解決するためになされたものであり、複数の端末装置からの入力に基づいて、表示情報の構成要素である表示要素と当該表示要素のレイアウトに関する複数の項目の値とを関連付けて記憶する表示要素記憶部から、前記端末装置ごとに表示要素を選択する選択部と、前記選択部が表示要素を選択した後に、前記端末装置からの入力に基づいて、前記選択部が選択した表示要素に関連付けられた前記レイアウトに関する項目の値を変更する変更部と、前記表示要素記憶部が記憶する表示要素に基づいて表示情報を生成する表示情報生成部と、前記表示情報生成部が生成した表示情報を表示装置に出力し、前記選択部が選択した表示要素に重畳させて当該表示要素を選択した端末装置に特有のカーソル画像を表示させる指示を前記表示装置に出力し、前記変更部によって前記レイアウトに関する項目の値が変更されるたびに、前記表示装置に当該変更を示す情報を出力する表示制御部とを備えることを特徴とする。

また、本発明においては、前記表示制御部は、前記選択部が異なる端末装置について同一の表示要素を選択した場合、前記選択部が選択した表示要素に重畳させて前記端末装置に特有のカーソル画像を輪番で表示させる指示を前記表示装置に出力することが好ましい。

また、本発明においては、前記端末装置に特有のカーソル画像を識別するための情報を、当該端末装置のディスプレイに表示させる識別情報表示制御部を備えることが好ましい。

また、本発明は、編集装置を用いた表示情報の編集方法であって、前記編集装置の表示情報生成部が、前記表示情報の構成要素である表示要素と当該表示要素のレイアウトに関する複数の項目の値とを関連付けて記憶する表示要素記憶部が記憶する表示要素に基づいて表示情報を生成するステップと、前記編集装置の表示制御部が、前記表示情報生成部が生成した表示情報を表示装置に出力するステップと、前記編集装置の選択部が、複数の端末装置からの入力に基づいて、表示情報の構成要素である表示要素と当該表示要素のレイアウトに関する複数の項目の値とを関連付けて記憶する表示要素記憶部から、前記端末装置ごとに表示要素を選択するステップと、前記表示制御部が、前記選択部が選択した表示要素に重畳させて当該表示要素を選択した端末装置に特有のカーソル画像を表示させる指示を前記表示装置に出力するステップと、前記編集装置の変更部が、前記選択部が表示要素を選択した後に、前記端末装置からの入力に基づいて、前記選択部が選択した表示要素に関連付けられた前記レイアウトに関する項目の値を変更するステップと、前記表示制御部が、前記変更部によって前記レイアウトに関する項目の値が変更されるたびに、前記表示装置に当該変更を示す情報を出力するステップとを有することを特徴とする。

また、本発明は、コンピュータを、複数の端末装置からの入力に基づいて、表示情報の構成要素である表示要素と当該表示要素のレイアウトに関する複数の項目の値とを関連付けて記憶する表示要素記憶部から、前記端末装置ごとに表示要素を選択する選択部、前記選択部が表示要素を選択した後に、前記端末装置からの入力に基づいて、前記選択部が選択した表示要素に関連付けられた前記レイアウトに関する項目の値を変更する変更部、前記表示要素記憶部が記憶する表示要素に基づいて表示情報を生成する表示情報生成部、前記表示情報生成部が生成した表示情報を表示装置に出力し、前記選択部が選択した表示要素に重畳させて当該表示要素を選択した端末装置に特有のカーソル画像を表示させる指示を前記表示装置に出力し、前記変更部によって前記レイアウトに関する項目の値が変更されるたびに、前記表示装置に当該変更を示す情報を出力する表示制御部として機能させるためのプログラムである。

本実施形態によれば、編集装置は、複数の端末装置からの編集を受け付ける場合に、各端末装置に特有のカーソル画像を、当該端末装置に関連付けて選択した表示要素に重畳して表示させる。これにより、編集者が複数存在する場合にも、各編集者がどのカーソルが自分の端末装置を示すかを特定することができる。

本発明の一実施形態に係る編集システムの構成を示す概略図である。 本発明の一実施形態に係る編集システムの構成を示す概略ブロック図である。 端末装置の表示部がタッチパネルに表示させる画面の一例である。 本発明の一実施形態に係る端末装置の動作を示すフローチャートである。 本発明の一実施形態に係る編集装置の動作を示すフローチャートである。 本発明の一実施形態に係る表示装置の動作を示すフローチャートである。

以下、図面を参照しながら本発明の実施形態について詳しく説明する。
図１は、本発明の一実施形態に係る編集システムの構成を示す概略図である。
編集システムは、ＨＴＭＬ文書やＰＤＦ（Ｐｏｒｔａｂｌｅ Ｄｏｃｕｍｅｎｔ Ｆｏｒｍａｔ）文書などの表示情報を、複数の編集者が同時に編集することを可能とするシステムである。なお、本実施形態では、編集システムがＨＴＭＬ文書を編集する場合について説明する。編集システムは、表示装置１０、編集装置２０、編集者が有する端末装置３０−１〜３０−Ｎ（以下、端末装置３０−１〜３０−Ｎを総称して端末装置３０という）を備える。表示装置１０、編集装置２０、及び端末装置３０は、それぞれネットワークを介して接続される。

表示装置１０は、ディスプレイを有し、当該ディスプレイに編集装置２０が記憶するＨＴＭＬ文書を表示する装置である。表示装置１０としては、たとえばＰＣ（Ｐｅｒｓｏｎａｌ Ｃｏｍｐｕｔｅｒ）のモニタやＴＶ（Ｔｅｌｅｖｉｓｉｏｎ）などを用いることができる。
編集装置２０は、ＨＴＭＬ文書を記憶し、端末装置３０から受信する情報に基づいて当該ＨＴＭＬ文書を編集する装置である。編集装置２０としては、たとえばＰＣやセットトップボックスなどを用いることができる。
端末装置３０は、タッチパネルを有し、当該タッチパネルに対してなされたジェスチャ入力により編集装置２０にＨＴＭＬ文書の編集のための情報を送信する装置である。なお、タッチパネルとは、ディスプレイと当該ディスプレイの表面に設けられたタッチパッドとを備えるユーザインタフェースである。
端末装置３０としては、たとえばスマートフォンやタブレット端末などを用いることができる。

図２は、本発明の一実施形態に係る編集システムの構成を示す概略ブロック図である。
表示装置１０は、通信部１１、ブラウザ部１２、表示部１３を備える。
通信部１１は、編集装置２０と通信を行い、ＨＴＭＬ文書、カーソル画像の表示指示及び当該ＨＴＭＬ文書の変更指示を受信する。
ブラウザ部１２は、通信部１１が受信したＨＴＭＬ文書を読み取り、ディスプレイに表示させるための画面情報を生成する。また、ブラウザ部１２は、当該ＨＴＭＬ文書に埋め込まれたスクリプトに基づいて、Ｗｅｂｓｏｃｋｅｔなど編集装置２０との接続経路を確立し、当該接続経路を介して、通信部１１が受信したカーソル画像の表示指示及びＨＴＭＬ文書の変更指示を読み取り、画面情報を書き換える。
表示部１３は、ブラウザ部１２が生成した画面情報をディスプレイに表示させる。

編集装置２０は、表示要素記憶部２１、表示情報生成部２２、通信部２３、選択部２４、変更部２５、表示制御部２６、識別情報表示制御部２７を備える。

表示要素記憶部２１は、ＨＴＭＬ文書の構成要素である表示要素と当該表示要素のレイアウトに関する複数の項目の値とを関連付けて記憶する。ここで、レイアウトに関する項目とは、たとえば表示要素のＸ座標、Ｙ座標、幅、高さ、回転角度などが挙げられる。具体的には、表示要素記憶部２１は、表示要素と、当該表示要素を参照するＨＴＭＬ文書と、当該ＨＴＭＬ文書の各表示要素のレイアウトに関する複数の項目の値が格納されるＣＳＳファイルとを記憶する。

表示情報生成部２２は、表示要素記憶部２１が記憶する情報と、変更部２５による変更結果とに基づいてＨＴＭＬ文書及びＣＳＳファイルを生成し、生成したＨＴＭＬ文書及びＣＳＳファイルを表示要素記憶部２１に記録する。例えば、表示情報生成部２２は、ＣＳＳファイルにおいて、絶対配置（ｐｏｓｉｔｉｏｎ：ａｂｓｏｌｕｔｅ）を指定し、各表示要素のレイアウトに関する複数の項目の値（ｔｏｐ、ｌｅｆｔ、ｗｉｄｔｈ、ｈｅｉｇｈｔ、ｔｒａｎｓｆｏｒｍ：ｒｏｔａｔｅなど）を、変更部２５による変更結果に基づいて書き換える。なお、上述したように、当該ＨＴＭＬ文書にはＷｅｂｓｏｃｋｅｔなど表示装置１０と編集装置２０との接続経路を確立するためのスクリプトが埋め込まれる。

通信部２３は、端末装置３０と通信を行い、端末装置３０から操作情報を受信する。また、通信部２３は、表示装置１０へ表示要素記憶部２１が記憶するＨＴＭＬ文書、カーソル画像の表示指示及び当該ＨＴＭＬ文書の変更指示を送信する。
選択部２４は、通信部１１が端末装置３０から受信した操作情報に基づいて、編集要素記憶部から端末装置３０ごとに表示要素を選択する。
変更部２５は、通信部１１が端末装置３０から受信した操作情報に基づいて、選択部２４が選択した表示要素のレイアウトに関する項目の値を変更する。

表示制御部２６は、表示装置１０からのリクエストに応じて、表示情報生成部２２が生成したＨＴＭＬ文書を、通信部２３を介して表示装置１０に送信する。また、表示制御部２６は、選択部２４による表示要素の選択があるたびに、端末装置３０ごとに特有のカーソル画像の表示指示を、通信部２３を介して表示装置１０に送信する。また、表示制御部２６は、変更部２５による表示要素のレイアウトに関する項目の値の変更があるたびに、ＨＴＭＬ文書の変更指示を、通信部２３を介して表示装置１０に送信する。

識別情報表示制御部２７は、端末装置３０に、当該端末装置３０に特有のカーソル画像を識別するためのカーソル識別情報を出力する。本実施形態では、端末装置３０に特有のカーソル画像として、端末装置３０ごとに異なる色を配色したカーソル画像を用いるため、識別情報表示制御部２７は、カーソル識別情報として端末装置３０に特有の色を示す情報を出力する。

端末装置３０は、操作判定部３１、データ記憶部３２（候補記憶部）、表示要素入出力部３３（表示要素登録部）、通信部３４、表示部３５を備える。
操作判定部３１は、タッチパネルに対してなされたジェスチャ入力に基づいて、操作の種類を判定し、当該操作の種類を示す操作情報を生成する。ジェスチャ入力の種類としては、たとえばシングルタップ入力、ダブルタップ入力、ホールド入力、フリック入力、スワイプ入力、２本指スワイプ入力、ピンチイン入力、ピンチアウト入力などが挙げられる。

シングルタップ入力とは、タッチパネルをタッチしてからリリースするまでの時間がホールド判定時間（例えば、１秒）より短く、かつタッチ座標とリリース座標が略同一である操作をいう。ダブルタップ入力とは、連続する２回のシングルタップ入力の間の時間がダブルタップ判定時間（例えば、１秒）以内となる操作をいう。ホールド入力とは、タッチパネルをタッチし、ホールド判定時間以上、同じタッチ座標に指をとどめる操作をいう。フリック入力とは、タッチ座標とリリース座標が異なり、かつリリース座標に指がとどまった時間がフリック判定閾値（例えば、１００ミリ秒）より短い操作をいう。スワイプ入力とは、タッチ座標とリリース座標が異なり、かつリリース座標に指がとどまった時間がフリック判定閾値より長い操作をいう。２本指スワイプ入力とは、２本の指で略同時に同一方向へスワイプ入力を行う操作をいう。ピンチイン入力とは、タッチパネルの２点をタッチし、当該２点を接近させる操作をいう。ピンチアウト入力とは、タッチパネルの２点をタッチし、当該２点を離間させる操作をいう。

なお、本実施形態では、シングルタップ入力に対する操作の種類として、タップを検出した座標に表示されたボタンに応じた操作が割り当てられる。また、ダブルタップ入力に対する操作の種類として、選択する表示要素を変更する操作が割り当てられる。また、ホールド入力に対する操作の種類として、ホールド入力中の端末装置３０の傾きに応じて表示要素を回転させる操作が割り当てられる。また、フリック入力・スワイプ入力に対する操作の種類として、フリックの速さまたはスワイプの長さに応じて、表示要素を移動させる操作が割り当てられる。また、ピンチイン入力に対する操作の種類として、表示要素を縮小させる操作が割り当てられる。また、ピンチアウト入力に対する操作の種類として、表示要素を拡大させる操作が割り当てられる。また、２本指スワイプ入力に対する操作の種類として、表示要素がＷｅｂページである場合に、当該Ｗｅｂページをスクロールする操作が割り当てられる。

データ記憶部３２は、端末装置３０の操作により編集者が収集したデータ（例えば、画像や映像など）を記憶する。データ記憶部３２が記憶するデータは、表示要素の候補となる情報であり、またアプリケーションソフトウェアによって参照することができる。
表示要素入出力部３３は、データ記憶部３２が記憶するデータを通信部３４を介して編集装置２０に出力する。また、表示要素入出力部３３は、編集装置２０から通信部３４を介して表示要素を取得し、当該表示要素をデータ記憶部３２に記録する。
通信部３４は、操作判定部３１が判定した操作指示及び表示要素入出力部３３が特定した表示要素の候補を編集装置２０に送信する。また、通信部３４は、編集装置２０からカーソル識別情報及び表示要素を受信する。
表示部３５は、通信部３４を介して編集装置２０から受信したカーソル識別情報に従って、自端末に割り当てられたカーソルの色をタッチパネルに表示させる。

ここで、表示部３５がタッチパネルに表示させる画面の例を示す。
図３は、表示部３５がタッチパネルに表示させる画面の一例である。
表示部３５は、Ｇｅｔ Ｄａｔａボタン、Ｄｅｌｅｔｅ Ｄａｔａボタン、Ｗｅｂボタン、Ｃａｍｅｒａボタン、Ｇａｌｌｅｒｙボタン、Ｐａｉｎｔボタン、及びカーソル色表示領域を、タッチパネルに表示させる。

Ｇｅｔ Ｄａｔａボタンに対してタップ操作がなされると、操作判定部３１は、当該操作が表示要素のダウンロード操作を示すと判定する。
Ｄｅｌｅｔｅ Ｄａｔａボタンに対してタップ操作がなされると、操作判定部３１は、当該操作が表示要素の削除操作を示すと判定する。
Ｗｅｂボタンに対してタップ操作がなされると、操作判定部３１は、当該操作がＷｅｂページの追加操作を示すと判定し、表示部３５は、タッチパネルにＷｅｂページのＵＲＩの入力画面を表示させ、入力されたＵＲＩを表示要素として編集装置２０に送信する。なお、Ｗｅｂページの追加操作は、これに限られない。例えば、Ｗｅｂボタンがタップされたときにブラウザアプリケーションを起動し、当該ブラウザアプリケーションを用いてＵＲＩを編集装置２０に送信しても良い。具体的には、編集者は、ブラウザアプリケーションを用いてＷｅｂページのブラウジングを行い、表示要素として追加したいＷｅｂページが表示されたときに、所定の操作（例えばボタンのタップ）を行う。これにより、操作判定部３１は、当該操作を受け付けたときにブラウザアプリケーションが表示していたＷｅｂページのＵＲＩを特定し、通信部３４は、当該ＵＲＩを編集装置２０に送信する。また、Ｗｅｂボタンがタップされたときに、端末装置３０が選択している表示要素がＷｅｂページであった場合、通信部３４は、当該表示要素が参照するＵＲＩを変更する指示を編集装置２０に送信しても良い。
Ｃａｍｅｒａボタンに対してタップ操作がなされると、操作判定部３１は、当該操作が撮像画像の追加操作を示すと判定し、表示部３５は、タッチパネルにカメラアプリケーションを表示させ、当該カメラアプリケーションによって撮像された画像を表示要素として編集装置２０に送信する。
Ｇａｌｌｅｒｙボタンに対してタップ操作がなされると、操作判定部３１は、当該操作が画像の追加操作を示すと判定し、表示部３５は、データ記憶部３２が記憶するデータをタッチパネルに表示させ、当該データ記憶部３２が記憶する画像のうち選択されたデータを表示要素として編集装置２０に送信する。
Ｐａｉｎｔボタンに対してタップ操作がなされると、操作判定部３１は、当該操作が手描き画像の追加操作を示すと判定し、表示部３５は、ペイントアプリケーションをタッチパネルに表示させ、当該ペイントアプリケーションが生成した画像を表示要素として編集装置２０に送信する領域である。
カーソル色表示領域は、通信部３４が受信したカーソル識別情報が示す色を表示する。

次に、本実施形態に係る編集システムの動作について説明する。まず、本実施形態に係る端末装置３０の動作について説明する。
図４は、本発明の一実施形態に係る端末装置３０の動作を示すフローチャートである。
端末装置３０が、ＨＴＭＬ文書の編集を開始すると、まず通信部３４は、編集装置２０にアクセスする（ステップＳ１０１）。編集装置２０は、端末装置３０からのアクセスを受け付けると、当該端末装置３０に特有の色を割り当て、当該色を示すカーソル識別情報を送信する。端末装置３０の通信部３４は、編集装置２０からカーソル識別情報を受信すると（ステップＳ１０２）、表示部３５は、当該カーソル識別情報が示す色を、タッチパネルのカーソル色表示領域に表示させる（ステップＳ１０３）。

次に、操作判定部３１は、タッチパネルに対するジェスチャ入力を受け付けたか否かを判定する（ステップＳ１０４）。操作判定部３１は、ジェスチャ入力がないと判定した場合（ステップＳ１０４：ＮＯ）、ジェスチャ入力を検出するまでステップＳ１０４の判定を繰り返す。
他方、操作判定部３１は、タッチパネルに対するジェスチャ入力を受け付けたと判定した場合（ステップＳ１０４：ＹＥＳ）、当該ジェスチャ入力の種類を特定し、当該種類に応じた操作情報を生成する（ステップＳ１０５）。次に、通信部３４は、操作判定部３１が生成した操作情報を編集装置２０に送信する（ステップＳ１０６）。

ここで、表示要素入出力部３３は、操作判定部３１が生成した操作情報が、表示要素のダウンロードを示すか否かを判定する（ステップＳ１０７）。操作情報がダウンロードを示す場合（ステップＳ１０７：ＹＥＳ）、表示要素入出力部３３は、編集装置２０からの表示要素の受信を待機する。表示要素入出力部３３は、通信部３４を介して編集装置２０から表示要素を受信すると、当該表示要素をデータ記憶部３２に記録する（ステップＳ１０８）。

他方、操作情報がダウンロード以外の操作を示す場合（ステップＳ１０７：ＮＯ）、または編集装置２０から表示要素を受信して表示要素をデータ記憶部３２に記録すると、端末装置３０は、編集者の操作や割り込み処理により処理の終了要求を受け付けたか否かを判定する（ステップＳ１０９）。端末装置３０は、処理の終了要求を受け付けていないと判定した場合（ステップＳ１０９：ＮＯ）、ステップＳ１０４に戻り、ジェスチャ入力の受け付けを継続する。他方、端末装置３０は、処理の終了要求を受け付けたと判定した場合（ステップＳ１０９：ＹＥＳ）、本処理を終了する。

次に、本実施形態に係る編集装置２０の動作について説明する。
図５は、本発明の一実施形態に係る編集装置２０の動作を示すフローチャートである。
まず、編集装置２０の通信部２３は、表示装置１０と接続し、ＨＴＭＬ文書のリクエストを受信する（ステップＳ２０１）。次に、表示制御部２６は、表示要素記憶部２１からＨＴＭＬ文書及び当該ＨＴＭＬ文書が参照するデータを読み出し、通信部２３を介して表示装置１０に送信する（ステップＳ２０２）。

また、通信部２３は、端末装置３０からアクセスを受け付け、端末装置３０と接続を確立する（ステップＳ２０３）。次に、識別情報表示制御部２７は、端末装置３０に特有の色を決定し、当該色を示すカーソル識別情報を、通信部２３を介して端末装置３０に送信する（ステップＳ２０４）。また、選択部２４は、当該端末装置３０について１つの表示要素を選択し、表示制御部２６は、選択部２４が選択した表示要素に、識別情報表示制御部２７が決定した色のカーソルを重畳して表示させるカーソル表示指示を、表示装置１０に送信する（ステップＳ２０５）。

次に、通信部２３は、端末装置３０から操作情報を受信したか否かを判定する（ステップＳ２０６）。通信部２３は、操作情報の受信がないと判定した場合（ステップＳ２０６：ＮＯ）、操作情報を受信するまでステップＳ２０６の判定を繰り返す。
他方、通信部２３は、操作情報を受信したと判定した場合（ステップＳ２０６：ＹＥＳ）、当該操作情報が示す操作内容を特定する（ステップＳ２０７）。

通信部２３は、操作内容が表示要素のアップロードを示すと判定した場合（ステップＳ２０７：アップロード）、当該操作情報とともに通信部２３が受信したデータを、表示要素として表示要素記憶部２１に記録する（ステップＳ２０８）。
また、通信部２３は、操作内容が表示要素のダウンロードを示すと判定した場合（ステップＳ２０７：ダウンロード）、選択部２４が選択している表示要素を表示要素記憶部２１から取得し、端末装置３０に送信する（ステップＳ２０９）。

また、通信部２３が、操作内容が表示要素の選択を示すと判定した場合（ステップＳ２０７：選択）、選択部２４は、表示要素記憶部２１を参照し、ステップＳ２０５で選択した表示要素の次の表示要素を特定する。ここで、次の表示要素とは、たとえばＨＴＭＬ文書において現在選択している表示要素を参照するタグの次のタグが示す表示要素が挙げられる。また、このとき選択部２４は、異なる端末装置３０について同一の表示要素を選択しても良い。
そして、選択部２４は、特定した表示要素を選択し（ステップＳ２１０）、表示制御部２６は、ステップＳ２０５で表示させたカーソルを、選択部２４が選択した表示要素に移動させる表示指示を、表示装置１０に送信する（ステップＳ２１１）。これにより、表示装置１０において新たに選択された表示要素にカーソルを合わせることができる。このとき、ステップＳ２１０において選択部２４が異なる端末装置３０について同一の表示要素を選択した場合、表示制御部２６は、当該表示要素に重畳させてそれぞれの端末装置３０に特有のカーソル画像を輪番で（例えば、１秒ごとに）表示させる指示を表示装置１０に送信する。

また、通信部２３が、操作内容が表示要素のレイアウトに関する項目の値の変更を示すと判定した場合（ステップＳ２０７：変更）、変更部２５は、当該操作情報から、変更する項目と変更する量とを特定する（ステップＳ２１２）。次に、表示制御部２６は、選択部２４が選択した表示要素について、変更部２５が特定した項目の値を、特定した量だけ変更させる変更指示を、通信部２３を介して表示装置１０に送信する（ステップＳ２１３）。これにより、表示装置１０において、レイアウトに関する項目の値を変更したＨＴＭＬ文書を表示することができる。そして、表示情報生成部２２は、選択部２４が選択した表示要素について、変更部２５が特定した項目の値を、特定した量だけ変更させたＨＴＭＬ文書及びＣＳＳファイルを生成し、表示要素記憶部２１に上書きして記録する（ステップＳ２１４）。このとき、通信部２３が受信した操作情報が表示要素の削除を示す場合、表示情報生成部２２は、ＨＴＭＬ文書及びＣＳＳファイルを記録するとともに、選択部２４が選択している表示要素を表示要素記憶部２１から削除する。

ステップＳ２０８、ステップＳ２０９、ステップＳ２１１、またはステップＳ２１４の処理を終了すると、編集装置２０は、編集者の操作や割り込み処理により処理の終了要求を受け付けたか否かを判定する（ステップＳ２１５）。編集装置２０は、処理の終了要求を受け付けていないと判定した場合（ステップＳ２１５：ＮＯ）、ステップＳ２０６に戻り、操作情報の受信を継続する。他方、編集装置２０は、処理の終了要求を受け付けたと判定した場合（ステップＳ２１５：ＹＥＳ）、本処理を終了する。

次に、本実施形態に係る表示装置１０の動作について説明する。
図６は、本発明の一実施形態に係る表示装置１０の動作を示すフローチャートである。
まず、表示装置１０の通信部１１は、編集者からＵＲＬの入力を受け付け、編集装置２０に対してＨＴＭＬ文書のリクエストを送信する（ステップＳ３０１）。次に、通信部１１は、編集装置２０からＨＴＭＬ文書及び当該ＨＴＭＬ文書が参照するデータを受信する（ステップＳ３０２）。次に、ブラウザ部１２は、当該ＨＴＭＬ文書及びＣＳＳファイルを解析して画面情報を生成し、表示部１３は、当該画面情報をディスプレイに表示させる。このとき、当該ＨＴＭＬ文書には、上述したようにＷｅｂｓｏｃｋｅｔなど編集装置２０との接続経路を確立するためのスクリプトが埋め込まれているため、ブラウザ部１２は、当該スクリプトに基づいて編集装置２０との接続経路を確立する。

次に、通信部１１は、編集装置２０から接続経路を介してカーソルの表示指示または表示要素の変更指示を受信したか否かを判定する（ステップＳ３０３）。通信部１１は、表示指示または変更指示の受信がない場合（ステップＳ３０３：ＮＯ）、ステップＳ３０３の判定を繰り返し実行する。他方、通信部１１が、表示指示または変更指示を受信した場合（ステップＳ３０３：ＹＥＳ）、ブラウザ部１２は、受信した指示に従ってＨＴＭＬ文書を更新し、当該ＨＴＭＬ文書を解析して画面情報を生成する（ステップＳ３０４）。そして、表示部１３は当該画面情報をディスプレイに表示させる。これにより、選択する表示要素が変更された場合、表示要素のレイアウトが変更された場合、新たな端末装置３０が編集に加わった場合などに、ディスプレイに表示される画面情報を更新することができる。

次に表示装置１０は、編集者の操作や割り込み処理により処理の終了要求を受け付けたか否かを判定する（ステップＳ３０５）。表示装置１０は、処理の終了要求を受け付けていないと判定した場合（ステップＳ３０５：ＮＯ）、ステップＳ３０３に戻り、表示指示または変更指示の受信を継続する。他方、表示装置１０は、処理の終了要求を受け付けたと判定した場合（ステップＳ３０５：ＹＥＳ）、本処理を終了する。

このように、本実施形態によれば、編集装置２０は、端末装置３０のタッチパネルに対してなされたジェスチャ入力に基づいて表示要素のレイアウトに関する項目の値を変更し、表示要素のレイアウトに関する項目の値が変更されるたびに、表示装置１０に当該変更を示す情報を出力する。これにより、視覚的なメニューやボタンを不要としつつ、編集内容の適用後の表示情報を見ながら表示情報の編集をすることができる。

また、本実施形態によれば、編集装置２０は、端末装置３０のタッチパネルに対してなされたジェスチャ入力の種類に応じて、レイアウトに関する項目のうち、いずれの項目の値を変更するかを決定する。これにより、編集者はタッチパネルの画面を確認することなく、表示要素のレイアウトに関する項目の値を変更することができる。

また、本実施形態によれば、編集装置２０は、複数の端末装置３０からの編集を受け付ける場合に、端末装置３０に特有のカーソル画像を、当該端末装置３０に関連付けて選択した表示要素に重畳して表示させる。これにより、編集者が複数存在する場合にも、各編集者がどのカーソルが自分の端末装置３０を示すかを特定することができる。

また、本実施形態によれば、編集装置２０は、異なる端末装置３０について同一の表示要素を選択した場合、当該表示要素に重畳させて端末装置３０に特有のカーソル画像を輪番で表示させる。これにより、複数の端末装置３０が同一の表示要素を編集する場合にも、各編集者がどのカーソルが自分の端末装置３０を示すかを特定することができる。

また、本実施形態によれば、編集装置２０は、端末装置３０に特有のカーソル画像を識別するための情報を、端末装置３０のタッチパネルに表示させる。これにより、各編集者がどのカーソルが自分の端末装置３０を示すかを特定することができる。

以上、図面を参照してこの発明の一実施形態について詳しく説明してきたが、具体的な構成は上述のものに限られることはなく、この発明の要旨を逸脱しない範囲内において様々な設計変更等をすることが可能である。
例えば、本実施形態では、カーソル識別情報としてカーソル画像の色を用いる場合について説明したが、これに限られない。例えば、編集装置２０が、端末装置３０に記録されているＳＮＳ（Ｓｏｃｉａｌ Ｎｅｔｗｏｒｋｉｎｇ Ｓｅｒｖｉｃｅ）のログイン情報を取得できる場合、当該ＳＮＳから編集者のアイコンを取得して、当該アイコンをカーソル画像に用いても良い。この場合、編集者はあらかじめ自身のアイコンを知っているため、タッチパネルの表示によらずに、自分が操作するカーソルを特定することができる。そのため、ＳＮＳから取得したアイコンなどをカーソル画像として用いる場合、編集装置２０はカーソル識別情報を端末装置３０に送らなくても良い。

また、本実施形態では、端末装置３０がタッチパネルを備える場合について説明したが、これに限られず、端末装置３０は、タッチパッドを備え、ディスプレイを備えないものであっても良い。また、端末装置３０は、図３に示すタッチパネルに表示されたボタンに代えて、物理的なボタンを備えていても良い。
また、本実施形態のように、ジェスチャ入力によって操作内容を決定せずに、表示装置のディスプレイに編集コマンドを示すボタンを表示させ、当該ボタンの押下によって操作内容を決定する場合、端末装置３０としてマウスなどのポインティングデバイスを用いても良い。

また、本実施形態では、シングルタップ入力にボタンに応じた操作を割り当て、ダブルタップ入力に表示要素を変更する操作を割り当て、ホールド入力に表示要素を回転させる操作を割り当て、フリック入力・スワイプ入力に、表示要素を移動させる操作を割り当て、ピンチイン入力・ピンチアウト入力に拡大・縮小操作を割り当て、２本指スワイプ入力にＷｅｂページのスクロール操作を割り当てる場合について説明したが、これに限られず、他のジェスチャ入力と操作内容との組み合わせを用いても良い。

また、本実施形態では、表示情報としてＨＴＭＬ文書を用いる場合について説明したが、これに限られず、ＰＤＦファイルやその他の表示情報を用いても良い。

また、本実施形態では、表示装置１０と編集装置２０を別個に備える場合について説明したが、これに限られず、一体の装置としてこれらを備えていても良い。

なお、上述の表示装置１０、編集装置２０、及び端末装置３０は内部に、コンピュータシステムを有している。そして、上述した各処理部の動作は、プログラムの形式でコンピュータ読み取り可能な記録媒体に記憶されており、このプログラムをコンピュータが読み出して実行することによって、上記処理が行われる。ここでコンピュータ読み取り可能な記録媒体とは、磁気ディスク、光磁気ディスク、ＣＤ−ＲＯＭ、ＤＶＤ−ＲＯＭ、半導体メモリ等をいう。また、このコンピュータプログラムを通信回線によってコンピュータに配信し、この配信を受けたコンピュータが当該プログラムを実行するようにしても良い。

また、上記プログラムは、前述した機能の一部を実現するためのものであっても良い。さらに、前述した機能をコンピュータシステムにすでに記録されているプログラムとの組み合わせで実現できるもの、いわゆる差分ファイル（差分プログラム）であっても良い。

１０…表示装置 １１…通信部 １２…ブラウザ部 １３…表示部 ２０…編集装置 ２１…表示要素記憶部 ２２…表示情報生成部 ２３…通信部 ２４…選択部 ２５…変更部 ２６…表示制御部 ２７…識別情報表示制御部 ３０…端末装置 ３１…操作判定部 ３２…データ記憶部 ３３…表示要素入出力部 ３４…通信部 ３５…表示部

Claims (5)

1. 複数の端末装置からの入力に基づいて、表示情報の構成要素である表示要素と当該表示要素のレイアウトに関する複数の項目の値とを関連付けて記憶する表示要素記憶部から、前記端末装置ごとに表示要素を選択する選択部と、
   前記選択部が表示要素を選択した後に、前記端末装置からの入力に基づいて、前記選択部が選択した表示要素に関連付けられた前記レイアウトに関する項目の値を変更する変更部と、
   前記表示要素記憶部が記憶する表示要素に基づいて表示情報を生成する表示情報生成部と、
   前記表示情報生成部が生成した表示情報を表示装置に出力し、前記選択部が選択した表示要素に重畳させて当該表示要素を選択した端末装置に特有のカーソル画像を表示させる指示を前記表示装置に出力し、前記変更部によって前記レイアウトに関する項目の値が変更されるたびに、前記表示装置に当該変更を示す情報を出力する表示制御部と
   を備えることを特徴とする編集装置。
2. 前記表示制御部は、前記選択部が異なる端末装置について同一の表示要素を選択した場合、前記選択部が選択した表示要素に重畳させて前記端末装置に特有のカーソル画像を輪番で表示させる指示を前記表示装置に出力する
   ことを特徴とする請求項１に記載の編集装置。
3. 前記端末装置に特有のカーソル画像を識別するための情報を、当該端末装置のディスプレイに表示させる識別情報表示制御部
   を備えることを特徴とする請求項１または請求項２に記載の編集装置。
4. 編集装置を用いた表示情報の編集方法であって、
   前記編集装置の表示情報生成部が、前記表示情報の構成要素である表示要素と当該表示要素のレイアウトに関する複数の項目の値とを関連付けて記憶する表示要素記憶部が記憶する表示要素に基づいて表示情報を生成するステップと、
   前記編集装置の表示制御部が、前記表示情報生成部が生成した表示情報を表示装置に出力するステップと、
   前記編集装置の選択部が、複数の端末装置からの入力に基づいて、表示情報の構成要素である表示要素と当該表示要素のレイアウトに関する複数の項目の値とを関連付けて記憶する表示要素記憶部から、前記端末装置ごとに表示要素を選択するステップと、
   前記表示制御部が、前記選択部が選択した表示要素に重畳させて当該表示要素を選択した端末装置に特有のカーソル画像を表示させる指示を前記表示装置に出力するステップと、
   前記編集装置の変更部が、前記選択部が表示要素を選択した後に、前記端末装置からの入力に基づいて、前記選択部が選択した表示要素に関連付けられた前記レイアウトに関する項目の値を変更するステップと、
   前記表示制御部が、前記変更部によって前記レイアウトに関する項目の値が変更されるたびに、前記表示装置に当該変更を示す情報を出力するステップと
   を有することを特徴とする編集方法。
5. コンピュータを、
   複数の端末装置からの入力に基づいて、表示情報の構成要素である表示要素と当該表示要素のレイアウトに関する複数の項目の値とを関連付けて記憶する表示要素記憶部から、前記端末装置ごとに表示要素を選択する選択部、
   前記選択部が表示要素を選択した後に、前記端末装置からの入力に基づいて、前記選択部が選択した表示要素に関連付けられた前記レイアウトに関する項目の値を変更する変更部、
   前記表示要素記憶部が記憶する表示要素に基づいて表示情報を生成する表示情報生成部、
   前記表示情報生成部が生成した表示情報を表示装置に出力し、前記選択部が選択した表示要素に重畳させて当該表示要素を選択した端末装置に特有のカーソル画像を表示させる指示を前記表示装置に出力し、前記変更部によって前記レイアウトに関する項目の値が変更されるたびに、前記表示装置に当該変更を示す情報を出力する表示制御部
   として機能させるためのプログラム。

Images