JP2012003579A - Two-dimensional diagram display program and two-dimensional diagram display apparatus - Google Patents
Two-dimensional diagram display program and two-dimensional diagram display apparatus Download PDFInfo
- Publication number
- JP2012003579A JP2012003579A JP2010139141A JP2010139141A JP2012003579A JP 2012003579 A JP2012003579 A JP 2012003579A JP 2010139141 A JP2010139141 A JP 2010139141A JP 2010139141 A JP2010139141 A JP 2010139141A JP 2012003579 A JP2012003579 A JP 2012003579A
- Authority
- JP
- Japan
- Prior art keywords
- vertical
- horizontal
- column
- display
- heading
- 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.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
Description
本発明は、電子商取引システムの商品選択画面やそれに対応したバックオフィス画面などで、2次元図表をコンピュータ・ディスプレイの画面上に表示された表示窓に表示するための表示プログラム、電子商取引システムなどで使用される表示装置に関する。 The present invention relates to a display program for displaying a two-dimensional chart on a display window displayed on a screen of a computer display, an electronic commerce system, and the like on a product selection screen of an electronic commerce system and a back office screen corresponding thereto. The present invention relates to a display device used.
近年、コンピュータ・ディスプレイへの画面表示はグラフィカル・ユーザ・インターフェース(以下、GUIという)が一般化しており、そのようなGUI画面における操作も、マウス等のポインティングデバイスを使うことが一般的である。 In recent years, a graphical user interface (hereinafter referred to as GUI) is generally used for screen display on a computer display, and a pointing device such as a mouse is generally used for such operation on the GUI screen.
また、GUI環境下では、大量の情報をコンピュータ・ディスプレイに画面表示させるために、縦、横方向に表示情報をスライド移動できるようにしたスクロール技術を用いることが一般化しており、そのようなものでは、画面上の所定の位置に設けた表示窓内で、スクロールボタンをマウスで操作しながらコンテンツを移動表示させることが可能となっている(例えば、特許文献1参照)。 In addition, in the GUI environment, in order to display a large amount of information on a computer display, it is common to use a scroll technology that allows the display information to be slid in the vertical and horizontal directions. In the display window provided at a predetermined position on the screen, it is possible to move and display the content while operating the scroll button with the mouse (see, for example, Patent Document 1).
例えば、最上位の行を見出し欄とし、その下方に明細欄を配した2次元図表を表示窓に表示させる場合、上記スクロール技術を使用すれば、明細行が増えて表示窓の縦サイズを超えると、スクロールボタンが表われ、そのボタンを操作することで2次元図表のいずれの部分も表示させることができる。さらに、見出し欄のみを最上位に固定して、明細欄だけをスクロールできるようにしたものも実施されている。また、明細行が長く、表示窓の横方向に納まらない場合は、縦、横個別にスクロール操作をすることで所望の情報を表示させることができる。 For example, when a two-dimensional chart with the top row as the heading column and the detail column below it is displayed on the display window, using the scroll technique, the number of detail rows increases and exceeds the vertical size of the display window. Then, a scroll button appears, and any part of the two-dimensional chart can be displayed by operating the button. Furthermore, only the heading column is fixed at the top and only the detail column can be scrolled. If the detail line is long and does not fit in the horizontal direction of the display window, desired information can be displayed by scrolling the vertical and horizontal sides separately.
このような2次元図表としては、上記のような1次元コンテンツのみならず、最上位の行と左端の列に縦、横2つの見出し欄を設けた2次元コンテンツを表わす図表もある。 Such a two-dimensional chart includes not only the above-described one-dimensional contents but also a chart representing two-dimensional contents provided with two vertical and horizontal heading columns in the top row and the leftmost column.
2次元コンテンツとしては例えば、縦、横見出し欄に商品の属性を規定し、それらの属性の組み合わせで1商品を特定できるようにした商品桝目表などの2次元マトリクス表(例えば、特許文献2参照)などが含まれるが、このような2次元コンテンツに対応した2次元図表の場合は、縦、横に個別のスクロールボタンを配することが想定できる。 As the two-dimensional content, for example, a two-dimensional matrix table such as a product table, in which product attributes are defined in the vertical and horizontal heading columns and one product can be specified by a combination of these attributes (see, for example, Patent Document 2). In the case of a two-dimensional chart corresponding to such a two-dimensional content, it can be assumed that individual scroll buttons are arranged vertically and horizontally.
図12(a)、(b)は、この種の商品桝目表スクロールの表示の一例を示す図である。 12 (a) and 12 (b) are diagrams showing an example of display of this type of item list scroll.
この商品桝目表300(2次元図表)は、ポロシャツの商品一覧を示しており、縦見出し欄310に第1の商品属性であるサイズが規定され、横見出し欄320には第2の商品属性である色柄が規定され、明細欄330には第1、第2の商品属性によって特定される商品が複数集まって集合された商品群が規定されたものである。明細欄の各桝目には、商品の価格と個数入力欄とが表示される。
This product table 300 (two-dimensional chart) shows a product list of polo shirts. The size of the first product attribute is defined in the
また、縦見出し欄310はS、M、L、LL、3L、4Lの6サイズの属性値で分類され、横見出し欄410は白、青、赤、柄、黄、緑の6色の属性値で分類され、桝目欄は6×6の桝目で構成されている。全ての商品を表示窓200に表示できないため、商品選択画面Gの初期表示では、表示窓200にはサイズをS、M、L、LLの4サイズ、色を白、青、赤、柄の4色とした16商品が表示され、それに対応した縦、横見出し欄310、320が表示され、表示窓200の最下部と右端には、横、縦方向のスクロールボタン321、311が表示される(図12(a)参照)。
The
この状態で、横方向のスクロールボタン321の操作、縦方向のスクロールボタン311の操作が順次されると、横方向のスクロールボタン321の操作に応じて明細欄330と横見出し欄320とは左方向に移動し、縦方向のスクロールボタン311の操作に応じて明細欄330と縦見出し欄310とは上方向に移動する。
In this state, when the operation of the
このように縦、横にスクロール表示した結果、商品桝目表300にはサイズをL、LL、3L、4Lの4サイズ、色を赤、柄、黄、緑の4色とした16商品が表示され、それに対応した縦、横見出し欄310、320が表示される(図12(b)参照)。
As a result of scrolling vertically and horizontally as described above, the product table 300 displays 16 products with four sizes of L, LL, 3L, and 4L, and four colors of red, design, yellow, and green. Corresponding vertical and
このような表示プログラムの構成によれば、縦、横見出し欄310、320は、明細欄330の縦、横のスライド表示に同期してスライドするので、所望の情報を確実に表示窓200内に表示でき、操作者による明細欄330内の部位の特定を効率よく行うことができる。
According to such a configuration of the display program, the vertical and
しかしながら、2次元図表のサイズが大きくなればスクロール操作による部位の特定はしにくくなり、目的の部位を表示窓内に表示させることに思いのほか時間を要することがある。特に2次元コンテンツの場合には、縦、横個別にスクロール操作をしなければならないから、多大な時間を要することが予想される。 However, if the size of the two-dimensional chart is increased, it is difficult to specify a part by scroll operation, and it may take a long time than expected to display the target part in the display window. In particular, in the case of two-dimensional content, since it is necessary to perform scroll operations separately in the vertical and horizontal directions, it is expected that a long time is required.
また、市販の表計算ソフトウェアでは、マウスの中央ボタンを押下しながらドラッグ移動させることでスクロールできるものもあるが、縦、横同時にはスクロールできないため、決して迅速性にすぐれているとはいえない。そもそも、この中央ボタンの操作は、操作スピードによってスクロール・スピードも変動するため、予想外に大きくスクロールするなど、利便性においてもすぐれているとはいえない。 Some commercially available spreadsheet software can be scrolled by dragging while pressing the center button of the mouse, but it cannot be scrolled vertically and horizontally, so it cannot be said that it is excellent in speed. In the first place, the operation of the center button does not have an excellent convenience such as scrolling large unexpectedly because the scrolling speed fluctuates depending on the operation speed.
さらに、同表計算ソフトウェアは、任意のセルから欄外の右下隅等へマウスでドラッグすると、縦、横同時にスクロールする、つまり斜め方向にスクロールする機能を有しているが、ドラッグの移動距離とは無関係にスクロールする(欄外の右下隅位置にマウスを停止させてもボタンを離さない限りはスクロールを続ける)ため、位置の特定がしにくい。 Furthermore, the spreadsheet software has the function of scrolling vertically and horizontally at the same time when dragging from any cell to the lower right corner of the margin, etc., that is, in an oblique direction. Because it scrolls independently (the scroll continues unless the button is released even if the mouse is stopped at the lower right corner position outside the box), it is difficult to specify the position.
したがって、同表計算ソフトウェアの上記種々のスクロール機能を2次元図表の表示プログラムに適用させても、2次元図表の明細欄の所望の表示部位を素早くかつ確実に表示窓内に表示させるという目的を達成することはできない。 Therefore, even if the various scroll functions of the spreadsheet software are applied to the display program for the two-dimensional chart, the desired display portion of the detail column of the two-dimensional chart is displayed in the display window quickly and reliably. Cannot be achieved.
本発明は、このような事情を考慮して提案されたもので、その目的は、2次元図表の明細欄のスクロール表示を容易にさせるとともに、その明細欄のスクロール表示にともなって、対応した縦、横見出し欄も同期させて表示することで、明細欄の表示情報を素早くかつ確実に把握できるようにした2次元図表の表示プログラムおよびそれを用いた2次元図表の表示装置を提供することにある。 The present invention has been proposed in view of such circumstances, and its purpose is to facilitate scrolling display of the detail column of a two-dimensional chart, and in accordance with the scroll display of the detail column, the corresponding vertical display. To provide a display program for a two-dimensional chart and a display device for a two-dimensional chart using the program, which can quickly and reliably grasp the display information of the detail section by displaying the horizontal heading column in synchronization with each other. is there.
上記目的を達成するために、請求項1に記載の2次元図表の表示プログラムは、2次元図表を、コンピュータ・ディスプレイの画面上に表示された表示窓に表示する表示プログラムであって、2次元図表は、予め、少なくとも縦見出し欄、横見出し欄、明細欄に区画形成されており、表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出するステップ、明細欄をドラッグ操作に合わせてスクロール表示するステップ、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、算出した縦方向、横方向の移動量に合わせて、上記縦、横見出し欄をスクロール表示させるステップを実行し、これによって、明細欄のスクロール表示に合わせて、上記縦、横見出し欄を同期的にスクロールさせて表示することを特徴とする。
To achieve the above object, a two-dimensional chart display program according to
ここで、特許請求の範囲に記載された各ステップを実行する順序は、プログラムが同じ目的、機能を実現するものであれば、適宜ステップを入れ替えて実行してもよい。もちろん、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップは、算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄をスクロール表示させるステップの事前に必要なステップであるから、これらの順関係は上記のとおりであることはいうまでもない。 Here, the order in which the steps described in the claims are executed may be executed by appropriately replacing the steps as long as the program achieves the same purpose and function. Of course, the step of calculating the amount of movement in the vertical and horizontal directions from the starting point of the drag operation is necessary in advance of the step of scrolling the vertical and horizontal heading fields according to the calculated vertical and horizontal movement amounts. Needless to say, these order relationships are as described above.
請求項2に記載の2次元図表の表示プログラムは、2次元図表の縦、横見出し欄のいずれか一方を無効に設定するステップを更に備えている。
The two-dimensional chart display program according to
請求項3に記載の2次元図表の表示プログラムは、縦、横見出し欄が明細欄に表示される情報の位置情報を規定している。
The two-dimensional chart display program according to
請求項4に記載の電子商取引システムで使用される、2次元図表の表示プログラムでは、2次元図表が、第1の商品属性に関する複数の属性項目を含む縦属性欄と、第2の商品属性に関する複数の属性項目を含む横属性欄と、縦属性欄および横属性欄の属性項目同士の組み合わせによって1つの桝目を特定して商品を選択できるようになっている桝目欄とを備えた、2次元マトリクス状の商品桝目表により構成されており、縦見出し欄は縦属性欄で構成され、横見出し欄は横属性欄で構成され、明細欄は上記桝目欄で構成されている。
In the two-dimensional chart display program used in the electronic commerce system according to
また、請求項5に記載の表示装置は、表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出する手段、明細欄を上記ドラッグ操作に合わせてスクロール表示する手段、ドラッグ操作の始点から縦方向、横方向への移動量を算出する手段、記算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄をスクロール表示させる手段とを備えており、通常は、パーソナルコンピュータに、本発明のプログラムを読み込んで実施される。
Further, the display device according to
請求項1に記載の2次元図表の表示プログラムによれば、明細欄上でドラッグを検出するステップ、明細欄をドラッグ操作に合わせてスクロール表示するステップ、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄をスクロール表示させるステップを実行し、これによって、表示窓にスクロール表示される明細欄に合わせて、縦、横見出し欄を同期的に縦、横方向にスクロール表示する構成としているので、2次元図表の明細欄の一部がスクロール表示された場合、現在の表示部分と、その部位に合った縦、横見出し欄とともに素早くかつ確実に表示窓に表示できる。
According to the two-dimensional chart display program according to
請求項2に記載の2次元図表の表示プログラムによれば、2次元図表の縦、横見出し欄のいずれか一方を無効に設定するステップを更に備えているので、縦、横見出し欄の一方を明細欄と同様にスクロール表示させることができ、他方を明細欄に同期させて縦、横方向いずれかにスクロール表示させることができる。
According to the two-dimensional chart display program according to
請求項3に記載の2次元図表の表示プログラムによれば、縦、横見出し欄が明細欄に表示される情報の位置情報を規定したものであるため、移動する明細欄に合致した位置情報を縦、横見出し欄に表示させることができ、2次元図表の明細欄の所望の部位を迅速かつ確実に表示窓に表示できる。
According to the two-dimensional chart display program according to
請求項4に記載の電子商取引システムで使用される、2次元図表の表示プログラムは、2次元図表が電子商取引における販売者または購入者の端末画面に表示される2次元マトリクス状の商品桝目表により構成されているため、商品桝目表の行、列数が多い場合でも、簡単に所望の部位を表示窓に表示させることができる。
The two-dimensional chart display program used in the electronic commerce system according to
請求項5に記載の表示装置によれば、表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出する手段、明細欄を上記ドラッグ操作に合わせてスクロール表示する手段、ドラッグ操作の始点から縦方向、横方向への移動量を算出する手段、記算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄をスクロール表示させる手段とを備えているので、2次元図表の明細欄の一部がスクロール表示された場合、現在の表示部分と、その部位に合った縦、横見出し欄とともに素早くかつ確実に表示窓に表示できる。
According to the display device of
以下に、本発明の実施の形態について添付図面とともに説明する。 Embodiments of the present invention will be described below with reference to the accompanying drawings.
図1(a)は本発明の表示プログラムを用いるコンピュータの概略構成、図1(b)は表示プログラムの構成の各例を示す図である。図2は、表示プログラムによる表示の概念図である。 FIG. 1A is a schematic configuration of a computer using the display program of the present invention, and FIG. 1B is a diagram showing each example of the configuration of the display program. FIG. 2 is a conceptual diagram of display by the display program.
このコンピュータ1には、画面表示が可能なコンピュータ・ディスプレイ2(以下、ディスプレイという)、および画面上のポインタを動作させるマウス等のポインティングデバイス3が接続されている。また、コンピュータ1は、中央処理装置(CPU11)と、表示手段12(表示プログラム)と、表示プログラムや他のプログラム(不図示)等のアプリケーション・プログラム(以下、アプリケーションという)の実行制御、周辺装置の実行制御、アプリケーションで使用されるライブラリの管理等を行うオペレーティング・システム(不図示)(以下、OS13という)とを備えている。
A computer display 2 (hereinafter referred to as a display) capable of displaying a screen and a
表示手段12は、種々のアプリケーションにおいて、所定の2次元図表30を所定の表示窓20に表示するプログラムであり、表示窓20の明細欄33上でマウスのドラッグを検出するドラッグ検出手段12aと、縦、横移動量算出手段12bと、明細欄スクロール表示手段12cと、縦、横見出し欄スクロール表示手段12dと、縦、横見出し欄有効/無効設定手段12eとより構成される。
The display means 12 is a program for displaying a predetermined two-
縦、横移動量算出手段12bは、ドラッグ検出手段12aで検出したドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、明細欄スクロール表示手段12cは明細欄33を上記ドラッグ操作に合わせてスクロール表示するステップ、縦、横見出し欄スクロール表示手段12dは算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄31、32をスクロール表示させるステップをそれぞれ実行するものである。
The vertical / horizontal movement amount calculation means 12b calculates the vertical and horizontal movement amounts from the starting point of the drag operation detected by the drag detection means 12a, and the detail column scroll display means 12c performs the drag operation on the
また、縦、横見出し欄有効/無効設定手段12eは、縦、横見出し欄31、32を見出し欄として扱うかどうかを設定するためのもので、アプリケーションで使用する2次元図表30の内容に応じて表示プログラム内で組み込んでおいてもよいし、アプリケーション・プログラム内で有効/無効が設定できるようにしてもよい。縦、横見出し欄31、32の一方を無効とした場合には、その一方の見出し欄は明細欄33と同様の動作をなし(見出し欄は明細欄33の一部と定義される)、他方の見出し欄は縦または横方向のみのスクロール動作をなす。
The vertical / horizontal heading column valid / invalid setting means 12e is for setting whether or not the vertical and horizontal heading
ついで、本発明の表示プログラムによる表示方法の概略および表示プログラムの基本動作を、図2〜図5にもとづいて説明する。なお、図3、図4は本発明の表示プログラムによる表示方法の2例を示す図である。また、本図および図3、4の例では、縦、横見出し欄ともに有効に設定されていることを前提としている。 Next, the outline of the display method by the display program of the present invention and the basic operation of the display program will be described with reference to FIGS. 3 and 4 are diagrams showing two examples of the display method by the display program of the present invention. Further, in the example of FIGS. 3 and 4, it is assumed that both the vertical and horizontal heading fields are set to be valid.
まず、図2を参照しながら表示プログラムによる表示の概念を説明する。 First, the concept of display by a display program will be described with reference to FIG.
図中の30は、ディスプレイ2に表示されるアプリケーション画面内で表示窓20に表示される、データ・コンテンツの集合体である2次元図表である。この2次元図表30は、このアプリケーションが2次元状にデータを集合させたコンテンツであり、n×mの桝目で表され、その最上位行を横見出し欄32、左端列を縦見出し欄31、それ以外の桝目の集合を明細欄33としたものである。つまり、縦見出し欄31と、横見出し欄32との交点によって、明細欄33の1部位が特定される。
30 in the figure is a two-dimensional chart which is a collection of data contents displayed on the
この2次元図表30には例えば、2属性によって1商品が定まる商品群を表示する場合、縦見出し欄31には一方の属性項目を、横見出し欄32には他方の属性項目を規定し、明細欄33の各桝目に商品名や商品コード、価格を規定した2次元状の商品桝目表が適用できる。より具体的には、色とサイズにより1商品を特定できる衣服などを適用でき、色(白、黒、青・・・)を横見出し欄32に、サイズ(S、M、L・・・)を縦見出し欄31に規定して明細欄33の各桝目に縦、横の属性によって定まる商品コードを規定した2次元状の一覧表などが挙げられる。
In this two-
また、2次元図表30としては、上記のような2属性によって1つの桝目が定まる2次元データの他、1次元データを2次元状に表示するものも適用できる。1次元データとしては例えば、Webサイトより検索によって得た不動産物件情報を、所在地、最寄り駅、価格、築年月などの見出し項目を規定した横見出し欄32と、番号(表示順)などを規定した縦見出し欄31と、抽出した物件の所在地、最寄り駅、価格、築年月などを表示した明細欄33とよりなるものが含まれる。
As the two-
一方、表示窓20はコンテンツである2次元図表30を部分的かつ選択的に表示するエリアであり、表示窓20内には明細欄33の一部が明細エリア23に表示され、表示された明細欄33の一部に対応した縦見出し欄31を表示窓20内の左端の縦見出しエリア21に、表示された明細欄33のの一部に対応した横見出し欄32を表示窓20内の最上位の横見出しエリア22に表示するものである。
On the other hand, the
この表示窓20には、その表示対象である2次元図表30の明細欄33のどの部位を表示する場合にも、明細欄33のうちの選択した部位に対応した縦、横見出し欄31、32の部位が同期的に表示される。
In this
本発明では、このような明細欄33の表示窓20への表示の選択操作をマウス3のドラッグにより行えるようになっており、表示窓20内で表示された明細欄33をドラッグ操作することで、そのドラッグ操作した方向と距離に応じて明細欄33が移動するとともに、移動して表示される明細欄33に応じて縦見出し欄31は左端に固定された状態で縦方向に移動(スクロール)表示され、横見出し欄32は最上位に固定された状態で横方向に移動(スクロール)表示される。
In the present invention, such display selection operation of the
なお、ドラッグに対する移動の方向としては、ドラッグの操作が、コンテンツである2次元図表30を表示窓20に対して相対移動させる目的としたもの(図3参照)と、表示窓20を2次元図表30に対して相対移動させる目的としたもの(図4参照)の2通りが想定できる。以下の種々の例は、2次元図表30を表示窓20に対して相対移動させることを前提としたものを示している。
Note that the direction of movement with respect to the drag is that the drag operation is intended to move the two-
ついで、図5のフローチャートを参照しながら表示プログラム基本動作を説明する。 Next, the basic operation of the display program will be described with reference to the flowchart of FIG.
表示プログラムは、表示窓20の明細エリア23内でマウス3がポインティングされたことを監視し、ポインティングされると、縦、横見出し欄31、32がともに見出し欄として設定されているかを判別し、いずれもが有効に設定されているときには、ドラッグ検出手段12a(図1参照)によりドラッグされたかどうかを判別し、ドラッグされているときには、ドラッグの始点と終点より縦、横方向の移動量を算出し、明細欄33をドラッグ方向にそのまま移動させ、縦見出し欄31については算出した縦方向の移動量分、縦方向にスクロール表示させ、横見出し欄32については算出した横方向の移動量分、横方向にスクロール表示させる(ステップ101〜107)。この処理をマウス3のポインティングが外されるまで繰り返す(ステップ108)。
The display program monitors that the
また、縦、横見出し欄31、32ともに見出し欄として無効に設定されている場合には、縦、横見出し欄31、32を区別することなく2次元図表30をドラッグに応じて表示窓20内で移動させる(ステップ102のY、109〜111)。
If both the vertical and horizontal heading fields 31 and 32 are set to be invalid as the heading field, the two-
なお、縦、横見出し欄31、32のうちいずれか一方が見出し欄として無効に設定されている場合は、ステップ102〜108のうちの見出し欄のスクロール(ステップ106、107)の、無効とされている見出し欄については実行しないようになっている。
If any one of the vertical and horizontal heading fields 31 and 32 is set to be invalid as a heading field, the scrolling of the heading field in
このようなアプリケーション動作は、OS13によりスクロール機能の付与が可能なテーブルを縦、横見出し欄31、32、明細欄33ごとに定義し、テーブルを個別に、動的にスクロール機能を付与することで容易に実現できるが、そのようなOS13のスクロール機能を有さないものにも適用は可能である。
Such an application operation is defined by defining a table to which a scroll function can be added by the
このように、表示プログラムは、明細欄33をドラッグ操作に合わせてスクロール表示するステップ、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄31、32をスクロール表示させるステップを実行し、これによって、表示窓20にスクロール表示される明細欄33に合わせて、縦、横見出し欄31、32を同期的に縦、横方向にスクロール表示する構成としているので、2次元図表30の明細欄33の所望の部位をその部位に合った縦、横見出し欄31、32とともに素早くかつ確実に表示窓20に表示できる。また、マウスによるドラッグの移動量分だけ移動する構成であるため、スクロール量を判断しやすく操作性はきわめてよい。
In this way, the display program scrolls the
なお、図5に示した表示プログラムにおいて、ステップ104〜107の実行順序については、縦、横移動量算出ステップ(ステップ104)は縦、横見出し欄31、32をスクロール表示させるステップ(ステップ106、107)より前に実行することを前提として、他の実行順序であってもよい。
In the display program shown in FIG. 5, with respect to the execution order of
つぎに、表示プログラムの種々の適用例について説明する。 Next, various application examples of the display program will be described.
図6〜図8の各(a)、(b)は、種々の適用例におけるドラッグ操作による表示の遷移を示した図である。 FIGS. 6A to 8B are diagrams showing display transitions caused by a drag operation in various application examples.
図6は、先述の不動産物件情報のような1次元データを2次元図表30に表現したものである。表示窓20の最上位の横見出しエリア22に各物件の見出し項目(項目1〜5)を示す横見出し欄32が表示され、左端の縦見出しエリア21には項目1である番号(表示順)を示す縦見出し欄31が表示されるようになっており、表示窓20の明細エリア23内でマウス3によりドラッグ操作がされると、明細欄33がそれに応じてスクロール移動するとともに、横見出し欄32(見出し項目)はその行位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦見出し欄31(NO)はその列位置が変動することなく縦方向の移動量分、上方向に移動する。
FIG. 6 represents one-dimensional data such as the above-described real estate property information in a two-
一方、同様の1次元データであっても、項目1を縦見出し欄31として扱わない場合には、縦見出し欄31を無効に設定することで、項目1は明細欄33として扱われ、ドラッグ操作にともないドラッグ方向に移動する(図7参照)。つまり図7の例では、項目1の列は横方向に移動するとともに、項目1の各データ(図中、Name1、Name2・・・)は上方にスライド移動する。
On the other hand, even if the same one-dimensional data is used, if
このように、表示プログラムは、2次元図表30の縦、横見出し欄31、32のいずれか一方を見出し欄として無効に設定するステップを備えているので、縦、横見出し欄31、32の一方を明細欄33と同様にスクロール表示させることができ、他方を明細欄33に同期させて縦、横方向いずれかにスクロール表示させることができる。
As described above, the display program includes a step of invalidating one of the vertical and horizontal heading fields 31 and 32 of the two-
また、図8は地図データを2次元図表30に表現したものである。表示窓20の最上位の横見出しエリア22に地図の横方向の位置情報を示す横スケールが表示され、左端の縦見出しエリア21には縦方向の位置情報を示す縦スケールが表示されるようになっており、表示窓20内でマウス3によりドラッグ操作がされると、明細欄33がそれに応じてスクロール移動するとともに、横見出し欄32(横スケール)はその縦方向の位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦見出し欄31(縦スケール)はその横方向の位置が変動することなく縦方向の移動量分、上方向に移動する。
FIG. 8 shows map data represented in a two-
なお、図8の例では、明細欄33は表示窓20内いっぱいに表示され、縦見出し欄31、横見出し欄32は明細欄33の重なり合って表示される。
In the example of FIG. 8, the
このように、縦、横見出し欄31、32が明細欄33に表示される情報の位置情報を規定したものの場合にも、移動する明細欄33に合致した位置情報を縦、横見出し欄31、32に表示させることができる。その結果、2次元図表30の明細欄33の所望の部位を迅速かつ確実に表示窓に表示できる。
As described above, even when the vertical and horizontal heading fields 31 and 32 define the position information of the information displayed in the
図9(a)、(b)は、表示プログラムを表計算ソフトウェアに適用させた例を示している。 FIGS. 9A and 9B show examples in which the display program is applied to spreadsheet software.
図9(a)は、表計算ソフトウェアの表データ表示部を2次元図表30の明細欄33を表示するための明細エリア23とし、横スケール表示部を横見出しエリア22、縦スケール表示部を縦見出しエリア21とした表示窓20に2次元図表30を表示する場合を示している。この場合、図例のように左斜め上方向にドラッグ操作がされると、明細欄33がそれに応じてスクロール移動するとともに、横見出し欄32(横スケール)はその縦方向の位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦見出し欄31(縦スケール)はその横方向の位置が変動することなく縦方向の移動量分、上方向に移動する。
In FIG. 9A, the spreadsheet data display section of the spreadsheet software is a
また、図9(b)は、表計算ソフトウェアの表データ表示部内に、明細欄33、縦、横見出し欄31、32を含む2次元図表30を作成した例を示している。この場合、図例のように左斜め上方向にドラッグ操作がされると、明細欄33がそれに応じてスクロール移動するとともに、横見出し欄32はその縦方向の位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦見出し欄31はその横方向の位置が変動することなく縦方向の移動量分、上方向に移動する。
FIG. 9B shows an example in which a two-
なお、表データ表示部内で縦、横見出し欄31、32を有効とする設定がなされている場合、それを縦、横スケールよりも優先して縦、横見出し欄31、32として取り扱うようにすれば、図9(a)、(b)の2例を同一アプリケーションで実現することができる。 If the vertical and horizontal heading fields 31 and 32 are set to be valid in the table data display section, they should be handled as the vertical and horizontal heading fields 31 and 32 in preference to the vertical and horizontal scales. For example, the two examples shown in FIGS. 9A and 9B can be realized by the same application.
ついで、電子商取引システムに適用される表示プログラムについて説明する。 Next, a display program applied to the electronic commerce system will be described.
図10は、電子商取引システムの一例である電子モールシステムのシステム構成図である。 FIG. 10 is a system configuration diagram of an electronic mall system which is an example of an electronic commerce system.
このシステムは、販売者サーバSと、店舗の通信端末機Tと、購入者通信端末機UとがインターネットNを介して接続されている。店舗の販売者は店舗の通信端末機Tを通じて、販売者通信端末機Uに表示される商品選択画面Gの商品レイアウトを設計でき、その商品選択画面を販売者サーバに保存できるようになっており、購入者は、販売者サーバSをアクセスして商品選択画面Gを購入者通信端末機Uに表示させて、所望の商品を選択できるようになっている。 In this system, a seller server S, a store communication terminal T, and a purchaser communication terminal U are connected via the Internet N. The store seller can design the product layout of the product selection screen G displayed on the seller communication terminal U through the store communication terminal T, and store the product selection screen in the seller server. The purchaser can access the seller server S, display the product selection screen G on the purchaser communication terminal U, and select a desired product.
各店舗が販売する商品は、購入者通信端末機Uでは図11の例に示すような商品桝目表40を含む商品選択画面Gで表示される。
The products sold by each store are displayed on the purchaser communication terminal U on a product selection screen G including a
図11に示した商品桝目表40(2次元図表30)は、ポロシャツの商品一覧を示しており、縦属性欄41(縦見出し欄31)に第1の商品属性であるサイズが規定され、横属性欄42(横見出し欄32)には第2の商品属性である色柄が規定され、桝目欄43(明細欄33)には第1、第2の商品属性によって特定される商品が複数集まって集合された商品群が規定されたものである。桝目欄43の各桝目44には、商品の価格44aと個数入力欄44bとが表示される。なお、図中の商品桝目表40の上方には、商品桝目表40に表示された商品群に関する、第1、第2の商品属性以外の共通の属性を表示するための共通事項欄45が表示される。
11 shows a product list of polo shirts, and the vertical attribute column 41 (vertical header column 31) defines the size as the first product attribute, and the horizontal item table 40 shown in FIG. The attribute column 42 (horizontal heading column 32) defines a color pattern that is the second product attribute, and the cell column 43 (detail column 33) includes a plurality of products specified by the first and second product attributes. A group of products assembled together is defined. In each
また、縦属性欄41はS、M、L、LL、3L、4Lの6サイズの属性値で分類され、横属性欄42は白、青、赤、柄、黄、緑の6色の属性値で分類され、桝目欄43は6×6の桝目で構成されており、商品選択画面Gの初期表示では、表示窓20にはサイズをS、M、L、LLの4サイズ、色を白、青、赤、柄の4色とした16商品が表示され、それに対応した縦、横属性欄41、42が表示されている(図11(a)参照)。
Further, the
商品を購入する場合、購入者が購入者通信端末機Uに表示された商品選択画面Gで所望の商品の桝目44に個数を入力していき、合計ボタン46を操作すると、合計金額47が表示される。その後、「カートに入れる」ボタン48を操作すると、選択した商品の情報がカート(購入用のメモリ)(不図示)に格納される。
When purchasing a product, when the purchaser inputs the number into the
明細欄33(桝目欄43)内で、図例のように左斜め上方向にドラッグ操作がされると、桝目欄43がそれに応じてスクロール移動するとともに、横属性欄42(サイズ)はその縦方向の位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦属性欄41(色)はその横方向の位置が変動することなく縦方向の移動量分、上方向に移動する。
When a drag operation is performed in the detail column 33 (the cell column 43) in a diagonally upward left direction as shown in the figure, the
スクロール移動した結果、表示窓20にはサイズをL、LL、3L、4Lの4サイズ、色を赤、柄、黄、緑の4色とした16商品が表示され、それに対応した縦、横属性欄41、42が表示される(図11(b)参照)。
As a result of scrolling, the
また、ドラッグ操作により明細欄33、縦、横見出し欄31、32を移動表示できる表示プログラムは、販売者が購入者向けの商品選択画面Gを設計する場合にも適用できることはいうまでもない。
Further, it goes without saying that the display program that can move and display the
このように、商品桝目表40を有した商品選択画面Gで商取引を行う電子商取引システムにおいて、上記のような表示プログラムを利用しているので、商品桝目表40の行、列数が多い場合でも、簡単に所望の部位を表示窓20に表示させることができる。
As described above, in the electronic commerce system that performs the commercial transaction on the product selection screen G having the
以上に示した種々の例では、2次元図表30の表示サイズが表示窓20のサイズよりも大きい場合を示したが、表示窓20内に収まる場合には、ドラッグ操作による表示窓20内での移動がなされないようにしてもよいし、上記種々の例と同様にスクロール表示がなされるようにしてもよい。
In the various examples described above, the case where the display size of the two-
また上記の例では、縦見出し欄31は表示窓20の左端に表示し、横見出し欄32は表示窓20の最上位に表示するようにしたものを示したが、表示プログラムは、縦見出し欄31を右端、横見出し欄32を最下位に表示するものにも適用でき、その他の位置、例えば縦見出し欄31と横見出し欄32とがクロスして表示するものにも適用できる。
In the above example, the
以上には、装置構成としてコンピュータ1にディスプレイ2とポインティングデバイス(マウス3)が接続された例を示したが、これらが一体となった表示装置であってもよい。
The example in which the
1 コンピュータ
2 コンピュータ・ディスプレイ
3 マウス(ポインティングデバイス)
11 CPU
12 表示手段
12a ドラッグ検出手段
12b 縦、横移動量算出手段
12c 明細欄スクロール表示手段
12d 縦、横見出し欄スクロール手段
12e 縦、横見出し欄有効/無効設定手段
13 OS
20 表示窓
21 縦見出しエリア
22 横見出しエリア
23 明細エリア
30 2次元図表
31 縦見出し欄
32 横見出し欄
33 明細欄
S 販売者サーバ
T 店舗の通信端末機
U 購入者通信端末機
N インターネット
G 商品選択画面
40 商品桝目表
41 縦属性欄
42 横属性欄
43 桝目欄
44 桝目
45 共通事項欄
1
11 CPU
12 Display means 12a Drag detection means 12b Vertical / horizontal movement amount calculation means 12c Detail column scroll display means 12d Vertical / horizontal header field scrolling means 12e Vertical / horizontal header field valid / invalid setting means 13 OS
20
Claims (5)
上記2次元図表は、予め、少なくとも縦見出し欄、横見出し欄、明細欄に区画形成されており、
上記表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出するステップ、
上記明細欄を上記ドラッグ操作に合わせてスクロール表示するステップ、
上記ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、
上記算出した縦方向、横方向の移動量に合わせて、上記縦、横見出し欄をスクロール表示させるステップを実行し、
これによって、上記明細欄のスクロール表示に合わせて、上記縦、横見出し欄を同期的にスクロールさせて表示することを特徴とする、2次元図表の表示プログラム。 A display program for displaying a two-dimensional chart on a display window displayed on a screen of a computer display,
The two-dimensional chart is preliminarily divided into at least a vertical heading field, a horizontal heading field, and a detail field,
Detecting a drag by a pointing device on a description column displayed in the display window;
A step of scrolling the detail column in accordance with the drag operation;
Calculating the amount of movement in the vertical and horizontal directions from the starting point of the drag operation,
Execute the step of scrolling the vertical and horizontal heading fields in accordance with the calculated vertical and horizontal movement amounts,
Accordingly, the two-dimensional chart display program is characterized in that the vertical and horizontal heading fields are synchronously scrolled and displayed in accordance with the scroll display of the detail field.
上記2次元図表の縦、横見出し欄のいずれか一方を無効に設定するステップを更に備えている、2次元図表の表示プログラム。 In claim 1,
A program for displaying a two-dimensional chart, further comprising a step of invalidating one of the vertical and horizontal heading columns of the two-dimensional chart.
上記縦、横見出し欄が、上記明細欄に表示される情報の位置情報を規定している、2次元図表の表示プログラム。 In claim 1 or 2,
A display program for a two-dimensional chart, wherein the vertical and horizontal heading fields define position information of information displayed in the detail field.
上記2次元図表は、第1の商品属性に関する複数の属性項目を含む縦属性欄と、第2の商品属性に関する複数の属性項目を含む横属性欄と、縦属性欄および横属性欄の属性項目同士の組み合わせによって1つの桝目を特定して商品を選択できるようになっている桝目欄とを備えた、2次元マトリクス状の商品桝目表により構成されており、
上記縦見出し欄は上記縦属性欄で構成され、上記横見出し欄は上記横属性欄で構成され、上記明細欄は上記桝目欄で構成されている、電子商取引システムで使用される、2次元図表の表示プログラム。 In any one of Claims 1-3,
The two-dimensional chart includes a vertical attribute column including a plurality of attribute items related to the first product attribute, a horizontal attribute column including a plurality of attribute items related to the second product attribute, and attribute items of the vertical attribute column and the horizontal attribute column. It consists of a two-dimensional matrix-shaped product table with a cell column that allows you to select a product by specifying one cell by combining each other,
The vertical heading field is composed of the vertical attribute field, the horizontal heading field is composed of the horizontal attribute field, and the detail field is composed of the grid field, which is a two-dimensional chart used in the electronic commerce system. Display program.
上記2次元図表は、予め縦見出し欄、横見出し欄、明細欄に区画形成されており、
上記表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出する手段、
上記明細欄を上記ドラッグ操作に合わせてスクロール表示する手段、
上記ドラッグ操作の始点から縦方向、横方向への移動量を算出する手段、
上記算出した縦方向、横方向の移動量に合わせて、上記縦、横見出し欄をスクロール表示させる手段とを備え、
上記明細欄がスクロール表示されたときに、上記縦、横見出し欄を同期的にスクロールさせて表示させる機能を備えた、2次元図表の表示装置。 A display device for displaying a two-dimensional chart in a display window displayed on a screen of a computer display,
The two-dimensional chart is partitioned in advance in the vertical heading column, horizontal heading column, and detail column,
Means for detecting dragging by a pointing device on a description column displayed in the display window;
Means for scrolling the detail column in accordance with the drag operation;
Means for calculating the amount of movement in the vertical and horizontal directions from the starting point of the drag operation;
Means for scrolling the vertical and horizontal heading fields in accordance with the calculated vertical and horizontal movement amounts,
A two-dimensional chart display device having a function of synchronously scrolling and displaying the vertical and horizontal heading fields when the detail field is scroll-displayed.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2010139141A JP2012003579A (en) | 2010-06-18 | 2010-06-18 | Two-dimensional diagram display program and two-dimensional diagram display apparatus |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2010139141A JP2012003579A (en) | 2010-06-18 | 2010-06-18 | Two-dimensional diagram display program and two-dimensional diagram display apparatus |
Publications (1)
Publication Number | Publication Date |
---|---|
JP2012003579A true JP2012003579A (en) | 2012-01-05 |
Family
ID=45535471
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2010139141A Pending JP2012003579A (en) | 2010-06-18 | 2010-06-18 | Two-dimensional diagram display program and two-dimensional diagram display apparatus |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP2012003579A (en) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2013118417A1 (en) * | 2012-02-10 | 2013-08-15 | ソニー株式会社 | Information processing device, information processing method, and program |
JP2019184663A (en) * | 2018-04-03 | 2019-10-24 | 富士ゼロックス株式会社 | Display controller and display control program |
JP2019537083A (en) * | 2016-09-16 | 2019-12-19 | オラクル・インターナショナル・コーポレイション | Techniques for managing the display of headers in electronic documents |
CN112328138A (en) * | 2020-10-30 | 2021-02-05 | 北京数秦科技有限公司 | Data display method, device and storage medium |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2001296948A (en) * | 2000-04-12 | 2001-10-26 | Ricoh Co Ltd | Display system, information input/display system, picture scroll method and storage medium |
JP2004185539A (en) * | 2002-12-06 | 2004-07-02 | Yunitekku:Kk | Trading area analyzing system, method, program, and record medium |
JP2008033695A (en) * | 2006-07-29 | 2008-02-14 | Sony Corp | Display content scroll method, scroll device and scroll program |
JP2008112214A (en) * | 2006-10-27 | 2008-05-15 | Ul Systems Inc | Browser device and method for operating browser device |
-
2010
- 2010-06-18 JP JP2010139141A patent/JP2012003579A/en active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2001296948A (en) * | 2000-04-12 | 2001-10-26 | Ricoh Co Ltd | Display system, information input/display system, picture scroll method and storage medium |
JP2004185539A (en) * | 2002-12-06 | 2004-07-02 | Yunitekku:Kk | Trading area analyzing system, method, program, and record medium |
JP2008033695A (en) * | 2006-07-29 | 2008-02-14 | Sony Corp | Display content scroll method, scroll device and scroll program |
JP2008112214A (en) * | 2006-10-27 | 2008-05-15 | Ul Systems Inc | Browser device and method for operating browser device |
Non-Patent Citations (2)
Title |
---|
CSND200900384046; 岸本 由巳: 'ビギナーズ相談室' 日経PCビギナーズ Vol.6 第14巻, 20090514, 102ページ, 日経BP社 Nikkei Business Publications,Inc. * |
JPN6013058562; 岸本 由巳: 'ビギナーズ相談室' 日経PCビギナーズ Vol.6 第14巻, 20090514, 102ページ, 日経BP社 Nikkei Business Publications,Inc. * |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2013118417A1 (en) * | 2012-02-10 | 2013-08-15 | ソニー株式会社 | Information processing device, information processing method, and program |
JPWO2013118417A1 (en) * | 2012-02-10 | 2015-05-11 | ソニー株式会社 | Information processing apparatus, information processing method, and program |
US9460535B2 (en) | 2012-02-10 | 2016-10-04 | Sony Corporation | Information processing device, information processing method, and program |
JP2019537083A (en) * | 2016-09-16 | 2019-12-19 | オラクル・インターナショナル・コーポレイション | Techniques for managing the display of headers in electronic documents |
JP2019184663A (en) * | 2018-04-03 | 2019-10-24 | 富士ゼロックス株式会社 | Display controller and display control program |
JP7099014B2 (en) | 2018-04-03 | 2022-07-12 | 富士フイルムビジネスイノベーション株式会社 | Display control device and display control program |
CN112328138A (en) * | 2020-10-30 | 2021-02-05 | 北京数秦科技有限公司 | Data display method, device and storage medium |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US6879322B2 (en) | Three-dimensional object display system, three-dimensional object display method and recording medium recording a three-dimensional object display program | |
TWI531953B (en) | Temporary formatting and charting of selected data | |
US9582612B2 (en) | Space constrained ordered list previews | |
US7460123B1 (en) | Dynamic control of graphic representations of data | |
US20130055126A1 (en) | Multi-function affine tool for computer-aided design | |
CN105760401B (en) | Report data exchange method and system based on mobile terminal | |
CN105700800A (en) | Page information operating method and apparatus, and electronic device | |
CN102411614A (en) | Display Of Image Search Results | |
US20150379097A1 (en) | Dual timeline | |
US10915236B2 (en) | User interface design system | |
WO2013186638A2 (en) | Analyzing user interaction | |
US20140052580A1 (en) | Product explorer page for use with interactive digital catalogs and touch-screen devices | |
US20120179963A1 (en) | Multi-touch electronic device, graphic display interface thereof and object selection method of multi-touch display | |
JP2012003579A (en) | Two-dimensional diagram display program and two-dimensional diagram display apparatus | |
JP4958853B2 (en) | Product search server, product search method, program, and product search system | |
CN104346166A (en) | Displaying and executing operation assistance program | |
JP6099788B1 (en) | Product data registration terminal, product data registration method, and product data registration program | |
AU2015243114A1 (en) | Information and action bar for a user interface | |
CN108108417A (en) | Exchange method, system, equipment and the storage medium of cross-platform self adaptive control | |
JP6224539B2 (en) | Information processing apparatus, information processing method, and program | |
KR101774712B1 (en) | Method for analysis of patent claims and apparatus thereof | |
CN116009737A (en) | Cell image processing system and cell image processing method | |
JP2006048110A (en) | Arithmetic control unit and program | |
JP5103590B2 (en) | Information processing apparatus and information processing method | |
JP5809762B1 (en) | Product display program |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20130618 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20131120 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20131126 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20140122 |
|
A02 | Decision of refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A02 Effective date: 20140708 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20141006 |
|
A911 | Transfer to examiner for re-examination before appeal (zenchi) |
Free format text: JAPANESE INTERMEDIATE CODE: A911 Effective date: 20141117 |
|
A912 | Re-examination (zenchi) completed and case transferred to appeal board |
Free format text: JAPANESE INTERMEDIATE CODE: A912 Effective date: 20150206 |