ホーム > 特許ランキング > ウィズデスク株式会社
知財求人 - 知財ポータルサイト「IP Force」
特開2023-113070情報処理装置、画面共有システム、画面共有方法及びコンピュータプログラム
(19)【発行国】日本国特許庁(JP)
(12)【公報種別】公開特許公報(A)
(11)【公開番号】P2023113070
(43)【公開日】2023-08-15
(54)【発明の名称】情報処理装置、画面共有システム、画面共有方法及びコンピュータプログラム
(51)【国際特許分類】
H04L 67/02 20220101AFI20230807BHJP
G06F 3/14 20060101ALI20230807BHJP
【ＦＩ】
H04L67/02
G06F3/14 350A
G06F3/14 400
【審査請求】未請求
【請求項の数】6
【出願形態】ＯＬ
(21)【出願番号】P 2022015206
(22)【出願日】2022-02-02
(71)【出願人】
【識別番号】518431200
【氏名又は名称】ウィズデスク株式会社
(74)【代理人】
【識別番号】100114557
【弁理士】
【氏名又は名称】河野 英仁
(74)【代理人】
【識別番号】100078868
【弁理士】
【氏名又は名称】河野 登夫
(72)【発明者】
【氏名】田口 湧都
(72)【発明者】
【氏名】君島 隆朗
【テーマコード（参考）】
5B069
【Ｆターム（参考）】
5B069AA01
5B069FA02
5B069KA04
(57)【要約】
【課題】２つの端末のブラウザ間で、より精度高くウェブページの画面共有を実現することができる画面共有方法を提供する。
【解決手段】第２端末のブラウザに表示されるウェブページを、第１端末のブラウザに表示する画面共有方法であって、ウェブページを表示している第２端末のブラウザが外部と通信を行う際に使用するヘッダ情報と、ヘッダ情報ＩＤとを対応付けて記憶部に記憶し、第１端末のブラウザから送信された、ウェブページを構成するアセットファイルの所在を示す所在情報と、ヘッダ情報ＩＤとを含むリクエストデータを受信した場合、リクエストデータに含まれるヘッダ情報ＩＤに対応するヘッダ情報を記憶部から取得し、受信したリクエストデータに含まれる所在情報と、記憶部から取得したヘッダ情報とを含むアセットリクエストデータを用いて、外部サーバからアセットファイルを取得し、取得したアセットファイルを第１端末へ送信する。
【選択図】図９
【解決手段】第２端末のブラウザに表示されるウェブページを、第１端末のブラウザに表示する画面共有方法であって、ウェブページを表示している第２端末のブラウザが外部と通信を行う際に使用するヘッダ情報と、ヘッダ情報ＩＤとを対応付けて記憶部に記憶し、第１端末のブラウザから送信された、ウェブページを構成するアセットファイルの所在を示す所在情報と、ヘッダ情報ＩＤとを含むリクエストデータを受信した場合、リクエストデータに含まれるヘッダ情報ＩＤに対応するヘッダ情報を記憶部から取得し、受信したリクエストデータに含まれる所在情報と、記憶部から取得したヘッダ情報とを含むアセットリクエストデータを用いて、外部サーバからアセットファイルを取得し、取得したアセットファイルを第１端末へ送信する。
【選択図】図９
【特許請求の範囲】
【請求項1】
第１端末のブラウザと、第２端末のブラウザとの間で通信を行う通信部と、
前記第２端末のブラウザに表示されるウェブページを、前記第１端末のブラウザに表示する画面共有に係る処理を実行する処理部と、
前記ウェブページを表示している前記第２端末のブラウザが外部と通信を行う際に使用するヘッダ情報と、ヘッダ情報ＩＤとを対応付けて記憶する記憶部と
を備え、
前記処理部は、
前記第１端末のブラウザから送信された、前記ウェブページを構成するアセットファイルの所在を示す所在情報と、前記ヘッダ情報ＩＤとを含むリクエストデータを前記通信部にて受信した場合、該リクエストデータに含まれる前記ヘッダ情報ＩＤに対応する前記ヘッダ情報を前記記憶部から取得し、
受信した前記リクエストデータに含まれる前記所在情報と、前記記憶部から取得した前記ヘッダ情報とを含むアセットリクエストデータを生成し、
前記通信部は、
生成された前記アセットリクエストデータを用いて、外部サーバに前記アセットファイルを要求し、
要求に応じて前記外部サーバから送信された前記アセットファイルを受信し、
受信した前記アセットファイルを前記第１端末へ送信する
情報処理装置。
前記第２端末のブラウザに表示されるウェブページを、前記第１端末のブラウザに表示する画面共有に係る処理を実行する処理部と、
前記ウェブページを表示している前記第２端末のブラウザが外部と通信を行う際に使用するヘッダ情報と、ヘッダ情報ＩＤとを対応付けて記憶する記憶部と
を備え、
前記処理部は、
前記第１端末のブラウザから送信された、前記ウェブページを構成するアセットファイルの所在を示す所在情報と、前記ヘッダ情報ＩＤとを含むリクエストデータを前記通信部にて受信した場合、該リクエストデータに含まれる前記ヘッダ情報ＩＤに対応する前記ヘッダ情報を前記記憶部から取得し、
受信した前記リクエストデータに含まれる前記所在情報と、前記記憶部から取得した前記ヘッダ情報とを含むアセットリクエストデータを生成し、
前記通信部は、
生成された前記アセットリクエストデータを用いて、外部サーバに前記アセットファイルを要求し、
要求に応じて前記外部サーバから送信された前記アセットファイルを受信し、
受信した前記アセットファイルを前記第１端末へ送信する
情報処理装置。
【請求項2】
請求項１に記載の情報処理装置と、通信網を介して前記情報処理装置に接続される第１端末及び第２端末とを備える画面共有システムであって、
前記第２端末は、
前記第２端末のブラウザに表示されている前記ウェブページのデータを、前記情報処理装置を介して前記第１端末へ送信させる第２端末処理部を備え、
前記第１端末は、
前記第２端末から送信された前記ウェブページのデータを受信し、受信したデータに基づいて、前記ウェブページを再構成して表示させる第１端末処理部を備え、
前記第１端末処理部は、
受信したデータの前記ウェブページを構成する要素が属性値として前記アセットファイルの所在を示す前記所在情報を含む場合、該属性値を、前記情報処理装置に係るドメイン名と、前記所在情報及び前記ヘッダ情報ＩＤとを含む文字列に置換する
画面共有システム。
前記第２端末は、
前記第２端末のブラウザに表示されている前記ウェブページのデータを、前記情報処理装置を介して前記第１端末へ送信させる第２端末処理部を備え、
前記第１端末は、
前記第２端末から送信された前記ウェブページのデータを受信し、受信したデータに基づいて、前記ウェブページを再構成して表示させる第１端末処理部を備え、
前記第１端末処理部は、
受信したデータの前記ウェブページを構成する要素が属性値として前記アセットファイルの所在を示す前記所在情報を含む場合、該属性値を、前記情報処理装置に係るドメイン名と、前記所在情報及び前記ヘッダ情報ＩＤとを含む文字列に置換する
画面共有システム。
【請求項3】
前記第２端末は、
前記第２端末の前記ウェブページを表示しているブラウザが外部と通信を行う際に使用する前記ヘッダ情報及び前記ヘッダ情報ＩＤを、前記情報処理装置へ送信し、
前記情報処理装置は、
前記第２端末から送信された前記ヘッダ情報及び前記ヘッダ情報ＩＤを受信し、受信した前記ヘッダ情報及び前記ヘッダ情報ＩＤを対応付けて前記記憶部に記憶させる
請求項２に記載の画面共有システム。
前記第２端末の前記ウェブページを表示しているブラウザが外部と通信を行う際に使用する前記ヘッダ情報及び前記ヘッダ情報ＩＤを、前記情報処理装置へ送信し、
前記情報処理装置は、
前記第２端末から送信された前記ヘッダ情報及び前記ヘッダ情報ＩＤを受信し、受信した前記ヘッダ情報及び前記ヘッダ情報ＩＤを対応付けて前記記憶部に記憶させる
請求項２に記載の画面共有システム。
【請求項4】
前記情報処理装置に係る前記ドメイン名は、前記第１端末のブラウザに表示される前記ウェブページを再構成して表示するための画面共有表示領域要素の属性値として設定されたドメイン名と同一である
請求項２又は請求項３に記載の画面共有システム。
請求項２又は請求項３に記載の画面共有システム。
【請求項5】
第２端末のブラウザに表示されるウェブページを、第１端末のブラウザに表示する画面共有方法であって、
前記ウェブページを表示している前記第２端末のブラウザが外部と通信を行う際に使用するヘッダ情報と、ヘッダ情報ＩＤとを対応付けて記憶部に記憶し、
前記第１端末のブラウザから送信された、前記ウェブページを構成するアセットファイルの所在を示す所在情報と、前記ヘッダ情報ＩＤとを含むリクエストデータを受信した場合、該リクエストデータに含まれる前記ヘッダ情報ＩＤに対応する前記ヘッダ情報を前記記憶部から取得し、
受信した前記リクエストデータに含まれる前記所在情報と、前記記憶部から取得した前記ヘッダ情報とを含むアセットリクエストデータを生成し、
生成された前記アセットリクエストデータを用いて、外部サーバに前記アセットファイルを要求し、
要求に応じて前記外部サーバから送信された前記アセットファイルを受信し、
受信した前記アセットファイルを前記第１端末へ送信する
画面共有方法。
前記ウェブページを表示している前記第２端末のブラウザが外部と通信を行う際に使用するヘッダ情報と、ヘッダ情報ＩＤとを対応付けて記憶部に記憶し、
前記第１端末のブラウザから送信された、前記ウェブページを構成するアセットファイルの所在を示す所在情報と、前記ヘッダ情報ＩＤとを含むリクエストデータを受信した場合、該リクエストデータに含まれる前記ヘッダ情報ＩＤに対応する前記ヘッダ情報を前記記憶部から取得し、
受信した前記リクエストデータに含まれる前記所在情報と、前記記憶部から取得した前記ヘッダ情報とを含むアセットリクエストデータを生成し、
生成された前記アセットリクエストデータを用いて、外部サーバに前記アセットファイルを要求し、
要求に応じて前記外部サーバから送信された前記アセットファイルを受信し、
受信した前記アセットファイルを前記第１端末へ送信する
画面共有方法。
【請求項6】
第２端末のブラウザに表示されるウェブページを、第１端末のブラウザに表示する画面共有に係る処理をコンピュータに実行させるためのコンピュータプログラムであって、
前記ウェブページを表示している前記第２端末のブラウザが外部と通信を行う際に使用するヘッダ情報と、ヘッダ情報ＩＤとを対応付けて記憶部に記憶し、
前記第１端末のブラウザから送信された、前記ウェブページを構成するアセットファイルの所在を示す所在情報と、前記ヘッダ情報ＩＤとを含むリクエストデータを受信した場合、該リクエストデータに含まれる前記ヘッダ情報ＩＤに対応する前記ヘッダ情報を前記記憶部から取得し、
受信した前記リクエストデータに含まれる前記所在情報と、前記記憶部から取得した前記ヘッダ情報とを含むアセットリクエストデータを生成し、
生成された前記アセットリクエストデータを用いて、外部サーバに前記アセットファイルを要求し、
要求に応じて前記外部サーバから送信された前記アセットファイルを受信し、
受信した前記アセットファイルを前記第１端末へ送信する
処理を前記コンピュータに実行させるためのコンピュータプログラム。
前記ウェブページを表示している前記第２端末のブラウザが外部と通信を行う際に使用するヘッダ情報と、ヘッダ情報ＩＤとを対応付けて記憶部に記憶し、
前記第１端末のブラウザから送信された、前記ウェブページを構成するアセットファイルの所在を示す所在情報と、前記ヘッダ情報ＩＤとを含むリクエストデータを受信した場合、該リクエストデータに含まれる前記ヘッダ情報ＩＤに対応する前記ヘッダ情報を前記記憶部から取得し、
受信した前記リクエストデータに含まれる前記所在情報と、前記記憶部から取得した前記ヘッダ情報とを含むアセットリクエストデータを生成し、
生成された前記アセットリクエストデータを用いて、外部サーバに前記アセットファイルを要求し、
要求に応じて前記外部サーバから送信された前記アセットファイルを受信し、
受信した前記アセットファイルを前記第１端末へ送信する
処理を前記コンピュータに実行させるためのコンピュータプログラム。
【発明の詳細な説明】
【技術分野】
【0001】
本発明は、情報処理装置、画面共有システム、画面共有方法及びコンピュータプログラムに関する。
【背景技術】
【0002】
エンドユーザブラウザに表示される画面を、オペレータブラウザを通じて共有することにより、オペレータとエンドユーザの双方における情報伝達を視覚的に促進することを可能にする画面共有システムがある（例えば、特許文献１）。画面共有システムは、ウェブページを表示するエンドユーザブラウザと、オペレータブラウザと、通信網を介して各ブラウザに接続される中継サーバとを備える。エンドユーザブラウザ及びオペレータブラウザは、ウェブページのＨＴＭＬ構造データを、中継サーバを介して送受信し、オペレータブラウザは、エンドユーザブラウザに表示されているウェブページを再構成することにより画面共有を実現している。
【先行技術文献】
【特許文献】
【0003】
【特許文献1】特開２０２０－１７７４０３号公報
【発明の概要】
【発明が解決しようとする課題】
【0004】
しかしながら、ウェブページの表示環境の相違等により、ウェブページのＨＴＭＬ構造データを送受信して共有するのみでは、オペレータ端末及びエンドユーザ端末で画面共有表示されるウェブページのレイアウトの差異が生ずるという問題があった。
【0005】
本発明の目的は、２つの端末のブラウザ間で、より精度高くウェブページの画面共有を実現することができる情報処理装置、画面共有システム、画面共有方法及びコンピュータプログラムを提供することにある。
【課題を解決するための手段】
【0006】
本発明の一態様に係る情報処理装置は、第１端末のブラウザと、第２端末のブラウザとの間で通信を行う通信部と、前記第２端末のブラウザに表示されるウェブページを、前記第１端末のブラウザに表示する画面共有に係る処理を実行する処理部と、前記ウェブページを表示している前記第２端末のブラウザが外部と通信を行う際に使用するヘッダ情報と、ヘッダ情報ＩＤとを対応付けて記憶する記憶部とを備え、前記処理部は、前記第１端末のブラウザから送信された、前記ウェブページを構成するアセットファイルの所在を示す所在情報と、前記ヘッダ情報ＩＤとを含むリクエストデータを前記通信部にて受信した場合、該リクエストデータに含まれる前記ヘッダ情報ＩＤに対応する前記ヘッダ情報を前記記憶部から取得し、受信した前記リクエストデータに含まれる前記所在情報と、前記記憶部から取得した前記ヘッダ情報とを含むアセットリクエストデータを生成し、前記通信部は、生成された前記アセットリクエストデータを用いて、外部サーバに前記アセットファイルを要求し、要求に応じて前記外部サーバから送信された前記アセットファイルを受信し、受信した前記アセットファイルを前記第１端末へ送信する。
【0007】
本発明の一態様に係る画面共有システムは、前記情報処理装置と、通信網を介して前記情報処理装置に接続される第１端末及び第２端末とを備える画面共有システムであって、前記第２端末は、前記第２端末のブラウザに表示されている前記ウェブページのデータを、前記情報処理装置を介して前記第１端末へ送信させる第２端末処理部を備え、前記第１端末は、前記第２端末から送信された前記ウェブページのデータを受信し、受信したデータに基づいて、前記ウェブページを再構成して表示させる第１端末処理部を備え、前記第１端末処理部は、受信したデータの前記ウェブページを構成する要素が属性値として前記アセットファイルの所在を示す前記所在情報を含む場合、該属性値を、前記情報処理装置に係るドメイン名と、前記所在情報及び前記ヘッダ情報ＩＤとを含む文字列に置換する。
【0008】
本発明の一態様に係る画面共有方法は、第２端末のブラウザに表示されるウェブページを、第１端末のブラウザに表示する画面共有方法であって、前記ウェブページを表示している前記第２端末のブラウザが外部と通信を行う際に使用するヘッダ情報と、ヘッダ情報ＩＤとを対応付けて記憶部に記憶し、前記第１端末のブラウザから送信された、前記ウェブページを構成するアセットファイルの所在を示す所在情報と、前記ヘッダ情報ＩＤとを含むリクエストデータを受信した場合、該リクエストデータに含まれる前記ヘッダ情報ＩＤに対応する前記ヘッダ情報を前記記憶部から取得し、受信した前記リクエストデータに含まれる前記所在情報と、前記記憶部から取得した前記ヘッダ情報とを含むアセットリクエストデータを生成し、生成された前記アセットリクエストデータを用いて、外部サーバに前記アセットファイルを要求し、要求に応じて前記外部サーバから送信された前記アセットファイルを受信し、受信した前記アセットファイルを前記第１端末へ送信する。
【0009】
本発明の一態様に係るコンピュータプログラムは、第２端末のブラウザに表示されるウェブページを、第１端末のブラウザに表示する画面共有に係る処理をコンピュータに実行させるためのコンピュータプログラムであって、前記ウェブページを表示している前記第２端末のブラウザが外部と通信を行う際に使用するヘッダ情報と、ヘッダ情報ＩＤとを対応付けて記憶部に記憶し、前記第１端末のブラウザから送信された、前記ウェブページを構成するアセットファイルの所在を示す所在情報と、前記ヘッダ情報ＩＤとを含むリクエストデータを受信した場合、該リクエストデータに含まれる前記ヘッダ情報ＩＤに対応する前記ヘッダ情報を前記記憶部から取得し、受信した前記リクエストデータに含まれる前記所在情報と、前記記憶部から取得した前記ヘッダ情報とを含むアセットリクエストデータを生成し、生成された前記アセットリクエストデータを用いて、外部サーバに前記アセットファイルを要求し、要求に応じて前記外部サーバから送信された前記アセットファイルを受信し、受信した前記アセットファイルを前記第１端末へ送信する処理を前記コンピュータに実行させる。
【発明の効果】
【0010】
上記によれば、２つの端末のブラウザ間で、より精度高くウェブページの画面共有を実現することができる情報処理装置、画面共有システム、画面共有方法及びコンピュータプログラムを提供することができる。
【図面の簡単な説明】
【0011】
【図1】実施形態に係る画面共有システムの構成例を説明する模式図である。
【図2】実施形態に係る画面共有システムの構成例を示すブロック図である。
【図3】実施形態に係る画面共有システムの機能ブロック図である。
【図4】実施形態に係る画面共有処理を開始するための事前処理手順を示すシーケンス図である。
【図5】文書型宣言の処理方法を示す概念図である。
【図6】実施形態に係る画面共有に係る処理手順を示すシーケンス図である。
【図7】アセットファイルのファイル処理手順を示すフローチャートである。
【図8】アセットファイルのファイル処理手順を示すフローチャートである。
【図9】アセットファイルのファイル処理方法を示す概念図である。
【図10】特定要素の属性の具体例を示す説明図である。
【発明を実施するための形態】
【0012】
本開示の実施形態に係る情報処理装置、画面共有システム、画面共有方法及びコンピュータプログラムを、以下に図面を参照しつつ説明する。なお、本開示は、これらの例示に限定されるものではなく、特許請求の範囲によって示され、特許請求の範囲と均等の意味及び範囲内でのすべての変更が含まれることが意図される。また、以下に記載する実施形態の少なくとも一部を任意に組み合わせてもよい。
【0013】
図１は、実施形態に係る画面共有システムの構成例を説明する模式図である。本実施形態に係る画面共有システムは、情報処理装置１と、エージェント端末（第１端末）２と、ゲスト端末（第２端末）３と、ウェブサーバ（外部サーバ）４とを備える。各種端末及びサーバは、通信網Ｎを介して情報処理装置１に接続されている。
【0014】
エージェント端末２を操作するユーザ（以下、エージェントと呼ぶ）は、例えばゲスト端末３を操作するユーザ（以下、ゲストと呼ぶ）のウェブサイトの操作方法を案内する者である。なお、エージェント及びゲストは、本実施形態に係る情報処理装置１のユーザの一例であり、両者の関係は特に限定されるものでは無い。
【0015】
図２は、実施形態に係る画面共有システムの構成例を示すブロック図である。情報処理装置１は、処理部１１、記憶部１２、通信部１３を備えたコンピュータである。なお、情報処理装置１は、複数台のコンピュータで構成し分散処理する構成でもよいし、１台のサーバ内に設けられた複数の仮想マシンによって実現されていてもよいし、クラウドサーバを用いて実現されていてもよいし、一部を量子コンピュータで構成してもよい。
【0016】
処理部１１は、一又は複数のＣＰＵ（Central Processing Unit）、ＭＰＵ（Micro-Processing Unit）等の演算処理装置を有し、記憶部１２に記憶されたコンピュータプログラムＰ１を読み出して実行することにより、本実施形態に係る画面共有処理を実行する。
【0017】
記憶部１２は、ハードディスク、ＥＥＰＲＯＭ（Electrically Erasable Programmable Read-Only Memory）、フラッシュメモリ等の記憶装置である。記憶部１２は、処理部１１が、ゲスト端末３と、エージェント端末２との間で、それぞれのウェブブラウザに表示されるウェブページの内容及び操作内容を共有するために必要なコンピュータプログラムＰ１、エージェントプログラムＰ２及びゲストプログラムＰ３を記憶している。エージェントプログラムＰ２及びゲストプログラムＰ３は、例えばＪａｖａＳｃｒｉｐｔ（登録商標）で記述されたプログラムであり、情報処理装置１は、エージェントプログラムＰ２をエージェント端末２へ送信し、ゲストプログラムＰ３をゲスト端末３へ送信する。エージェント端末２で動作するウェブブラウザ（以下、エージェントブラウザＢ２と呼ぶ）は、エージェントプログラムＰ２を実行することにより、画面共有に必要な処理を実行する。ゲスト端末３で動作するウェブブラウザ（以下、ゲストブラウザＢ３と呼ぶ）は、ゲストプログラムＰ３を実行することにより、画面共有に必要な処理を実行する。
なお、各種プログラムは、記録媒体５にコンピュータ読み取り可能に記録されている態様でも良い。記憶部１２は、図示しない読出装置によって記録媒体５から読み出されたコンピュータプログラムＰ１、エージェントプログラムＰ２及びゲストプログラムＰ３を記憶する。記録媒体５はフラッシュメモリ等の半導体メモリ、光ディスク、磁気ディスク、磁気光ディスク等である。また、通信網Ｎに接続されている図示しない外部サーバから本実施形態に係る各種プログラムをダウンロードし、記憶部１２に記憶させる態様であってもよい。
なお、各種プログラムは、記録媒体５にコンピュータ読み取り可能に記録されている態様でも良い。記憶部１２は、図示しない読出装置によって記録媒体５から読み出されたコンピュータプログラムＰ１、エージェントプログラムＰ２及びゲストプログラムＰ３を記憶する。記録媒体５はフラッシュメモリ等の半導体メモリ、光ディスク、磁気ディスク、磁気光ディスク等である。また、通信網Ｎに接続されている図示しない外部サーバから本実施形態に係る各種プログラムをダウンロードし、記憶部１２に記憶させる態様であってもよい。
【0018】
通信部１３は、通信に関する処理を行うための処理回路、通信回路等を含み、エージェント端末２、ゲスト端末３及びウェブサーバ４との間で情報の送受信を行う。
【0019】
エージェント端末２は、処理部（第１端末処理部）２１、記憶部２２、通信部２３、操作部２４及び表示部２５を備えたコンピュータである。処理部２１、記憶部２２及び通信部２３の基本的な構成は、情報処理装置１と同様である。記憶部２２は、少なくともエージェントブラウザＢ２に係るプログラムを記憶している。エージェントブラウザＢ２は、ウェブページを構成する要素を参照及び制御するプログラムであるＤＯＭ（Document Object Model）を実装しており、情報処理装置１から送信されたエージェントプログラムＰ２を実行することができる。操作部２４は、キーボード、マウス等であり、エージェントの操作及び入力を受け付ける。表示部２５は、液晶ディスプレイ、有機ＥＬ（Electro Luminescence）ディスプレイ等の表示装置であり、処理部２１から与えられた情報を描画する。
【0020】
ゲスト端末３は、処理部（第２端末処理部）３１、記憶部３２、通信部３３、操作部３４及び表示部３５を備えたコンピュータである。処理部３１、記憶部３２及び通信部３３の基本的な構成は、情報処理装置１と同様である。記憶部３２は、少なくともゲストブラウザＢ３に係るプログラムを記憶している。ゲストブラウザＢ３は、ウェブページを構成する要素を参照及び制御するプログラムであるＤＯＭを実装しており、情報処理装置１から送信されたゲストプログラムＰ３を実行することができる。操作部３４は、キーボード、マウス等であり、ゲストの操作及び入力を受け付ける。表示部３５は、液晶ディスプレイ、有機ＥＬディスプレイ等の表示装置であり、処理部３１から与えられた情報を描画する。
【0021】
ウェブサーバ４は、少なくともゲストブラウザＢ３からのリクエストに応じて、ウェブページの文書ファイルと、ウェブページを構成するアセットファイルをゲストブラウザＢ３へ送信するサーバである。また、ウェブサーバ４は、少なくとも情報処理装置１からのリクエストに応じて、ウェブページを構成するアセットファイルを情報処理装置１へ送信するサーバである。本実施形態においては、ゲストブラウザＢ３は、ウェブサーバ４にアクセスして、ウェブページを表示する。
【0022】
図３は、実施形態に係る画面共有システムの機能ブロック図である。エージェント端末２は、機能部としてエージェントブラウザＢ２を有し、情報処理装置１から送信されるエージェントプログラムＰ２を実行することができる。なお、エージェントプログラムＰ２は、エージェントブラウザＢ２が情報処理装置１にアクセスして管理画面を読み込む際、情報処理装置１からエージェント端末２へ送信される。管理画面は、ウェブページの画面共有処理を実行するための画面である。
【0023】
ゲスト端末３は、機能部としてゲストブラウザＢ３を有し、情報処理装置１から送信されるゲストプログラムＰ３を実行することができる。なお、ゲストプログラムＰ３は、画面共有対象であるウェブページを読み込む際、情報処理装置１からゲスト端末３へ送信される。
【0024】
情報処理装置１は、ＡＰＩ処理部１１ａ、ソケット処理部１１ｂ及びファイル処理部１１ｃを備える。また、情報処理装置１は、アカウント管理データベース１２ａ、画面共有管理データベース１２ｂ、画面共有データ中継ストア１２ｃ、プログラムファイルストレージ１２ｄ及びアセットファイルストレージ１２ｅを備える。
【0025】
ＡＰＩ処理部１１ａは、画面共有システムの各種設定データをアカウント管理データベース１２ａから取得し、画面共有処理に関する設定等の処理を実行する機能部である。
【0026】
ソケット処理部１１ｂは、ウェブソケットによりエージェントブラウザＢ２及びゲストブラウザＢ３との通信を確立し、双方向通信を可能にする機能部である。ソケット処理部１１ｂは、画面共有処理のセッションを識別するためのセッションＩＤ（ヘッダ情報ＩＤ）の発行、エージェントブラウザＢ２及びゲストブラウザＢ３との間で画面共有中の各種データの送受信等の処理を実行する。なお、ウェブソケットは通信接続方法の一例であり、ソケット処理部１１ｂは、ロングポーリングによって、エージェントブラウザＢ２及びゲストブラウザＢ３との間で擬似的に双方向通信を実現するように構成してもよい。
【0027】
ファイル処理部１１ｃは、画面共有対象であるウェブページを構成するアセットファイルを、ウェブサーバ４にリクエストして取得し、一時的に保存する処理を実行する機能部である。アセットファイルは、例えばＣＳＳ（Cascading Style Sheets）ファイル、画像ファイル、フォントファイル等である。
【0028】
アカウント管理データベース１２ａは、画面共有システムの各種設定データを保存するデータベースである。設定データは、ウェブページ上の共有不可項目の指定、ウェブページ上に表示される各種ボタンのレイアウトの指定等を行うデータである。
画面共有管理データベース１２ｂは、画面共有処理のセッションを識別するためのセッションＩＤ等を保存するデータベースである。
画面共有データ中継ストア１２ｃは、エージェントブラウザＢ２及びゲストブラウザＢ３との間で送受信される画面共有中の各種データを中継する中継サーバである。
プログラムファイルストレージ１２ｄは、エージェントブラウザＢ２に表示される管理画面を構成するＨＴＭＬファイル、ＣＳＳファイル、画像ファイル、エージェントプログラムＰ２、ゲストプログラムＰ３等を保存するストレージである。
アセットファイルストレージ１２ｅは、画面共有対象であるウェブページを構成するアセットファイルのファイル処理に使用するセッション情報、取得したアセットファイル等を一時的に保存するストレージである。
画面共有管理データベース１２ｂは、画面共有処理のセッションを識別するためのセッションＩＤ等を保存するデータベースである。
画面共有データ中継ストア１２ｃは、エージェントブラウザＢ２及びゲストブラウザＢ３との間で送受信される画面共有中の各種データを中継する中継サーバである。
プログラムファイルストレージ１２ｄは、エージェントブラウザＢ２に表示される管理画面を構成するＨＴＭＬファイル、ＣＳＳファイル、画像ファイル、エージェントプログラムＰ２、ゲストプログラムＰ３等を保存するストレージである。
アセットファイルストレージ１２ｅは、画面共有対象であるウェブページを構成するアセットファイルのファイル処理に使用するセッション情報、取得したアセットファイル等を一時的に保存するストレージである。
【0029】
図４は、実施形態に係る画面共有処理を開始するための事前処理手順を示すシーケンス図、図５は、文書型宣言の処理方法を示す概念図である。情報処理装置１のソケット処理部１１ｂは、ウェブソケットにて、エージェント端末２と、ゲスト端末３との通信を確立する（ステップＳ１１）。通信確立の手順は特に限定されるものでは無い。エージェント端末２及びゲスト端末３は、情報処理装置１と双方向通信が可能になる。また、エージェント端末２及びゲスト端末３は、情報処理装置１を介して、ウェブページの画面共有に必要なデータを送受信することが可能になる。情報処理装置１は、画面共有処理の開始時にセッションＩＤを発行し、発行したセッションＩＤを適宜のタイミングでエージェント端末２及びゲスト端末３へ送信する。エージェント端末２及びゲスト端末３はセッションＩＤを受信し、記憶する。エージェント端末２及びゲスト端末３間の画面共有に係る一連の処理は、セッションＩＤによって管理される。
ここでは、ゲストブラウザＢ３は、ウェブサーバ４にアクセスしてウェブページを表示しているものとする。なお、図４で示すステップＳ１１からステップＳ２３及び後述する図６で示すステップＳ２４からステップＳ３２は、ゲストブラウザＢ３が、表示しているウェブページを更新、又は異なるウェブページに遷移する都度、画面共有処理のセッションが終了するまで繰り返し処理される。
ここでは、ゲストブラウザＢ３は、ウェブサーバ４にアクセスしてウェブページを表示しているものとする。なお、図４で示すステップＳ１１からステップＳ２３及び後述する図６で示すステップＳ２４からステップＳ３２は、ゲストブラウザＢ３が、表示しているウェブページを更新、又は異なるウェブページに遷移する都度、画面共有処理のセッションが終了するまで繰り返し処理される。
【0030】
エージェント側の画面共有処理の実行主体は、エージェント端末２、処理部２１又はエージェントブラウザＢ２と捉えることができるが、以下の説明では、エージェントプログラムＰ２を実行するエージェントブラウザＢ２が実行主体であるとして説明する。同様に、ゲスト側の画面共有処理の実行主体は、ゲスト端末３、処理部３１又はゲストブラウザＢ３と捉えることができるが、以下の説明では、ゲストプログラムＰ３を実行するゲストブラウザＢ３が実行主体であるとして説明する。
【0031】
＜セッション情報の記憶＞
次いで、ゲストブラウザＢ３は、セッションＩＤ及びセッション情報を、情報処理装置１へ送信する（ステップＳ１２）。セッション情報は、リクエストヘッダ情報（ヘッダ情報）、ウェブページ情報等を含む。
リクエストヘッダ情報は、ゲストブラウザＢ３がウェブサーバ４と通信を行う際に使用するオリジン、リファラ、ユーザエージェント等の情報を含む。オリジンは、例えば、ゲストブラウザＢ３が表示しているウェブページのＵＲＬに使用されるスキーム（プロトコル）、ホスト（ドメイン）、ポートを示す情報を含む。リファラは、例えば、ゲストブラウザＢ３が表示しているウェブページのＵＲＬを示す情報を含む。ユーザエージェントは、例えば、ゲストブラウザＢ３に係る情報である。
ウェブページ情報は、ゲストブラウザＢ３が表示しているウェブページの文書型宣言情報、タイトル、ＵＲＬ等の情報を含む。
次いで、ゲストブラウザＢ３は、セッションＩＤ及びセッション情報を、情報処理装置１へ送信する（ステップＳ１２）。セッション情報は、リクエストヘッダ情報（ヘッダ情報）、ウェブページ情報等を含む。
リクエストヘッダ情報は、ゲストブラウザＢ３がウェブサーバ４と通信を行う際に使用するオリジン、リファラ、ユーザエージェント等の情報を含む。オリジンは、例えば、ゲストブラウザＢ３が表示しているウェブページのＵＲＬに使用されるスキーム（プロトコル）、ホスト（ドメイン）、ポートを示す情報を含む。リファラは、例えば、ゲストブラウザＢ３が表示しているウェブページのＵＲＬを示す情報を含む。ユーザエージェントは、例えば、ゲストブラウザＢ３に係る情報である。
ウェブページ情報は、ゲストブラウザＢ３が表示しているウェブページの文書型宣言情報、タイトル、ＵＲＬ等の情報を含む。
【0032】
情報処理装置１のファイル処理部１１ｃは、ゲストブラウザＢ３から送信されたセッションＩＤ及びセッション情報を受信した場合、受信したセッションＩＤと、セッション情報とを対応付けてアセットファイルストレージ１２ｅに保存する（ステップＳ１３）。なお、本実施形態ではリクエストヘッダ情報を含むセッション情報をセッションＩＤに対応付ける例を説明するが、セッション情報を他の任意のＩＤと対応付けて保存するようにしてもよい。また、リクエストヘッダ情報を任意のＩＤと対応付けて保存するようにしてもよい。リクエストヘッダ情報及びウェブページ情報の管理、保存方法は特に限定されるものでは無い。次いで、ファイル処理部１１ｃは、セッション保存結果情報をエージェントブラウザＢ２へ送信する（ステップＳ１４）。セッション保存結果情報は、ステップＳ１３の処理の成否等を含む。
【0033】
＜文書型宣言＞
エージェントブラウザＢ２は、管理画面上の画面共有表示領域のＵＲＬを置換する（ステップＳ１５）。画面共有表示領域は、画面共有対象のウェブページを再構成して表示するための管理画面上の要素であり、例えば、ｉｆｒａｍｅ要素等がある。ステップＳ１５において変換された画面共有表示領域のＵＲＬは、ドメイン名が情報処理装置１のファイル処理部１１ｃのドメイン名と同一であり、パス、クエリ文字列等の一部のパラメータとしてセッションＩＤを含む。
エージェントブラウザＢ２は、管理画面上の画面共有表示領域のＵＲＬを置換する（ステップＳ１５）。画面共有表示領域は、画面共有対象のウェブページを再構成して表示するための管理画面上の要素であり、例えば、ｉｆｒａｍｅ要素等がある。ステップＳ１５において変換された画面共有表示領域のＵＲＬは、ドメイン名が情報処理装置１のファイル処理部１１ｃのドメイン名と同一であり、パス、クエリ文字列等の一部のパラメータとしてセッションＩＤを含む。
【0034】
具体的には、エージェントブラウザＢ２は、ステップＳ１５において変換された画面共有表示領域のＵＲＬを用いて、情報処理装置１にアクセスし、画面共有表示テンプレートファイルをリクエストする（ステップＳ１６）。画面共有表示テンプレートファイルは、画面共有表示領域のテンプレートとなる文書ファイルであり、例えば、ＨＴＭＬファイルである。
【0035】
情報処理装置１のファイル処理部１１ｃは、エージェントブラウザＢ２からリクエストされたＵＲＬのパラメータから、セッションＩＤを取得する（ステップＳ１７）。また、ファイル処理部１１ｃは、プログラムファイルストレージ１２ｄから、画面共有表示テンプレートファイルを取得する（ステップＳ１８）。ファイル処理部１１ｃは、ステップＳ１７において取得したセッションＩＤをキーにして、アセットファイルストレージ１２ｅからセッション情報を取得し、セッション情報に含まれるウェブページ情報に文書型宣言情報が存在するか否かを判定する（ステップＳ１９）。
文書型宣言情報が存在すると判定した場合（ステップＳ１９：ＹＥＳ）、ファイル処理部１１ｃは、存在確認した文書型宣言情報を取得し（ステップＳ２０）、取得した文書型宣言情報をステップＳ１８において取得した画面共有表示テンプレートファイルに設定し（ステップＳ２１）、文書型宣言情報が追加された画面共有表示テンプレートファイルを、エージェントブラウザＢ２へレスポンスとして送信する（ステップＳ２２）。
なお、ステップＳ１９において文書型宣言情報が存在しないと判定した場合（ステップＳ１９：ＮＯ）、ファイル処理部１１ｃは、ステップＳ１８において取得した画面共有表示テンプレートファイルを、エージェントブラウザＢ２へレスポンスとして送信する（ステップＳ２２）。
文書型宣言情報が存在すると判定した場合（ステップＳ１９：ＹＥＳ）、ファイル処理部１１ｃは、存在確認した文書型宣言情報を取得し（ステップＳ２０）、取得した文書型宣言情報をステップＳ１８において取得した画面共有表示テンプレートファイルに設定し（ステップＳ２１）、文書型宣言情報が追加された画面共有表示テンプレートファイルを、エージェントブラウザＢ２へレスポンスとして送信する（ステップＳ２２）。
なお、ステップＳ１９において文書型宣言情報が存在しないと判定した場合（ステップＳ１９：ＮＯ）、ファイル処理部１１ｃは、ステップＳ１８において取得した画面共有表示テンプレートファイルを、エージェントブラウザＢ２へレスポンスとして送信する（ステップＳ２２）。
【0036】
エージェントブラウザＢ２は、情報処理装置１から送信された画面共有表示テンプレートファイルを読み込み、画面共有表示領域を更新する（ステップＳ２３）。
【0037】
＜画面共有及び操作共有＞
エージェントブラウザＢ２及びゲストブラウザＢ３は、画面共有対象であるウェブページの内容及び操作内容を共有するための情報を、情報処理装置１を介して送受信する。例えば、エージェントブラウザＢ２及びゲストブラウザＢ３は、ページサイズデータ、ＨＴＭＬデータ、エージェント操作データ、ゲスト操作データ等を、情報処理装置１を介して送受信する。なお、エージェントブラウザＢ２及びゲストブラウザＢ３は、情報を暗号化及び復号化するための共通鍵を事前に生成し、生成した共通鍵を用いて、送信前の情報の暗号化処理及び受信後の情報の復号化処理を実行してもよい。
エージェントブラウザＢ２及びゲストブラウザＢ３は、画面共有対象であるウェブページの内容及び操作内容を共有するための情報を、情報処理装置１を介して送受信する。例えば、エージェントブラウザＢ２及びゲストブラウザＢ３は、ページサイズデータ、ＨＴＭＬデータ、エージェント操作データ、ゲスト操作データ等を、情報処理装置１を介して送受信する。なお、エージェントブラウザＢ２及びゲストブラウザＢ３は、情報を暗号化及び復号化するための共通鍵を事前に生成し、生成した共通鍵を用いて、送信前の情報の暗号化処理及び受信後の情報の復号化処理を実行してもよい。
【0038】
ページサイズデータは、画面共有対象のウェブページにおける画面上の表示領域の高さと幅を示す情報を含むデータである。
ＨＴＭＬデータは、画面共有対象のウェブページのＨＴＭＬ構造を示す情報であり、ＪＳＯＮ（JavaScript（登録商標） Object Notation）形式で生成された入れ子構造のデータである。具体的には、ウェブページを構成するノード（Ｎｏｄｅ）の情報であり、ノードを特定するための一意な識別子（以下、ｎｏｄｅＩＤと呼ぶ）、ノードの種類（以下、ｎｏｄｅＴｙｐｅと呼ぶ）、要素の名前（以下、ｔａｇＮａｍｅと呼ぶ）、プロパティの値（以下、ｐｒｏｐｅｒｔｙと呼ぶ）、子ノードの情報（以下、ｃｈｉｌｄＮｏｄｅｓと呼ぶ）等を含む。ｎｏｄｅＩＤは、ウェブページを構成するノードに対して一意な識別子を割り振ったものである。ｎｏｄｅＴｙｐｅは、ノードの種類を表す整数のコードであり、例えば、要素ノード（ＥＬＥＭＥＮＴ＿ＮＯＤＥ）であれば「１」、テキストノード（ＴＥＸＴ＿ＮＯＤＥ）であれば「３」、コメントノード（ＣＯＭＭＥＮＴ＿ＮＯＤＥ）であれば「８」のように表される。ｔａｇＮａｍｅは、ノードの要素の名前であり、ｎｏｄｅＴｙｐｅが「１」の場合のみ存在し、例えば、段落を表す要素であれば「Ｐ」、画像を表す要素であれば「ＩＭＧ」のように表される。ｐｒｏｐｅｒｔｙは、ｉｄやｃｌａｓｓといったＨＴＭＬ上で定義されている属性（ａｔｔｒｉｂｕｔｅｓ）に加え、ｔａｇＮａｍｅの種類によって異なるデータを持ち、例えば、ｔａｇＮａｍｅが「ＩＮＰＵＴ」の場合、入力値（ｖａｌｕｅ）やチェック状態（ｃｈｅｃｋｅｄ）等が存在する。そのため、ｔａｇＮａｍｅの値に応じて取得するｐｒｏｐｅｒｔｙを予め定めておく必要がある。ｃｈｉｌｄＮｏｄｅｓは、当該ノードの子に該当するノードの情報であり、子のノードが存在する限り繰り返される。
エージェント操作データ及びゲスト操作データ、すなわち操作データは、マウス又はタッチスクリーンによる操作（クリック、タッチ、ホバー、スワイプ、スクロールやカーソル移動等）や、キーボードによる操作（キー入力等）等、ウェブブラウザを通じて実現可能な操作イベントの情報を含むデータである。操作データは、操作イベントの名称及び操作イベントの内容によって構成される。操作イベントの内容は、例えば、マウスカーソルの移動操作イベントの場合、マウスカーソルの座標を示す情報を含み、スクロール操作イベントの場合、ウェブページのスクロール量を示す情報を含む。
ＨＴＭＬデータは、画面共有対象のウェブページのＨＴＭＬ構造を示す情報であり、ＪＳＯＮ（JavaScript（登録商標） Object Notation）形式で生成された入れ子構造のデータである。具体的には、ウェブページを構成するノード（Ｎｏｄｅ）の情報であり、ノードを特定するための一意な識別子（以下、ｎｏｄｅＩＤと呼ぶ）、ノードの種類（以下、ｎｏｄｅＴｙｐｅと呼ぶ）、要素の名前（以下、ｔａｇＮａｍｅと呼ぶ）、プロパティの値（以下、ｐｒｏｐｅｒｔｙと呼ぶ）、子ノードの情報（以下、ｃｈｉｌｄＮｏｄｅｓと呼ぶ）等を含む。ｎｏｄｅＩＤは、ウェブページを構成するノードに対して一意な識別子を割り振ったものである。ｎｏｄｅＴｙｐｅは、ノードの種類を表す整数のコードであり、例えば、要素ノード（ＥＬＥＭＥＮＴ＿ＮＯＤＥ）であれば「１」、テキストノード（ＴＥＸＴ＿ＮＯＤＥ）であれば「３」、コメントノード（ＣＯＭＭＥＮＴ＿ＮＯＤＥ）であれば「８」のように表される。ｔａｇＮａｍｅは、ノードの要素の名前であり、ｎｏｄｅＴｙｐｅが「１」の場合のみ存在し、例えば、段落を表す要素であれば「Ｐ」、画像を表す要素であれば「ＩＭＧ」のように表される。ｐｒｏｐｅｒｔｙは、ｉｄやｃｌａｓｓといったＨＴＭＬ上で定義されている属性（ａｔｔｒｉｂｕｔｅｓ）に加え、ｔａｇＮａｍｅの種類によって異なるデータを持ち、例えば、ｔａｇＮａｍｅが「ＩＮＰＵＴ」の場合、入力値（ｖａｌｕｅ）やチェック状態（ｃｈｅｃｋｅｄ）等が存在する。そのため、ｔａｇＮａｍｅの値に応じて取得するｐｒｏｐｅｒｔｙを予め定めておく必要がある。ｃｈｉｌｄＮｏｄｅｓは、当該ノードの子に該当するノードの情報であり、子のノードが存在する限り繰り返される。
エージェント操作データ及びゲスト操作データ、すなわち操作データは、マウス又はタッチスクリーンによる操作（クリック、タッチ、ホバー、スワイプ、スクロールやカーソル移動等）や、キーボードによる操作（キー入力等）等、ウェブブラウザを通じて実現可能な操作イベントの情報を含むデータである。操作データは、操作イベントの名称及び操作イベントの内容によって構成される。操作イベントの内容は、例えば、マウスカーソルの移動操作イベントの場合、マウスカーソルの座標を示す情報を含み、スクロール操作イベントの場合、ウェブページのスクロール量を示す情報を含む。
【0039】
図６は、実施形態に係る画面共有に係る処理手順を示すシーケンス図である。ゲストブラウザＢ３は、ゲストブラウザＢ３に表示されているウェブページに基づく初回画面共有データを作成し、情報処理装置１を介してエージェントブラウザＢ２へ送信する（ステップＳ２４）。初回画面共有データは、ページサイズデータ、ＨＴＭＬデータ、ゲスト操作データ等を含む。初回画面共有データに含まれるページサイズデータは、データ作成時点におけるウェブページの画面上の表示領域の高さと幅を示す情報を含む。初回画面共有データに含まれるＨＴＭＬデータは、データ作成時点におけるウェブページを構成するノードの情報（全体）を含む。初回画面共有データに含まれるゲスト操作データは、マウスカーソルの移動操作イベントが発生した場合と同様のデータ、すなわちデータ作成時点におけるゲストのマウスカーソルの座標を示す情報を含み、また、スクロール操作イベントが発生した場合と同様のデータ、すなわちデータ作成時点におけるウェブページのスクロール量を示す情報を含む。
エージェントブラウザＢ２は、ゲストブラウザＢ３から送信された初回画面共有データを受信した場合、受信した初回画面共有データを解析し、ゲストブラウザＢ３に表示されているものと同様のウェブページを画面共有表示領域に再構成し、ゲストの操作内容を再現する（ステップＳ２５）。具体的には、エージェントブラウザＢ２は、画面共有表示領域の高さと幅を、ページサイズデータが示す値に設定する。また、エージェントブラウザＢ２は、ＨＴＭＬデータに基づいて、画面共有表示領域上にノードを作成及び追加する。更に、エージェントブラウザＢ２は、画面共有表示領域上に追加した、ゲストのマウスカーソルの座標を示すマウスカーソル要素の位置を、ゲスト操作データに含まれるマウスカーソルの座標を示す値に設定する。更に、エージェントブラウザＢ２は、画面共有表示領域のスクロール量を、ゲスト操作データに含まれるウェブページのスクロール量を示す値に設定する。
エージェントブラウザＢ２は、ゲストブラウザＢ３から送信された初回画面共有データを受信した場合、受信した初回画面共有データを解析し、ゲストブラウザＢ３に表示されているものと同様のウェブページを画面共有表示領域に再構成し、ゲストの操作内容を再現する（ステップＳ２５）。具体的には、エージェントブラウザＢ２は、画面共有表示領域の高さと幅を、ページサイズデータが示す値に設定する。また、エージェントブラウザＢ２は、ＨＴＭＬデータに基づいて、画面共有表示領域上にノードを作成及び追加する。更に、エージェントブラウザＢ２は、画面共有表示領域上に追加した、ゲストのマウスカーソルの座標を示すマウスカーソル要素の位置を、ゲスト操作データに含まれるマウスカーソルの座標を示す値に設定する。更に、エージェントブラウザＢ２は、画面共有表示領域のスクロール量を、ゲスト操作データに含まれるウェブページのスクロール量を示す値に設定する。
【0040】
ゲストブラウザＢ３は、ステップＳ２４以降、ウェブページの画面上の表示領域の高さと幅の監視を行い、変更を検知した場合、その都度、ページサイズデータを作成する。また、ゲストブラウザＢ３は、ウェブページのＨＴＭＬ構造の監視を行い、変更を検知した場合、その都度、ＨＴＭＬデータ（変更前との差分、または全体）を作成する。更に、ゲストブラウザＢ３は、ゲストの操作の監視を行い、操作を検知した場合、その都度、ゲスト操作データを作成する。なお、ゲストがクリック等の操作をした結果、ウェブページのＨＴＭＬ構造が書き換えられるケースもあり、その場合、ゲスト操作データ及びＨＴＭＬデータ（操作前との差分）の両方を作成する。ゲストブラウザＢ３は、作成されたページサイズデータ、ＨＴＭＬデータ、ゲスト操作データ等を、情報処理装置１を介してエージェントブラウザＢ２へ都度送信する（ステップＳ２６）。
エージェントブラウザＢ２は、ゲストブラウザＢ３から送信された各データを受信した場合、受信した各データを解析し、ゲストブラウザＢ３に表示されているウェブページと同様の変更内容を画面共有表示領域に反映し、ゲストの操作内容を再現する（ステップＳ２７）。具体的には、エージェントブラウザＢ２は、画面共有表示領域の高さと幅を、ページサイズデータが示す値に設定する。また、エージェントブラウザＢ２は、ＨＴＭＬデータに基づいて、画面共有表示領域上のノードに変更を加える。更に、エージェントブラウザＢ２は、ゲスト操作データに基づいて、ゲスト操作と同様の操作イベントを画面共有表示領域上で再現する。
エージェントブラウザＢ２は、ゲストブラウザＢ３から送信された各データを受信した場合、受信した各データを解析し、ゲストブラウザＢ３に表示されているウェブページと同様の変更内容を画面共有表示領域に反映し、ゲストの操作内容を再現する（ステップＳ２７）。具体的には、エージェントブラウザＢ２は、画面共有表示領域の高さと幅を、ページサイズデータが示す値に設定する。また、エージェントブラウザＢ２は、ＨＴＭＬデータに基づいて、画面共有表示領域上のノードに変更を加える。更に、エージェントブラウザＢ２は、ゲスト操作データに基づいて、ゲスト操作と同様の操作イベントを画面共有表示領域上で再現する。
【0041】
同様に、エージェントブラウザＢ２は、ステップＳ２５以降、エージェントの操作の監視を行い、操作を検知した場合、その都度、エージェント操作データを作成する。なお、エージェントがクリック等の操作をした結果、画面共有表示領域に再構成したウェブページのＨＴＭＬ構造が書き換えられるケースもあり、その場合、エージェント操作データ及びＨＴＭＬデータ（操作前との差分）の両方を作成する。エージェントブラウザＢ２は、作成されたＨＴＭＬデータ、エージェント操作データ等を、情報処理装置１を介してゲストブラウザＢ３へ都度送信する（ステップＳ２８）。
ゲストブラウザＢ３は、エージェントブラウザＢ２から送信された各データを受信した場合、受信した各データを解析し、画面共有表示領域と同様の変更内容をウェブページに反映し、エージェントの操作内容を再現する（ステップＳ２９）。具体的には、ゲストブラウザＢ３は、ＨＴＭＬデータに基づいて、ウェブページ上のノードに変更を加える。また、ゲストブラウザＢ３は、エージェント操作データに基づいて、エージェント操作と同様の操作イベントをウェブページ上で再現する。
ゲストブラウザＢ３は、エージェントブラウザＢ２から送信された各データを受信した場合、受信した各データを解析し、画面共有表示領域と同様の変更内容をウェブページに反映し、エージェントの操作内容を再現する（ステップＳ２９）。具体的には、ゲストブラウザＢ３は、ＨＴＭＬデータに基づいて、ウェブページ上のノードに変更を加える。また、ゲストブラウザＢ３は、エージェント操作データに基づいて、エージェント操作と同様の操作イベントをウェブページ上で再現する。
【0042】
ステップＳ２５及びステップＳ２７において、エージェントブラウザＢ２が受信したＨＴＭＬデータに、アセットファイルのＵＲＬを属性の一部として含む、特定の要素ノードの追加もしくは変更情報が含まれる場合、又はアセットファイルのＵＲＬをテキストコンテント（ｔｅｘｔＣｏｎｔｅｎｔ）の一部として含む、特定のテキストノードの追加もしくは変更情報が含まれる場合、エージェントブラウザＢ２は、当該属性の一部又は当該テキストコンテントの一部に含まれるアセットファイルのＵＲＬを、アセットファイルリクエストＵＲＬに置換する。テキストコンテントは、ノードのｐｒｏｐｅｒｔｙである。なお、当該属性の一部又は当該テキストコンテントの一部にアセットファイルのＵＲＬが複数含まれている場合は、全てのアセットファイルのＵＲＬをアセットファイルリクエストＵＲＬに置換する。エージェントブラウザＢ２は、変換した当該ＨＴＭＬデータの内容を画面共有表示領域に反映する際、アセットファイルリクエストＵＲＬを用いて、情報処理装置１にアクセスし、アセットファイルをリクエストする（ステップＳ３０）。
情報処理装置１は、エージェントブラウザＢ２からアセットファイルのリクエストを受信した場合、アセットファイルのファイル処理を実行し、取得したアセットファイルをエージェントブラウザＢ２へ送信する（ステップＳ３１）。
エージェントブラウザＢ２は、情報処理装置１から送信されたアセットファイルを、画面共有表示領域上の要素ノードの属性の一部、又はテキストノードのテキストコンテントの一部として展開する（ステップＳ３２）。アセットファイルのファイル処理の詳細は後述する。
情報処理装置１は、エージェントブラウザＢ２からアセットファイルのリクエストを受信した場合、アセットファイルのファイル処理を実行し、取得したアセットファイルをエージェントブラウザＢ２へ送信する（ステップＳ３１）。
エージェントブラウザＢ２は、情報処理装置１から送信されたアセットファイルを、画面共有表示領域上の要素ノードの属性の一部、又はテキストノードのテキストコンテントの一部として展開する（ステップＳ３２）。アセットファイルのファイル処理の詳細は後述する。
【0043】
＜アセットファイルのファイル処理＞
図７及び図８は、アセットファイルのファイル処理手順を示すフローチャート、図９は、アセットファイルのファイル処理方法を示す概念図である。以下、図６に示したステップＳ３０、ステップＳ３１及びステップＳ３２の処理の詳細を説明する。エージェントブラウザＢ２は、特定の要素ノードの属性の一部に含まれるアセットファイルのＵＲＬを、アセットファイルリクエストＵＲＬに置換する（ステップＳ５１）。特定の要素ノードは、例えば、ａｕｄｉｏ要素、ｉｍｇ要素、ｉｎｐｕｔ要素、ｌｉｎｋ要素、ｓｏｕｒｃｅ要素、ｖｉｄｅｏ要素、ｓｔｙｌｅ属性を保持する各種要素等である。また、アセットファイルのＵＲＬが含まれる属性は、例えば、ｉｍｇ要素であればｓｒｃ属性やｓｒｃｓｅｔ属性、ｌｉｎｋ要素であればｈｒｅｆ属性等である。同様に、エージェントブラウザＢ２は、特定のテキストノードのテキストコンテントの一部に含まれるアセットファイルのＵＲＬを、アセットファイルリクエストＵＲＬに置換する（ステップＳ５１）。特定のテキストノードは、特定の要素ノードを親とするテキストノードであり、特定の要素ノードは、例えば、ｓｔｙｌｅ要素等である。また、テキストコンテントに含まれるアセットファイルのＵＲＬは、例えば、親がｓｔｙｌｅ要素のテキストノードであれば、ＣＳＳ関数の一つであるｕｒｌ関数の引数として記述された文字列等である。アセットファイルリクエストＵＲＬは、ドメイン名が情報処理装置１のファイル処理部１１ｃのドメイン名と同一であり、パス、クエリ文字列等の一部のパラメータとしてセッションＩＤと元ＵＲＬを含む。元ＵＲＬは、ゲストブラウザＢ３から送信されたＨＴＭＬデータの要素ノードの属性の一部として含まれていたＵＲＬ、又はゲストブラウザＢ３から送信されたＨＴＭＬデータのテキストノードのテキストコンテントの一部として含まれていたＵＲＬであり、相対ＵＲＬの場合は絶対ＵＲＬに変換してからパラメータとして使用する。なお、エージェントブラウザＢ２は、元ＵＲＬの文字列をパラメータとして使用するかわりに、元ＵＲＬの文字列をエンコードし、置換した文字列を使用しても良い。
図７及び図８は、アセットファイルのファイル処理手順を示すフローチャート、図９は、アセットファイルのファイル処理方法を示す概念図である。以下、図６に示したステップＳ３０、ステップＳ３１及びステップＳ３２の処理の詳細を説明する。エージェントブラウザＢ２は、特定の要素ノードの属性の一部に含まれるアセットファイルのＵＲＬを、アセットファイルリクエストＵＲＬに置換する（ステップＳ５１）。特定の要素ノードは、例えば、ａｕｄｉｏ要素、ｉｍｇ要素、ｉｎｐｕｔ要素、ｌｉｎｋ要素、ｓｏｕｒｃｅ要素、ｖｉｄｅｏ要素、ｓｔｙｌｅ属性を保持する各種要素等である。また、アセットファイルのＵＲＬが含まれる属性は、例えば、ｉｍｇ要素であればｓｒｃ属性やｓｒｃｓｅｔ属性、ｌｉｎｋ要素であればｈｒｅｆ属性等である。同様に、エージェントブラウザＢ２は、特定のテキストノードのテキストコンテントの一部に含まれるアセットファイルのＵＲＬを、アセットファイルリクエストＵＲＬに置換する（ステップＳ５１）。特定のテキストノードは、特定の要素ノードを親とするテキストノードであり、特定の要素ノードは、例えば、ｓｔｙｌｅ要素等である。また、テキストコンテントに含まれるアセットファイルのＵＲＬは、例えば、親がｓｔｙｌｅ要素のテキストノードであれば、ＣＳＳ関数の一つであるｕｒｌ関数の引数として記述された文字列等である。アセットファイルリクエストＵＲＬは、ドメイン名が情報処理装置１のファイル処理部１１ｃのドメイン名と同一であり、パス、クエリ文字列等の一部のパラメータとしてセッションＩＤと元ＵＲＬを含む。元ＵＲＬは、ゲストブラウザＢ３から送信されたＨＴＭＬデータの要素ノードの属性の一部として含まれていたＵＲＬ、又はゲストブラウザＢ３から送信されたＨＴＭＬデータのテキストノードのテキストコンテントの一部として含まれていたＵＲＬであり、相対ＵＲＬの場合は絶対ＵＲＬに変換してからパラメータとして使用する。なお、エージェントブラウザＢ２は、元ＵＲＬの文字列をパラメータとして使用するかわりに、元ＵＲＬの文字列をエンコードし、置換した文字列を使用しても良い。
【0044】
そして、エージェントブラウザＢ２は、アセットファイルリクエストＵＲＬを用いて、情報処理装置１にアクセスし、アセットファイルをリクエストする（ステップＳ５２）。
【0045】
情報処理装置１のファイル処理部１１ｃは、エージェントブラウザＢ２からリクエストされたＵＲＬのパラメータから、セッションＩＤ及び元ＵＲＬを取得する（ステップＳ５３）。なお、元ＵＲＬの文字列がエンコードされている場合、元ＵＲＬの文字列をデコードする。
【0046】
情報処理装置１のファイル処理部１１ｃは、取得した元ＵＲＬが示すアセットファイルを保存済みであるか否か、つまり、アセットファイルストレージ１２ｅが当該アセットファイルを記憶しているか否かを判定する（ステップＳ５４）。保存済みで無いと判定した場合（ステップＳ５４：ＮＯ）、ファイル処理部１１ｃは、取得したセッションＩＤをキーにして、アセットファイルストレージ１２ｅから、セッション情報を取得し、セッション情報に含まれるリクエストヘッダ情報を取得する（ステップＳ５５）。次いで、ファイル処理部１１ｃは、アセットファイルを取得するためのアセットファイルリクエストデータ（アセットリクエストデータ）を作成し、アセットファイルリクエストデータを構成するリクエストＵＲＬに元ＵＲＬを設定し（ステップＳ５６）、リクエストヘッダにステップＳ５５で取得したリクエストヘッダ情報を設定する（ステップＳ５７）。そして、ファイル処理部１１ｃは、アセットファイルリクエストデータを用いて、ウェブサーバ４へアクセスし、アセットファイルをリクエストする（ステップＳ５８）。ウェブサーバ４は、アセットファイルリクエストデータに応じた対象のアセットファイルを、情報処理装置１へレスポンスとして送信する。
【0047】
情報処理装置１のファイル処理部１１ｃは、ウェブサーバ４から送信されたアセットファイルを取得する（ステップＳ５９）。次いで、ファイル処理部１１ｃは、取得したアセットファイルがＣＳＳファイルであるか否かを判定する（ステップＳ６０）。
ＣＳＳファイルであると判定した場合（ステップＳ６０：ＹＥＳ）、ファイル処理部１１ｃは、ＣＳＳファイル内のテキストの一部に含まれる外部アセットファイルのＵＲＬを、アセットファイルリクエストＵＲＬに置換する（ステップＳ６１）。外部アセットファイルは、当該ＣＳＳファイルから読み込まれる外部のＣＳＳファイル、画像ファイル、フォントファイル等であり、外部アセットファイルのＵＲＬは、ＣＳＳ関数の一つであるｕｒｌ関数の引数として記述された文字列等である。また、ここでいうアセットファイルリクエストＵＲＬは、ドメイン名が情報処理装置１のファイル処理部１１ｃのドメイン名と同一であり、パス、クエリ文字列等の一部のパラメータとしてセッションＩＤと当該外部アセットファイルのＵＲＬを含む。当該ＣＳＳファイル内のテキストに外部アセットファイルのＵＲＬが複数含まれている場合は、全ての外部アセットファイルのＵＲＬをアセットファイルリクエストＵＲＬに置換する。なお、置換する際、外部アセットファイルのＵＲＬが相対ＵＲＬの場合は、絶対ＵＲＬに変換してからパラメータとして使用する。なお、ファイル処理部１１ｃは、外部アセットファイルのＵＲＬの文字列をパラメータとして使用するかわりに、外部アセットファイルのＵＲＬの文字列をエンコードし、置換した文字列を使用しても良い。ファイル処理部１１ｃは、ステップＳ６１によってテキストが変換されたＣＳＳファイルを、アセットファイルストレージ１２ｅに一時的に保存する（ステップＳ６２）。保存する期間は、例えば、1日間等である。
なお、ステップＳ６０においてＣＳＳファイルでないと判定した場合（ステップＳ６０：ＮＯ）、ファイル処理部１１ｃは、ステップＳ５９において取得したアセットファイルを、アセットファイルストレージ１２ｅに一時的に保存する（ステップＳ６２）。保存する期間は、ＣＳＳファイルの場合と同様である。
ファイル処理部１１ｃは、例えば、元ＵＲＬに対応付けてアセットファイルをアセットファイルストレージ１２ｅに保存する。
ＣＳＳファイルであると判定した場合（ステップＳ６０：ＹＥＳ）、ファイル処理部１１ｃは、ＣＳＳファイル内のテキストの一部に含まれる外部アセットファイルのＵＲＬを、アセットファイルリクエストＵＲＬに置換する（ステップＳ６１）。外部アセットファイルは、当該ＣＳＳファイルから読み込まれる外部のＣＳＳファイル、画像ファイル、フォントファイル等であり、外部アセットファイルのＵＲＬは、ＣＳＳ関数の一つであるｕｒｌ関数の引数として記述された文字列等である。また、ここでいうアセットファイルリクエストＵＲＬは、ドメイン名が情報処理装置１のファイル処理部１１ｃのドメイン名と同一であり、パス、クエリ文字列等の一部のパラメータとしてセッションＩＤと当該外部アセットファイルのＵＲＬを含む。当該ＣＳＳファイル内のテキストに外部アセットファイルのＵＲＬが複数含まれている場合は、全ての外部アセットファイルのＵＲＬをアセットファイルリクエストＵＲＬに置換する。なお、置換する際、外部アセットファイルのＵＲＬが相対ＵＲＬの場合は、絶対ＵＲＬに変換してからパラメータとして使用する。なお、ファイル処理部１１ｃは、外部アセットファイルのＵＲＬの文字列をパラメータとして使用するかわりに、外部アセットファイルのＵＲＬの文字列をエンコードし、置換した文字列を使用しても良い。ファイル処理部１１ｃは、ステップＳ６１によってテキストが変換されたＣＳＳファイルを、アセットファイルストレージ１２ｅに一時的に保存する（ステップＳ６２）。保存する期間は、例えば、1日間等である。
なお、ステップＳ６０においてＣＳＳファイルでないと判定した場合（ステップＳ６０：ＮＯ）、ファイル処理部１１ｃは、ステップＳ５９において取得したアセットファイルを、アセットファイルストレージ１２ｅに一時的に保存する（ステップＳ６２）。保存する期間は、ＣＳＳファイルの場合と同様である。
ファイル処理部１１ｃは、例えば、元ＵＲＬに対応付けてアセットファイルをアセットファイルストレージ１２ｅに保存する。
【0048】
情報処理装置１のファイル処理部１１ｃは、アセットファイルストレージ１２ｅに保存した当該アセットファイルを、エージェントブラウザＢ２へ送信する（ステップＳ６３）。なお、ステップＳ５４において保存済みであると判定した場合（ステップＳ５４：ＹＥＳ）、ファイル処理部１１ｃは、元ＵＲＬに対応するアセットファイルをアセットファイルストレージ１２ｅから取得し、取得したアセットファイルをエージェントブラウザＢ２へ送信する（ステップＳ６３）。
【0049】
エージェントブラウザＢ２は、情報処理装置１のファイル処理部１１ｃから送信されたアセットファイルを受信する（ステップＳ６４）。
なお、受信したアセットファイルがＣＳＳファイルであり、当該ＣＳＳファイル内のテキストの一部にアセットファイルリクエストＵＲＬが含まれる場合（ステップＳ６５：ＹＥＳ）、エージェントブラウザＢ２は、ステップＳ５２と同様、当該アセットファイルリクエストＵＲＬを用いて、情報処理装置１にアクセスし、アセットファイルをリクエストする（ステップＳ６６）。
受信したアセットファイルがＣＳＳファイルでない場合、又はＣＳＳファイル内にアセットファイルリクエストＵＲＬが含まれていない場合（ステップＳ６５：ＮＯ）、アセットファイルのファイル処理を終える。
なお、受信したアセットファイルがＣＳＳファイルであり、当該ＣＳＳファイル内のテキストの一部にアセットファイルリクエストＵＲＬが含まれる場合（ステップＳ６５：ＹＥＳ）、エージェントブラウザＢ２は、ステップＳ５２と同様、当該アセットファイルリクエストＵＲＬを用いて、情報処理装置１にアクセスし、アセットファイルをリクエストする（ステップＳ６６）。
受信したアセットファイルがＣＳＳファイルでない場合、又はＣＳＳファイル内にアセットファイルリクエストＵＲＬが含まれていない場合（ステップＳ６５：ＮＯ）、アセットファイルのファイル処理を終える。
【0050】
図１０は、特定要素の属性の具体例を示す説明図である。図１０Ａは、ゲストブラウザＢ３が表示しているウェブページのＨＴＭＬを示す説明図である。当該ＨＴＭＬは、ｉｍｇ要素を含み、ｓｒｃ属性としてアセットファイルの元ＵＲＬが設定されている。
【0051】
図１０Ｂは、エージェントブラウザＢ２が、図１０Ａに示すウェブページの画面共有処理を実行した場合における、画面共有表示領域内のＨＴＭＬを示す説明図である。当該ＨＴＭＬは、ステップＳ５１の処理において、ｓｒｃ属性のＵＲＬがアセットファイルリクエストＵＲＬに置換されたｉｍｇ要素を含む。アセットファイルリクエストＵＲＬは、ステップＳ５１で前述した通り、ドメイン名に情報処理装置１のファイル処理部１１ｃのドメイン名が設定されており、クエリ文字列としてセッションＩＤと元ＵＲＬが設定されている。なお、元ＵＲＬの文字列における、スラッシュ「／」、コロン「：」等の予約文字はパーセントエンコーディングされている。
【0052】
図１０Ｃは、図１０Ｂと同様、エージェントブラウザＢ２が、図１０Ａに示すウェブページの画面共有処理を実行した場合における、画面共有表示領域内のＨＴＭＬを示す説明図であるが、ｉｍｇ要素のｓｒｃ属性のＵＲＬを、本実施形態と異なる手法で置換している点が異なる。具体的には、ドメイン名に情報処理装置１のファイル処理部１１ｃのドメイン名が設定されている点及びクエリ文字列として元ＵＲＬが設定されている点は、図１０Ｂと同様であるが、クエリ文字列として、セッションＩＤではなく、ゲストブラウザＢ３のリクエストヘッダ情報が含まれる点が異なる。本手法で置換した場合、図１０Ｂに示す例に比べ、ｓｒｃ属性のＵＲＬが非常に長い。
図１０Ｂ及び図１０Ｃを比較すると分かるように、本実施形態によれば、アセットファイルのファイル処理に必要なＵＲＬを短くすることができる。技術的効果の詳細は後述する。
図１０Ｂ及び図１０Ｃを比較すると分かるように、本実施形態によれば、アセットファイルのファイル処理に必要なＵＲＬを短くすることができる。技術的効果の詳細は後述する。
【0053】
＜作用効果＞
単にＨＴＭＬ構造データを共有する従来技術においては、情報処理装置１を介さずに、エージェントブラウザＢ２からアセットファイルの元ＵＲＬに直接アクセスするため、オリジン間リクエストの制御がかけられているアセットファイルについては、当該アセットファイルのＵＲＬのドメイン名と、画面共有表示領域のＵＲＬのドメイン名が原則異なるために、オリジン間リクエストに該当し、正しいアセットファイルがレスポンスされない。従って、例えば、正しいＣＳＳファイルがレスポンスされない場合、エージェントブラウザＢ２が当該ＣＳＳファイルを画面共有表示領域に展開できないため、エージェントブラウザＢ２及びゲストブラウザＢ３で画面共有表示されるウェブページのレイアウトに差異が生じるという問題があった。
本実施形態に係る画面共有システム等によれば、エージェントブラウザＢ２は、画面共有対象のウェブページを構成するアセットファイルのＵＲＬのドメイン名を、画面共有表示領域のＵＲＬのドメイン名に変換する構成であるため、同一オリジンリクエストとなり、オリジン間リクエストの制御による問題を解消することができる。
単にＨＴＭＬ構造データを共有する従来技術においては、情報処理装置１を介さずに、エージェントブラウザＢ２からアセットファイルの元ＵＲＬに直接アクセスするため、オリジン間リクエストの制御がかけられているアセットファイルについては、当該アセットファイルのＵＲＬのドメイン名と、画面共有表示領域のＵＲＬのドメイン名が原則異なるために、オリジン間リクエストに該当し、正しいアセットファイルがレスポンスされない。従って、例えば、正しいＣＳＳファイルがレスポンスされない場合、エージェントブラウザＢ２が当該ＣＳＳファイルを画面共有表示領域に展開できないため、エージェントブラウザＢ２及びゲストブラウザＢ３で画面共有表示されるウェブページのレイアウトに差異が生じるという問題があった。
本実施形態に係る画面共有システム等によれば、エージェントブラウザＢ２は、画面共有対象のウェブページを構成するアセットファイルのＵＲＬのドメイン名を、画面共有表示領域のＵＲＬのドメイン名に変換する構成であるため、同一オリジンリクエストとなり、オリジン間リクエストの制御による問題を解消することができる。
【0054】
また、単にＨＴＭＬ構造データを共有する従来技術においては、情報処理装置１を介さずに、エージェントブラウザＢ２からアセットファイルの元ＵＲＬに直接アクセスするため、一部のリクエストヘッダの有無や値を条件としたアクセス制限が設定されているアセットファイルについては、エージェントブラウザＢ２がウェブサーバ４と通信を行う際に使用するリクエストヘッダと、ゲストブラウザＢ３がウェブサーバ４と通信を行う際に使用するリクエストヘッダが原則異なるために、アクセス制限の対象となり、正しいアセットファイルがレスポンスされない可能性がある。従って、例えば、正しいＣＳＳファイルがレスポンスされない場合、エージェントブラウザＢ２が当該ＣＳＳファイルを画面共有表示領域に展開できないため、エージェントブラウザＢ２及びゲストブラウザＢ３で画面共有表示されるウェブページのレイアウトに差異が生じるという問題があった。アクセス制限は、例えば、特定のユーザエージェントがリクエストヘッダに存在する場合のみアクセスを許可する等がある。
本実施形態に係る画面共有システム等によれば、情報処理装置１は、ゲストブラウザＢ３のリクエストヘッダ情報を用いてアセットファイルを取得する構成であるため、ゲストブラウザＢ３がウェブサーバ４と通信を行う際に使用されるリクエストヘッダと類似したリクエストヘッダとなり、一部のリクエストヘッダの有無や値を条件としたアクセス制限による問題が発生する可能性を低減することができる。
本実施形態に係る画面共有システム等によれば、情報処理装置１は、ゲストブラウザＢ３のリクエストヘッダ情報を用いてアセットファイルを取得する構成であるため、ゲストブラウザＢ３がウェブサーバ４と通信を行う際に使用されるリクエストヘッダと類似したリクエストヘッダとなり、一部のリクエストヘッダの有無や値を条件としたアクセス制限による問題が発生する可能性を低減することができる。
【0055】
また、一部のレガシーブラウザでは、ＵＲＬを読み込む際の文字数制限があるため、アセットファイルをリクエストするために用いるアセットファイルリクエストＵＲＬのパラメータとして、ゲストブラウザＢ３のリクエストヘッダ情報を含む方法を用いた場合、ＵＲＬの長さによっては、ＵＲＬを読み込む際の文字数制限を超過し、正しいアセットファイルがレスポンスされない可能性がある。従って、例えば、正しいＣＳＳファイルがレスポンスされない場合、エージェントブラウザＢ２が当該ＣＳＳファイルを画面共有表示領域に展開できないため、エージェントブラウザＢ２及びゲストブラウザＢ３で画面共有表示されるウェブページのレイアウトに差異が生じるという問題があった。
本実施形態に係る画面共有システム等によれば、セッションＩＤを用いることによって、アセットファイルリクエストＵＲＬを短縮化することができる（図１０Ｂ及び図１０Ｃ参照）ため、ＵＲＬを読み込む際の文字数制限による問題が発生する可能性を低減することができる。
本実施形態に係る画面共有システム等によれば、セッションＩＤを用いることによって、アセットファイルリクエストＵＲＬを短縮化することができる（図１０Ｂ及び図１０Ｃ参照）ため、ＵＲＬを読み込む際の文字数制限による問題が発生する可能性を低減することができる。
【0056】
更に、ウェブブラウザのＣＳＳの解釈は、ＨＴＭＬファイルに設定されている文書型宣言の内容によって異なるため、ゲストブラウザＢ３が表示するウェブページの文書型宣言と、エージェントブラウザＢ２に再構成されたウェブページの文書型宣言が異なっている場合、エージェントブラウザＢ２及びゲストブラウザＢ３で画面共有表示されるウェブページのレイアウトに差異が生じるという問題があった。
本実施形態によれば、画面共有表示領域の読み込み時に、画面共有表示領域に使用される画面共有表示テンプレートファイルの文書型宣言を、ゲストブラウザＢ３が表示しているウェブページの文書型宣言と同一に設定することができる（図５参照）ため、文書型宣言の相違による問題を解消することができる。
なお、ウェブページの読み込みを行わない方法で、文書型宣言を後から設定した場合、上記問題は解消されない。画面共有表示領域の読み込み時に文書型宣言を設定するため、上記問題を解消することができる。
本実施形態によれば、画面共有表示領域の読み込み時に、画面共有表示領域に使用される画面共有表示テンプレートファイルの文書型宣言を、ゲストブラウザＢ３が表示しているウェブページの文書型宣言と同一に設定することができる（図５参照）ため、文書型宣言の相違による問題を解消することができる。
なお、ウェブページの読み込みを行わない方法で、文書型宣言を後から設定した場合、上記問題は解消されない。画面共有表示領域の読み込み時に文書型宣言を設定するため、上記問題を解消することができる。
【0057】
以上の通り、本実施形態によれば、オリジン間リクエストの制御による問題及び文書型宣言の相違による問題を解消することができ、また、一部のリクエストヘッダの有無や内容を条件としたアクセス制限による問題及びＵＲＬを読み込む際の文字数制限による問題が発生する可能性を低減することができるため、エージェントブラウザＢ２とゲストブラウザＢ３との間で、より精度高くウェブページの画面共有を実現することができる。
【0058】
なお、本実施形態では、エージェント端末２と、ゲスト端末３との間でウェブページを共有する例を説明したが、各端末の機能及び用途、各端末の使用者及び用途は特に限定されるものでは無い。
【0059】
（付記１）
情報処理装置と、通信網を介して前記情報処理装置に接続される第１端末及び第２端末とを備える画面共有システムであって、
前記情報処理装置は、
前記第１端末のブラウザと、前記第２端末のブラウザとの間で通信を行う通信部と、
前記第２端末のブラウザに表示されるウェブページを、前記第１端末のブラウザに表示する画面共有に係る処理を実行する処理部と、
前記ウェブページを表示している前記第２端末のブラウザが外部と通信を行う際に使用するヘッダ情報と、ヘッダ情報ＩＤとを対応付けて記憶する記憶部と
を備え、
前記処理部は、
前記第１端末のブラウザから送信された、前記ウェブページを構成するアセットファイルの所在を示す所在情報と、前記ヘッダ情報ＩＤとを含むリクエストデータを前記通信部にて受信した場合、該リクエストデータに含まれる前記ヘッダ情報ＩＤに対応する前記ヘッダ情報を前記記憶部から取得し、
受信した前記リクエストデータに含まれる前記所在情報と、前記記憶部から取得した前記ヘッダ情報とを含むアセットリクエストデータを生成し、
前記通信部は、
生成された前記アセットリクエストデータを用いて、外部サーバに前記アセットファイルを要求し、
要求に応じて前記外部サーバから送信された前記アセットファイルを受信し、
受信した前記アセットファイルを前記第１端末へ送信する
ようにしてあり、
前記第２端末は、
前記第２端末のブラウザに表示されている前記ウェブページのデータを、前記情報処理装置を介して前記第１端末へ送信させる第２端末処理部を備え、
前記第１端末は、
前記第２端末から送信された前記ウェブページのデータを受信し、受信したデータに基づいて、前記ウェブページを再構成して表示させる第１端末処理部を備え、
前記第１端末処理部は、
受信したデータの前記ウェブページを構成する要素が属性値として第１のアセットファイルの所在を示す第１の所在情報を含む場合、該属性値を、前記情報処理装置に係るドメイン名と、前記第１の所在情報及び前記ヘッダ情報ＩＤとを含む文字列に置換し、
前記第１の所在情報及び前記ヘッダ情報ＩＤを含む第１のリクエストデータを前記情報処理装置へ送信し、
前記第１のリクエストデータに対するレスポンスとして前記情報処理装置から送信されたＣＳＳファイルを受信した場合、前記ＣＳＳファイルのテキストが第２のアセットファイルの所在を示す第２の所在情報を含むとき、前記第２の所在情報のテキスト部分を、前記情報処理装置に係るドメイン名と、前記第２の所在情報及び前記ヘッダ情報ＩＤとを含む文字列に置換し、
前記第２の所在情報及び前記ヘッダ情報ＩＤを含む第２のリクエストデータを前記情報処理装置へ送信する
画面共有システム。
情報処理装置と、通信網を介して前記情報処理装置に接続される第１端末及び第２端末とを備える画面共有システムであって、
前記情報処理装置は、
前記第１端末のブラウザと、前記第２端末のブラウザとの間で通信を行う通信部と、
前記第２端末のブラウザに表示されるウェブページを、前記第１端末のブラウザに表示する画面共有に係る処理を実行する処理部と、
前記ウェブページを表示している前記第２端末のブラウザが外部と通信を行う際に使用するヘッダ情報と、ヘッダ情報ＩＤとを対応付けて記憶する記憶部と
を備え、
前記処理部は、
前記第１端末のブラウザから送信された、前記ウェブページを構成するアセットファイルの所在を示す所在情報と、前記ヘッダ情報ＩＤとを含むリクエストデータを前記通信部にて受信した場合、該リクエストデータに含まれる前記ヘッダ情報ＩＤに対応する前記ヘッダ情報を前記記憶部から取得し、
受信した前記リクエストデータに含まれる前記所在情報と、前記記憶部から取得した前記ヘッダ情報とを含むアセットリクエストデータを生成し、
前記通信部は、
生成された前記アセットリクエストデータを用いて、外部サーバに前記アセットファイルを要求し、
要求に応じて前記外部サーバから送信された前記アセットファイルを受信し、
受信した前記アセットファイルを前記第１端末へ送信する
ようにしてあり、
前記第２端末は、
前記第２端末のブラウザに表示されている前記ウェブページのデータを、前記情報処理装置を介して前記第１端末へ送信させる第２端末処理部を備え、
前記第１端末は、
前記第２端末から送信された前記ウェブページのデータを受信し、受信したデータに基づいて、前記ウェブページを再構成して表示させる第１端末処理部を備え、
前記第１端末処理部は、
受信したデータの前記ウェブページを構成する要素が属性値として第１のアセットファイルの所在を示す第１の所在情報を含む場合、該属性値を、前記情報処理装置に係るドメイン名と、前記第１の所在情報及び前記ヘッダ情報ＩＤとを含む文字列に置換し、
前記第１の所在情報及び前記ヘッダ情報ＩＤを含む第１のリクエストデータを前記情報処理装置へ送信し、
前記第１のリクエストデータに対するレスポンスとして前記情報処理装置から送信されたＣＳＳファイルを受信した場合、前記ＣＳＳファイルのテキストが第２のアセットファイルの所在を示す第２の所在情報を含むとき、前記第２の所在情報のテキスト部分を、前記情報処理装置に係るドメイン名と、前記第２の所在情報及び前記ヘッダ情報ＩＤとを含む文字列に置換し、
前記第２の所在情報及び前記ヘッダ情報ＩＤを含む第２のリクエストデータを前記情報処理装置へ送信する
画面共有システム。
【符号の説明】
【0060】
１ 情報処理装置
２ エージェント端末
３ ゲスト端末
４ ウェブサーバ
５ 記録媒体
１１ａ ＡＰＩ処理部
１１ｂ ソケット処理部
１１ｃ ファイル処理部
１２ａ アカウント管理データベース
１２ｂ 画面共有管理データベース
１２ｃ 画面共有データ中継ストア
１２ｄ プログラムファイルストレージ
１２ｅ アセットファイルストレージ
Ｂ２ エージェントブラウザ
Ｂ３ ゲストブラウザ
２ エージェント端末
３ ゲスト端末
４ ウェブサーバ
５ 記録媒体
１１ａ ＡＰＩ処理部
１１ｂ ソケット処理部
１１ｃ ファイル処理部
１２ａ アカウント管理データベース
１２ｂ 画面共有管理データベース
１２ｃ 画面共有データ中継ストア
１２ｄ プログラムファイルストレージ
１２ｅ アセットファイルストレージ
Ｂ２ エージェントブラウザ
Ｂ３ ゲストブラウザ
【図1】
【図2】
【図3】
【図4】
【図5】
【図6】
【図7】
【図8】
【図9】
【図10】