(57)【要約】【課題】ユーザが動的に変化するウェブページの内容を検索できる【解決手段】電子装置におけるウェブページ内に動的コンテンツの表示を制御する方法は、ウェブページ内に動的コンテンツが含まれている時、設定された時点でウェブページに対応するデータ構造の内容を保存する過程と、特定時点のウェブページに対応するデータ構造の内容を読み出すイベントが発生する時、保存されたウェブページに対応するデータ構造の内容を読み出して表示する過程を含む。【選択図】図１４
2014191827.tif 000002
【特許請求の範囲】
【請求項１】
電子装置におけるウェブページ内に動的コンテンツの表示を制御する方法であって、
ウェブページ内に動的コンテンツが含まれている時、設定された時点で前記ウェブページに対応するデータ構造の内容を保存する過程と、
特定時点の前記ウェブページに対応するデータ構造の内容を読み出すイベントが発生する時、前記保存されたウェブページに対応するデータ構造の内容を読み出して表示する過程と、を含む方法。
【請求項２】
前記設定された時点は、一定期間又は前記動的コンテンツが変化する時点であることを特徴とする、請求項１に記載の方法。
【請求項３】
前記データ構造の内容は、変更内容であることを特徴とする、請求項１に記載の方法。
【請求項４】
前記ウェブページに対応するデータ構造の内容を保存する過程は、
前記データ構造内にオブジェクトの挿入、削除、位置変更、属性変更、又はスタイル変更を検出する過程と、
前記検出結果に対応する変更内容を記録する過程とを含む、請求項１に記載の方法。
【請求項５】
前記ウェブページに対応するデータ構造の内容を保存する過程は、
メモリにローディングされている前記データ構造の全体内容を記録する過程を含む、請求項１に記載の方法。
【請求項６】
前記ウェブページ内に動的コンテンツの表示を一時停止させる制御イベントが発生する時、前記ウェブページ内に動的コンテンツの変更内容に対する表示を停止させる過程をさらに含む、請求項１に記載の方法。
【請求項７】
前記ウェブページ内に動的コンテンツの変更内容に対する表示を停止させる過程は、
前記ウェブページ内に動的コンテンツを表示するための再配置(ｒｅ-ｌａｙｏｕｔｉｎｇ)及び再描画(ｒｅ-ｐａｉｎｔｉｎｇ)を停止する過程を含む、請求項６に記載の方法。
【請求項８】
前記ウェブページ内に動的コンテンツの表示の一時停止を解除させる過程と、
現在時点の前記ウェブページに対応するデータ構造の内容を読み出して表示する過程とをさらに含む、請求項６に記載の方法。
【請求項９】
前記ウェブページ内に動的コンテンツの表示の一時停止を解除させる過程は、
前記ウェブページ内に動的コンテンツを表示するための再配置(ｒｅ-ｌａｙｏｕｔｉｎｇ)及び再描画(ｒｅ-ｐａｉｎｔｉｎｇ)を行なう過程を含む、請求項８に記載の方法。
【請求項１０】
前記保存されたウェブページに対応するデータ構造の内容を読み出して表示する過程は、
前記保存されたウェブページに対応するデータ構造の内容に基づいて、再配置(ｒｅ-ｌａｙｏｕｔｉｎｇ)及び再描画(ｒｅ-ｐａｉｎｔｉｎｇ)を行なう過程を含む、請求項１に記載の方法。
【請求項１１】
電子装置におけるウェブページ内の特定のコンテンツを表示する方法であって、
ウェブブラウザの第１コマンドによって、現在表示されるウェブページ内で特定のコンテンツの表示が要請される過程と、
前記特定のコンテンツを含む前記ウェブページに対応する前記データ構造の変更内容を用いて、前記特定のコンテンツを含む前記ウェブページを表示する過程と、を含み、
前記現在表示されるウェブページ内で特定のコンテンツの表示が要請される過程において、前記ウェブページをレンダリングするためのデータ構造がメモリに保存される、
方法。
【請求項１２】
前記現在表示されるウェブページ内で特定のコンテンツの表示が要請される過程は、
前記特定のコンテンツを含む前記ウェブページに対応するデータ構造の内容を検索することを特徴とする、請求項１１に記載の電子装置の動作方法。
【請求項１３】
前記ウェブブラウザの第２コマンドによって、前記コンテンツを含む前記ウェブページ内で、中止されている動的なコンテンツ変更動作を再開する過程をさらに含む、請求項１１に記載の電子装置の動作方法。
【請求項１４】
前記動的なコンテンツの変更動作を再開する過程は、
変化する他のコンテンツを含むウェブページをレンダリングする前記データ構造の変更内容を考慮して、前記データ構造の再配置(ｒｅ-ｌａｙｏｕｔ)及び再描画(ｒｅ-ｐａｉｎｔｉｎｇ)を行うことを特徴とする、請求項１１に記載の電子装置の動作方法。
【請求項１５】
前記ウェブブラウザの前記第１コマンドが実行される前に、前記ウェブブラウザの第３コマンドによって、動的なコンテンツの変更動作を中止させる過程をさらに含み、
現在変化するコンテンツを含むウェブページをレンダリングする前記データ構造の変更内容は保存されることを特徴とする、請求項１１に記載の電子装置の動作方法。
【請求項１６】
前記動的なコンテンツの変更動作を中止させる過程は、
前記現在変化するコンテンツを含むウェブページをレンダリングする前記データ構造の変更内容に関係なく、再配置(ｒｅ-ｌａｙｏｕｔ)及び再描画(ｒｅ-ｐａｉｎｔｉｎｇ)を中止することを特徴とする、請求項１５に記載の電子装置の動作方法。
【請求項１７】
前記ウェブブラウザの前記第３コマンドが活性化される時、前記ウェブブラウザの第１コマンドは非活性化され、
前記ウェブブラウザの前記第１コマンドが活性化される時、前記ウェブブラウザの第３コマンドは非活性化されることを特徴とする、請求項１５に記載の電子装置の動作方法。
【請求項１８】
前記データ構造の変更内容をメモリに保存する過程をさらに含むが、
前記保存過程は、前記コンテンツの変更に対応する前記データ構造内にオブジェクトの挿入/削除/位置変更/スタイル変更を感知する過程と、
前記データ構造内のオブジェクトの変更内容を記録する過程を含む、請求項１１に記載の電子装置の動作方法。
【請求項１９】
前記ウェブページを表示する過程以後に前記ウェブページの特定領域を選択する過程をさらに含み、
前記コンテンツの変更は、前記特定領域のコンテンツ変更であることを特徴とする、請求項１１に記載の電子装置の動作方法。
【請求項２０】
前記データ構造、ＤＯＭ(Ｄｏｃｕｍｅｎｔ Ｏｂｊｅｃｔ Ｍｏｄｅｌ)ツリー型のデータ構造及びレンダー(ｒｅｎｄｅｒ)ツリー型のデータ構造のいずれかであることを特徴とする、請求項１１に記載の電子装置の動作方法。
【請求項２１】
一つ以上のプロセッサと、
メモリと、
前記メモリに保存されていて、前記一つ以上のプロセッサによって実行されるように構成される一つ以上のプログラムと、を含む電子装置であって、
前記プログラムは、
ウェブページ内に動的コンテンツが含まれている時、設定された時点で前記ウェブページに対応するデータ構造の内容を保存し、
特定時点の前記ウェブページに対応するデータ構造の内容を読み出すイベントが発生する時、前記保存されたウェブページに対応するデータ構造の内容を読み出して表示するコマンドを含む、電子装置。
【請求項２２】
前記設定された時点は、一定周期又は前記動的コンテンツが変化する時点であることを特徴とする、請求項２１に記載の電子装置。
【請求項２３】
前記データ構造の内容は変更内容であることを特徴とする、請求項２１に記載の電子装置。
【請求項２４】
前記プログラムは、
前記データ構造内にオブジェクトの挿入、削除、位置変更、属性変更又はスタイル変更を検出し、
前記検出結果に対応する変更内容を記録するコマンドを含む、請求項２１に記載の電子装置。
【請求項２５】
前記プログラムは、
メモリにローディングされている前記データ構造の全体内容を記録するコマンドを含む、請求項２１に記載の電子装置。
【請求項２６】
前記プログラムは、
前記ウェブページ内に動的コンテンツの表示を一時停止させる制御イベントが発生する時、前記ウェブページ内に動的コンテンツの変更内容に対する表示を停止させるコマンドをさらに含む、請求項２１に記載の電子装置。
【請求項２７】
前記プログラムは、
前記ウェブページ内に動的コンテンツを表示するための再配置(ｒｅ-ｌａｙｏｕｔｉｎｇ)及び再描画(ｒｅ-ｐａｉｎｔｉｎｇ)を停止するコマンドを含む、請求項２６に記載の電子装置。
【請求項２８】
前記プログラムは、
前記ウェブページ内に動的コンテンツの表示の一時停止を解除させ、
現在時点の前記ウェブページに対応するデータ構造の内容を読み出して表示するコマンドをさらに含む、請求項２６に記載の電子装置。
【請求項２９】
前記プログラムは、
前記ウェブページ内に動的コンテンツを表示するための再配置(ｒｅ-ｌａｙｏｕｔｉｎｇ)及び再描画(ｒｅ-ｐａｉｎｔｉｎｇ)を行うことを含む、請求項２８に記載の電子装置。
【請求項３０】
前記プログラムは、
前記保存されたウェブページに対応するデータ構造の内容に基づいて、再配置(ｒｅ-ｌａｙｏｕｔｉｎｇ)及び再描画(ｒｅ-ｐａｉｎｔｉｎｇ)を行なうコマンドを含む、請求項２１に記載の電子装置。
【請求項３１】
一つ以上のプロセッサと、
メモリと、
前記メモリに保存されていて、前記一つ以上のプロセッサによって実行されるように構成される一つ以上のプログラムと、を含む電子装置であって、
前記プログラムは、
ウェブブラウザの第１コマンドによって、現在表示されるウェブページ内で特定のコンテンツの表示が要請され、ここで、前記ウェブページをレンダリングするためのデータ構造がメモリに保存され、前記特定のコンテンツを含む前記ウェブページに対応する前記データ構造の変更内容を用いて、前記特定のコンテンツを含む前記ウェブページを表示するコマンドを含む電子装置。
【請求項３２】
前記ウェブブラウザの第１コマンドによって、現在表示されるウェブページ内で特定のコンテンツを検索されるコマンドは、
前記特定のコンテンツを含む前記ウェブページをレンダリングするためのデータ構造の内容を検索することを特徴とする、請求項３１に記載の電子装置。
【請求項３３】
前記ウェブブラウザの第２コマンドによって、前記コンテンツを含む前記ウェブページ内で、中止されている動的なコンテンツの変更動作を再開するコマンドをさらに含む、請求項３１に記載の電子装置。
【請求項３４】
前記動的なコンテンツ変更動作を再開するコマンドは、
前記コンテンツまたは変化する他のコンテンツを含むウェブページをレンダリングする前記データ構造の変更内容を考慮し、前記データ構造の再配置(ｒｅ-ｌａｙｏｕｔ)及び再描画(ｒｅ-ｐａｉｎｔｉｎｇ)を行うことを特徴とする、請求項３０に記載の電子装置。
【請求項３５】
前記ウェブブラウザの前記第１コマンドが実行される前に、前記ウェブブラウザの第３コマンドによって、動的なコンテンツの変更動作を中止させるコマンドをさらに含み、
現在変化するコンテンツを含むウェブページをレンダリングする前記データ構造の第３変更に関する内容は保存されることを特徴とする、請求項３１に記載の電子装置。
【請求項３６】
前記動的なコンテンツの変更動作を中止させるコマンドは、
前記現在変化するコンテンツを含むウェブページをレンダリングする前記データ構造の変更内容に関係なく、前記データ構造の再配置(ｒｅ-ｌａｙｏｕｔ)及び再描画(ｒｅ-ｐａｉｎｔｉｎｇ)を中止することを特徴とする、請求項３５に記載の電子装置。
【請求項３７】
前記ウェブブラウザの前記第３コマンドが活性化される時、前記ウェブブラウザの第１コマンドは非活性化され、
前記ウェブブラウザの前記第１コマンドが活性化される時、前記ウェブブラウザの第３コマンドは非活性化されることを特徴とする、請求項３５に記載の電子装置。
【請求項３８】
前記データ構造の変更内容をメモリに保存する過程をさらに含み、
前記保存過程は、前記コンテンツに対応する前記データ構造内にオブジェクトの挿入/削除/位置変更/スタイル変更を感知する過程と、
前記データ構造内のオブジェクトの変更内容を記録する過程を含む、請求項３１に記載の電子装置。
【請求項３９】
前記ウェブページを表示する過程以後に前記ウェブページの特定領域を選択するコマンドをさらに含み、
前記コンテンツの変更は、前記特定領域のコンテンツの変更であることを特徴とする、請求項３１に記載の電子装置。
【請求項４０】
前記データ構造、ＤＯＭ(Ｄｏｃｕｍｅｎｔ Ｏｂｊｅｃｔ Ｍｏｄｅｌ)ツリー型のデータ構造及びレンダー(ｒｅｎｄｅｒ)ツリー型のデータ構造のいずれかであることを特徴とする、請求項３１に記載の電子装置。  
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、一般に電子装置に関し、特に電子装置における動的に変化するウェブページの内容を制御する方法及び装置に関する。
【背景技術】
【０００２】
図１の（ａ）〜（ｅ）は、従来技術によるウェブブラウジングの過程で、ウェブページ内に特定の内容が動的に変化するシナリオを示している。
【０００３】
図１の（ａ）〜（ｅ）を参照すると、特定のポータルサイトの『ニュース』項目に数秒単位で主要ニュースの内容が変更されて表示される。例えば、一つのウェブページのニュース項目が内容ＡＡＡ１００、内容ＢＢＢ１１０、内容ＣＣＣ１１２、内容ＤＤＤ１１４、そして内容ＥＥＥ１１６まで循環されて表示される。一つのニュース項目の内容が動的に変化する場合を説明するが、一つのウェブページ内で多数の項目のそれぞれの内容が動的に変化して表示されることもある。
【０００４】
一方、図１のようにニュース項目のようなウェブページの内容が動的に変化する環境で、ユーザが内容ＡＡＡ１００を見たい時、ウェブブラウザ内に動的に変化するウェブページの特定の内容を制御するための別途のコントローラを提供していないため、ユーザは、ウェブページのニュース項目に内容ＡＡＡ１００が表示されるまで待たなければならない。例えば、現在のニュース項目に内容ＣＣＣ１１２が表示される時点に、ユーザが内容ＡＡＡ１００に該当するニュース記事を見ようとする時、内容ＤＤＤ１１４及び内容ＥＥＥ１１６が表示され、再び内容ＡＡＡ１００が画面に表示されるまで待たなければならない。場合によって、内容ＡＡＡ１００が再び表示されず、内容ＦＦＦ(図示せず)に代替される場合もある。
【０００５】
前述のように、従来のウェブブラウザでウェブページの内容が動的に変化する時、ユーザが望む特定の内容に移動させる制御手段を提供しないため、ユーザが望む特定の内容を見逃す場合がよく発生する。
【０００６】
したがって、ウェブブラウザで動的に変化するウェブページの内容の表示を制御するための方法及び装置が必要である。
【先行技術文献】
【特許文献】
【０００７】
【特許文献１】韓国公開特許第１０−２００３−００２２７５６号公報
【発明の概要】
【発明が解決しようとする課題】
【０００８】
本発明の目的は、電子装置における動的に変化するウェブページの内容を制御する方法及び装置を提供することにある。
【０００９】
本発明の他の目的は、ウェブブラウザで動的に変化するウェブページの内容を制御する方法及び装置を提供することにある。
【００１０】
本発明のさらに他の目的は、動的に変化するウェブページの内容を一時停止/再生、ウェブページの以前の内容に戻る及びウェブページの次の内容に進むのようなコントローラを使用して、ユーザに望むウェブページの内容を提供する方法及び装置を提供することにある。
【００１１】
本発明のさらに他の目的は、ユーザが動的に変化するウェブページの内容を見逃さないようにする方法及び装置を提供することにある。
【００１２】
前記目的を達成するための本発明の第１見地によれば、電子装置におけるウェブページ内に動的コンテンツの表示を制御する方法において、ウェブページ内に動的コンテンツが含まれている時、設定された時点で前記ウェブページに対応するデータの構造の内容を保存する過程と、特定時点の前記ウェブページに対応するデータ構造の内容を読み出すイベントが発生する時、前記保存されたウェブページに対応するデータ構造の内容を読み出して表示する過程と、を含む。
【００１３】
前記目的を達成するための本発明の第２見地によれば、電子装置の動作方法は、ウェブブラウザの第１コマンドによって、現在表示されるウェブページ内で特定のコンテンツの表示が要請される過程と、ここで、前記ウェブページをレンダリングするためのデータ構造がメモリに保存され、前記特定のコンテンツを含む前記ウェブページに対応する前記データ構造の変更内容を用いて、前記特定のコンテンツを含む前記ウェブページを表示する過程と、を含む。
【００１４】
前記目的を達成するための本発明の第３見地によれば、一つ以上のプロセッサ、メモリ、及び前記メモリに保存されていて、前記一つ以上のプロセッサによって実行されるように構成される一つ以上のプログラムを含む電子装置であって、前記プログラムは、ウェブページ内に動的コンテンツが含まれている時、設定された時点で前記ウェブページに対応するデータ構造の内容を保存し、特定時点の前記ウェブページに対応するデータ構造の内容を読み出すイベントが発生する時、前記保存されたウェブページに対応するデータ構造の内容を読み出して表示するコマンドを含む。
【００１５】
前記目的を達成するための本発明の第４見地によれば、電子装置の動作方法は、ウェブページを表示する過程と、ここで、前記ウェブページをレンダリングするためのデータ構造がメモリに保存され、前記ウェブページ内で特定の周期によって変化するコンテンツがあるとき、変化時点ごとに前記メモリにローディングされている前記データ構造の変化の内容を保存する過程と、前記ウェブページ内に変化する内容の表示を制御するイベントが発生する時、記録された前記データ構造の変化の内容を用いて、前記イベントに対応する内容を含む前記ウェブページを表示する過程と、を含む。
【００１６】
前記目的を達成するための本発明の第５見地によれば、一つ以上のプロセッサ、メモリ、及び前記メモリに保存されていて、前記一つ以上のプロセッサによって実行されるように構成される一つ以上のプログラムを含む電子装置であって、前記プログラムは、ウェブブラウザの第１コマンドによって、現在表示されるウェブページ内で特定のコンテンツの表示が要請され、ここで、前記ウェブページをレンダリングするためのデータ構造がメモリに保存され、前記特定のコンテンツを含む前記ウェブページに対応する前記データ構造の変更内容を用いて、前記特定のコンテンツを含む前記ウェブページを表示するコマンドを含む。
【００１７】
前記目的を達成するための本発明の第６見地によれば、一つ以上のプロセッサ、メモリ、及び前記メモリに保存されていて、前記一つ以上のプロセッサによって実行されるように構成される一つ以上のプログラムを含む電子装置であって、前記プログラムは、ウェブページを表示し、ここで、前記ウェブページをレンダリングするためのデータ構造がメモリに保存され、前記ウェブページ内で特定の周期によって変化するコンテンツがあるとき、変化時点ごとに前記メモリにローディングされている前記データ構造の変化の内容を保存し、前記ウェブページ内に変化する内容の表示を制御するイベントが発生する時、記録された前記データ構造の変化の内容を用いて、前記イベントに対応する内容を含む前記ウェブページを表示するコマンドを含む。
【図面の簡単な説明】
【００１８】
【図１】従来技術によるウェブブラウジングの過程で、ウェブページ内に特定の内容が動的に変更されるシナリオを示す図面である。
【図２】本発明の実施形態によるウェブブラウジングのうちウェブページ内に特定の内容が動的に変更されるシナリオを示す図面である。
【図３Ａ】本発明の実施形態による動的に変化するウェブページの内容の表示を制御するためのウェブブラウザのツールバーを示す図面である。
【図３Ｂ】本発明の実施形態による動的に変化するウェブページの内容の表示を制御するためのウェブブラウザの選択メニュー(ｓｅｌｅｃｔｉｏｎ ｍｅｎｕ)を示す図面である。
【図３Ｃ】本発明の実施形態による動的に変化するウェブページの内容の表示を制御するためのウェブブラウザのツールバーを示す図面である。
【図３Ｄ】本発明の実施形態による動的に変化するウェブページの内容の表示を制御するためのウェブブラウザの選択メニュー(ｓｅｌｅｃｔｉｏｎ ｍｅｎｕ)を示す図面である。
【図４】本発明の実施形態によるウェブブラウザの構成要素を示す図面である。
【図５】本発明の実施形態によるウェブレンダリングエンジンの動作過程を示す図面である。
【図６Ａ】本発明の実施形態によるウェブブラウザの動作過程を示す図面である。
【図６Ｂ】本発明の実施形態による文書のデータ構造とメモリ及び応用プログラムの間の関係を示す図面である。
【図７】(ａ)〜(ｄ)は、本発明の第１実施形態による動的に変更される多数のウェブページの内容についての情報記録及び動的に変更される多数のウェブページの内容の表示のためのタイミングシナリオを示す図面である。
【図８】(ａ)〜(ｂ)は、本発明の第２実施形態による動的に変更される多数のウェブページの内容についての情報記録及び動的に変更される多数のウェブページの内容の表示のためのタイミングシナリオを示す図面である。
【図９】(ａ)〜(ｂ)は、本発明の第３実施形態による動的に変更される多数のウェブページの内容についての情報記録及び動的に変更される多数のウェブページの内容の表示のためのタイミングシナリオを示す図面である。
【図１０】(ａ)〜(ｃ)は、本発明の実施形態によるウェブページ特定の内容が変更する例を示す図面である。
【図１１】本発明の実施形態によるウェブページ内に再生されるフラッシュ動画に対する情報を記録するシナリオを示す図面である。
【図１２】本発明の実施形態によるウェブページ内でスクロール移動による画面上での内容の位置の移動に対する情報を記録するシナリオを示す図面である。
【図１３Ａ】本発明の第１実施形態による動的に変化するウェブページの内容の表示を制御するためのフローチャートを示す図面である。
【図１３Ｂ】本発明の第１実施形態による動的に変化するウェブページの内容の表示を制御するためのフローチャートを示す図面である。
【図１４】本発明の第２実施形態による動的に変化するウェブページの内容の表示を制御するためのフローチャートを示す図面である。
【図１５】本発明の実施形態による電子装置のブロック図である。
【図１６】本発明の第３実施形態によるウェブページ内に動的コンテンツの表示を制御するためのフローチャートである。
【発明を実施するための形態】
【００１９】
以下、本発明の望ましい実施例を添付された図面の参照とともに詳しく説明する。また、本発明を説明するにおいて、関連した公知機能または構成に対する具体的な説明が本発明の要旨を不要に混乱させると判断された場合、その詳細な説明は省略する。また、後述する用語は、本発明での機能を考慮して定義された用語であって、これはユーザ、運用者の意図、または慣例などによって異なりうる。したがって、その定義は本明細書の全般にわたる内容に基づいて下されなければならないだろう。
【００２０】
以下、本発明は、ウェブブラウザを実行する電子装置における動的に変化するウェブページの内容を制御するための方法及び装置について説明する。
【００２１】
特に、ウェブページ内の特定内容の変更は、ウェブページに該当するソースコードのためのリソース構造(例:ＤＯＭ(Ｄｏｃｕｍｅｎｔ Ｏｂｊｅｃｔ Ｍｏｄｅｌ)ツリー、レンダーツリー(ｒｅｎｄｅｒ ｔｒｅｅ)のオブジェクト(または要素、ノード)の位置、サイズ、属性などの変更後、配置(ｌａｙｏｕｔｉｎｇ)、描画(ｐａｉｎｔｉｎｇ)を再び行うことによりなされる。
【００２２】
図２の（ａ）〜（ｅ）は、本発明の実施形態によるウェブブラウジングのうちウェブページ内に特定の内容が動的に変更されるシナリオを示している。
【００２３】
図２の(ａ）〜（ｅ）を参照すると、特定のポータルサイトの『ニュース』項目に数秒単位で主要ニュースの内容が変更されて表示される。例えば、一つのウェブページのニュース項目が内容ＡＡＡ、内容ＢＢＢ、内容ＣＣＣ、内容ＤＤＤ、そして内容ＥＥＥまで循環されて表示されると仮定する。この時、内容ＡＡＡ、内容ＢＢＢ、内容ＣＣＣ、内容ＤＤＤ、そして内容ＥＥＥが動的に変化する時、ウェブページをレンダリングするためのＤＯＭツリー構造またはレンダーツリー構造に対する情報が記録される。これに関連した詳細な説明は、下記図５及び図６の(ａ)〜(ｂ)で説明する。図２の(ａ）〜(ｅ)において一つのニュース項目の内容が動的に変化する場合を説明するが、本発明は一つのニュース項目に制限されるものでなく、ウェブページ内に多数の項目の内容が動的にそれぞれ変化する場合にも適用可能であることは言うまでもない。
【００２４】
図２の（ａ）のように、電子装置の表示の画面に表示されたウェブページの少なくとも一部の内容が内容ＡＡＡから内容ＥＥＥまで繰り返されて動的に表示される時、ウェブページの内容の変更を一時停止させる制御メニュー２１０がウェブブラウザのツールバー２０５に生成される。
【００２５】
この時、現在のニュース項目に内容ＢＢＢ２００が表示され、図２の（ｂ）のようにウェブページのニュース項目の内容変更を制御できる制御メニュー２１０が生成される。このような制御メニュー２１０では現在表示されている該当ニュース項目の内容ＢＢＢ２００で一時停止できる制御ボタン２１１が生成されてもよい。以後、ユーザによって制御ボタン２１１がタッチされる時、該当ニュース項目が動的に変化することが停止される。この時、ニュース項目の内容ＢＢＢ２００の後に表示される内容ＣＣＣ、内容ＤＤＤ、内容ＥＥＥ、内容ＡＡＡ２０２が示されていないが、動的に変化する内容ＣＣＣ、内容ＤＤＤ、内容ＥＥＥ、内容ＡＡＡ２０２に該当するＤＯＭツリー構造またはレンダーツリー構造に関する情報は記録される。
【００２６】
実施形態において、内容ＢＢＢ２００以後に現れるべき内容ＣＣＣ、内容ＤＤＤ、内容ＥＥＥ、内容ＡＡＡ２０２が表示されず、動的に変化する内容ＣＣＣ、内容ＤＤＤ、内容ＥＥＥ、内容ＡＡＡ２０２に該当するＤＯＭツリー構造またはレンダーツリー構造に関する情報を記録することも停止されることがある。一方、図２の(ｃ)及び(ｄ)に示されているように、ウェブページの内容の変更を一時停止できる制御ボタン２１１がタッチされてウェブページの内容の変更が停止されれば、前のウェブページの内容に移動させることができる制御ボタン２１２及び次の内容に移動させることができる制御ボタン２１３がウェブブラウザのツールバーに生成される。したがって、ウェブページの前の内容に移動させるための制御ボタン２１２がユーザによってタッチされる時、ウェブページの内容ＢＢＢ２００の以前の内容、すなわち、内容ＡＡＡ２０２が表示される。
【００２７】
また、ニュース項目に内容ＡＡＡ２０２が表示されている状態で次のウェブページの内容に移動させるための制御ボタン２１３がユーザによってタッチされる時、ウェブページの内容ＡＡＡ２０２の次の内容、すなわち、（ｅ）に示されているような、内容ＢＢＢ２００が表示される。
【００２８】
そして、図２の（ｅ）に示されているように、ウェブページの内容変更の再生のための制御ボタン２１４がユーザによってタッチされると、再びウェブページの内容が動的に変化する。
【００２９】
図３Ａ及び図３Ｃは、本発明の実施形態によるウェブブラウザのためのツールバーを示している。
【００３０】
図３Ａを参照すると、ウェブページの内容が動的に変化して表示される時、ウェブブラウザのツールバーを示している。この時、ウェブブラウザのためのツールバー３００は、以前のウェブページに移動するためのコマンドボタン３１０、次のウェブページに移動するためのコマンドボタン３１１、ウェブページの更新に該当するコマンドボタン３１２、検索ウィンドウ３１４、お気に入り(登録されたＵＲＬ(Ｕｎｉｆｏｒｍ Ｒｅｓｏｕｒｃｅ Ｌｏｃａｔｏｒ)表示)ボタン３１６、中止ボタン３１８、検索実行ボタン３２０、ブックマーク(お気に入りにＵＲＬ登録)ボタン３２２及び本発明によるウェブページの少なくとも一部の内容の変更を制御するために生成される制御メニュー３３０を含む。すなわち、電子装置はウェブブラウジングの過程でウェブページが生成され、該当ウェブページの少なくとも一部の内容が動的に変更されることが確認される場合、ウェブブラウザのツールバー３００にウェブページの内容が動的に変更されることを制御するための制御メニュー３３０が生成されてもよい。より詳細には、制御メニュー３３０ではウェブページの内容が変更されることを停止させるための停止ボタン３３１が優先的に生成されてもよい。これは前述のウェブページの内容が動的に変更されることが停止された上で、以下の動作を行うことが望ましいことに起因する。
【００３１】
ここで、本発明によって生成された制御メニュー３３０の停止ボタン３３１は、ウェブページの少なくとも一部の内容が動的に変更されることを停止させる機能で、ツールバーに生成された中止ボタン３１８は、ローディング中のウェブページ全体の表示を中止する機能である。
【００３２】
図３Ｃを参照すると、ウェブページの内容変更を停止させるためのボタン３３１がユーザによってタッチされる時のウェブブラウザツールバー３００を示している。この時、ウェブブラウザツールバー３００は、以前のウェブページに移動するためのコマンドボタン３１０、次のウェブページに移動するためのコマンドボタン３１１、ウェブページの更新に該当するコマンドボタン３１２、検索ウィンドウ３１４、お気に入り(登録されたＵＲＬ(Ｕｎｉｆｏｒｍ Ｒｅｓｏｕｒｃｅ Ｌｏｃａｔｏｒ)表示)ボタン３１６、中止ボタン３１８、検索実行ボタン３２０、ブックマーク(お気に入りにＵＲＬ登録)ボタン３２２を含み、これに本発明によってウェブページの少なくとも一部の内容が動的に変更することを制御するための制御メニュー３３０を含む。このような制御メニュー３３０には、ウェブページの以前の内容に移動させるボタン３３５、ウェブページの動的な内容の変更をもう一度再生するボタン３４０、ウェブページの次の内容に移動させるボタン３４５を含む。
【００３３】
一方、前述の制御メニュー３３０でウェブページの動的な内容の変更を再生するボタン３４０が再びタッチされる時、ウェブページの以前の内容に移動させるボタン３３５、ウェブページの動的な内容の変更を再生するボタン３４０及びウェブページの次の内容に移動させるボタン３４５の代わりに、ウェブページの内容変更を停止させるための停止ボタン３３１がツールバーに再び現れてもよい。本発明の実施形態では、ウェブページのツールバーにウェブページの少なくとも一部の内容が動的に変更されることを制御するための制御メニューとして停止ボタンが優先的に生成され、停止ボタンが実行された場合、それ以下のボタン(例えば、ウェブページの次の該当内容に移動するためのボタン、以前の該当内容に移動するためのボタン及び動的変更をもう一度再生させるボタン)が順次生成された。
【００３４】
しかし、これに限定されるものではなく、このようなボタンは電子装置が表示されたウェブページの少なくとも一部の内容が動的に変更されたことを確認する場合、ウェブブラウザのツールバーに制御メニューとして同時に表示されることもできるだろう。
【００３５】
また、本発明の制御のメニューとしては停止ボタン、ウェブページの次の該当内容に移動するためのボタン、以前の該当内容に移動するためのボタン及び動的変更をもう一度再生させるボタンのみを図示して説明したが、動的に変更される多数の内容のうち最初の内容にジャンプするボタン、最後の内容にジャンプするボタンなど公知の多様な移動ボタンが使用されてもよい。
【００３６】
また、本発明では、ウェブページの少なくとも一部の内容が動的に変更されることを制御するための制御メニューがツールバーの領域に生成されたが、これに限定されるものでなく、ウェブページとともに変更されない電子装置の表示画面のどこにも生成できることは自明である。
【００３７】
図３Ｂ及び図３Ｄは、本発明の実施例によるウェブブラウザのための選択メニューを示している。
【００３８】
図３Ｂは、図３Ａのツールバー３００に対応する選択メニューを示している。すなわち、ツールバーにウェブページの内容の変更を停止させるための停止ボタン３３１と同一の機能が選択メニューによって実行されてもよい。例えば、表示メニュー３５０が選択されると、ウェブページの内容制御メニュー項目３５１が現れ、ウェブページの内容制御メニュー項目３５１が選択されると、ウェブページの内容変更停止項目３５２が現れる。
【００３９】
これと同様に、図３Ｄは図３Ｃのツールバー３００に対応する選択メニューを示している。すなわち、ツールバー３００に生成された制御メニュー３３０のウェブページの以前の内容に移動させるボタン３６２、ウェブページの動的な内容の変更を再生するボタン３６４、ウェブページの次の内容に移動させるボタン３６３と同一の機能が選択メニューによって実行されてもよい。例えば、表示メニュー３６０が選択されると、ウェブページの内容制御メニュー項目３６１が現れ、ウェブページの内容制御メニュー項目３６１が選択されると、以前の変更内容のウェブページ移動項目３６２、次の変更内容のウェブページ移動項目３６３及びウェブページの内容変更再生項目３６４が同時に現れることがある。
【００４０】
図４は、本発明の実施形態によるウェブブラウザの構成要素を示している。ウェブブラウザはインターネットエクスプローラー、ファイアフォックス、サファリ、クローム、オペラなどを含む。ウェブブラウザの主要機能は、ユーザーが選択したリソースをサーバに要請してブラウザに表示することである。リソースはＨＴＭＬ(ＨｙｐｅｒＴｅｘｔ Ｍａｒｋｕｐ Ｌａｎｇｕａｇｅ)またはＸＭＬ(ｅＸｔｅｎｓｉｂｌｅ Ｍａｒｋｕｐ Ｌａｎｇｕａｇ)文書であるが、場合によってＰＤＦやイメージまたは他の形態であることがある。リソースのアドレスはＵＲＩ(Ｕｎｉｆｏｒｍ Ｒｅｓｏｕｒｃｅ Ｉｄｅｎｔｉｆｉｅｒ)によって決まる。ブラウザは、ソースコード(ＨＴＭＬ又はＸＭＬコード)とＣＳＳ(ｃａｓｃａｄｉｎｇ ｓｔｙｌｅ ｓｈｅｅｔｓ)によってソースコードをパースして表示する。また、ブラウザは図３ａないし図３ｄのように、ＵＲＩを入力できるアドレス表示ライン、以前のボタンと次のボタン、ブックマーク、更新ボタン、現在の文書のローディングを中断できる停止ボタン、ホームボタン、そして、本発明に加えてウェブページの内容を制御するためのボタンを含む。
【００４１】
図４を参照すると、ブラウザの主要構成要素は、ユーザーインタフェース４００、ブラウザエンジン４０２、レンダリングエンジン４０４、通信４０６、ジャバスクリプト解析機４０８、ＵＩバックエンド４１０、リソース保存場所４１２を含む。
【００４２】
ユーザーインタフェース４００は、アドレスバー、以前/次のボタン、ブックマークメニューなどウェブページの内容を制御するためのボタンである。要請したページを表示するウィンドウを除いた残りの全ての部分である。
【００４３】
ブラウザエンジン４０２は、ユーザーインタフェース４００とレンダリングエンジン４０４間の動作を制御する。
【００４４】
レンダリングエンジン４０４は、要請したコンテンツを表示する。例えば、ＨＴＭＬを要請すれば、ＨＴＭＬとＣＳＳをパースして画面に表示する。
【００４５】
通信４０６は、ＨＴＴＰ(ｈｙｐｅｒ ｔｅｘｔ ｔｒａｎｓｆｅｒ ｐｒｏｔｏｃｏｌ)要請のようなネットワークの呼び出しに使用される。また、通信４０６は、プラットフォームと独立的なインタフェースであり、各プラットフォームの下部で実行される。
【００４６】
ＵＩバックエンド４１０は、レンダリングエンジン４０４とユーザーインタフェース４００に基づいて、コンボボックスとウィンドウのような基本的なウィンドウを描画(ｐａｉｎｔｉｎｇ)する。
【００４７】
ジャバスクリプト解析機４０８は、ジャバスクリプトコードを解析して実行する。
【００４８】
リソース保存場所４１２は、リソースを保存する階層であって、クッキーを保存するのと同様にすべての種類のリソースをハードディスクに保存する必要がある。
【００４９】
図５は、本発明の実施形態によるウェブレンダリングエンジン４０４の動作過程を示している。
【００５０】
図５を参照すると、レンダリングエンジン４０４の役割は、要請された内容をブラウザ画面に表示することである。
【００５１】
レンダリングエンジン４０４は、画面にＨＴＭＬ及びＸＭＬ文書とイメージを表示できる。また、プラグインやブラウザ拡張機能を用いてＰＤＦのような他の類型も表示できる。
【００５２】
レンダリングエンジン４０４の動作過程を見ると、レンダリングエンジン４０４は、ＨＴＭＬ文書をパースして文書内のタグをＤＯＭツリーに変換する(５００)。パースから生成されたＤＯＭツリー（ｂ）は、ＨＴＭＬ/ＸＭＬ文書の内容をツリー型にリソース構造化したものである。次に外部ＣＳＳ(Ｃａｓｃａｄｉｎｇ Ｓｔｙｌｅ Ｓｈｅｅｔｓ)ファイルとともに含まれたスタイル要素もパースする。ここで、ＤＯＭ(Ｄｏｃｕｍｅｎｔ Ｏｂｊｅｃｔ Ｍｏｄｅｌ)ツリー型のリソース構造を画面に表示するため、他の形態のデータ構造が必要である。
【００５３】
このため、スタイル情報とＨＴＭＬ表示規則は、『レンダーツリー(ｒｅｎｄｅｒ ｔｒｅｅ)』と称する他のツリーを生成する(５１０)。レンダーツリーは、色相又は面積のような視覚的属性のある四角形を含んでいるが決められた順序の通りに画面に表示される。
【００５４】
レンダーツリー生成が終了すれば、配置(ｌａｙｏｕｔ)が開始されるが(５２０)、これは各ノードが画面の正確な位置に表示されることを意味する。すなわち、各レンダーオブジェクトは、画面に表示される位置や大きさを持っておらず、配置を通じてレンダーオブジェクトが位置と大きさを持つようになる。次に、ＵＩバックエンド４１０でレンダーツリーを探索するとともに形状を作り出す描画過程が行なわれる(５３０)。すなわち、描画過程は特定のメモリ空間にＲＧＢ値を満たす課程であって、どの位置にどのような大きさで描画するか、どのような色で描画するか詳しい内容が記録される。
【００５５】
図６Ａは、本発明の実施形態によるウェブブラウザの動作の過程を示している。
【００５６】
図６Ａを参照すると、ウェブブラウザは、通信４０６を通じて受信したＨＴＭＬ/ＸＭＬコード６００をパースし（６０１）、パースされた内容に基づいてＤＯＭツリーを構成する（６０２）。すなわち、パーサ(ｐａｒｓｅｒ)６０１は、コンパイラ(ｃｏｍｐｉｌｅｒ)の一部としてＨＴＭＬ、ＸＭＬ文書などでマークアップタグ(Ｍａｒｋｕｐ Ｔａｇ)などが入力されて構文を解析できる単位で複数の部分に分割する役割を果たす。
【００５７】
すなわち、パーサ(ｐａｒｓｅｒ)６０１は、ＨＴＭＬ又はＸＭＬ文書を分析してＤＯＭツリーを作り出す。ＤＯＭ文書は、ノード(Ｎｏｄｅ)から構成され、ノードは構成要素(Ｅｌｅｍｅｎｔ)、テキスト(Ｔｅｘｔ)、属性(Ａｔｔｒｉｂｕｔｅ)又は他のノードタイプ(Ｎｏｄｅｔｙｐｅ)であることがある。ＤＯＭツリーの経路は、ＤＯＭ ＡＰＩ(Ａｐｐｌｉｃａｔｉｏｎ Ｐｒｏｇｒａｍ ＩｎｔｅＲＦａｃｅ)を構成する。すなわち、ＤＯＭ ＡＰＩは、構成要素とテキストのようなＨＴＭＬ/ＸＭＬ文書内に現われるあらゆる種類の情報を示すインタフェースであって、このようなオブジェクトを扱うのに必要なメソッドと属性も含んでいる。
【００５８】
ここで、ＤＯＭ６０３は、ＨＴＭＬとＸＭＬ文書のためのＤＯＭ ＡＰＩというオブジェクトツリー構造として文書の物理的構造と文書がアクセスされて扱われる方法を定義する。また、ＤＯＭ６０３は、ＨＴＭＬ又はＸＭＬ文書を一つのツリー構造と見る。構成要素(ｅｌｅｍｅｎｔ)が他の構成要素に含まれていることは、下位ツリーと認識し、同等のレベルにあることは兄弟ツリーと認識する。
【００５９】
整理すると、ＤＯＭ６３０は、様々な環境とアプリケーションで使用できる標準的なプログラミングインタフェースを提供し、プログラムまたはスクリプトを通じてＨＴＭＬやＸＭＬのようなウェブ文書の内容と構造、また、スタイル情報の検索または修正が可能であるようにするプラットフォームまたは言語に中立的なインタフェースである。
【００６０】
一方、Ｓｔｙｌｅ Ｓｈｅｅｔｓ６０４は、ＸＭＬ/ＨＴＭＬ文書６００に対する視覚的な感じ、形態や形状、色感、デザイン等を整理したシート(Ｓｈｅｅｔ)であって、ＣＳＳ(Ｃａｓｃａｄｉｎｇ Ｓｔｙｌｅ Ｓｈｅｅｔｓ)ファイル形態で保存される。
【００６１】
すなわち、ＨＴＭＬは文書の構造と意味だけを示すが、使用しなければならないために該当ＨＴＭＬページのデザイン的なすべての要素は別々に分離されてＳｔｙｌｅ Ｓｈｅｅｔｓ６０４という別途のファイルで予め保存される。
【００６２】
スタイルシートは、ブラウザが提供する基本スタイルシートであるが、ページ制作者またはユーザーもこれを提供できる。ブラウザは、ユーザーが好むスタイルを定義できるように支援する。
【００６３】
ＣＣＳパーサ６０５は、ＣＳＳファイルはスタイルシートオブジェクトとしてパースされ、各オブジェクトはＣＳＳの使用規則６０６を含む。
【００６４】
アタッチメント(ａｔｔａｃｈｍｅｎｔ)６０７は、スタイルを決定してレンダラーを作る過程で、すべてのＤＯＭツリーのノードには『ａｔｔａｃｈ』メソッドがある。アタッチメント６０７は、ＤＯＭツリーにノードが追加されると、新たなノードの『ａｔｔａｃｈ』メソッドを呼び出す。
【００６５】
一方、ＤＯＭツリー６０２が構築される間にブラウザは、レンダーツリー６０８を構築する。レンダーツリー６０８を構築する目的は、オブジェクトが画面に表示される順序と文書の視覚的な構成要素として、正しい手順で内容を描くことができるようにするための目的がある。
【００６６】
レンダーツリーを構築するためには、各オブジェクトの視覚的属性に対する計算が必要であるが、これは各構成要素のスタイル属性を計算することにより処理される。構成要素は『形状(ｆｒａｍｅｓ)』、『レンダラー(ｒｅｎｄｅｒｅｒ)』又は『レンダーオブジェクト(ｒｅｎｄｅｒ ｏｂｊｅｃｔ)』という用語で呼ばれることもある。レンダラーは自己と子要素をどのように配置して描画すべきかを知っている。各レンダラーは、スタイル規則６０６に従ってノードのＣＳＳボックスに符合する四角形を表示する。各レンダラーは幅、高さ、また位置のような幾何学的情報を含む。
【００６７】
レンダラーが生成されてレンダーツリーに追加されるとき、大きさと位置情報はないが、このような値を計算することを配置６０９(ｌａｙｏｕｔ)またはリフロー(ｒｅｆｌｏｗ)と呼ぶ。
【００６８】
描画６１０段階では、画面に内容を表示６１１するためのレンダーツリーが探索され、レンダラーの『ｐａｉｎｔ』メソッドが呼び出される。描画６１０はＵＩ基盤の構成要素を使用する。
【００６９】
図６Ｂは、本発明の実施形態による文書のデータ構造とメモリ及び応用プログラム間の関係を示している。
【００７０】
図６Ｂを参照すると、ＨＴＭＬ又はＸＭＬ文書６００をパースした後（６０１、６０５）、解析結果をメモリにＤＯＭというオブジェクトツリー構造６５０で生成させると、応用プログラム６４０は、メモリ６３０に生成されたオブジェクトツリー構造６５０からオブジェクトを処理する(例:修正、削除など)。
【００７１】
したがって、ウェブページの内容が変更される時、オブジェクトを処理する内容を記録することにより、以前のウェブページの内容を表示したり、次のウェブページの内容を表示したりすることができる。
【００７２】
場合によって、ウェブページの内容の変更は、レンダーオブジェクトツリー構造からオブジェクトを処理することにより行うことができる。この時、レンダーオブジェクトツリー構造からオブジェクトを処理する内容が記録される。
【００７３】
前述のように、アプリケーションはソースコードを修正するものではなく、ＤＯＭオブジェクトまたはレンダーオブジェクトのツリー構造からオブジェクトを加工・処理することにより、望む結果物(例:図１の(ａ)〜(ｅ))を作って出力する。
【００７４】
図７の（ａ）〜(ｄ)は、本発明の第１実施形態による動的に変更される多数のウェブページの内容に対する記録及び動的に変更される多数のウェブページの内容の表示のためのタイミングシナリオを示している。
【００７５】
図７の（ａ）を参照すると、ウェブページの第１要素、第２要素、第３要素の内容がそれぞれ周期的または非周期的に変更される。第１要素、第２要素、第３要素はイメージ、またはテキストの属性を持つ。場合によって、要素はウェブページ内で再生されるフラッシュ動画であることもある。
【００７６】
例えば、ウェブページの第１要素はｔ１、ｔ３、ｔ５、ｔ７、ｔ１０の間にそれぞれ内容が内容Ａ７００、Ｂ７０１、Ｃ７０２、Ｄ７０３、Ｅ７０４に変更され、ウェブページの第２要素はｔ２、ｔ６、ｔ９の間にそれぞれ内容が内容１  ７１０、２ ７１２、３ ７１４に変更され、ウェブページの第３要素は、ｔ４、ｔ８の間にそれぞれ内容が内容ａ７２０、ｂ７２２に変更される。
【００７７】
一方、ウェブページの要素が変更されるたびに、ウェブページ内の要素を画面に描くためのＤＯＭオブジェクトまたはレンダーオブジェクトの挿入/削除/位置修正/内容変更/スタイル変更などを記録する。すなわち、ウェブページ内で内容Ａから内容Ｂに変更される時、メモリ内にローディングされたＤＯＭまたはレンダーオブジェクトツリーでオブジェクトの挿入/削除/位置修正/内容変更/スタイル変更などがなされるので、ＤＯＭまたはレンダーツリー構造でオブジェクト処理内容が記録される。
【００７８】
したがって、ｔ１、ｔ２、ｔ３、ｔ４、ｔ５、ｔ６、ｔ７、ｔ８、ｔ９にそれぞれ内容Ａ、１、Ｂ、ａ、Ｃ、２、Ｄ、ｂ、３、Ｅがウェブページ内で変更される時、それに関連したＤＯＭまたはレンダーツリー構造でオブジェクト処理内容がそれぞれ記録される。
【００７９】
図７の（ｂ）を参照すると、図７の（ａ）のようにウェブページの内容の変更によるＤＯＭまたはレンダーツリー構造におけるオブジェクト処理内容などが全て記録された後、ユーザはウェブブラウザのツールバーにある制御ボタン(図３Ａ又は図３Ｃ)、あるいは図３Ｂ又は図３Ｄの選択メニューを用いて、ウェブページの内容が動的に変更されることを停止させたり、以前の内容に移動したり、先の内容に移動したりすることが可能である。
【００８０】
例えば、内容Ｅ７０４に変更された後、ウェブページの内容の変更を一時停止し、図３Ｃのように、ウェブページの以前の内容及び次の内容に移動させることができる制御ボタン３３５、３４０がウェブブラウザのツールバーに生成されると、ユーザは以前の内容に移動させるための制御ボタン３３５をタッチすると、内容３ ７１４を描くためのＤＯＭオブジェクト又はレンダーオブジェクトに対する記録された情報を参照し、内容３  ７１４を含むウェブページを画面に表示する。すなわち、内容３  ７１４を含むウェブページを表示するためのＤＯＭまたはレンダーツリー構造におけるオブジェクト処理を行なう。
【００８１】
場合によって、ウェブページ内の多数の要素の変更に対する記録は、それぞれ独立的に遂行され、図７の(ｃ)のように以前の内容に移動させるための制御ボタン３３５に独立的に内容が表示される。
【００８２】
例えば、図７の(ｃ)を参照すると、内容Ｅ、３、ｂに変更されたウェブページでウェブページの内容の変更を一時停止し、以前の内容に移動させるための制御ボタン３３５がタッチされる時、記録されたＤＯＭまたはレンダーツリー構造におけるオブジェクト処理内容に基づいて、内容Ｄ、２、ａを含むウェブページが表示され、再び以前の内容に移動させるための制御ボタン３３５がタッチされると、内容Ｃ、１、ｂを含むウェブページが表示される。すなわち、ウェブページの第１要素は、Ａ７００、Ｂ７０１、Ｃ７０２、Ｄ７０３、Ｅ７０４が循環して表示され、ウェブページの第２要素は内容１ ７１０、２  ７１２、３  ７１４が循環して表示され、ウェブページの第３要素は、内容ａ７２０、ｂ７３０が循環して表示される。
【００８３】
図７の(ｄ)はｔ１、ｔ２、ｔ３、ｔ４、ｔ５でウェブページの内容Ａ、１、Ｂ、ａ、Ｃまで関連されたＤＯＭオブジェクトまたはレンダーオブジェクトの挿入/削除/位置修正/内容変更/スタイル変更などが記録され、この時、ウェブページの内容の変更が一時停止された後、以前の内容に移動させるための制御ボタン３３５がタッチされる時の例を示している。
【００８４】
例えば、一時停止ボタンがタッチされる時、内容Ｄ、２、ａを含むウェブページが表示され、以後、以前の内容に移動させるための制御ボタン３３５がタッチされる時、内容Ｃ、１、ａを含むウェブページが表示され、再び以前の内容に移動させるための制御ボタン３３５がタッチされる時、内容Ｂ、２、ａを含むウェブページが表示され、また、再び以前の内容に移動させるための制御ボタン３３５がタッチされる時、内容Ａ、１、ａを含むウェブページが表示される。
【００８５】
図８の（ａ）〜（ｂ）は、本発明の第２実施形態による動的に変更される多数のウェブページの内容に対する記録及び動的に変更される多数のウェブページの内容の表示のためのタイミングシナリオを示している。
【００８６】
図８の（ｂ）を参照すると、ウェブページの第１要素、第２要素、第３要素の内容がそれぞれ周期的または非周期的に動的に変更される。第１要素、第２要素、第３要素はイメージ又はテキストの属性を持つ。場合によって、要素は、ウェブページ内で再生されるフラッシュ動画であることもある。
【００８７】
例えば、ウェブページの第１要素は、内容が内容Ａ８００、Ｂ８０１、Ｃ８０２、Ｄ８０３、Ｅ８０４に変更され、ウェブページの第２要素は、内容が内容１  ８１０、２  ８１２、３  ８１４に変更され、ウェブページの第３要素は、内容が内容ａ８２０、ｂ８２２に変更される。
【００８８】
一方、ウェブページの要素の変更時点に関係なく、周期的な時点に、すなわち、ｔ１、ｔ２、ｔ３の間に現在表示されるウェブページの変更要素を画面に描くためのＤＯＭオブジェクト又はレンダーオブジェクトに対する情報を記録する。すなわち、ｔ１時点８３０に、ウェブページ内に内容Ｂ、１、ａを表示するためのＤＯＭオブジェクト又はレンダーオブジェクトに対する情報を記録し、ｔ２時点８３２に、ウェブページ内に内容Ｄ、２、ｂを表示するためのＤＯＭオブジェクト又はレンダーオブジェクトに対する情報を記録し、ｔ３時点８３４に、ウェブページ内に内容Ｅ、３、ｂを表示するためのＤＯＭオブジェクト又はレンダーオブジェクトに対する情報を記録する。
【００８９】
図８の（ａ）のように、周期的に現在表示されるウェブページの変更要素を画面に描くためのＤＯＭオブジェクト又はレンダーオブジェクトに対する情報が記録された後、ユーザはウェブブラウザのツールバーにある制御ボタン(図２の（ａ）又は図２の(ｄ)を用いて、ウェブページの内容が動的に変更されることを停止させたり、以前の内容に移動したり、先の内容に移動したりすることが可能である。
【００９０】
例えば、図８の（ｂ）のように、ｔ３以後にウェブページの内容の変更を一時停止し、図３ｃのように、ウェブページの以前の内容及び次の内容に移動させることができる制御ボタン３３５、３４５がウェブブラウザのツールバーに生成されると、以前の内容に移動させるための制御ボタン３３５がタッチされるとき、内容Ｂ+２+ｂを描くためのＤＯＭオブジェクト又はレンダーオブジェクトに対する記録された情報を参照し、内容Ｂ+２+ｂを含むウェブページを画面に表示する。もう一度以前の内容に移動させるための制御ボタン３３５がタッチされると、内容Ｂ+１+ａを描くためのＤＯＭオブジェクト又はレンダーオブジェクトに対する記録された情報を参照し、内容Ｂ+１+ａを含むウェブページを画面に表示する。
【００９１】
図８の（ａ）のように、記録時点がウェブページの変更時点と相違するので、記録時点と次の記録時点の間に変更されるウェブページの内容(例:内容Ａ８００、内容Ｃ８０２に対して見逃すことがある。
【００９２】
図９の（ａ）〜（ｂ）は、本発明の第３実施形態による動的に変更される多数のウェブページの内容に対する記録及び動的に変更される多数のウェブページの内容の表示のためのタイミングシナリオを示している。
【００９３】
図９の（ａ）を参照すると、ウェブページの第１要素、第２要素、第３要素がそれぞれ周期的または非周期的に動的に内容が変更される。第１要素、第２要素、第３要素はイメージ又はテキストの属性を持つ。場合によって、要素は、ウェブページ内で再生されるフラッシュ動画であることもある。
【００９４】
例えば、ウェブページの第１要素は内容が内容Ａ９００、Ｂ９０１、Ｃ９０２、Ｄ９０３、Ｅ９０４に変更され、ウェブページの第２要素は、内容が内容１  ９１０、２  ９１２、３  ９１４に変更され、ウェブページの第３要素は内容が内容ａ９２０、ｂ９２２に変更される。
【００９５】
一方、ウェブページの要素の変更時点に関係なく、周期的な時点に、すなわち、ｔ１、ｔ２、ｔ３の間に現在表示されるウェブページの変更要素を画面に描くためのＤＯＭオブジェクト又はレンダーオブジェクトに対する情報を記録する。すなわち、ｔ１時点９３０に、ウェブページ内に内容Ｂ、１、ａを表示するためのＤＯＭオブジェクト又はレンダーオブジェクトに対する情報を記録し、ｔ２時点９３２に、ウェブページ内に内容Ｄ、２、ｂを表示するためのＤＯＭオブジェクト又はレンダーオブジェクトに対する情報を記録し、これに加えてｔ３時点９３４に重要な内容が変更される時(内容Ｃ９０２からＤ９０３に変更される時)、ウェブページ内に内容Ｄを表示するためのＤＯＭオブジェクトまたはレンダーオブジェクトに対する情報を記録する。すなわち、内容Ｃ９０２対比内容Ｄ９０３が全体変更される場合にそれに関連したＤＯＭオブジェクト又はレンダーオブジェクトに対する情報が記録される。そして、ｔ４時点９３６に、ウェブページ内に内容Ｅ、３、ｂを表示するためのＤＯＭオブジェクト又はレンダーオブジェクトに対する情報を記録する。
【００９６】
図９の（ａ）のように、現在表示されるウェブページの変更要素を画面に描くためのＤＯＭオブジェクトまたはレンダーオブジェクトに対する情報９３０、９３２、９３６及び重要な内容が変更されるとき、それに関連したＤＯＭオブジェクトまたはレンダーオブジェクトに対する情報９３４が記録された後、ユーザはウェブブラウザのツールバーにある制御ボタン(図３ａまたは図３ｃ)を用いて、ウェブページの内容が動的に変更されることを停止させたり、以前の内容に移動したり、先の内容に移動したりすることが可能である。
【００９７】
例えば、図９の（ｂ）のように、ｔ４以後にウェブページの内容の変更を一時停止し、図３ｃのように、ウェブページの以前の内容及び次の内容に移動させることができる制御ボタン３３５、３４５がウェブブラウザのツールバーに生成されると、ユーザは以前の内容に移動させるための制御ボタン３３５をタッチすると、内容Ｄ+２+ｂを描くためのＤＯＭオブジェクト又はレンダーオブジェクトに対する記録された情報を参照し、内容Ｄ+２+ｂを含むウェブページを画面に表示する。もう一度さらに以前の内容に移動させるための制御ボタン３３５がタッチされると、内容Ｃ+２+ｂを描くためのＤＯＭオブジェクト又はレンダーオブジェクトに対する記録された情報を参照し、内容Ｃ+２+ｂを含むウェブページを画面に表示する。もう一度さらに以前の内容に移動させるための制御ボタン３３５がタッチされると、内容Ｂ+１+ａを描くためのＤＯＭオブジェクト又はレンダーオブジェクトに対する記録された情報を参照して、内容Ｂ+１+ａを含むウェブページを画面に表示する。
【００９８】
図１０の（ａ）〜図１０の(ｃ)は、本発明の実施形態によるウェブページの特定の内容を動的に変更する技法を示している。
【００９９】
図１０の（ａ）を参照すると、レンダーツリー構造で内容１ないし内容６に関連したレンダーオブジェクトの位置が変更される例を示している。レンダーツリー構造でランダーオブジェクトの位置変更は、画面上に出力する内容を選択することを意味する。
【０１００】
例えば、第１時点に、画面上に表示される内容の位置が内容２  １０００に関連したレンダーオブジェクトに位置する時、再配置(ｒｅ-ｌａｙｏｕｔ)及び再描画(ｒｅ-ｐａｉｎｔｉｎｇ)を通じて画面の特定領域に内容２が表示される。第２時点に、画面上に表示される内容の位置が内容３ １００２に関連したレンダーオブジェクトに位置する時、再配置及び再描画を通じて画面の特定領域に内容３が表示される。第３時点に画面上に表示される内容の位置が内容４  １００４に関連したレンダーオブジェクトに位置する時、再配置及び再描画を通じて画面の特定領域に内容４が表示される。第４時点に、画面上に表示される内容の位置が内容５  １００６に関連したレンダーオブジェクトに位置する時、再配置及び再描画を通じて画面の特定領域に内容５が表示される。すなわち、レンダーツリー構造内で位置が変更されるだけで、画面上に出力される内容２ないし内容５の位置は同一である。
【０１０１】
図１０の（ｂ）を参照すると、内容１ないし内容４は、ＤＯＭツリー構造又はレンダーツリー構造で内容１ないし内容４に関連したオブジェクトの位置は同一である。すなわち、ＤＯＭツリー構造又はレンダーツリー構造で内容１ないし内容４に関連したオブジェクトは互いに重なっていて、オブジェクトの表示の属性を変更させることにより同一の位置で内容１と内容２を表示することができる。
【０１０２】
例えば、内容１ １０１０に関連したオブジェクトに対する表示の属性を『ｂｌｏｃｋ』とし、残りの内容２ないし内容４ １０１２、１０１４、１０１６に関連したオブジェクトに対する表示の属性をそれぞれ『ｎｏｎｅ』と設定すれば、画面上に表示される時は内容１ １０１０のみが現れる。
【０１０３】
これと同様に、内容２ １０１２に関連したオブジェクトに対する表示の属性を『ｂｌｏｃｋ』とし、残りの内容１、内容３、内容４ １０１０、１０１４、１０１６に関連したオブジェクトに対する表示の属性がそれぞれ『ｎｏｎｅ』と設定されれば、画面上に表示されるときは内容２ １０１２のみが現れ、内容３ １０１４に関連したオブジェクトに対する表示の属性を『ｂｌｏｃｋ』とし、残りの内容１、内容２、内容４(１０１０、１０１２、１０１６)に関連したオブジェクトに対する表示の属性がそれぞれ『ｎｏｎｅ』と設定されれば、画面上に表示される時は内容３ １０１４のみが現れ、内容２ １０１６に関連したオブジェクトに対する表示の属性を『ｂｌｏｃｋ』とし、残りの内容１、内容２、内容３ １０１０、１０１２、１０１４に関連したオブジェクトに対する表示の属性がそれぞれ『ｎｏｎｅ』と設定されれば、画面上に表示される時は内容４  １０１０１６のみが現れる。
【０１０４】
図１１は、本発明の実施形態によるウェブページ内に再生されるフラッシュ動画に対する情報を記録するシナリオを示している。
【０１０５】
図１１を参照すると、フラッシュ動画の場合、記録時点１１０２にフラッシュ動画のイメージ又はフレーム番号が記録される。例えば、第１時点に再生されるイメージに該当するフレーム１に対する情報を記録し、第２時点に再生されるイメージに該当するフレーム３に対する情報を記録する。
【０１０６】
以後、ウェブページの内容変更が停止される時、再生中のフラッシュ動画は停止され、以前のウェブページの内容移動ボタン３３５及び次のウェブページの内容移動ボタン３４５によって記録されたフレーム番号に該当するイメージを表示することもある。
【０１０７】
図１２は、本発明の実施形態によるウェブページ内でスクロール移動による画面上での内容位置移動に対する情報を記録するシナリオを示している。
図１２を参照すると、画面１２００上にウェブページの内容１２１２が表示され、以後、スクロールバー１２０２を上へ移動させる時、画面１２００上にウェブページの内容１２１０は下方へ移動してＡ領域１２１２に位置する。すなわち、配置過程で、内容１２１０に関連した位置は変更されていないが、スクロールを通じて画面上で内容１２１０の相対的な位置１２１２は変更されるので、この時、スクローリングを通じて画面上で変更される内容１２１０の位置情報１２２０が記録される。
【０１０８】
単にスクローリングの際の一つの内容のみを例として挙げたが、実際にスクローリングされる時、全体画面に表示される内容についていずれも位置が変更されるので、この時、画面上に表示されるすべての内容に対する相対的位置情報が記録される。
【０１０９】
図１３Ａ及び図１３Ｂは、本発明の第１実施形態によるウェブページの動的に変化するオブジェクトを制御するためのフローチャートを示している。
【０１１０】
図１３Ａを参照すると、電子装置は、ステップ１３３０でウェブブラウザを実行し、ステップ１３０２で該当ウェブページのアドレス検索及びウェブページの要請を行う。
【０１１１】
以後、電子装置はステップ１３０４でサーバから該当ウェブページのソースコード(例:ＨＴＭＬ又はＸＭＬコード)を受信する。
【０１１２】
以後、電子装置はステップ１３０６で該当ウェブページのソースコードをパースしてＤＯＭツリー構造を生成する。この時、ＤＯＭツリー構造は、メモリ内にデータ構造として存在するようになる。
【０１１３】
以後、電子装置はステップ１３０８でＤＯＭツリー構造とウェブページのスタイル規則と結合し、レンダーツリー構造を生成する。
【０１１４】
以後、電子装置はステップ１３１０でレンダーツリー構造に基づいて、各レンダーオブジェクトの位置とサイズを決定する配置(ｌａｙｏｕｔ)作業を行い、ステップ１３１２で配置作業を結果に基づいて描画(ｐａｉｎｔｉｎｇ)作業を行なう。この時、画面にウェブページの内容が表示される。この時、動的に変化する内容を一時停止させることができるコマンドボタン３３０及び選択メニュー３５１、３５２がウェブブラウザに活性化される。ここで、一時停止は、ウェブページ内の内容変更のための再配置(ｒｅ-ｌａｙｏｕｔ)及び再描画(ｒｅ-ｐａｉｎｔｉｎｇ)が保留されるものである。
【０１１５】
以後、電子装置はステップ１３１４で、画面に表示されるウェブページ内に動的に変化する内容がある時、ステップ１３１６に進み、ウェブページ内に動的に変化する内容に対する情報を記録する。例えば、ウェブページ内に動的に変化する内容に関連したＤＯＭツリー構造のオブジェクトの挿入/削除/位置修正/内容変更/スタイル変更などを記録する(図１０の（ａ）ないし図１０の（ｂ）参照)。また、ウェブページ内に動的に変化する内容に関連したレンダーツリー構造のオブジェクトの挿入/削除/位置修正/内容変更/スタイル変更などを記録する。実施形態において、ジャバスクリプトを通じて内容が変更される場合、変更時点に実行されるジャバスクリプトの内容を記録する((図１０の(ｃ))。
【０１１６】
他の実施形態において、ウェブページ内にフラッシュ動画が再生される場合、周期的に、現在表示されるフラッシュ動画のフレーム番号を記録するか(図１１参照)、スクローリングを通じてウェブページの内容の位置が変更されるとき、画面上で変更される内容の位置を記録する(図１２参照)。
【０１１７】
もし、ステップ１３１４で画面に表示されるウェブページ内に動的に変化する内容がない時、該当モードに入って現在表示されるウェブページの状態を保持する。
【０１１８】
以後、電子装置はステップ１３１８で、動的に変化するウェブページの内容によってＤＯＭツリーまたはレンダーツリーの構成要素に対する属性を変更する。すなわち、ツリー型の構造でオブジェクトの挿入/削除/位置修正/内容変更/スタイル変更を適用する。
【０１１９】
以後、電子装置はステップ１３２０で変更されたＤＯＭツリー構造又はレンダーツリー構造に基づいて、画面上に表示されるウェブページのオブジェクトの位置とサイズを決定する再配置を行い、ステップ１３２２で再配置された結果によって画面に変更された内容を含むウェブページを表示する。すなわち、ウェブページの内容が変更される場合、メモリにローディングされたウェブページのＤＯＭツリー又はレンダーツリーのオブジェクトの挿入/削除/位置変更/属性変更などを通じてウェブページの内容の変更がなされる。
【０１２０】
以後、電子装置はステップ１３２４で動的に変化する内容を制御するイベントが発生する時、ステップ１３２６へ進み、イベントによって動的に変化するウェブページの内容の表示を停止/再生したり、以前の内容に移動、又は先に移動する(図２参照)ことを行なう。
【０１２１】
以後、本発明の手順を終了する。
【０１２２】
図１４は、本発明の第２実施形態によるウェブページの動的に変化するオブジェクトを制御するための流れ図を示している。
【０１２３】
図４を参照すると、電子装置はステップ１４００でウェブブラウザを実行してウェブページをローディングする。ウェブページローディング段階は、図１３のステップ１３００ないしステップ１３１２を意味する。この時、動的に変化する内容を一時停止させることができるコマンドボタン３３０及び選択メニュー３５１、３５２がウェブブラウザに活性化される。ここで、一時停止は、ウェブページ内の内容変更のための再配置(ｒｅ-ｌａｙｏｕｔ)及び再描画(ｒｅ-ｐａｉｎｔｉｎｇ)が保留されるものである。
【０１２４】
以後、電子装置はステップ１４０２でローディングされたウェブページ内の関心領域を選択する。関心領域は、ウェブページ内の多数のオブジェクトの内容が変化する場合、動的に変化する多数のオブジェクトの内容の一部を選択して変化する内容を追跡するために定義される。
【０１２５】
以後、電子装置はステップ１４０４でウェブページ内の関心領域に動的に変化する内容がある時、ステップ１４０６へ進み、ウェブページ内に動的に変化する内容に対する情報を記録する。この時、『関心領域』外での内容の変更は記録されない。例えば、ウェブページ内の関心領域に動的に変化する内容に関連したＤＯＭツリー構造のオブジェクトの挿入/削除/位置修正/内容変更/スタイル変更などを記録する(図１０の（ａ）ないし図１０の（ｂ）参照)。また、ウェブページ内に動的に変化する内容に関連したレンダーツリー構造のオブジェクトの挿入/削除/位置修正/内容変更/スタイル変更などを記録する。実施形態において、ジャバスクリプトを通じて内容が変更される場合、変更時点に実行されるジャバスクリプトの内容を記録する(図１０の(ｃ))。
【０１２６】
他の実施形態において、ウェブページ内にフラッシュ動画が再生される場合、周期的に現在表示されるフラッシュ動画のフレーム番号を記録するか(図１１参照)、スクローリングを通じてウェブページの内容の位置が変更される時、画面上で変更される内容の位置を記録する(図１２参照)。
【０１２７】
もし、ステップ１４０４でウェブページ内の関心領域に動的に変化する内容がない時、該当モードに入って現在表示されるウェブページの状態を保持する。
【０１２８】
図示していないが、電子装置は動的に変化するウェブページの内容によってＤＯＭツリーまたはレンダーツリーの構成要素に対する属性を変更し、すなわち、ツリー型の構造でオブジェクトの挿入/削除/位置修正/内容変更/スタイル変更を適用し、変更されたＤＯＭツリー構造又はレンダーツリー構造に基づいて、画面上に表示されるウェブページのオブジェクトの位置とサイズを決定する再配置を行い、再配置された結果によって画面に変更された内容を含むウェブページを表示する。すなわち、ウェブページ内の内容が変更される場合、メモリにローディングされたウェブページのＤＯＭツリーまたはレンダーツリーのオブジェクトの挿入/削除/位置変更/属性変更などを通じてウェブページの内容の変更がなされる。
【０１２９】
以後、電子装置はステップ１４０８で動的に変化する内容を制御するイベントが発生しない時、ステップ１４０６に戻る。
【０１３０】
電子装置は、ステップ１４０８で動的に変化する内容を制御するイベントが発生する時、すなわち、動的に内容の表示を一時停止３３０/再生３４０させるコマンドが実行されるとき、段階１４１２に進み、動的に変化する内容を表示するか、一時停止させる。すなわち、変更されたＤＯＭツリー及びレンダーツリー構造下に再配置及び再描画作業が停止されるか、再配置及び再描画作業が行われる。
【０１３１】
電子装置はステップ１４０８で動的に変化する内容を制御するイベントが発生する時、すなわち、以前の内容に移動、又は先に移動するコマンド３３５、３４５が実行されるとき、ステップ１４１０へ進み、記録された情報に基づいて以前の内容に移動、又は先に移動するコマンドに対応するＤＯＭツリー構造又はレンダーツリー構造に変更する。
【０１３２】
以後、電子装置はステップ１４１４で変更されたＤＯＭツリー構造又はレンダーツリー構造に基づいて、画面上に表示されるウェブページのオブジェクトの位置とサイズを決定する再配置を行い、ステップ１４１６で再配置された結果によって画面に変更された内容を含むウェブページを表示する。すなわち、ウェブページ内の内容が変更される場合、メモリにローディングされたウェブページのＤＯＭツリー又はレンダーツリーのオブジェクトの挿入/削除/位置変更/属性変更などを通じてウェブページの内容の変更がなされる。
【０１３３】
以後、本発明の手順を終了する。
【０１３４】
図１５は、本発明の実施形態による電子装置のブロック図を示している。
【０１３５】
電子装置は、携帯用電子装置(ｐｏｒｔａｂｌｅ ｅｌｅｃｔｒｏｎｉｃ ｄｅｖｉｃｅ)であってもよく、携帯用端末機(ｐｏｒｔａｂｌｅ ｔｅｒｍｉｎａｌ)、移動端末機(ｍｏｂｉｌｅ ｔｅｒｍｉｎａｌ)、モバイルパッド(ｍｏｂｉｌｅ ｐａｄ)、メディアプレーヤー(ｍｅｄｉａ ｐｌａｙｅｒ)、タブレットコンピューター(ｔａｂｌｅｔ ｃｏｍｐｕｔｅｒ)、ハンドヘルドコンピューター(ｈａｎｄｈｅｌｄ ｃｏｍｐｕｔｅｒ)又はＰＤＡ(Ｐｅｒｓｏｎａｌ Ｄｉｇｉｔａｌ Ａｓｓｉｓｔａｎｔ)のような装置であってもよい。なお、この装置の２つ以上の機能を結合した装置を含む任意の携帯用電子装置であってもよい。
【０１３６】
図１５を参照すると、電子装置はコントローラ１５００、スピーカー/マイクロフォン１５１０、カメラ１５２０、ＧＰＳ受信機１５３０、ＲＦ処理機１５４０、センサモジュール１５５０、タッチスクリーン１５６０、タッチスクリーンコントローラ１５６５、拡張メモリ１５７０を含んで構成される。
【０１３７】
コントローラ１５００は、インタフェース１５０１、一つ以上のプロセッサ１５０２、１５０３、そして内部メモリ１５０４を含んでもよい。場合によっては、コントローラ１５００全体をプロセッサと称することもある。インタフェース１５０１、アプリケーションプロセッサ１５０２、通信プロセッサ１５０３、内部メモリ１５０４は、別々の構成要素であることもあり、または一つ以上の集積化された回路に集積化されることもある。
【０１３８】
アプリケーションプロセッサ１５０２は、複数のソフトウェアプログラムを実行して電子装置のための様々な機能を行い、通信プロセッサ１５０３は、音声通信及びデータ通信のための処理及び制御を行う。また、このような通常的な機能に加えて、プロセッサ１５０２、１５０３は、拡張メモリ１５７０又は内部メモリ１５０４に保存されている特定のソフトウェアモジュール(コマンドセット)を実行し、そのモジュールに対応する特定の様々の機能を遂行する役割も果たす。すなわち、プロセッサ１５０２、１５０３は、拡張メモリ１５７０又は内部メモリ１５０４に保存されたソフトウェアモジュールと連動して本発明のウェブページ内の特定の内容の表示を制御するための方法を行なう。
【０１３９】
例えば、アプリケーションプロセッサ１５０２がウェブブラウザを実行し、該当ウェブページのアドレス検索及びウェブページの要請を行ない、サーバから該当ウェブページのソースコード(例:ＨＴＭＬ又はＸＭＬコード)を受信し、該当ウェブページのソースコードをパースしてメモリ(１５０４又は１５７０)内にＤＯＭツリー構造を生成し、ＤＯＭツリー構造とウェブページのスタイルルールと結合してレンダーツリー構造を生成し、レンダーツリー構造に基づいて、各レンダーオブジェクトの位置とサイズを決定する配置(ｌａｙｏｕｔ)作業を行い、配置作業の結果に基づいて描画(ｐａｉｎｔｉｎｇ)作業を行い、画面に表示されるウェブページ内に動的に変化する内容がある時、ウェブページ内に動的に変化する内容についての情報を記録し、画面に表示されるウェブページ内に動的に変化する内容がない時、該当モードに進入して現在表示されるウェブページの状態を保持し、動的に変化するウェブページの内容によってＤＯＭツリーまたはレンダーツリーの構成要素に対する属性を変更し、変更されたＤＯＭツリー構造又はレンダーツリー構造に基づいて、画面上に表示されるウェブページのオブジェクトの位置とサイズを決定する再配置を行い、再配置された結果によって画面に変更された内容を含むウェブページを表示し、動的に変化する内容を制御するイベントが発生する時、イベントによって動的に変化するウェブページの内容の表示を停止/再生したり、以前の内容に移動、又は先に移動したりすること(図２参照)を行なう。
【０１４０】
さらに他の実施形態によって、アプリケーションプロセッサ１５０２が、ウェブブラウザを実行してウェブページをローディングし、ローディングされたウェブページ内の関心領域を選択する。ここで、関心領域は、ウェブページ内の多数のオブジェクトの内容が変化する場合、動的に変化する多数のオブジェクトの内容の一部を選択して変化する内容を追跡するために定義される。アプリケーションプロセッサ１５０２は、ウェブページ内の関心領域に動的に変化する内容がある時、ウェブページ内に動的に変化する内容についての情報を記録するが、この時、『関心領域』以外の内容変更は記録されず、ウェブページ内の関心領域に動的に変化する内容がない時、該当モードに入って現在表示されるウェブページの状態を保持し、動的に変化する内容を制御するイベントが発生する時、すなわち、動的に内容の表示を一時停止３３０/再生３４０させるコマンドが実行されるとき、動的に変化する内容を表示したり一時停止させる。アプリケーションプロセッサ１５０２は、以前の内容に移動、又は先に移動するコマンド３３５、３４５が実行されるとき、記録された情報に基づいて以前の内容に移動、又は前先に移動するコマンドに対応するＤＯＭツリー構造又はレンダーツリー構造に変更し、変更されたＤＯＭツリー構造又はレンダーツリー構造に基づいて、画面上に表示されるウェブページのオブジェクトの位置とサイズを決定する再配置を行い、再配置された結果によって画面に変更された内容を含むウェブページを表示する。すなわち、ウェブページ内の内容が変更される場合、メモリにローディングされたウェブページのＤＯＭツリー又はレンダーツリーのオブジェクトの挿入/削除/位置変更/属性変更などを通じてウェブページの内容変更がなされる。
【０１４１】
一方、他のプロセッサ(図示せず)は、一つ以上のデータプロセッサ、イメージプロセッサー、又はコーデックを含みうる。データプロセッサ、イメージプロセッサー、又はコーデックは別々に構成することもできる。また、互いに異なる機能を行なう複数のプロセッサーから構成されることもある。インタフェース１５０１は、電子装置のタッチスクリーンコントローラ１５６５及び拡張メモリ１５７０に連結させる。
【０１４２】
センサモジュール１５５０は、インタフェース１５０１に結合されて様々な機能を可能にする。例えば、動きセンサ及び光センサがインタフェース１５０１に結合されてそれぞれ電子装置の動きの感知及び外部からの光の感知を可能にする。その他にも位置測定システム、温度センサ又は生体センサなどのようなその他のセンサがインタフェース１５５０に連結されて関連した機能を行なうことができる。
【０１４３】
カメラ１５２０は、インタフェース１５０１を通じてセンサモジュール１５５０と結合して写真及びビデオクリップレコーディングのようなカメラ機能を行なうことができる。
【０１４４】
ＲＦ処理機１５４０は、通信機能が行なわれる。例えば、通信プロセッサ１５０３の制御下にＲＦ信号をベースバンド信号に変換して通信プロセッサ１５０３に提供したり、通信プロセッサ１５０３からのベースバンド信号をＲＦ信号に変換して送信したりする。ここで、通信プロセッサ１５０３は、多様な通信方式でベースバンド信号を処理する。例えば、通信方式は、これに限定するものではないが、ＧＳＭ（登録商標）(Ｇｌｏｂａｌ Ｓｙｓｔｅｍ ｆｏｒ ＭｏｂｉｌｅＣｏｍｍｕｎｉｃａｔｉｏｎ)通信方式、ＥＤＧＥ(Ｅｎｈａｎｃｅｄ Ｄａｔａ ＧＳＭ Ｅｎｖｉｒｏｎｍｅｎｔ)通信方式、ＣＤＭＡ(Ｃｏｄｅ Ｄｉｖｉｓｉｏｎ Ｍｕｌｔｉｐｌｅ  Ａｃｃｅｓｓ)通信方式、Ｗ-ＣＤＭＡ(Ｗ-ＣｏｄｅＤｉｖｉｓｉｏｎ Ｍｕｌｔｉｐｌｅ  Ａｃｃｅｓｓ)通信方式、ＬＴＥ(Ｌｏｎｇ Ｔｅｒｍ Ｅｖｏｌｕｔｉｏｎ)通信方式、ＯＦＤＭＡ(Ｏｒｔｈｏｇｏｎａｌ  Ｆｒｅｑｕｅｎｃｙ  Ｄｉｖｉｓｉｏｎ Ｍｕｌｔｉｐｌｅ  Ａｃｃｅｓｓ)通信方式、Ｗｉ-Ｆｉ(Ｗｉｒｅｌｅｓｓ Ｆｉｄｅｌｉｔｙ)通信方式、ＷｉＭａｘ通信方式及び/又はＢｌｕｅｔｏｏｔｈ（登録商標）通信方式を含みうる。
【０１４５】
スピーカー/マイクロフォン１５１０は、音声認識、音声複製、デジタルレコーディング(ｒｅｃｏｒｄｉｎｇ)及び電話機能のようなオーディオストリームの入力と出力を担当することができる。すなわち、スピーカー/マイクロフォン１５１０は、音声信号を電気信号に変換したり、電気信号を音声信号に変換したりする。図示していないが、取り外し可能な(ａｔｔａｃｈａｂｌｅ ａｎｄ ｄｅｔａｃｈａｂｌｅ)イヤホン(ｅａｒ ｐｈｏｎｅ)、ヘッドホン(ｈｅａｄ ｐｈｏｎｅ)又はヘッドセット(ｈｅａｄ ｓｅｔ)が外部ポートを通じて電子装置に接続される。
【０１４６】
タッチスクリーンコントローラ１５６５は、タッチスクリーン１５６０に結合されてもよい。タッチスクリーン１５６０及びタッチスクリーンコントローラ１５６５は、以下に限定されるものではないが、タッチスクリーン１５６０との一つ以上の接点を決定するための容量性、抵抗性、赤外線及び表面音響波の技術だけでなく、その他の近接センサ配列又はその他の要素を含む任意のマルチタッチ感知の技術を用いて接触及び動き、又はこれらの中断を検出することができる。
【０１４７】
タッチスクリーン１５６０は、電子装置とユーザ間に入力/出力インタフェースを提供する。すなわち、タッチスクリーン１５６０は、ユーザのタッチ入力を電子装置に伝達する。また、電子装置からの出力をユーザに示す媒介体である。すなわち、タッチスクリーンは、ユーザに視覚的な出力を示す。このような視覚的出力(ｖｉｓｕａｌ ｏｕｔｐｕｔ)はテキスト(ｔｅｘｔ)、グラフィック(ｇｒａｐｈｉｃ)、ビデオ(ｖｉｄｅｏ)と、これらの組合せの形態で現れる。
【０１４８】
タッチスクリーン１５６０は、様々なディスプレイが使用されてもよい。例えば、これに限定するものではないが、ＬＣＤ(ｌｉｑｕｉｄ ｃｒｙｓｔａｌ ｄｉｓｐｌａｙ)、ＬＥＤ(Ｌｉｇｈｔ Ｅｍｉｔｔｉｎｇ Ｄｉｏｄｅ)、ＬＰＤ(ｌｉｇｈｔ ｅｍｉｔｔｉｎｇ ｐｏｌｙｍｅｒｄｉｓｐｌａｙ)、ＯＬＥＤ(Ｏｒｇａｎｉｃ Ｌｉｇｈｔ Ｅｍｉｔｔｉｎｇ Ｄｉｏｄｅ)、ＡＭＯＬＥＤ(Ａｃｔｉｖｅ Ｍａｔｒｉｘ ＯｒｇａｎｉｃＬｉｇｈｔ Ｅｍｉｔｔｉｎｇ Ｄｉｏｄｅ)又はＦＬＥＤ(Ｆｌｅｘｉｂｌｅ ＬＥＤ)を使用することができる。
【０１４９】
ＧＰＳ受信機１５３０は人工衛星から受けた信号を位置、速度、時間などの情報に変換する。例えば、衛星とＧＰＳ受信機間の距離は、光の速度と信号到達時間を掛けて計算され、３つの衛星の正確な位置と距離を求めて公知された三角測量の原理で電子装置の位置が測定される。
【０１５０】
拡張メモリ１５７０又は内部メモリ１５０４は、一つ以上の磁気ディスク保存装置のような高速ランダムアクセスメモリ及び/又は不揮発性メモリ、一つ以上の光保存装置及び/又はフラッシュメモリ(例えば、ＮＡＮＤ、ＮＯＲ)を含んでもよい。
【０１５１】
拡張メモリ１５７０又は内部メモリ１５０４はソフトウェアを保存する。ソフトウェア構成要素は、オペレーティングシステム(ｏｐｅｒａｔｉｎｇ ｓｙｓｔｅｍ)ソフトウェアモジュール、通信ソフトウェアモジュール、グラフィックソフトウェアモジュール、ユーザインタフェースソフトウェアモジュール及びＭＰＥＧモジュール、カメラソフトウェアモジュール、一つ以上のアプリケーションソフトウェアモジュールなどを含む。また、ソフトウェアの構成要素であるモジュールはコマンドの集合と表現できるので、モジュールをコマンドセット(ｉｎｓｔｒｕｃｔｉｏｎ ｓｅｔ)と表現することもある。モジュールは、さらにプログラムと表現することもある。
【０１５２】
オペレーティングシステムソフトウェアは、一般的なシステム動作(ｓｙｓｔｅｍ ｏｐｅｒａｔｉｏｎ)を制御する様々なソフトウェアの構成要素を含む。このような一般的なシステム作動の制御は、例えば、メモリ管理及び制御、保存ハードウェア(装置)制御及び管理、電力制御及び管理などを意味する。このようなオペレーティングシステムソフトウェアは、いくつかのハードウェア(装置)とソフトウェアの構成要素(モジュール)間の通信を円滑に行う機能も遂行する。
【０１５３】
通信ソフトウェアモジュールは、ＲＦ処理機１５４０を通じてパソコン、サーバ及び/又は携帯用端末など他の電子装置と通信を可能にする。そして、通信ソフトウェアモジュールは、該当通信方式に該当するプロトコル構造から構成される。
【０１５４】
グラフィックソフトウェアモジュールは、タッチスクリーン１５６０上にグラフィックを提供して表示するための様々なソフトウェア構成要素を含む。グラフィック(ｇｒａｐｈｉｃｓ)という用語は、テキスト(ｔｅｘｔ)、ウェブページ(ｗｅｂ ｐａｇｅ)、アイコン(ｉｃｏｎ)、デジタルイメージ(ｄｉｇｉｔａｌ ｉｍａｇｅ)、ビデオ(ｖｉｄｅｏ)、アニメーション(ａｎｉｍａｔｉｏｎ)などを含む意味として使用される。
【０１５５】
ユーザーインタフェースソフトウェアモジュールは、ユーザーインタフェースに関連した様々なソフトウェアの構成要素を含む。ユーザーインタフェースの状態がどのように変更されるか、又はユーザーインタフェースの状態の変更がどのような条件でなされるかなどについての内容を含む。
【０１５６】
カメラソフトウェアモジュールは、カメラ関連プロセス及び機能を可能にするカメラ関連ソフトウェアの構成要素を含む。アプリケーションモジュールは、レンダリングエンジンを含むウェブブラウザ(ｂｒｏｗｓｅｒ)、電子メール(ｅｍａｉｌ)、インスタントメッセージ(ｉｎｓｔａｎｔ ｍｅｓｓａｇｅ)、ワードプロセッシング(ｗｏｒｄ ｐｒｏｃｅｓｓｉｎｇ)、キーボードエミュレーション(ｋｅｙｂｏａｒｄ ｅｍｕｌａｔｉｏｎ)、アドレスブック(ａｄｄｒｅｓｓ ｂｏｏｋ)、タッチリスト(ｔｏｕｃｈ ｌｉｓｔ)、ウィジェット(ｗｉｄｇｅｔ)、デジタル著作権管理(ＤＲＭ、Ｄｉｇｉｔａｌ Ｒｉｇｈｔ Ｍａｎａｇｅｍｅｎｔ)、音声認識(ｖｏｉｃｅ ｒｅｃｏｇｎｉｔｉｏｎ)、音声複製、位置決定機能(ｐｏｓｉｔｉｏｎ ｄｅｔｅｒｍｉｎｉｎｇ ｆｕｎｃｔｉｏｎ)、位置基盤サービス(ｌｏｃａｔｉｏｎ ｂａｓｅｄ ｓｅｒｖｉｃｅ)などを含む。メモリ１５７０、１５０４は、前述のモジュールの他に追加的なモジュール(コマンド)を含んでもよい。また、必要に応じて、一部のモジュール(コマンド)を使用しないことがある。本発明に加えて、ウェブブラウザは、ウェブページ内の動的に変化するオブジェクトの表示を制御する実行ボタン及び選択メニューを含んでいる(図３ａないし図３ｄ)。
【０１５７】
本発明に関連し、アプリケーションモジュールは、ウェブページ内の特定の内容の表示を制御するためのコマンド(下記図１３ないし図１４参照)を含む。
【０１５８】
例えば、アプリケーションモジュールは、ウェブブラウザを実行し、該当ウェブページのアドレス検索及びウェブページ要請を行い、サーバから該当ウェブページのソースコード(例:ＨＴＭＬ又はＸＭＬコード)を受信する。アプリケーションモジュールは、該当ウェブページのソースコードをパースしてメモリ(１５０４又は１５７０)内にＤＯＭツリー構造を生成し、ＤＯＭツリー構造とウェブページのスタイル規則と結合してレンダーツリー構造を生成する。アプリケーションモジュールは、レンダーツリー構造に基づいて、各レンダーオブジェクトの位置とサイズを決定する配置(ｌａｙｏｕｔ)作業を行い、配置作業の結果に基づいて描画(ｐａｉｎｔｉｎｇ)作業を行う。アプリケーションモジュールは、画面に表示されるウェブページ内に動的に変化する内容がある時、ウェブページ内に動的に変化する内容についての情報を記録する。アプリケーションモジュールは、画面に表示されるウェブページ内に動的に変化する内容がない時、該当モードに入って現在表示されるウェブページの状態を保持し、動的に変化するウェブページの内容によってＤＯＭツリー又はレンダーツリーの構成要素に対する属性を変更し、変更されたＤＯＭツリー構造又はレンダーツリー構造に基づいて、画面上に表示されるウェブページのオブジェクトの位置とサイズを決定する再配置を行う。アプリケーションモジュールは、再配置された結果によって画面に変更された内容を含むウェブページを表示し、動的に変化する内容を制御するイベントが発生する時、イベントによって動的に変化するウェブページの内容の表示を停止/再生したり、以前の内容に移動、又は先に移動したりすること(図２参照)を行なう。
【０１５９】
また、他の実施形態によって、アプリケーションモジュールは、ウェブブラウザを実行してウェブページをローディングし、ローディングされたウェブページ内の関心領域を選択する。ここで、関心領域はウェブページ内の多数のオブジェクトの内容が変化する場合、動的に変化する多数のオブジェクトの内容の一部を選択して変化する内容を追跡するために定義される。アプリケーションモジュールは、ウェブページ内の関心領域に動的に変化する内容がある時、ウェブページ内に動的に変化する内容についての情報を記録するが、この時、『関心領域』以外の内容の変更は記録されず、ウェブページ内の関心領域に動的に変化する内容がない場合、該当モードに入って現在表示されるウェブページの状態を保持する。アプリケーションモジュールは、動的に変化する内容を制御するイベントが発生する時、すなわち、動的に内容の表示を一時停止３３０/再生３４０させるコマンドが実行されるとき、動的に変化する内容を表示したり一時停止させる。アプリケーションモジュールは、以前の内容に移動、又は先に移動するコマンド３３５、３４５が実行される時、記録された情報に基づいて、以前の内容に移動、又は先に移動するコマンドに対応するＤＯＭツリー構造又はレンダーツリー構造に変更する。アプリケーションモジュールは、変更されたＤＯＭツリー構造またはレンダーツリー構造に基づいて、画面上に表示されるウェブページのオブジェクトの位置とサイズを決定する再配置を行い、再配置された結果によって画面に変更された内容を含むウェブページを表示する。すなわち、ウェブページ内の内容が変更される場合、メモリにローディングされたウェブページのＤＯＭツリー又はレンダーツリーのオブジェクトの挿入/削除/位置変更/属性変更などを通じてウェブページの内容変更がなされる。
【０１６０】
また、以上で言及した、また以下で言及する本発明による電子装置の多様な機能は、一つ以上のプロセッシング(ｐｒｏｃｅｓｓｉｎｇ)及び/又はアプリケーション特定の集積回路(ＡＳＩＣ、Ａｐｐｌｉｃａｔｉｏｎ ＳｐｅｃｉｆｉｃＩｎｔｅｇｒａｔｅｄ ｃｉｒｃｕｉｔ)を含むハードウェア及び/又はソフトウェア及び/又はこれらの結合により実行されうる。
【０１６１】
図１６は、本発明の第３実施形態によるウェブページ内に動的コンテンツの表示を制御するためのフローチャートを示している。
【０１６２】
図１６を参照すると、電子装置は、ステップ１６００でウェブページ内に動的コンテンツが含まれている時、設定された時点でウェブページに対応するデータ構造の内容を保存する。ここで、設定された時点は、一定周期又は動的コンテンツが変化する時点である。すなわち、電子装置は動的コンテンツが変化する時点ごとにウェブページに対応するデータ構造の変更内容を保存できる。他の実施形態において、電子装置は動的コンテンツが変化する時点に関係なく、周期的にウェブページに対応するデータ構造の変更内容を保存することもできる。
【０１６３】
一方、ウェブページに対応するデータ構造の内容を保存する時、電子装置はデータ構造内にオブジェクトの挿入、削除、位置変更、属性の変更又はスタイル変更を検出し、検出結果に対応する変更内容を記録する。また、ウェブページに対応するデータ構造の内容を保存する時、電子装置はメモリにローディングされているデータ構造の全体の内容を記録することもできる。
【０１６４】
以後、電子装置はステップ１６０２で特定時点のウェブページに対応するデータ構造の内容を読み出すイベントが発生するかを確認し、特定時点のウェブページに対応するデータ構造の内容を読み出すイベントが発生する時、ステップ１６０４へ進み、イベントが発生しない時、ステップ１６００に戻る。
【０１６５】
電子装置は、ステップ１６０４において、保存されたウェブページに対応するデータ構造の内容を読み出して表示する。すなわち、電子装置は、保存されたウェブページに対応するデータ構造の内容に基づいて、再配置(ｒｅ-ｌａｙｏｕｔｉｎｇ)及び再描画(ｒｅ-ｐａｉｎｔｉｎｇ)を行うことができる。
【０１６６】
一方、図示していないが、ウェブページ内に動的コンテンツの表示を一時停止させる制御イベントが発生する時、電子装置は、ウェブページ内に動的コンテンツの変更内容に対する表示を停止させる。すなわち、電子装置は、ウェブページ内に動的コンテンツを表示するための再配置(ｒｅ-ｌａｙｏｕｔｉｎｇ)及び再描画(ｒｅ-ｐａｉｎｔｉｎｇ)を停止させる。ウェブページ内に動的コンテンツの表示を一時停止させる制御イベント発生以後に電子装置は、ウェブページ内に動的コンテンツの表示の一時停止を解除させ、現在時点のウェブページに対応するデータ構造の内容を読み出して表示することも可能である。すなわち、ウェブページ内に動的コンテンツの表示の一時停止を解除させる時、電子装置は、ウェブページ内に動的コンテンツを表示するための再配置(ｒｅ-ｌａｙｏｕｔｉｎｇ)及び再描画(ｒｅ-ｐａｉｎｔｉｎｇ)を行なう。
【０１６７】
前述のように、本発明はウェブページで動的に変化するウェブページの少なくとも一部の内容を一時停止/再生、以前のウェブページの内容に戻る及び次のウェブページの内容に進むなどのようなコントローラを提供することにより、ユーザが動的に変化するウェブページの内容を検索できるメリットがある。また、ユーザは動的に変化するウェブページの内容を見逃さず、容易に把握することができる。
【０１６８】
一方、本発明の詳細な説明では具体的な実施形態について説明したが、本発明の範囲から外れない限度内で様々な変形が可能であることは言うまでもない。したがって、本発明の範囲は説明された実施形態に限られて定められてはならず、後述する特許請求の範囲だけでなく、この特許請求の範囲と均等なものによって定められなければならない。
【符号の説明】
【０１６９】
４００  ユーザーインタフェース
４０２  ブラウザエンジン
４０４  レンダリングエンジン
４０６  通信
４０８  ジャバスクリプト解析機
４１０  ＵＩバックエンド
４１２  リソース保存場所
【図１】
2014191827.tif 000003
【図２】
2014191827.tif 000004
【図３Ａ】
2014191827.tif 000005
【図３Ｂ】
2014191827.tif 000006
【図３Ｃ】
2014191827.tif 000007
【図３Ｄ】
2014191827.tif 000008
【図４】
2014191827.tif 000009
【図５】
2014191827.tif 000010
【図６Ａ】
2014191827.tif 000011
【図６Ｂ】
2014191827.tif 000012
【図７】
2014191827.tif 000013
【図８】
2014191827.tif 000014
【図９】
2014191827.tif 000015
【図１０】
2014191827.tif 000016
【図１１】
2014191827.tif 000017
【図１２】
2014191827.tif 000018
【図１３Ａ】
2014191827.tif 000019
【図１３Ｂ】
2014191827.tif 000020
【図１４】
2014191827.tif 000021
【図１５】
2014191827.tif 000022
【図１６】
2014191827.tif 000023