(57)【特許請求の範囲】
【請求項１】
第１の画面のコンテンツ表示位置を示す第１の位置情報を含む第１の構造化文書を記憶する記憶部と、
演算部とを有し、
前記演算部は、
複数の第２の画面それぞれに表示される複数のコンテンツと、前記複数のコンテンツそれぞれの表示位置を示す複数の第２の位置情報とを含む複数の第２の構造化文書を取得し、
前記複数の第２の構造化文書を解析して、前記複数の第２の構造化文書それぞれに含まれる前記複数の第２の位置情報を抽出し、
前記第１の位置情報に対応付けて設定される第１のコンテンツ名と、抽出された前記複数の第２の位置情報それぞれに対応付けて設定される第２のコンテンツ名と、を前記記憶部に記憶しておき、前記複数の第２の位置情報それぞれの前記第２のコンテンツ名のなかから、前記第１のコンテンツ名に対応する前記第１の位置情報が示す位置に表示させるコンテンツの取得先とする特定の第２の位置情報に対応する特定の第２のコンテンツ名を選択する入力を受け付け、
前記第１の画面内の前記第１の位置情報に表示させるコンテンツの取得先として、選択された前記特定の第２のコンテンツ名に対応付けられた、特定の第２の構造化文書の前記特定の第２の位置情報を設定する、
情報処理装置。
【請求項２】
前記演算部は、前記複数の第２の構造化文書それぞれの表示画面において指定された一コンテンツに設定する前記第２のコンテンツ名の入力を受け付け、前記一コンテンツの位置を示す第２の位置情報に対応付けて、入力された前記第２のコンテンツ名を前記記憶部に格納する、
請求項１記載の情報処理装置。
【請求項３】
第１の画面のコンテンツ表示位置を示す第１の位置情報を含む第１の構造化文書を記憶する第１の記憶部と、演算部とを備える情報処理装置と、
第２の画面のコンテンツ表示位置を示す第２の位置情報を含む第２の構造化文書を記憶する第２の記憶部と、ネットワークを介して前記第２の構造化文書を送信する通信部と、を有し、前記第２の構造化文書を提供する複数の文書提供サーバと、
表示部と操作入力部とを備える端末装置と、
を有し、
前記情報処理装置の前記演算部は、
前記複数の文書提供サーバがそれぞれに提供する複数の第２の構造化文書を取得し、
前記複数の第２の構造化文書を解析して、前記複数の第２の構造化文書それぞれに含まれる複数の第２の位置情報を抽出し、
前記第１の位置情報に対応付けて設定される第１のコンテンツ名と、抽出された前記複数の第２の位置情報それぞれに対応付けて設定される第２のコンテンツ名と、を前記第１の記憶部に記憶しておき、前記複数の第２の位置情報それぞれの前記第２のコンテンツ名のなかから、前記第１のコンテンツ名に対応する前記第１の位置情報が示す位置に表示させるコンテンツの取得先とする特定の第２の位置情報に対応する特定の第２のコンテンツ名を選択する入力を受け付け、
前記第１の画面内の前記第１の位置情報に表示させるコンテンツの取得先として、選択された前記特定の第２のコンテンツ名に対応付けられた、特定の第２の構造化文書の前記特定の第２の位置情報を設定する、
情報処理システム。
【請求項４】
前記演算部は、前記複数の第２の構造化文書それぞれの表示画面において指定された一コンテンツに設定する前記第２のコンテンツ名の入力を受け付け、前記一コンテンツの位置を示す第２の位置情報に対応付けて、入力された前記第２のコンテンツ名を前記第１の記憶部に格納する、
請求項３記載の情報処理システム。
【請求項５】
第１の画面のコンテンツ表示位置を示す第１の位置情報を含む第１の構造化文書を記憶するコンピュータに処理を実行させる情報処理プログラムであって、
前記コンピュータに、
複数の第２の画面それぞれに表示される複数のコンテンツと、前記複数のコンテンツそれぞれの表示位置を示す複数の第２の位置情報とを含む複数の第２の構造化文書を取得し、
前記複数の第２の構造化文書を解析して、前記複数の第２の構造化文書それぞれに含まれる前記複数の第２の位置情報を抽出し、
前記第１の位置情報に対応付けて設定される第１のコンテンツ名と、抽出された前記複数の第２の位置情報それぞれに対応付けて設定される第２のコンテンツ名とを記憶しておき、前記複数の第２の位置情報それぞれの前記第２のコンテンツ名のなかから、前記第１のコンテンツ名に対応する前記第１の位置情報が示す位置に表示させるコンテンツの取得先とする特定の第２の位置情報に対応する特定の第２のコンテンツ名を選択する入力を受け付け、
前記第１の画面内の前記第１の位置情報に表示させるコンテンツの取得先として、選択された前記特定の第２のコンテンツ名に対応付けられた、特定の第２の構造化文書の前記特定の第２の位置情報を設定する、
処理を実行させる情報処理プログラム。
【請求項６】
前記コンピュータに、さらに、
前記複数の第２の構造化文書それぞれの表示画面において指定された一コンテンツに設定する前記第２のコンテンツ名の入力を受け付け、前記一コンテンツの位置を示す第２の位置情報に対応付けて、入力された前記第２のコンテンツ名を格納する、
処理を実行させる請求項５記載の情報処理プログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、情報処理装置、情報処理システム及び情報処理プログラムに関する。
【背景技術】
【０００２】
インターネットなどのネットワーク上に点在する情報資源、例えば、Ｗｅｂページのコンテンツや機能などを統合し、新たなサービスを提供するマッシュアップと呼ばれる技術がある。マッシュアップ技術では、例えば、複数のＷｅｂページ上のコンテンツや機能の一部を切り取り、それぞれのＷｅｂページから切り取ったコンテンツや機能を新たなＷｅｂページに貼り付け、コンテンツや機能を統合する。これにより、複数の表示画面に分散していた情報を統一した画面に表示させることができるようになる。
【０００３】
マッシュアップ技術により統合できる情報資源には、例えば、ガジェットのようなプログラムもある。貼り付け先のＷｅｂページにおいてプログラムが正しく動作するように、切り取り元の装置と、貼り付け先のクライアントとの間に、中継サーバあるいは管理サーバ（以下、管理サーバとする）を設けたシステムがある。管理サーバは、例えば、貼り付け先のＷｅｂページがアクセスされたときに切り取り元で切り取った情報資源を貼り付け先のＷｅｂページの環境に適合するように正規化した後、貼り付ける。
【先行技術文献】
【特許文献】
【０００４】
【特許文献１】特開２０１０−２８２５８７号公報
【特許文献２】特開２０１０−２８２４０９号公報
【特許文献３】特開２００９−２２３５５５号公報
【発明の概要】
【発明が解決しようとする課題】
【０００５】
管理サーバでは、切り取り元の所在情報及び構造位置と、貼り付け先の所在情報と構造位置とを予めデータベースに格納しておく。管理サーバは、貼り付け先のＷｅｂページへのアクセスがあったときは、これらの情報に基づいてマッシュアップ画面を生成する。
【０００６】
Ｗｅｂページを記述する構造化文書、例えば、ＨＴＭＬ（Hyper Text Markup Language）文書は、木構造と呼ばれる要素が入れ子構造となっている複雑な構造を有する。このため、Ｗｅｂページ画面に表示される任意のコンテンツをマッシュアップ画面に利用しようとした場合、その切り取り領域の位置情報を抽出するためにはこのＷｅｂページが有する構造を解析しなければならない。複数のＷｅｂページのコンテンツを利用しようとした場合には、それぞれに異なる構造を有する構造化文書を解析しなければならず、作業者には多大な負担がかかる。
【０００７】
１つの側面では、本発明は、様々な構造を有する構造化文書に含まれる任意のコンテンツの、所定の画面への表示設定を容易にすることを目的とする。
【課題を解決するための手段】
【０００８】
１態様では、第１の画面のコンテンツ表示位置を示す第１の位置情報を含む第１の構造化文書を記憶する記憶部と、演算部とを有し、演算部は、複数の第２の画面それぞれに表示される複数のコンテンツと、複数のコンテンツそれぞれの表示位置を示す複数の第２の位置情報とを含む複数の第２の構造化文書を取得し、複数の第２の構造化文書を解析して、複数の第２の構造化文書それぞれに含まれる複数の第２の位置情報を抽出し、第１の構造化文書内の第１の位置情報に対応付けて、抽出された複数の第２の位置情報の中から特定の第２の構造化文書の特定の第２の位置情報を選択する入力を受け付け、第１の画面内の第１の位置情報に表示させるコンテンツの取得先として、特定の第２の構造化文書の特定の第２の位置情報を設定する、情報処理装置、が提供される。
【発明の効果】
【０００９】
１態様によれば、様々な構造を有する構造化文書に含まれる任意のコンテンツの、所定の画面への表示設定が容易となる。
【図面の簡単な説明】
【００１０】
【図１】第１の実施の形態に係る情報処理装置の一例を示す図である。
【図２】第２の実施の形態のシステム構成例を示す図である。
【図３】本実施の形態に用いる管理サーバのハードウェアの一構成例を示す図である。
【図４】管理サーバの機能を示すブロック図である。
【図５】画面設計処理の手順を示す図である。
【図６】コンテンツ情報抽出処理の手順を示す図である。
【図７】ＤＯＭ構造解析処理の手順を示す図である。
【図８】割付処理の手順を示す図である。
【図９】設計する画面の一例を示す図である。
【図１０】情報抽出画面の一例を示す図である。
【図１１】既存Ｗｅｂ画面（Ａ）のＨＴＭＬ（Ａ）データの一例を示す図である。
【図１２】ＷｅｂＡ管理テーブルの一例を示す図である。
【図１３】ＷｅｂＡコンテンツ情報の一例を示す図である。
【図１４】既存Ｗｅｂ画面（Ｂ）のＨＴＭＬ（Ｂ）データの一例を示す図である。
【図１５】ＷｅｂＢコンテンツ情報の一例を示す図である。
【図１６】ＨＴＭＬ（Ｍ）データの一例を示す図である。
【図１７】ＷｅｂＭコンテンツ情報の一例を示す図である。
【図１８】割付画面の一例を示す図である。
【図１９】書き換えルールの一例を示す図である。
【図２０】画面生成処理の手順を示す図である。
【図２１】マッシュアップ画面の一例を示す図である。
【発明を実施するための形態】
【００１１】
以下、本発明の実施の形態について図面を参照して説明する。
〔第１の実施の形態〕
図１は、第１の実施の形態に係る情報処理装置の一例を示す図である。第１の実施の形態に係る情報処理装置１０は、複数の第２の構造化文書から選択したコンテンツを第１の構造化文書の画面に表示する。情報処理装置１０は、例えば、コンピュータである。図１の例では、第１の構造化文書は、構造化文書（Ｍ）４ａであり、例えば、ブラウザによって表示される構造化文書（Ｍ）４ａの画面は、画面（Ｍ）５になる。第２の構造化文書は、既存の構造化文書（Ａ）２ａと、構造化文書（Ｂ）２ｂである。画面（Ａ）３ａは構造化文書（Ａ）の表示画面であり、画面（Ｂ）３ｂは構造化文書（Ｂ）２ｂの表示画面である。
【００１２】
構造化文書（Ａ）２ａには、画面（Ａ）３ａにおけるコンテンツの表示位置を示す位置情報が含まれる。図１の例では、構造化文書（Ａ）２ａには、コンテンツａ１の画面（Ａ）３ａ上の表示位置を示す位置情報ａｐ１と、コンテンツａ２の位置情報ａｐ２及びコンテンツａ３の位置情報ａｐ３が含まれる。構造化文書（Ｂ）２ｂには、コンテンツｂ１の画面（Ｂ）２ｂ上の表示位置を示す位置情報ｂｐ１及びコンテンツｂ２の位置情報ｂｐ２が含まれる。なお、位置情報は、コンテンツの表示位置を明示する情報だけではなく、例えば、構造化文書の階層上の位置に応じて決まる表示位置の情報も含む。
【００１３】
情報処理装置１０は、記憶部１１と、演算部１２とを有する。情報処理装置１０の記憶部１１は、画面（Ｍ）５の構造化文書（Ｍ）４ａと、設定情報４ｂと、を記憶する。構造化文書（Ｍ）４ａは、構造化文書（Ａ）２ａ及び構造化文書（Ｂ）２ｂから選択されるコンテンツを表示する表示位置を示す位置情報ｍｐ１，ｍｐ２が含まれる。設定情報４ｂが設定されるまでは、位置情報ｍｐ１，ｍｐ２に対応する領域に表示するコンテンツは確定されていない。設定情報４ｂは、例えば、画面（Ｍ）５の位置情報ｍｐ１とコンテンツａ２の位置情報ａｐ２とを対応付けた情報である。設定情報に基づいて、コンテンツａ２は、画面（Ｍ）５のコンテンツｍ１として表示される。
【００１４】
演算部１２は、既存の画面（Ａ）３ａ及び画面（Ｂ）３ｂに表示されるコンテンツから選択された特定のコンテンツを新たな画面（Ｍ）５に割り付けて画面（Ｍ）５を設計する画面設計処理を行う。この画面設計処理では、演算部１２は、ステップＳ１として、画面（Ｍ）５に表示するコンテンツを有する既存の構造化文書（Ａ）２ａと、構造化文書（Ｂ）２ｂと、を取得する。演算部１２は、コンテンツの取得先として指定された構造化文書（Ａ）２ａ及び構造化文書（Ｂ）２ｂの所在位置を取得し、それぞれの所在位置にアクセスして、構造化文書（Ａ）２ａと構造化文書（Ｂ）２ｂとを取得する。
【００１５】
演算部１２は、ステップＳ２として、取得した構造化文書からコンテンツの位置情報を抽出する。演算部１２は、構造化文書（Ａ）２ａの構造を解析して構造化文書（Ａ）２ａに含まれるコンテンツの位置情報ａｐ１，ａｐ２，ａｐ３を抽出する。演算部１２は、同様に、構造化文書（Ｂ）２ｂに含まれるコンテンツの位置情報ｂｐ１，ｂｐ２を抽出する。また、演算部１２は、構造化文書（Ｍ）４ａに含まれる既存のコンテンツを配置する位置情報ｍｐ１，ｍｐ２を抽出する。
【００１６】
演算部１２は、ステップＳ３として、画面（Ｍ）５に表示するコンテンツ取得先として構造化文書（Ａ）２ａ及び構造化文書（Ｂ）２ｂのうちの特定コンテンツを対応付ける。対応付けは、情報処理装置１０への選択入力に応じて行う。図１の例では、演算部１２は、選択入力に基づき、位置情報ｍｐ１と、コンテンツａ２の位置情報ａｐ２と対応付け、設定情報４ｂに登録する。同様に、画面（Ｍ）５のコンテンツｍ２の取得先として構造化文書（Ｂ）２ｂのコンテンツｂ２が指定されたとき、演算部１２は、コンテンツｍ２の位置情報ｍｐ２と、コンテンツｂ２の位置情報ｂｐ２とを対応付け、設定情報４ｂに登録する。
【００１７】
このような情報処理装置１０では、様々な構成を有する既存の構造化文書（Ａ）２ａ及び構造化文書（Ｂ）２ｂの各コンテンツの位置情報が、新たな画面（Ｍ）５を設定する前に予め抽出されている。この抽出されたコンテンツの位置情報を選択入力して新たな画面（Ｍ）５のコンテンツを設定することができるので、マッシュアップ対象のコンテンツの設定を容易にすることができる。
【００１８】
〔第２の実施の形態〕
次に第２の実施の形態について説明する。第２の実施の形態は、複数のＷｅｂページ上の任意の情報を統合する管理サーバ１００を有するものである。以下では、Ｗｅｂページを記述するための構造化文書として、ＨＴＭＬを用いた例で説明する。
【００１９】
図２は、第２の実施の形態のシステム構成例を示す図である。ネットワーク２０には、複数のＷｅｂサーバＡ３１，ＷｅｂサーバＢ３２，・・・と、ユーザ端末４０と、管理サーバ１００と、が接続されている。
【００２０】
ＷｅｂサーバＡ３１，ＷｅｂサーバＢ３２，・・・は、既存のＷｅｂページをそれぞれ管理し、要求があったときにはＷｅｂページを提供する文書提供サーバの一実施形態である。ネットワーク２０を介してアクセス要求を受け付けたときは、自装置が保有する対象のＷｅｂページのＨＴＭＬデータを要求元に送信する。なお、以下の説明では、ＷｅｂサーバＡ３１が保有するＨＴＭＬデータをＨＴＭＬ（Ａ）データとし、他の装置からＨＴＭＬ（Ａ）データにアクセスする際の所在位置ＵＲＬ（Uniform Resource Locator）をＵＲＬ−Ａと表す。また、ＷｅｂサーバＢ３２が保有するＨＴＭＬデータをＨＴＭＬ（Ｂ）データとし、他の装置からＨＴＭＬ（Ｂ）データにアクセスする際の所在位置ＵＲＬをＵＲＬ−Ｂと表す。管理サーバ１００は、マッシュアップ画面の設計処理と、設計処理によって生成したマッシュアップ画面へのアクセス要求を受け付け、マッシュアップ画面を生成する生成処理と、を行う。管理サーバ１００は、情報処理装置１０の一実施形態である。ユーザ端末４０は、ユーザからの指示を受け付け、ネットワーク２０を介して管理サーバ１００に送信するとともに、管理サーバ１００から取得した情報を画面に表示する端末装置である。
【００２１】
図３は、本実施の形態に用いる管理サーバのハードウェアの一構成例を示す図である。管理サーバ１００は、プロセッサ１０１によって装置全体が制御されている。プロセッサ１０１には、バス１０９を介してメモリ１０２と複数の周辺機器が接続されている。プロセッサ１０１は、マルチプロセッサであってもよい。プロセッサ１０１は、例えばＣＰＵ（Central Processing Unit）、ＭＰＵ（Micro Processing Unit）、またはＤＳＰ（Digital Signal Processor）である。プロセッサ１０１がプログラムを実行することで実現する機能の少なくとも一部を、ＡＳＩＣ（Application Specific Integrated Circuit）、ＰＬＤ（Programmable Logic Device）などの電子回路で実現してもよい。
【００２２】
メモリ１０２は、管理サーバ１００の主記憶装置として使用される。メモリ１０２には、プロセッサ１０１に実行させるＯＳ（Operating System）のプログラムやアプリケーションプログラムの少なくとも一部が一時的に格納される。また、メモリ１０２には、プロセッサ１０１による処理に利用する各種データが格納される。メモリ１０２としては、例えばＲＡＭ（Random Access Memory）などの揮発性の半導体記憶装置が使用される。
【００２３】
バス１０９に接続されている周辺機器としては、ＨＤＤ（Hard Disk Drive）１０３、グラフィック処理装置１０４、入力インタフェース１０５、光学ドライブ装置１０６、機器接続インタフェース１０７およびネットワークインタフェース１０８がある。
【００２４】
ＨＤＤ１０３は、内蔵したディスクに対して、磁気的にデータの書き込みおよび読み出しを行う。ＨＤＤ１０３は、管理サーバ１００の補助記憶装置として使用される。ＨＤＤ１０３には、ＯＳのプログラム、アプリケーションプログラム、および各種データが格納される。なお、補助記憶装置としては、フラッシュメモリなどの不揮発性の半導体記憶装置（ＳＳＤ：Solid State Drive）を使用することもできる。
【００２５】
グラフィック処理装置１０４には、モニタ２１が接続されている。グラフィック処理装置１０４は、プロセッサ１０１からの命令に従って、画像をモニタ２１の画面に表示させる。モニタ２１としては、ＣＲＴ（Cathode Ray Tube）を用いた表示装置や液晶表示装置などがある。
【００２６】
入力インタフェース１０５には、キーボード２２とマウス２３とが接続されている。入力インタフェース１０５は、キーボード２２やマウス２３から送られてくる信号をプロセッサ１０１に送信する。なお、マウス２３は、ポインティングデバイスの一例であり、他のポインティングデバイスを使用することもできる。他のポインティングデバイスとしては、タッチパネル、タブレット、タッチパッド、トラックボールなどがある。
【００２７】
光学ドライブ装置１０６は、レーザ光などを利用して、光ディスク２４に記録されたデータの読み取りを行う。光ディスク２４は、光の反射によって読み取り可能なようにデータが記録された可搬型の記録媒体である。光ディスク２４には、ＤＶＤ（Digital Versatile Disc）、ＤＶＤ−ＲＡＭ、ＣＤ−ＲＯＭ（Compact Disc Read Only Memory）、ＣＤ−Ｒ（Recordable）／ＲＷ（ReWritable）などがある。
【００２８】
機器接続インタフェース１０７は、管理サーバ１００に周辺機器を接続するための通信インタフェースである。例えば機器接続インタフェース１０７には、メモリ装置２５やメモリリーダライタ２６を接続することができる。メモリ装置２５は、機器接続インタフェース１０７との通信機能を搭載した記録媒体である。メモリリーダライタ２６は、メモリカード２７へのデータの書き込み、またはメモリカード２７からのデータの読み出しを行う装置である。メモリカード２７は、カード型の記録媒体である。
【００２９】
ネットワークインタフェース１０８は、ネットワーク２０に接続されている。ネットワークインタフェース１０８は、ネットワーク２０を介して、他のコンピュータまたは通信機器との間でデータの送受信を行う。
【００３０】
以上のようなハードウェア構成によって、第２の実施の形態の処理機能を実現することができる。なお、ＷｅｂサーバＡ３１、ＷｅｂサーバＢ３２及びユーザ端末４０も図３に示した管理サーバ１００と同様のハードウェアにより実現することができる。また、第１の実施の形態に示した情報処理装置１０も、図３に示した管理サーバ１００と同様のハードウェアにより実現することができる。
【００３１】
管理サーバ１００は、例えばコンピュータ読み取り可能な記録媒体に記録されたプログラムを実行することにより、第２の実施の形態の処理機能を実現する。管理サーバ１００に実行させる処理内容を記述したプログラムは、様々な記録媒体に記録しておくことができる。例えば、管理サーバ１００に実行させるプログラムをＨＤＤ１０３に格納しておくことができる。プロセッサ１０１は、ＨＤＤ１０３内のプログラムの少なくとも一部をメモリ１０２にロードし、プログラムを実行する。また管理サーバ１００に実行させるプログラムを、光ディスク２４、メモリ装置２５、メモリカード２７などの可搬型記録媒体に記録しておくこともできる。可搬型記録媒体に格納されたプログラムは、例えばプロセッサ１０１からの制御により、ＨＤＤ１０３にインストールされた後、実行可能となる。またプロセッサ１０１が、可搬型記録媒体から直接プログラムを読み出して実行することもできる。
【００３２】
図４は、管理サーバの機能を示すブロック図である。管理サーバ１００は、Ｗｅｂデータ取得部１１０と、画面設計部１２０と、画面生成部１３０と、記憶部１４０と、を有する。
【００３３】
Ｗｅｂデータ取得部１１０は、画面設計部１２０及び画面生成部１３０からの要求を受け付け、ネットワーク２０を介して接続する外部のＷｅｂサーバと接続して情報を取得する。図４の例では、ＷｅｂサーバＡ３１に接続し、ＷｅｂサーバＡ３１が管理するＨＴＭＬ（Ａ）データを取得する。また、ＷｅｂサーバＢ３２に接続し、ＷｅｂサーバＢ３２が管理するＨＴＭＬ（Ｂ）データを取得する。Ｗｅｂデータ取得部１１０は、取得した情報を、要求元の画面設計部１２０及び画面生成部１３０から読み出し可能な記憶領域、例えばメモリ１０２に保存する。
【００３４】
画面設計部１２０は、情報抽出部１２１と、割付部１２２と、を有する。情報抽出部１２１は、ＷｅｂページのＨＴＭＬデータを解析し、抽出するコンテンツと、そのコンテンツの位置情報とを対応付けたコンテンツ情報を生成する。より詳細には、情報抽出部１２１は、指定された既存のＷｅｂページのＨＴＭＬデータを取得し、ＨＴＭＬデータのＤＯＭ（Document Object Model）構造を解析する。情報抽出部１２１では、ＤＯＭ構造の解析結果に基づき、対象のＷｅｂページのコンテンツをＤＯＭ構造のノード単位で選択可能な情報抽出画面をユーザ端末４０ａの表示部４１に表示する。情報抽出画面は、画面設計を行う作業者によるＷｅｂページから抽出するコンテンツの選択を入力する入力画面である。作業者は、表示部４１に表示される情報抽出画面を参照し、操作入力部４２を操作して抽出するコンテンツを選択する。情報抽出部１２１は、作業者の選択入力に基づいて抽出するコンテンツに関するコンテンツ情報を生成する。情報抽出部１２１は、ＷｅｂサーバＡ３１が提供する既存ＷｅｂページＡを対象として、ＨＴＭＬ（Ａ）データを解析し、ＷｅｂＡコンテンツ情報１４１を生成する。同様に、ＷｅｂサーバＢ３２が提供する既存ＷｅｂページＢを対象としてＨＴＭＬ（Ｂ）データを解析し、ＷｅｂＢコンテンツ情報１４２を生成する。また、情報抽出部１２１は、マッシュアップ画面を対象として、ＨＴＭＬ（Ｍ）データ１４３を解析してＷｅｂＭコンテンツ情報１４４を生成する。割付部１２２は、ＷｅｂＭコンテンツ情報１４４に登録されるコンテンツの位置情報と、ＷｅｂＡコンテンツ情報１４１及びＷｅｂＢコンテンツ情報１４２に登録されるコンテンツの位置情報と、を作業者の操作にしたがって対応付け、書き換えルール情報１４５を生成する。書き換えルール情報１４５には、マッシュアップ画面上の表示位置と、この表示位置に表示する既存ＷｅｂページＡ及び既存ＷｅｂページＢのコンテンツとが対応付けられている。
【００３５】
画面生成部１３０は、ユーザ端末４０ｂによるＨＴＭＬ（Ｍ）データ１４３へのアクセス要求を受け付け、マッシュアップ画面を生成する。画面生成部１３０は、書き換えルール情報１４５と、他のＷｅｂ画面、例えば既存ＷｅｂページＡのＷｅｂＡコンテンツ情報１４１とに基づいて、マッシュアップ画面に表示するコンテンツをＨＴＭＬ（Ａ）データから抽出する。また、画面生成部１３０では、マッシュアップ画面のＷｅｂＭコンテンツ情報１４４に基づいて抽出したコンテンツを表示する表示位置を検出し、抽出したコンテンツでマッシュアップ画面上の仮のコンテンツを書き換える。既存ＷｅｂページＢについても同様の処理を行う。これにより、ユーザ端末４０ｂでは、マッシュアップ画面上に、既存ＷｅｂページＡ及び既存ＷｅｂページＢのコンテンツを表示することができる。
【００３６】
記憶部１４０は、ＷｅｂＡコンテンツ情報１４１、ＷｅｂＢコンテンツ情報１４２、ＨＴＭＬ（Ｍ）データ１４３、ＷｅｂＭコンテンツ情報１４４及び書き換えルール情報１４５を記憶する。記憶部１４０としては、例えば、メモリ１０２またはＨＤＤ１０３の記憶領域の一部が使用される。
【００３７】
管理サーバ１００は、ユーザ端末４０ａ，４０ｂから新たなマッシュアップ画面を設計する画面設計要求を取得したときは、画面設計部１２０によってマッシュアップ画面の画面設計処理を行う。また、管理サーバ１００は、ユーザ端末４０ａ，４０ｂから既登録のマッシュアップ画面へのアクセス要求を取得したときは、画面生成部１３０によってマッシュアップ画面の生成処理を行う。マッシュアップ画面の生成処理では、マッシュアップ画面のコンテンツを既存Ｗｅｂ画面のコンテンツで書き換えるので、以下では、書き換えの対象となるマッシュアップ画面のコンテンツを書き換え先とする。また、既存Ｗｅｂ画面のコンテンツを書き換え元とする。
【００３８】
以下、画面設計部１２０及び画面生成部１３０の処理について順に説明する。
（１）画面設計部
画面設計部１２０の行う処理手順について図５を用いて説明する。図５は、画面設計処理の手順を示す図である。なお、図５では、簡単のためＷｅｂデータ取得部１１０による処理は省略している。図５に示す情報抽出部１２１がＷｅｂサーバＡ３１及びＷｅｂサーバＢからデータを取得する処理は、Ｗｅｂデータ取得部１１０を介して行われる。また、ユーザ端末４０に作業者に操作指示を促す表示画面を表示させるなど、作業者とのインタフェース処理についても省略し、作業者の操作指示は、管理サーバ１００に入力するユーザ端末４０からの指定あるいは指示として表記している。
【００３９】
マッシュアップ画面を設計する作業者がユーザ端末４０からマッシュアップ画面設計処理を起動し、処理が開始される。なお、マッシュアップ画面にどのような情報を表示するか、情報種類と情報の表示位置を定義したＨＴＭＬ（Ｍ）データ１４３は、事前に作成され、記憶部１４０に記憶されている。
【００４０】
ユーザ端末４０から、マッシュアップ画面に利用する書き換え元のコンテンツのＷｅｂページを指定する指示が出力される。図５の例では、ＷｅｂサーバＡ３１が管理する既存ＷｅｂページＡを対象とし、ＨＴＭＬ（Ａ）データの所在位置を指定するＵＲＬ−Ａ指定４１０が出力される。
【００４１】
［ステップＳ１１］情報抽出部１２１は、ＵＲＬ−Ａ指定４１０を入力し、既存ＷｅｂページＡに関するコンテンツ情報抽出処理を実行する。情報抽出部１２１は、ＷｅｂサーバＡ３１からＨＴＭＬ（Ａ）データ３１１を取得し、取得したＨＴＭＬ（Ａ）データ３１１の文書構造を解析する。情報抽出部１２１は、解析結果に基づいて、ＷｅｂページＡのコンテンツとコンテンツの表示位置を示す位置情報とを対応付けたＷｅｂＡコンテンツ情報１４１を生成する。情報抽出部１２１は、ＷｅｂＡコンテンツ情報１４１を記憶部１４０に格納し、割付部１２２から読み出し可能にする。コンテンツ情報抽出処理の詳細は、図６を用いて後で説明する。
【００４２】
次に、ユーザ端末４０から、マッシュアップ画面に利用するもう１つの書き換え元のコンテンツのＷｅｂページを指定する指示が出力される。図５の例では、ＷｅｂページＢを対象とし、ＨＴＭＬ（Ｂ）データの所在位置を指定するＵＲＬ−Ｂ指定４２０が出力される。
【００４３】
［ステップＳ１２］情報抽出部１２１は、ＵＲＬ−Ｂ指定４２０を入力し、ＷｅｂページＢに関するコンテンツ情報抽出処理を実行する。情報抽出部１２１は、ＷｅｂサーバＢ３２からＨＴＭＬ（Ｂ）データ３２１を取得し、取得したＨＴＭＬ（Ｂ）データ３２１の文書構造を解析する。情報抽出部１２１は、解析結果に基づいて、ＷｅｂページＢのコンテンツとコンテンツの位置情報とを対応付けたＷｅｂＢコンテンツ情報１４２を生成する。情報抽出部１２１は、ＷｅｂＢコンテンツ情報１４２を記憶部１４０に格納し、割付部１２２から読み出し可能にする。
【００４４】
次に、ユーザ端末４０から、マッシュアップ画面を指定する指示が出力される。図５の例では、ＵＲＬ−Ｍ指定４３０が出力される。
［ステップＳ１３］情報抽出部１２１は、記憶部１４０に格納するマッシュアップ画面のＨＴＭＬ（Ｍ）データ１４３を読み出し、読み出したＨＴＭＬ（Ｍ）データ１４３の文書構造を解析する。なお、既存Ｗｅｂページや、マッシュアップ画面のうち既存Ｗｅｂページのコンテンツを利用しない部分と同様の処理を行うため、ＨＴＭＬ（Ｍ）データ１４３の既存Ｗｅｂページのコンテンツの表示位置に仮のコンテンツ名を付している。情報抽出部１２１は、解析結果に基づいて、マッシュアップ画面の仮のコンテンツを含むコンテンツと、コンテンツの表示位置を示す位置情報とを対応付けたＷｅｂＭコンテンツ情報１４４を生成する。情報抽出部１２１は、ＷｅｂＭコンテンツ情報１４４を記憶部１４０に格納し、割付部１２２から読み出し可能にする。
【００４５】
次に、ユーザ端末４０から、マッシュアップ画面に、抽出指定したＷｅｂページＡのコンテンツ及びＷｅｂページＢのコンテンツを割り付ける割付指示４４０が出力される。
［ステップＳ１４］割付部１２２は、ＷｅｂＭコンテンツ情報１４４と、ＷｅｂＡコンテンツ情報１４１及びＷｅｂＢコンテンツ情報１４２と、を記憶部１４０から読み出し、コンテンツ情報割付処理を行う。割付部１２２は、マッシュアップ画面の仮のコンテンツの位置情報と、この仮のコンテンツに割り付けられたＷｅｂページＡ及びＷｅｂページＢのコンテンツの位置情報とを対応付け、書き換えルール情報１４５を設定する。コンテンツ情報割付処理については、図８を用いて後で説明する。
【００４６】
図６は、コンテンツ情報抽出処理の手順を示す図である。図６は、図５に示す既存ＷｅｂページＡを対象とするコンテンツ情報抽出処理Ｓ１１の例を示している。
図６に示す例では、ユーザ端末４０からは、ＷｅｂページＡを指定するＵＲＬ−Ａ指定４１０とともに、別名登録４１２、読み込み指示４１３が出力される。別名登録４１２は、既存ＷｅｂページＡのＵＲＬ−Ａの識別を容易にするために付与することができる別名の登録を指示するものである。別名には、識別を容易にするため、例えば、文字数の少ない短縮名を付けることが好ましい。読み込み指示４１３は、指定したＷｅｂページＡのＨＴＭＬ（Ａ）データ３１１の読み込み指示である。なお、別名登録４１２と、読み込み指示４１３とは、省略するとしてもよい。別名の登録が必要ないときは、登録を省略してもよい。また、読み込み指示４１３によらず、ＵＲＬ−Ａ指定４１０を受け付けたとき、自動的に読み込みを開始する構成としてもよい。
【００４７】
［ステップＳ１１１］情報抽出部１２１は、ＵＲＬ―Ａの指定４１１、別名登録４１２、読み込み指示４１３を取得し、取得したＵＲＬ−ＡをＷｅｂＡコンテンツ情報１４１に保存する。また、別名登録４１２があるときは、この別名もＷｅｂＡコンテンツ情報１４１に保存する。
【００４８】
［ステップＳ１１２］情報抽出部１２１は、ＵＲＬ−Ａによって特定されるＷｅｂサーバＡ３１が管理するＨＴＭＬ（Ａ）データ３１１を取得する。取得したＨＴＭＬ（Ａ）データ３１１は、例えば、メモリ１０２に一時的に保存する。
【００４９】
［ステップＳ１１３］情報抽出部１２１は、取得したＨＴＭＬ（Ａ）データ３１１のＤＯＭ構造を解析し、ＷｅｂＡ管理テーブル３１２を作成する。ＤＯＭ構造解析処理については、図７を用いて後で説明する。情報抽出部１２１では、ＤＯＭ構造解析処理によって作成された、ＷｅｂＡページのＤＯＭ要素（ノード）と、ＤＯＭ要素の木構造における位置情報とを対応付けたＷｅｂＡ管理テーブル３１２をメモリ１０２に保存する。
【００５０】
［ステップＳ１１４］情報抽出部１２１は、ユーザ端末４０に、ＷｅｂページＡの画面から作業者がマッシュアップ画面に抽出するコンテンツを選択するための情報抽出画面を表示する。情報抽出画面は、書き換え元のＷｅｂページＡの画面のコンテンツがＤＯＭ構造のノード単位（以下、ＤＯＭ単位とする）で指定可能となるように画面を表示する。これにより、作業者が、ＷｅｂページＡの画面上のコンテンツを指定すると、情報抽出部１２１は、その指定画面位置からコンテンツに対応するＤＯＭ要素を一意に認識できる。
【００５１】
作業者は、ユーザ端末４０に表示されるＷｅｂページＡの画面を参照し、マッシュアップ画面に利用したいコンテンツの表示を指定する。例えば、クリックした位置を指定画面位置４１４として確定する。ユーザ端末４０は、作業者によって指定された指定画面位置４１４を出力する。
【００５２】
［ステップＳ１１５］情報抽出部１２１は、指定画面位置４１４を受け付け、指定画面位置４１４に対応するＤＯＭ要素を認識する。コンテンツはＤＯＭ単位で表示されているので、指定されたＤＯＭ要素を容易に認識することができる。情報抽出部１２１は、認識したＤＯＭ要素の内容を示す表示情報をユーザ端末４０に送信する。ユーザ端末４０は、情報抽出画面上に作業者が指定した指定画面位置４１４に対応するＤＯＭ要素の内容を表示する。また、必要に応じて、ＤＯＭ要素に名前を登録できるように情報抽出画面を構成してもよい。名前を登録することにより、ＤＯＭ要素の内容をわかりやすくすることができる。
【００５３】
図６の例では、作業者によって指定画面位置４１４に対応して名前が登録される。ユーザ端末４０は、画面位置名４１５を出力する。
［ステップＳ１１６］情報抽出部１２１は、画面位置名４１５を受け付け、ステップＳ１１５で認識したＤＯＭ要素をマッシュアップ位置として、画面位置名４１５とともにマッシュアップ位置情報に登録する。例えば、認識したＤＯＭ要素ごとに、ＤＯＭ要素の位置情報と、ＤＯＭに付された画面位置名４１５とをマッシュアップ位置情報として登録し、メモリ１０２に保存しておく。なお、この時点で生成されるマッシュアップ位置情報に登録されるＤＯＭ要素は、まだ抽出するコンテンツとして確定していない。
【００５４】
作業者が複数のコンテンツを指定する場合には、ユーザ端末４０から指定画面位置４１４及び画面位置名４１５の通知が出力される。情報抽出部１２１では、ユーザ端末４０からの通知に応じて、ステップＳ１１５とステップＳ１１６の処理を実行する。作業者は、所望のコンテンツの指定が終了すると、終了を指示する。ユーザ端末４０は、終了指示４１６を出力する。
【００５５】
［ステップＳ１１７］情報抽出部１２１は、終了指示４１６を受け付け、ステップＳ１１６でＤＯＭ要素を登録したマッシュアップ位置情報を確定する情報確定処理を行う。情報抽出部１２１は、マッシュアップ位置情報に登録されているＤＯＭ要素の位置情報と、画面位置名とをＷｅｂＡコンテンツ情報１４１に登録し、登録情報を確定する。
【００５６】
以上の処理手順が実行されることにより、作業者が指定したマッシュアップ画面に利用するＷｅｂページＡのコンテンツがＷｅｂＡコンテンツ情報１４１に設定される。なお、上記では、作業者は１ずつコンテンツを選択するとしたが、複数のコンテンツを含む領域を指定できるとしてもよい。この場合、情報抽出部１２１は、指定した範囲に含まれるＤＯＭ要素をすべて認識する。また、ＷｅｂページＡのコンテンツをすべて抽出するという指定が可能となるようにしてもよい。
【００５７】
図７は、ＤＯＭ構造解析処理の手順を示す図である。図７（Ａ）は、ＤＯＭ構造解析処理の手順を示すフローチャートであり、図７（Ｂ）は、ＤＯＭ構造解析処理より呼び出される要素保存関数の手順を示すフローチャートである。
【００５８】
ＨＴＭＬ（Ａ）データ３１１、ＨＴＭＬ（Ｂ）データ４２１またはＨＴＮＭ（Ｍ）データ１４３が指定され、ＨＴＭＬデータの先頭から処理が開始される。図７では、ＨＴＭＬ（Ａ）データ３１１と、ＨＴＭＬ（Ｂ）データ３２１と、ＨＴＭＬ（Ｍ）データ１４３とを、まとめてＨＴＭＬデータと表す。
【００５９】
［ステップＳ１１３１］情報抽出部１２１は、指定されたＨＴＭＬデータのＤＯＭ要素の検出処理を行う。情報抽出部１２１は、ＨＴＭＬデータのタグをＤＯＭ要素として検出する。
【００６０】
［ステップＳ１１３２］情報抽出部１２１は、ステップＳ１１３１の検出処理でＤＯＭ要素が検出されたか否かを判定する。情報抽出部１２１は、ＤＯＭ要素を検出したときは、処理をステップＳ１１３３に進める。ＤＯＭ要素を検出しなかったときは、処理を終了する。
【００６１】
［ステップＳ１１３３］情報抽出部１２１は、ＤＯＭ要素を検出したときは、検出したＤＯＭ要素を対象として要素保存関数を実行する。情報抽出部１２１は、要素保存関数の終了後、処理をステップＳ１１３１に戻す。
【００６２】
要素保存関数について説明する。
［ステップＳ１１３４］コンピュータは、呼び出し前の処理で検出されたＤＯＭ要素を管理テーブルに保存する。管理テーブルには、対象のＤＯＭ要素のＤＯＭツリー上の位置情報を保存する。管理テーブルは、図６の例では、ＨＴＭＬ（Ａ）管理テーブル３１２である。
【００６３】
［ステップＳ１１３５］コンピュータは、ＨＴＭＬデータを解析し、ステップＳ１１３４で保存したＤＯＭ要素の下層に未処理の子要素が有るか否かを判定する。コンピュータは、未処理の子要素があるときは、処理をステップＳ１１３６に進め、未処理の子要素がないときは、処理を終了する。
【００６４】
［ステップＳ１１３６］コンピュータは、ステップＳ１１３５で検出された子要素を対象として要素保存関数を実行する。コンピュータは、要素保存関数の終了後、処理をステップＳ１１３５に戻す。
【００６５】
以上の手順が実行されることにより、ＨＴＭＬのＤＯＭ構造が解析され、管理テーブルに保存される。
情報抽出部１２１では、このような手順によってＨＴＭＬ（Ａ）データ３１１の構造を解析したＷｅｂＡコンテンツ情報１４１が生成される。情報抽出部１２１は、同様の手順で、ＷｅｂサーバＢ３２から取得したＨＴＭＬ（Ｂ）データ３２１に基づいてＷｅｂＢコンテンツ情報１４２を生成する。また、情報抽出部１２１は、記憶部１４０に記憶するＨＴＭＬ（Ｍ）データ１４３を読み出し、同様の手順でＷｅｂＭコンテンツ情報１４４を生成する。なお、ＨＴＭＬ（Ｍ）データ１４３は、管理サーバ１００以外のサーバが保有していてもよい。この場合、情報抽出部１２１は、ＨＴＭＬ（Ｍ）データ１４３を保有するサーバからＨＴＭＬ（Ｍ）データ１４３を取得する。こうして、記憶部１４０には、ＷｅｂＡコンテンツ情報１４１と、ＷｅｂＢコンテンツ情報１４２と、ＷｅｂＭコンテンツ情報１４４と、が記憶される。
【００６６】
次に、割付部１２２による割付処理が行われる。図８は、割付処理の手順を示す図である。図８に示す割付処理は、図５に示したコンテンツ情報割付処理（Ｓ１４）における処理手順を示すものである。
【００６７】
作業者は、ユーザ端末４０に表示されるコンテンツ情報の割付画面を参照し、マッシュアップ画面のＵＲＬ―Ｍまたは登録名によって指定し、読み込みを指示する。図８の例では、ユーザ端末４０は、マッシュアップ画面の指定としてＵＲＬ−Ｍ読み込み指示４４１を出力する。
【００６８】
［ステップＳ１４１］割付部１２２は、ＵＲＬ−Ｍ読み込み指示４４１を受け付け、対応するＷｅｂＭコンテンツ情報１４４を読み込む。ＷｅｂＭコンテンツ情報１４４は、記憶部１４０に格納されている。
【００６９】
次に、ユーザ端末４０は、マッシュアップ画面に配置するコンテンツを有する既存のＷｅｂページのＵＲＬまたは登録名を指定し、読み込みを指示する。図８の例では、書き換え元のコンテンツのＷｅｂページのＵＲＬとして、ＵＲＬ−ＡとＵＲＬ−Ｂとが指定される。ユーザ端末４０は、書き換え元の既存のＷｅｂページのＵＲＬ−Ａ，ＵＲＬ−Ｂ読み込み指示４４２を出力する。
【００７０】
［ステップＳ１４２］割付部１２２は、ＵＲＬ−Ａ，ＵＲＬ−Ｂ読み込み指示４４２を受け付け、対応するＷｅｂＡコンテンツ情報１４１と、ＷｅｂＢコンテンツ情報１４２とを読み込む。ＷｅｂＡコンテンツ情報１４１及びＷｅｂＢコンテンツ情報１４２は、記憶部１４０に格納されている。
【００７１】
［ステップＳ１４３］割付部１２２は、マッシュアップ画面に、書き換え元のＷｅｂページのコンテンツを割り付けるための割付画面をユーザ端末４０に表示する。割付画面では、ＤＯＭ単位で、マッシュアップ画面の所定の表示位置に書き換え元のコンテンツを割り付けることができる。例えば、既存Ｗｅｂページから取得したコンテンツを配置するマッシュアップ画面の表示位置情報として、ＷｅｂＭコンテンツ情報１４４に登録される仮のコンテンツに対応するＤＯＭ要素のＤＯＭ位置情報またはＤＯＭ名を一覧表示し、選択できるように割付画面を構成する。書き換え元のＷｅｂページのＷｅｂＡコンテンツ情報１４１と、ＷｅｂページＢのＷｅｂＢコンテンツ情報１４２についても同様に、割付画面において選択可能にする。
【００７２】
作業者は、割付画面を参照し、マッシュアップ画面の仮のコンテンツと、仮のコンテンツを書き換える書き換え元のコンテンツと、をＤＯＭ要素単位で指定する。例えば、割付画面に表示されたそれぞれのＤＯＭ要素の一覧から選択し、マッシュアップ画面の書き換え先の仮のコンテンツのＤＯＭ要素と、書き換え元の既存ＷｅｂページのコンテンツのＤＯＭ要素とを対応付ける。ユーザ端末４０は、作業者によって指定されたＷｅｂＭのＤＯＭ要素と書き換え元のＤＯＭ要素の指定４４４を出力する。ＤＯＭ要素の指定は、例えば、ＤＯＭ要素のＤＯＭ位置情報あるいはＤＯＭ要素に付した名前で行う。
【００７３】
［ステップＳ１４４］割付部１２２は、ＷｅｂＭのＤＯＭ要素と書き換え元のＤＯＭ要素の指定４４４を受け付け、ＷｅｂＭのＤＯＭ要素と書き換え元のＤＯＭ要素とを対応付けた対応登録情報をメモリ１０２に保存する。割付部１２２では、作業者による操作指示に応じて、ユーザ端末４０からＷｅｂＭのＤＯＭ要素と書き換え元のＤＯＭ要素の指定４４４が出力されるごとに、登録を行う。
【００７４】
割り付けが終了し、ユーザ端末４０から終了指示４４５が出力される。
［ステップＳ１４５］割付部１２２は、終了指示４４５を受け付け、ステップＳ１４４で作成した対応登録情報を確定する情報確定処理を行う。割付部１２２は、登録していたＷｅｂＭのＤＯＭ要素と、書き換え元のＤＯＭ要素を対応付けた対応登録情報を書き換えルール情報１４５として確定し、記憶部１４０に格納する。
【００７５】
なお、上記の説明では、図５に示したように、コンテンツ情報抽出処理Ｓ１１，Ｓ１２，Ｓ１３に続けてコンテンツ情報割付処理Ｓ１４を実行するとしたが、本発明はこれに限定されない。コンテンツ情報割付処理Ｓ１４では、過去に生成されたＷｅｂＭコンテンツ情報１４４、ＷｅｂＡコンテンツ情報１４１及びＷｅｂＢコンテンツ情報１４２を読み込み、コンテンツの割付処理を行うとしてもよい。作業者は、割付画面を参照し、マッシュアップ画面のコンテンツと、書き換え元の既存Ｗｅｂページのコンテンツとを対応付けるだけでよいので、容易に変更することができる。例えば、割付処理によってＨＴＭＬ（Ｍ）データ１４３そのものを書き換えてしまう場合には、図５に示す処理を最初から行わなければならない。
【００７６】
次に、具体例を挙げて画面設計処理を説明する。図９は、設計する画面の一例を示す図である。図９に示した一例では、既存Ｗｅｂ画面（Ａ）５１０の一部のコンテンツと、既存Ｗｅｂ画面（Ｂ）５２０の一部のコンテンツとを統合し、マッシュアップ画面（Ｍ）５３０を設計する処理を行う。既存Ｗｅｂ画面（Ａ）５１０と、既存Ｗｅｂ画面（Ｂ）５２０とは、それぞれ独立して存在する既存のＷｅｂページの画面であり、情報資源の所在位置を特定するＵＲＬもそれぞれ異なる。
【００７７】
既存Ｗｅｂ画面（Ａ）５１０は、ＵＲＬが「http://URL＿A.xxx.jp/hogehoge」のＷｅｂページの画面である。既存Ｗｅｂ画面（Ａ）５１０では、「部内社員情報」として「ユーザＩＤ」、「電話（内線）」及び「メールアドレス」の各情報を確認することができる。既存Ｗｅｂ画面（Ｂ）５２０は、ＵＲＬが「http://URL＿B.xxx.jp/hogehoge」のＷｅｂ画面である。既存Ｗｅｂ画面（Ｂ）５２０では、「×××システム登録者情報」として、「ユーザＩＤ」、「氏名」、「所属部署」、「勤務地」及び「外線」の各情報を確認することができる。なお、既存Ｗｅｂ画面（Ａ）５１０と、既存Ｗｅｂ画面（Ｂ）５２０とは、ともに、ユーザＩＤ「ｔｅｓｔ＿ｕｓｅｒ」によって特定される同一のユーザの情報を表示するものである。このため、利用者は、「ｔｅｓｔ＿ｕｓｅｒ」について、例えば、内線の電話番号を知りたいときは、既存Ｗｅｂ画面（Ａ）５１０を表示し、外線の電話番号を知りたいときは既存Ｗｅｂ画面（Ｂ）５２０を表示する。このような作業は煩雑であり、操作ミスなどが生じるおそれもある。そこで、既存Ｗｅｂ画面（Ａ）５１０と、既存Ｗｅｂ画面（Ｂ）５２０における同じユーザに関するコンテンツを、１つのマッシュアップ画面（Ｍ）５３０に統合する。
【００７８】
図９の例では、既存Ｗｅｂ画面（Ａ）５１０からは、「ユーザＩＤ」に対応する「ｔｅｓｔ＿ｕｓｅｒ」５１１と、「電話（内線）」に対応する「１２３４−５６７８」５１２を選択する。既存Ｗｅｂ画面（Ｂ）５２０からは、同じユーザの「氏名」に対応する「○○  太郎」５２１と、「外線」に対応する「０３−９９９９−９９９９」５２２とを選択する。そして、選択したコンテンツをマッシュアップ画面（Ｍ）５３０にまとめて表示する。
【００７９】
作業者は、ユーザ端末４０に情報抽出画面を表示し、情報抽出画面を操作してコンテンツの書き換え元の既存Ｗｅｂ画面から抽出するコンテンツを指定する。
図１０は、情報抽出画面の一例を示す図である。情報抽出画面６１０は、対象のＷｅｂページを指定するための操作画面として、既存Ｗｅｂ画面ＵＲＬ欄６１１と、別名（短縮名）欄６１２と、読込ボタン６１３と、を表示する。また、マッシュアップ画面（Ｍ）５３０に配置するコンテンツの抽出操作画面として、縮小画面６１４と、位置指定ボタン６１５と、対象の内容欄６１６と、対象の名前欄６１７と、登録ボタン６１８と、を表示する。終了ボタン６１９は、作業者が処理を終了する際に押下するボタンである。
【００８０】
既存Ｗｅｂ画面ＵＲＬ欄６１１は、コンテンツの抽出対象の既存ＷｅｂページのＵＲＬを指定する入力欄である。別名（短縮名）欄６１２は、既存Ｗｅｂページに付す別名を指定する入力欄である。読込ボタン６１３は、指定された既存ＷｅｂページのＨＴＭＬデータの読み込みの開始を指示するボタンである。別名（短縮名）欄６１２には、ＷｅｂページＡの内容を示す「部内社員情報」を指定する。作業者が読込ボタン６１３を押下すると、情報抽出部１２１は、既存Ｗｅｂ画面ＵＲＬ欄６１１に設定される既存Ｗｅｂ画面５１０に対応するＨＴＭＬデータを読み込む。また、指定のＷｅｂページに対応するＷｅｂコンテンツ情報に、既存Ｗｅｂ画面ＵＲＬ欄６１１と、別名（短縮名）６１２の内容を登録する。次に、情報抽出部１２１は、読み込んだＨＴＭＬデータをＤＯＭ解析し、管理テーブルを作成する。そして、管理テーブルに基づいて、コンテンツの書き換え元の既存Ｗｅｂページの縮小画面６１４を表示する。図１０の例では、縮小画面６１４は、既存Ｗｅｂ画面（Ａ）５１０のものである。なお、縮小画面６１４は、作業者がＤＯＭ単位でコンテンツを選択できるように表示する。例えば、図１０の位置指定ボタン６１５が示す指定画面位置には、１つのＤＯＭ要素が対応づけられている。例えば、作業者が位置指定ボタン６１５をクリックしたときの縮小画面６１４上の画面位置に基づき、１のＤＯＭ要素を特定することができる。
【００８１】
作業者が位置指定ボタン６１５をクリックして画面の所定の位置を指定する。情報抽出部１２１は、クリックされた指定画面位置のコンテンツに対応するＤＯＭ要素を特定し、特定したＤＯＭ要素に関する情報を対象の内容欄６１６と、対象の名前欄６１７と、に表示する。対象の内容欄６１６には、指定画面位置に対応するＨＴＭＬの記述を表示する。対象の名前欄６１７には、このＤＯＭ要素に付す名前を入力することができる。作業者が登録ボタン６１８を押下すると、情報抽出部１２１は、このコンテンツのＤＯＭ要素と、ＤＯＭ要素の位置情報とをマッシュアップ位置情報に登録する。作業者が上記の手順を繰り返して所望の数のコンテンツの登録を行う。そして、作業者が終了ボタン６１９を押下すると、情報抽出部１２１は、マッシュアップ位置情報を確定し、ＷｅｂＡコンテンツ情報を更新する。
【００８２】
データの一例を用いて説明する。
作業者は、情報抽出画面６１０において、既存Ｗｅｂ画面ＵＲＬ欄６１１に既存Ｗｅｂ画面（Ａ）５１０を指定し、読込ボタン６１３を押下する。図１０の例では、既存Ｗｅｂ画面ＵＲＬ欄６１１には、図９に示した既存Ｗｅｂ画面（Ａ）５１０のＵＲＬ「http://URL＿A.xxx.jp/hogehoge」を指定する。これを検出した情報抽出部１２１は、既存Ｗｅｂ画面（Ａ）５１０のＨＴＭＬ（Ａ）データを読み込む。図１１は、既存Ｗｅｂ画面（Ａ）のＨＴＭＬ（Ａ）データの一例を示す図である。
【００８３】
情報抽出部１２１は、このＨＴＭＬ（Ａ）データ３１１ａのＤＯＭ構造を解析し、ＷｅｂＡ管理テーブルを作成する。図１０の例では、情報抽出部１２１は、ＨＴＭＬ（Ａ）データ３１１ａの先頭から順にＤＯＭ要素を検出していく。情報抽出部１２１は、例えば、先頭のタグである＜ｈｔｍｌ＞を検出し、ＤＯＭ要素を生成する。このときのＤＯＭ要素のＤＯＭ構造におけるＤＯＭ位置は、＜ｈｔｍｌ＞になる。情報抽出部１２１は、次のタグ＜ｂｏｄｙ＞を検出し、ＤＯＭ要素を生成する。＜ｂｏｄｙ＞は、＜ｈｔｍｌ＞の子要素であり、このＤＯＭ位置は＜ｈｔｍｌ＞＜ｂｏｄｙ＞になる＜ｄｉｖ  ｉｄ＝“Ａｒｅａ１”＞は、さらにその子要素であり、ＤＯＭ位置は、＜ｈｔｍｌ＞＜ｂｏｄｙ＞＜ｄｉｖ＞［０］になる。情報抽出部１２１は、このようにしてＨＴＭＬ（Ａ）データ３１１ａを解析し、ＤＯＭ要素と、そのＤＯＭ位置とを抽出し、ＷｅｂＡ管理テーブルを作成する。このようにＤＯＭ要素のＤＯＭ位置を特定することにより、当該ＤＯＭに直接アクセスできるようになる。
【００８４】
図１２は、ＷｅｂＡ管理テーブルの一例を示す図である。ＷｅｂＡ管理テーブル３１２ａには、ＨＴＭＬ（Ａ）データ３１１ａを解析して抽出したＤＯＭ要素とそのＤＯＭ位置情報とが対応付けて登録される。番号３１２１は、抽出したＤＯＭ要素に割り当てた識別番号である。ＤＯＭ位置３１２２は、ＤＯＭ要素のＤＯＭ構造における位置を示している。
【００８５】
情報抽出部１２１は、作成したＷｅｂＡ管理テーブル３１２ａと、ＨＴＭＬ（Ａ）データ３１１ａとを用いて、既存Ｗｅｂ画面（Ａ）５１０から抽出するコンテンツを作業者に設定させる。情報抽出部１２１は、縮小画面６１４に位置指定ボタン６１５を重ねて表示し、位置指定ボタン６１５を移動させることによってコンテンツを選択可能にしている。縮小画面６１４のコンテンツは、ＨＴＭＬ（Ａ）管理テーブル３１２ａのＤＯＭ要素に対応付けて表示する。図１０の例では、位置指定ボタン６１５によって「ユーザＩＤ：ｔｅｓｔ＿ｕｓｅｒ」が指定される。これに応じて、情報抽出部１２１は、指定された位置に対応するＤＯＭ要素を認識し、ＨＴＭＬ（Ａ）管理テーブル３１２ａからそのＤＯＭ位置情報を取り出す。情報抽出部１２１は、識別番号３１２１が「５」のＤＯＭ要素が対応すると認識し、そのＤＯＭ位置情報「＜ｈｔｍｌ＞＜ｂｏｄｙ＞＜ｄｉｖ＞［０］＜ｐ＞＜ｓｐａｎ＞」を取り出し、マッシュアップ位置情報に登録する。また、対象の名前欄６１７で設定されたＤＯＭ名「ｕｓｅｒ＿ｉｄ」もマッシュアップ位置情報に登録する。
【００８６】
作業者は、情報抽出画面６１０の縮小画面６１４と、対象の内容欄６１６を確認しながら、既存Ｗｅｂ（Ａ）画面５１０から抽出するコンテンツを順に選択していく。情報抽出部１２１によって、選択されたコンテンツのＤＯＭ位置情報が自動的に設定されるため、作業者の負担を軽減することができる。ここでは、図９に示した「ｔｅｓｔ＿ｕｓｅｒ」５１１と、「１２３４−５６７８」５１２とが指定される。情報抽出部１２１では、指定されたコンテンツのＤＯＭ要素をマッシュアップ位置情報に登録する。作業者が終了ボタン６１９を押下したとき、情報抽出部１２１は元ＤＯＭ要素情報を確定し、ＷｅｂＡコンテンツ情報に書き込む。
【００８７】
図１３は、ＷｅｂＡコンテンツ情報の一例を示す図である。ＷｅｂＡコンテンツ情報１４１ａには、ＷｅｂＡの所在位置を示すＵＲＬ１４１１と、作業者が設定したＷｅｂＡの別名１４１２とが設定されている。それぞれ、図１０に示した情報抽出画面６１０の既存Ｗｅｂ画面ＵＲＬ欄６１１と、別名（短縮名）欄６１２とに対応する。
【００８８】
ＷｅｂＡコンテンツ情報１４１ａには、図９に示した「ｔｅｓｔ＿ｕｓｅｒ」５１１に対応する書き換え元のＤＯＭ１（以下、元ＤＯＭ１とする）と、「１２３４−５６７８」５１２に対応する書き換え元のＤＯＭ２（以下、元ＤＯＭ２とする）が登録されている。元ＤＯＭ１位置１４１３は、情報抽出画面６１０で指定されたコンテンツのＤＯＭ位置情報である。元ＤＯＭ１名１４１４は、情報抽出画面６１０の対象の名前欄６１７において元ＤＯＭ１に付された名前であり、元ＤＯＭ１の識別を容易にするための情報である。元ＤＯＭ２についても同様の情報が登録される。
【００８９】
次に、図９に示した既存Ｗｅｂ画面（Ｂ）５２０について同様の手順を繰り返す。作業者は、情報抽出画面６１０によって既存Ｗｅｂ画面ＵＲＬ欄６１１にＷｅｂＢのＵＲＬを設定し、読込ボタン６１３を押下する。なお、別名（短縮名）欄６１２において、ＷｅｂＢの別名を指定してもよい。情報抽出部１２１は、ユーザ端末４０が出力したＷｅｂＢのＵＲＬ−Ｂと読み込み指示とを受け付け、ＷｅｂサーバＢ３２からＨＴＭＬ（Ｂ）データを取得する。
【００９０】
図１４は、既存Ｗｅｂ画面（Ｂ）のＨＴＭＬ（Ｂ）データの一例を示す図である。ＨＴＭＬ（Ｂ）データ３２１ａは、図９に示した既存Ｗｅｂ画面（Ｂ）５２０に対応する。ＨＴＭＬ（Ｂ）データ３２１ａには、切り取り対象としたコンテンツである「○○  太郎」５２１と、「０３−９９９９−９９９９」５２２が記述されている。情報抽出部１２１は、ＨＴＭＬ（Ｂ）データ３２１ａのＤＯＭ構造を解析し、ＤＯＭ要素とＤＯＭ要素のＤＯＭ構造上の位置情報とを取り出し、ＷｅｂＢ管理テーブルを作成する。このとき、「○○  太郎」５２１と、「０３−９９９９−９９９９」５２２とに対応するＤＯＭ要素も生成される。情報抽出部１２１は、作成したＷｅｂＢ管理テーブルに基づいて、情報抽出画面６１０上にＷｅｂ画面（Ｂ）をＤＯＭ単位に設定可能となるように表示する。作業者によって任意のコンテンツが選択されると、選択されたコンテンツに対応するＤＯＭ要素を認識し、そのＤＯＭ位置情報を取り出し、書き換え元の元ＤＯＭ要素としてマッシュアップ位置情報に登録する。作業者が終了ボタン６１９を押下したとき、情報抽出部１２１はマッシュアップ位置情報を確定し、ＷｅｂＢコンテンツ情報１４２ａに書き込む。
【００９１】
図１５は、ＷｅｂＢコンテンツ情報の一例を示す図である。ＷｅｂＢコンテンツ情報１４２ａには、ＷｅｂページＢの所在位置を示すＵＲＬ１４２１と、作業者が設定したＷｅｂページＢの別名１４２２とが設定されている。それぞれ情報抽出画面６１０の既存Ｗｅｂ画面ＵＲＬ欄６１１と、別名（短縮名）欄６１２とに対応する。
【００９２】
ＷｅｂＢコンテンツ情報１４２ａには、既存Ｗｅｂ画面（Ｂ）５２０の「○○  太郎」５２１に対応する元ＤＯＭ１と、「０３−９９９９−９９９９」に対応する元ＤＯＭ２が登録されている。
【００９３】
次に、図９に示したマッシュアップ画面（Ｍ）５３０について同様の手順を繰り返す。作業者は、情報抽出画面６１０によってＷｅｂＭのＵＲＬを設定し、読込ボタン６１３を押下する。例えば、情報抽出画面６１０において、既存Ｗｅｂ画面ＵＲＬ欄６１１の替わりにマッシュアップ画面ＵＲＬ欄を設け、そこに設定できるようにしてもよい。なお、別名（短縮名）欄６１２でＷｅｂＭを指定してもよい。情報抽出部１２１は、ユーザ端末４０が出力したＷｅｂＭのＵＲＬ−Ｍと読み込み指示とを受け付け、ＨＴＭＬ（Ｍ）データを取得する。自装置の記憶部１４０にあるときは、記憶部１４０からＨＴＭＬ（Ｍ）データ１４３を読み込む。情報抽出部１２１は、ＨＴＭＬ（Ｍ）データが他のＷｅｂサーバにあるときは、このＷｅｂサーバから取得する。
【００９４】
図１６は、ＨＴＭＬ（Ｍ）データの一例を示す図である。ＨＴＭＬ（Ｍ）データ１４３ａには、既存Ｗｅｂ画面（Ａ）５１０と、既存Ｗｅｂ画面（Ｂ）５２０と、から抽出したコンテンツに対応する要素が記述されている。具体的には、「ｕｓｅｒ＿ｉｄ」、「ｕｓｅｒ＿ｎａｍｅ」、「ｏｕｔｅｒ＿ｔｅｌ」、「ｉｎｎｅｒ＿ｔｅｌ」という要素名で記述されている。情報抽出部１２１は、ＨＴＭＬ（Ｍ）データ１４３ａのＤＯＭ構造を解析し、ＤＯＭ要素とＤＯＭ要素のＤＯＭツリー上の位置情報とを取り出し、ＷｅｂＭ管理テーブルを作成する。このとき、「ｕｓｅｒ＿ｉｄ」、「ｕｓｅｒ＿ｎａｍｅ」、「ｏｕｔｅｒ＿ｔｅｌ」、「ｉｎｎｅｒ＿ｔｅｌ」に対応するＤＯＭ要素も生成される。情報抽出部１２１は、作成したＷｅｂＭ管理テーブルに基づいて、情報抽出画面６１０上にＷｅｂ画面（Ｍ）をＤＯＭ単位に設定可能となるように表示する。作業者によって任意のコンテンツが選択されると、選択されたコンテンツに対応するＤＯＭ要素を認識し、そのＤＯＭ位置情報を取り出し、書き換え先のＤＯＭ要素としてマッシュアップ位置情報に登録する。作業者が終了ボタン６１９を押下したとき、情報抽出部１２１はマッシュアップ位置情報を確定し、ＷｅｂＭコンテンツ情報１４４ａに書き込む。
【００９５】
図１７は、ＷｅｂＭコンテンツ情報の一例を示す図である。ＷｅｂＭコンテンツ情報１４４ａには、ＷｅｂＭの所在位置を示すＵＲＬ１４４１と、作業者が設定したＷｅｂＭの別名１４４２とが設定されている。また、ＷｅｂＭコンテンツ情報１４４ａには、「ｕｓｅｒ＿ｉｄ」に対応する書き換え先のＤＯＭ１（以下、先ＤＯＭ１とする）が登録されている。「ｕｓｅｒ＿ｎａｍｅ」に対応する書き換え先ＤＯＭ２（以下、先ＤＯＭ２とする）が登録されている。また、「ｏｕｔｅｒ＿ｔｅｌ」に対応する先ＤＯＭ３及び「ｉｎｎｅｒ＿ｔｅｌ」に対応する先ＤＯＭ４が登録されている。なお、図１７の例では、情報抽出画面６１０において、先ＤＯＭ３には「ｅｘｔ＿ｔｅｌｅｐｈｏｎｅ」、及び先ＤＯＭ４には「ｉｎｎｅｒ＿ｔｅｌｅｐｈｏｎｅ」という識別を容易にするための名前が設定されている。
【００９６】
次に、作業者は、割付画面を用いて、マッシュアップ画面（Ｍ）５３０のコンテンツに、既存Ｗｅｂ画面（Ａ）５１０及び既存Ｗｅｂ画面（Ｂ）５２０のコンテンツを割り付ける。割付部１２２は、作業者の指定に応じて、ＷｅｂＭコンテンツ情報１４４ａのＤＯＭ要素と、ＷｅｂＡコンテンツ情報１４１ａ及びＷｅｂＢコンテンツ情報１４２ａのＤＯＭ要素とを対応付ける。
【００９７】
図１８は、割付画面の一例を示す図である。割付画面６３０では、マッシュアップ画面ＵＲＬ欄６３１と、別名（短縮名）６３２欄と、読込ボタン６３３と、を操作して、対象のマッシュアップを指定することができる。マッシュアップ画面ＵＲＬ欄６３１は、作業者が入力する入力欄である。作業者は、対象のマッシュアップ画面のＨＴＭＬ（Ｍ）データの所在位置を設定する。なお、管理サーバ１００は、記憶部１４０に記憶するＨＴＭＬ（Ｍ）データ１４３の一覧をマッシュアップ画面ＵＲＬ欄６３１に表示し、対象を選択させるとしてもよい。別名（短縮名）欄６３２は、マッシュアップ画面を識別するために任意に付すことができる別名を指定するための欄である。読込ボタン６３３は、作業者が指定したマッシュアップ画面の情報の読み込みを指示するボタンである。作業者によって読込ボタン６３３が押下されると、ユーザ端末４０は、管理サーバ１００にマッシュアップ画面ＵＲＬの通知と、読み込み指示とを出力する。図１８の例では、マッシュアップ画面（Ｍ）５３０に対応するＵＲＬとして、ＵＲＬ−Ｍが通知される。
【００９８】
割付部１２２は、ＵＲＬ−Ｍと、読み込み指示を受け、指定を受けたマッシュアップ画面（Ｍ）５３０に対応するＷｅｂＭコンテンツ情報１４４ａを読み込む。ＷｅｂＭコンテンツ情報が複数あるときは、ＵＲＬが指示と一致するものを選択し、選択したＷｅｂＭコンテンツ情報を読み込む。割付部１２２は、読み込んだＷｅｂＭコンテンツ情報１４４ａに登録されているＤＯＭ要素名に基づき、マッシュアップ画面コンテンツ名６３４の列方向の欄にＤＯＭ要素を配置して表示する。図１８の例では、ＷｅｂＭコンテンツ情報１４４ａに登録される先ＤＯＭ要素に付された先ＤＯＭ名が表示される。割付画面６３０には、マッシュアップ画面コンテンツ名欄６３４に対応して既存Ｗｅｂ画面ＵＲＬ欄６３５と、既存Ｗｅｂ画面コンテンツ名欄６３６とが表示される。既存Ｗｅｂ画面欄ＵＲＬ６３５は、書き換え元の既存Ｗｅｂ画面のＵＲＬを登録する設定欄である。既存Ｗｅｂ画面コンテンツ名欄６３６は、書き換え元の既存Ｗｅｂ画面コンテンツ名（ＷｅｂＡコンテンツ情報１４１ａの元ＤＯＭ名）を設定する設定欄である。作業者は、マッシュアップ画面コンテンツ名６３４に登録される先ＤＯＭ名ごとに、書き換え元の既存Ｗｅｂ画面のＵＲＬと、元ＤＯＭ名とを設定する。割付部１２２は、割付画面６３０における設定に基づいて、マッシュアップ画面のＤＯＭ要素と、既存Ｗｅｂ画面のＵＲＬとＤＯＭ要素とを対応付けた書き換えルールを作成する。
【００９９】
作業者によって登録ボタン６３７が押下され、確定指示がなされたときは、作成した書き換えルールを書き換えルール情報１４５に登録する。
図１９は、書き換えルールの一例を示す図である。書き換えルール情報１４５ａには、書き換え先のマッシュアップ画面のＵＲＬ１４５１と、書き換えルール１４５２と、が登録される。書き換えルール１４５２には、先ＤＯＭ名、元ＵＲＬ、元ＤＯＭ名が設定される。
【０１００】
例えば、書き換えルール１では、マッシュアップ画面の先ＤＯＭ名「ｕｓｅｒ＿ｉｄ」は、既存Ｗｅｂ画面（Ａ）５１０（元ＵＲＬ＝http://URL＿A.xxx.jp/hogehoge）の元ＤＯＭ名「ｕｓｅｒ＿ｉｄ」で書き換える。
【０１０１】
（２）画面生成部
画面生成部１３０の行う処理手順について図を用いて説明する。図２０は、画面生成処理の手順を示す図である。
【０１０２】
マッシュアップ画面を利用する利用者は、ユーザ端末４０からマッシュアップ画面にアクセスする。ユーザ端末４０がマッシュアップ画面のＵＲＬ−Ｍ４５１と、読み込み指示４５２とを管理サーバ１００に出力する。
【０１０３】
［ステップＳ５１］画面生成部１３０は、指定されたＵＲＬ−Ｍに対応するマッシュアップ画面の書き換えルール情報１４５を取得する。
［ステップＳ５２］画面生成部１３０は、書き換えルール情報１４５に基づき、書き換え先と書き換え元のＷｅｂコンテンツ情報を取得する。画面生成部１３０では、書き換え先であるマッシュアップ画面のＷｅｂＭコンテンツ情報１４４と、書き換え元である既存ＷｅｂＡコンテンツ情報１４１及び既存ＷｅｂＢコンテンツ情報１４２と、を読み出す。
【０１０４】
［ステップＳ５３］画面生成部１３０は、書き換えルール情報１４５に基づき、書き換えルールごとに、書き換え先のＤＯＭ要素のマッシュアップ画面上の位置と、書き換え元のＤＯＭ要素の既存画面上の位置とを特定する。画面生成部１３０は、取得したＷｅｂＭコンテンツ情報１４４に基づき、書き換えルール情報１４５の先ＤＯＭ名のＤＯＭ位置を読み出し、書き換え先のＤＯＭ要素のマッシュアップ画面（Ｍ）５３０上の位置を特定する。画面生成部１３０は、続いて先ＤＯＭ名に対応する元ＤＯＭ名のＤＯＭ位置を読み出し、元ＤＯＭ要素が既存Ｗｅｂ画面（Ａ）５１０であるときは、ＷｅｂＡコンテンツ情報１４１に基づき、書き換え元のＤＯＭ要素の既存Ｗｅｂ画面（Ａ）５１０上の位置を特定する。一方、対応する元ＤＯＭ要素が既存Ｗｅｂ画面（Ｂ）５２０であるときは、ＷｅｂＢコンテンツ情報１４２に基づき、書き換え元のＤＯＭ要素の既存Ｗｅｂ画面（Ｂ）上の位置を特定する。
【０１０５】
［ステップＳ５４］画面生成部１３０は、書き換え先であるマッシュアップ画面（Ｍ）５３０のＵＲＬ−Ｍへアクセスし、ＨＴＭＬ（Ｍ）データ１４３ａを取得する。
［ステップＳ５５］画面生成部１３０は、書き換え元である既存Ｗｅｂ画面（Ａ）５１０のＵＲＬ−Ａにアクセスし、ＨＴＭＬ（Ａ）データ３１１を取得する。また、画面生成部１３０は、書き換え元である既存Ｗｅｂ画面（Ｂ）５２０のＵＲＬ−Ｂにアクセスし、ＨＴＭＬ（Ｂ）データ３２１を取得する。
【０１０６】
［ステップＳ５６］画面生成部１３０は、ステップＳ５３で特定した書き換え先のＤＯＭ要素のマッシュアップ画面上の位置と、書き換え元の既存画面上の位置とに基づき、書き換え先のＤＯＭ要素を書き換え元のＤＯＭ要素で書き換える。既存Ｗｅｂ画面（Ａ）５１０及び既存Ｗｅｂ画面（Ｂ）５２０のコンテンツに書き換える。これにより、既存Ｗｅｂ画面（Ａ）５１０及び既存Ｗｅｂ画面（Ｂ）５２０から選択されたコンテンツがマッシュアップ画面（Ｍ）５３０に表示される。
【０１０７】
図２１は、マッシュアップ画面の一例を示す図である。マッシュアップ画面５３０ａには、既存Ｗｅｂ画面のコンテンツである「ｔｅｓｔ＿ｕｓｅｒ」５３１、「○○  太郎」５３２、「０３−９９９９−９９９９」５３３及び「１２３４−５６７８」５３４が表示されている。画面生成部１３０は、書き換えルール情報１４５ａの書き換えルール１に基づいて、既存Ｗｅｂ画面（Ａ）５１０の「ｔｅｓｔ＿ｕｓｅｒ」５１１を書き換え元として「ｔｅｓｔ＿ｕｓｅｒ」５３１を表示する。書き換えルール２に基づいて、既存Ｗｅｂ画面（Ｂ）５２０の「○○  太郎」５２１を書き換え元として「○○  太郎」５３２を表示する。書き換えルール３に基づいて、既存Ｗｅｂ画面（Ｂ）５２０の「０３−９９９９−９９９９」５２２を書き換え元として「０３−９９９９−９９９９」５３３を表示する。そして、書き換えルール４に基づいて、既存Ｗｅｂ画面（Ａ）５１０の「１２３４−５６７８」５１２を書き換え元として、「１２３４−５６７８」５３４を表示する。
【０１０８】
以上、実施の形態を例示したが、実施の形態で示した各部の構成は同様の機能を有する他のものに置換することができる。また、他の任意の構成物や工程が付加されてもよい。さらに、前述した実施の形態のうちの任意の２以上の構成（特徴）を組み合わせたものであってもよい。
【符号の説明】
【０１０９】
２ａ  構造化文書（Ａ）
２ｂ  構造化文書（Ｂ）
３ａ  画面（Ａ）
３ｂ  画面（Ｂ）
４ａ  構造化文書（Ｍ）
４ｂ  設定情報
５  画面（Ｍ）
１０  情報処理装置
１１  記憶部
１２  演算部
【図１】
0006666539.tif 000002
【図２】
0006666539.tif 000003
【図３】
0006666539.tif 000004
【図４】
0006666539.tif 000005
【図５】
0006666539.tif 000006
【図６】
0006666539.tif 000007
【図７】
0006666539.tif 000008
【図８】
0006666539.tif 000009
【図９】
0006666539.tif 000010
【図１０】
0006666539.tif 000011
【図１１】
0006666539.tif 000012
【図１２】
0006666539.tif 000013
【図１３】
0006666539.tif 000014
【図１４】
0006666539.tif 000015
【図１５】
0006666539.tif 000016
【図１６】
0006666539.tif 000017
【図１７】
0006666539.tif 000018
【図１８】
0006666539.tif 000019
【図１９】
0006666539.tif 000020
【図２０】
0006666539.tif 000021
【図２１】
0006666539.tif 000022