JP2014514636A - ブラウザ及びそのwebピクチャについてのコメントの追加、表示を実現する方法 - Google Patents

ブラウザ及びそのwebピクチャについてのコメントの追加、表示を実現する方法 Download PDF

Info

Publication number
JP2014514636A
JP2014514636A JP2013558286A JP2013558286A JP2014514636A JP 2014514636 A JP2014514636 A JP 2014514636A JP 2013558286 A JP2013558286 A JP 2013558286A JP 2013558286 A JP2013558286 A JP 2013558286A JP 2014514636 A JP2014514636 A JP 2014514636A
Authority
JP
Japan
Prior art keywords
comment
picture
coordinates
layer
relative coordinates
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.)
Granted
Application number
JP2013558286A
Other languages
English (en)
Other versions
JP5841176B2 (ja
Inventor
ドンタオ ジャン
グイハイ ミャオ
リ ジャン
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
ZTE Corp
Original Assignee
ZTE Corp
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by ZTE Corp filed Critical ZTE Corp
Publication of JP2014514636A publication Critical patent/JP2014514636A/ja
Application granted granted Critical
Publication of JP5841176B2 publication Critical patent/JP5841176B2/ja
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting
    • G06F40/169Annotation, e.g. comment data or footnotes
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Artificial Intelligence (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

【課題】ピクチャ上にコメントを位置させることができないといった従来技術における問題を解決するための技術を提供すること。
【解決手段】本発明は、ブラウザ及びそのwebピクチャについてのコメントの追加、表示を実現する方法を開示する。前記コメント追加方法は、ピクチャコメントの内容とピクチャコメントの位置情報を取得し、前記ピクチャコメントの位置とピクチャ内の1つの固定基準点との間の相対座標を計算するステップと、前記相対座標、コメント内容及びピクチャIDが含まれるコメントパラメータをwebサーバにアップロードし、そして前記コメントパラメータを用いてコメント情報層を形成し、コメント情報層をピクチャ層に置くステップとを含む。ユーザがwebページに入るとき、ブラウザは、webサーバにコメント情報の表示を要求し、そしてピクチャコメントの位置の絶対座標を計算して取得した後、形成されたコメント情報層をピクチャ層に置いて表示する。本発明は、ページの静止が維持される場合、ピクチャのある局部に対して「貼付」式のコメントを行うことができる。これは、写実的かつ臨場感に富み、興味深く、特に漫画製品に対するコメントに良い効果がある。従って、インターネット製品に対するユーザの献身性を向上させることができる。
【選択図】図1

Description

本発明は、インターネット技術分野に関し、特に、ブラウザ及びそのwebピクチャについてのコメントの追加、表示を実現する方法に関する。
ウェブサイト上のピクチャコメントの一般的な実現方法は、通常のコメントと同じように、ピクチャの下にコメント内容を一つずつ表示するという方法である。しかし、ピクチャ上のある局部に対してコメントしたい場合、文字説明でその局部の位置を特定するようなことしかできず、このような方式は、写実的でも直感的でもないため、コメントの効果は、大幅に削減されている。
これに鑑み、本発明における実施形態は、ピクチャ上にコメントを位置させることができないといった従来技術における問題を解決するための、ブラウザ及びそのwebピクチャについてのコメントの追加、表示を実現する方法を提供することにある。
具体的に、本発明における実施形態に係るwebピクチャについてのコメント追加方法は、
ピクチャコメントの内容とピクチャコメントの位置情報を取得し、前記ピクチャコメントの位置とピクチャ内の固定基準点との間の相対座標を計算するステップと、
前記相対座標、コメント内容及びピクチャIDが含まれるコメントパラメータをwebサーバにアップロードし、前記コメントパラメータを用いてコメント情報層を形成し、コメント情報層をピクチャ層に置くステップとを含む。
前記方法において、ピクチャコメントの位置とピクチャ内の固定基準点との間の相対座標を計算することは、
前記固定基準点の絶対座標を計算し、前記ピクチャコメントの位置の絶対座標と固定基準点の絶対座標との間の差を計算し、前記ピクチャコメントの位置と固定基準点の間の相対座標を得ることである。
ここで、前記固定基準点は、前記ピクチャの左上隅の頂点であり、前記固定基準点の絶対座標は、子オブジェクトとしての当該ピクチャから最外層の親オブジェクトまでの各層の相対座標の和である。
前記方法において、当該方法は、更に、前記ピクチャがズームされたピクチャである場合、webサーバにアップロードされた相対座標をピクチャのズーム割合によって1:1に復元するステップを含む。
本発明における実施形態に係るwebピクチャについてのコメント表示方法は、
webサーバにピクチャコメントの表示要求を送信し、前記webサーバからフィードバックされた、相対座標とコメント内容が含まれるコメントパラメータを受信するステップと、
webページ内でのピクチャコメントの位置の絶対座標を計算し、当該ピクチャコメントの位置の絶対座標とコメントパラメータに基づいてコメント情報層を形成し、コメント情報層をwebページ内のピクチャ層に置いて、コメントの表示を実現するステップとを含む。
前記方法において、webページ内でのピクチャコメントの位置の絶対座標を計算することは、
webページでの前記相対座標の固定基準点の絶対座標を計算し、当該絶対座標と相対座標を加算してwebページ内でのピクチャコメントの位置の絶対座標を得ることである。
ここで、相対座標の固定基準点は、前記ピクチャの左上隅の頂点であり、前記固定基準点の絶対座標は、子オブジェクトとしての当該ピクチャから最外層の親オブジェクトまでの各層の相対座標の和である。
本発明における実施形態の前記方法は、更に、下記の特徴を持っている。
当該方法は、更に、前記ピクチャがズームされたピクチャである場合、前記相対座標を受信した後、前記相対座標をピクチャのズーム割合によってズーム処理するステップを含む。
webサーバにピクチャコメントの表示要求を送信するトリガ条件は、webページに入るときにブラウザが能動的にトリガすることまたはwebページに入った後にユーザによりトリガされることである。
前記コメント情報の表示方式は、コメントの時間順序で表示する方式、設定されたコメント情報の数で表示する方式及び優先順位で表示する方式のうちの1つを含む。
本発明における実施形態に係るブラウザは、コメント追加モジュールとコメント表示モジュールを備える。
前記コメント追加モジュールは、
ピクチャコメントの内容とピクチャコメントの位置情報を取得し、前記ピクチャコメントの位置とピクチャ内の固定基準点との間の相対座標を計算するように構成される情報取得モジュールと、
前記相対座標、コメント内容及びピクチャIDが含まれるコメントパラメータをwebサーバにアップロードし、前記コメントパラメータを用いてコメント情報層を形成し、コメント情報層をピクチャ層に置くように構成されるコメント追加実現モジュールとを含む。
前記コメント表示モジュールは、
webサーバにピクチャコメントの表示要求を送信し、前記webサーバからフィードバックされた、相対座標とコメント内容が含まれるコメントパラメータを受信するように構成されるコメントパラメータ取得モジュールと、
webページ内でのピクチャコメントの位置の絶対座標を計算し、前記ピクチャコメントの位置の絶対座標とコメントパラメータに基づいてコメント情報層を形成し、コメント情報層をwebページ内のピクチャ層に置いてコメントの表示を実現するように構成されるコメント表示実現モジュールとを含む。
本発明における実施形態に係る前記ブラウザは、更に、下記の特徴を持っている。
前記ピクチャがズームされたピクチャである場合、前記情報取得モジュールは、webサーバにアップロードされた相対座標をピクチャのズーム割合によって1:1に復元する。
前記ピクチャがズームされたピクチャである場合、前記コメントパラメータ取得モジュールは、前記相対座標を受信した後、前記相対座標をピクチャのズーム割合によってズーム処理する。
前記コメントパラメータ取得モジュールがwebサーバにピクチャコメントの表示要求を送信するトリガ条件は、webページに入るときにブラウザが能動的にトリガすることまたはwebページに入った後にユーザによりトリガされることを含む。
前記コメント表示実現モジュールがコメント情報を表示する方式は、コメントの時間順序で表示する方式、設定されたコメント情報の数で表示する方式及び優先順位で表示する方式のうちの1つを含む。
従来技術に比べて、本発明における実施形態は、以下の有益な効果を持っている。
本発明における実施形態に係るピクチャコメントの追加、表示方法により、ピクチャについてのコメントが実現され、また、ページの静止が維持される場合、ピクチャのある局部に対して「貼付」式のコメントを行うことができる。これは、写実的かつ臨場感に富み、興味深く、特に漫画製品に対するコメントによい効果がある。これにより、インターネット製品に対するユーザの献身性を向上させることができる。
本発明に係るwebピクチャについてのコメント追加方法のフローチャートである。 本発明に係るwebピクチャについてのコメント表示方法のフローチャートである。 本発明における実施形態に係るwebピクチャについてのコメント追加方法のフローチャートである。 本発明における実施形態に係るwebピクチャについてのコメント表示方法のフローチャートである。 本発明に係るブラウザの構成を示す図である。
本発明における実施形態または従来技術における技術的スキームをより明瞭に説明するために、図面の簡単な説明の欄において、実施形態または従来技術の説明のための図面を簡単に説明する。明らかなように、図面の簡単な説明の欄において説明される図面は、単に本発明のいくつかの実施形態に過ぎず、当業者であれば、創造的な労働を伴わずに、これらの図面によって他の図面を得ることができる。
以下、本発明における実施形態の図面を参照しながら、本発明における実施形態の技術的スキームを明瞭かつ完全に説明する。明らかなように、説明される実施形態は、実施形態の全てではなく、本発明の実施形態の一部に過ぎない。本発明における実施形態に基づいて、当業者が創造的な労働をしないという前提の下で得られる他の実施形態は、すべて本発明の保護範囲に属する。
webページ内のピクチャ上にコメントを位置させることができないという従来技術における問題を解決するために、本発明における実施形態は、ブラウザ及びそのwebピクチャについてのコメントの追加、表示を実現する方法を提供する。前記方法は、ピクチャのある局部に対して「貼付」式のコメントを行うため、ピクチャコメントは、臨場感に富みかつ直感的になり、かなり興味性があり、これにより、インターネット製品のユーザに対する魅力を強化する。
図1に示すように、本発明に係るwebピクチャについてのコメント追加方法は、下記のステップを含む。
ステップS101、ブラウザは、ピクチャコメントの内容とピクチャコメントの位置情報を取得し、前記ピクチャコメントの位置とピクチャ内の1つの固定基準点との間の相対座標を計算する。
当該ステップは、具体的には、固定基準点の絶対座標を計算し、ピクチャコメントの位置の絶対座標と固定基準点の絶対座標との間の差を計算し、ピクチャコメントの位置と固定基準点の間の相対座標を得る。
ここで、固定基準点は、好ましくピクチャの左上隅の頂点である。この場合、前記固定基準点の絶対座標は、子オブジェクトとしての当該ピクチャから最外層の親オブジェクトまでの各層の相対座標の和である。
ステップS102、ブラウザは、相対座標、コメント内容及びピクチャIDが含まれるコメントパラメータをwebサーバにアップロードし、コメントパラメータを用いてコメント情報層を形成した後、コメント情報層をピクチャ層に置く。
図2に示すように、本発明に係るwebピクチャについてのコメント表示方法は、下記のステップを含む。
ステップS201、ブラウザは、webサーバにピクチャコメントの表示要求を送信し、前記webサーバからフィードバックされた、相対座標とコメント内容が含まれるコメントパラメータを受信する。
ここで、ブラウザがwebサーバにピクチャコメントの表示要求を送信するトリガ条件は、webページに入るときにブラウザが能動的にトリガすることまたはwebページに入った後にユーザによりトリガされることを含む。
ステップS202、ブラウザは、webページ内でのピクチャコメントの位置の絶対座標を計算し、当該ピクチャコメントの位置の絶対座標とコメントパラメータに基づいてコメント情報層を形成した後、コメント情報層をwebページ内のピクチャ層に置いてコメントの表示を実現する。
ここで、コメント情報の表示方式は、コメントの時間順序で表示する方式、設定されたコメント情報の数で表示する方式及び優先順位で表示する方式のうちの1つを含む。
上記の方法により理解されるように、コメントをピクチャに「貼付」させ、且つそのまま再表示するためには、ピクチャの固定基準点(例えば、ピクチャの左上隅点)に対する、コメントの「貼付」位置の座標を取得することが最も重要である。このようにすることで、ピクチャ自体の座標が変わったときに、コメントの位置に影響を与えてしまうようなことがなくなる。相対座標を取得した後、ページ階層化技術を利用して、コメント層をピクチャ層に置くと、このような、ピクチャ上の任意の位置に位置されたコメントを実現できる。
コメント作成の際にコメントパラメータをwebサーバに伝送したので、ユーザがコメントを見たい場合、ユーザのブラウザは、webサーバにコメント情報の取得要求を送信し、コメントパラメータを取得する。そして、ブラウザは、更にjavascriptによって情報を分析して、コメント内容を復元する。
上記のコメントの追加、表示方法においては、ユーザは、単に、ブラウザページの入力ボックス内にコメント内容を入力し、ピクチャコメントのボタンをクリックし、マウスをピクチャ上の任意の位置に移動して左ボタンをクリックし、その位置にコメントを貼り付けるだけで、ピクチャついてのコメントの追加が完了する。また、このユーザまたは他のユーザがピクチャコメントを有するwebページに入るとき、ブラウザは、自動的にコメント情報をダウンロードして表示する。または、ブラウザは、ユーザがピクチャコメントの表示ボタンをクリックしたときに、受動的にダウンロード及び表示の要求をトリガする。その後、ユーザ自身及び他人により行われたピクチャコメントは、一つずつ表示され、ピクチャの表示が完了される。
以下、本発明における前記方法の具体的な実現過程を十分に説明するために、図3〜図4に示す本発明のいくつかの最適な実施形態によって、実施形態に対する説明を参照しながら、さらに本発明の技術詳細を与える。
実施形態1
図3に示すように、本発明における実施形態に係るwebピクチャについてのコメント追加方法は、下記のステップを含む。
ステップS301、ユーザは、ブラウザのwebページ内にピクチャコメントの内容を入力する。
ステップS302、ユーザは、ピクチャ上の任意のポイントをピクチャコメントの位置として選定してマウスの左ボタンをクリックし、ページのjavascriptイベントをトリガする。
ステップS303、ブラウザは、ページ内のマウスクリックイベントの絶対座標XとY(即ちピクチャコメントの位置の絶対座標)を取得する。
ここで、絶対座標値XとYは、マウスイベントオブジェクトそのものが持っているものであるため、直接取り出せばよい。
ステップS304、ピクチャ内の1つのポイントをピクチャコメントの位置の固定基準点として選定し、そして当該固定基準点のページでの絶対座標を計算する。
一般的には、ピクチャ及びその親オブジェクト同士が絶対座標属性を持たないので、この場合、固定基準点は、好ましくはピクチャ左上隅の頂点である。当該ピクチャの左上隅の頂点の絶対座標は、子オブジェクトとしての当該ピクチャから最外層の親オブジェクトまでの各層の相対座標の和である。その計算プロセスとして、まずピクチャとその親オブジェクトとの間の相対座標を取り出し、次に、その相対座標に、親オブジェクトとその親の親オブジェクトとの間の相対座標を加算し、その相対座標に、更に、親の親オブジェクトと親の親の親オブジェクトとの間の相対座標を加算する。このような処理を、親オブジェクトが見つけられなくなるまで続ける。この場合の加算結果が、ピクチャの左上隅の頂点の絶対座標値である。
しかしながら、ピクチャが絶対座標属性を持つ場合、ブラウザは、ピクチャ内の、ピクチャコメントの位置点以外のいずれかの点を固定基準点として取り出すことができ、この場合には、選択された基準点を記録して当該点の絶対座標を直接的に取り出せばよい。したがって、本発明に記載の固定基準点は、ランダムに選択することができ、ブラウザがピクチャの絶対座標属性をサポートしない場合に限り、ピクチャのエッジ点を固定基準点として選択することが好ましい。
ステップS305、ブラウザは、ピクチャコメントの位置の絶対座標から固定基準点の絶対座標を減算して、ピクチャコメントの位置とピクチャ上の固定基準点との間の相対座標を得る。
ステップS306、ブラウザは、得られた相対座標を、ユーザより入力されたコメント内容やピクチャIDなどと一緒にwebサーバに伝送する。そして、これらの情報を用いて、htmlとjavascriptの層技術を利用して、リアルタイムで動的に1つのコメント内容を含む情報層を形成し、当該情報層をピクチャ層に置いて、コメントの追加を実現する。これにより、ユーザは、直ちに直感的に自分のコメント効果を見ることができる。
当該ステップにおいて、ブラウザは、webサーバに情報を伝送するときに、webページの静止を維持するために、AJAXページ技術により情報データを送信することが好ましい。
前記ピクチャがズームされたピクチャである場合、webサーバにアップロードされた相対座標をピクチャのズーム割合によって1:1に復元するが、新しい情報層を生成するために用いられる相対座標は、ブラウザが直接的に計算した相対座標である点に留意されたい。
ステップS307、webサーバは、相対座標、コメント内容及びピクチャIDをデータベースサーバに保存する。
上記のコメント追加方法を組み合わせて、以下、1つの具体的な例を与えて詳しく説明する。
例:あるネットワークユーザは、漫画ウェブサイトの漫画ブラウズページにおいて、漫画コメントの入力ボックスに例えば「2羽のカモメ」のようなコメント内容を書き込み、その後、コメントボタンをクリックし、マウスをピクチャ上に移動させる。この場合、マウスカーソルが十字星になると、クリックしてコメントを貼り付けることが可能となることを示す。この場合、ユーザがピクチャ上における2羽のカモメの位置でマウスの左ボタンをクリックすると、ページのjavascriptマウスイベントがトリガされる。
ページjavascriptコードで、ページ上でのマウスクリックイベントの絶対座標XとY(即ちピクチャコメントの位置の絶対座標)を取得し、そしてピクチャページ内の固定基準点の絶対座標を計算する。そして、ピクチャコメントの位置の絶対座標から固定基準点の絶対座標を減算し、ピクチャ固定基準点に対するピクチャコメントの位置の相対座標を得る。
ブラウザは、得られた相対座標を、ユーザID、コメント内容、ピクチャIDなどと一緒にwebサーバに伝送し、このとき、AJAXページ技術によりデータを送信する。これによりページの静止が維持されて、ユーザ体験が向上する。同時に、ブラウザは、これらの情報を用いて、htmlとjavascriptのページ階層化技術及び位置決め技術により、リアルタイムで動的に1つのコメント情報を含む新しい層を形成して、ピクチャに「貼付」する。これにより、ユーザは、直ちに直感的に自分のコメント効果を見ることができる。
実施形態2
図4に示すように、本実施形態に係るwebピクチャについてのコメント表示方法は、下記のステップを含む。
ステップS401、ユーザは、ブラウザのwebページに入り、そしてピクチャコメントの表示ボタンをクリックする。
ステップS402、ブラウザは、ユーザによりトリガされたときwebサーバにピクチャコメントの取得要求を送信する。
好ましくは、当該ステップにおいてブラウザは、AJAXページ技術により要求を送信してページを動かないように維持させる。
ステップS403、webサーバは、ピクチャIDによってデータベースサーバからこのピクチャコメント、座標情報などを取得し、そしてユーザのブラウザページに伝送する。
ステップS404、ブラウザは、前記相対座標の固定基準点の絶対座標を計算する。
当該ステップにおいて、固定基準点がピクチャの左上隅の頂点である場合、その絶対座標の計算方法は、ステップS304と同じである。即ち、まずピクチャとその親オブジェクトとの間の相対座標を取り出し、次に、その相対座標に、親オブジェクトと親の親オブジェクト間の相対座標を加算し、更に、その相対座標に、親の親オブジェクトと親の親の親オブジェクト間の相対座標を加算する。このような処理を、親オブジェクトが見つけられなくなるまで続ける。この場合の加算結果が、ピクチャの左上隅の頂点の絶対座標値である。
ステップS405、ブラウザは、得られた固定基準点の絶対座標を、webサーバから伝送された相対座標に加算して、webページ内におけるコメント内容の絶対座標を得る。
当該ステップにおいて、ピクチャズーム機能が存在する場合には、コメントの相対座標を取得した後、加算を行う前に、ブラウザは、この場合のピクチャズーム率に応じてズームを行う必要がある。
ステップS406、ブラウザは、取得された、ページ内におけるコメント内容の絶対座標とコメント内容などの情報によって、htmlとjavascriptのページ階層化技術と位置決め技術により、動的に1つのコメント内容を含む情報層を生成し、当該情報層をピクチャ層に置いてコメント表示を完了する。
ユーザが見やすいように、ページjavascript技術により、コメントの時間順序で1つずつ所定の間隔で自動的にコメントを示すことができる。または、コメントが多すぎる場合、コメントが互いに重なり合うことによる視覚性への影響を排除するために、何回かに分けてコメントを示すことができる。コメント毎に1つの層があり、コメント層の優先順位は、ピクチャよりも高く、新しいコメント層の優先順位は、古いコメントよりも高いので、コメントが重なり合う場合、新しいコメント層は、古いコメント層を覆うことになる。
上記の実施形態1、2のjavascript技術は、いずれもVBSCRIPT技術に変更することができる。
上述したように、本発明に係るピクチャについてのコメントの追加、表示方法により、ピクチャについてのコメントが実現され、また、ページの静止が維持される場合、ピクチャのある局部に対して「貼付」式のコメントを行うことができる。さらに、合理的かつ便利な方式でコメントの表示と非表示を制御することができる。これは、写実的かつ臨場感に富み、興味深く、特に漫画製品についてのコメントに良い効果がある。これにより、インターネット製品に対するユーザの献身性を向上させることができる。
図5に示すように、本発明に係るブラウザは、具体的に、コメント追加モジュール510とコメント表示モジュール520を備える。
コメント追加モジュール510は、
ピクチャコメントの内容とピクチャコメントの位置情報を取得し、前記ピクチャコメントの位置とピクチャ内の固定基準点との間の相対座標を計算するように構成される情報取得モジュール511と、
前記相対座標、コメント内容及びピクチャIDが含まれるコメントパラメータをwebサーバにアップロードし、前記コメントパラメータを用いてコメント情報層を形成した後、コメントの情報層をピクチャ層に置くように構成されるコメント追加実現モジュール512とを含む。
ここで、前記情報取得モジュール511は、
ピクチャコメントの内容とピクチャコメントの位置情報を取得するように構成される第1のコメントパラメータ取得サブモジュールと、
前記固定基準点の絶対座標を計算し、前記ピクチャコメントの位置の絶対座標と固定基準点の絶対座標と間の差を計算し、前記ピクチャコメントの位置と固定基準点との間の相対座標を得るように構成される第2のコメントパラメータ取得サブモジュールとを含む。
ここで、固定基準点は、前記ピクチャの左上隅の頂点であり、固定基準点の絶対座標は、子オブジェクトとしての当該ピクチャから最外層の親オブジェクトまでの各層の相対座標の和である。
前記ピクチャがズームされたピクチャである場合、前記情報取得モジュール511は、webサーバにアップロードされた相対座標をピクチャのズーム割合によって1:1に復元する点に留意されたい。
前記コメント表示モジュール520は、
webサーバにピクチャコメントの表示要求を送信し、そして前記webサーバからフィードバックされた、相対座標とコメント内容が含まれるコメントパラメータを受信するように構成されるコメントパラメータ取得モジュール521と、
webページ内のピクチャコメントの位置の絶対座標を計算し、そして前記ピクチャコメントの位置の絶対座標とコメントパラメータに基づいてコメント情報層を形成した後、コメント情報層をwebページ内のピクチャ層に置いてコメントの表示を実現するように構成されるコメント表示実現モジュール522とを含む。
ここで、前記コメント表示実現モジュール522がwebページ内のピクチャコメントの位置の絶対座標を計算することは、具体的に、前記相対座標の固定基準点のwebページでの絶対座標を計算し、当該絶対座標と相対座標を加算してwebページ内のピクチャコメントの位置の絶対座標を得ることを含む。
ここで、相対座標での固定基準点は、前記ピクチャの左上隅の頂点であり、前記固定基準点の絶対座標は、子オブジェクトとしての当該ピクチャから最外層の親オブジェクトまでの各層の相対座標の和である。
更に、コメントパラメータ取得モジュール521がwebサーバにピクチャコメントの表示要求を送信するトリガ条件は、webページに入るときにブラウザが能動的にトリガすることまたはwebページに入った後にユーザよりトリガされることを含む。
コメント表示実現モジュール522がコメント情報を表示する方式は、コメントの時間順序で表示する方式、設定されたコメント情報の数で表示する方式及び優先順位で表示する方式のうちの1つを含む。
前記ピクチャがズームされたピクチャである場合、前記コメントパラメータ取得モジュール521は、前記相対座標を受信した後、前記相対座標をピクチャのズーム割合によってズーム処理する点に留意されたい。
明らかなように、当業者は、本発明の精神及び範囲を逸脱しない範囲で本発明に対して様々な変更と変形を行うことができる。従って、本発明のこれらの変更と変形が、本発明の特許請求の範囲及びそれと同等の技術範囲内に属する場合、本発明は、これらの変更と変形を含むことを意図している。

Claims (11)

  1. webピクチャについてのコメント追加方法であって、
    ピクチャコメントの内容とピクチャコメントの位置情報を取得し、前記ピクチャコメントの位置とピクチャ内の固定基準点との間の相対座標を計算するステップと、
    前記相対座標、コメント内容及びピクチャIDが含まれるコメントパラメータをwebサーバにアップロードし、前記コメントパラメータを用いてコメント情報層を形成し、コメント情報層をピクチャ層に置くステップと
    を含むことを特徴とするコメント追加方法。
  2. ピクチャコメントの位置とピクチャ内の固定基準点との間の相対座標を計算する前記ステップは、
    前記固定基準点の絶対座標を計算し、前記ピクチャコメントの位置の絶対座標と固定基準点の絶対座標との間の差を計算し、前記ピクチャコメントの位置と固定基準点の間の相対座標を得る
    ことを特徴とする請求項1に記載の方法。
  3. 前記固定基準点は、前記ピクチャの左上隅の頂点であり、前記固定基準点の絶対座標は、子オブジェクトとしての当該ピクチャから最外層の親オブジェクトまでの各層の相対座標の和である
    ことを特徴とする請求項2に記載の方法。
  4. 前記ピクチャがズームされたピクチャである場合、webサーバにアップロードされた相対座標をピクチャのズーム割合によって1:1に復元するステップをさらに含む
    ことを特徴とする請求項1〜3のいずれか一項に記載の方法。
  5. webピクチャについてのコメント表示方法であって、
    webサーバにピクチャコメントの表示要求を送信し、前記webサーバからフィードバックされた、相対座標とコメント内容が含まれるコメントパラメータを受信するステップと、
    webページ内でのピクチャコメントの位置の絶対座標を計算し、当該ピクチャコメントの位置の絶対座標とコメントパラメータに基づいてコメント情報層を形成し、コメント情報層をwebページ内のピクチャ層に置いて、コメントの表示を実現することを含む
    ことを特徴とするコメント表示方法。
  6. webページ内でのピクチャコメントの位置の絶対座標を計算する前記ステップは、
    前記相対座標の固定基準点のwebページでの絶対座標を計算し、当該絶対座標と相対座標を加算してwebページ内でのピクチャコメントの位置の絶対座標を得ることを含む
    ことを特徴とする請求項5に記載の方法。
  7. 前記相対座標の固定基準点は、前記ピクチャの左上隅の頂点であり、前記固定基準点の絶対座標は、子オブジェクトとしての当該ピクチャから最外層の親オブジェクトまでの各層の相対座標の和である
    ことを特徴とする請求項6に記載の方法。
  8. 前記ピクチャがズームされたピクチャである場合、前記相対座標を受信した後、前記相対座標をピクチャのズーム割合によってズーム処理するステップを更に含み、
    webサーバにピクチャコメントの表示要求を送信するトリガ条件は、webページに入るときにブラウザが能動的にトリガすることまたはwebページに入った後にユーザによりトリガされることであり、
    前記コメント情報の表示方式は、コメントの時間順序で表示する方式、設定されたコメント情報の数で表示する方式及び優先順位で表示する方式のうちの1つを含む
    ことを特徴とする請求項5〜7のいずれか一項に記載の方法。
  9. コメント追加モジュールとコメント表示モジュールを備えるブラウザであって、
    前記コメント追加モジュールは、
    ピクチャコメントの内容とピクチャコメントの位置情報を取得し、前記ピクチャコメントの位置とピクチャ内の固定基準点との間の相対座標を計算するように構成される情報取得モジュールと、
    前記相対座標、コメント内容及びピクチャIDが含まれるコメントパラメータをwebサーバにアップロードし、前記コメントパラメータを用いてコメント情報層を形成し、コメント情報層をピクチャ層に置くように構成されるコメント追加実現モジュールとを含み、
    前記コメント表示モジュールは、
    webサーバにピクチャコメントの表示要求を送信し、前記webサーバからフィードバックされた、相対座標とコメント内容が含まれるコメントパラメータを受信するように構成されるコメントパラメータ取得モジュールと、
    webページ内でのピクチャコメントの位置の絶対座標を計算し、前記ピクチャコメントの位置の絶対座標とコメントパラメータに基づいてコメント情報層を形成し、コメント情報層をwebページ内のピクチャ層に置いてコメントの表示を実現するように構成されるコメント表示実現モジュールと
    を含むことを特徴とするブラウザ。
  10. 前記ピクチャがズームされたピクチャである場合、前記情報取得モジュールは、webサーバにアップロードされた相対座標をピクチャのズーム割合によって1:1に復元し、
    前記ピクチャがズームされたピクチャである場合、前記コメントパラメータ取得モジュールは、前記相対座標を受信した後、前記相対座標をピクチャのズーム割合によってズーム処理する
    ことを特徴する請求項9に記載のブラウザ。
  11. 前記コメントパラメータ取得モジュールがwebサーバにピクチャコメントの表示要求を送信するトリガ条件は、webページに入るときにブラウザが能動的にトリガすることまたはwebページに入った後にユーザによりトリガされることを含み、
    前記コメント表示実現モジュールがコメント情報を表示する方式は、コメントの時間順序で表示する方式、設定されたコメント情報の数で表示する方式及び優先順位で表示する方式のうちの1つを含む
    ことを特徴する請求項9に記載のブラウザ。
JP2013558286A 2011-03-16 2011-07-20 ブラウザプログラム及びそのwebピクチャについてのコメントの追加、表示を実現する方法 Active JP5841176B2 (ja)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
CN201110063293.4A CN102682025B (zh) 2011-03-16 2011-03-16 一种web图片评论添加和显示方法及装置
CN201110063293.4 2011-03-16
PCT/CN2011/077345 WO2012122769A1 (zh) 2011-03-16 2011-07-20 一种浏览器及其实现web图片评论添加和显示的方法

Publications (2)

Publication Number Publication Date
JP2014514636A true JP2014514636A (ja) 2014-06-19
JP5841176B2 JP5841176B2 (ja) 2016-01-13

Family

ID=46813971

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2013558286A Active JP5841176B2 (ja) 2011-03-16 2011-07-20 ブラウザプログラム及びそのwebピクチャについてのコメントの追加、表示を実現する方法

Country Status (5)

Country Link
US (1) US9563614B2 (ja)
EP (1) EP2687995A4 (ja)
JP (1) JP5841176B2 (ja)
CN (1) CN102682025B (ja)
WO (1) WO2012122769A1 (ja)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2019106743A1 (ja) * 2017-11-29 2019-06-06 Hikutas株式会社 情報処理システム、情報処理方法、情報処理プログラム、クライアント装置、レイヤー情報サーバ、およびレイヤー情報データベース

Families Citing this family (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103853761B (zh) * 2012-12-03 2016-05-25 腾讯科技(深圳)有限公司 网页内容的评论显示、添加方法及装置
CN103220348B (zh) * 2013-04-10 2016-07-06 广东全通教育股份有限公司 一种图片批量上传并保真缩放方法及系统
CN104461477A (zh) * 2013-09-13 2015-03-25 腾讯科技(北京)有限公司 网络评论信息的添加方法、系统和相应装置
CN103632047A (zh) * 2013-11-20 2014-03-12 华为技术有限公司 评论信息的处理方法及装置
CN103744910A (zh) * 2013-12-26 2014-04-23 方正国际软件有限公司 漫画评议系统和漫画评议方法
CN104615639B (zh) * 2014-11-28 2018-08-24 北京百度网讯科技有限公司 一种用于提供图片的呈现信息的方法和设备
CN104703044B (zh) * 2015-02-12 2018-03-09 北京橘子文化传媒有限公司 一种图片弹幕发布方法
CN104866180B (zh) * 2015-06-04 2019-02-12 张婳 一种图画评论方法及系统
CN105095432B (zh) 2015-07-22 2019-04-16 腾讯科技(北京)有限公司 网页批注显示方法及装置
CN106371714B (zh) * 2015-07-23 2020-06-23 北京小米移动软件有限公司 信息显示方法及装置
CN105183759B (zh) * 2015-07-23 2018-12-21 无锡天脉聚源传媒科技有限公司 一种评论图片的方法及装置
CN105095525A (zh) * 2015-09-28 2015-11-25 北京奇虎科技有限公司 获取网页页面数据的方法及装置
CN105630353A (zh) * 2015-12-24 2016-06-01 小米科技有限责任公司 评论信息的发布方法及装置
CN107038023A (zh) * 2016-02-02 2017-08-11 腾讯科技(深圳)有限公司 互动评论的交互方法和装置
CN105824949A (zh) * 2016-03-22 2016-08-03 乐视网信息技术(北京)股份有限公司 一种评论添加方法及装置
US10198413B2 (en) 2016-12-30 2019-02-05 Dropbox, Inc. Image annotations in collaborative content items
CN109756783B (zh) * 2017-11-07 2021-11-05 阿里巴巴(中国)有限公司 海报的生成方法及装置
CN110908570B (zh) * 2019-11-29 2023-01-31 腾讯数码(天津)有限公司 图像处理方法、装置、终端及存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH10124494A (ja) * 1996-10-25 1998-05-15 Toshiba Corp 情報処理機器及び注釈付加方法
JP2001518669A (ja) * 1997-09-29 2001-10-16 シャープ株式会社 情報の検索、編集及び操作のために、画像にオブジェクトベースによるオーディオビジュアルな記述的タグ付けを行うための階層的な方法及びシステム
US20040205541A1 (en) * 2001-08-07 2004-10-14 D'amico Mario Web browser with annotation capability
US20090254529A1 (en) * 2008-04-04 2009-10-08 Lev Goldentouch Systems, methods and computer program products for content management
US20100153835A1 (en) * 2008-12-17 2010-06-17 Business Objects, S.A. Linking annotations to document objects

Family Cites Families (20)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CA2045907C (en) * 1991-06-28 1998-12-15 Gerald B. Anderson A method for storing and retrieving annotations and redactions in final form documents
JPH10240220A (ja) * 1997-03-03 1998-09-11 Toshiba Corp 注釈表示機能を持つ情報処理機器
US6320169B1 (en) * 1999-09-07 2001-11-20 Thermal Solutions, Inc. Method and apparatus for magnetic induction heating using radio frequency identification of object to be heated
US6859909B1 (en) * 2000-03-07 2005-02-22 Microsoft Corporation System and method for annotating web-based documents
US7234106B2 (en) * 2002-09-10 2007-06-19 Simske Steven J System for and method of generating image annotation information
US7284192B2 (en) * 2004-06-24 2007-10-16 Avaya Technology Corp. Architecture for ink annotations on web documents
JP4708888B2 (ja) * 2005-07-12 2011-06-22 キヤノン株式会社 画像処理装置、画像処理方法及びコンピュータプログラム
US8640023B1 (en) * 2006-07-10 2014-01-28 Oracle America, Inc. Method and system for providing HTML page annotations using AJAX and JAVA enterprise edition
JP2008146586A (ja) * 2006-12-13 2008-06-26 Fujitsu Ltd アノテーション管理プログラム、アノテーション管理装置及びアノテーション管理方法
US8713421B2 (en) * 2007-08-28 2014-04-29 Autodesk, Inc. Scale information for drawing annotations
US8099662B2 (en) * 2008-01-17 2012-01-17 Seiko Epson Corporation Efficient image annotation display and transmission
US8190990B2 (en) * 2008-06-27 2012-05-29 Google Inc. Annotating webpage content
CN101790139A (zh) * 2009-01-22 2010-07-28 宏达国际电子股份有限公司 位置信息的分享方法、系统及计算机程序产品
CN101521854A (zh) * 2009-02-19 2009-09-02 万纳特科技(深圳)有限公司 一种利用移动终端浏览网络图片的方法
US20100325527A1 (en) * 2009-06-18 2010-12-23 Microsoft Corporation Overlay for digital annotations
CN101814118A (zh) * 2009-07-02 2010-08-25 西安电子科技大学 基于图片的网页文本保护方法
US9049258B2 (en) * 2009-09-17 2015-06-02 Border Stylo, LLC Systems and methods for anchoring content objects to structured documents
KR101645994B1 (ko) * 2009-12-29 2016-08-05 삼성전자주식회사 문자 인식 영역 검출 장치 및 문자 인식 방법
JP2010124494A (ja) 2010-03-05 2010-06-03 Seiko Epson Corp 圧電発振器、電子機器および圧電発振器の製造方法
CN101894168B (zh) * 2010-06-30 2013-02-06 优视科技有限公司 移动终端网页页面的排版显示方法及系统

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH10124494A (ja) * 1996-10-25 1998-05-15 Toshiba Corp 情報処理機器及び注釈付加方法
JP2001518669A (ja) * 1997-09-29 2001-10-16 シャープ株式会社 情報の検索、編集及び操作のために、画像にオブジェクトベースによるオーディオビジュアルな記述的タグ付けを行うための階層的な方法及びシステム
US20040205541A1 (en) * 2001-08-07 2004-10-14 D'amico Mario Web browser with annotation capability
US20090254529A1 (en) * 2008-04-04 2009-10-08 Lev Goldentouch Systems, methods and computer program products for content management
US20100153835A1 (en) * 2008-12-17 2010-06-17 Business Objects, S.A. Linking annotations to document objects

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
JPN6015026780; 神岡孝幸: '画面共有型共同作業支援システムの開発と適用' 第59回(平成11年後期)全国大会講演論文集(4) , 19990928, 4-79〜4-80ページ, 社団法人情報処理学会 *

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2019106743A1 (ja) * 2017-11-29 2019-06-06 Hikutas株式会社 情報処理システム、情報処理方法、情報処理プログラム、クライアント装置、レイヤー情報サーバ、およびレイヤー情報データベース

Also Published As

Publication number Publication date
US20130346847A1 (en) 2013-12-26
EP2687995A1 (en) 2014-01-22
CN102682025A (zh) 2012-09-19
WO2012122769A1 (zh) 2012-09-20
US9563614B2 (en) 2017-02-07
JP5841176B2 (ja) 2016-01-13
EP2687995A4 (en) 2014-10-08
CN102682025B (zh) 2014-03-19

Similar Documents

Publication Publication Date Title
JP5841176B2 (ja) ブラウザプログラム及びそのwebピクチャについてのコメントの追加、表示を実現する方法
US10678995B2 (en) System and methods for control of content presented on web pages
US9940404B2 (en) Three-dimensional (3D) browsing
US9177291B2 (en) Chaining connection requests
US9032020B2 (en) Online video enhancement
US20160283096A1 (en) Method of generating a link by utilizing a picture and system thereof
TW201324320A (zh) 電子裝置、社群互動磚資料顯示方法及動態圖示磚連結方法
US20170205987A1 (en) Interactive presentation controls
WO2017053625A1 (en) Mapping of user interaction within a virtual-reality environment
US20150248722A1 (en) Web based interactive multimedia system
CN107735760A (zh) 用于查看嵌入式视频的方法和系统
CN112149025B (zh) 媒体资源展示方法和装置、存储介质及电子设备
CN109074214A (zh) 用于控制内容的显示的系统和方法
CN109684565A (zh) 网页关联视频的生成及展示方法、装置、系统及电子设备
CN105892794A (zh) 一种浏览器界面显示方法及装置
CN104217028A (zh) 网络内容分发方法和装置
CN104238884B (zh) 基于数字全景的动态信息呈现与用户交互系统及设备
JP2012247820A (ja) 広告配信システム
RU2520394C1 (ru) Способ распространения рекламных и информационных сообщений в сети интернет
KR101869247B1 (ko) 동영상 스팟 이미지에 기초한 객체정보 제공서비스를 이용한 컨텐츠 경매 제공방법 및 시스템
Bath et al. CERVI: collaborative editing of raster and vector images
JP2016062493A (ja) 情報表示装置、配信装置、情報表示方法および情報表示プログラム
JP6113124B2 (ja) 情報表示プログラム、配信装置、情報表示方法および情報表示装置
JP2011215861A (ja) 情報を表示する端末、システム、方法及びプログラム
JP6302117B1 (ja) 情報表示プログラム、情報表示方法、情報表示装置、及び配信装置

Legal Events

Date Code Title Description
A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20141024

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20141202

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20150210

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20150707

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: 20151027

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20151112

R150 Certificate of patent or registration of utility model

Ref document number: 5841176

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250