JP2014531102A - ウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法 - Google Patents

ウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法 Download PDF

Info

Publication number
JP2014531102A
JP2014531102A JP2014540985A JP2014540985A JP2014531102A JP 2014531102 A JP2014531102 A JP 2014531102A JP 2014540985 A JP2014540985 A JP 2014540985A JP 2014540985 A JP2014540985 A JP 2014540985A JP 2014531102 A JP2014531102 A JP 2014531102A
Authority
JP
Japan
Prior art keywords
scroll
touch
movement
web page
content area
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
JP2014540985A
Other languages
English (en)
Other versions
JP5740060B2 (ja
Inventor
ユン、チョンヒュン
ヒュン ユン、チョン
ボク リ、ウン
ボク リ、ウン
Original Assignee
エスケー プラネット カンパニー、リミテッド
エスケー プラネット カンパニー、リミテッド
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 エスケー プラネット カンパニー、リミテッド, エスケー プラネット カンパニー、リミテッド filed Critical エスケー プラネット カンパニー、リミテッド
Publication of JP2014531102A publication Critical patent/JP2014531102A/ja
Application granted granted Critical
Publication of JP5740060B2 publication Critical patent/JP5740060B2/ja
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G06F3/04855—Interaction with scrollbars
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0412—Digitisers structurally integrated in a display
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0416—Control or interface arrangements specially adapted for digitisers
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/34—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators for rolling or scrolling
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/14—Solving problems related to the presentation of information to be displayed
    • G09G2340/145—Solving problems related to the presentation of information to be displayed related to small screens
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2354/00—Aspects of interface with display user

Abstract

本発明は、ウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法に関するものであり、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、タッチされた状態の移動が感知されれば、感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定し、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算して、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節することにより、実際に個別コンテンツ領域がスクロールされるかのようにユーザに感じさせることができる。

Description

本発明は、ユーザ端末がウェブページにおいて個別コンテンツ領域の一部を画面に表示した場合にもスクロールトップ値を調節して実際に個別コンテンツ領域がスクロールされるかのようにユーザに感じさせるウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法に関する。
無線インターネットサービスを提供するモバイル端末、すなわち、ユーザ端末は、無線ウェブブラウザを搭載してユーザがウェブページを閲覧できるようにする。また、モバイル端末の大きさの制約によって、無線ウェブブラウザやウェブアプリケーションにおいてはスクロールを介してコンテンツの全体領域のうちユーザが関心を持っているコンテンツ領域を選択して閲覧できるようにする。
一方、一部の端末においては、モバイルウェブページにおいてディブ（ｄｉｖ）（すなわち、個別コンテンツ領域）スクロールが支援されているが、ディブスクロールが支援されない端末もある。なお、ディブスクロールが支援される場合にも、開発者がタッチスタートイベントを任意にプリベントデフォルトにすれば、ディブをスクロール可能な機能まで使用できなくなる。
このため、いかなる端末においても、ディブスクロール機能を使用できるようにする必要がある。すなわち、ディブをスクロールするためにオーバフロー属性を用いることなく、ユーザによるタッチイベントを受けてディブのスクロールトップ値を調節して実際にディブがスクロールされるかのような効果を出すサービスを提供する必要がある。
上述した課題を解決するための本発明の目的は、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、タッチされた状態の移動が感知されれば、感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定し、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算して、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節することにより、実際に個別コンテンツ領域がスクロールされるかのようにユーザに感じさせるウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法を提供するところにある。
上述した課題を解決するための本発明の一側面によれば、ウェブページにおいて、個別コンテンツ領域の一部を画面に表示し、表示された画面に対するタッチされた状態の移動を感知するユーザ端末及びユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、タッチされた状態の移動が感知されれば、感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定し、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算して、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節するウェブページ提供サーバを有するウェブページのスクロールトップ属性を用いたスクロール遂行システムが提供される。
このとき、個別コンテンツ領域は、全体のウェブページにおいてディブによってそれぞれ区別され、ユーザ端末に表示される部分と表示されない部分を有することを特徴とする。
また、ウェブページ提供サーバは、タッチ状態の移動に伴って算出された座標変化量のうちＹ座標値の変化量がプラスであれば下方向へのスクロールを行うように、且つ、マイナスであれば上方向へのスクロールを行うようにスクロール方向を決定することを特徴とする。
上述した課題を解決するための本発明の他の側面によれば、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、表示された画面にタッチされた状態の移動感知に伴うタッチ移動感知信号を受信するタッチ移動感知信号受信部と、感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定するスクロール方向決定部と、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するスクロール長さ計算部及び計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節するスクロールトップ調節部と、を備えるウェブページ提供サーバが提供される。
このとき、個別コンテンツ領域は、全体のウェブページにおいてディブによってそれぞれ区別され、ユーザ端末に表示される部分と表示されない部分を有することを特徴とする。
また、スクロール方向決定部は、前記タッチ状態の移動に応じて算出された座標変化量のうちＹ座標値の変化量がプラスであれば下方向へのスクロールを行うように、且つ、マイナスであれば上方向へのスクロールを行うようにスクロール方向を決定することを特徴とする。
上述した課題を解決するための本発明のさらに他の側面によれば、ユーザ端末において、個別コンテンツ領域の一部を画面に表示するステップと、ユーザ端末において表示された画面にタッチされた状態の移動が感知されることによりタッチ移動感知信号をウェブページ提供サーバに伝送するステップと、ウェブページ提供サーバにおいてタッチ移動感知信号を受信すると、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定するステップと、ウェブページ提供サーバにおいてタッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するステップ及びウェブページ提供サーバにおいて計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節するステップと、を含むウェブページのスクロールトップ属性を用いたスクロール遂行方法が提供される。
このとき、個別コンテンツ領域は、全体のウェブページにおいてディブによってそれぞれ区別され、ユーザ端末に表示される部分と表示されない部分を有することを特徴とする。
上述した課題を解決するための本発明のさらに他の側面によれば、ウェブページ提供サーバがウェブページのスクロールトップ属性を用いてスクロールを行う方法において、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、前記表示された画面にタッチされた状態の移動が感知されることによりタッチ移動感知信号を受信するステップと、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出するステップと、算出されたタッチ座標変化量に応じてスクロール方向を決定するステップと、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するステップと、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節するステップと、を含むウェブページのスクロールトップ属性を用いたスクロール遂行方法が提供される。
このとき、スクロール方向決定ステップは、タッチ移動感知信号に基づいて算出された座標変化量のうちＹ座標値の変化量がプラスであれば下方向へのスクロールを行うように、且つ、マイナスであれば上方向へのスクロールを行うようにスクロール方向を決定することを特徴とする。
上述した課題を解決するための本発明のさらに他の側面によれば、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、表示された画面にタッチされた状態の移動が感知されることによりタッチ移動感知信号を受信するステップと、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出するステップと、算出されたタッチ座標変化量に応じてスクロール方向を決定するステップと、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するステップ及び計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節するステップを含むウェブページ提供サーバにおけるウェブページのスクロールトップ属性を用いたスクロール遂行方法がプログラムとして記録されて電子装置にて読み取り可能な記録媒体が提供される。
上述したように、本発明は、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、タッチされた状態の移動が感知されれば、感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定し、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算して、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節することにより、実際に個別コンテンツ領域がスクロールされるかのようにユーザに感じさせるウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法を提供することができる。
また、個別コンテンツ領域（すなわち、ディブ）スクロールが支援されない端末をはじめとして全てのユーザ端末において個別コンテンツ領域をスクロールできるようにし、タッチスタートイベントをプリベントデフォルトにした場合にもスクロール機能を行うことができる。
図１は、本発明の実施形態によるウェブページのスクロールトップ属性を用いたスクロール遂行システムの構成図である。 図２は、本発明の実施形態によるウェブページ提供サーバの内部構成図である。 図３は、本発明の実施形態によるユーザ端末の内部構成図である。 図４は、本発明の実施形態による個別コンテンツ領域を示す図である。 図５は、本発明の実施形態により個別コンテンツ領域のうちの一部が表示される画面の流れを示す図である。 図６は、本発明の実施形態によるウェブページのスクロールトップ属性を用いたスクロール遂行方法を示す手順図である。
以下、添付図面に基づき、本発明の好適な実施形態についてさらに詳細に説明する。添付図面に基づいて説明するに当たって、同じまたは対応する構成要素には同じ図面符号を附し、これについての重複する説明は省く。
図１は、本発明の実施形態によるウェブページのスクロールトップ属性を用いたスクロール遂行システムの構成図である。
図１を参照すると、本発明によるウェブページのスクロールトップ属性を用いたスクロール遂行システムは、ユーザ端末１００と、ウェブページ提供サーバ２００と、を備えていてもよい。
ユーザ端末１００は、ウェブページ提供サーバ２００と連動して、ウェブページにおいて個別コンテンツ領域、すなわち、ディブの一部を画面に表示し、ユーザの操作によって表示された画面に対するタッチされた状態の移動を感知すると、当該情報をウェブページ提供サーバ２００に伝送することができる。
ウェブページ提供サーバ２００は、ユーザ端末１００において個別コンテンツ領域の一部が画面に表示される場合、タッチされた状態の移動が感知されれば、感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定し、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算して、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節する。このとき、個別コンテンツ領域は、全体のウェブページにおいてディブによってそれぞれ区別され、ユーザ端末に表示される部分と表示されない部分を有することができる。
また、ウェブページ提供サーバ２００は、タッチ状態の移動に伴って算出された座標変化量のうちＹ座標値の変化量がプラス（＋）であれば下方向へのスクロールを行うように、且つ、マイナス（−）であれば上方向へのスクロールを行うようにスクロール方向を決定することができる。
図２は、本発明の実施形態によるウェブページ提供サーバの内部構成図である。
図２を参照すると、本発明によるウェブページ提供サーバ２００は、タッチ移動感知信号受信部２０２と、スクロール方向決定部２０４と、スクロール長さ計算部２０６及びスクロールトップ調節部２０８を備えていてもよい。
タッチ移動感知信号受信部２０２は、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、表示された画面にタッチされた状態の移動感知に伴うタッチ移動感知信号を受信することができる。このとき、個別コンテンツ領域は、全体のウェブページにおいてディブによってそれぞれ区別され、ユーザ端末に表示される部分と表示されない部分を有することができる。
スクロール方向決定部２０４は、感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定することができる。このとき、スクロール方向決定部２０４は、タッチ状態の移動に伴って算出された座標変化量のうちＹ座標値の変化量がプラスであれば下方向へのスクロールを行うように、且つ、マイナスであれば上方向へのスクロールを行うようにスクロール方向を決定することができる。
スクロール長さ計算部２０６は、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算することができる。
スクロールトップ調節部２０８は、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節することができる。
これにより、個別コンテンツ領域、すなわち、一つのディブ内に多くの内容の含まれていて画面に全て表示されない場合、ディブをスクロールしてユーザが閲覧できなかった部分の内容を全て閲覧できるようにする。
図３は、本発明の実施形態によるユーザ端末の内部構成図であり、図４は、本発明の実施形態による個別コンテンツ領域を示す図である。
図３を参照すると、本発明の実施形態によるユーザ端末は、通信部３０２と、操作部３０４と、表示部３０６と、音響出力部３０８と、格納部３１０及び制御部３００を備えていてもよい。
通信部３０２は、移動通信モジュールと、無線インターネットモジュール及び近距離通信モジュールなどを備えていてもよく、移動通信モジュールは、移動通信網上において基地局の無線信号を送受信し、無線インターネットモジュールは無線インターネット接続のためのモジュールであり、近距離通信モジュールは近距離通信のためのモジュールである。このとき、通信部３０２は、無線インターネットモジュールを介してウェブページ提供サーバ２００と連動することができる。
操作部３０４は、ユーザの動作制御のための操作に応じて入力データを発生する。操作部は、キーパッド、ドームスイッチ、タッチパッドなどから構成されてもよい。特に、タッチパッドは、表示部と互いにレイヤ構造をなすタッチスクリーンによって実現されてもよい。
表示部３０６は、ユーザ端末において処理される情報を画面に出力し、タッチ感知モジュールをさらに備えてユーザの操作による操作信号を受け取ることができる。すなわち、表示部３０６はウェブページにおいて、個別コンテンツ領域の一部を画面に表示し、表示された画面に対するユーザの操作によるタッチされた状態の移動を感知することができる。
音響出力部３０８は、通話モードなどにおいて通信部を介して受信された音声信号や格納部に格納されたオーディオデータを出力することができる。
格納部３１０は、制御部３００の処理及び制御のためのプログラムを格納することができ、入力または出力されるデータを一時的に格納することができる。
制御部３００は、通常、端末各部の動作を制御してユーザ端末の全般的な動作を制御する。
また、制御部３００は、ウェブページにおいて個別コンテンツ領域の一部が画面に表示された場合、表示された画面に対するユーザの操作によるタッチされた状態の移動が感知されれば、当該情報をウェブページ提供サーバに伝送してもよい。
このとき、図４に示すように、本発明の実施形態による個別コンテンツ領域４００は、画面に表示されていないが内容がある領域４０４、４０６と、画面に実際に表示される領域４０２と、を有していてもよい。
図５は、本発明の実施形態により個別コンテンツ領域のうちの一部が表示される画面の流れを示す図である。
図５を参照すると、本発明の実施形態による個別コンテンツ領域５００は、ｔｅｓｔ１〜ｔｅｓｔ８のコンテンツを含み、ユーザ端末に表示される第１ウェブページ画面５０２はｔｅｓｔ３〜ｔｅｓｔ５のコンテンツを含むことができる。
このとき、ユーザの操作に応じて端末においてタッチされた状態の移動が感知されれば、感知されたタッチ状態の移動に伴うタッチ座標変化量が算出され、算出されたタッチ座標変化量に応じてスクロール方向が決定され、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さが計算され、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値が調節されてもよい。
例えば、タッチ状態の移動に伴って算出された座標変化量のうちＹ座標値の変化量がプラスであれば下方向へのスクロールを行って、ユーザ端末はｔｅｓｔ２〜ｔｅｓｔ４のコンテンツを含む第２ウェブページ画面５０４を表示することができる。
図６は、本発明の実施形態によるウェブページのスクロールトップ属性を用いたスクロール遂行方法を示す手順図である。
図６を参照すると、本発明によるユーザ端末において、個別コンテンツ領域の一部を画面に表示し（Ｓ６０２）、表示された画面にユーザの操作によるタッチされた状態の移動が感知されることによりタッチ移動感知信号をウェブページ提供サーバに伝送する（Ｓ６０４）。
このとき、個別コンテンツ領域は、全体のウェブページにおいてディブによってそれぞれ区別され、ユーザ端末に表示される部分と表示されない部分を有していてもよい。
ウェブページ提供サーバにおいてタッチ移動感知信号を受信すると、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定する（Ｓ６０６）。
このとき、ウェブページ提供サーバは、タッチ移動感知信号に基づいて算出された座標変化量のうちＹ座標値の変化量がプラスであれば下方向へのスクロールを行うように、且つ、マイナスであれば上方向へのスクロールを行うようにスクロール方向を決定することができる。
また、ウェブページ提供サーバにおいてタッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算し（Ｓ６０８）、ウェブページ提供サーバにおいて計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節する（Ｓ６１０）。
一方、本発明の他の側面によれば、ウェブページ提供サーバにおいてウェブページのスクロールトップ属性を用いてスクロールを行う方法において、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、表示された画面にタッチされた状態の移動が感知されることによりタッチ移動感知信号を受信するステップと、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出するステップと、算出されたタッチ座標変化量に応じてスクロール方向を決定するステップと、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するステップ及び計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節するステップを含むウェブページのスクロールトップ属性を用いたスクロール遂行方法が提供され得る。
また、本発明のさらに他の側面によれば、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、表示された画面にタッチされた状態の移動が感知されることによりタッチ移動感知信号を受信するステップと、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出するステップと、算出されたタッチ座標変化量に応じてスクロール方向を決定するステップと、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するステップ及び計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節するステップを含むウェブページ提供サーバにおけるウェブページのスクロールトップ属性を用いたスクロール遂行方法がプログラムとして記録されて電子装置にて読み取り可能な記録媒体に記録され得る。
このようなウェブページ提供サーバにおけるウェブページのスクロールトップ属性を用いたスクロール遂行方法はプログラムとして作成可能であり、プログラムを構成するコード及びコードセグメントは当該分野のプログラマーによって容易に推論され得る。また、ウェブページ提供サーバにおけるウェブページのスクロールトップ属性を用いたスクロール遂行方法に関するプログラムは、電子装置にて読み取り可能な情報格納媒体に格納され、電子装置によって読み取られて実行され得る。
このように、本発明が属する技術分野の当業者は、本発明がその技術的思想や必須的特徴を変更することなく他の具体的な実施形態として実施可能であるということが理解できるであろう。よって、上述した実施形態はあらゆる面において例示的なものであり、限定的なものではないと理解さるべきである。本発明の範囲は前記詳細な説明よりは後述する特許請求の範囲によって開示され、特許請求の範囲の意味及び範囲、並びにその等価概念から導き出されるあらゆる変更または変形が本発明の範囲に含まれるものと解釈さるべきである。
本発明によれば、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、タッチされた状態の移動が感知されれば、感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定し、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算して、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節することにより、実際に個別コンテンツ領域がスクロールされるかのようにユーザに感じさせるウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法を提供するのに用いることができる。
１００：ユーザ端末
２００：ウェブページ提供サーバ
２０２：タッチ移動感知信号受信部
２０４：スクロール方向決定部
２０６：スクロール長さ計算部
２０８：スクロールトップ調節部

Claims (9)

  1. ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、前記表示された画面にタッチされた状態の移動感知に伴うタッチ移動感知信号を受信するタッチ移動感知信号受信部と、
    前記感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、前記算出されたタッチ座標変化量に応じてスクロール方向を決定するスクロール方向決定部と、
    前記感知されたタッチ状態の移動によるタッチ座標の変化に見合うスクロール長さを計算するスクロール長さ計算部と、
    前記計算されたスクロール長さに見合う分だけ前記個別コンテンツ領域のスクロールトップ値を調節するスクロールトップ調節部と、
    を備えるウェブページ提供サーバ。
  2. 前記個別コンテンツ領域は、全体のウェブページにおいてディブによってそれぞれ区別され、前記ユーザ端末に表示される部分と表示されない部分を有することを特徴とする請求項１に記載のウェブページ提供サーバ。
  3. 前記スクロール方向決定部は、前記タッチ状態の移動に伴って算出された座標変化量のうちＹ座標値の変化量がプラスであれば下方向へのスクロールを行うように、且つ、マイナスであれば上方向へのスクロールを行うようにスクロール方向を決定することを特徴とする請求項１に記載のウェブページ提供サーバ。
  4. ウェブページにおいて、個別コンテンツ領域の一部を画面に表示し、前記表示された画面に対するタッチされた状態の移動を感知するユーザ端末と、
    前記ユーザ端末において、前記個別コンテンツ領域の一部が画面に表示される場合、前記タッチされた状態の移動が感知されれば、前記感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、前記算出されたタッチ座標変化量に応じてスクロール方向を決定し、前記感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算して、前記計算されたスクロール長さに見合う分だけ前記個別コンテンツ領域のスクロールトップ値を調節するウェブページ提供サーバと、
    を備えるウェブページのスクロールトップ属性を用いたスクロール遂行システム。
  5. ウェブページ提供サーバがウェブページのスクロールトップ属性を用いてスクロールを行う方法において、
    ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、前記表示された画面にタッチされた状態の移動が感知されることによりタッチ移動感知信号を受信するステップと、
    前記タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出するステップと、
    前記算出されたタッチ座標変化量に応じてスクロール方向を決定するステップと、
    前記タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するステップと、
    前記計算されたスクロール長さに見合う分だけ前記個別コンテンツ領域のスクロールトップ値を調節するステップと、
    を含むウェブページのスクロールトップ属性を用いたスクロール遂行方法。
  6. 前記個別コンテンツ領域は、全体のウェブページにおいてディブによってそれぞれ区別され、前記ユーザ端末に表示される部分と表示されない部分を有することを特徴とする請求項５に記載のウェブページのスクロールトップ属性を用いたスクロール遂行方法。
  7. 前記スクロール方向決定ステップは、前記タッチ移動感知信号に基づいて算出された座標変化量のうちＹ座標値の変化量がプラスであれば下方向へのスクロールを行うように、且つ、マイナスであれば上方向へのスクロールを行うようにスクロール方向を決定することを特徴とする請求項５に記載のウェブページのスクロールトップ属性を用いたスクロール遂行方法。
  8. ユーザ端末において、個別コンテンツ領域の一部を画面に表示するステップと、
    前記ユーザ端末において、前記表示された画面にタッチされた状態の移動が感知されることによりタッチ移動感知信号をウェブページ提供サーバに伝送するステップと、
    前記ウェブページ提供サーバにおいて、前記タッチ移動感知信号を受信すると、前記タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出し、前記算出されたタッチ座標変化量に応じてスクロール方向を決定するステップと、
    前記ウェブページ提供サーバにおいて、前記タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するステップと、
    前記ウェブページ提供サーバにおいて、前記計算されたスクロール長さに見合う分だけ前記個別コンテンツ領域のスクロールトップ値を調節するステップと、
    を含むウェブページのスクロールトップ属性を用いたスクロール遂行方法。
  9. ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、前記表示された画面にタッチされた状態の移動が感知されることによりタッチ移動感知信号を受信するステップと、前記タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出するステップと、前記算出されたタッチ座標変化量に応じてスクロール方向を決定するステップと、前記タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するステップと、前記計算されたスクロール長さに見合う分だけ前記個別コンテンツ領域のスクロールトップ値を調節するステップと、を含むウェブページ提供サーバにおけるウェブページのスクロールトップ属性を用いたスクロール遂行方法がプログラムとして記録されて電子装置にて読み取り可能な記録媒体。
JP2014540985A 2012-10-12 2013-07-18 ウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法 Active JP5740060B2 (ja)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
KR10-2012-0113257 2012-10-12
KR1020120113257A KR102068043B1 (ko) 2012-10-12 2012-10-12 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템 및 방법
PCT/KR2013/006434 WO2014058137A1 (ko) 2012-10-12 2013-07-18 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템 및 방법

Publications (2)

Publication Number Publication Date
JP2014531102A true JP2014531102A (ja) 2014-11-20
JP5740060B2 JP5740060B2 (ja) 2015-06-24

Family

ID=50477574

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2014540985A Active JP5740060B2 (ja) 2012-10-12 2013-07-18 ウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法

Country Status (5)

Country Link
US (1) US9959029B2 (ja)
JP (1) JP5740060B2 (ja)
KR (1) KR102068043B1 (ja)
CN (1) CN103874971B (ja)
WO (1) WO2014058137A1 (ja)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108595096A (zh) * 2018-04-20 2018-09-28 武汉楚鼎信息技术有限公司 一种网页内容逆向渲染的方法及系统装置
CN111221600B (zh) * 2018-11-26 2023-05-23 福建省天奕网络科技有限公司 一种LayaAir引擎滚动的管理方法及终端

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2006031130A (ja) * 2004-07-13 2006-02-02 Nomura Research Institute Ltd データベース利用システム及びデータベース利用プログラム
JP2006078872A (ja) * 2004-09-10 2006-03-23 Mitsubishi Electric Corp 地図データ処理システム
JP2010049534A (ja) * 2008-08-22 2010-03-04 Casio Comput Co Ltd サーバ装置、クライアント装置、サーバベース・コンピューティング・システム、およびサーバ制御プログラム、クライアント制御プログラム
JP2010257148A (ja) * 2009-04-23 2010-11-11 Casio Computer Co Ltd サーバ装置、サーバベース・コンピューティング・システム、およびサーバ制御プログラム
JP2011501299A (ja) * 2007-10-19 2011-01-06 マイクロソフト コーポレーション 動的に更新される仮想リストビュー
JP2012033118A (ja) * 2010-08-03 2012-02-16 Fujitsu Ltd 表示装置、表示方法、および、表示プログラム
JP2012118731A (ja) * 2010-11-30 2012-06-21 Casio Comput Co Ltd サーバベース・コンピューティング・システムのクライアント装置、サーバ装置、およびプログラム

Family Cites Families (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7456993B2 (en) * 2003-03-28 2008-11-25 Vistaprint Technologies Limited Electronic document location indication and navigation method, system and program
US20040216056A1 (en) 2003-04-22 2004-10-28 Computer Associates Think, Inc. System and method for supporting scrolling of contents in a display
US7844915B2 (en) * 2007-01-07 2010-11-30 Apple Inc. Application programming interfaces for scrolling operations
US20100031167A1 (en) * 2008-08-04 2010-02-04 Alexander Roytman Browser-based development tools and methods for developing the same
KR101481512B1 (ko) 2007-10-24 2015-01-20 엘지전자 주식회사 휴대 단말기 및 그 제어 방법
US8174502B2 (en) * 2008-03-04 2012-05-08 Apple Inc. Touch event processing for web pages
US8375336B2 (en) * 2008-05-23 2013-02-12 Microsoft Corporation Panning content utilizing a drag operation
KR101048213B1 (ko) * 2008-12-04 2011-07-08 에스케이텔레시스 주식회사 터치스크린이 구비된 이동통신 단말기의 컨텐츠 전환 방법
CN101446884B (zh) 2008-12-19 2010-12-01 腾讯科技（深圳）有限公司 一种触摸屏设备及其滚屏方法
CN101515218A (zh) * 2009-01-06 2009-08-26 苏州达方电子有限公司 滚动条控制装置
KR101592033B1 (ko) 2009-11-06 2016-02-04 엘지전자 주식회사 이동 단말기 및 그 화면 분할 방법
CN102314471A (zh) * 2010-09-17 2012-01-11 苏州阔地网络科技有限公司 一种实现滚动条同步的方法
US9558013B2 (en) * 2011-04-12 2017-01-31 Citrix Systems, Inc. Responsive scroller controls in server-hosted applications

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2006031130A (ja) * 2004-07-13 2006-02-02 Nomura Research Institute Ltd データベース利用システム及びデータベース利用プログラム
JP2006078872A (ja) * 2004-09-10 2006-03-23 Mitsubishi Electric Corp 地図データ処理システム
JP2011501299A (ja) * 2007-10-19 2011-01-06 マイクロソフト コーポレーション 動的に更新される仮想リストビュー
JP2010049534A (ja) * 2008-08-22 2010-03-04 Casio Comput Co Ltd サーバ装置、クライアント装置、サーバベース・コンピューティング・システム、およびサーバ制御プログラム、クライアント制御プログラム
JP2010257148A (ja) * 2009-04-23 2010-11-11 Casio Computer Co Ltd サーバ装置、サーバベース・コンピューティング・システム、およびサーバ制御プログラム
JP2012033118A (ja) * 2010-08-03 2012-02-16 Fujitsu Ltd 表示装置、表示方法、および、表示プログラム
JP2012118731A (ja) * 2010-11-30 2012-06-21 Casio Comput Co Ltd サーバベース・コンピューティング・システムのクライアント装置、サーバ装置、およびプログラム

Also Published As

Publication number Publication date
CN103874971B (zh) 2016-05-04
JP5740060B2 (ja) 2015-06-24
US20150205512A1 (en) 2015-07-23
KR20140047270A (ko) 2014-04-22
KR102068043B1 (ko) 2020-01-20
CN103874971A (zh) 2014-06-18
WO2014058137A1 (ko) 2014-04-17
US9959029B2 (en) 2018-05-01

Similar Documents

Publication Publication Date Title
CN106406712B (zh) 信息显示方法及装置
EP2169527A1 (en) Method and apparatus for displaying content at a mobile device
CN108055408B (zh) 一种应用程序控制方法及移动终端
US20110185308A1 (en) Portable computer device
KR20140091633A (ko) 모바일 장치에서의 상황 인지에 따른 추천 항목을 제공하기 위한 방법 및 이를 위한 모바일 장치
AU2014329148A1 (en) Method for displaying previews in a widget
KR20100069842A (ko) 사용자 인터페이스를 구현하는 전자장치 및 그 방법
WO2010055424A1 (en) Methods of operating electronic devices using touch sensitive interfaces with contact and proximity detection and related devices and computer program products
CN102725750A (zh) 用于基于位置的数据收集的设备、方法和图形用户界面
CN108334272B (zh) 一种控制方法及移动终端
JP5854928B2 (ja) タッチ検出機能を有する電子機器、プログラムおよびタッチ検出機能を有する電子機器の制御方法
WO2019072172A1 (zh) 一种显示多个内容卡片的方法及终端设备
US20110074829A1 (en) Mobile communication terminal including touch interface and method thereof
US11354031B2 (en) Electronic apparatus, computer-readable non-transitory recording medium, and display control method for controlling a scroll speed of a display screen
CN108108113A (zh) 网页切换方法及装置
CN102799373B (zh) 电子设备、生成输入区域的方法和终端设备
US10048853B2 (en) Electronic device and display control method
JP5740060B2 (ja) ウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法
JP2012174247A (ja) 携帯電子機器、接触操作制御方法および接触操作制御プログラム
WO2015014138A1 (zh) 一种显示框显示的方法、装置和设备
KR20150068682A (ko) 전자장치의 입력 제어장치 및 방법
US20130072261A1 (en) Electronic device and method for adding new operating interface
TW201426509A (zh) 網頁控制系統及方法
CN107741826B (zh) 浏览历史信息调取方法、装置及移动终端
CN114969588A (zh) 一种文档浏览方法、装置、电子设备及存储介质

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20140127

A871 Explanation of circumstances concerning accelerated examination

Free format text: JAPANESE INTERMEDIATE CODE: A871

Effective date: 20140127

A975 Report on accelerated examination

Free format text: JAPANESE INTERMEDIATE CODE: A971005

Effective date: 20140918

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20140930

A601 Written request for extension of time

Free format text: JAPANESE INTERMEDIATE CODE: A601

Effective date: 20150105

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20150202

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20150424

R150 Certificate of patent or registration of utility model

Ref document number: 5740060

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