JP5740060B2 - ウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法 - Google Patents
ウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法 Download PDFInfo
- Publication number
- JP5740060B2 JP5740060B2 JP2014540985A JP2014540985A JP5740060B2 JP 5740060 B2 JP5740060 B2 JP 5740060B2 JP 2014540985 A JP2014540985 A JP 2014540985A JP 2014540985 A JP2014540985 A JP 2014540985A JP 5740060 B2 JP5740060 B2 JP 5740060B2
- Authority
- JP
- Japan
- Prior art keywords
- scroll
- touch
- web page
- movement
- displayed
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims description 21
- 238000001514 detection method Methods 0.000 claims description 37
- 238000010586 diagram Methods 0.000 description 10
- 238000004891 communication Methods 0.000 description 8
- 238000012360 testing method Methods 0.000 description 6
- 238000010295 mobile communication Methods 0.000 description 3
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000005236 sound signal Effects 0.000 description 1
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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Hardware Design (AREA)
- User Interface Of Digital Computer (AREA)
Description
本発明は、ユーザ端末がウェブページにおいて個別コンテンツ領域の一部を画面に表示した場合にもスクロールトップ値を調節して実際に個別コンテンツ領域がスクロールされるかのようにユーザに感じさせるウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法に関する。
無線インターネットサービスを提供するモバイル端末、すなわち、ユーザ端末は、無線ウェブブラウザを搭載してユーザがウェブページを閲覧できるようにする。また、モバイル端末の大きさの制約によって、無線ウェブブラウザやウェブアプリケーションにおいてはスクロールを介してコンテンツの全体領域のうちユーザが関心を持っているコンテンツ領域を選択して閲覧できるようにする。
一方、一部の端末においては、モバイルウェブページにおいてディブ（ｄｉｖ）（すなわち、個別コンテンツ領域）スクロールが支援されているが、ディブスクロールが支援されない端末もある。なお、ディブスクロールが支援される場合にも、開発者がタッチスタートイベントを任意にプリベントデフォルトにすれば、ディブをスクロール可能な機能まで使用できなくなる。
このため、いかなる端末においても、ディブスクロール機能を使用できるようにする必要がある。すなわち、ディブをスクロールするためにオーバフロー属性を用いることなく、ユーザによるタッチイベントを受けてディブのスクロールトップ値を調節して実際にディブがスクロールされるかのような効果を出すサービスを提供する必要がある。
上述した課題を解決するための本発明の目的は、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、タッチされた状態の移動が感知されれば、感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定し、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算して、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節することにより、実際に個別コンテンツ領域がスクロールされるかのようにユーザに感じさせるウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法を提供するところにある。
上述した課題を解決するための本発明の一側面によれば、ウェブページにおいて、個別コンテンツ領域の一部を画面に表示し、表示された画面に対するタッチされた状態の移動を感知するユーザ端末及びユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、タッチされた状態の移動が感知されれば、感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定し、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算して、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節するウェブページ提供サーバを有するウェブページのスクロールトップ属性を用いたスクロール遂行システムが提供される。
このとき、個別コンテンツ領域は、全体のウェブページにおいてディブによってそれぞれ区別され、ユーザ端末に表示される部分と表示されない部分を有することを特徴とする。
また、ウェブページ提供サーバは、タッチ状態の移動に伴って算出された座標変化量のうちＹ座標値の変化量がプラスであれば下方向へのスクロールを行うように、且つ、マイナスであれば上方向へのスクロールを行うようにスクロール方向を決定することを特徴とする。
上述した課題を解決するための本発明の他の側面によれば、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、表示された画面にタッチされた状態の移動感知に伴うタッチ移動感知信号を受信するタッチ移動感知信号受信部と、感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定するスクロール方向決定部と、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するスクロール長さ計算部及び計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節するスクロールトップ調節部と、を備えるウェブページ提供サーバが提供される。
このとき、個別コンテンツ領域は、全体のウェブページにおいてディブによってそれぞれ区別され、ユーザ端末に表示される部分と表示されない部分を有することを特徴とする。
また、スクロール方向決定部は、前記タッチ状態の移動に応じて算出された座標変化量のうちＹ座標値の変化量がプラスであれば下方向へのスクロールを行うように、且つ、マイナスであれば上方向へのスクロールを行うようにスクロール方向を決定することを特徴とする。
上述した課題を解決するための本発明のさらに他の側面によれば、ユーザ端末において、個別コンテンツ領域の一部を画面に表示するステップと、ユーザ端末において表示された画面にタッチされた状態の移動が感知されることによりタッチ移動感知信号をウェブページ提供サーバに伝送するステップと、ウェブページ提供サーバにおいてタッチ移動感知信号を受信すると、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定するステップと、ウェブページ提供サーバにおいてタッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するステップ及びウェブページ提供サーバにおいて計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節するステップと、を含むウェブページのスクロールトップ属性を用いたスクロール遂行方法が提供される。
このとき、個別コンテンツ領域は、全体のウェブページにおいてディブによってそれぞれ区別され、ユーザ端末に表示される部分と表示されない部分を有することを特徴とする。
上述した課題を解決するための本発明のさらに他の側面によれば、ウェブページ提供サーバがウェブページのスクロールトップ属性を用いてスクロールを行う方法において、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、前記表示された画面にタッチされた状態の移動が感知されることによりタッチ移動感知信号を受信するステップと、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出するステップと、算出されたタッチ座標変化量に応じてスクロール方向を決定するステップと、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するステップと、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節するステップと、を含むウェブページのスクロールトップ属性を用いたスクロール遂行方法が提供される。
このとき、スクロール方向決定ステップは、タッチ移動感知信号に基づいて算出された座標変化量のうちＹ座標値の変化量がプラスであれば下方向へのスクロールを行うように、且つ、マイナスであれば上方向へのスクロールを行うようにスクロール方向を決定することを特徴とする。
上述した課題を解決するための本発明のさらに他の側面によれば、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、表示された画面にタッチされた状態の移動が感知されることによりタッチ移動感知信号を受信するステップと、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出するステップと、算出されたタッチ座標変化量に応じてスクロール方向を決定するステップと、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するステップ及び計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節するステップを含むウェブページ提供サーバにおけるウェブページのスクロールトップ属性を用いたスクロール遂行方法がプログラムとして記録されて電子装置にて読み取り可能な記録媒体が提供される。
上述したように、本発明は、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、タッチされた状態の移動が感知されれば、感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定し、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算して、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節することにより、実際に個別コンテンツ領域がスクロールされるかのようにユーザに感じさせるウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法を提供することができる。
また、個別コンテンツ領域（すなわち、ディブ）スクロールが支援されない端末をはじめとして全てのユーザ端末において個別コンテンツ領域をスクロールできるようにし、タッチスタートイベントをプリベントデフォルトにした場合にもスクロール機能を行うことができる。
以下、添付図面に基づき、本発明の好適な実施形態についてさらに詳細に説明する。添付図面に基づいて説明するに当たって、同じまたは対応する構成要素には同じ図面符号を附し、これについての重複する説明は省く。
図１は、本発明の実施形態によるウェブページのスクロールトップ属性を用いたスクロール遂行システムの構成図である。
図１を参照すると、本発明によるウェブページのスクロールトップ属性を用いたスクロール遂行システムは、ユーザ端末１００と、ウェブページ提供サーバ２００と、を備えていてもよい。
ユーザ端末１００は、ウェブページ提供サーバ２００と連動して、ウェブページにおいて個別コンテンツ領域、すなわち、ディブの一部を画面に表示し、ユーザの操作によって表示された画面に対するタッチされた状態の移動を感知すると、当該情報をウェブページ提供サーバ２００に伝送することができる。
ウェブページ提供サーバ２００は、ユーザ端末１００において個別コンテンツ領域の一部が画面に表示される場合、タッチされた状態の移動が感知されれば、感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定し、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算して、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節する。このとき、個別コンテンツ領域は、全体のウェブページにおいてディブによってそれぞれ区別され、ユーザ端末に表示される部分と表示されない部分を有することができる。
また、ウェブページ提供サーバ２００は、タッチ状態の移動に伴って算出された座標変化量のうちＹ座標値の変化量がプラス（＋）であれば下方向へのスクロールを行うように、且つ、マイナス（−）であれば上方向へのスクロールを行うようにスクロール方向を決定することができる。
図２は、本発明の実施形態によるウェブページ提供サーバの内部構成図である。
図２を参照すると、本発明によるウェブページ提供サーバ２００は、タッチ移動感知信号受信部２０２と、スクロール方向決定部２０４と、スクロール長さ計算部２０６及びスクロールトップ調節部２０８を備えていてもよい。
タッチ移動感知信号受信部２０２は、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、表示された画面にタッチされた状態の移動感知に伴うタッチ移動感知信号を受信することができる。このとき、個別コンテンツ領域は、全体のウェブページにおいてディブによってそれぞれ区別され、ユーザ端末に表示される部分と表示されない部分を有することができる。
スクロール方向決定部２０４は、感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定することができる。このとき、スクロール方向決定部２０４は、タッチ状態の移動に伴って算出された座標変化量のうちＹ座標値の変化量がプラスであれば下方向へのスクロールを行うように、且つ、マイナスであれば上方向へのスクロールを行うようにスクロール方向を決定することができる。
スクロール長さ計算部２０６は、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算することができる。
スクロールトップ調節部２０８は、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節することができる。
これにより、個別コンテンツ領域、すなわち、一つのディブ内に多くの内容の含まれていて画面に全て表示されない場合、ディブをスクロールしてユーザが閲覧できなかった部分の内容を全て閲覧できるようにする。
図３は、本発明の実施形態によるユーザ端末の内部構成図であり、図４は、本発明の実施形態による個別コンテンツ領域を示す図である。
図３を参照すると、本発明の実施形態によるユーザ端末は、通信部３０２と、操作部３０４と、表示部３０６と、音響出力部３０８と、格納部３１０及び制御部３００を備えていてもよい。
通信部３０２は、移動通信モジュールと、無線インターネットモジュール及び近距離通信モジュールなどを備えていてもよく、移動通信モジュールは、移動通信網上において基地局の無線信号を送受信し、無線インターネットモジュールは無線インターネット接続のためのモジュールであり、近距離通信モジュールは近距離通信のためのモジュールである。このとき、通信部３０２は、無線インターネットモジュールを介してウェブページ提供サーバ２００と連動することができる。
操作部３０４は、ユーザの動作制御のための操作に応じて入力データを発生する。操作部は、キーパッド、ドームスイッチ、タッチパッドなどから構成されてもよい。特に、タッチパッドは、表示部と互いにレイヤ構造をなすタッチスクリーンによって実現されてもよい。
表示部３０６は、ユーザ端末において処理される情報を画面に出力し、タッチ感知モジュールをさらに備えてユーザの操作による操作信号を受け取ることができる。すなわち、表示部３０６はウェブページにおいて、個別コンテンツ領域の一部を画面に表示し、表示された画面に対するユーザの操作によるタッチされた状態の移動を感知することができる。
音響出力部３０８は、通話モードなどにおいて通信部を介して受信された音声信号や格納部に格納されたオーディオデータを出力することができる。
格納部３１０は、制御部３００の処理及び制御のためのプログラムを格納することができ、入力または出力されるデータを一時的に格納することができる。
制御部３００は、通常、端末各部の動作を制御してユーザ端末の全般的な動作を制御する。
また、制御部３００は、ウェブページにおいて個別コンテンツ領域の一部が画面に表示された場合、表示された画面に対するユーザの操作によるタッチされた状態の移動が感知されれば、当該情報をウェブページ提供サーバに伝送してもよい。
このとき、図４に示すように、本発明の実施形態による個別コンテンツ領域４００は、画面に表示されていないが内容がある領域４０４、４０６と、画面に実際に表示される領域４０２と、を有していてもよい。
図５は、本発明の実施形態により個別コンテンツ領域のうちの一部が表示される画面の流れを示す図である。
図５を参照すると、本発明の実施形態による個別コンテンツ領域５００は、ｔｅｓｔ１〜ｔｅｓｔ８のコンテンツを含み、ユーザ端末に表示される第１ウェブページ画面５０２はｔｅｓｔ３〜ｔｅｓｔ５のコンテンツを含むことができる。
このとき、ユーザの操作に応じて端末においてタッチされた状態の移動が感知されれば、感知されたタッチ状態の移動に伴うタッチ座標変化量が算出され、算出されたタッチ座標変化量に応じてスクロール方向が決定され、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さが計算され、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値が調節されてもよい。
例えば、タッチ状態の移動に伴って算出された座標変化量のうちＹ座標値の変化量がプラスであれば下方向へのスクロールを行って、ユーザ端末はｔｅｓｔ２〜ｔｅｓｔ４のコンテンツを含む第２ウェブページ画面５０４を表示することができる。
図６は、本発明の実施形態によるウェブページのスクロールトップ属性を用いたスクロール遂行方法を示す手順図である。
図６を参照すると、本発明によるユーザ端末において、個別コンテンツ領域の一部を画面に表示し（Ｓ６０２）、表示された画面にユーザの操作によるタッチされた状態の移動が感知されることによりタッチ移動感知信号をウェブページ提供サーバに伝送する（Ｓ６０４）。
このとき、個別コンテンツ領域は、全体のウェブページにおいてディブによってそれぞれ区別され、ユーザ端末に表示される部分と表示されない部分を有していてもよい。
ウェブページ提供サーバにおいてタッチ移動感知信号を受信すると、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定する（Ｓ６０６）。
このとき、ウェブページ提供サーバは、タッチ移動感知信号に基づいて算出された座標変化量のうちＹ座標値の変化量がプラスであれば下方向へのスクロールを行うように、且つ、マイナスであれば上方向へのスクロールを行うようにスクロール方向を決定することができる。
また、ウェブページ提供サーバにおいてタッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算し（Ｓ６０８）、ウェブページ提供サーバにおいて計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節する（Ｓ６１０）。
一方、本発明の他の側面によれば、ウェブページ提供サーバにおいてウェブページのスクロールトップ属性を用いてスクロールを行う方法において、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、表示された画面にタッチされた状態の移動が感知されることによりタッチ移動感知信号を受信するステップと、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出するステップと、算出されたタッチ座標変化量に応じてスクロール方向を決定するステップと、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するステップ及び計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節するステップを含むウェブページのスクロールトップ属性を用いたスクロール遂行方法が提供され得る。
また、本発明のさらに他の側面によれば、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、表示された画面にタッチされた状態の移動が感知されることによりタッチ移動感知信号を受信するステップと、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出するステップと、算出されたタッチ座標変化量に応じてスクロール方向を決定するステップと、タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するステップ及び計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節するステップを含むウェブページ提供サーバにおけるウェブページのスクロールトップ属性を用いたスクロール遂行方法がプログラムとして記録されて電子装置にて読み取り可能な記録媒体に記録され得る。
このようなウェブページ提供サーバにおけるウェブページのスクロールトップ属性を用いたスクロール遂行方法はプログラムとして作成可能であり、プログラムを構成するコード及びコードセグメントは当該分野のプログラマーによって容易に推論され得る。また、ウェブページ提供サーバにおけるウェブページのスクロールトップ属性を用いたスクロール遂行方法に関するプログラムは、電子装置にて読み取り可能な情報格納媒体に格納され、電子装置によって読み取られて実行され得る。
このように、本発明が属する技術分野の当業者は、本発明がその技術的思想や必須的特徴を変更することなく他の具体的な実施形態として実施可能であるということが理解できるであろう。よって、上述した実施形態はあらゆる面において例示的なものであり、限定的なものではないと理解さるべきである。本発明の範囲は前記詳細な説明よりは後述する特許請求の範囲によって開示され、特許請求の範囲の意味及び範囲、並びにその等価概念から導き出されるあらゆる変更または変形が本発明の範囲に含まれるものと解釈さるべきである。
本発明によれば、ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、タッチされた状態の移動が感知されれば、感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、算出されたタッチ座標変化量に応じてスクロール方向を決定し、感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算して、計算されたスクロール長さに見合う分だけ個別コンテンツ領域のスクロールトップ値を調節することにより、実際に個別コンテンツ領域がスクロールされるかのようにユーザに感じさせるウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法を提供するのに用いることができる。
１００：ユーザ端末
２００：ウェブページ提供サーバ
２０２：タッチ移動感知信号受信部
２０４：スクロール方向決定部
２０６：スクロール長さ計算部
２０８：スクロールトップ調節部
２００：ウェブページ提供サーバ
２０２：タッチ移動感知信号受信部
２０４：スクロール方向決定部
２０６：スクロール長さ計算部
２０８：スクロールトップ調節部
Claims (9)
- ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、前記表示された画面にタッチされた状態の移動感知に伴うタッチ移動感知信号を受信するタッチ移動感知信号受信部と、
前記感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、前記算出されたタッチ座標変化量に応じてスクロール方向を決定するスクロール方向決定部と、
前記感知されたタッチ状態の移動によるタッチ座標の変化に見合うスクロール長さを計算するスクロール長さ計算部と、
前記計算されたスクロール長さに見合う分だけ前記個別コンテンツ領域のスクロールトップの値を変更するスクロールトップ調節部と、
を備えるウェブページ提供サーバ。 - 前記個別コンテンツ領域は、全体のウェブページにおいてディブによってそれぞれ区別され、前記ユーザ端末に表示される部分と表示されない部分を有することを特徴とする請求項１に記載のウェブページ提供サーバ。
- 前記スクロール方向決定部は、前記タッチ状態の移動に伴って算出された座標変化量のうちＹ座標値の変化量がプラスであれば下方向へのスクロールを行うように、且つ、マイナスであれば上方向へのスクロールを行うようにスクロール方向を決定することを特徴とする請求項１に記載のウェブページ提供サーバ。
- ウェブページにおいて、個別コンテンツ領域の一部を画面に表示し、前記表示された画面に対するタッチされた状態の移動を感知するユーザ端末と、
前記ユーザ端末において、前記個別コンテンツ領域の一部が画面に表示される場合、前記タッチされた状態の移動が感知されれば、前記感知されたタッチ状態の移動に伴うタッチ座標変化量を算出し、前記算出されたタッチ座標変化量に応じてスクロール方向を決定し、前記感知されたタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算して、前記計算されたスクロール長さに見合う分だけ前記個別コンテンツ領域のスクロールトップの値を変更するウェブページ提供サーバと、
を備えるウェブページのスクロールトップ属性を用いたスクロール遂行システム。 - ウェブページ提供サーバがウェブページのスクロールトップ属性を用いてスクロールを行う方法において、
ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、前記表示された画面にタッチされた状態の移動が感知されることによりタッチ移動感知信号を受信するステップと、
前記タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出するステップと、
前記算出されたタッチ座標変化量に応じてスクロール方向を決定するステップと、
前記タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するステップと、
前記計算されたスクロール長さに見合う分だけ前記個別コンテンツ領域のスクロールトップの値を変更するステップと、
を含むウェブページのスクロールトップ属性を用いたスクロール遂行方法。 - 前記個別コンテンツ領域は、全体のウェブページにおいてディブによってそれぞれ区別され、前記ユーザ端末に表示される部分と表示されない部分を有することを特徴とする請求項５に記載のウェブページのスクロールトップ属性を用いたスクロール遂行方法。
- 前記スクロール方向決定ステップは、前記タッチ移動感知信号に基づいて算出された座標変化量のうちＹ座標値の変化量がプラスであれば下方向へのスクロールを行うように、且つ、マイナスであれば上方向へのスクロールを行うようにスクロール方向を決定することを特徴とする請求項５に記載のウェブページのスクロールトップ属性を用いたスクロール遂行方法。
- ユーザ端末において、個別コンテンツ領域の一部を画面に表示するステップと、
前記ユーザ端末において、前記表示された画面にタッチされた状態の移動が感知されることによりタッチ移動感知信号をウェブページ提供サーバに伝送するステップと、
前記ウェブページ提供サーバにおいて、前記タッチ移動感知信号を受信すると、前記タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出し、前記算出されたタッチ座標変化量に応じてスクロール方向を決定するステップと、
前記ウェブページ提供サーバにおいて、前記タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するステップと、
前記ウェブページ提供サーバにおいて、前記計算されたスクロール長さに見合う分だけ前記個別コンテンツ領域のスクロールトップの値を変更するステップと、
を含むウェブページのスクロールトップ属性を用いたスクロール遂行方法。 - ユーザ端末において、個別コンテンツ領域の一部が画面に表示される場合、前記表示された画面にタッチされた状態の移動が感知されることによりタッチ移動感知信号を受信するステップと、前記タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化量を算出するステップと、前記算出されたタッチ座標変化量に応じてスクロール方向を決定するステップと、前記タッチ移動感知信号に基づいてタッチ状態の移動に伴うタッチ座標変化に見合うスクロール長さを計算するステップと、前記計算されたスクロール長さに見合う分だけ前記個別コンテンツ領域のスクロールトップの値を変更するステップと、を含むウェブページ提供サーバにおけるウェブページのスクロールトップ属性を用いたスクロール遂行方法がプログラムとして記録されて電子装置にて読み取り可能な記録媒体。
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 JP2014531102A (ja) | 2014-11-20 |
| JP5740060B2 true 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)
| 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引擎滚动的管理方法及终端 |
Family Cites Families (20)
| 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 |
| JP4460962B2 (ja) | 2004-07-13 | 2010-05-12 | 株式会社野村総合研究所 | データベース利用システム |
| JP4679859B2 (ja) * | 2004-09-10 | 2011-05-11 | 三菱電機株式会社 | 地図データ処理システム |
| 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 |
| US7930646B2 (en) | 2007-10-19 | 2011-04-19 | Microsoft Corporation | Dynamically updated virtual list view |
| 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 |
| JP5262426B2 (ja) | 2008-08-22 | 2013-08-14 | カシオ計算機株式会社 | 表示処理装置及びプログラム |
| KR101048213B1 (ko) * | 2008-12-04 | 2011-07-08 | 에스케이텔레시스 주식회사 | 터치스크린이 구비된 이동통신 단말기의 컨텐츠 전환 방법 |
| CN101446884B (zh) | 2008-12-19 | 2010-12-01 | 腾讯科技（深圳）有限公司 | 一种触摸屏设备及其滚屏方法 |
| CN101515218A (zh) | 2009-01-06 | 2009-08-26 | 苏州达方电子有限公司 | 滚动条控制装置 |
| JP5251701B2 (ja) | 2009-04-23 | 2013-07-31 | カシオ計算機株式会社 | サーバ装置、サーバベース・コンピューティング・システム、およびサーバ制御プログラム |
| KR101592033B1 (ko) | 2009-11-06 | 2016-02-04 | 엘지전자 주식회사 | 이동 단말기 및 그 화면 분할 방법 |
| JP5482549B2 (ja) | 2010-08-03 | 2014-05-07 | 富士通株式会社 | 表示装置、表示方法、および、表示プログラム |
| CN102314471A (zh) | 2010-09-17 | 2012-01-11 | 苏州阔地网络科技有限公司 | 一种实现滚动条同步的方法 |
| JP5633341B2 (ja) | 2010-11-30 | 2014-12-03 | カシオ計算機株式会社 | サーバベース・コンピューティング・システムのクライアント装置、サーバ装置、およびプログラム |
| US9558013B2 (en) * | 2011-04-12 | 2017-01-31 | Citrix Systems, Inc. | Responsive scroller controls in server-hosted applications |
-
2012
- 2012-10-12 KR KR1020120113257A patent/KR102068043B1/ko active IP Right Grant
-
2013
- 2013-07-18 CN CN201380001488.3A patent/CN103874971B/zh active Active
- 2013-07-18 US US14/116,536 patent/US9959029B2/en active Active
- 2013-07-18 WO PCT/KR2013/006434 patent/WO2014058137A1/ko active Application Filing
- 2013-07-18 JP JP2014540985A patent/JP5740060B2/ja active Active
Also Published As
| Publication number | Publication date |
|---|---|
| WO2014058137A1 (ko) | 2014-04-17 |
| KR102068043B1 (ko) | 2020-01-20 |
| US9959029B2 (en) | 2018-05-01 |
| CN103874971B (zh) | 2016-05-04 |
| CN103874971A (zh) | 2014-06-18 |
| JP2014531102A (ja) | 2014-11-20 |
| US20150205512A1 (en) | 2015-07-23 |
| KR20140047270A (ko) | 2014-04-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP2169527A1 (en) | Method and apparatus for displaying content at a mobile device | |
| US10185488B2 (en) | Device and method for displaying information | |
| US20110185308A1 (en) | Portable computer device | |
| CN109933252B (zh) | 一种图标移动方法及终端设备 | |
| AU2014329148A1 (en) | Method for displaying previews in a widget | |
| CN102150123A (zh) | 具有相对姿势识别模式的便携式电子设备 | |
| WO2010055424A1 (en) | Methods of operating electronic devices using touch sensitive interfaces with contact and proximity detection and related devices and computer program products | |
| KR20140105691A (ko) | 터치스크린을 구비하는 사용자 기기의 오브젝트 조작 방법 및 그 장치 | |
| CN104252356A (zh) | 生成界面的方法和系统 | |
| JP5854928B2 (ja) | タッチ検出機能を有する電子機器、プログラムおよびタッチ検出機能を有する電子機器の制御方法 | |
| US20110074829A1 (en) | Mobile communication terminal including touch interface and method thereof | |
| CN108108113A (zh) | 网页切换方法及装置 | |
| US11354031B2 (en) | Electronic apparatus, computer-readable non-transitory recording medium, and display control method for controlling a scroll speed of a display screen | |
| JP5740060B2 (ja) | ウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法 | |
| US10048853B2 (en) | Electronic device and display control method | |
| CN107741826B (zh) | 浏览历史信息调取方法、装置及移动终端 | |
| JP2012174247A (ja) | 携帯電子機器、接触操作制御方法および接触操作制御プログラム | |
| CN107943959B (zh) | 网页显示方法、装置和移动终端 | |
| CN107908329B (zh) | 应用图标的管理方法和移动终端 | |
| CN107609146B (zh) | 信息展示方法、装置、终端及服务器 | |
| JP5323111B2 (ja) | 表示装置、表示方法、コンピュータプログラム及び記録媒体 | |
| CN114969588A (zh) | 一种文档浏览方法、装置、电子设备及存储介质 | |
| CN110321500B (zh) | 一种网页内容显示方法及装置 | |
| US20200033959A1 (en) | Electronic apparatus, computer-readable non-transitory recording medium, and display control method | |
| KR101318661B1 (ko) | 화면 스크롤 제어장치와 그 제어방법 |
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 |
|
| R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |