JP3968230B2 - Ｗｅｂブラウザのレイアウト制御装置、及びデータ会議装置 - Google Patents
Ｗｅｂブラウザのレイアウト制御装置、及びデータ会議装置 Download PDFInfo
- Publication number
- JP3968230B2 JP3968230B2 JP2001316932A JP2001316932A JP3968230B2 JP 3968230 B2 JP3968230 B2 JP 3968230B2 JP 2001316932 A JP2001316932 A JP 2001316932A JP 2001316932 A JP2001316932 A JP 2001316932A JP 3968230 B2 JP3968230 B2 JP 3968230B2
- Authority
- JP
- Japan
- Prior art keywords
- layout
- layout information
- web content
- url
- size
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Expired - Fee Related
Links
Images
Description
【０００１】
【発明の属する技術分野】
本発明は、Webブラウザに表示されるWebコンテンツのレイアウトを一定に保つ表示制御方法及びデータ会議方法に関する。
【０００２】
【従来の技術】
Webブラウザを利用したデータ会議では、会議参加者間で各自のコンピュータ画面上に表示されているWebコンテンツを同期させ、参加者がペンデータをWebコンテンツの表示の上に描きこんでいくことで会議を進めていく。Webブラウザによるデータ会議のための従来技術として、特開２０００−１０５７７５号公報に記載の技術がある。特開２０００−１０５７７５号公報に記載の技術は、例えばネットワーク上の別のコンピュータで動作しているブラウザにURLを通知し、自動的に表示させる技術である。また、この他にWebコンテンツ上の文字データをハイライト表示にしたり、図形データを追加したりすることのできる技術が知られている。
【０００３】
【発明が解決しようとする課題】
しかしながら、特開２０００−１０５７７５号公報に記載の技術等は、Webブラウザの表示領域の大きさを変えたときに、表示されているWebコンテンツのレイアウトが変化するという問題がある。データ会議中にWebコンテンツの表示上にペンデータ９０を描きこんでいた場合に、Webコンテンツのレイアウトが変更されると、描き込んだペンデータ９０の位置と、その下に表示されていたWebコンテンツの要素との位置がずれてしまい、ペンデータの意味が失われてしまう。
【０００４】
例えば図１１に示すように、従来方法では、Webブラウザ３の表示領域の大きさを大きくすることにより、Webコンテンツ９のレイアウトは、一行の文字数が増え、行数が少なく変化する。レイアウトの変化に伴い、ペンデータ９０の描かれた位置の文章が変わってしまい、ペンデータの示す意味を失ってしまう。この問題を解決するためには、Webブラウザの表示領域の大きさが変更されても、Webコンテンツのレイアウトが変わらないように表示を制御する必要がある。
【０００５】
本発明の目的は、Webブラウザの表示領域の大きさに依らず同じレイアウトでWebコンテンツを表示することができるWebブラウザのレイアウト制御方法を提供することにある。本発明の他の目的は、Webブラウザの表示領域の大きさに依らず同じレイアウトでWebコンテンツを表示することができるレイアウト制御手段を備えたデータ会議システムを提供することにある。
【０００６】
【課題を解決するための手段】
上記目的を達成するために、本発明は、Webブラウザで表示されるWebコンテンツに対して、表示される大きさがWebブラウザの表示領域の大きさに依らないHTML要素を追加することでレイアウトを固定に設定することを特徴とする。
【０００７】
本発明によるWebブラウザのレイアウト制御方法は、また、Webブラウザで表示すべきWebコンテンツを読み込むステップと、URLとレイアウトの大きさとを関連付けた複数のレイアウト情報の中から、読み込んだWebコンテンツのURLと同じURLのレイアウト情報を検索し、当該URLに対応するレイアウトの大きさを取得するステップと、Webコンテンツ全体を内側に表示することができ、表示される大きさがWebブラウザの表示領域に依存しないHTML要素に前記取得したレイアウトの大きさを設定し、Webコンテンツの前後に当該ＨＴＭＬ要素を追加するステップとを含むことを特徴とする。
【０００８】
本発明によるWebブラウザのレイアウト制御方法は、また、URLとレイアウトの大きさとを関連付けたレイアウト情報を受信するステップと、前記URLのWebコンテンツを読み込むステップと、Webコンテンツ全体を内側に表示することができ、表示される大きさがWebブラウザの表示領域に依存しないHTML要素に前記レイアウト情報から取得したレイアウトの大きさを設定し、Webコンテンツの前後に当該ＨＴＭＬ要素を追加するステップとを含むことを特徴とする。
【０００９】
本発明によるWebブラウザのレイアウト制御装置は、URLとレイアウトの大きさとを関連付けたレイアウト情報を記憶するレイアウト情報管理手段と、読み込まれたWebコンテンツのURLを取得し、レイアウト情報管理手段が管理するレイアウト情報の中から同じURLを有するレイアウト情報を検索する手段と、Webコンテンツ全体を内側に表示することができ、表示される大きさがWebブラウザの表示領域に依存しないHTML要素に、検索されたレイアウト情報から取得したレイアウトの大きさを設定し、Webコンテンツの前後に当該ＨＴＭＬ要素を追加するレイアウト制御手段とを含むことを特徴とする。
【００１０】
本発明によるデータ会議方法は、会議参加者のコンピュータのWebブラウザにWebコンテンツを同期して表示するデータ会議方法において、Webブラウザで表示されるWebコンテンツを読み込むステップと、Webブラウザに表示されているWebコンテンツの大きさを取得するステップと、表示される大きさがWebブラウザの表示領域の大きさに依存しないHTML要素に、取得したWebコンテンツの大きさを設定し、Webコンテンツの前後に当該ＨＴＭＬ要素を追加してWebコンテンツのWebブラウザ上の表示レイアウトを固定に設定するステップと、HTML要素に設定されたWebコンテンツの大きさと当該WebコンテンツのURLとを関連づけたレイアウト情報を作成するステップと、前記レイアウト情報を他の会議参加者のコンピュータに送信するステップと、WebコンテンツのURLを他の会議参加者のコンピュータに送信するステップとを含むことを特徴とする。
【００１１】
本発明によるデータ会議装置は、URLとレイアウトの大きさとを関連付けたレイアウト情報を記憶するレイアウト情報管理手段と、読み込まれたWebコンテンツのURLを取得し、レイアウト情報管理手段が管理するレイアウト情報の中から同じURLを有するレイアウト情報を検索する検索手段と、検索手段による検索で所望のレイアウト情報が見つからない場合、Webブラウザに表示されているWebコンテンツの大きさをレイアウトの大きさとし、当該WebコンテンツのURLと関連付けしたレイアウト情報を生成する手段と、レイアウト情報を送信する送信手段と、Webコンテンツ全体を内側に表示することができ、表示される大きさがWebブラウザの表示領域に依存しないHTML要素に、当該URLと関連付けされたレイアウト情報から取得したレイアウトの大きさを設定し、Webコンテンツの前後に当該ＨＴＭＬ要素を追加するレイアウト制御手段とを含むことを特徴とする。
【００１２】
本発明によると、Webデータ会議においてWebコンテンツのレイアウトを固定に設定する手段を用いてレイアウトを設定する際に利用するレイアウト情報を他の会議参加者に送信することにより、レイアウト情報を各参加者間で共有し、各参加者が同じレイアウトでWebコンテンツを表示することができる。
【００１３】
【発明の実施の形態】
以下、本発明を実施する場合の一形態を、図面を参照して具体的に説明する。
【００１４】
図１は、本発明の実施の一形態であるデータ会議システムの構成を示すブロック図である。本データ会議システムは、図１に示すように、表示装置１、入力装置２、Webブラウザ３、会議装置４、ユーザが指定したペンデータをWebブラウザ上に描画するペンデータ描画装置１２を備えている。会議装置４は、コンテンツ制御手段５、Webブラウザ３に表示されているWebコンテンツ９を一定のレイアウトで表示するレイアウト制御手段６、レイアウト情報１１を管理するレイアウト情報管理手段７、通信手段８を備えている。
【００１５】
図２に、レイアウト制御手段６がWebブラウザ３に表示されているWebコンテンツ９を一定のレイアウトで表示するための方法について示す。レイアウト制御手段６は、Webブラウザ３が表示しているWebコンテンツ９が表示されている大きさをWebブラウザ３の提供するDOM(Document Object Model)のインタフェースから取得し、Webコンテンツ９全体を内側に表示することができ、表示される大きさがWebブラウザ３の表示領域の大きさに依らないHTML要素１０を、Webコンテンツ９を囲むようにDOMのインタフェースを利用して追加する。HTML要素１０としては、例えば複数の要素を表の一つのセルとして表示することができるTABLE要素や、複数の要素を一つにグループ化してレイアウトすることができるDIV要素を使用することができる。
【００１６】
本発明によると、表示される大きさがWebブラウザ３の表示領域に依らないHTML要素１０の内側にWebコンテンツ９を表示するため、Webコンテンツ９はHTML要素１０の大きさに応じたレイアウトで表示され、Webブラウザ３の表示領域の大きさによってレイアウトが変化しなくなる。Webコンテンツ９のURLとHTML要素１０の大きさを記録しておくことで、同じURLのWebコンテンツが再度表示されたときには、記録されている大きさでHTML要素１０を適用し、以前表示された時と同じレイアウトで表示することができる。
【００１７】
図３は、レイアウト情報管理手段７が管理するデータであるレイアウト情報１１を示す図である。レイアウト情報１１には、Webコンテンツ９のURLとHTML要素１０の大きさである高さと幅を記録する。
【００１８】
図４は、ペンデータ描画装置１２が管理するデータであるペンデータ１３を示す図である。ペンデータ１３には、Webコンテンツ９のURLと、そのコンテンツに対して入力されたペンの軌跡の座標列及びペンの色、太さを記録する。ペンデータは、例えばマウスカーソルの移動軌跡として記録される。
【００１９】
図５に、レイアウト制御手段６によりWebコンテンツのレイアウトが固定になるように設定する具体的な方法について示す。図５では、DIV要素を使用してWebコンテンツを高さ７００ピクセル・幅４５０ピクセルにレイアウトする例を示す。レイアウトを設定するには、読み込まれたHTMLドキュメント１４に対して、高さと幅及び絶対値指定である“POSITION：absolute”を指定したDIV要素１５を追加する。その際、DIV要素の開始タグはBODY要素の直後に、終了タグはBODY要素の直前に配置する。高さと幅の値は図３に示したレイアウト情報から取得する。DIV要素の開始タグ及び終了タグの追加は、DOMのインタフェースを利用して行うことができる。
【００２０】
図６にユーザがWebブラウザを操作し、Webコンテンツを読み込んだときの処理のフローチャートを示す。図６において、まず、WebブラウザがWebコンテンツの読み込みを行う（ステップ６１）。次に、コンテンツ制御手段５が読み込まれたWebコンテンツのURLを取得し、レイアウト情報管理手段７が管理するレイアウト情報の中に、同じURLのレイアウト情報があるかどうかを調べる（ステップ６２）。同じURLのレイアウト情報がある場合には、該当するレイアウト情報を取り出し（ステップ６３）、そこに設定されている高さと幅の値を用いてレイアウト制御手段６によりWebコンテンツのレイアウトが固定になるように設定し（ステップ６４）、読み込んだWebコンテンツのURLを通信手段８により他の参加者の会議装置に通知する（ステップ６５）。ステップ６４の処理を図解したのが図５である。
【００２１】
Webコンテンツと同じURLのレイアウト情報がない場合には、レイアウト制御手段６により現在の表示状態でレイアウトが固定になるように設定し（ステップ６２１）、設定に使用したレイアウト情報をレイアウト情報管理手段７により図３に示すようにURLと関連付けて記録させ（ステップ６２２）、通信手段８により他の参加者の会議装置にレイアウト情報及び読み込んだWebコンテンツのURLを通知する（ステップ６２３、ステップ６５）。ステップ６２１の処理は、Webコンテンツが表示されている大きさをDOMのインタフェースから取得する処理と、その大きさの情報を用いて図５に示したようにDIV要素の開始タグ及び終了タグを追加する処理とからなる。
【００２２】
図７に、他の参加者の会議装置からレイアウト情報が通知されたときの処理のフローチャートを示す。まず、他の参加者の会議装置からレイアウト情報を受け取る（ステップ７１）。次に、受け取ったレイアウト情報をレイアウト情報管理手段７により追加する（ステップ７２）。次に、現在表示中のWebコンテンツのURLと受け取ったレイアウト情報のURLを比較し（ステップ７３）、同じURLであればレイアウト制御手段６により受け取ったレイアウト情報でレイアウトが固定になるように設定する（ステップ７４）。異なるURLであれば何もせず終了する。
【００２３】
図８に、他の参加者の会議装置からWebコンテンツのURLが通知されたときの処理のフローチャートを示す。まず、他の参加者が読み込んだWebコンテンツのURLを受け取る（ステップ８１）。次に、コンテンツ制御手段５が読み込まれたWebコンテンツのURLを取得し、レイアウト情報管理手段７が管理するレイアウト情報の中に、同じURLのレイアウト情報があるかどうかを調べる（ステップ８２）。同じURLのレイアウト情報がある場合には、該当するレイアウト情報を取り出し（ステップ８３）、レイアウト制御手段６によりWebコンテンツのレイアウトが固定になるように設定する（ステップ８４）。
【００２４】
Webコンテンツと同じURLのレイアウト情報がない場合には、レイアウト制御手段６により現在の表示状態でレイアウトが固定になるように設定し（ステップ８２１）、設定に使用したレイアウト情報をレイアウト情報管理手段７により記録させ（ステップ８２２）、通信手段８により他の参加者の会議装置にレイアウト情報を通知する（ステップ８２３）。
【００２５】
図９及び図１０は、本発明の会議装置を用いた場合に、ペンデータ描画装置１２によりWebコンテンツにペンデータが描画されている状態で、Webブラウザ３のウィンドウサイズを変更したときの様子を示す図である。
【００２６】
図９に、Webブラウザのウィンドウサイズを大きく変更したときの様子を示す。図示するようにWebブラウザの表示領域が大きくなってもWebコンテンツのレイアウトはHTML要素１０によって固定されていて変化しない。従って、ペンデータ９０の位置とその下に表示されていたWebコンテンツの要素との間に位置ずれが発生することがない。
【００２７】
図１０に、Webブラウザのウィンドウサイズを小さく変更したときの様子を示す。図示するようにWebブラウザの表示領域が小さくなってもWebコンテンツのレイアウトはHTML要素１０によって固定されていて変化しない。Webコンテンツの表示領域よりWebブラウザの表示領域が小さくなったときはスクロールバーが現れ、スクロールバーを操作することによってWebブラウザの表示領域から外れたWebコンテンツの部分を見ることができる。この場合においても、ペンデータ９０の位置とその下に表示されていたWebコンテンツの要素との間に位置ずれが発生することがない。
【００２８】
このように、本発明を適用した場合には、Webブラウザのウィンドウサイズを変更してもWebコンテンツ９のレイアウトが変わらないため、ペンデータの意味は失われない。
【００２９】
【発明の効果】
本発明によれば、Webブラウザの表示領域の大きさに依らないWebコンテンツのレイアウトが可能となり、レイアウト情報を保存、送信することで再度表示した場合や、他のコンピュータ上のWebブラウザでも同じレイアウトを再現することができる。更に、実施の形態として挙げたように、本発明をデータ会議システムに適用することで、従来のデータ会議システムでは失われる可能性のあったペンデータが指し示す位置関係の情報を失うことがなくなる。
【図面の簡単な説明】
【図１】本発明の一実施の形態であるデータ会議システムの概略構成を示すブロック図。
【図２】レイアウトを固定する方法を説明するための説明図。
【図３】レイアウト情報の説明図。
【図４】ペンデータの説明図。
【図５】レイアウトを固定に設定する方法を具体的に示した説明図。
【図６】 Webコンテンツを読み込んだときの処理を説明するためのフローチャート。
【図７】他の参加者からレイアウト情報が通知されたときの処理を説明するためのフローチャート。
【図８】他の参加者からWebコンテンツのURLが通知されたときの処理を説明するためのフローチャート。
【図９】 Webブラウザの表示領域を大きく変更した時の様子を示す図。
【図１０】 Webブラウザの表示領域を小さく変更した時の様子を示す図。
【図１１】従来法でWebブラウザの表示領域を変更したときの様子を示す図。
【符号の説明】
１ 表示装置
２ 入力装置
３ Webブラウザ
４ 会議装置
５ コンテンツ制御手段
６ レイアウト制御手段
７ レイアウト情報管理手段
８ 通信手段
９ Webコンテンツ
１０ HTML要素
１１ レイアウト情報
１２ ペンデータ描画装置
１３ ペンデータ
【発明の属する技術分野】
本発明は、Webブラウザに表示されるWebコンテンツのレイアウトを一定に保つ表示制御方法及びデータ会議方法に関する。
【０００２】
【従来の技術】
Webブラウザを利用したデータ会議では、会議参加者間で各自のコンピュータ画面上に表示されているWebコンテンツを同期させ、参加者がペンデータをWebコンテンツの表示の上に描きこんでいくことで会議を進めていく。Webブラウザによるデータ会議のための従来技術として、特開２０００−１０５７７５号公報に記載の技術がある。特開２０００−１０５７７５号公報に記載の技術は、例えばネットワーク上の別のコンピュータで動作しているブラウザにURLを通知し、自動的に表示させる技術である。また、この他にWebコンテンツ上の文字データをハイライト表示にしたり、図形データを追加したりすることのできる技術が知られている。
【０００３】
【発明が解決しようとする課題】
しかしながら、特開２０００−１０５７７５号公報に記載の技術等は、Webブラウザの表示領域の大きさを変えたときに、表示されているWebコンテンツのレイアウトが変化するという問題がある。データ会議中にWebコンテンツの表示上にペンデータ９０を描きこんでいた場合に、Webコンテンツのレイアウトが変更されると、描き込んだペンデータ９０の位置と、その下に表示されていたWebコンテンツの要素との位置がずれてしまい、ペンデータの意味が失われてしまう。
【０００４】
例えば図１１に示すように、従来方法では、Webブラウザ３の表示領域の大きさを大きくすることにより、Webコンテンツ９のレイアウトは、一行の文字数が増え、行数が少なく変化する。レイアウトの変化に伴い、ペンデータ９０の描かれた位置の文章が変わってしまい、ペンデータの示す意味を失ってしまう。この問題を解決するためには、Webブラウザの表示領域の大きさが変更されても、Webコンテンツのレイアウトが変わらないように表示を制御する必要がある。
【０００５】
本発明の目的は、Webブラウザの表示領域の大きさに依らず同じレイアウトでWebコンテンツを表示することができるWebブラウザのレイアウト制御方法を提供することにある。本発明の他の目的は、Webブラウザの表示領域の大きさに依らず同じレイアウトでWebコンテンツを表示することができるレイアウト制御手段を備えたデータ会議システムを提供することにある。
【０００６】
【課題を解決するための手段】
上記目的を達成するために、本発明は、Webブラウザで表示されるWebコンテンツに対して、表示される大きさがWebブラウザの表示領域の大きさに依らないHTML要素を追加することでレイアウトを固定に設定することを特徴とする。
【０００７】
本発明によるWebブラウザのレイアウト制御方法は、また、Webブラウザで表示すべきWebコンテンツを読み込むステップと、URLとレイアウトの大きさとを関連付けた複数のレイアウト情報の中から、読み込んだWebコンテンツのURLと同じURLのレイアウト情報を検索し、当該URLに対応するレイアウトの大きさを取得するステップと、Webコンテンツ全体を内側に表示することができ、表示される大きさがWebブラウザの表示領域に依存しないHTML要素に前記取得したレイアウトの大きさを設定し、Webコンテンツの前後に当該ＨＴＭＬ要素を追加するステップとを含むことを特徴とする。
【０００８】
本発明によるWebブラウザのレイアウト制御方法は、また、URLとレイアウトの大きさとを関連付けたレイアウト情報を受信するステップと、前記URLのWebコンテンツを読み込むステップと、Webコンテンツ全体を内側に表示することができ、表示される大きさがWebブラウザの表示領域に依存しないHTML要素に前記レイアウト情報から取得したレイアウトの大きさを設定し、Webコンテンツの前後に当該ＨＴＭＬ要素を追加するステップとを含むことを特徴とする。
【０００９】
本発明によるWebブラウザのレイアウト制御装置は、URLとレイアウトの大きさとを関連付けたレイアウト情報を記憶するレイアウト情報管理手段と、読み込まれたWebコンテンツのURLを取得し、レイアウト情報管理手段が管理するレイアウト情報の中から同じURLを有するレイアウト情報を検索する手段と、Webコンテンツ全体を内側に表示することができ、表示される大きさがWebブラウザの表示領域に依存しないHTML要素に、検索されたレイアウト情報から取得したレイアウトの大きさを設定し、Webコンテンツの前後に当該ＨＴＭＬ要素を追加するレイアウト制御手段とを含むことを特徴とする。
【００１０】
本発明によるデータ会議方法は、会議参加者のコンピュータのWebブラウザにWebコンテンツを同期して表示するデータ会議方法において、Webブラウザで表示されるWebコンテンツを読み込むステップと、Webブラウザに表示されているWebコンテンツの大きさを取得するステップと、表示される大きさがWebブラウザの表示領域の大きさに依存しないHTML要素に、取得したWebコンテンツの大きさを設定し、Webコンテンツの前後に当該ＨＴＭＬ要素を追加してWebコンテンツのWebブラウザ上の表示レイアウトを固定に設定するステップと、HTML要素に設定されたWebコンテンツの大きさと当該WebコンテンツのURLとを関連づけたレイアウト情報を作成するステップと、前記レイアウト情報を他の会議参加者のコンピュータに送信するステップと、WebコンテンツのURLを他の会議参加者のコンピュータに送信するステップとを含むことを特徴とする。
【００１１】
本発明によるデータ会議装置は、URLとレイアウトの大きさとを関連付けたレイアウト情報を記憶するレイアウト情報管理手段と、読み込まれたWebコンテンツのURLを取得し、レイアウト情報管理手段が管理するレイアウト情報の中から同じURLを有するレイアウト情報を検索する検索手段と、検索手段による検索で所望のレイアウト情報が見つからない場合、Webブラウザに表示されているWebコンテンツの大きさをレイアウトの大きさとし、当該WebコンテンツのURLと関連付けしたレイアウト情報を生成する手段と、レイアウト情報を送信する送信手段と、Webコンテンツ全体を内側に表示することができ、表示される大きさがWebブラウザの表示領域に依存しないHTML要素に、当該URLと関連付けされたレイアウト情報から取得したレイアウトの大きさを設定し、Webコンテンツの前後に当該ＨＴＭＬ要素を追加するレイアウト制御手段とを含むことを特徴とする。
【００１２】
本発明によると、Webデータ会議においてWebコンテンツのレイアウトを固定に設定する手段を用いてレイアウトを設定する際に利用するレイアウト情報を他の会議参加者に送信することにより、レイアウト情報を各参加者間で共有し、各参加者が同じレイアウトでWebコンテンツを表示することができる。
【００１３】
【発明の実施の形態】
以下、本発明を実施する場合の一形態を、図面を参照して具体的に説明する。
【００１４】
図１は、本発明の実施の一形態であるデータ会議システムの構成を示すブロック図である。本データ会議システムは、図１に示すように、表示装置１、入力装置２、Webブラウザ３、会議装置４、ユーザが指定したペンデータをWebブラウザ上に描画するペンデータ描画装置１２を備えている。会議装置４は、コンテンツ制御手段５、Webブラウザ３に表示されているWebコンテンツ９を一定のレイアウトで表示するレイアウト制御手段６、レイアウト情報１１を管理するレイアウト情報管理手段７、通信手段８を備えている。
【００１５】
図２に、レイアウト制御手段６がWebブラウザ３に表示されているWebコンテンツ９を一定のレイアウトで表示するための方法について示す。レイアウト制御手段６は、Webブラウザ３が表示しているWebコンテンツ９が表示されている大きさをWebブラウザ３の提供するDOM(Document Object Model)のインタフェースから取得し、Webコンテンツ９全体を内側に表示することができ、表示される大きさがWebブラウザ３の表示領域の大きさに依らないHTML要素１０を、Webコンテンツ９を囲むようにDOMのインタフェースを利用して追加する。HTML要素１０としては、例えば複数の要素を表の一つのセルとして表示することができるTABLE要素や、複数の要素を一つにグループ化してレイアウトすることができるDIV要素を使用することができる。
【００１６】
本発明によると、表示される大きさがWebブラウザ３の表示領域に依らないHTML要素１０の内側にWebコンテンツ９を表示するため、Webコンテンツ９はHTML要素１０の大きさに応じたレイアウトで表示され、Webブラウザ３の表示領域の大きさによってレイアウトが変化しなくなる。Webコンテンツ９のURLとHTML要素１０の大きさを記録しておくことで、同じURLのWebコンテンツが再度表示されたときには、記録されている大きさでHTML要素１０を適用し、以前表示された時と同じレイアウトで表示することができる。
【００１７】
図３は、レイアウト情報管理手段７が管理するデータであるレイアウト情報１１を示す図である。レイアウト情報１１には、Webコンテンツ９のURLとHTML要素１０の大きさである高さと幅を記録する。
【００１８】
図４は、ペンデータ描画装置１２が管理するデータであるペンデータ１３を示す図である。ペンデータ１３には、Webコンテンツ９のURLと、そのコンテンツに対して入力されたペンの軌跡の座標列及びペンの色、太さを記録する。ペンデータは、例えばマウスカーソルの移動軌跡として記録される。
【００１９】
図５に、レイアウト制御手段６によりWebコンテンツのレイアウトが固定になるように設定する具体的な方法について示す。図５では、DIV要素を使用してWebコンテンツを高さ７００ピクセル・幅４５０ピクセルにレイアウトする例を示す。レイアウトを設定するには、読み込まれたHTMLドキュメント１４に対して、高さと幅及び絶対値指定である“POSITION：absolute”を指定したDIV要素１５を追加する。その際、DIV要素の開始タグはBODY要素の直後に、終了タグはBODY要素の直前に配置する。高さと幅の値は図３に示したレイアウト情報から取得する。DIV要素の開始タグ及び終了タグの追加は、DOMのインタフェースを利用して行うことができる。
【００２０】
図６にユーザがWebブラウザを操作し、Webコンテンツを読み込んだときの処理のフローチャートを示す。図６において、まず、WebブラウザがWebコンテンツの読み込みを行う（ステップ６１）。次に、コンテンツ制御手段５が読み込まれたWebコンテンツのURLを取得し、レイアウト情報管理手段７が管理するレイアウト情報の中に、同じURLのレイアウト情報があるかどうかを調べる（ステップ６２）。同じURLのレイアウト情報がある場合には、該当するレイアウト情報を取り出し（ステップ６３）、そこに設定されている高さと幅の値を用いてレイアウト制御手段６によりWebコンテンツのレイアウトが固定になるように設定し（ステップ６４）、読み込んだWebコンテンツのURLを通信手段８により他の参加者の会議装置に通知する（ステップ６５）。ステップ６４の処理を図解したのが図５である。
【００２１】
Webコンテンツと同じURLのレイアウト情報がない場合には、レイアウト制御手段６により現在の表示状態でレイアウトが固定になるように設定し（ステップ６２１）、設定に使用したレイアウト情報をレイアウト情報管理手段７により図３に示すようにURLと関連付けて記録させ（ステップ６２２）、通信手段８により他の参加者の会議装置にレイアウト情報及び読み込んだWebコンテンツのURLを通知する（ステップ６２３、ステップ６５）。ステップ６２１の処理は、Webコンテンツが表示されている大きさをDOMのインタフェースから取得する処理と、その大きさの情報を用いて図５に示したようにDIV要素の開始タグ及び終了タグを追加する処理とからなる。
【００２２】
図７に、他の参加者の会議装置からレイアウト情報が通知されたときの処理のフローチャートを示す。まず、他の参加者の会議装置からレイアウト情報を受け取る（ステップ７１）。次に、受け取ったレイアウト情報をレイアウト情報管理手段７により追加する（ステップ７２）。次に、現在表示中のWebコンテンツのURLと受け取ったレイアウト情報のURLを比較し（ステップ７３）、同じURLであればレイアウト制御手段６により受け取ったレイアウト情報でレイアウトが固定になるように設定する（ステップ７４）。異なるURLであれば何もせず終了する。
【００２３】
図８に、他の参加者の会議装置からWebコンテンツのURLが通知されたときの処理のフローチャートを示す。まず、他の参加者が読み込んだWebコンテンツのURLを受け取る（ステップ８１）。次に、コンテンツ制御手段５が読み込まれたWebコンテンツのURLを取得し、レイアウト情報管理手段７が管理するレイアウト情報の中に、同じURLのレイアウト情報があるかどうかを調べる（ステップ８２）。同じURLのレイアウト情報がある場合には、該当するレイアウト情報を取り出し（ステップ８３）、レイアウト制御手段６によりWebコンテンツのレイアウトが固定になるように設定する（ステップ８４）。
【００２４】
Webコンテンツと同じURLのレイアウト情報がない場合には、レイアウト制御手段６により現在の表示状態でレイアウトが固定になるように設定し（ステップ８２１）、設定に使用したレイアウト情報をレイアウト情報管理手段７により記録させ（ステップ８２２）、通信手段８により他の参加者の会議装置にレイアウト情報を通知する（ステップ８２３）。
【００２５】
図９及び図１０は、本発明の会議装置を用いた場合に、ペンデータ描画装置１２によりWebコンテンツにペンデータが描画されている状態で、Webブラウザ３のウィンドウサイズを変更したときの様子を示す図である。
【００２６】
図９に、Webブラウザのウィンドウサイズを大きく変更したときの様子を示す。図示するようにWebブラウザの表示領域が大きくなってもWebコンテンツのレイアウトはHTML要素１０によって固定されていて変化しない。従って、ペンデータ９０の位置とその下に表示されていたWebコンテンツの要素との間に位置ずれが発生することがない。
【００２７】
図１０に、Webブラウザのウィンドウサイズを小さく変更したときの様子を示す。図示するようにWebブラウザの表示領域が小さくなってもWebコンテンツのレイアウトはHTML要素１０によって固定されていて変化しない。Webコンテンツの表示領域よりWebブラウザの表示領域が小さくなったときはスクロールバーが現れ、スクロールバーを操作することによってWebブラウザの表示領域から外れたWebコンテンツの部分を見ることができる。この場合においても、ペンデータ９０の位置とその下に表示されていたWebコンテンツの要素との間に位置ずれが発生することがない。
【００２８】
このように、本発明を適用した場合には、Webブラウザのウィンドウサイズを変更してもWebコンテンツ９のレイアウトが変わらないため、ペンデータの意味は失われない。
【００２９】
【発明の効果】
本発明によれば、Webブラウザの表示領域の大きさに依らないWebコンテンツのレイアウトが可能となり、レイアウト情報を保存、送信することで再度表示した場合や、他のコンピュータ上のWebブラウザでも同じレイアウトを再現することができる。更に、実施の形態として挙げたように、本発明をデータ会議システムに適用することで、従来のデータ会議システムでは失われる可能性のあったペンデータが指し示す位置関係の情報を失うことがなくなる。
【図面の簡単な説明】
【図１】本発明の一実施の形態であるデータ会議システムの概略構成を示すブロック図。
【図２】レイアウトを固定する方法を説明するための説明図。
【図３】レイアウト情報の説明図。
【図４】ペンデータの説明図。
【図５】レイアウトを固定に設定する方法を具体的に示した説明図。
【図６】 Webコンテンツを読み込んだときの処理を説明するためのフローチャート。
【図７】他の参加者からレイアウト情報が通知されたときの処理を説明するためのフローチャート。
【図８】他の参加者からWebコンテンツのURLが通知されたときの処理を説明するためのフローチャート。
【図９】 Webブラウザの表示領域を大きく変更した時の様子を示す図。
【図１０】 Webブラウザの表示領域を小さく変更した時の様子を示す図。
【図１１】従来法でWebブラウザの表示領域を変更したときの様子を示す図。
【符号の説明】
１ 表示装置
２ 入力装置
３ Webブラウザ
４ 会議装置
５ コンテンツ制御手段
６ レイアウト制御手段
７ レイアウト情報管理手段
８ 通信手段
９ Webコンテンツ
１０ HTML要素
１１ レイアウト情報
１２ ペンデータ描画装置
１３ ペンデータ
Claims (2)
- URLとレイアウトの大きさとを関連付けたレイアウト情報を記憶するレイアウト情報管理手段と、
読み込まれたWebコンテンツのURLを取得し、前記レイアウト情報管理手段が管理するレイアウト情報の中から同じURLを有するレイアウト情報を検索する手段と、
Webコンテンツ全体を内側に表示することができ、表示される大きさがWebブラウザの表示領域に依存しないHTML要素に、前記検索されたレイアウト情報から取得したレイアウトの大きさを設定し、前記Webコンテンツの前後に当該ＨＴＭＬ要素を追加するレイアウト制御手段とを含むことを特徴とするWebブラウザのレイアウト制御装置。 - URLとレイアウトの大きさとを関連付けたレイアウト情報を記憶するレイアウト情報管理手段と、
読み込まれたWebコンテンツのURLを取得し、前記レイアウト情報管理手段が管理するレイアウト情報の中から同じURLを有するレイアウト情報を検索する検索手段と、
前記検索手段による検索で所望のレイアウト情報が見つからない場合、Webブラウザに表示されている前記Webコンテンツの大きさをレイアウトの大きさとし、当該WebコンテンツのURLと関連付けしたレイアウト情報を生成する手段と、
前記レイアウト情報を送信する送信手段と、
Webコンテンツ全体を内側に表示することができ、表示される大きさがWebブラウザの表示領域に依存しないHTML要素に、当該URLと関連付けされたレイアウト情報から取得したレイアウトの大きさを設定し、前記Webコンテンツの前後に当該ＨＴＭＬ要素を追加するレイアウト制御手段とを含むことを特徴とするデータ会議装置。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2001316932A JP3968230B2 (ja) | 2001-10-15 | 2001-10-15 | Ｗｅｂブラウザのレイアウト制御装置、及びデータ会議装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2001316932A JP3968230B2 (ja) | 2001-10-15 | 2001-10-15 | Ｗｅｂブラウザのレイアウト制御装置、及びデータ会議装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JP2003122551A JP2003122551A (ja) | 2003-04-25 |
| JP3968230B2 true JP3968230B2 (ja) | 2007-08-29 |
Family
ID=19134873
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2001316932A Expired - Fee Related JP3968230B2 (ja) | 2001-10-15 | 2001-10-15 | Ｗｅｂブラウザのレイアウト制御装置、及びデータ会議装置 |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP3968230B2 (ja) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2005020647A (ja) | 2003-06-30 | 2005-01-20 | Canon Inc | 通信端末、通信端末の制御方法、通信端末の制御プログラム |
| JP4547638B2 (ja) | 2008-05-29 | 2010-09-22 | ソニー株式会社 | Ｗｅｂページ表示装置及びＷｅｂページ表示方法 |
-
2001
- 2001-10-15 JP JP2001316932A patent/JP3968230B2/ja not_active Expired - Fee Related
Also Published As
| Publication number | Publication date |
|---|---|
| JP2003122551A (ja) | 2003-04-25 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US6230171B1 (en) | Markup system for shared HTML documents | |
| CN105528408B (zh) | 页面展示方法和装置 | |
| US20080240683A1 (en) | Method and system to reproduce contents, and recording medium including program to reproduce contents | |
| US20020026323A1 (en) | Method and system for annotating a window shared by remote hosts | |
| US8952989B2 (en) | Viewer unit, server unit, display control method, digital comic editing method and non-transitory computer-readable medium | |
| US10776570B2 (en) | Supporting digital ink in markup language documents | |
| KR20090013267A (ko) | 사용자 데이터를 이용한 콘텐츠 제작 장치 및 방법 | |
| CN102622395B (zh) | 虚拟化应用辅助访问网页的方法、服务器及客户端 | |
| CN102378958A (zh) | 信息输入装置及信息输入方法 | |
| WO2021066325A1 (ko) | 웹 페이지를 생성하는 방법 및 장치 | |
| US20020078097A1 (en) | System for automatically allocating layout and the allocation method thereof | |
| US7032172B1 (en) | System and method for displaying scale-down picture | |
| EP2437184A1 (en) | Host apparatus and method of displaying content by the same | |
| JP2011086050A (ja) | 情報処理端末及びコンピュータプログラム | |
| JP4874363B2 (ja) | ブラウザのプラグインを用いるウェブページ表示方法 | |
| JP3968230B2 (ja) | Ｗｅｂブラウザのレイアウト制御装置、及びデータ会議装置 | |
| EP2801920A1 (en) | Method and apparatus for displaying web page | |
| CN113495708A (zh) | 输出装置及系统、格式信息变更方法、记录介质、控制器 | |
| JP2005181727A (ja) | 描画装置および描画方法、プログラム、並びに記録媒体 | |
| US20040064790A1 (en) | Communication system, communication terminal, system control program product and terminal control program product | |
| JP4666789B2 (ja) | コンテンツ配信システムおよびコンテンツ配信サーバ | |
| JP2009187308A (ja) | 表示制御装置、表示制御方法、プログラム、記憶媒体 | |
| JP2002202935A (ja) | サーバ装置 | |
| JP2006185064A (ja) | データ処理装置及びプログラム | |
| EP0378697A1 (en) | MULTIFENETER COMMUNICATION SYSTEM. |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20040614 |
|
| A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20070123 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20070213 |
|
| A521 | Written amendment |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20070410 |
|
| TRDD | Decision of grant or rejection written | ||
| A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20070515 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20070604 |
|
| R150 | Certificate of patent or registration of utility model |
Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
| FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20100608 Year of fee payment: 3 |
|
| S531 | Written request for registration of change of domicile |
Free format text: JAPANESE INTERMEDIATE CODE: R313531 |
|
| FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20100608 Year of fee payment: 3 |
|
| R350 | Written notification of registration of transfer |
Free format text: JAPANESE INTERMEDIATE CODE: R350 |
|
| FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20100608 Year of fee payment: 3 |
|
| FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20130608 Year of fee payment: 6 |
|
| LAPS | Cancellation because of no payment of annual fees |