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 PDF

Info

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
Application number
JP2010139141A
Other languages
Japanese (ja)
Inventor
Shigeru Furuno
茂 古野
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
ECS KK
Original Assignee
ECS KK
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 ECS KK filed Critical ECS KK
Priority to JP2010139141A priority Critical patent/JP2012003579A/en
Publication of JP2012003579A publication Critical patent/JP2012003579A/en
Pending legal-status Critical Current

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

PROBLEM TO BE SOLVED: To provide a two-dimensional diagram display program and a two-dimensional diagram display apparatus which can easily perform scroll display of a detail column of a two-dimensional diagram and with which display information of the detail column can be quickly and surely grasped by synchronously displaying also corresponding vertical and horizontal header columns in accordance with the scroll display of the detail column.SOLUTION: A step of scroll-displaying a detail column 33 in accordance with drag operation when drag by a pointing device is detected on the detail column 33 displayed in a display window 20, a step of calculating the amount of vertical and horizontal movement from a start point of the drag operation and a step of scroll-displaying vertical and horizontal header columns 31, 32 in accordance with the calculated amount of vertical and horizontal movement are executed, so that the vertical and horizontal header columns 31, 32 are synchronously scroll-displayed on the display window 20 in accordance with the scroll-displayed detail column 33.

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 vertical heading column 310, and the second product attribute is displayed in the horizontal heading column 320. A certain color pattern is defined, and the item column 330 defines a product group in which a plurality of products specified by the first and second product attributes are gathered. In each item of the detail column, the price of the product and the number input column are displayed.

また、縦見出し欄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 vertical heading column 310 is classified according to attribute values of six sizes of S, M, L, LL, 3L, and 4L, and the horizontal heading column 410 is attribute values of six colors of white, blue, red, design, yellow, and green. The cell column is composed of 6 × 6 cells. Since all products cannot be displayed on the display window 200, in the initial display of the product selection screen G, the display window 200 has four sizes of S, M, L, and LL, and four colors of white, blue, red, and pattern. 16 color products are displayed, corresponding vertical and horizontal heading fields 310 and 320 are displayed, and horizontal and vertical scroll buttons 321 and 311 are displayed at the bottom and right end of the display window 200 ( FIG. 12 (a)).

この状態で、横方向のスクロールボタン321の操作、縦方向のスクロールボタン311の操作が順次されると、横方向のスクロールボタン321の操作に応じて明細欄330と横見出し欄320とは左方向に移動し、縦方向のスクロールボタン311の操作に応じて明細欄330と縦見出し欄310とは上方向に移動する。   In this state, when the operation of the horizontal scroll button 321 and the operation of the vertical scroll button 311 are sequentially performed, the detail column 330 and the horizontal heading column 320 are leftward in accordance with the operation of the horizontal scroll button 321. And the detail column 330 and the vertical heading column 310 are moved upward in accordance with the operation of the scroll button 311 in the vertical direction.

このように縦、横にスクロール表示した結果、商品桝目表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 horizontal heading fields 310 and 320 are displayed (see FIG. 12B).

このような表示プログラムの構成によれば、縦、横見出し欄310、320は、明細欄330の縦、横のスライド表示に同期してスライドするので、所望の情報を確実に表示窓200内に表示でき、操作者による明細欄330内の部位の特定を効率よく行うことができる。   According to such a configuration of the display program, the vertical and horizontal heading columns 310 and 320 slide in synchronization with the vertical and horizontal slide displays of the detail column 330, so that desired information is surely stored in the display window 200. It can be displayed, and the site | part in the description column 330 by an operator can be identified efficiently.

特開2008−33695号公報JP 2008-33695 A 特開2002−150072号公報JP 2002-150072 A

しかしながら、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 claim 1 is a display program for displaying a two-dimensional chart on a display window displayed on a screen of a computer display. The chart is divided into at least a vertical heading field, a horizontal heading field, and a detail field in advance, and the step of detecting dragging by the pointing device on the detail field displayed in the display window is matched with the drag operation. A step of scrolling and displaying, a step of calculating the vertical and horizontal movement amounts from the starting point of the drag operation, and a step of scrolling and displaying the vertical and horizontal heading columns according to the calculated vertical and horizontal movement amounts. As a result, the vertical and horizontal heading columns are synchronously scrolled and displayed in accordance with the scroll display of the detail column. The features.

ここで、特許請求の範囲に記載された各ステップを実行する順序は、プログラムが同じ目的、機能を実現するものであれば、適宜ステップを入れ替えて実行してもよい。もちろん、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップは、算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄をスクロール表示させるステップの事前に必要なステップであるから、これらの順関係は上記のとおりであることはいうまでもない。   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 claim 2 further includes a step of invalidating one of the vertical and horizontal heading columns of the two-dimensional chart.

請求項3に記載の2次元図表の表示プログラムは、縦、横見出し欄が明細欄に表示される情報の位置情報を規定している。   The two-dimensional chart display program according to claim 3 defines the position information of the information displayed in the detail column in the vertical and horizontal heading columns.

請求項4に記載の電子商取引システムで使用される、2次元図表の表示プログラムでは、2次元図表が、第1の商品属性に関する複数の属性項目を含む縦属性欄と、第2の商品属性に関する複数の属性項目を含む横属性欄と、縦属性欄および横属性欄の属性項目同士の組み合わせによって1つの桝目を特定して商品を選択できるようになっている桝目欄とを備えた、2次元マトリクス状の商品桝目表により構成されており、縦見出し欄は縦属性欄で構成され、横見出し欄は横属性欄で構成され、明細欄は上記桝目欄で構成されている。   In the two-dimensional chart display program used in the electronic commerce system according to claim 4, the two-dimensional chart includes a vertical attribute column including a plurality of attribute items related to the first product attribute, and a second product attribute. A two-dimensional display comprising a horizontal attribute field including a plurality of attribute items, and a check box that allows a product to be selected by specifying one cell by combining the attribute items in the vertical attribute column and the horizontal attribute column. It is composed of a matrix item list, the vertical heading column is composed of the vertical attribute column, the horizontal heading column is composed of the horizontal attribute column, and the detail column is composed of the above-mentioned item column.

また、請求項5に記載の表示装置は、表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出する手段、明細欄を上記ドラッグ操作に合わせてスクロール表示する手段、ドラッグ操作の始点から縦方向、横方向への移動量を算出する手段、記算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄をスクロール表示させる手段とを備えており、通常は、パーソナルコンピュータに、本発明のプログラムを読み込んで実施される。   Further, the display device according to claim 5 includes means for detecting dragging by a pointing device on a detail field displayed in the display window, means for scrolling and displaying the detail field in accordance with the drag operation, and a starting point of the drag operation Means for calculating the amount of movement in the vertical and horizontal directions, and means for scrolling the vertical and horizontal heading fields in accordance with the calculated vertical and horizontal movement amounts. The program of the present invention is read into a computer and executed.

請求項1に記載の2次元図表の表示プログラムによれば、明細欄上でドラッグを検出するステップ、明細欄をドラッグ操作に合わせてスクロール表示するステップ、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄をスクロール表示させるステップを実行し、これによって、表示窓にスクロール表示される明細欄に合わせて、縦、横見出し欄を同期的に縦、横方向にスクロール表示する構成としているので、2次元図表の明細欄の一部がスクロール表示された場合、現在の表示部分と、その部位に合った縦、横見出し欄とともに素早くかつ確実に表示窓に表示できる。   According to the two-dimensional chart display program according to claim 1, the step of detecting drag on the detail column, the step of scrolling the detail column in accordance with the drag operation, the vertical direction and the horizontal direction from the starting point of the drag operation The step of calculating the amount of movement of the image and the step of scrolling the vertical and horizontal heading fields in accordance with the calculated vertical and horizontal movement amounts are executed. Since the vertical and horizontal heading fields are scrolled in the vertical and horizontal directions synchronously, when a part of the detail field of the two-dimensional chart is scrolled, it matches the current display part and its part. Along with the vertical and horizontal heading fields, it can be displayed quickly and reliably on the display window.

請求項2に記載の2次元図表の表示プログラムによれば、2次元図表の縦、横見出し欄のいずれか一方を無効に設定するステップを更に備えているので、縦、横見出し欄の一方を明細欄と同様にスクロール表示させることができ、他方を明細欄に同期させて縦、横方向いずれかにスクロール表示させることができる。   According to the two-dimensional chart display program according to claim 2, the program further includes a step of invalidating one of the vertical and horizontal heading fields of the two-dimensional chart. It can be scroll-displayed in the same manner as the detail column, and the other can be scroll-displayed in either the vertical or horizontal direction in synchronization with the detail column.

請求項3に記載の2次元図表の表示プログラムによれば、縦、横見出し欄が明細欄に表示される情報の位置情報を規定したものであるため、移動する明細欄に合致した位置情報を縦、横見出し欄に表示させることができ、2次元図表の明細欄の所望の部位を迅速かつ確実に表示窓に表示できる。   According to the two-dimensional chart display program according to claim 3, since the vertical and horizontal heading fields define the position information of the information displayed in the detail field, the position information matching the moving detail field is obtained. It can be displayed in the vertical and horizontal heading columns, and the desired part in the detail column of the two-dimensional chart can be displayed quickly and reliably on the display window.

請求項4に記載の電子商取引システムで使用される、2次元図表の表示プログラムは、2次元図表が電子商取引における販売者または購入者の端末画面に表示される2次元マトリクス状の商品桝目表により構成されているため、商品桝目表の行、列数が多い場合でも、簡単に所望の部位を表示窓に表示させることができる。   The two-dimensional chart display program used in the electronic commerce system according to claim 4 is based on a two-dimensional matrix-like commodity table in which the two-dimensional chart is displayed on a terminal screen of a seller or purchaser in electronic commerce. Since it is configured, a desired part can be easily displayed on the display window even when the number of rows and columns of the product list is large.

請求項5に記載の表示装置によれば、表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出する手段、明細欄を上記ドラッグ操作に合わせてスクロール表示する手段、ドラッグ操作の始点から縦方向、横方向への移動量を算出する手段、記算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄をスクロール表示させる手段とを備えているので、2次元図表の明細欄の一部がスクロール表示された場合、現在の表示部分と、その部位に合った縦、横見出し欄とともに素早くかつ確実に表示窓に表示できる。   According to the display device of claim 5, the means for detecting dragging by the pointing device on the detail field displayed in the display window, the means for scrolling and displaying the detail field in accordance with the drag operation, the starting point of the drag operation Means for calculating the amount of movement in the vertical and horizontal directions, and means for scrolling the vertical and horizontal heading columns in accordance with the calculated vertical and horizontal movement amounts. When a part of the detail column is scroll-displayed, it can be quickly and reliably displayed on the display window together with the current display portion and the vertical and horizontal heading columns suitable for the part.

(a)は本発明の表示プログラムを用いるコンピュータの概略構成、(b)は表示プログラムの構成の各一例を示す図である。(A) is a schematic configuration of a computer using the display program of the present invention, (b) is a diagram showing an example of the configuration of the display program. 本発明の表示プログラムによる2次元図表の表示の概念図である。It is a conceptual diagram of the display of the two-dimensional chart by the display program of this invention. 本発明の表示プログラムによる表示方法の一例を示す図である。It is a figure which shows an example of the display method by the display program of this invention. 本発明の表示プログラムによる表示方法の他例を示す図である。It is a figure which shows the other example of the display method by the display program of this invention. 本発明の表示プログラムの基本動作の一例を示すフローチャートである。It is a flowchart which shows an example of the basic operation | movement of the display program of this invention. 表示プログラムによる2次元図表の表示の他例を示す図である。It is a figure which shows the other example of the display of the two-dimensional chart by a display program. 表示プログラムによる2次元図表の表示の他例を示す図である。It is a figure which shows the other example of the display of the two-dimensional chart by a display program. 表示プログラムによる2次元図表の表示の他例を示す図である。It is a figure which shows the other example of the display of the two-dimensional chart by a display program. 表示プログラムによる2次元図表の表示の他例を示す図である。It is a figure which shows the other example of the display of the two-dimensional chart by a display program. 表示プログラムを採用した電子商取引システムの一例のシステム構成図である。It is a system block diagram of an example of the electronic commerce system which employ | adopted the display program. (a)、(b)は、表示桝目表の表示例を示す図である。(A), (b) is a figure which shows the example of a display of a display cell table | surface. (a)、(b)は、従来の表示プログラムにおけるスクロールの表示の一例を示す図である。(A), (b) is a figure which shows an example of the display of the scroll in the conventional display program.

以下に、本発明の実施の形態について添付図面とともに説明する。   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 pointing device 3 such as a mouse for operating a pointer on the screen are connected to the computer 1. The computer 1 also includes a central processing unit (CPU 11), display means 12 (display program), execution control of application programs (hereinafter referred to as applications) such as display programs and other programs (not shown), and peripheral devices. And an operating system (not shown) (hereinafter referred to as OS 13) that performs execution control of the library and management of a library used by the application.

表示手段12は、種々のアプリケーションにおいて、所定の2次元図表30を所定の表示窓20に表示するプログラムであり、表示窓20の明細欄33上でマウスのドラッグを検出するドラッグ検出手段12aと、縦、横移動量算出手段12bと、明細欄スクロール表示手段12cと、縦、横見出し欄スクロール表示手段12dと、縦、横見出し欄有効/無効設定手段12eとより構成される。   The display means 12 is a program for displaying a predetermined two-dimensional chart 30 on a predetermined display window 20 in various applications, and a drag detection means 12a for detecting a mouse drag on the detail column 33 of the display window 20, A vertical / horizontal movement amount calculation unit 12b, a detail column scroll display unit 12c, a vertical / horizontal heading column scroll display unit 12d, and a vertical / horizontal heading column valid / invalid setting unit 12e.

縦、横移動量算出手段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 detail column 33. The vertical and horizontal heading column scroll display means 12d executes a step of scrolling the vertical and horizontal heading columns 31 and 32 according to the calculated vertical and horizontal movement amounts, respectively. It is.

また、縦、横見出し欄有効/無効設定手段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 columns 31 and 32 are handled as the heading column, depending on the contents of the two-dimensional chart 30 used in the application. It may be incorporated in the display program or enabled / disabled in the application program. When one of the vertical and horizontal heading fields 31 and 32 is invalidated, the operation of one heading field is the same as that of the specification field 33 (the heading field is defined as a part of the specification field 33), and the other The heading column of scrolls only in the vertical or horizontal direction.

ついで、本発明の表示プログラムによる表示方法の概略および表示プログラムの基本動作を、図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 display window 20 in the application screen displayed on the display 2. This two-dimensional chart 30 is content in which this application collects data in a two-dimensional form, and is represented by an n × m grid, the top row of which is a horizontal heading column 32, the leftmost column is a vertical heading column 31, The other set of cells is the detail column 33. That is, one part of the detail column 33 is specified by the intersection of the vertical heading column 31 and the horizontal heading column 32.

この2次元図表30には例えば、2属性によって1商品が定まる商品群を表示する場合、縦見出し欄31には一方の属性項目を、横見出し欄32には他方の属性項目を規定し、明細欄33の各桝目に商品名や商品コード、価格を規定した2次元状の商品桝目表が適用できる。より具体的には、色とサイズにより1商品を特定できる衣服などを適用でき、色(白、黒、青・・・)を横見出し欄32に、サイズ(S、M、L・・・)を縦見出し欄31に規定して明細欄33の各桝目に縦、横の属性によって定まる商品コードを規定した2次元状の一覧表などが挙げられる。   In this two-dimensional chart 30, for example, when displaying a product group in which one product is determined by two attributes, one attribute item is defined in the vertical heading column 31, and the other attribute item is defined in the horizontal heading column 32. A two-dimensional product table defining the product name, product code, and price can be applied to each cell in the column 33. More specifically, clothes that can specify one product by color and size can be applied, and the color (white, black, blue...) Is displayed in the horizontal heading column 32 and the size (S, M, L...). Is a two-dimensional list that defines product codes defined by vertical and horizontal attributes in each cell of the specification column 33.

また、2次元図表30としては、上記のような2属性によって1つの桝目が定まる2次元データの他、1次元データを2次元状に表示するものも適用できる。1次元データとしては例えば、Webサイトより検索によって得た不動産物件情報を、所在地、最寄り駅、価格、築年月などの見出し項目を規定した横見出し欄32と、番号(表示順)などを規定した縦見出し欄31と、抽出した物件の所在地、最寄り駅、価格、築年月などを表示した明細欄33とよりなるものが含まれる。   As the two-dimensional chart 30, in addition to the two-dimensional data in which one grid is determined by the two attributes as described above, one that displays the one-dimensional data in a two-dimensional form can be applied. As one-dimensional data, for example, real estate property information obtained by searching from a website is specified with a horizontal heading column 32 that specifies heading items such as a location, the nearest station, a price, and a building date, and a number (display order). And a detail column 33 displaying the location, nearest station, price, date of construction, etc. of the extracted property.

一方、表示窓20はコンテンツである2次元図表30を部分的かつ選択的に表示するエリアであり、表示窓20内には明細欄33の一部が明細エリア23に表示され、表示された明細欄33の一部に対応した縦見出し欄31を表示窓20内の左端の縦見出しエリア21に、表示された明細欄33のの一部に対応した横見出し欄32を表示窓20内の最上位の横見出しエリア22に表示するものである。   On the other hand, the display window 20 is an area for partially and selectively displaying the two-dimensional chart 30 as content, and a part of the detail column 33 is displayed in the detail area 23 in the display window 20 and displayed details. A vertical heading column 31 corresponding to a part of the column 33 is displayed in the leftmost vertical heading area 21 in the display window 20, and a horizontal heading column 32 corresponding to a part of the displayed detail column 33 is displayed in the display window 20. It is displayed in the upper horizontal heading area 22.

この表示窓20には、その表示対象である2次元図表30の明細欄33のどの部位を表示する場合にも、明細欄33のうちの選択した部位に対応した縦、横見出し欄31、32の部位が同期的に表示される。   In this display window 20, when any part of the detail column 33 of the two-dimensional chart 30 to be displayed is displayed, the vertical and horizontal heading fields 31 and 32 corresponding to the selected part of the detail column 33 are displayed. Are displayed synchronously.

本発明では、このような明細欄33の表示窓20への表示の選択操作をマウス3のドラッグにより行えるようになっており、表示窓20内で表示された明細欄33をドラッグ操作することで、そのドラッグ操作した方向と距離に応じて明細欄33が移動するとともに、移動して表示される明細欄33に応じて縦見出し欄31は左端に固定された状態で縦方向に移動(スクロール)表示され、横見出し欄32は最上位に固定された状態で横方向に移動(スクロール)表示される。   In the present invention, such display selection operation of the detail column 33 on the display window 20 can be performed by dragging the mouse 3, and the detail column 33 displayed in the display window 20 can be dragged. The detail column 33 moves in accordance with the dragged direction and distance, and the vertical heading column 31 moves in the vertical direction (scroll) in a state of being fixed at the left end in accordance with the moved and displayed detail column 33. The horizontal heading column 32 is moved (scrolled) in the horizontal direction while being fixed at the top.

なお、ドラッグに対する移動の方向としては、ドラッグの操作が、コンテンツである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-dimensional chart 30 as the content relative to the display window 20 (see FIG. 3), and the two-dimensional chart is used for the display window 20. Two types of objects intended to move relative to 30 (see FIG. 4) can be assumed. The following various examples show the assumption that the two-dimensional chart 30 is moved relative to the display window 20.

ついで、図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 mouse 3 is pointed within the detail area 23 of the display window 20, and when pointing, determines whether both the vertical and horizontal heading fields 31 and 32 are set as the heading field, When both are set to be effective, it is determined whether or not the drag has been dragged by the drag detection means 12a (see FIG. 1), and when dragged, the amount of movement in the vertical and horizontal directions is calculated from the start and end points of the drag. Then, the detail column 33 is moved in the drag direction as it is, the vertical heading column 31 is scrolled in the vertical direction calculated, and the horizontal heading column 32 is scrolled in the vertical direction. The scroll display is performed in the horizontal direction (steps 101 to 107). This process is repeated until the pointing of the mouse 3 is removed (step 108).

また、縦、横見出し欄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-dimensional chart 30 is displayed in the display window 20 according to the drag without distinguishing the vertical and horizontal heading fields 31 and 32. (Y in step 102, 109 to 111).

なお、縦、横見出し欄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 steps 102 to 108 (steps 106 and 107) is invalidated. The heading column is not executed.

このようなアプリケーション動作は、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 OS 13 for each of the vertical and horizontal heading fields 31, 32 and the detail field 33, and dynamically adding a scroll function to the table individually. Although it can be easily realized, the present invention can be applied to those having no scroll function of the OS 13.

このように、表示プログラムは、明細欄33をドラッグ操作に合わせてスクロール表示するステップ、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄31、32をスクロール表示させるステップを実行し、これによって、表示窓20にスクロール表示される明細欄33に合わせて、縦、横見出し欄31、32を同期的に縦、横方向にスクロール表示する構成としているので、2次元図表30の明細欄33の所望の部位をその部位に合った縦、横見出し欄31、32とともに素早くかつ確実に表示窓20に表示できる。また、マウスによるドラッグの移動量分だけ移動する構成であるため、スクロール量を判断しやすく操作性はきわめてよい。   In this way, the display program scrolls the detail column 33 in accordance with the drag operation, calculates the movement amount in the vertical and horizontal directions from the starting point of the drag operation, and calculates the calculated vertical and horizontal movements. A step of scrolling the vertical and horizontal heading fields 31 and 32 in accordance with the amount is executed, whereby the vertical and horizontal heading fields 31 and 32 are synchronized with the detail field 33 scroll-displayed in the display window 20. Therefore, the desired part of the detail column 33 of the two-dimensional chart 30 is displayed on the display window 20 quickly and reliably together with the vertical and horizontal heading columns 31 and 32 that match the part. Can be displayed. In addition, since it is configured to move by the amount of movement of the drag by the mouse, it is easy to determine the scroll amount and the operability is very good.

なお、図5に示した表示プログラムにおいて、ステップ104〜107の実行順序については、縦、横移動量算出ステップ(ステップ104)は縦、横見出し欄31、32をスクロール表示させるステップ(ステップ106、107)より前に実行することを前提として、他の実行順序であってもよい。   In the display program shown in FIG. 5, with respect to the execution order of steps 104 to 107, the vertical and horizontal movement amount calculating step (step 104) is the step of scrolling and displaying the vertical and horizontal heading columns 31 and 32 (step 106, 107) Other execution orders may be used on the assumption that the process is executed before 107).

つぎに、表示プログラムの種々の適用例について説明する。   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-dimensional chart 30. A horizontal heading column 32 indicating the heading item (items 1 to 5) of each property is displayed in the top horizontal heading area 22 of the display window 20, and the number (item display order) that is item 1 is displayed in the leftmost vertical heading area 21. A vertical heading column 31 is displayed. When a drag operation is performed with the mouse 3 in the detail area 23 of the display window 20, the detail column 33 is scrolled accordingly, and a horizontal heading column is displayed. 32 (heading item) slides to the left by the amount of movement in the horizontal direction without changing its row position, and vertical heading column 31 (NO) shows the amount of movement in the vertical direction without changing its column position. Move up.

一方、同様の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 item 1 is not handled as the vertical heading column 31, by setting the vertical heading column 31 to be invalid, the item 1 is handled as the detail column 33, and a drag operation is performed. Accordingly, it moves in the drag direction (see FIG. 7). That is, in the example of FIG. 7, the column of item 1 moves in the horizontal direction, and each data of item 1 (Name1, Name2,... In the figure) slides upward.

このように、表示プログラムは、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-dimensional chart 30 as a heading field. Can be scroll-displayed in the same manner as the detail column 33, and the other can be scroll-displayed in either the vertical or horizontal direction in synchronization with the detail column 33.

また、図8は地図データを2次元図表30に表現したものである。表示窓20の最上位の横見出しエリア22に地図の横方向の位置情報を示す横スケールが表示され、左端の縦見出しエリア21には縦方向の位置情報を示す縦スケールが表示されるようになっており、表示窓20内でマウス3によりドラッグ操作がされると、明細欄33がそれに応じてスクロール移動するとともに、横見出し欄32(横スケール)はその縦方向の位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦見出し欄31(縦スケール)はその横方向の位置が変動することなく縦方向の移動量分、上方向に移動する。   FIG. 8 shows map data represented in a two-dimensional chart 30. A horizontal scale indicating horizontal position information of the map is displayed in the top horizontal heading area 22 of the display window 20, and a vertical scale indicating vertical position information is displayed in the vertical heading area 21 at the left end. When a drag operation is performed with the mouse 3 in the display window 20, the detail column 33 scrolls accordingly, and the horizontal heading column 32 (horizontal scale) does not change its vertical position. The horizontal movement amount slides to the left and the vertical heading column 31 (vertical scale) moves upward by the vertical movement amount without changing the horizontal position.

なお、図8の例では、明細欄33は表示窓20内いっぱいに表示され、縦見出し欄31、横見出し欄32は明細欄33の重なり合って表示される。   In the example of FIG. 8, the detail column 33 is displayed all over the display window 20, and the vertical heading column 31 and the horizontal heading column 32 are displayed overlapping the detail column 33.

このように、縦、横見出し欄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 detail field 33, the position information that matches the moving detail field 33 is displayed in the vertical and horizontal heading fields 31, 32 can be displayed. As a result, the desired part of the detail column 33 of the two-dimensional chart 30 can be quickly and reliably displayed on the display window.

図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 detail area 23 for displaying the detail column 33 of the two-dimensional chart 30, the horizontal scale display section is the horizontal heading area 22, and the vertical scale display section is vertical. The case where the two-dimensional chart 30 is displayed on the display window 20 as the heading area 21 is shown. In this case, when a drag operation is performed in the upper left direction as shown in the figure, the detail column 33 scrolls accordingly, and the horizontal heading column 32 (horizontal scale) changes its vertical position. The vertical heading column 31 (vertical scale) moves upward by the amount of movement in the vertical direction without changing the position in the horizontal direction.

また、図9(b)は、表計算ソフトウェアの表データ表示部内に、明細欄33、縦、横見出し欄31、32を含む2次元図表30を作成した例を示している。この場合、図例のように左斜め上方向にドラッグ操作がされると、明細欄33がそれに応じてスクロール移動するとともに、横見出し欄32はその縦方向の位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦見出し欄31はその横方向の位置が変動することなく縦方向の移動量分、上方向に移動する。   FIG. 9B shows an example in which a two-dimensional chart 30 including a detail column 33, vertical and horizontal heading columns 31 and 32 is created in the table data display section of the spreadsheet software. In this case, as shown in the figure, when the drag operation is performed in the diagonally upper left direction, the detail column 33 scrolls accordingly, and the horizontal heading column 32 does not change its vertical position. The vertical heading column 31 is moved upward by the amount of movement in the vertical direction without changing the position in the horizontal direction.

なお、表データ表示部内で縦、横見出し欄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 product list 40 as shown in the example of FIG.

図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 cell 44 of the cell column 43, a product price 44a and a number input column 44b are displayed. Note that a common item column 45 for displaying common attributes other than the first and second product attributes related to the product group displayed in the product list 40 is displayed above the product list 40 in the figure. Is done.

また、縦属性欄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 vertical attribute column 41 is classified by attribute values of six sizes of S, M, L, LL, 3L, and 4L, and the horizontal attribute column 42 is attribute values of six colors of white, blue, red, design, yellow, and green. In the initial display of the product selection screen G, the display window 20 has four sizes of S, M, L, and LL, and the color is white. Sixteen products in four colors of blue, red, and pattern are displayed, and vertical and horizontal attribute columns 41 and 42 corresponding to the products are displayed (see FIG. 11A).

商品を購入する場合、購入者が購入者通信端末機Uに表示された商品選択画面Gで所望の商品の桝目44に個数を入力していき、合計ボタン46を操作すると、合計金額47が表示される。その後、「カートに入れる」ボタン48を操作すると、選択した商品の情報がカート(購入用のメモリ)(不図示)に格納される。   When purchasing a product, when the purchaser inputs the number into the cell 44 of the desired product on the product selection screen G displayed on the purchaser communication terminal U and operates the total button 46, the total amount 47 is displayed. Is done. Thereafter, when the “Add to Cart” button 48 is operated, information on the selected product is stored in a cart (a memory for purchase) (not shown).

明細欄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 cell column 43 is scrolled accordingly, and the horizontal attribute column 42 (size) is displayed in the vertical direction. The position of the direction is slid leftward by the amount of horizontal movement without fluctuation, and the vertical attribute column 41 (color) moves upward by the amount of vertical movement without fluctuation of the horizontal position. Moving.

スクロール移動した結果、表示窓20にはサイズをL、LL、3L、4Lの4サイズ、色を赤、柄、黄、緑の4色とした16商品が表示され、それに対応した縦、横属性欄41、42が表示される(図11(b)参照)。   As a result of scrolling, the display window 20 displays 16 products with four sizes of L, LL, 3L, and 4L and colors of red, design, yellow, and green, and the corresponding vertical and horizontal attributes. Columns 41 and 42 are displayed (see FIG. 11B).

また、ドラッグ操作により明細欄33、縦、横見出し欄31、32を移動表示できる表示プログラムは、販売者が購入者向けの商品選択画面Gを設計する場合にも適用できることはいうまでもない。   Further, it goes without saying that the display program that can move and display the detail column 33, vertical and horizontal heading columns 31 and 32 by a drag operation can also be applied when the seller designs the product selection screen G for the purchaser.

このように、商品桝目表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 product list 40, since the display program as described above is used, even when the number of rows and columns of the product list 40 is large. A desired part can be easily displayed on the display window 20.

以上に示した種々の例では、2次元図表30の表示サイズが表示窓20のサイズよりも大きい場合を示したが、表示窓20内に収まる場合には、ドラッグ操作による表示窓20内での移動がなされないようにしてもよいし、上記種々の例と同様にスクロール表示がなされるようにしてもよい。   In the various examples described above, the case where the display size of the two-dimensional chart 30 is larger than the size of the display window 20 is shown, but when it fits in the display window 20, it is displayed in the display window 20 by a drag operation. The movement may not be performed, or the scroll display may be performed in the same manner as in the above various examples.

また上記の例では、縦見出し欄31は表示窓20の左端に表示し、横見出し欄32は表示窓20の最上位に表示するようにしたものを示したが、表示プログラムは、縦見出し欄31を右端、横見出し欄32を最下位に表示するものにも適用でき、その他の位置、例えば縦見出し欄31と横見出し欄32とがクロスして表示するものにも適用できる。   In the above example, the vertical heading column 31 is displayed at the left end of the display window 20 and the horizontal heading column 32 is displayed at the top of the display window 20, but the display program is the vertical heading column. The present invention can also be applied to a display in which 31 is displayed at the right end and the horizontal heading column 32 is displayed at the bottom, and can also be applied to other positions, for example, the vertical heading column 31 and the horizontal heading column 32 displayed in a crossed manner.

以上には、装置構成としてコンピュータ1にディスプレイ2とポインティングデバイス(マウス3)が接続された例を示したが、これらが一体となった表示装置であってもよい。   The example in which the display 2 and the pointing device (mouse 3) are connected to the computer 1 as an apparatus configuration has been described above, but a display device in which these are integrated may be used.

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 Computer 2 Computer Display 3 Mouse (Pointing Device)
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 Display Window 21 Vertical Heading Area 22 Horizontal Heading Area 23 Detail Area 30 2D Chart 31 Vertical Heading Field 32 Horizontal Heading Field 33 Detail Field S Seller Server T Store Communication Terminal U Purchaser Communication Terminal N Internet G Product Selection Screen 40 Product item list 41 Vertical attribute column 42 Horizontal attribute column 43 Item column 44 Item 45 Common item column

Claims (5)

2次元図表を、コンピュータ・ディスプレイの画面上に表示された表示窓に表示する表示プログラムであって、
上記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.
請求項1において、
上記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.
請求項1または2において、
上記縦、横見出し欄が、上記明細欄に表示される情報の位置情報を規定している、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.
請求項1〜3のいずれか1項において、
上記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次元図表は、予め縦見出し欄、横見出し欄、明細欄に区画形成されており、
上記表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出する手段、
上記明細欄を上記ドラッグ操作に合わせてスクロール表示する手段、
上記ドラッグ操作の始点から縦方向、横方向への移動量を算出する手段、
上記算出した縦方向、横方向の移動量に合わせて、上記縦、横見出し欄をスクロール表示させる手段とを備え、
上記明細欄がスクロール表示されたときに、上記縦、横見出し欄を同期的にスクロールさせて表示させる機能を備えた、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.
JP2010139141A 2010-06-18 2010-06-18 Two-dimensional diagram display program and two-dimensional diagram display apparatus Pending JP2012003579A (en)

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)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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

Patent Citations (4)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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