(57)【要約】スケーラブルベクトルグラフィックス（SVG）を使用して、ラスター画像を対話的に見るための方法であって、矩形部分と、ディスプレイ幅と高さと、サーバーコンピュータのIPアドレスを示す、ラスター画像への参照をSVG文書内に含むSVG文書を受信することと、SVGビューワへSVG文書を渡すことと、ラスター画像から導出されているラスター画像データの第１部分であって、矩形部分と、ディスプレイ幅とディスプレイ高さに対応するラスター画像データの第１部分をサーバーコンピュータから要求し、サーバーコンピュータからラスター画像データの第１部分を受信し、ラスター画像データの第１部分を表示することを含む、SVG文書を描画することと、ラスター画像データの異なる部分に対するユーザー要求を送信することと、ユーザーにより要求された、異なる部分に従って修正されたSVG文書を受信することと、再描画のために修正されたSVG文書をSVGビューワに渡すことを含む方法。システムおよびコンピュータ読み取り可能格納媒体もまた記載され、請求項の対象となる。【選択図】  図１Ａ
2008516481.tif 000002
【特許請求の範囲】
【請求項１】
スケーラブルベクトルグラフィックス（SVG）を使用して、ラスター画像を対話的に見るための方法であって、
矩形部分と、ディスプレイ幅と高さと、サーバーコンピュータのIPアドレスを示す、ラスター画像への参照をSVG文書内に含む前記SVG文書を受信することと、
SVGビューワへ前記SVG文書を渡すことと、
前記ラスター画像から導出されているラスター画像データの第１部分であって、前記矩形部分と、ディスプレイ幅とディスプレイ高さに対応する前記ラスター画像データの第１部分を前記サーバーコンピュータから要求し、前記サーバーコンピュータから前記ラスター画像データの第１部分を受信し、前記ラスター画像データの第１部分を表示することを備える、前記SVG文書を描画することと、
前記ラスター画像データの異なる部分に対するユーザー要求を送信することと、
前記ユーザーにより要求された前記異なる部分に従って修正されたSVG文書を受信することと、
再描画のために前記修正されたSVG文書を前記SVGビューワに渡すことと、を含む方法。
【請求項２】
前記ラスター画像への参照は、＜image＞タグ内に置かれている請求項１に記載の方法。
【請求項３】
前記修正されたSVG文書は、前記ラスター画像への参照内に修正された矩形部分を有する請求項１に記載の方法。
【請求項４】
前記修正されたSVG文書は、前記ラスター画像への参照内に修正されたディスプレイ幅を有する請求項１に記載の方法。
【請求項５】
前記修正されたSVG文書は、前記ラスター画像への参照内に修正されたディスプレイ高さを有する請求項１に記載の方法。
【請求項６】
スケーラブルベクトルグラフィックスを使用して、ラスター画像を対話的に見るための方法であって、
矩形部分と、ディスプレイ幅と高さを示す、ラスター画像への参照を含むSVG文書をクライアントコンピュータに送信することと、
前記クライアントコンピュータからHTTP要求を受信することと、
前記HTTP要求に基づいて、前記SVG文書を修正することと、
前記修正されたSVG文書を前記クライアントコンピュータに送信することと、を含む方法。
【請求項７】
前記ラスター画像への参照は、＜image＞タグ内に置かれている請求項６に記載の方法。
【請求項８】
前記SVG文書を修正することは、前記ラスター画像への参照内の矩形部分を修正することを含む請求項６に記載の方法。
【請求項９】
前記矩形部分を修正することは、前記クライアントコンピュータディスプレイの特性に基づく請求項８に記載の方法。
【請求項１０】
前記SVG文書を修正することは、前記ラスター画像への参照内のディスプレイ幅を修正することを含む請求項６に記載の方法。
【請求項１１】
前記ディスプレイ幅を修正することは、前記クライアントコンピュータディスプレイの特性に基づく請求項１０に記載の方法。
【請求項１２】
前記SVG文書を修正することは、前記ラスター画像への参照内のディスプレイ高さを修正することを含む請求項６に記載の方法。
【請求項１３】
前記ディスプレイ高さを修正することは、前記クライアントコンピュータディスプレイの特性に基づく請求項１２に記載の方法。
【請求項１４】
ラスター画像をスケーラブルベクトルグラフィックス（SVG）としてストリーミングする方法であって、
SVG文書を受信することと、
前記SVG文書を構文解析することと、
ファイルと、サーバーコンピュータのIPアドレスを示す、ラスター画像への前記SVG文書内の参照を認識することと、
前記ラスター画像から導出されているラスター画像データの第１部分を、前記サーバーコンピュータから要求することと、
前記サーバーコンピュータから、前記ラスター画像データの第１部分を受信することと、
前記ラスター画像データの第１部分を表示することと、
前記ラスター画像データの異なる部分を見るためのユーザー要求を受信することと、
前記ラスター画像から導出されているラスター画像データの第２部分を、前記サーバーコンピュータから要求することと、
前記サーバーコンピュータから前記ラスター画像データの第２部分を受信することと、
前記ラスター画像データの第２部分を表示することと、を含む方法。
【請求項１５】
前記ラスター画像データの第１部分を要求することと、前記ラスター画像データの第２部分を要求することは、前記ラスター画像の矩形部分を要求することと、ディスプレイ幅と高さを指定することを含む請求項１４に記載の方法。
【請求項１６】
前記矩形部分は、正規化座標を使用して指定される請求項１５に記載の方法。
【請求項１７】
前記正規化座標は、前記ラスター画像全体が１の幅を有するように拡大縮小される請求項１６に記載の方法。
【請求項１８】
前記正規化座標は、前記ラスター画像全体が１の高さを有するように拡大縮小される請求項１６に記載の方法。
【請求項１９】
複数の解像度レベルにおける前記ラスター画像は画像タイルに分割され、前記第１および第２部分はそれぞれ、１つまたは２つ以上の画像タイルの和集合に対応する請求項１４に記載の方法。
【請求項２０】
前記ラスター画像の第１部分を要求することと、前記ラスター画像の第２部分を要求することは、１つまたは２つ以上の画像タイルを要求することを含む請求項１９に記載の方法。
【請求項２１】
ラスター画像をスケーラブルベクトルグラフィックスとしてストリーミングする方法であって、
ラスター画像への参照を含むSVG文書を、クライアントコンピュータに送信することと、
前記クライアントコンピュータから、ラスター画像データの第１部分に対する要求を受信することと、
前記クライアントコンピュータへ、前記ラスター画像データの第１部分を送信することと、
前記クライアントコンピュータから、ラスター画像データの第２部分に対する要求を受信することと、
前記クライアントコンピュータへ、前記ラスター画像データの第２部分を送信することと、を含む方法。
【請求項２２】
前記ラスター画像データの第１部分に対する要求と、前記ラスター画像データの第２部分に対する要求は、ディスプレイ幅と高さを含む、前記ラスター画像の矩形部分に対する要求を含む請求項２１に記載の方法。
【請求項２３】
複数の解像度レベルにおける前記ラスター画像は、画像タイルに分割され、前記方法は更に、
少なくとも１つの画像タイルを組立てることを含む、前記ラスター画像データの第１部分を生成することと、
少なくとも１つの画像タイルを組立てることを含む、前記ラスター画像の第２部分を生成することと、を含む請求項２２に記載の方法。
【請求項２４】
前記矩形部分は、正規化座標を使用して指定される請求項２２に記載の方法。
【請求項２５】
前記正規化座標は、前記ラスター画像全体が１の幅を有するように拡大縮小される請求項２４に記載の方法。
【請求項２６】
前記正規化座標は、前記ラスター画像全体が１の高さを有するように拡大縮小される請求項２４に記載の方法。
【請求項２７】
複数の解像度レベルにおける前記ラスター画像は、画像タイルに分割され、前記第１および第２部分はそれぞれ、１つまたは２つ以上の画像タイルの和集合に対応する請求項２１に記載の方法。
【請求項２８】
前記ラスター画像データの第１部分に対する要求と、前記ラスター画像データの第２部分に対する要求は、１つまたは２つ以上の画像タイルに対する要求を含む請求項２７に記載の方法。
【請求項２９】
スケーラブルベクトルグラフィックス（SVG）を使用して、ラスター画像を対話的に見るためのシステムであって、
（ｉ）矩形部分と、ディスプレイ幅と高さと、サーバーコンピュータのIPアドレスを示す、ラスター画像への参照をSVG文書内に含む前記SVG文書を、サーバーコンピュータから受信し、（ｉｉ）異なる部分に従って修正された修正SVG文書を前記サーバーコンピュータから受信し、（ｉｉｉ）ラスター画像データの一部分を前記サーバーコンピュータから受信する受信機と、
（ｉ）前記ラスター画像から導出されているラスター画像データの第１部分であって、前記矩形部分と、ディスプレイ幅とディスプレイ高さに対応する前記ラスター画像データの第１部分を前記サーバーコンピュータから要求し、（ｉｉ）前記ラスター画像データの異なる部分を要求する送信機と、
前記受信機と前記送信機に操作可能に結合され、ラスター画像データの一部分を表示するためのラスター画像プロセッサを備える、SVG文書描画用のSVGレンダラと、を備えるシステム。
【請求項３０】
前記ラスター画像への参照は、＜image＞タグ内に置かれている請求項２９に記載のシステム。
【請求項３１】
前記修正されたSVG文書は、前記ラスター画像への参照内に修正された矩形部分を有する請求項２９に記載のシステム。
【請求項３２】
前記修正されたSVG文書は、前記ラスター画像への参照内に修正されたディスプレイ幅を有する請求項２９に記載のシステム。
【請求項３３】
前記修正されたSVG文書は、前記ラスター画像への参照内に修正されたディスプレイ高さを有する請求項２９に記載のシステム。
【請求項３４】
スケーラブルベクトルグラフィックスを使用して、ラスター画像を対話的に見るためのシステムであって、
矩形部分と、ディスプレイ幅と高さを示す、ラスター画像への参照を含むSVG文書をクライアントコンピュータに送信する送信機と、
前記クライアントコンピュータからHTTP要求を受信する受信機と、
SVG文書を前記HTTP要求に基づいて修正するための、前記送信機および前記受信機に結合されたエディタと、を備えるシステム。
【請求項３５】
前記ラスター画像への参照は、＜image＞タグ内に置かれている請求項３４に記載のシステム。
【請求項３６】
前記エディタは、前記ラスター画像への参照内の矩形部分を修正する請求項３４に記載のシステム。
【請求項３７】
前記エディタは、前記クライアントコンピュータディスプレイの特性に基づいて前記矩形部分を修正する請求項３６に記載のシステム。
【請求項３８】
前記エディタは、前記ラスター画像への参照内のディスプレイ幅を修正する請求項３４に記載のシステム。
【請求項３９】
前記エディタは、前記クライアントコンピュータディスプレイの特性に基づいて前記ディスプレイ幅を修正する請求項３８に記載のシステム。
【請求項４０】
前記エディタは、前記ラスター画像への参照内のディスプレイ高さを修正する請求項３４に記載のシステム。
【請求項４１】
前記エディタは、前記クライアントコンピュータディスプレイの特性に基づいて前記ディスプレイ高さを修正する請求項４０に記載のシステム。
【請求項４２】
ラスター画像をスケーラブルベクトルグラフィックス（SVG）としてストリーミングするシステムであって、
（ｉ）SVG文書を受信し、（ｉｉ）ラスター画像データの一部分を受信する受信機と、
（ｉ）前記ラスター画像から導出されているラスター画像データの第１部分を、前記サーバーコンピュータから要求する送信機と、
（ｉ）SVG文書の構文解析を行い、（ｉｉ）ファイルと、サーバーコンピュータのIPアドレスを示す、ラスター画像への前記SVG文書内の参照を認識するための、前記受信機に結合されたSVGパーサーと、
前記ラスター画像データの第１部分を表示するための、前記受信機に結合されたレンダラと、
前記第１部分とは異なる、ラスター画像データの第２部分を見ることに対するユーザー要求を受信するための、前記送信機に結合された入力プロセッサと、を備えるシステム。
【請求項４３】
前記送信機は、前記ラスター画像の矩形部分を要求し、ディスプレイ幅および高さを指定する請求項４２に記載のシステム。
【請求項４４】
前記矩形部分は、正規化座標を使用して指定される請求項４３に記載のシステム。
【請求項４５】
前記正規化座標は、前記ラスター画像全体が１の幅を有するように拡大縮小される請求項４４に記載のシステム。
【請求項４６】
前記正規化座標は、前記ラスター画像全体が１の高さを有するように拡大縮小される請求項４４に記載のシステム。
【請求項４７】
複数の解像度レベルにおける前記ラスター画像は画像タイルに分割され、前記第１および第２部分はそれぞれ、１つまたは２つ以上の画像タイルの和集合に対応する請求項４２に記載のシステム。
【請求項４８】
前記送信機は、１つまたは２つ以上の画像タイルを要求する請求項４７に記載のシステム。
【請求項４９】
ラスター画像をスケーラブルベクトルグラフィックスとしてストリーミングするシステムであって、
クライアントコンピュータから、ラスター画像データの一部分に対する要求を受信する受信機と、
（ｉ）ラスター画像への参照を含むSVG文書をクライアントコンピュータに送信し、（ｉｉ）ラスター画像データの第１部分を、前記クライアントコンピュータに送信する送信機と、を備えるシステム。
【請求項５０】
前記ラスター画像データの一部分に対する要求は、ディスプレイ幅と高さを含む、前記ラスター画像の矩形部分に対する要求を含む請求項４９に記載のシステム。
【請求項５１】
複数の解像度レベルにおける前記ラスター画像は、画像タイルに分割され、前記システムは更に、少なくとも１つの画像タイルを組立てることにより、ラスター画像データの要求された一部分を生成する画像プロセッサを備える請求項５０に記載のシステム。
【請求項５２】
前記矩形部分は、正規化座標を使用して指定される請求項５０に記載のシステム。
【請求項５３】
前記正規化座標は、前記ラスター画像全体が１の幅を有するように拡大縮小される請求項５２に記載のシステム。
【請求項５４】
前記正規化座標は、前記ラスター画像全体が１の高さを有するように拡大縮小される請求項５２に記載のシステム。
【請求項５５】
複数の解像度レベルにおける前記ラスター画像は画像タイルに分割され、前記第１および第２部分はそれぞれ、１つまたは２つ以上の画像タイルの和集合に対応する請求項４９に記載のシステム。
【請求項５６】
ラスター画像データの第１部分に対する要求と、ラスター画像データの第２部分に対する要求は、１つまたは２つ以上の画像タイルに対する要求を含む請求項５５に記載のシステム。
【請求項５７】
プログラムコードを格納するコンピュータ読み取り可能格納媒体であって、コンピュータに、
矩形部分と、ディスプレイ幅と高さと、サーバーコンピュータのIPアドレスを示す、ラスター画像への参照をSVG文書内に含む前記SVG文書を受信するステップと、
SVGビューワへ前記SVG文書を渡すステップと、
前記ラスター画像から導出されているラスター画像データの第１部分であって、前記矩形部分と、ディスプレイ幅とディスプレイ高さに対応する前記ラスター画像データの第１部分を前記サーバーコンピュータから要求し、前記サーバーコンピュータから前記ラスター画像データの第１部分を受信し、前記ラスター画像データの第１部分を表示することを含む、前記SVG文書を描画するステップと、
前記ラスター画像データの異なる部分に対するユーザー要求を送信するステップと、
前記ユーザーにより要求された前記異なる部分に従って修正された修正SVG文書を受信するステップと、
再描画のために前記修正されたSVG文書を前記SVGビューワに渡すステップと、を実行させるプログラムコードを格納するコンピュータ読み取り可能格納媒体。
【請求項５８】
プログラムコードを格納するコンピュータ読み取り可能格納媒体であって、コンピュータに、
矩形部分と、ディスプレイ幅と高さを示す、ラスター画像への参照を含むSVG文書をクライアントコンピュータに送信するステップと、
前記クライアントコンピュータからHTTP要求を受信するステップと、
前記HTTP要求に基づいて、前記SVG文書を修正するステップと、
前記修正されたSVG文書を前記クライアントコンピュータに送信するステップと、を実行させるプログラムコードを格納するコンピュータ読み取り可能格納媒体。
【請求項５９】
プログラムコードを格納するコンピュータ読み取り可能格納媒体であって、コンピュータに、
SVG文書を受信するステップと、
前記SVG文書を構文解析するステップと、
ファイルと、サーバーコンピュータのIPアドレスを示す、ラスター画像への前記SVG文書内の参照を認識するステップと、
前記ラスター画像から導出されているラスター画像データの第１部分を、前記サーバーコンピュータから要求するステップと、
前記サーバーコンピュータから、前記ラスター画像データの第１部分を受信するステップと、
前記ラスター画像データの第１部分を表示するステップと、
前記ラスター画像データの異なる部分を見ることに対するユーザー要求を受信するステップと、
前記ラスター画像から導出されているラスター画像データの第２部分を、前記サーバーコンピュータから要求するステップと、
前記サーバーコンピュータから前記ラスター画像データの第２部分を受信するステップと、
前記ラスター画像データの第２部分を表示するステップと、を実行させるプログラムコードを格納するコンピュータ読み取り可能格納媒体。
【請求項６０】
プログラムコードを格納するコンピュータ読み取り可能格納媒体であって、コンピュータに、
ラスター画像への参照を含むSVG文書を、クライアントコンピュータに送信するステップと、
前記クライアントコンピュータから、ラスター画像データの第１部分に対する要求を受信するステップと、
前記クライアントコンピュータへ、前記ラスター画像データの第１部分を送信するステップと、
前記クライアントコンピュータから、ラスター画像データの第２部分に対する要求を受信するステップと、
前記クライアントコンピュータへ、前記ラスター画像データの第２部分を送信するステップと、を実行させるプログラムコードを格納するコンピュータ読み取り可能格納媒体。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、画像のようなメディアの、ワイヤレス装置へのストリーミングに関する。
【背景技術】
【０００２】
インターネットストリーミングは、メディアファイルをディスクに保存する必要がなく、メディアを、受信機側において受信しながら再生できるような方法でデジタルメディアを送信する技術である。ストリーミングにより、アナログの世界におけるラジオおよびテレビ放送のように、デジタルの世界における生放送が可能になる。従来のストリーミングは、デジタルオーディオおよびデジタルビデオを含む、時間ベースメディアに使用される。データを、サーバーコンピュータからクライアントコンピュータで受信しながら、オーディオファイルまたはビデオファイルをクライアントコンピュータに保存する必要なく、ユーザーは、オーディオデータから生成された音楽を聴き、ビデオデータから生成された動画を見ることができる。クライアントにおいて追加データが受信されると、再生されている音楽および映像は、時間的に正しく進行する。
【０００３】
画像のストリーミングは、時間ベースメディアに対する新しいパラダイムであり、対話的に見ることができ、格納すべき大量のデータを要する画像または他のメディアに有効である。画像は単一フレームであり、時系列の順ではないが、それにも関わらず、データの受信中に、画像データをファイルに保存する必要なく、対話的に見ることができるということは非常に有利である。高画質のラスター画像は、コンピュータディスプレイ画面では、最大解像度では表示することが一般的にはできない。そうではなく、画像の低解像度バージョンは最大解像度で、または高解像度バージョンは部分的に表示できる。ユーザーは、画像のより小さな部分をズームインして高解像度で、より広い部分をズームアウトして低解像度で、および固定解像度でそれを左右上下にパンすることにより、画像の異なる部分を対話的に見ることができる。
【０００４】
画像ストリーミングには、画像データをサーバーコンピュータからクライアントコンピュータへ、クライアントが、現在要求されている解像度で画像の現在要求されている部分を表示するために必要なデータを有するという方法で、ユーザーの対話的視聴要求に応答して送ることが含まれる。時系列の順でクライアントに一般的にデータをプッシュする（送り出す）というオーディオおよびビデオストリーミングとは異なり、画像ストリーミングは一般的に、個々のユーザーのナビゲーションに基づいて、「オンデマンド」の順にサーバーからデータをプルする（引き出す）。このように、第１のユーザーが、ユーザー独自の順序で画像間をナビゲートしている間に、第２のユーザーは、異なる順序でナビゲートできる。いずれの場合も、「ちょうど十分なだけのデータ」が各ユーザーの対話的要求を満足するために各ユーザーにストリーミングされる。
【０００５】
画像ストリーミングは、ラスター画像のバージョンを種々の解像度で生成し、画像を各生成された解像度の矩形画像タイルに分割することにより実践できる。特別な解像度における画像の特別な部分に対するユーザー要求は、１つまたは２つ以上の画像タイルを特定し、送信することにより満たされる。画像ストリーミングは、サーバー側の描画、クライアント側の描画、およびサーバー側とクライアント側混合の描画を含む、種々のアーキテクチャを使用して実践できる。サーバー側の描画は、各対話的ユーザー要求に対して、サーバーが、適切な画像タイルを組立て、組立てた画像を適切にトリミングし、再拡大縮小し、単一JPEG画像を生成することが必要となる。サーバー側の描画の優位点は、画像ストリーミングが、従来のウェブブラウザが起動しているクライアントコンピュータのいずれに対しても可能であるということ、つまり、クライアント側では特別な目的のソフトウェアを必要としないということである。クライアント側の描画は、画像処理負担をサーバーからクライアントに移す。適切な画像タイルがサーバーからクライアントへ、生の未処理データとして送信され、クライアントは、この画像タイルを組立て、処理する作業を行う。クライアント側の描画の優位点は、クライアントにおいてのより高速な性能である。
【０００６】
従来の時間ベースのオーディオおよびビデオストリーミングと、非時間ベースの画像ストリーミングの間の重要な違いは、描画されるデータの繰り返しである。具体的には、オーディオおよびビデオシーケンスは、一般的には、ワンパス順方向再生順序で再生／描画され、同一データは一般的には２回以上は再生／描画されない。しかし、画像ナビゲーションは、繰り返しに特徴がある。拡大および縮小、および左右上下へパンしている間、ユーザーは同一データに何度も何度も戻ることがよくある。典型的には、画像タイルは、ユーザーが画像をナビゲートしている間に、複数回描画される。このように、画像ストリーミングの性能は、タイルのキャッシングにより多大な恩恵を受けることになる。
Guedaliaによる特許文献１は、画像タイル送信による画像ストリーミングを記載している。Guedaliaによる特許文献２と特許文献３は、インターネット映像化プロトコルを使用して、HTMLページ内の画像ファイルへの参照を修正することにより作動する、サーバー側画像ストリーミングの実施形態を記載している。Guedaliaによる特許文献４と、Guedaliaその他による特許文献５は、画像データの連続するまとまりが送信され、それぞれの連続するまとまりが、描画された画像の品質を改善する順次画像ストリーミングを記載している。Guedaliaによる特許文献６は、画像データを送信するプッシュプルの方法およびシステムを記載しており、画像の低品質バージョンのデータはユーザーのデスクトップにプッシュされ（送り出され）、画像の品質を改善するデータはユーザーの要求によりプルされる（引き出される）。
【特許文献１】米国特許第５，９６８，１２０号公報
【特許文献２】米国特許第６，１２１，９７０号公報
【特許文献３】米国特許第６，３５６，２８３号公報
【特許文献４】米国特許第６，５３６，０４３号公報
【特許文献５】米国特許第６，７２１，９５２号公報
【特許文献６】米国特許第６，７４５，２２６号公報
【発明の開示】
【０００７】
本発明は、SVG文書内のラスター画像をストリーミングする方法とシステムを提供する。本発明の方法とシステムは、特に、サーバー側の描画とクライアント側の描画を含む、多様なソフトウェアとハードウェアアーキテクチャを使用して実践でき、ワイヤレス装置へ画像を効果的にストリーミングするためには特に有利である。
【０００８】
本発明の良好な実施形態によれば、スケーラブルベクトルグラフィックス（SVG）を使用して、ラスター画像を対話的に見るための方法であって、矩形部分と、ディスプレイ幅と高さと、サーバーコンピュータのIPアドレスを示す、ラスター画像への参照をSVG文書内に含むSVG文書を受信することと、SVGビューワへSVG文書を渡すことと、ラスター画像から導出されているラスター画像データの第１部分であって、矩形部分と、ディスプレイ幅とディスプレイ高さに対応するラスター画像データの第１部分をサーバーコンピュータから要求し、サーバーコンピュータからラスター画像データの第１部分を受信し、ラスター画像データの第１部分を表示することを含める、SVG文書を描画することと、ラスター画像データの異なる部分に対するユーザー要求を送信することと、ユーザーにより要求された異なる部分に従って修正されたSVG文書を受信することと、再描画のために修正されたSVG文書をSVGビューワに渡すことを含む方法が提供される。
【０００９】
本発明の良好な実施形態によれば、スケーラブルベクトルグラフィックスを使用して、ラスター画像を対話的に見るための方法であり、矩形部分と、ディスプレイ幅と高さを示す、ラスター画像への参照を含むSVG文書をクライアントコンピュータに送信することと、クライアントコンピュータからHTTP要求を受信することと、HTTP要求に基づいて、SVG文書を修正することと、修正されたSVG文書をクライアントコンピュータに送信することを含む方法が更に提供される。
【００１０】
本発明の良好な実施形態によれば、ラスター画像をスケーラブルベクトルグラフィックス（SVG）としてストリーミングする方法であって、SVG文書を受信することと、SVG文書を構文解析することと、ファイルと、サーバーコンピュータのIPアドレスを示す、ラスター画像へのSVG文書内の参照を認識することと、ラスター画像から導出されているラスター画像データの第１部分を、サーバーコンピュータから要求することと、サーバーコンピュータから、ラスター画像データの第１部分を受信することと、ラスター画像データの第１部分を表示することと、ラスター画像データの異なる部分を見るためのユーザー要求を受信することと、ラスター画像から導出されているラスター画像データの第２部分を、サーバーコンピュータから要求することと、サーバーコンピュータからラスター画像データの第２部分を受信することと、ラスター画像データの第２部分を表示することを含む方法が更に提供される。
【００１１】
本発明の良好な実施形態によれば、ラスター画像をスケーラブルベクトルグラフィックスとしてストリーミングする方法であって、ラスター画像への参照を含むSVG文書を、クライアントコンピュータに送信することと、クライアントコンピュータから、ラスター画像データの第１部分に対する要求を受信することと、クライアントコンピュータへ、ラスター画像データの第１部分を送信することと、クライアントコンピュータから、ラスター画像データの第２部分に対する要求を受信することと、クライアントコンピュータへ、ラスター画像データの第２部分を送信することを含む方法が更に提供される。
【００１２】
本発明の良好な実施形態によれば、スケーラブルベクトルグラフィックス（SVG）を使用して、ラスター画像を対話的に見るためのシステムであって、（ｉ）矩形部分と、ディスプレイ幅と高さと、サーバーコンピュータのIPアドレスを示す、ラスター画像への参照をSVG文書内に含むSVG文書を、サーバーコンピュータから受信し、（ｉｉ）異なる部分に従って修正された修正SVG文書をサーバーコンピュータから受信し、（ｉｉｉ）ラスター画像データの一部分をサーバーコンピュータから受信する受信機と、（ｉ）ラスター画像から導出されているラスター画像データの第１部分であって、矩形部分と、ディスプレイ幅とディスプレイ高さに対応するラスター画像データの第１部分をサーバーコンピュータから要求し、（ｉｉ）ラスター画像データの異なる部分を要求する送信機と、受信機と記送信機に操作可能に結合され、ラスター画像データの一部分を表示するためのラスター画像プロセッサを備える、SVG文書描画用のSVGレンダラを含むシステムが更に提供される。
【００１３】
本発明の良好な実施形態によれば、スケーラブルベクトルグラフィックスを使用して、ラスター画像を対話的に見るためのシステムであって、矩形部分と、ディスプレイ幅と高さを示す、ラスター画像への参照を含むSVG文書をクライアントコンピュータに送信する送信機と、クライアントコンピュータからHTTP要求を受信する受信機と、SVG文書をHTTP要求に基づいて修正するための、送信機および受信機に結合されたエディタを含むシステムが更に提供される。
【００１４】
本発明の良好な実施形態によれば、ラスター画像をスケーラブルベクトルグラフィックス（SVG）としてストリーミングするシステムであって、（ｉ）SVG文書を受信し、（ｉｉ）ラスター画像データの一部分を受信する受信機と、（ｉ）ラスター画像から導出されているラスター画像データの第１部分を、サーバーコンピュータから要求する送信機と、（ｉ）SVG文書の構文解析を行い、（ｉｉ）ファイルと、サーバーコンピュータのIPアドレスを示す、ラスター画像への前記SVG文書内の参照を認識するための、前記受信機に結合されたSVGパーサーと、ラスター画像データの第１部分を表示するための、受信機に結合されたレンダラと、第１部分とは異なる、ラスター画像データの第２部分を見ることに対するユーザー要求を受信するための、前記送信機に結合された入力プロセッサと、が更に提供される。
【００１５】
本発明の良好な実施形態によれば、ラスター画像をスケーラブルベクトルグラフィックスとしてストリーミングするシステムであって、クライアントコンピュータから、ラスター画像データの一部分に対する要求を受信する受信機と、（ｉ）ラスター画像への参照を含むSVG文書をクライアントコンピュータに送信し、（ｉｉ）ラスター画像データの第１部分を、クライアントコンピュータに送信する送信機を含むシステムが更に提供される。
【００１６】
本発明の良好な実施形態によれば、プログラムコードを格納するコンピュータ読み取り可能格納媒体であって、コンピュータに、矩形部分と、ディスプレイ幅と高さと、サーバーコンピュータのIPアドレスを示す、ラスター画像への参照をSVG文書内に含むSVG文書を受信するステップと、SVGビューワへSVG文書を渡すステップと、ラスター画像から導出されているラスター画像データの第１部分であって、矩形部分と、ディスプレイ幅とディスプレイ高さに対応するラスター画像データの第１部分をサーバーコンピュータから要求し、サーバーコンピュータからラスター画像データの第１部分を受信し、ラスター画像データの第１部分を表示することを含む、SVG文書を描画するステップと、ラスター画像データの異なる部分に対するユーザー要求を送信するステップと、ユーザーにより要求された異なる部分に従って修正された修正SVG文書を受信するステップと、再描画のために修正されたSVG文書をSVGビューワに渡すステップを実行させるためのプログラムコードを格納するコンピュータ読み取り可能格納媒体が更に提供される。
【００１７】
本発明の良好な実施形態によれば、プログラムコードを格納するコンピュータ読み取り可能格納媒体であって、コンピュータに、矩形部分と、ディスプレイ幅と高さを示す、ラスター画像への参照を含むSVG文書をクライアントコンピュータに送信するステップと、クライアントコンピュータからHTTP要求を受信するステップと、HTTP要求に基づいて、SVG文書を修正するステップと、修正されたSVG文書をクライアントコンピュータに送信するステップを実行させるプログラムコードを格納するコンピュータ読み取り可能格納媒体が更に提供される。
【００１８】
本発明の良好な実施形態によれば、プログラムコードを格納するコンピュータ読み取り可能格納媒体であって、コンピュータに、SVG文書を受信するステップと、SVG文書を構文解析するステップと、ファイルと、サーバーコンピュータのIPアドレスを示す、ラスター画像へのSVG文書内の参照を認識するステップと、ラスター画像から導出されているラスター画像データの第１部分を、サーバーコンピュータから要求するステップと、サーバーコンピュータから、ラスター画像データの第１部分を受信するステップと、ラスター画像データの第１部分を表示するステップと、ラスター画像データの異なる部分を見ることに対するユーザー要求を受信するステップと、ラスター画像から導出されているラスター画像データの第２部分を、サーバーコンピュータから要求するステップと、サーバーコンピュータからラスター画像データの第２部分を受信するステップと、ラスター画像データの第２部分を表示するステップを実行させるプログラムコードを格納するコンピュータ読み取り可能格納媒体が更に提供される。
【００１９】
本発明の良好な実施形態によれば、プログラムコードを格納するコンピュータ読み取り可能格納媒体であって、コンピュータに、ラスター画像への参照を含むSVG文書を、クライアントコンピュータに送信するステップと、クライアントコンピュータから、ラスター画像データの第１部分に対する要求を受信するステップと、クライアントコンピュータへ、ラスター画像データの第１部分を送信するステップと、クライアントコンピュータから、ラスター画像データの第２部分に対する要求を受信するステップと、クライアントコンピュータへ、ラスター画像データの第２部分を送信するステップを実行させるプログラムコードを格納するコンピュータ読み取り可能格納媒体が更に提供される。
【発明を実施するための最良の形態】
【００２０】
本発明は、サーバーコンピュータから、SVGを使用する複数のクライアントコンピュータへ、ラスター画像をストリーミングする方法およびシステムに関する。
【００２１】
本発明は好ましくは、従来のクライアントおよびサーバーコンピュータのネットワーク内で実践され、サーバーコンピュータはメディアをクライアントコンピュータに配信する。サーバーおよびクライアントコンピュータは従来のコンピューティング装置でよく、それぞれは、中央処理ユニット、プログラムおよびデータ格納用のメモリユニット、マウスおよびキーボードを含む入力装置、および出力ディスプレイ装置を含む。好ましくは、中央処理ユニット、メモリユニット、およびマウス、キーボード、ディスプレイの装置ドライバは、従来のデータバスを使用して相互に通信可能に結合される。好ましくは、サーバーコンピュータはウェブサーバーソフトウェアを実行し、クライアントコンピュータはウェブブラウザソフトウェアを実行する。
【００２２】
下記の記述から、本発明は、装置が、相互に通信する処理手段、プログラムおよびデータ格納手段、および入力および表示手段を含む限り、特に携帯情報端末（PDA）、携帯メディアプレーヤー、および携帯電話を含む移動コンピューティング装置内で実践できるということは理解されよう。
【００２３】
ここで図１Ａ−１Ｆを参照すると、これらの図は、本発明の良好な実施形態による、ユーザーが選択された画像フレーム、選択された画像およびカスタムテキストを合成することによりカスタムグラフィックを生成する画像ストリーミングを利用するグラフィックスソフトウェアアプリケーション内のワークフローの段階を示している。ユーザーがそこから選択を行う複数のデザイン画像フレームは、好ましくはサーバーコンピュータに常駐し、ユーザーがそこから選択を行う複数の写真は、好ましくはサーバーコンピュータまたはユーザーのクライアントコンピュータ上に常駐する。
【００２４】
図１Ａ−１Ｆに示されるワークフローはアーキテクチャに依存せず、図２〜図５と付録ＢとＣを参照して下記に記述されるように、画像ストリーミングを使用して、多様な方法で具現化できる。
【００２５】
図１Ａは、本発明の良好な実施形態による、絵柄フレームサムネール１１０の一群から、ユーザーが絵柄フレームを選択可能にする表示されたウェブページを示している。マウスポインタが絵柄フレームサムネール１１０の１つの上に位置している間に、ユーザーはマウスボタンをクリックすることにより特定のフレームを選択する。この後、ユーザーは「次へ」ボタン１２０をクリックして、次の段階に進み、選択されたフレーム内に置く絵柄を選択する。
【００２６】
図１Ｂは、本発明の良好な実施形態による、ユーザーが図１Ａの「次へ」ボタン１２０をクリックした後の次のウェブページを示しており、ユーザーが絵柄サムネール１３０の一群から画像を選択できる。サムネール１３０に対応する絵柄は、ユーザーの個人的なものであっても、画像在庫の所有者から供給されてもよい。ユーザーは、マウスポインタが絵柄サムネール１３０の１つの上に位置している間に、マウスボタンをクリックすることにより特定の絵柄を選択する。
【００２７】
付録Ａ１も参照すると、この付録Ａ１は、本発明の良好なサーバー側の実施形態による、図１Ｂに示されるページを生成するために使用されるHTML文書のリストであり、付録Ａ２は、図１Ｂに示されたテンプレートを生成するために使用されるSVG文書のリストである。付録における種々のテキストラインは、強調のために下線が引かれている。付録Ａ１の下線が引かれたテキスト<EMBED SRC="Template" class="template" id="templateView" type="image/svg+xml" width="350" height="350"></EMBED>は、付録Ａ２に一覧表示されたSVG文書を埋め込むために使用され、選択された絵柄フレーム１４０と選択された絵柄１５０を含むテンプレートを描画するためのソースを含んでいる。
【００２８】
付録Ａ２の下線を引いたテキストxlink:href="http://demol.iseemedia.com:80/?OBJ=IIP,1.O&FIF=/svgDemo/smallDemo/babies/baby01.fpx&WID=171&HEI=171&RGN=0.16648138,0.0,0.66703725,1.0&CVT=jpeg"は、１７１画素の幅と１７１画素の高さの表示のためにサブサンプルされた絵柄１５０用のFlashpix画像ファイル、baby01.fpx、の一部分に対応するJPEG画像を要求するために使用される。要求された部分は、RGNパラメータ内で、正規化座標を使用して、左下の座標（０.１６６４８１３８，０）、幅０.６６７０３７２５、および高さ１.０の、つまり、赤ん坊の絵柄全体が１.０の幅と高さを有するように拡大縮小された座標の矩形領域として指定される。このように、要求された部分はセンタリングされ、赤ん坊絵柄全体の高さを拡張し、幅を１／６から５／６へ拡張する。赤ん坊絵柄１５０の全体は、３：２のアスペクト比を有し、従って要求される部分は正方形画素配列である。上記の要求は、インターネット映像化プロトコルに従ってフォーマットされる。
【００２９】
同様に、付録Ａ２において下線を引いたテキストxlink:href="http://demol.iseemedia.com:80/?OBJ=IIP,1.0&FIF=/svgDemo/lplmages/20001073.fpx&WID=280&CVT=jpeg"は、２８０画素の幅で、Flashpix画像のアスペクト比に基づく対応する高さでの表示用にサブサンプルされた、絵柄フレーム１４０用のFlashpix画像ファイル、20001073.fpx、全体に対応するJPEG画像を要求するために使用される。
【００３０】
上記のRGNパラメータにより指定された赤ん坊絵柄１５０の部分は、フレーム１４０の切り抜きを通して部分的に見えるだけである。これは、サムネール絵柄１３０を、切り抜きを通して示される赤ん坊絵柄１５０の部分と比較することにより明白である。実際、切り抜きを取り囲むワイヤフレーム１６０は、RGNパラメータにより指定された絵柄１５０の全体部分により占有された領域に対応する。このように、上記のRGNパラメータを参照すると、ワイヤフレーム１６０は、絵柄１５０の幅の２／３と、高さの全体を取り囲む。付録Ａ２における、id=def3を有するクリップパス内の、下線を引いたテキストd="M874.665,28.8506C1188.21,28.8506 1442.39,283.031 1442.39,596.577C1442.39, 910.124 1188.21,1164.3 874.665,1164.3C561.118,1164.3 306.938,910.124 306.938, 596.577C306.938,283.031 561.118,28.8506 874.665,28.8506"は、フレーム１４０内の切り抜き領域を指定する。同一の切り抜き領域は、付録ＢとＣで指定されている。付録Ａ２、ＢおよびＣの種々のマトリックスは、均一スケールおよびシフト変換である。
【００３１】
図１Ｂのページを見ているユーザーは、フレーム１４０の下に示されているボタンの１つをクリックして、切り抜きを通して示されている絵柄１５０の部分を調整できる。このように、ボタン１７０をクリックすることにより、ユーザーは絵柄１５０を拡大できる。本発明の良好な実施形態によると、これに応答して、サーバーはそのようなユーザー要求を受信すると、それに従ってSVG文書を修正する。ボタン１７０は、下線を引いたテキスト<IMGclass="imgEditButton"src="images/in.gif"alt="in"onclick="updateTemplatelmage (&quot;IN&quot;)">に対応し、それはin.gifのアイコン画像を使用してボタン１７０を表示し、ユーザーがボタン１７０をクリックすると、パラメータ「IN」の関数updateTemplateImage（）を起動する。付録Ａ１に示されるように、フレーム１４０の下の図１Ｂに示される１３個の調整ボタンは、パラメータ「left」、「right」、「up」、「down」、「in」、「out」、「LEFT」、「RIGHT」、「UP」、「DOWN」、「IN」、「OUT」、「reset」に対応する。
【００３２】
図１Ｃは、本発明の良好な実施形態による、ユーザーが図１Ｂのボタン１７０をクリックした後に生成された、フレーム１４０の円形切り抜き内の絵柄１５０のより小さな部分を示している。付録Ｂも参照すると、付録Ｂは、本発明の良好なサーバー側の実施形態による、図１Ｃに示されたテンプレートを生成するために使用されるSVG文書のリストである。好ましくは、サーバーは、ボタン１７０に対応するユーザー要求を受信したときに、付録Ａ２のSVG文書を修正して、付録Ｂに示されるSVG文書を生成する。付録Ｂにおける下線を引いたテキスト xlink:href="http://demol.iseemedia.com:80/?OBJ=IIP,1.O&FIF=/svgDemo/smallDemo/babies/baby01.fpx&WID=171&HEI=171&amp:RGN=O.30098295,0.20164026,0.39803413,0.5967 195&CVT=jpeg"は、１７１画素の同じ幅で、１７１画素の高さでの表示のためにサブサンプルされた、Flashpix画像ファイルbaby01.fpxの異なる部分に対応するJPEG画像を要求するために使用される。要求された部分は、左下の座標（０.３００９８２９５，０.２０１６４０２６）で、幅０.３９８０３４１３、高さ０.５９６７１２５の矩形領域であり、つまり、幅を約３０％から７０％に、高さを２０％から８０％にセンタリングする。絵柄１５０のより小さな部分はフレーム１４０の切り抜きを通して示されるので、付録Ｂ内の矩形領域は、付録Ａ２の対応する矩形よりも小さいことに注意されたい。更に、２つの矩形領域は、同じ幅対高さ比を有していることにも注意されたい。
【００３３】
付録Ａ２と同様に、付録Ｂにおける下線を引いたテキストxlink:href="http://demol.iseemedia.com:80/?OBJ=IIP,1.O&FIF=/svgDemo/lplmages/20001073.fpx&WID=280&CVT=jpeg"は、幅２８０画素で、Flashpix画像のアスペクト比に基づく対応する高さでの表示のためにサブサンプルされた、絵柄フレーム１４０に対してのFlashpix画像ファイル、20001073.fpx、の全体に対応する同一のJPEG画像を要求するために使用される。
【００３４】
図１Ｄは、本発明の良好な実施形態による、ユーザーが図１Ｂの「次へ」ボタン１２０をクリックした後の、図１Ｂに続く次の段階のページを示している。図１Ｄに示されるページにより、ユーザーは、合成されているテンプレート内にカスタムテキストを埋め込むことができる。
【００３５】
図１Ｅは、本発明の良好な実施形態による、ユーザーが図１Ｄの「次へ」ボタン１２０をクリックした後の、図１Ｄに続く次の段階のページを示している。図１Ｅに示された段階において、ユーザーは、自分のグラフィックの生成を終了し、選択された絵柄フレームと、ユーザー調整を行った選択された絵柄と、カスタムテキストを合成した。「より大きな表示」ボタン１８０により、ユーザーは自分の合成したグラフィックのより大きなバージョンを見ることができる。
【００３６】
図１Ｆは、本発明の良好な実施形態による、ユーザーが図１Ｅの「より大きな表示」ボタン１８０をクリックした後の、フレーム１４０の切り抜き内の絵柄１５０の拡大図を示している。付録Ｃも参照すると、付録Ｃは、本発明の良好なサーバー側の実施形態による、図１Ｆに示されたテンプレートを生成するために使用されるSVG文書のリストである。付録Ｃにおいて下線を引いたテキストxlink:href="http://demol.iseemedia.com:80/?OBJ=IIP,1.O&FIF=/svgDemo/smallDemo/babies/baby01.fpx&WID=440&HEI=440&RGN=0.16648138,0.0,0.66703725,1.0&CVT=jpeg"は、４４０画素の幅および４４０画素の高さの表示用にサブサンプルされた、図１Ａと同様なFlashpix画像baby01.fpxの同一部分に対応するJPEG画像を要求するために使用される。絵柄１５０用の要求されたJPEG画像は、図１Ａおよび図１Ｂの写真の対応する画像の４４０／１７１＝２.５７倍の大きさである。
【００３７】
付録Ｃにおいて下線を引いたテキストxlink:href="http://demol.iseemedia.com:80/?OBJ=IIP,1.0&FIF=/svgDemo/lpImages/20001073.fpx&WID=720&CVT=jpeg"は、７２０画素の幅および画像のアスペクト比に基づく対応する高さの表示用にサブサンプルされた、フレーム１４０用のFlashpix画像ファイル、20001073.fpxの全体に対応するJPEG画像を要求するのに使用される。絵柄１５０と同様に、フレーム１４０用の要求されたJPEG画像もまた、図１Ｂ〜図１Ｅにおけるフレームに対する対応する画像の７２０／２８０＝２.５７倍の大きさである。
【００３８】
このように、付録Ａ２、ＢおよびＣに一覧表示された、良好なサーバー側の実施形態によれば、サーバーは、クライアントに送るSVG文書を、サーバーが受信するユーザーの要求に基づいて修正するということは理解されるであろう。表１は、図１Ｂ、１Ｃ、および１Ｆの矩形領域と表示画素寸法をまとめたものである。
【００３９】
【表１】
2008516481.tif 000003
【００４０】
以上に記したように、図１Ａ〜図１Ｆに示されたワークフローの段階は、多様なソフトウェアおよびハードウェアアーキテクチャで実践される。図２〜図５は、２つのそのような実践を記述している。つまり、サーバー側の実践とクライアント側の実践である。付録Ａ２、Ｂ、およびＣにおけるリストは、以下に説明するように、図２と３において記載されるサーバー側の実践に関連している。
【００４１】
ここで図２を参照すると、図２は、本発明の良好な実施形態による、図１Ａ〜図１Ｆに記載されたワークフローを実践するサーバー側の方法の簡略化フローチャートである。図２は、４列に分割されている。最左端の列は、HTMLおよびSVG文書を格納し、要求があるとクライアントコンピュータへその文書を送信するHTTPウェブサーバーコンピュータにより実行されるステップを示している。左から２番目の列は、合成グラフィックを準備するための、図１Ａ〜図１Ｆに示されたワークフローに従っている間に、ユーザーにより実行される動作の段階を示している。左から３番目の列は、ユーザーのクライアントコンピュータにより実行されるステップを示している。最右端の列は、画像と画像タイルを格納している画像サーバーコンピュータにより実行されるステップを示している。この技術に精通した者は、ウェブサーバーコンピュータはまた、必要なことではないが、画像サーバーコンピュータとしても機能するということを理解されよう。
【００４２】
ステップ２０４において、ウェブサーバーはHTTP要求に応答して、HTML文書をクライアントコンピュータに送る。例えば、ユーザーは、ウェブブラウザ内で、HTML文書のURLを入力することによりHTML文書を要求できる。ステップ２０８において、クライアントコンピュータはHTML文書を描画して、ユーザーが選択するための絵柄フレームのサムネール画像を表示する。そのような表示は図１Ａに示されている。
【００４３】
ステップ２１２において、ユーザーは種々のサムネール画像から特定の絵柄フレームを選択し、好ましくは、図１Ａにおける「次へ」ボタン１２０のようなボタンを起動して、次のワークフロー段階に進む。ステップ２１６において、ウェブサーバーは、次のHTML文書をクライアントコンピュータに送る。ステップ２２０において、クライアントコンピュータはHTML文書を描画して、ユーザーが選択するための絵柄のサムネール画像を表示する。そのような表示は図１Ｂに示されている。
【００４４】
ステップ２２４において、ユーザーは、選択された絵柄フレームに挿入される特定の絵柄を選択し、好ましくは、図１Ｂにおける「次へ」ボタン１２０のようなボタンを起動して、次のワークフロー段階に進む。ステップ２２８において、ウェブサーバーは、次のHTML文書とSVG文書をクライアントコンピュータに送る。ステップ２３２において、クライアントコンピュータはHTML文書とSVG文書を描画して、選択されたフレームで合成された選択された絵柄を、絵柄の一部が絵柄フレームの切り抜きを通して見えるように表示する。そのような表示は図１Cに示されている。絵柄および絵柄フレーム自体のデータはSVG文書に含まれていない。そうではなく、付録２に示されるように、画像および画像フレームへの参照のみが含まれている。絵柄および絵柄フレームを描画するために、クライアントコンピュータは必要な画素データを検索しなければならない。
【００４５】
図２に示される実施形態は、サーバー側の実施形態であり、そのためクライアントコンピュータは標準オペレーティングシステムと標準ウェブブラウザ以外に特別なクライアントソフトウェアを有していない。このように、クライアントが絵柄および絵柄フレームを描画できるためには、ウェブブラウザが解釈できるJPEGまたはTIFファイルのような従来の画像ファイルの形式の必要な画素データを検索しなければならない。
【００４６】
図２に示すように、ステップ２３６において、クライアントは画像サーバーから画素データを要求する。画像サーバーは、好ましくは、（ｉ）要求を満たすために必要な画像タイルを特定し、（ｉｉ）画像タイルを単一の画像に組立て、（ｉｉｉ）画像を適切にサイズ再調整およびトリミングを行うことにより要求を処理する。ステップ２３６は通常、画像サーバーに対する重要な画像処理を含んでいる。ステップ２３６の応答は、従来のフォーマットの単一画像ファイルであり、描画のためにクライアントに送られる。
【００４７】
ステップ２４０において、ユーザーは、図１Cに表示されているようなボタンを使用するなどして、絵柄フレーム内の切り抜きに対しての絵柄のサイズと位置を調整できる。ステップ２４４において、ウェブサーバーは、ユーザーの調整に従ってSVG文書を修正する。好ましくは、SVG文書は、付録Ａ２とＢを参照して上述した絵柄への参照を変更することにより修正される。ステップ２４８において、HTML文書と修正されたSVG文書は、クライアントへ送信される。ステップ２５２において、クライアントはHTML文書と修正されたSVG文書を、そのウェブブラウザを使用して描画して、調整された絵柄と絵柄フレームを表示する。そのような表示は、図１Ｄに示されている。以上のように、ステップ２３６において、絵柄および絵柄フレーム画素データは画像サーバーへ、ウェブブラウザにより解釈され得る従来の画像ファイルフォーマットで戻される。
【００４８】
ステップ２５６において、ユーザーはテキストを自分のグラフィックスに挿入できる。ステップ２６０において、ウェブサーバーは好ましくは、ユーザーにより挿入されたテキストに従って、SVG文書を修正する。ステップ２６４において、ウェブサーバーはHTML文書と修正されたSVG文書をクライアントコンピュータに送り、ステップ２６８において、クライアントコンピュータはHTMLページとSVG文書を描画し、ステップ２４０においてユーザーにより調整された絵柄フレームと絵柄、およびステップ２５６においてユーザーにより挿入されたテキストを含む最終グラフィックを表示する。そのような表示は図１Eに示されている。
【００４９】
ステップ２７２において、例えば、図１Ｅに示された「より大きな表示」ボタン１８０をクリックすることにより、ユーザーは自分のグラフィックスのより大きな表示を要求する。ステップ２７６において、ウェブサーバーは再びSVG文書を、好ましくは付録Ａ２とＣを参照して上述したように、より大きな表示の寸法に従う絵柄と絵柄フレームへの参照を修正することにより修正する。ステップ２８０において、ウェブサーバーは、HTML文書と修正されたSVG文書をクライアントへ送る。ステップ２８４において、クライアントは、絵柄と絵柄フレームとテキストのより大きな表示を描画する。より大きな絵柄および絵柄フレームのための画素データは、従来の画像ファイルとして、ステップ２３６において画像サーバーから検索される。
【００５０】
図２のフローチャートのサーバー側の特質は、画像サーバーにおけるステップ２３６と、ウェブサーバーにおけるステップ２４４、２６０、および２７６から明白である。
【００５１】
ここで図３を参照すると、図３は、本発明の良好な実施形態による、図１Ａ〜図１Ｆに記述されたワークフローの段階を実践するためのサーバー側システムの簡略化ブロック図である。図３には、従来のウェブサーバー３１０とSVGモディファイヤ３２０を含むサーバーコンピュータ３００が示されている。好ましくは、SVGモディファイヤは、付録Ａ２、Ｂ、およびＣに示したように、SVG文書内の画像データへの参照を変更する。
【００５２】
ウェブブラウザ３４０を実行しているクライアントコンピュータ３３０は、好ましくは、HTTPプロトコルを使用してサーバーコンピュータ３００と通信する。具体的には、クライアントコンピュータ３３０はHTML文書とSVG文書を、HTTP GET要求を使用して要求し、サーバーコンピュータ３００は、HTTP POST応答において要求された文書を送る。
【００５３】
図３にはまた、画像および画像タイルを格納している画像データベース３６０を含む画像サーバーコンピュータ３５０が示されている。画像サーバー３５０はまた、要求された画像タイルを検索するためのタイルアクセスマネージャ３７０と、画像タイルを単一の画像に組み立てて、結果としての画像のサイズ再調整およびトリミングを行うタイルアセンブラおよび画像リサイザ３８０を含む。好ましくは、サーバーコンピュータ３００がクライアントコンピュータ３３０に送るSVG文書内の画像データへの参照は、画像サーバー３５０へのアドレスを含む。このように、クライアントコンピュータ３５０がSVG文書を構文解析し、そのような参照に遭遇すると、画像データに対する要求を直接画像サーバー３５０に送る。この技術に精通した者は、画像サーバー３５０は、要求されているわけではないが、サーバーコンピュータ３００と同じコンピュータに収納することができる。
【００５４】
図３のシステムのサーバー側の特質は画像サーバー３５０内のタイルアセンブラおよびリサイザ３８０の存在と、サーバーコンピュータ３００内のSVGモディファイヤ３２０の存在と、クライアントコンピュータ３３０内に特殊の目的のモジュールが存在しないことから明白である。
【００５５】
ここで図４を参照すると、図４は、本発明の良好な実施形態による、図１Ａ〜図１Ｆに記載されたワークフローを実践するためのクライアント側の方法の簡略化されたフローチャートである。図２と同様に、図４のフローチャートは４列に分割される。最左端の列は、ウェブサーバーにより実行されるステップを示しており、左から２番目の列は、合成グラフィックをデザインするためのワークフロー内でユーザーにより行われる行動の段階を示しており、左から３番目の列は、ユーザーのクライアントコンピュータにより実行されるステップを示しており、最右端の列は、画像サーバーにより実行されるステップを示している。クライアントは標準オペレーティングシステムとウェブブラウザ以外の特殊ソフトウェアは有していない図２と異なり、図４のフローチャートは、本発明のクライアント側の実践に対応している。このように、この実践においては、クライアントコンピュータは好ましくは、画像タイルを受信し、タイルを単一画像に組立て、適切に画像のサイズ再調整およびトリミングを行うための特殊な目的のクライアントソフトウェアを含む。
【００５６】
ステップ４０４において、クライアントの要求に応答して、ウェブサーバーはHTML文書をクライアントに送る。ステップ４０８において、クライアントはHTML文書を描画し、ユーザーがそこから選択できる絵柄フレームのサムネールを表示する。そのような表示は、図１Ａに示されている。ステップ４１２において、ユーザーは自分のグラフィックに組み込む特定の絵柄フレームを選択する。
【００５７】
ステップ４１６において、ユーザーが絵柄フレームを選択した後に、ウェブサーバーはクライアントへ次のHTML文書を送る。ステップ４２０においてクライアントはHTMLページを描画し、ユーザーがそこから選択できる絵柄のサムネールを表示する。そのような表示は、図１Ｂに示されている。ステップ４２４において、ユーザーは自分のグラフィック内に組み込む特定の絵柄を選択する。
【００５８】
ステップ４２８において、ユーザーが自分の絵柄を選択した後に、ウェブサーバーはHTML文書とSVG文書をクライアントコンピュータに送る。ステップ４３２において、クライアントは、SVG文書を描画するために、好ましくは、どの画像タイルが必要かを、SVG文書内の画像データへの参照から判断する。クライアントは更に、必要な画像タイルうちのいくつかはまたはすべてが、クライアントキャッシュにおいて既に利用可能であるかどうかを調べる。クライアントは、キャッシュにおいて利用できない、必要な画像タイルを画像サーバーから要求する。ステップ４３６において、画像サーバーは、要求された画像タイルをクライアントに送信する。ステップ４３６は、画像サーバーが画像タイルを処理する必要がなく、単に、生の未処理タイルとしてクライアントに送信さえすれすればいいので、図２の対応するステップ２３６よりも一般的にははるかに簡単である。
【００５９】
ステップ４４０において、クライアントは、必要なタイルを、単一の画像に組立てて、必要に応じて組立てられた画像サイズの再調整およびトリミングを行うことにより処理する。このように、ステップ２３６において図２の画像サーバーにより実行された集中処理は、図４のクライアントコンピュータにシフトされる。ステップ４４４において、クライアントコンピュータはHTML文書とSVG文書を描画し、絵柄フレームの切り抜きを通して絵柄を表示する。そのような表示は図１Ｃに示されている。
【００６０】
ステップ４４８において、ユーザーは、図１Ｃに示されるようなボタンを使用して、絵柄フレームに対して絵柄のサイズおよび位置を調整する。ステップ４５２、４５６、および４６０において、クライアントは、再び、ユーザーにより調整されたように画像を描画するために必要な画像タイルを決定し、必要な画像タイルのいずれが既にキャッシュにあるかを調べ、必要な画像タイルを画像サーバーから受信し、タイルに処理を施して単一画像を生成し、HTML文書とSVG文書を描画して、ユーザーの調整に従うように調整された画像を表示する。そのような表示は図１Ｄに示されている。
【００６１】
ステップ４６４において、ユーザーはカスタムテキストを自分のグラフィックに挿入し、ステップ４６８において、クライアントは、選択された絵柄フレームと絵柄のグラフィックを、ユーザーにより調整されたように、かつユーザーのテキストのレイヤと共に表示する。そのような表示は図１Ｅに示されている。
【００６２】
ステップ４７２において、ユーザーは自分のグラフィックのより大きな表示を、例えば、図１Ｅに示される「より大きな表示」ボタン１８０をクリックすることにより要求する。ステップ４７６、４８０、および４８４において、クライアントは再び、必要な画像タイルを判定し、必要であればそれらを検索し、処理を施して表示、表示フレーム、およびユーザーのテキストの拡大画像を表示する。そのような表示は図１Ｆに示されている。
【００６３】
図４のフローチャートのクライアント側の特質は、クライアントにおけるステップ４３２、４４０、４５２、４５６、４７６、および４８０と、画像サーバーにおけるステップ４３６により明白である。
【００６４】
ここで図５を参照すると、図５は、本発明の良好な実施形態による、図１Ａ〜図１Ｆに記載されたワークフローを実践するためのクライアント側のシステムの簡略化されたブロック図である。図５には、従来のウェブサーバー５１０を含むサーバーコンピュータ５００が示されている。クライアントコンピュータ３３０は、HTMLおよびSVG文書を要求して受信することにより、サーバーコンピュータ３００と通信する。クライアントコンピュータ３３０は、従来のウェブブラウザ３４０を含む。また、クライアントコンピュータ３３０は、２つの特殊な目的のモジュール、つまり、画像タイルを要求するためのタイルリクエスタ３５０と、所望の画像を生成するために画像タイルを処理するタイルアセンブラおよび画像リサイザ５８０を含む。
【００６５】
画像タイル自体は好ましくは、画像サーバーコンピュータ５５０に常駐し、画像サーバーコンピュータ５５０は画像データベース５６０とタイルアクセスマネージャ５７０を含む。
【００６６】
図５の要素は、図３の要素と類似して番号が付けられており、それにより、図３のサーバー側システムと、図５のクライアント側システムの差が強調されている。具体的には、（ｉ）サーバーコンピュータ５００は、SVGモディファイヤを必要としない、（ｉｉ）タイルアセンブラおよびリサイザは、集中的な画像処理作業を行うが、画像サーバーコンピュータ５５０ではなく、クライアントコンピュータ５３０に常駐しており、（ｉｉｉ）クライアントコンピュータ５５０は、クライアントコンピュータによりユーザーの要求を満たすために必要となる画像タイルを指定するためのタイルリクエスタ５５０を含む。
【００６７】
上記の記載を読むことにより、この技術に精通した者は、記載された方法およびシステムに多数の種々の変形例が適用できることを認識するであろう。上記の明細書において、本発明は、その特殊な典型的実施形態を参照して記載されてきた。しかし、付随する請求項に記載された本発明のより広い精神および範囲から逸脱することなく、この特殊な典型的実施形態に種々の変形および変更がなされるということは明白であろう。従って、本明細書と図は、限定された意味ではなく、例示的なものと見なされるべきである。
【図面の簡単な説明】
【００６８】
本発明は、図面と併せて下記の詳細な記述から、より完全に理解されかつ評価されるであろう。
【図１Ａ】本発明の良好な実施形態による、ユーザーが絵柄フレームのサムネールの一群から絵柄フレームを選択できるようにするウェブページを示している。File  ファイルEdit  編集View  表示Favorite  お気に入りTool  ツールHelp  ヘルプBack  戻るSearch  検索Media  メディアAddress  アドレスGo  移動Link  リンクDynamic Compositing  動的合成Interactive Imaging for The Next Generation Web  次世代ウェブ用対話型映像化Template Demo  テンプレートデモChoose a template  テンプレートを選択Back to demo list  デモリストに戻るChoose a template  テンプレートを選択Internet  インターネット
【図１Ｂ】本発明の良好な実施形態による、ユーザーが絵柄のサムネールの一群から絵柄を選択できるようにするウェブページを示している。File  ファイルEdit  編集View  表示Favorite  お気に入りTool  ツールHelp  ヘルプBack  戻るSearch  検索Media  メディアAddress  アドレスGo  移動Link  リンクDynamic Compositing  動的合成Interactive Imaging For The Next Generation Web  次世代ウェブ用対話型映像化Template  Demo  テンプレートデモChoose a template  テンプレートを選択Select an image  画像を選択Enter some Text  テキストを何か入力All Done  すべて終了Back to demo list  デモリストに戻るPlace Title Here  タイトルをここに置くSelect an image  画像を選択Internet  インターネット
【図１Ｃ】本発明の良好な実施形態による、選択されたフレームの円形切り抜き内の選択された絵柄のより小さな部分を示している。
【図１Ｄ】本発明の良好な実施形態による、ユーザーが図１Ｂの「次へ」ボタンをクリックしたときの、図１Ｂに続く次の段階のページを示している。
【図１Ｅ】本発明の良好な実施形態による、ユーザーが図１Ｄの「次へ」ボタンをクリックしたときの、図１Ｄに続く次の段階のページを示している。
【図１Ｆ】本発明の良好な実施形態による、ユーザーが図１Ｅの「より大きな表示」ボタンをクリックした後の、選択されたフレームの切り抜き内の選択された絵柄の拡大画像を示している。
【図２−１】本発明の良好な実施形態による、図１Ａ〜図１Ｆに記載されたワークフローを実践するためのサーバー側の方法の簡略化されたフローチャートである。WEB SERVER  ウェブサーバーUSER WORKFLOW  ユーザーワークフローCLIENT  クライアントIMAGE SERVER  画像サーバー２０４  HTMLページをクライアントに送る２０８  絵柄フレームのサムネールを含むHTMLページを描画する２１２  絵柄フレームを選択する２１６  次のHTMLページをクライアントに送る２２０  絵柄のサムネールを含むHTMLページを描画する２２４  絵柄を選択する２２８  HTMLページとSVG文書をクライアントに送る２３２  フレーム切り抜きを通して見える絵柄を含むHTMLページとSVG文書を描画する２３６  要求された矩形部分と表示幅と高さに基づくJPEG画像を描画する２４０  上、下、左、右、イン、およびアウトボタンを使用して切り抜き内の絵柄の位置を調整する２４４  ユーザーの調整に従ってSVGページを修正する２４８  HTMLページと修正されたSVG文書をクライアントに送る２５２  フレーム切り抜きを通して見える調整された絵柄のHTMLページおよび修正されたSVG文書を描画する２５６  テキストを挿入する２６０  挿入されたテキストに従ってSVG文書を修正する２６４  HTMLページと修正されたSVG文書をクライアントに送る２６８  フレームを通して見え、テキストを含む調整された絵柄のHTMLページおよび修正されたSVG文書を描画する２７２  仕上がった作品のより大きな表示を要求する２７６  より大きな表示に従ってSVG文書を修正する２８０  HTMLページと修正されたSVG文書をクライアントに送る２８４  フレームを通して見え、テキストを含む調整された絵柄のより大きな表示のHTMLページおよびSVG文書を描画する
【図２−２】同上
【図３】本発明の良好な実施形態による、図１Ａ〜図１Ｆに記載されたワークフローを実践するためのサーバー側のシステムの簡略化されたブロック図である。３００  サーバーコンピュータ３１０  ウェブサーバー３２０  SVGモディファイヤ３３０  クライアントコンピュータ３４０  ウェブブラウザ３５０  画像サーバー３６０  画像データベース３７０  タイルアクセスマネージャ３８０  タイルアセンブラおよび画像リサイザ
【図４−１】本発明の良好な実施形態による、図１Ａ〜図１Ｆに記載されたワークフローを実践するためのクライアント側の方法の簡略化されたフローチャートである。WEB SERVER  ウェブサーバーUSER WORKFLOW  ユーザーワークフローCLIENT  クライアントIMAGE SERVER  画像サーバー４０４  HTMLページをクライアントに送る４０８  絵柄フレームのサムネールを含むHTMLページを描画する４１２  絵柄フレームを選択する４１６  次のHTMLページをクライアントに送る４２０  絵柄のサムネールを含むHTMLページを描画する４２４  絵柄を選択する４２８  HTMLページおよびSVG文書をクライアントに送る４３２  タイルがキャッシュでまだ利用できないときは、画像サーバーから適切な画像タイルを要求する４３６  要求された画像タイルを送信する４４０  適切な画像タイルを単一の画像に組立て、必要であれば拡大縮小する４４４  フレーム切り抜きを通して見える絵柄を含むHTMLページおよびSVG文書を描画する４４８  上、下、左、右、イン、およびアウトボタンを使用して切り抜き内の絵柄の位置を調整する４５２  タイルがキャッシュでまだ利用できないときは、画像サーバーから適切な画像タイルを要求する４５６  適切な画像タイルを単一の画像に組立て、必要であれば拡大縮小する４６０  フレーム切り抜きを通して見える絵柄を含むHTMLページおよびSVG文書を描画する４６４  テキストを挿入する４６８  フレームの切り抜きを通して見え、テキストを含む調整された絵柄を含むHTMLページおよびSVG文書を描画する４７２  終了した作品のより大きな表示を要求する４７６  タイルがキャッシュでまだ利用できないときは、画像サーバーから適切な画像タイルを要求する４８０  適切な画像タイルを単一の画像に組立て、必要であれば拡大縮小する４８４  フレーム切り抜きを通して見える絵柄を含むHTMLページおよびSVG文書を描画する
【図４−２】同上
【図５】本発明の良好な実施形態による、図１Ａ〜図１Ｆに記載されたワークフローを実践するためのクライアント側のシステムの簡略化されたブロック図である。５００  サーバーコンピュータ５１０  ウェブサーバー５３０  クライアントコンピュータ５４０  ウェブブラウザ５５０  タイルリクエスタ５６０  画像データベース５７０  タイルアクセスマネージャ５８０  タイルアセンブラおよび画像リサイザ
【符号の説明】
【００６９】
１１０：柄フレームサムネール
１２０：ボタン
１３０：絵柄サムネール
１４０：絵柄フレーム
１５０：絵柄
１６０：ワイヤフレーム
１７０：ボタン
１８０：ボタン
２０８：ステップ
２１２：ステップ
２１６：ステップ
２２０：ステップ
２２４：ステップ
２２８：ステップ
２３２：ステップ
２３６：ステップ
２４０：ステップ
２４４：ステップ
２４８：ステップ
２５２：ステップ
２５６：ステップ
２６０：ステップ
２６４：ステップ
２６８：ステップ
２７２：ステップ
２７６：ステップ
２８０：ステップ
２８４：ステップ
３００：サーバーコンピュータ
３１０：ウェブサーバー
３２０：SVGモディファイヤ
３３０：クライアントコンピュータ
３４０：ウェブブラウザ
３４０：従来のウェブブラウザ
３６０：画像データベース
３５０：画像サーバーコンピュータ
３５０：クライアントコンピュータ
３７０：タイルアクセスマネージャ
３８０：画像リサイザ
４０４：ステップ
４０８：ステップ
４１２：ステップ
４１６：ステップ
４２０：ステップ
４２４：ステップ
４２８：ステップ
４３２：ステップ
４３６：ステップ
４４０：ステップ
４４４：ステップ
４４８：ステップ
４５２：ステップ
４５６：ステップ
４６０：ステップ
４６４：ステップ
４６８：ステップ
４７２：ステップ
４７６：ステップ
４８０：ステップ
４８４：ステップ
５００：サーバーコンピュータ
５１０：従来のウェブサーバー
５８０：画像リサイザ
５５０：画像サーバーコンピュータ
５５０：クライアントコンピュータ
【付録】
【００７０】
付録Ａ１は、本発明の良好なサーバー側の実施形態による、図１Ａに示されたページを生成するために使用されるHTML文書のリストであり、付録Ａ２は、図１Ａに示されたテンプレートを生成するために使用されるSVG文書である。
付録Ｂは、本発明の良好なサーバー側の実施形態による、図１Ｂに示されたテンプレートを生成するために使用されるSVG文書のリストである。
付録Ｃは、本発明の良好なサーバー側の実施形態による、図１Ｃに示されたテンプレートを生成するために使用されるSVG文書のリストである。
[0071] APPENDIX Al
[0072] <HTML>
[0073] <HEAD>
[0074] <META http-equiv= " Content-Type " content= " text /html ; charset=UTF-8 " >
[0075] <TITLE>Dynamic Compositing< /TITLE>
[0076] < ! --Main style sheet-->
[0077] <LINK media="screen" type="text/ess" rel="StyleSheet" href="editStyle.css">
[0078] <! --Start template headContent--> <SCRIPT language="ecmascript">
[0079] <!-- function updateTemplatelmage (editValue) { var srcValue = "Template?EditValue="+editValue; var elem = document.getElementById( "templateView" ); elem.setAttribute( "SRC" , srcValue) ; } function openFinalViewf ) { myWin = window.open(
[0080] "FinalView" ,
[0081] "menubar=no,scrollbars=no,resizable=no,width=729,height=929" ) ; myWin.resizeTo(729, 929) ; myWin. location = "finalView. jsp"
[0082] }
[0083] ->
[0084] </SCRIPT>
[0085] <!--End template headContent--> </HEAD> <BODY>
[0086] <TABLE id="mainTable" cellspacing="0" cellpadding="0" align="left">
[0087] <TBODY> <TR>
[0088] <TD colspan="2" id="header">
[0089] <TABLE cellspacing="0" cellpadding="0" id="logo">
[0090] <TR> i <TDxIMG alt="iseemedia logo" src="images/1SMLogo.gif"></TD>
[0091] <TD class="text">Dynamic Compositing</TD> </TR> </TABLE> </TD> </TR> <TR>
[0092] <TD id="sidebar">
[0093] <H2>Template Demo</H2> <ul> <li>
[0094] <a href="editPage.js[rho]?EditStep-l .x=l">Choose a template</a>
[0095] </li>
[0096] <li class="current">Select an image.</li>
[0097] <li>
[0098] <a hre[pound]="editPage.jsp?EditStepl .x=l">Enter some text.</a>
[0099] </li> <li>
[0100] <a href="editPage.jsp?EditStep2.x=l">All done!</a>
[0101] </ul> <ul>
[0102] <li>
[0103] <a href="index.jsp">Back to demo list</a> </li> </ul>
[0104] </TDxTD id="maincontent">
[0105] <TABLE id="editBrowseTable" cellspacing="0" cellpadding="0">
[0106] <TR>
[0107] <TD id="editCell">
[0108] <TABLE id="editTable" cellspacings"0" cellpadding="0">
[0109] <TBODY>
[0110] <!-- First row: template image --> <TR>
[0111] <TD id="templateCell" align="center" valign="center">
[0112] <EMBED SRC="Template" class= " template " id= " templateView" type= " image /svg+xml " width= " 350 " height= " 350 " x/EMBED>
[0113] < /TD> < /TR>
[0114] <!-- Second row: edit step navigation -->
[0115] <F0RM action="editPage.jsp" method="POST" name="editForm">
[0116] <TR>
[0117] <TD id="editControlCell">
[0118] <!-- Navigation contained in a table with three cols-->
[0119] <TABLE id="editNavTable" cell[epsilon]pacing="0" cellpadding="0">
[0120] <TR>
[0121] <TD align="left" class="navCell">
[0122] <INPUT name="EditStep-l" value="-l" type="image" class="navButton" src="images/left .gif" title="Previous Step">
[0123] </TD>
[0124] <TD align="center"> Select an image. </TD>
[0125] <TD align="right" class="navCell">
[0126] <INPUT
[0127] NAME="EditStepl" value="l" type="image" class="navButton" src="images/right.gif" title="Next Step">
[0128] </TD> </TR> </TABLE> </TD> </TR> <!-- Third row: edit control --> <TR>
[0129] <TD align="center">
[0130] <TABLE class="imgEdit"> <TR>
[0131] <TD class="imgEdit">
[0132] <IMG class="imgEditButton" src="images/leftSm.gif" alt="left" onclick="updateTemplateImage("left" ) ">
[0133] </TD>
[0134] <TD class="imgEdit">
[0135] <IMG class="imgEditButton" src="images/rightSm.gif" alt="right" onclick="updateTemplateImage("right" ) ">
[0136] </TD>
[0137] <TD class="imgEdit">
[0138] <IMG class="imgEditButton" src="images/upSm.gif" alt="up" onclick="updateTemplateImage("up" ) ">
[0139] </TD>
[0140] <TD class="imgEdit">
[0141] <IMG class="imgEditButton" src="images/downSm.gif" alt="down" onclick="updateTemplateImage("down" ) ">
[0142] </TD>
[0143] <TD class="imgEdit">
[0144] <IMG class="imgEditButton" src="images/inSm.gif" alt="in" onclick="updateTemplateImage(" in" ) ">
[0145] </TD>
[0146] <TD class="imgEdit">
[0147] <IMG class="imgEditButton" src="images/outSm.gif" alt="out" onclick="updateTemplateImage("out" ) ">
[0148] </TD>
[0149] <TD class="imgEdit"> </TD> </TR> <TR>
[0150] <TD class="imgEdit">
[0151] <IMG class="imgEditButton" src="images/left.gif" alt="left" onclick="updateTem[rho]lateImage("LEFT" ) ">
[0152] </TD>
[0153] <TD class="imgEdit">
[0154] <IMG class="imgEditButton" src="images/right.gif" alt="right" onclick="updateTemplateImage("RIGHT" ) ">
[0155] </TD>
[0156] <TD class="imgEdit">
[0157] <IMG class="imgEditButton" src="images/up.gif" alt="up" onclick="updateTemplateImage("UP" ) ">
[0158] </TD>
[0159] <TD class="imgEdit">
[0160] <IMG class="imgEditButton" src="images/down.gif" alt="down" onclick="updateTemplateImage("DOWN" ) ">
[0161] </TD> <TD class="imgEdit">
[0162] <IMG class="imgEditButton" src="images/in.gif" alt="in" onclick="updateTemplateImage(" IN" ) ">
[0163] </TD>
[0164] <TD class="imgEdit">
[0165] <IMG class="imgEditButton" src="images/out.gif" alt="out" onclick="updateTemplateImage("0UT" ) ">
[0166] </TD>
[0167] <TD class="imgEdit">
[0168] <IMG class="imgEditButton" src="images/reset.gif" alt="reset" onclick="updateTemplateImage("reset" ) ">
[0169] </TD> </TR> </TABLE> </TD> </TR> </F0RM> </TBODY> </TABLE> </TD> <TD id="browseCell">
[0170] <IFRAME src="ImageDir/"x/IFRAME> </TD>
[0171] </TR> <
[0172] </TABLE> </TD> </TR> <TR>
[0173] <TD id=" footer" colspan="2"><IMG alt="iseemedia: interactive imaging for the next generation web" src="images/ISMLogoBanner.gif"></TD>
[0174] </TR>
[0175] </TBODY> '
[0176] </TABLE> </BODY> </HTML> 
[0177] APPENDIXA2
[0178] <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svgl0.dtd" > <svg contentScriptType="text/ecmascript" width="203.2" xmlns :xlink="http: //www.w3.org/1999/xlink" zoomAndPan="magnify" contentStyleType="text/css" viewBox="0 0 203.2 254" height="254" preserveAspectRatio="xMidYMid meet" xmlns="http: //www.w3.org/2000/svg" version="1.0"> <defs>
[0179] <clipPath clipPathUnits="userSpaceOnUse" id="def[theta]">
[0180] <path d="M0, 0L2400, 0L2400, 300OLO, 3000L0, 0" transform^"matrix(0.0846669 0 0 0.0846669 -0.0252314 -0.126177) "/>
[0181] </clipPath>
[0182] <filter primitiveUnits="objectBoundingBox" xmlns:xlink="http: //www..w3.org/1999/xlink" filterUnits="objectBoundingBox" xlink:type="simple" xlink:actuate="onRequest" id="defl" xlink:show="replace">
[0183] <feGaussianBlur stdDeviation="4.09" in="SourceGraphic" />
[0184] </filter>
[0185] <fi1ter primitiveUnits="objectBoundingBox" xmlns :xlink="http: //www.w3.org/1999/xlink" filterUnits="objectBoundingBox" xlink:type="simple" xlink:actuate="onRequest" id="def2" xlink:show="replace">
[0186] 
[0187] 
[0188] 
[0189] 
[0192] 
[0193] 
[0194] 
[0195]  
[0197] .
[0198] 
[0199]  
[0200] </g>
[0201] <text font-size="10.08" transform="matrix(1 0 0 1 -31.9731 98.334) translate(131.99576 135.05899)" text-anchor="middle" style=" fill: #4B0F7F;" font-family="Verdana" id="editl" font- weight="normal">
[0202] <tspan>
[0203] Place Title Here </ts[rho]an>
[0204] </text>
[0205] <path id=" highlight " d="M38.32752, 58.3251L38.32752, 182.43239L162.53831, 182.43239L162.53831 ,58.3251Z" style="fill : none; stroke-width: 1%; stroke: red; opacity: 1.0; "/> </svg> 
[0206] APPENDIX B
[0207] <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svgl0.dtd" > <svg contentScriptType="text/ecmascript" width="203.2" xmlns :xlink="http: //www.w3.org/1999/xlink" zoomAndPan="magnify" contentStyleType="text/ess" viewBox="0 0 203.2 254" height="254" preserveAspectRatio="xMidYMid meet" xmlns="http: //www.w3.org/2000/svg" version="l.0"> <defs>
[0208] <clipPath clipPathUnits="userSpaceOnUse" id="def[theta]">
[0209] <path d="M0,0L2400,0L2400,3000L0,3000L0,0" transform="matrix(0.0846669 0 0 0.0846669 -0.0252314 -0.126177)"/> </clipPath>
[0210] <filter primitiveUnits="objectBoundingBox" xmlns:xlink="http: //www.w3.org/1999/xlink" filterUnits="objectBoundingBox" xlink: type="simple" xlink:actuate="onRequest" id="defl" xlink:show="replace">
[0211] <feGaussianBlur stdDeviation="4.09" in="SourceGraphic"/> </filter>
[0212] <fi1ter primitiveUnits="objectBoundingBox" xmlns:xlink="http: //www.w3.org/1999/xlink" filterUnits="objectBoundingBox" xlink: type="simple" xlink:actuate="onRequest" id="def2" xlink:show="replace">
[0213] <feGaussianBlur stdDeviation="10.24" in="SourceGraphic"/> </filter> <clipPath clipPathUnits="userSpaceOnUse" id="def3">
[0214] <path d="M874.665,28.8506C1188.21,28.8506
[0215] 1442.39,283.031 1442.39, 596.577C1442.39, 910.124 1188.21,1164.3 874.665, 1164 -3C561.118, 1164.3 306.938,910.124
[0216] 306.938, 596 -577C306.938, 283.031 561.118,28.8506 874.665,28.8506" transform="matrix(0.0904112 0 O 0.0904111 21.4494 67.88) "/>
[0217] </clipPath> </defs>
[0218] <rect x= " 0 " width= 'L203 .2 " y= " 0 " height= " 254 " style= " f ill : #FFFFFF ; " />
[0219] <g clip-path= "url ( #def 0 ) " >
[0220] ' xlink:href="http: //demol. iseemedia.com:80/7OBJ=IIP, 1. O&FIF=/svgDe mo/lplmages/20001073. fpx&WID=280&CVT=jpeg" xlink: type="simple" xlink:actuate="onRequest" height="3000" preserveAspectRatio="xMidYMid slice" xlink:show="replace"/> 
[0221] 
[0222] 
[0223]  
[0225] </g>
[0226] <text font-size="10.08" transform="matrix(1 0 0 1 -31.9731 98.334) translate(131.99576 135.05899)" text-anchor="middle" style=" fill: #4B0F7F;" font-famiIy="Verdana" id="editl" font- weight="normal">
[0227] <tspan>
[0228] Place Title Here </tspan>
[0229] </text>
[0230] <path id=" highlight " d="M38.32752, 58.3251L38.32752, 182.43239L162.53831, 182.43239L162.53831 ,58.3251Z" style="fill : none; stroke-width: 1%; stroke: red; opacity: 1.0; " /> </svg> 
[0231] APPENDIXC
[0232] <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svgl0.dtd" > <svg contentScriptType="text/ecmascript" width="203.2" xmlns :xlink="http: //www.w3.org/1999/xlink" zoomAndPan="magnify" contentStyleType="text/css" viewBox="0 0 203.2 254" height="254" preserveAspectRatio="xMidYMid meet" xmlns="http: //www.w3.org/2000/svg" version="1.0"> <defs>
[0233] <clipPath clipPathUnits="userSpaceOnUse" id="def[theta]">
[0234] <path d="M0,0L2400, 0L2400, 3000L0, 3000L0, 0" transform="matrix(0.0846669 0 0 0.0846669 -0.0252314 -0.126177) "/> </clipPath>
[0235] <filter primitiveUnits="objectBoundingBox" xmlns :xlink="http: //www.w3.org/1999/xlink" filterUnits="objectBoundingBox" xlink:type="simple" xlink:actuate="onRequest" id="defl" xlink:show="replace">
[0236] <feGaussianBlur stdDeviation="4.09" in="SourceGraphic"/> </filter>
[0237] <filter [rho]rimitiveUnits="objectBoundingBox" xmlns:xlink="http: //www.w3.org/1999/xlink" filterUnits="objectBoundingBox" xlink:type="simple" xlink:actuate="onRequest" id="def2" xlink:show="replace">
[0238] 
[0239] 
[0242] 
[0243] 
[0244] 
[0245]  
[0246] 
[0247] 
[0248]  
[0249] <text font-size="10.08" transform="matrix(1 0 0 1 -31.9731 98.334) translate(131.99576 135.05899)" text-anchor="middle" style=" fill: #4B0F7F;" font-family="Verdana" id="editl" font- weight="normal">
[0250] <tspan>
[0251] Place Title Here </tspan> </text> </svg>
【図１Ａ】
2008516481.tif 000004
【図１Ｂ】
2008516481.tif 000005
【図１Ｃ】
2008516481.tif 000006
【図１Ｄ】
2008516481.tif 000007
【図１Ｅ】
2008516481.tif 000008
【図１Ｆ】
2008516481.tif 000009
【図２−１】
2008516481.tif 000010
【図２−２】
2008516481.tif 000011
【図３】
2008516481.tif 000012
【図４−１】
2008516481.tif 000013
【図４−２】
2008516481.tif 000014
【図５】
2008516481.tif 000015
【国際調査報告】
2008516481.tif 000016
2008516481.tif 000017