(57)【要約】【課題】コンテンツ中に映像及びアニメーション等の動的な要素が含まれていても、コンテンツの動的な要素と手書き入力の入力軌跡とを重畳して表示できるようにすること。【解決手段】情報表示システム１００は、サーバ装置１３０及び表示装置１５０を備え、サーバ装置１３０は、表示装置１５０に表示させる線分を示す線分情報を送信し、表示装置１５０は、動画を含むコンテンツを表示するためのコンテンツデータを取得して、線分を描画する描画領域を指定する描画領域要素及び線分を描画するコマンドを含む描画手段要素を、コンテンツデータに挿入することで、線分情報で示される線分を、描画手段要素に含まれているコマンドを用いて、描画領域要素で指定された描画領域に描画して、コンテンツに、線分を重畳した画面データを生成する。【選択図】図１
2015096994.tif 000002
【特許請求の範囲】
【請求項１】
サーバ装置及び表示装置を備える情報表示システムであって、
前記サーバ装置は、前記表示装置に表示させる線分を示す線分情報を送信する第１の線分情報送信部を備え、
前記表示装置は、
コンテンツを表示するためのコンテンツデータを取得するコンテンツ取得部と、
線分を描画する描画領域を指定する描画領域要素を、前記コンテンツ取得部で取得されたコンテンツデータに挿入する描画領域挿入部と、
線分を描画するコマンドを含む描画手段要素を、前記描画領域挿入部で前記描画領域要素が挿入されたコンテンツデータに挿入することで、線分表示追加コンテンツデータを生成する描画手段挿入部と、
前記サーバ装置から送信された線分情報を受信する第１の線分情報受信部と、
前記描画手段挿入部で生成された線分表示追加コンテンツデータに基づいて、前記第１の線分情報受信部で受信された線分情報で示される線分を、前記描画手段要素に含まれているコマンドを用いて、前記描画領域要素で指定された描画領域に描画して、前記コンテンツに、前記第１の線分情報受信部で受信された線分情報で示される線分を重畳した画面データを生成するコンテンツ表示処理部と、
前記コンテンツ表示処理部で生成された画面データに基づいて表示を行なう表示部と、を備えること
を特徴とする情報表示システム。
【請求項２】
前記情報表示システムは、入力装置をさらに備え、
前記入力装置は、
手書き入力を受け付ける入力部と、
前記入力部で受け付けられた手書き入力に含まれる線分を特定する線分入力部と、
前記線分入力部で特定された線分を示す線分情報を取得する線分情報取得部と、
前記線分情報取得部で取得された線分情報を前記サーバ装置に送信する第２の線分情報送信部と、を備え、
前記サーバ装置は、前記入力装置から送信された線分情報を受信する第２の線分情報受信部をさらに備え、
前記第１の線分情報送信部は、前記第２の線分情報受信部で受信された線分情報を、前記表示装置に送信すること
を特徴とする請求項１に記載の情報表示システム。
【請求項３】
前記情報表示システムは、前記表示装置を複数備え、
前記入力装置は、
前記入力部を介して、コンテンツの選択を受け付けるコンテンツ選択部と、
前記コンテンツ選択部において選択を受け付けたコンテンツを選択コンテンツとして前記サーバ装置に通知する選択コンテンツ通知部と、を備え、
前記サーバ装置は、前記選択コンテンツの通知を受ける選択コンテンツ通知受信部をさらに備え、
前記第１の線分情報送信部は、前記第２の線分情報受信部で受信された線分情報を、前記選択コンテンツのコンテンツデータを取得している表示装置に送信すること
を特徴とする請求項２に記載の情報表示システム。
【請求項４】
前記サーバ装置は、前記第２の線分情報受信部で受信された線分情報を記憶する線分情報記憶部をさらに備え、
前記第１の線分情報送信部は、前記線分情報記憶部に記憶されている線分情報を、前記表示装置に送信すること
を特徴とする請求項１から３の何れか一項に記載の情報表示システム。
【請求項５】
前記表示装置は、前記線分情報の再送要求を送信する線分情報再送要求送信部をさらに備え、
前記サーバ装置は、前記再送要求を受信する線分情報再送要求受信部をさらに備え、
前記第１の線分情報送信部は、前記線分情報再送要求受信部が前記再送要求を受信した場合に、前記線分情報記憶部に記憶されている線分情報を、前記表示装置に送信すること
を特徴とする請求項４に記載の情報表示システム。
【請求項６】
前記線分情報再送要求送信部は、前記コンテンツ取得部が前記コンテンツデータを新たに取得した際に、前記再送要求を送信すること
を特徴とする請求項５に記載の情報表示システム。
【請求項７】
前記線分情報再送要求送信部は、前記記憶部に記憶されている線分情報の一部を取得できていない場合に、前記再送要求を送信すること
を特徴とする請求項５又は６に記載の情報表示システム。
【請求項８】
前記コンテンツデータは、マークアップ言語により記述されたデータであること
を特徴とする請求項１から７の何れか一項に記載の情報表示システム。
【請求項９】
前記描画領域要素は、Ｃａｎｖａｓ要素であり、
前記描画手段要素は、線分を描画するためのコマンドを含むスクリプト要素であること
を特徴とする請求項８に記載の情報表示システム。
【請求項１０】
前記表示装置は、前記第１の線分情報受信部で受信された線分情報で示される線分を前記スクリプト要素に描画させるためのプラグインを生成して、前記コンテンツ表示処理部に与える線分情報通知部をさらに備えること
を特徴とする請求項９に記載の情報表示システム。
【請求項１１】
コンテンツを表示するためのコンテンツデータを取得するコンテンツ取得部と、
線分を描画するための描画領域を特定する描画領域要素を、前記コンテンツ取得部で取得されたコンテンツデータに挿入する描画領域挿入部と、
線分を描画するためのコマンドを含む描画手段要素を、前記描画領域挿入部で前記描画領域要素が挿入されたコンテンツデータに挿入することで、線分表示追加コンテンツデータを生成する描画手段挿入部と、
線分を示す線分情報を受信する線分情報受信部と、
前記描画手段挿入部で生成された線分表示追加コンテンツデータに基づいて、前記線分情報受信部で受信された線分情報で示される線分を、前記描画手段要素に含まれているコマンドを用いて、前記描画領域要素で指定された描画領域に描画して、前記コンテンツに、前記線分情報受信部で受信された線分情報で示される線分を重畳した画面データを生成するコンテンツ表示処理部と、
前記コンテンツ表示処理部で生成された画面データに基づいて表示を行なう表示部と、を備えること
を特徴とする情報表示装置。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、情報表示システム及び情報表示装置に関する。
【背景技術】
【０００２】
会議システム、電子黒板及びデジタルサイネージ等のように、複数台の表示端末で同一のコンテンツを表示するシステムがある。これらのシステムにおいて、ある端末で特定コンテンツに対して手書き入力を行った場合に、同一コンテンツを表示する異なる端末でもその手書き入力の入力軌跡を表示コンテンツに重畳して表示する機能が存在する。ここで手書き入力とは、タッチパネル等を介してユーザが手書きで入力を行うことであり、手書き入力の入力軌跡とは、文字、記号及び絵等を指す。
【０００３】
例えば、特許文献１に記載されたシステムでは、タブレットに手書き入力を行うと、タブレットからプロジェクタに手書き入力の入力軌跡に応じた手書き位置情報が送信され、プロジェクタは、受信された手書き位置情報から手書き画像データを生成する。そして、プロジェクタは、生成された手書き画像データを、元々表示された画面データに合成して合成画面データを生成し、そのデータに基づいて表示を行なう。そして、プロジェクタが生成した合成画面データをタブレットに送信することにより、あるタブレットで手書き入力された入力軌跡を、違うタブレットで画面データと重畳して表示することができる。
【０００４】
また、特許文献２には、操作者による手書き入力の入力軌跡に応じた座標データを入力装置が生成し、画像処理装置が表示装置に対する表示用データと入力装置からの座標データとを重畳して表示用の画像データを生成することで、表示中の画像等に重畳して入力軌跡の表示を行うことができる情報表示システムが記載されている。この情報表示システムは、属性設定手段を用いることで入力軌跡についての保存や消去等の取り扱いの設定を容易に行うことができる。また、この情報表示システムでは、複数の画像表示装置と組み合わせて使用することもでき、その場合、複数台の表示装置に手書き結果を表示することができる。
【先行技術文献】
【特許文献】
【０００５】
【特許文献１】特開２０１３−１３５４２２号公報
【特許文献２】特開２００８−１２９９０７号公報
【発明の概要】
【発明が解決しようとする課題】
【０００６】
これらの特許文献では、表示用データは静止画であることを想定しており、表示用データと受信した手書き情報とを重畳した合成画像をプロジェクタや画像生成装置が生成し、それを表示装置に送信することで、ある端末での手書き入力結果を異なる端末の表示に反映させている。しかしながら、表示用データが映像及びアニメーション等動的な要素を含むコンテンツであった場合、生成する合成画像は静止画であるため、合成結果に動的な要素を反映させることができない。
【０００７】
例えば、ＨＴＭＬ（ＨｙｐｅｒＴｅｘｔ  Ｍａｒｋｕｐ  Ｌａｎｇｕａｇｅ）コンテンツは、要素として映像やアニメーションを含むことができる。これらのコンテンツと手書き情報を重畳した静止画を各端末に配信しても、各端末の表示にはＨＴＭＬコンテンツが本来持つ動き情報が反映されない。
【０００８】
そこで、本発明は、コンテンツ中に映像及びアニメーション等の動的な要素が含まれていても、コンテンツの動的な要素と手書き入力の入力軌跡とを重畳して表示することができるようにすることを目的とする。
【課題を解決するための手段】
【０００９】
本発明の一態様に係る情報表示システムは、サーバ装置及び表示装置を備える情報表示システムであって、前記サーバ装置は、前記表示装置に表示させる線分を示す線分情報を送信する第１の線分情報送信部を備え、前記表示装置は、コンテンツを表示するためのコンテンツデータを取得するコンテンツ取得部と、線分を描画する描画領域を指定する描画領域要素を、前記コンテンツ取得部で取得されたコンテンツデータに挿入する描画領域挿入部と、線分を描画するコマンドを含む描画手段要素を、前記描画領域挿入部で前記描画領域要素が挿入されたコンテンツデータに挿入することで、線分表示追加コンテンツデータを生成する描画手段挿入部と、前記サーバ装置から送信された線分情報を受信する第１の線分情報受信部と、前記描画手段挿入部で生成された線分表示追加コンテンツデータに基づいて、前記第１の線分情報受信部で受信された線分情報で示される線分を、前記描画手段要素に含まれているコマンドを用いて、前記描画領域要素で指定された描画領域に描画して、前記コンテンツに、前記第１の線分情報受信部で受信された線分情報で示される線分を重畳した画面データを生成するコンテンツ表示処理部と、前記コンテンツ表示処理部で生成された画面データに基づいて表示を行なう表示部と、を備えることを特徴とする。
【００１０】
本発明の一態様に係る情報表示装置は、コンテンツを表示するためのコンテンツデータを取得するコンテンツ取得部と、線分を描画するための描画領域を特定する描画領域要素を、前記コンテンツ取得部で取得されたコンテンツデータに挿入する描画領域挿入部と、線分を描画するためのコマンドを含む描画手段要素を、前記描画領域挿入部で前記描画領域要素が挿入されたコンテンツデータに挿入することで、線分表示追加コンテンツデータを生成する描画手段挿入部と、線分を示す線分情報を受信する線分情報受信部と、前記描画手段挿入部で生成された線分表示追加コンテンツデータに基づいて、前記線分情報受信部で受信された線分情報で示される線分を、前記描画手段要素に含まれているコマンドを用いて、前記描画領域要素で指定された描画領域に描画して、前記コンテンツに、前記線分情報受信部で受信された線分情報で示される線分を重畳した画面データを生成するコンテンツ表示処理部と、前記コンテンツ表示処理部で生成された画面データに基づいて表示を行なう表示部と、を備えることを特徴とする。
【発明の効果】
【００１１】
本発明の一態様によれば、コンテンツ中に映像及びアニメーション等の動的な要素が含まれていても、コンテンツの動的な要素と手書き入力の入力軌跡とを重畳して表示することができる。
【図面の簡単な説明】
【００１２】
【図１】実施の形態１及び２に係る情報表示システムの構成の一例を示すブロック図である。
【図２】実施の形態１における入力装置の構成を概略的に示すブロック図である。
【図３】実施の形態１におけるサーバ装置の構成を概略的に示すブロック図である。
【図４】実施の形態１におけるコンテンツ取得先情報の一例を示す概略図である。
【図５】実施の形態１における選択コンテンツ情報の一例を示す概略図である。
【図６】実施の形態１における表示装置の構成を概略的に示すブロック図である。
【図７】実施の形態１において、描画領域要素が追加されたＨＴＭＬのコンテンツデータの一例を示す概略図である。
【図８】実施の形態１において、描画手段要素が追加されたＨＴＭＬのコンテンツデータの一例を示す概略図である。
【図９】実施の形態１における入力装置での処理の流れの一例を示すフローチャートである。
【図１０】実施の形態１におけるサーバ装置でのコンテンツ取得先取得処理の流れの一例を示すフローチャートである。
【図１１】実施の形態１におけるサーバ装置でのコンテンツ選択処理の流れの一例を示すフローチャートである。
【図１２】実施の形態１におけるサーバ装置での線分情報転送処理の流れの一例を示すフローチャートである。
【図１３】実施の形態１における表示装置での処理の流れの一例を示すフローチャートである。
【図１４】実施の形態２におけるサーバ装置の構成を概略的に示すブロック図である。
【図１５】実施の形態２における線分蓄積情報の一例を示す概略図である。
【図１６】実施の形態２における表示装置の構成を概略的に示すブロック図である。
【図１７】実施の形態２において描画手段要素が追加されたＨＴＭＬのコンテンツデータの一例を示す概略図である。
【図１８】実施の形態２におけるサーバ装置での線分情報蓄積処理の流れの一例を示すフローチャートである。
【図１９】実施の形態２におけるサーバ装置での線分情報送信処理の流れの一例を示すフローチャートである。
【図２０】実施の形態２におけるサーバ装置での線分情報の再送信処理の流れの一例を示すフローチャートである。
【図２１】図実施の形態２における表示装置での処理の一例を示すフローチャートである。
【発明を実施するための形態】
【００１３】
実施の形態１．
図１は、実施の形態１に係る情報表示システム１００の構成の一例を示すブロック図である。
実施の形態１に係る情報表示システム１００は、入力装置１１０と、サーバ装置１３０と、情報表示装置としての表示装置１５０と、ウェブサーバ１７０とを備える。これらは、ネットワーク１９０に接続されている。入力装置１１０、表示装置１５０及びウェブサーバ１７０は、１つのシステムに複数存在しうる。
なお、図１の括弧内の符号は、実施の形態２における構成を示している。
【００１４】
図２は、入力装置１１０の構成を概略的に示すブロック図である。
入力装置１１０は、表示入力部１１１と、制御部１１２と、通信部１１９とを備える。
【００１５】
表示入力部１１１は、ユーザから必要な情報の入力を受け付ける入力部と、ユーザに情報を表示する表示部とを備える。例えば、表示入力部１１１は、タッチパネルにより構成することができ、ユーザから手書き入力を受け付ける。
【００１６】
制御部１１２は、入力装置１１０での処理の全体を制御する。
制御部１１２は、線分入力部１１３と、線分情報取得部１１４と、線分情報送信部１１５と、コンテンツ一覧取得部１１６と、コンテンツ選択部１１７と、選択コンテンツ通知部１１８とを備える。
線分入力部１１３は、ユーザが表示入力部１１１に入力した手書き入力の軌跡に含まれる線分を特定する。
線分情報取得部１１４は、線分入力部１１３が特定した線分を示す線分情報を取得する。
線分情報送信部１１５は、線分情報取得部１１４が取得した線分情報を、通信部１１９を介して、サーバ装置１３０に送信する。
コンテンツ一覧取得部１１６は、通信部１１９を介して、ウェブサーバ１７０から選択可能なコンテンツ一覧を取得する。
コンテンツ選択部１１７は、コンテンツ一覧取得部１１６で取得されたコンテンツ一覧に基づいて、選択することのできるコンテンツの一覧を表示入力部１１１に表示させて、ユーザからコンテンツの選択を受け付ける。
選択コンテンツ通知部１１８は、コンテンツ選択部１１７で選択を受け付けたコンテンツ（以下、選択コンテンツともいう）を、通信部１１９を介して、サーバ装置１３０に通知する。
通信部１１９は、ネットワーク１９０との間で通信を行なう。
【００１７】
図３は、サーバ装置１３０の構成を概略的に示すブロック図である。
サーバ装置１３０は、記憶部１３１と、制御部１３４と、通信部１４１とを備える。
【００１８】
記憶部１３１は、サーバ装置１３０での処理に必要な情報を記憶する。
記憶部１３１は、コンテンツ取得先記憶部１３２と、選択コンテンツ記憶部１３３とを備える。
コンテンツ取得先記憶部１３２は、ユーザにより選択されたコンテンツの取得先を示すコンテンツ取得先情報を記憶する。
図４は、コンテンツ取得先情報の一例を示す概略図である。
図４に示されているコンテンツ取得先情報１３２ａは、識別子欄１３２ｂと、コンテンツ取得先欄１３２ｃとを有するテーブル形式の情報である。
識別子欄１３２ｂは、コンテンツを表示する表示装置１５０を識別するための表示装置識別情報である表示装置識別子を格納する。
コンテンツ取得先欄１３２ｃは、識別子欄１３２ｂで特定される表示装置１５０に表示されるコンテンツを識別するためのコンテンツ識別情報を格納する。実施の形態１では、コンテンツは、例えば、ＨＴＭＬコンテンツであり、コンテンツ識別情報は、ウェブサーバ１７０に蓄積されたＨＴＭＬコンテンツのＵＲＬ（Ｕｎｉｆｏｒｍ  Ｒｅｓｏｕｒｃｅ  Ｌｏｃａｔｏｒ）である。
【００１９】
図３の説明に戻り、選択コンテンツ記憶部１３３は、ユーザにより選択されたコンテンツを示す選択コンテンツ情報を記憶する。
図５は、選択コンテンツ情報の一例を示す概略図である。
図５に示されている選択コンテンツ情報１３３ａは、識別子欄１３３ｂと、選択コンテンツ欄１３３ｃとを有するテーブル形式の情報である。
識別子欄１３３ｂは、ユーザが使用する入力装置１１０を識別するための入力装置識別情報である入力装置識別子を格納する。
選択コンテンツ欄１３３ｃは、識別子欄１３３ｂで識別される入力装置１１０を利用するユーザが選択したコンテンツを識別するためのコンテンツ識別情報を格納する。
【００２０】
図３の説明に戻り、制御部１３４は、サーバ装置１３０での処理の全体を制御する。
制御部１３４は、コンテンツ取得先決定部１３５と、コンテンツ取得先送信部１３６と、線分情報受信部１３７と、選択コンテンツ通知受信部１３８と、線分情報送信先特定部１３９と、線分情報送信部１４０とを備える。
【００２１】
コンテンツ取得先決定部１３５は、表示装置１５０に表示するコンテンツの取得先を決定する。また、コンテンツ取得先決定部１３５は、決定されたコンテンツの取得先と、そのコンテンツを表示する表示装置１５０の表示装置識別子とをコンテンツ取得先記憶部１３２に記憶されているコンテンツ取得先情報１３２ａに格納する。
コンテンツ取得先送信部１３６は、コンテンツ取得先決定部１３５で決定されたコンテンツの取得先を、通信部１４１を介して、表示装置１５０に送信する。
線分情報受信部１３７は、通信部１４１を介して、入力装置１１０が送信した線分情報を受信する。
選択コンテンツ通知受信部１３８は、通信部１４１を介して、入力装置１１０において選択されたコンテンツの通知を受ける。また、選択コンテンツ通知受信部１３８は、入力装置１１０において選択されたコンテンツのコンテンツ識別情報と、その入力装置１１０の入力装置識別子とを、選択コンテンツ記憶部１３３に記憶されている選択コンテンツ情報１３３ａに格納する。
線分情報送信先特定部１３９は、選択コンテンツ記憶部１３３に記憶されている選択コンテンツ情報１３３ａ及びコンテンツ取得先記憶部１３２に記憶されているコンテンツ取得先情報１３２ａを元に、線分情報受信部１３７が受信した線分情報をどの表示装置１５０に送信するかを特定する。
線分情報送信部１４０は、通信部１４１を介して、線分情報送信先特定部１３９が特定した送信先に対して線分情報を送信する。
通信部１４１は、ネットワーク１９０との間で通信を行なう。
【００２２】
図６は、表示装置１５０の構成を概略的に示すブロック図である。
表示装置１５０は、制御部１５１と、表示部１５９と、通信部１６０とを備える。
【００２３】
制御部１５１は、表示装置１５０での処理の全体を制御する。
制御部１５１は、コンテンツ取得先受信部１５２と、コンテンツ取得部１５３と、描画領域挿入部１５４と、描画手段挿入部１５５と、線分情報受信部１５６と、線分情報通知部１５７と、コンテンツ表示処理部１５８とを備える。
【００２４】
コンテンツ取得先受信部１５２は、通信部１６０を介して、サーバ装置１３０からコンテンツの取得先を受信する。
コンテンツ取得部１５３は、ネットワーク１９０からコンテンツデータを取得する。例えば、コンテンツ取得部１５３は、コンテンツ取得先受信部１５２において受信されたコンテンツ取得先に従って、ウェブサーバ１７０からコンテンツデータを取得する。ここで取得されるコンテンツデータは、マークアップ言語により記述されたデータ、例えば、ＨＴＭＬ形式のデータである。
描画領域挿入部１５４は、線分を描画する描画領域を指定する描画領域要素を、コンテンツ取得部１５３から受け取ったコンテンツデータに挿入する。描画領域要素で指定される描画領域は、コンテンツの表示時に最前面に表示される。
図７は、描画領域要素が追加されたＨＴＭＬのコンテンツデータの一例を示す概略図である。なお、図７の記述の中で先頭の数字は説明のための行番号でありコンテンツデータには含まれない。
実施の形態１では、描画領域要素として、ＨＴＭＬで規定されるｃａｎｖａｓ要素を使用している。描画領域要素を追加する方法の一例としては、ＨＴＭＬのコンテンツデータからｂｏｄｙ要素（０３行目）を検索し、その子要素の先頭（０４行目）にｃａｎｖａｓ要素を挿入すればよい。ここで、ｃａｎｖａｓ要素の開始位置及びサイズは、ＨＴＭＬのコンテンツデータのサイズに合わせるものとする。
【００２５】
図６の説明に戻り、描画手段挿入部１５５は、線分情報通知部１５７から通知された線分情報が示す線分を、描画領域挿入部１５４が挿入した描画領域要素に描画するコマンドを含む描画手段要素をコンテンツデータに挿入する。
図８は、描画手段要素を追加したＨＴＭＬのコンテンツデータの一例を示す概略図である。なお、図８の記述の中で先頭の数字は説明のための行番号でありコンテンツデータには含まれない。
実施の形態１では、ＪａｖａＳｃｒｉｐｔ（登録商標）のスクリプト言語（スクリプト要素）が埋め込まれている。描画手段要素を追加する方法の一例としては、ＨＴＭＬのコンテンツデータからｈｅａｄ要素を検索し、その子要素の末尾（０３行目）にスクリプト言語（０３〜１６行目）を追加すればよい。このような記述を追加することにより、関数ｄｒａｗが呼ばれたときに描画領域挿入部１５４が追加したｃａｎｖａｓ要素に線分を描画することができる。
ここで、描画領域要素及び描画手段要素が挿入されたコンテンツデータを線分表示追加コンテンツデータともいう。
【００２６】
図６の説明に戻り、線分情報受信部１５６は、通信部１６０を介して、サーバ装置１３０から線分情報を受信する。
線分情報通知部１５７は、線分情報受信部１５６から受け取った線分情報をコンテンツ表示処理部１５８に通知する。例えば、実施の形態１においては、線分情報通知部１５７は、描画手段挿入部１５５が追加した描画手段要素中の関数ｄｒａｗを読み出して、線分情報受信部１５６から受け取った線分情報で示されているパラメータを通知するためのプラグインを生成して、当該プラグインをコンテンツ表示処理部１５８に与える。このプラグインは、線分情報で示される線分を、描画手段要素としてのスクリプト要素に描画させるためのものである。
【００２７】
コンテンツ表示処理部１５８は、描画手段挿入部１５５から与えられるコンテンツデータ（線分表示追加コンテンツデータ）に基づいて、コンテンツを表示するための画面データを生成して、表示部１５９に与える。例えば、コンテンツ表示処理部１５８は、Ｗｅｂブラウザにより実現することができる。
ここで、コンテンツ表示処理部１５８は、線分情報通知部１５７から通知された線分情報で示される線分を、描画手段挿入部１５５で挿入された描画手段要素に含まれているコマンドを用いて、描画領域挿入部１５４に挿入された描画領域要素で指定される描画領域に描画する。例えば、コンテンツ表示処理部１５８は、線分情報通知部１５７から与えられたプラグインを実行することにより、映像等の動的要素を表示中のコンテンツデータから関数ｄｒａｗを読み出し、そのプラグインに含まれているパラメータを関数ｄｒａｗに通知する。以上のようにして、コンテンツ表示処理部１５８は、コンテンツに線分情報で示される線分を重畳した画面データを生成する。なお、コンテンツ表示処理部１５８は、線分情報で示される線分を繰り返しコンテンツに重畳することで、ユーザが入力した軌跡をコンテンツに表示することができる。
表示部１５９は、コンテンツ表示処理部１５８から与えられる画面データに基づいて表示を行なう。
通信部１６０は、ネットワーク１９０との間で通信を行なう。
【００２８】
ウェブサーバ１７０は、コンテンツデータを記憶し、表示装置１５０からの要求に応じて、要求されたコンテンツデータを表示装置１５０に送信する。実施の形態１においては、図示してはいないが、ウェブサーバ１７０は、動画を含むコンテンツのコンテンツデータを記憶する記憶部と、ネットワーク１９０との間で通信を行なう通信部と、通信部を介して、コンテンツデータを送信する送信部とを備えているものとする。
【００２９】
次に、実施の形態１に係る情報表示システム１００の動作の説明を行う。
図９は、入力装置１１０における処理の流れの一例を示すフローチャートである。
入力装置１１０では、まず、コンテンツ一覧取得部１１６が、ウェブサーバ１７０から取得可能なコンテンツの一覧を示す情報であるコンテンツ一覧を取得する（Ｓ１０）。ここで、コンテンツ一覧は、例えば、ウェブサーバ１７０に蓄積されたＨＴＭＬコンテンツのＵＲＬと、そのＨＴＭＬコンテンツのサムネイル画像との組である。
【００３０】
続いて、コンテンツ選択部１１７は、ユーザからＨＴＭＬコンテンツの選択を受け付ける（Ｓ１１）。ここでは、コンテンツ選択部１１７は、表示入力部１１１にサムネイル画像の一覧を表示し、ユーザが画像一覧からサムネイル画像を選択することで、対象とするＨＴＭＬコンテンツを決定する。
【００３１】
続いて、選択コンテンツ通知部１１８は、通信部１１９を介して、ユーザがどのＨＴＭＬコンテンツを選択したかをサーバ装置１３０に通知する（Ｓ１２）。ここでは、選択コンテンツ通知部１１８は、ユーザが選択したＨＴＭＬコンテンツのＵＲＬを送信することで、通知を行う。
【００３２】
続いて、線分入力部１１３は、ユーザからの線分の手書き入力を受け付ける（Ｓ１３）。例えば、線分入力部１１３は、表示入力部１１１としてのタッチパネルにおいて、手書き入力を受け付ける。線分入力部１１３は、予め定められた時間毎にタッチパネルの接触位置を取得し、ある時刻から次の時刻までの間、接触状態が持続し、それぞれの時刻に取得された接触位置が異なれば、その二点を結んだ線を線分とみなす。
なお、タッチパネルの接触位置の取得間隔を短くすれば、より曲線に近い線を取得することができる。
【００３３】
線分入力部１１３が手書き入力を受け付けると、線分情報取得部１１４は、入力された線分の線分情報を取得する（Ｓ１４）。ここで線分情報は、線分の開始座標及び終了座標を示す情報である。なお、線分情報には、線分の色や太さ等についての情報も含まれてもよい。なお、線分情報取得部１１４が取得した線分情報に基づいて、線分を繰り返し描画すれば、ユーザが手書き入力した入力軌跡を表示することができる。また、ユーザがコンテンツ選択部１１７で選択したコンテンツが表示入力部１１１に表示され、それに重畳する形で手書き入力の入力軌跡が表示されてもよい。なお、タッチパネルが取得する接触位置の原点と、コンテンツ表示領域の原点とが一致しない場合には、線分情報取得部１１４は、線分入力部１１３が取得した座標にそのずれを加算することがのぞましい。こうすることにより、線分情報取得部１１４は、ユーザがコンテンツに重畳したかった線分の正確な座標を取得することができる。
【００３４】
続いて、線分情報送信部１１５は、線分情報取得部１１４が取得した線分情報を、通信部１１９を介して、サーバ装置１３０に送信する（Ｓ１５）。
【００３５】
以上の処理により、入力装置１１０にユーザが接触した座標に応じて、線分情報がサーバ装置１３０に通知される。
【００３６】
次にサーバ装置１３０の動作について説明する。図１０〜図１２は、サーバ装置１３０における処理の流れの一例を示すフローチャートである。ここでは、図１０〜図１２で示されている３つの処理が平行して動作している。
【００３７】
図１０は、サーバ装置１３０におけるコンテンツ取得先取得処理の流れの一例を示すフローチャートである。
ここでは、それぞれの表示装置１５０に表示させるコンテンツが予め時刻単位でスケジューリングされており、そのスケジュールに従って、コンテンツ取得先決定部１３５は、どの表示装置１５０にどのコンテンツを表示させるかを決定するものとする。なお、そのスケジュールは、例えば、記憶部１３１に記憶されているものとする。
【００３８】
コンテンツ取得先決定部１３５は、予めスケジュールで定められた時刻が来ると（Ｓ２１）、スケジュールに従って表示装置１５０のコンテンツの取得先を決定する（Ｓ２２）。その際に、コンテンツ取得先決定部１３５は、コンテンツ取得先記憶部１３２に記憶されているコンテンツ取得先情報１３２ａに、表示装置１５０を識別することのできる識別子と、その表示装置１５０に表示させるコンテンツを示す情報（ここでは、ＵＲＬ）の組を格納する。
ここでは、図４に示されているように、識別子ＡＡＡ及びＣＣＣの表示装置１５０には“ｈｔｔｐ：／／ｍｙｈｏｓｔ／ｔｅｓｔ０１．ｈｔｍｌ”というコンテンツ取得先を、識別子ＢＢＢの表示装置１５０には“ｈｔｔｐ：／／ｍｙｈｏｓｔ／ｔｅｓｔ０２．ｈｔｍｌ”という取得先を指定しているものとする。
【００３９】
コンテンツ取得先送信部１３６は、コンテンツ取得先決定部１３５が決定した特定の表示装置１５０に対してコンテンツ取得先を送信する（Ｓ２３）。
【００４０】
図１１は、サーバ装置１３０におけるコンテンツ選択処理の流れの一例を示すフローチャートである。
まず、選択コンテンツ通知受信部１３８は、通信部１４１を介して、入力装置１１０から選択コンテンツ通知を受ける（Ｓ３０）と、選択コンテンツ記憶部１３３に記憶されている選択コンテンツ情報１３３ａに、どの入力装置１１０がどのＵＲＬを選択しているのかを格納する（Ｓ３１）。
【００４１】
図１２は、サーバ装置１３０における線分情報転送処理の流れの一例を示すフローチャートである。
まず、線分情報受信部１３７は、通信部１４１を介して、線分情報を受信すると、線分情報送信先特定部１３９は、選択コンテンツ記憶部１３３に記憶されている選択コンテンツ情報１３３ａ及びコンテンツ取得先記憶部１３２に記憶されているコンテンツ取得先情報１３２ａを参照して、線分情報の送信先を特定する（Ｓ４１）。例えば、線分情報送信先特定部１３９は、選択コンテンツ情報１３３ａの識別子欄１３３ｂに、線分情報を送信してきた入力装置１１０が格納されているレコードを特定して、この特定されたレコードの選択コンテンツ欄１３３ｃを参照することで、この入力装置１１０で選択されているコンテンツのＵＲＬを特定する。そして、線分情報送信先特定部１３９は、コンテンツ取得先記憶部１３２に記憶されているコンテンツ取得先情報１３２ａにおいて、コンテンツ取得先欄１３２ｃに特定されたＵＲＬが格納されているレコードを特定し、特定されたレコードの識別子欄１３２ｂを参照することで、線分情報の送信先である表示装置１５０を特定する。例えば、線分情報の送信元である入力装置１１０が識別子ＤＤＤで識別されるものである場合、図５において選択コンテンツのＵＲＬが“ｈｔｔｐ：／／ｍｙｈｏｓｔ／ｔｅｓｔ０１．ｈｔｍｌ”と特定される。そして、図４において、そのＵＲＬに対応する識別子ＡＡＡ及びＣＣＣで識別される表示装置１５０が、線分情報の送信先として決定される。
【００４２】
続いて、線分情報送信部１４０は、通信部１４１を介して、線分情報送信先特定部１３９が特定した表示装置１５０に対して線分情報を送信する（Ｓ１４０）。
【００４３】
以上の処理により、入力装置１１０でユーザが入力した線分に対応する線分情報が、入力装置１１０で選択されたコンテンツを表示する表示装置１５０に対して通知される。
【００４４】
次に、表示装置１５０の処理について説明する。
図１３は、表示装置１５０における処理の流れの一例を示すフローチャートである。
まず、コンテンツ取得先受信部１５２が通信部１６０を介して、サーバ装置１３０からコンテンツの取得先を受信する（Ｓ５０）と、コンテンツ取得先受信部１５２は、通信部１６０を介して、受信された取得先からコンテンツデータを取得する（Ｓ５１）。
【００４５】
続いて、描画領域挿入部１５４は、コンテンツ取得部１５３が取得したＨＴＭＬのコンテンツデータに対して、コンテンツ表示処理部１５８での表示時に最前面に表示される描画領域要素を追加する（Ｓ５２）。
【００４６】
続いて、描画手段挿入部１５５は、描画領域挿入部１５４により描画領域要素が追加されたコンテンツデータに対して、さらに描画手段要素を追加する（Ｓ５３）。
【００４７】
続いて、コンテンツ表示処理部１５８は、描画領域要素及び描画手段要素が挿入されたコンテンツデータに基づいて、表示部１５９に画面を表示させる（Ｓ５４）。
【００４８】
続いて、線分情報受信部１５６が、通信部１６０を介して、サーバ装置１３０から線分情報を受信する（Ｓ５５）と、それを線分情報通知部１５７に通知する。
【００４９】
続いて、線分情報通知部１５７は、コンテンツ表示処理部１５８に、線分情報を通知する（Ｓ５６）。ここで、ステップＳ５３でＨＴＭＬのコンテンツデータに追加された描画手段要素は、線分情報で示される線分を描画領域要素に描画するスクリプトであるので、線分情報通知部１５７から線分情報が通知されると、コンテンツ表示処理部１５８は、結果として線分情報受信部１５６が受信した線分情報で示される線分を描画領域要素で示される領域に描画することができる（Ｓ５７）。
ここで、線分情報の通知は、ブラウザのプラグイン機能を用いて描画手段要素として挿入されたスクリプト言語の関数を呼び出すことにより実現することができる。
【００５０】
以上の処理により、表示装置１５０は、表示中のＨＴＭＬコンテンツに、サーバ装置１３０から受信した線分情報に従って、線分を重畳して表示することができる。
【００５１】
以上のように、実施の形態１では入力装置１１０での手書き入力の入力軌跡をＨＴＭＬコンテンツと重畳して表示することができるので、コンテンツ中に映像やアニメーション等の動的な要素が含まれていたとしても、アニメーション要素と手書き入力結果とを同時に表示することができる。
【００５２】
また、実施の形態１では、入力装置１１０が表示中のコンテンツに応じて、どの表示装置１５０に線分情報を送信するかを特定することができるので、入力装置１１０が選択したコンテンツを表示する全ての表示装置１５０に対して、手書き入力の入力軌跡を送信することができる。
【００５３】
また、実施の形態１では、コンテンツ表示処理部１５８が、ブラウザ上でコンテンツと手書き入力の入力軌跡の両方の描画処理を行うので、手書き入力の入力軌跡を描画するためのメモリ領域を、コンテンツ表示用のメモリ領域と分けて用意する必要がない。よって、手書き入力の入力軌跡をコンテンツと重ねて表示する際のメモリ使用量を抑制することができる。
【００５４】
また、実施の形態１では、サーバ装置１３０でコンテンツと手書き入力の入力軌跡を重畳して画像を生成するのではなく、表示装置１５０に対して線分情報のみを送信するので、サーバ装置１３０がコンテンツと手書き入力の入力軌跡を重畳して画像を生成する機能を有さない場合にも、手書き入力結果の表示の同期を行うことができる。
【００５５】
また、実施の形態１では、サーバ装置１３０でコンテンツと手書き入力の入力軌跡を重畳して画像を生成し、それを表示装置１５０に送信するのではなく、表示装置１５０に対して線分情報のみを送信するので、各表示装置１５０で手書き入力の入力軌跡を表示させるために必要な処理時間及び通信量を抑制することができる。つまり、入力装置１１０で入力された手書き入力の入力軌跡を表示装置１５０に表示するまでの時間を短くできるので、入力装置１１０と表示装置１５０との間で高いリアルタイム性を実現することができる。
【００５６】
なお、実施の形態１では、入力装置１１０、サーバ装置１３０及び表示装置１５０が分かれている例を説明したが、これらの装置が行なっている機能を組み合わせることで、より少ない装置で情報表示システム１００を実現してもよい。例えば、入力装置１１０と表示装置１５０を組み合わせた装置が用いられてもよく、また、入力装置１１０とサーバ装置１３０とを組み合わせた装置が用いられてもよい。
【００５７】
なお、実施の形態１では、描画領域挿入部１５４が挿入するｃａｎｖａｓ要素のサイズをＨＴＭＬコンテンツのサイズに合わせているが、このような例に限定されるものではない。例えば、ｃａｎｖａｓ要素のサイズをＨＴＭＬコンテンツの４分の１とした上で、４倍に拡大して表示してもよい。こうすることにより、ｃａｎｖａｓ要素の解像度は下がり線分情報との位置あわせも必要になるが、使用メモリ量を削減することができ、描画にかかる処理時間も低減することができる。例えば、ＨＴＭＬのコンテンツデータに「ｓｔｙｌｅ＝“ｚｏｏｍ：２００％；”」といった属性値を追加することで、拡大表示を行なうことができる。
【００５８】
なお、実施の形態１では、線分情報送信先特定部１３９により線分情報をどの表示装置１５０に送信するかを特定したが、サーバ装置１３０が受信した全ての線分情報を全ての表示装置１５０に送信するようにしてもよい。このような場合、表示装置１５０側で自身が表示すべき線分情報か否かを判定する必要がある。そのための方法としては、線分情報にどのコンテンツに紐付けられた線分であるかを示す情報を追加し、表示装置１５０は受信した線分情報が現在表示中のコンテンツに紐付けられたものであれば表示するという処理を追加すればよい。こうすることにより、表示装置１５０側での処理は増えるが、サーバ装置１３０側で、各表示装置１５０で表示しているコンテンツを管理する必要がなくなる。なお、このような紐付けは、入力装置１１０又はサーバ装置１３０で行なわれればよい。
【００５９】
実施の形態２．
図１に示されているように、実施の形態２に係る情報表示システム２００は、入力装置１１０と、サーバ装置２３０と、表示装置２５０と、ウェブサーバ１７０とを備える。実施の形態２に係る情報表示システム２００は、サーバ装置２３０及び表示装置２５０において、実施の形態１に係る情報表示システム１００と異なっている。
なお、実施の形態２に係る情報表示システム２００は、サーバ装置２３０が線分情報をいったん蓄積した上で、表示装置２５０に送信する点で、実施の形態１に係る情報表示システム１００と異なる。
【００６０】
図１４は、実施の形態２におけるサーバ装置２３０の構成を概略的に示すブロック図である。
サーバ装置２３０は、記憶部２３１と、制御部２３４と、通信部１４１とを備える。実施の形態２におけるサーバ装置２３０は、記憶部２３１及び制御部２３４において、実施の形態１におけるサーバ装置１３０と異なっている。
【００６１】
記憶部２３１は、サーバ装置２３０での処理に必要な情報を記憶する。例えば、実施の形態２においては、記憶部２３１は、入力装置１１０から送られてきた線分情報を記憶する。
記憶部２３１は、コンテンツ取得先記憶部１３２と、選択コンテンツ記憶部１３３と、線分情報記憶部２４２とを備える。実施の形態２における記憶部２３１は、線分情報記憶部２４２をさらに備える点において、実施の形態１における記憶部１３１と異なっている。
線分情報記憶部２４２は、入力装置１１０から送信されてきた線分情報を蓄積した線分蓄積情報を記憶する。
図１５は、線分蓄積情報の一例を示す概略図である。
図１５に示されている線分蓄積情報２４２ａは、選択コンテンツＵＲＬ欄２４２ｂと、開始座標欄２４２ｃと、終了座標欄２４２ｄと、送信欄２４２ｅとを備えるテーブル形式の情報である。
選択コンテンツＵＲＬ欄２４２ｂは、入力装置１１０で選択されたコンテンツの識別情報であるコンテンツ識別情報を格納する。
開始座標欄２４２ｃは、入力装置１１０から送られてきた線分情報に含まれている開始座標の値を格納する。
終了座標欄２４２ｄは、入力装置１１０から送られてきた線分情報に含まれている終了座標の値を格納する。
送信欄２４２ｅは、開始座標欄２４２ｃ及び終了座標欄２４２ｄに格納されている値を、選択コンテンツＵＲＬ欄２４２ｂで識別されるコンテンツを表示している表示装置２５０に送信したか否かを示す情報を格納する。例えば、この欄の情報が「済」である場合には、送信済みであり、「未」である場合には、未送信であることを示す。
ここで、線分蓄積情報２４２ａの開始座標欄２４２ｃ及び終了座標欄２４２ｄは、入力装置１１０から送信されてきた線分情報に含まれている値を格納する欄である。なお、線分情報に、線の太さ及び色等の他の値が含まれている場合には、線分蓄積情報２４２ａは、そのような値を格納する欄をさらに有していてもよい。
【００６２】
図１４の説明に戻り、制御部２３４は、サーバ装置２３０での処理の全体を制御する。
制御部２３４は、コンテンツ取得先決定部１３５と、コンテンツ取得先送信部１３６と、線分情報受信部２３７と、選択コンテンツ通知受信部１３８と、線分情報送信先特定部２３９と、線分情報送信部２４０と、線分情報再送要求受信部２４３とを備える。実施の形態２における制御部２３４は、線分情報受信部２３７、線分情報送信先特定部２３９及び線分情報送信部２４０での処理の点、並びに、線分情報再送要求受信部２４３をさらに備える点において、実施の形態１における制御部１３４と異なっている。
【００６３】
線分情報受信部２３７は、通信部１４１を介して、入力装置１１０が送信した線分情報を受信する。そして、線分情報受信部２３７は、受信された線分情報を、線分情報記憶部２４２に記憶されている線分蓄積情報２４２ａに格納する。このとき、線分情報受信部２３７は、線分情報を送信してきた入力装置１１０が選択したコンテンツのコンテンツ識別情報を、選択コンテンツ記憶部１３３に記憶されている選択コンテンツ情報１３３ａを参照して特定する。そして、線分情報受信部２３７は、特定されたコンテンツ識別情報を線分情報蓄積情報２４２ａに格納する。
線分情報送信先特定部２３９は、選択コンテンツ記憶部１３３に記憶されている選択コンテンツ情報１３３ａ及びコンテンツ取得先記憶部１３２に記憶されているコンテンツ取得先情報１３２ａを元に、線分情報記憶部２４２に記憶されている線分蓄積情報２４２ａに格納されている線分情報をどの表示装置２５０に送信するかを特定する。また、線分情報送信先特定部２３９は、線分蓄積情報２４２ａに格納されている線分情報が複数ある場合には、線分情報を結合して、線分情報送信部２４０に与える。
線分情報送信部２４０は、予め定められた時間毎に、線分情報記憶部２４２に記憶されている線分蓄積情報２４２ａを確認して、未送信の線分情報があるか否かを判断する。未送信の線分情報がある場合には、線分情報送信部２４０は、通信部１４１を介して、線分情報送信先特定部２３９が特定した送信先に対して、線分蓄積情報２４２ａに格納されている線分情報を送信する。また、線分情報送信部２４０は、線分情報再送要求受信部２４３が、通信部１４１を介して、線分情報の再送要求を表示装置２５０から受信した場合にも、線分蓄積情報２４２ａに格納されている線分情報をその表示装置２５０に送信する。
線分情報再送要求受信部２４３は、通信部１４１を介して、表示装置２５０から線分情報の再送要求を受信すると、そのような要求を受けた旨を線分情報送信部２４０に通知する。
【００６４】
図１６は、表示装置２５０の構成を概略的に示すブロック図である。
表示装置２５０は、制御部２５１と、表示部１５９と、通信部１６０とを備える。
【００６５】
制御部２５１は、表示装置２５０での処理の全体を制御する。
制御部２５１は、コンテンツ取得先受信部１５２と、コンテンツ取得部２５３と、描画領域挿入部１５４と、描画手段挿入部２５５と、線分情報受信部１５６と、線分情報通知部１５７と、コンテンツ表示処理部２５８と、線分情報再送要求送信部２６１とを備える。実施の形態２における制御部２５１は、コンテンツ取得部２５３、描画手段挿入部２５５及びコンテンツ表示処理部２５８での処理の点、並びに、線分情報再送要求送信部２６１をさらに備える点において、実施の形態１における制御部１５１と異なっている。
【００６６】
コンテンツ取得部２５３は、コンテンツ取得先受信部１５２が受信したコンテンツ取得先に従って、ウェブサーバ１７０からコンテンツデータを取得する。ここで取得されるコンテンツデータは、ＨＴＭＬ形式のデータである。また、コンテンツ取得部２５３は、コンテンツデータの取得を開始した場合、言い換えると、コンテンツデータを新たに取得した場合には、線分情報再送要求送信部２６１に、線分情報の再送要求を送信するように指示を出す。
線分情報再送要求送信部２６１は、コンテンツ取得部２５３からの指示に応じて、通信部１６０を介して、線分情報の再送要求をサーバ装置２３０に送信する。
【００６７】
描画手段挿入部２５５は、線分情報通知部１５７から通知された線分情報が示す線分を、描画領域挿入部１５４が挿入した描画領域要素に描画するための描画手段要素をコンテンツデータに挿入する。ここで、実施の形態２では、線分情報通知部１５７から通知される線分情報が結合された状態で通知されるため、描画手段挿入部２５５は、複数の線分情報が示す線分を描画するためのコマンドを含む描画手段要素をコンテンツデータに挿入する。
図１７は、描画手段要素を追加したＨＴＭＬのコンテンツデータの一例を示す概略図である。なお、図１７の記述の中で先頭の数字は説明のための行番号でありコンテンツデータには含まれない。
図１７に示されているように、１１行目及び１２行目に、複数の線分情報から各々の線分情報を取り出すコマンドが追加されている。
【００６８】
図１６の説明に戻り、コンテンツ表示処理部２５８は、描画手段挿入部２５５から受け取ったコンテンツデータに基づいて、コンテンツの映像等を含む画面データを生成して、表示部１５９に与える。例えば、コンテンツ表示処理部２５８は、Ｗｅｂブラウザにより実現することができる。また、コンテンツ表示処理部２５８は、線分情報通知部１５７から通知された線分情報で示される線分を、描画領域挿入部１５４で挿入された描画領域に、描画手段挿入部２５５で挿入された描画手段要素を用いて表示させる。例えば、コンテンツ表示処理部２５８は、線分情報通知部１５７から与えられたプラグインを実行することにより、映像を表示中のコンテンツデータから関数ｄｒａｗを読み出し、そのプラグインに含まれているパラメータを関数ｄｒａｗに通知する。実施の形態２では、線分情報通知部１５７から線分情報が結合された状態で通知されるため、コンテンツ表示処理部２５８は、描画手段挿入部２５５で挿入された描画手段要素に従って、複数の線分情報を分割するとともに、分割された線分情報で示される線分の全てをまとめて描画する。
【００６９】
次に、実施の形態２に係る情報表示システム２００の動作の説明を行う。
なお、実施の形態２においても、入力装置１１０における処理の流れは、実施の形態１と同様である。
【００７０】
図１８〜図２０は、サーバ装置２３０における処理の流れの一例を示すフローチャートである。
なお、図１０に示されているコンテンツ取得先取得処理及び図１１に示されているコンテンツ選択処理については、実施の形態２でも同様である。また、図１２に示されている線分情報転送処理の代わりに、実施の形態２では、図１８に示されている線分情報蓄積処理が行われる。
【００７１】
図１８は、実施の形態２におけるサーバ装置２３０における線分情報蓄積処理の流れの一例を示すフローチャートである。
まず、線分情報受信部２３７は、通信部１４１を介して、線分情報を受信する（Ｓ６０）と、選択コンテンツ記憶部１３３に記憶されている選択コンテンツ情報１３３ａを参照して、線分情報を送信してきた入力装置１１０により選択されたコンテンツのコンテンツ識別情報を特定する（Ｓ６１）。例えば、線分情報受信部２３７は、選択コンテンツ情報１３３ａの識別子欄１３３ｂに、線分情報を送信してきた入力装置１１０の識別子が格納されているレコードを特定して、この特定されたレコードの選択コンテンツ欄１３３ｃを参照することで、この入力装置１１０で選択されているコンテンツのＵＲＬを特定する。
【００７２】
続いて、線分情報受信部２３７は、線分情報記憶部２４２に記憶されている線分蓄積情報２４２ａに、ステップＳ６０で取得された線分情報と、ステップＳ６１で取得されたコンテンツ識別情報とを格納する（Ｓ６２）。この際、線分蓄積情報２４２ａの送信欄２４２ｅには、「未」が格納される。
【００７３】
以上の処理により、入力装置１１０でユーザが入力した線分に対応する線分情報が、サーバ装置２３０に蓄積される。
【００７４】
図１９は、実施の形態２におけるサーバ装置２３０における線分情報送信処理の流れの一例を示すフローチャートである。
【００７５】
前回線分情報を送信してから、又は、線分情報の送信処理を開始してから、一定時間が経過する（Ｓ７０）と、線分情報送信部２４０は、線分情報記憶部２４２に未送信の線分情報が記憶されているか否かを確認する（Ｓ７１）。未送信の線分情報が存在するかどうかについては、例えば、線分蓄積情報２４２ａにおいて、送信欄２４２ｅの値が「未」のレコードが存在するか否かで判定することができる。未送信の線分情報が存在する場合（Ｓ７１でＹｅｓ）には、処理はステップＳ７２に進み、未送信の線分情報が存在しない場合（Ｓ７１でＮｏ）には、処理はステップＳ７０に戻る。
【００７６】
ステップＳ７２では、線分情報送信部２４０は、未送信である線分情報に対応付けられているコンテンツ識別情報（ＵＲＬ）を区別するためのインデックスＮを「１」に初期化する。
【００７７】
そして、線分情報送信部２４０及び線分情報送信先特定部２３９は、未送信である線分情報に対応付けられているＵＲＬの数だけ、以下のステップＳ７４〜Ｓ７８の処理を繰り返す（Ｓ７３、Ｓ７９）。例えば、図１５に示されている例では、“ｈｔｔｐ：／／ｍｙｈｏｓｔ／ｔｅｓｔ０１．ｈｔｍｌ”、“ｈｔｔｐ://ｍｙｈｏｓｔ/ｔｅｓｔ０２.ｈｔｍｌ”という２つのＵＲＬが未送信の線分情報に対応付けられているため、これらＵＲＬにそれぞれ「１」及び「２」のインデックスが割り振られ、それぞれに対して処理が行なわれる。
【００７８】
ステップＳ７４では、線分情報送信先特定部２３９は、線分蓄積情報２４２ａにおいて、インデックスＮのＵＲＬに対応付けられている線分情報のうち送信欄２４２ｅが「未」であるものを抽出する。
ステップＳ７５では、ステップＳ７４で抽出された線分情報が複数である場合には、線分情報送信先特定部２３９は、それらの線分情報を結合する。線分情報を結合する方法としては、例えば、単純に文字列として結合してもよいし、ＸＭＬ（ｅＸｔｅｎｓｉｂｌｅ  Ｍａｒｋｕｐ  Ｌａｎｇｕａｇｅ）の要素として並列に配置してもよい。但し、表示装置２５０が、受信された結合線分情報を個々の線分情報に分割できる形式である必要がある。
【００７９】
ステップＳ７６では、線分情報送信先特定部２３９は、コンテンツ取得先記憶部１３２に記憶されているコンテンツ取得先情報１３２ａを参照して、インデックスＮのＵＲＬに対応付けられている表示装置２５０を特定する。
【００８０】
ステップＳ７７では、線分情報送信部２４０は、通信部１４１を介して、ステップＳ７６で特定された表示装置２５０に線分情報を送信する。線分情報送信部２４０は、線分蓄積情報２４２ａにおいて、送信された線分情報に対応するレコードの送信欄２４２ｅの値を「済」に更新する。
そして、ステップＳ７８では、線分情報送信部２４０は、インデックスＮに「１」を加算する。
【００８１】
図２０は、サーバ装置２３０における線分情報の再送信処理の流れの一例を示すフローチャートである。
【００８２】
線分情報再送要求受信部２４３は、通信部１４１を介して、表示装置２５０からの線分情報の再送要求を受信すると（Ｓ８０）、そのような要求を受けたことを線分情報送信先特定部２３９に通知する。線分情報送信先特定部２３９は、そのような通知を受けると、コンテンツ取得先記憶部１３２に記憶されているコンテンツ取得先情報１３２ａを参照して、要求してきた表示装置２５０に対応付けられているＵＲＬを特定する。線分情報送信先特定部２３９は、線分情報記憶部２４２に記憶されている線分蓄積情報２４２ａを参照して、特定されＵＲＬに対応付けられている線分情報を抽出する（Ｓ８１）。ここでは、送信欄２４２ｅの値が「済」であっても抽出するものとする。
【００８３】
線分情報送信先特定部２３９は、抽出された線分情報が複数ある場合には、それらを結合して（Ｓ８２）、線分情報送信部２４０に与える。
線分情報送信部２４０は、通信部１４１を介して、与えられた線分情報を、要求を送ってきた表示装置２５０に送信する（Ｓ８３）。
【００８４】
図２１は、実施の形態２における表示装置２５０の処理の一例を示すフローチャートである。
ここで、図２１において、実施の形態１における図１３と同様の処理については、図１３と同じ符号が付されている。
【００８５】
図２１のステップＳ５０〜Ｓ５４の処理については、図１３のステップＳ５０〜Ｓ５４と同様である。但し、ステップＳ５４の後は、処理はステップＳ９５に進む。
【００８６】
実施の形態２では、コンテンツの初期表示（Ｓ５４）が完了すると、言い換えると、コンテンツデータに基づく表示が開始されると、コンテンツ取得部２５３は、線分情報再送要求送信部２６１に指示を出し、線分情報再送要求送信部２６１は、通信部１６０を介して、線分情報の再送要求をサーバ装置２３０に送信する（Ｓ９５）。これにより、新たに取得したコンテンツに関連する線分情報が再送されてくるので、そのコンテンツに対して以前に入力装置１１０で入力された手書き入力の入力軌跡も表示することが可能となる。
【００８７】
線分情報受信部１５６は、結合された線分情報を受信すると（Ｓ９６）、結合された線分情報を線分情報通知部１５７に与え、線分情報通知部１５７は、結合された線分情報をコンテンツ表示処理部２５８に通知する。
このような通知を受けたコンテンツ表示処理部２５８は、結合された線分情報を個々の線分情報に分割し（Ｓ９７）、線分情報の重畳を行う（Ｓ９８）。
【００８８】
線分情報の分割及び重畳は、描画手段挿入部２５５で挿入された描画手段要素を用いて行なわれる。言い換えると、線分情報通知部１５７は結合された線分情報をそのままコンテンツ表示処理部２５８に通知し、コンテンツ表示処理部２５８は、描画手段要素であるスクリプト言語中で、線分情報の分割及び重畳を行う。
【００８９】
ここで、線分情報の描画は、複数の線分をまとめて行うことで、高速で処理することができる。例えば、コンテンツ表示処理部２５８は、スクリプト言語中で、複数の線分のパスを設定した上で描画命令を実行することで、個々の線分を一本ずつ描画する場合に比べて描画処理を高速化することができる。
【００９０】
以上のように実施の形態２では、サーバ装置２３０で線分情報をある程度蓄積した上で表示装置２５０に送信しているので、複数の線分を一度の描画命令で描画することが可能となる。このため、個々の線分を一本ずつ描画する場合に比べて描画処理を高速化することが可能となる。
【００９１】
また、実施の形態２では、サーバ装置２３０で線分情報をある程度蓄積した上で表示装置２５０に送信しているので、線分一本あたりに必要な通信負荷を減らすことができ、通信量を抑制することができる。
【００９２】
また、実施の形態２では、表示装置２５０で表示するコンテンツが変更された際にそのコンテンツに紐付けられた線分情報をサーバ装置２３０が再送するので、あるコンテンツを表示する際に過去に入力装置１１０から入力された手書き入力の入力軌跡も表示することが可能となる。
【００９３】
なお、実施の形態２では、入力装置１１０から線分の入力を受け付ける例を示したが、線分の消去も受け付けてよい。例えば、入力装置１１０から送信する線分情報に「追加」、「削除」のどちらかを表すフラグ情報を追加し、フラグ情報が「削除」であった場合は、線分情報受信部２３７は、線分情報記憶部２４２に記憶されている線分蓄積情報２４２ａから該当する線分情報を削除するようにしてもよい。こうすることにより、一度入力した線分情報の削除が可能となる。
【００９４】
なお、実施の形態２では、線分情報の再送要求のパラメータとしてコンテンツのＵＲＬを使用する例を示したが、もちろん他のパラメータを使用してもよい。例えば、時刻等を用いて取得範囲を指定することにより、全ての線分情報でなく最近入力された線分情報のみを取り出すようにしてもよい。こうすることにより、必要なデータのみを取得できるようになり、通信量及び処理量を抑制することができる。
【００９５】
なお、実施の形態２では、表示装置２５０は、コンテンツ取得時に線分情報の再送要求を送信していたが、違うタイミングで送信してもよい。例えば、表示装置２５０は、一時的に線分情報の受信ができなかった場合、言い換えると、サーバ装置２３０に記憶されている線分情報の一部を取得できていない場合に、その線分情報の再送を要求してもよい。線分情報の受信ができなかったことの判定は、例えば線分情報に処理番号を付加し、処理番号が不連続であった場合に、表示装置２５０は、線分情報が欠落したとみなすことができる。こうすることにより、線分情報が一時的に受信できなかった場合にも、受信できなかった線分情報を取得し、表示することが可能となる。
【００９６】
なお、実施の形態２では、表示装置２５０からの線分情報の再送要求に応じて、サーバ装置２３０から線分情報を送信していたが、サーバ装置２３０がコンテンツ切替時に自動で送信してもよい。例えば、サーバ装置２３０から表示装置２５０にコンテンツ取得先を指定するときに、それに紐づいた線分情報も送信してもよい。こうすることにより、表示装置２５０から線分情報の再送要求を送信する必要が無くなり、処理を簡略化することができる。
【００９７】
なお、実施の形態１及び２における入力装置１１０は、手書き入力機能及びネットワーク機能を備えたものであればよく、例えば、タブレット又はスマートフォン等を適用することができる。また、表示装置２５０は、コンテンツ表示機能及びネットワーク機能を備えたものであればよく、例えば、タブレット、スマートフォン、パーソナルコンピュータ、デジタルテレビ又はサイネージ端末等を適用することができる。
【符号の説明】
【００９８】
１００，２００  情報表示システム、  １１０  入力装置、  １１１  表示入力部、  １１２  制御部、  １１３  線分入力部、  １１４  線分情報取得部、  １１５  線分情報送信部、  １１６  コンテンツ一覧取得部、  １１７  コンテンツ選択部、  １１８  選択コンテンツ通知部、  １１９  通信部、  １３０，２３０  サーバ装置、  １３１，２３１  記憶部、  １３２  コンテンツ取得先記憶部、  １３３  選択コンテンツ記憶部、  １３４，２３４  制御部、  １３５  コンテンツ取得先決定部、  １３６  コンテンツ取得先送信部、  １３７，２３７  線分情報受信部、  １３８  選択コンテンツ通知受信部、  １３９，２３９  線分情報送信先特定部、  １４０，２４０  線分情報送信部、  １４１  通信部、  ２４２  線分情報記憶部、  ２４３  線分情報再送要求受信部、  １５０，２５０  表示装置、  １５１，２５１  制御部、  １５２  コンテンツ取得先受信部、  １５３，２５３  コンテンツ取得部、  １５４  描画領域挿入部、  １５５，２５５  描画手段挿入部、  １５６  線分情報受信部、  １５７  線分情報通知部、  １５８，２５８  コンテンツ表示処理部、  １５９  表示部、  １６０  通信部、  ２６１  線分情報再送要求送信部、  １７０  ウェブサーバ。
【図１】
2015096994.tif 000003
【図２】
2015096994.tif 000004
【図３】
2015096994.tif 000005
【図４】
2015096994.tif 000006
【図５】
2015096994.tif 000007
【図６】
2015096994.tif 000008
【図７】
2015096994.tif 000009
【図８】
2015096994.tif 000010
【図９】
2015096994.tif 000011
【図１０】
2015096994.tif 000012
【図１１】
2015096994.tif 000013
【図１２】
2015096994.tif 000014
【図１３】
2015096994.tif 000015
【図１４】
2015096994.tif 000016
【図１５】
2015096994.tif 000017
【図１６】
2015096994.tif 000018
【図１７】
2015096994.tif 000019
【図１８】
2015096994.tif 000020
【図１９】
2015096994.tif 000021
【図２０】
2015096994.tif 000022
【図２１】
2015096994.tif 000023