JP5114181B2 - Product information selection screen editing method in electronic commerce, electronic commerce system, and product information selection screen editing program in electronic commerce - Google Patents

Description

  The present invention relates to a method for editing a merchandise information selection screen in electronic commerce having a merchandise category selection screen, a merchandise selection screen having a two-dimensional matrix checkered merchandise list, and the like, and its electronic commerce system and merchandise in electronic commerce. The present invention relates to an information selection screen editing program.

  In the recent electronic commerce system using the Internet, a plurality of products to be sold are divided into product categories, and a product category selection screen in which those product categories are arranged is displayed on the purchaser's communication terminal. When one of the product categories is selected, there is a configuration in which a product selection screen showing a list of a plurality of related products corresponding to the product category is displayed and the purchaser is allowed to select a product. . For example, Patent Document 1 describes a system having a product category selection screen having two or more layers.

  In addition, the electronic commerce system includes a product display layout design and product information registration / change on the product selection screen corresponding to the product display shelves at the actual store, and a category display layout design and product category on the product category selection screen. Some have a back office system having a screen generation means (program) for purchasers that can freely register and change information for each screen. In particular, in an electronic mall system in which a plurality of stores are affiliated as sellers, it is common that a screen generation means for purchasers composed of general-purpose tools is prepared.

According to such a screen generation means, not only a new screen generation but also a change of the product layout based on the sales difference between the products can be easily performed only by an interactive operation on the screen. For example, if such a screen generating means is used, a layout that changes the product category of chocolate that has been placed inconspicuously on the product category screen in the summer in a pastry shop to a position that stands out toward the winter The change operation can be easily performed in a short time.
JP 2007-293575 A

  However, a store that handles a wide variety of products having the above-described hierarchical structure of the screen structure needs to include a variety of multi-level product category selection screens and a large number of product selection screens. There are cases where layout changes are various, and therefore, it may take a long time to change the layout.

  In addition, interactive operations, especially mouse operations on the display screen, can be used to easily change icon positions using drag-and-drop operations, etc., but icon data can be accidentally lost due to overwriting operations, etc. In many cases, erroneous operations during the layout change are induced. In particular, when changing the layout of an electronic store, unlike the layout change at an actual store, it is often performed by trial and error without preparing a design drawing or the like.

  In addition, by prohibiting the data on the screen from being overwritten by screen operations and adopting the insert operation instead of the overwrite operation, the possibility of data loss is reduced. Since it is difficult to specify the position of the user, there is a possibility that the user may perform an erroneous operation. For example, when the item icons arranged in the order of A, B, and C are rearranged in the order of B, A, and C, A must be specified with the mouse and inserted between B and C. Thus, it is difficult for the operator to determine whether the position to be dropped is B, C, or a ruled line between B and C. Therefore, it is difficult to adopt such an insertion copy operation.

  In addition, it is possible to adopt a copy and paste operation that duplicates and pastes the original information, but the copy and paste operation is almost useless for layout changes that do not add product categories or products. .

  The present invention has been proposed in view of such circumstances, and its purpose is to change the layout of a product information selection screen such as a product category selection screen or a product selection screen in a short time, and to change the layout. An object of the present invention is to provide a method for editing a merchandise information selection screen in electronic commerce, an electronic commerce system and an editing program for a merchandise information selection screen in electronic commerce that can prevent errors such as disappearance of display data such as icons.

  In order to achieve the above object, the present inventor has proposed the first present invention that enables replacement of product categories and the second present invention that enables replacement of products.

The method for editing a merchandise information selection screen in the electronic commerce system according to claim 1 according to the first aspect of the present invention is a purchaser who is stored in a merchant server and has accessed the merchant server via a communication network. A method for editing a product information selection screen for downloading to a terminal device for selection operation. The product information selection screen includes a product information list in which a plurality of item icons are arranged, each describing product information. The product information selection screen is set to an edit mode for designing and changing the layout in the product information selection screen, and one of the above item icons is overlaid on another icon by drag and drop operation. When moved together, the display position of each item icon is switched and displayed.

The electronic commerce system according to claim 2, which is the first aspect of the present invention, stores a product information selection screen on a purchaser terminal that is stored in a seller server and has accessed the seller server via a communication network. by viewing display by download, an e-commerce system that accepts the purchaser of the selection operation, product information selection screen includes a product information list that describes the product information, which a plurality of item icons in each, commodity design the layout of the information selection screen, it has become editable by the editing mode for changing, in the edit mode, the plurality of item icons, while being movable by drag-and-drop operation, drag and by-drop operation, when it is moved by superimposing one of the icons to another icon, it Characterized in that so as to display interchanging the display position of the item icon.

An editing program according to claim 3 is a program for editing the product information selection screen according to claim 1, a step of accepting an editing mode selection command and starting an editing mode, and a drag-and-drop operation The step of determining that any one of the plurality of item icons has been moved to another icon by superposition, the step of exchanging the display positions of the two superimposed item icons, and the confirmation command are accepted. At least a step of saving the screen display is provided.

An editing program according to claim 4 is a program for editing the product information selection screen according to claim 1, a step of accepting an editing mode selection command and starting an editing mode, and a drag-and-drop operation The step of determining that any one of the plurality of item icons has been moved to another icon is performed , and the replacement command before or after the two item icons are moved by being dragged and dropped . When received, it includes at least a step of switching and displaying the display positions of the two superimposed item icons, and a step of saving a screen display when a confirmation command is received.

Moreover, the method for editing a product information selection screen in the electronic commerce system according to claim 5 according to the second aspect of the present invention is stored in the seller server and has accessed the seller server via a communication network. A method of editing a product information selection screen for downloading to a purchaser terminal to display and display the product information selection screen, the product information selection screen having a plurality of rows and columns, and a plurality of rows and columns, respectively. Including a product list that assigns two attributes classified into the classification conditions, arranges the cells specified by the combination of these two attributes in a two-dimensional matrix, and displays product information in each cell cage, a commodity information selection screen, design the layout of the product information selection screen, set in the edit mode to change, line, of the classification conditions that constitute one of the attributes that were assigned to one of the columns The row or column area of Chino one classification condition, by drag-and-drop operation, sometimes moved superimposed rows or columns area of another classification condition, the product information of the plurality items according to the respective classification conditions This is characterized in that the display is switched in units of row or column areas.

The electronic commerce system according to claim 6, which is the second aspect of the present invention, displays a product information selection screen on a purchaser terminal that is stored in a seller server and has accessed the seller server via a communication network. An electronic commerce system that is browsed and displayed by download and accepts a purchaser's selection operation. The product information selection screen has a plurality of rows and columns, and each of the rows and columns has a plurality of classification conditions. A product information selection screen including a product list in which two attributes to be classified are allocated, cells specified by a combination of these two attributes are arranged in a two-dimensional matrix, and product information is displayed in each cell designing the layout of the inner, has become can be edited by the editing mode to change, in edit mode, in the classification conditions that constitute each of the products list, two attributes The row or column area is, while being movable by drag-and-drop operation, setting the layout of product information selection screen, set the editing mode for changing the row, while assigned to one of the columns When the row or column area of one classification condition among the classification conditions that constitute the attribute of the attribute is moved by being dragged and dropped onto the row or column area of another classification condition , each classification condition The product information of a plurality of products corresponding to the item is replaced and displayed in units of rows or column areas.

According to the first to fourth aspects of the present invention, when the product information selection screen is edited, a drag-and-drop operation is performed so that the item icon can be superimposed and moved from one to another. Since the two item icons in the product information list in the screen are exchanged, the layout of the product information list can be easily changed. For this reason, for example, when a store business policy change or a layout change request due to seasonal variation is requested, it does not take a long time to change the pattern, and the time during which the purchaser cannot use the system maintenance can be minimized.

In addition, when a new product information list is generated, a drag-and-drop operation can be used to set the layout while replacing item icons by trial and error without preparing layout design drawings in advance. .

Furthermore, since an operation of exchanging two item icons at the same time by one drag-and-drop operation is executed, there is no possibility of trouble such as disappearance of item icons due to overwriting.

According to the present invention according to claim 5 or 6, which is the second aspect of the present invention, a plurality of products arranged in a product information list in the screen by a drag and drop operation when editing the product information selection screen. Is replaced in units of rows and columns, so that the arrangement of the product list on the product information selection screen can be easily changed. For example, it is possible to easily replace a plurality of products between rows and columns based on sales.

Further, even when a new product list is generated, the product list can be generated by trial and error without preparing a layout design drawing or the like by using a drag-and-drop operation.

Furthermore, since an operation of exchanging two row areas or column areas at the same time by one drag-and-drop operation is executed, there is no possibility of trouble such as loss of product data due to overwriting.

  The best mode for carrying out the first and second aspects of the present invention will be described below with reference to the accompanying drawings.

  FIG. 1 is a system configuration diagram of an electronic commerce system which is an example of an embodiment of the present invention.

  The electronic commerce system 1 is capable of two-way communication between a seller server 2 and purchaser communication terminals 3, 3... Used on the purchaser side such as a personal computer via a communication network 5 such as the Internet. The purchaser-side user operates the communication terminal 3 to access the seller server 2, and the screen information 6 of various screens is displayed on the communication terminal 3 in accordance with the browser operation of the purchaser. It can be downloaded and selected and ordered.

  The electronic commerce system 1 is either an electronic mall system in which a plurality of companies, stores, etc. (hereinafter referred to as stores) gather together to form a seller, or an electronic sales system in which a specific company is a seller. Can be applied, but this example shows what is applied to the electronic mall system. As shown in the figure, product information is registered, screens for buyers are generated, and inventory management is performed. Communication terminals 4, 4... Of each store are connected to the communication network 5.

  The seller server 2 is configured to include a Web server, and when a user on the purchaser side accesses the communication terminal 3 to access it and downloads a desired screen, the communication terminal that has accessed the server When the purchaser user performs a desired selection operation such as ordering on the downloaded screen, the product order information 7 transmitted based on the operation is received.

  As described above, in the electronic commerce system 1, various data related to electronic commerce are transmitted and received between the seller server 2 and the purchaser communication terminal 3. Further, as described later, various data related to generation of a screen for the purchaser is transmitted / received between the seller server 2 and the communication terminal 4 of the store.

  This electronic commerce system 1 includes a category master file 11 that stores information on all product categories for classifying products, and all products for sellers to sell products classified into hierarchical product categories. And a product master file 12 that stores product information about.

  The category master file 11 and the product master file 12 may be configured by, for example, a relational database, and are generated as a database in which the above two types of files are associated with each other so as to have a parent-child relationship according to a hierarchical structure, for example. It may be. The system 1 also includes an inventory master file (not shown) that manages the number of inventory for each product.

  The function of the system of the present invention will be described with reference to FIGS. 2 is a diagram illustrating an example of the functional configuration of the system, FIG. 3 is a diagram schematically illustrating an example of a hierarchical structure of a product information selection screen for purchasers, and FIGS. 4A and 4B are diagrams. FIG. 5 is a diagram showing an example of the product category selection screen and FIG. In the present embodiment, a product category selection screen and a product selection screen are provided as the product information selection screen.

  The electronic commerce system 1 is a back office function for each store, a product registration function that allows the design and generation of a screen for purchasers, and the registration and change of each product category and product information to be displayed on the screen. A, inventory management function B for the purpose of inventory management of each product, system management function C for the purpose of system management / maintenance, etc. Product selection function E that allows the user to select products to be purchased in the matrix-like product list of the matrix, and cart display / order function F that accepts orders by displaying a list of product information selected by the purchaser and stored in the cart And a product map display function G showing a hierarchical structure of all product categories and products. In the product map display function G, for example, the hierarchical structure shown in FIG. 3 is displayed.

  Each screen for purchasers constituting the product category selection function D, the product selection function E, etc. is set to an edit mode for each screen, and can be edited individually. The product registration function A can be executed for each screen below.

  Each of the above functions is an interactive display screen that is operated and displayed on each terminal connected to the seller server 2 via the communication network 5 as a user interface with the user (seller or purchaser). These screens are positioned below the top page T and can be displayed by links from the top page T. In the drawings and the description thereof, the same reference numerals for the respective functions are given to the screens corresponding to the respective functions.

  In the case of an electronic mall system as in this example, the back office function is operated via the browser display screen of the communication terminal 4 of each store connected via the communication network 5. In an electronic sales system in which a specific company sells products, it may be operated by a terminal (not shown) directly connected to the seller server 2 without using a communication network.

  Further, the user interface of each function is not limited to an interactive type using a display screen, and may be an interface using card type data such as CSV data.

  The product category selection screen D and the product selection screen E constituting the product information selection screen among the screens for buyers can be designed in a hierarchical structure. As shown in the example of FIG. 3, the product selection screen E can be provided so as to be positioned at the lowest layer of the product category selection screens D1, D2,. In each store, as shown in the example of FIG. 3, the product selection screen E positioned under the three-level product category selection screens D1, D2, and D3 of the major classification, middle classification, and minor classification, and the major classification and middle classification The product selection screen E positioned below the two-level product category selection screens D1 and D2, the product selection screen E positioned directly below the large category product category selection screen D1, and the like can be mixed and designed.

  The large category product category selection screen D1 is positioned, for example, on the top page T1 of the purchaser's screen. For example, as shown in FIG. 4A, a plurality of clothing products handled in the store are classified into a large category. Are arranged and displayed in a grid-like product information list. In this example, a category arrangement table d10 is shown as a product information list, and this table d10 is composed of a three-row, four-column grid-like table, and ladies, men's, pairs, children, babies and special sales in each square. An item icon d11 is assigned for selecting the product category.

  The category arrangement table d10 of the product category selection screen D is arranged in a checkered pattern, but as shown in a product list e20 (see FIG. 5) which is a product information list of the product selection screen E described later. Rather than a two-dimensional matrix in which two attributes that are classified by classification conditions are assigned to rows and columns and one cell is specified on the vertical and horizontal axes, the product categories are placed in random order in random order. It can be assigned.

  When the purchaser operates one item icon d11 from the category array table d10 displayed on the large category product category selection screen D1, the display is switched to the medium category product category selection screen D2 or the product selection screen E. . Since each store sets associations of various levels as shown in FIG. 3, if a purchaser selects a certain product category on the large category product category selection screen D1, the level set for that product category (Association) Switch to either the middle-class product category selection screen D2 or the product selection screen E according to the structure.

  In the example of FIGS. 4 and 5, a product category having a two-layer structure of men (large classification) and polo shirt (medium classification) is illustrated. When men's is selected on the large category product category selection screen D1 in FIG. 4 (a), as shown in FIG. 4 (b), a medium category product category selection screen D2 for men is displayed. When the polo shirt is selected, a product selection screen E for the polo shirt is displayed as shown in FIG.

  As shown in FIG. 5, the product selection screen E is a two-dimensional matrix cell in which a plurality of identical category-related products belonging to the lowest product category are assigned two attributes each having a plurality of classification conditions to row attributes and column attributes. The product list e20 arranged in a shape is provided. The product list e20 includes a sales unit price display unit e231 and a selection operation unit e232 that allows a purchaser to input the number of purchases and the like in a product item column e23 specified by a row and a column having two attributes. Is placed. The product selection screen E further includes a common item column e10 that collectively displays attributes common to product groups (products of the same category) included in the product category.

  The selection operation unit e232 includes a numerical value input frame for inputting the number of purchases. However, in the case where the input of the purchase number is not required, an item icon may be provided instead of the purchase number input frame. This item icon includes a selection button, a check box, a radio button, and the like formed by an image or the like.

  If the purchaser selects a product with the selection operation part e232 of the product item column e23 on the product selection screen E and inputs the quantity, and operates the total button e24, the total amount e25 is displayed, and the “Add to Cart” button e26. Is stored in the purchaser's cart 16 (see FIG. 6), and the order of all the products stored in the cart can be confirmed by the subsequent ordering operation.

  The merchandise category information displayed on the merchandise category selection screen D for the purchaser and the merchandise information displayed on the merchandise selection screen E are individually used by the merchant store using the merchandise registration function A. The product registration function A is a purchaser screen generation means 10 (for example, a purchaser screen generation program for designing products handled in each store into a hierarchical screen structure). 6). The main category information and product information generated by the product registration function A are registered in the category master file 11 and the product master file 12.

  The screens D and E for the purchaser in which the product category and product information are set are prepared as screen information 6 described in the page description language for Web screens such as HTML and XML by the seller server 2, or It is dynamically generated as screen information 6 when requested by the purchaser, and in the purchaser's communication terminal 3, the browser installed in the communication terminal 3 downloads the screen information 6 of the requested screen, Display that screen.

  For example, when there is an operation request from the purchaser's communication terminal 3, the seller server 2 operates CGI (Common Gateway Interface) or SSI (Server Side Include), and the category master file 11 or the product master file 12. The variable information is extracted from the inventory master file (not shown) and the like, and the product category selection screen D to be displayed on the purchaser's communication terminal 3 and the screen information 6 of the product selection screen E are dynamically edited to obtain the screen information. 6 is sent to the requested communication terminal 3.

  FIG. 6 is a diagram showing an internal system configuration of the electronic commerce system 1. An outline of processing of the system will be described with reference to FIGS.

  In FIG. 6, reference numeral 13 denotes a product category selection screen D and a product selection / cart storage process executed through the product selection screen E of the system 1, and reference numeral 14 denotes a selected product list display / order reception executed through the cart display / order screen F. Processing 10 is a program for generating a screen and setting and changing data in the category master file 11 and the product master file 12 while registering data in a design file (not shown) of the screen for the purchaser in the edit mode. This is a screen generation means for the purchaser that is performed at

  The purchaser screen generation means 10 has a product information selection screen editing program 10A. This editing program 10A includes a category replacement means 10Aa and a product selection screen E for editing the product category selection screen D. It functions as the product replacement means 10Ab for editing.

  Further, 16 is a cart area in which product information is temporarily stored by the purchaser's product selection operation, and 15 is an order receiving process that operates when an order is received. Note that the processing related to the user registration function, the inventory management function, and the system management function, the communication process, and the browser are not shown.

  Further, as shown in FIG. 1, the system 1 has a device configuration including a seller server 2, a purchaser communication terminal 3, a store communication terminal 4, and the like, and is installed in these devices 2, 3. The system operates based on a CPU (not shown) and a program, but the operation of the system is performed by the cooperation of these devices, and the role sharing is not limited. Therefore, these devices are not shown in FIG. ing.

  The purchaser screen generation means 10 includes a purchaser screen generation program and the like, and registers product category information and product information for each file while designing the screen layout of each screen illustrated in FIG. It is configured by cooperation between the seller server 2 and the store communication terminal 4 so that it can be changed. The screen generation program for the purchaser may be configured as a separate program corresponding to the product category and the product, and further, real processing by operation of the screen generation screen A for the purchaser, multiple categories, multiple products at night, etc. May be divided into batch processes that are collectively executed, and final registration and change may be performed by combining them.

  The present invention is characterized by the replacement operation on the screen generation screen A for the purchaser by the editing program 10A for the product information selection screen. The operation and the operation of the system are the category replacement means 10Aa and the product replacement. The basic operation of the means 10Ab will be described later with reference to FIGS.

  The merchandise selection / cart storage processing 13 displays a merchandise selection screen E of a desired merchandise category while operating the multi-tier merchandise category selection screen D on the purchaser's communication terminal 3. In the product selection screen E, a plurality of product information of the product group included in the product category is displayed by the common item column e10 and the checkered product list e20, and the purchaser selects a desired product in the product list e20. When the planned purchase quantity is entered in the item list field e23 of the item and the total calculation operation is performed, the total amount of the item for which the quantity has been input is calculated and displayed. 16 is stored.

  The list display / order receiving process 14 displays a cart display screen F including a list of products in the cart 16 selected by the purchaser on the purchaser's communication terminal 3, and the cart is displayed when an order operation is performed on the screen. 16 is configured to receive an order for a product stored in 16.

  The order processing 15 executes processing related to a predetermined order based on the order information received by the list display / order reception processing 14, for example, processing such as creation of an order slip and inventory check.

  Further, the category master file 11 and the product master file 12 are configured to include data records including at least the items shown in FIG. FIG. 7A shows the data structure of the category master file 11, and FIG. 7B shows the data structure of the product master file 12.

  The category master file 11 is classified for each product category. In addition to basic information such as a product category code, a product category name, an upper product category code, and an image for an item icon, the category arrangement table d10 ( Information on the display position (see FIG. 4) is also included.

  Here, the merchandise category code is unique code data for each merchandise category, and it is desirable to adopt a code system so that the hierarchy can be determined. For example, the major category merchandise category codes are C01, C02... The middle classification may be defined as C11, C12... And the minor classification may be defined as C21, C22. Further, the parent category code in FIG. 7 indicates the product category code of the product category to which the product category belongs and is positioned immediately above, and thereby the upper and lower layer associations can be defined. In the case of a broadly classified product category positioned on the top page, a dummy (top) category code such as “C00” may be defined as an upper product category code.

  The product master file 12 is divided into records for each product. The record includes a product code, a parent category code to which the product belongs, a product name (product category name), an image, a material, a sales unit, and the like. Information on the common item e10, the classification category of the row attribute, the classification category of the column attribute, the sales unit price displayed in the cell, the image of the individual product, and the product list on the product selection screen E Display position information of Table e20. In this example, the size is defined for the row attribute and the color is defined for the column attribute.

  Here, the product code is unique code data for each product, and is assigned to all products assigned to each product item column e23 of the product list e10.

  As described above, the file configuration including the category master file 11 and the product master file 12 is not limited to this, and other file configurations may be used. Further, the structure in each file is not limited to the above, and the product category hierarchy may be associated by other methods and other data structures.

  FIG. 8 is a diagram showing an example of a procedure for generating the product category selection screen D, and FIG. 9 is a diagram showing an example of a category replacement procedure for the product category selection screen D. FIG. 10 is a flowchart showing the category replacement operation.

  Hereinafter, the operation of the screen generation means 10 for a purchaser including the product information selection screen editing program 10A will be described with reference to FIGS.

  In addition, the generation screen A for generating the purchaser screens such as the product category selection screen D and the product selection screen E corresponds to the purchaser screens D and E on a one-to-one basis in this example, and The items displayed on the screens D and E for the purchaser also correspond almost one-to-one. Therefore, in the attached drawings, items in the screen of the generation screen A are denoted by the same reference numerals as those of the purchaser screens D and E.

  The generation (new registration) and change registration of the product category selection screen D are performed in an interactive manner with the generation screen A1 displayed by operating the purchaser screen generation means 10, and various layouts of the screen are generated on the generation screen A1. In addition to designing, the product category data input in the screen design can be registered in the category master file 11.

  Specifically, as will be described below, the screen generation unit 10 for the purchaser is operated for each desired screen, the edit mode is set, the generation screen A1 is called, and a grid-like category array is displayed on the screen. The table d10 is generated, and item icons d11 and the like for identifying the product category are assigned to each cell.

  That is, as shown in FIG. 8, the purchase screen for purchaser 10 accepts the input of the number of rows a11 and the number of columns a12 constituting the category array table d10, and is determined by the input number of rows and columns. A blank category arrangement table d10 is displayed, and the purchaser then captures and pastes an image or the like as an item icon d11 for each cell and further attribute information (for example, product category code, product category). The category arrangement table d10 is generated by inputting the name.

  Next, when the save button a13 in the screen is operated, the purchaser screen generation means 10 stores information such as the item icon d11 made up of the image of the product category arranged in each cell of the category arrangement table d10 in the table. It registers with the category master file 11 of the seller server 2 together with the position information.

  The above screen generation operation may be performed by inputting card type data such as CSV data. If both the card format and the interactive format are supported, for example, when a new file is generated, the CSV data is used, and the subsequent correction can be performed in the interactive format.

  When the merchandise category registered in the category master file 11 is redisplayed on the category arrangement table d10 and the display position in the table is replaced and changed, the purchaser screen generation means 10 is as shown in FIG. The category arrangement table d10 is displayed based on the category master file 11, and the purchaser selects an arbitrary first item icon d11 (# 1) from among the plurality of set item icons d11 as an optional second. When a drag-and-drop operation is performed so as to overlap the item icon d11 (# 2), the operation of exchanging the first item icon d11 (# 1) and the second item icon d11 (# 2) is executed. .

  That is, in the editing method by the editing program A, as shown in steps 101 to 104 in FIG. 10, when the editing mode is selected, one of the plurality of item icons d11 is overlaid on another icon d11 by dragging the mouse. When the two are moved together and determined, the display positions of the two overlaid item icons d11 are replaced and displayed. When a mouse drop as a confirmation command is accepted, the screen display is confirmed, and the subsequent save operation is performed. Then, the contents of the replacement change are saved.

  Further, with reference to FIG. 9, the category replacement means 10Aa (editing program A) operates on the Web browser side of the communication terminal 4 in the store when a drag and drop operation is performed. When the drop operation is performed, the display position of the first item icon d11 (# 1) grabbed with the mouse, and the display position dragged with the mouse and dropped on the second item icon d11 (# 2) Are exchanged and stored, and the operation of displaying the item icon d11 stored with the display position changed is executed. Next, when a save operation is performed, the category replacement means 10Aa operates on the seller server 2 side, and as shown in FIG. 10 (b), the contents of the category arrangement table d10 after the replacement change is stored in the category master. Save to the data file 11.

  In this example, the item icon is replaced and displayed by drag-and-drop operation. However, for safer operation, a replacement command such as key operation is accepted in the state before dragging and dropping. The replacement display may be confirmed, or the replacement display may be performed by performing a drag and drop operation after receiving a replacement command such as a key operation or pressing a function key (long press). May be determined.

  The category replacement operation may be performed in the designed and generated category arrangement table d10. However, in order to facilitate the operation, the category replacement operation is replaced with a table in which an image or the like is pasted to increase the display size. It is possible to switch the display to a compact model table (not shown) with simple provisional item icons that are identifiable between product categories and assigned to each cell, so that replacement operations can be performed within the model table. Good.

  In this way, the operation of the purchaser screen generation means 10 including the editing program 10A such as the category replacement means 10Aa is performed in cooperation with the Web browser (the communication terminal 4 of the store) and the seller server 2. It is not limited to the above example of each role assignment. Further, the information in the category master file 11 of the merchant server 2 may be rewritten by only a drag and drop operation without providing the save button a13.

  In the example of FIG. 9, first, a “Ladies” icon d11 (# 1) arranged at the left end of the first row and a “Baby” icon d11 (# 2) arranged at the left end of the second row are dragged and dropped. Next, drag and drop the “Men's” icon d11 (# 1) arranged at the center of the first line and the “Children” icon d11 (# 2) arranged at the right end of the first line. The whole layout is changed by replacing with.

  When the save button a11 is operated in this state, the attribute information such as the image of the product category arranged in each cell of the category arrangement table d10 is displayed together with the changed position information, as in the case of generating the product category. It is registered (overwritten) in the category master file 11 of the seller server 2.

  As described above, since the category replacement means 10Aa (editing program A) for replacing the item icon d11 by the drag and drop operation is provided, the layout of the category arrangement table d10 on the product category selection screen D can be easily changed. When a store business policy change or a layout change request due to seasonal variations is requested, the change operation can be performed in a short time.

  Further, even when the category array table d10 is newly generated, if the category replacement means 10Aa by drag and drop operation is used, the item icon d11 is replaced by trial and error without preparing the layout design drawing or the like in advance. You can set the layout.

  Furthermore, since the operation of exchanging the two item icons d11 at the same time by one drag-and-drop operation is executed, the disappearance of the item icon d11 hardly occurs. That is, according to the category replacement means 10Aa, the overwriting operation is not performed by the drag-and-drop operation, so that the drop-side item icon d11 is not overwritten and deleted.

  Further, in each cell of the category arrangement table d10 of the product category selection screen D, in addition to the item icon d11, a product category selection screen D and a generation screen A of the product selection screen E that are positioned below the product category selection screen D are displayed. A link button (not shown) is provided, and by operating the button, the screens D and E for purchasers can be generated continuously. Once these screens are generated and associated with the vertical relationship, the registered lower link buttons are displayed as valid buttons.

  If this link button is operated after the product category selection screen D is generated, the generation screen of the lower product category selection screen D or the product selection screen E can be displayed to generate and change the screen.

  FIG. 11 is a diagram showing another example of the product category selection screen generation screen. In this example, the product category selection screen does not have the grid-like category arrangement table d10 as in the example of FIG. 7, and item icons d11 of product categories are irregularly arranged on the screen.

  Even in such an example, the category replacement unit 10Aa (editing program A) allows the item icon d11 to be replaced by a drag-and-drop operation as shown in FIG. In addition, about the structure same as FIG. 8, FIG. 9, the same code | symbol is attached | subjected and the description is abbreviate | omitted.

  Next, a procedure for generating and changing the product selection screen E will be described.

  FIG. 12 is a diagram illustrating an example of a procedure for generating the product selection screen E, and FIG. 13 is a diagram illustrating an example of a product replacement procedure for the product selection screen E. FIG. 14 is a flowchart showing the product replacement operation.

  Hereinafter, the operation of the screen generation means 10 for a purchaser including the product information selection screen editing program A will be described with reference to FIGS.

  The product selection screen E is generated and changed in an interactive manner with the generation screen A2 displayed by operating the screen generation means 10 for the purchaser, and various layout designs of the screen can be performed on the generation screen A2. Registration of the product information input together with the screen design to the product master file 12 can also be performed.

  Specifically, as described below, the screen generation unit 10 for the purchaser is operated for each desired screen, the generation screen A2 is called, and the lines divided into a plurality of classification conditions on the screen are respectively displayed. This is done by generating a two-dimensional matrix checkered product list e20 having two column attributes, and assigning a sales unit price, an image, etc. to the row attribute column, the column attribute column, and the item check column e23 in the matrix.

  That is, as shown in FIG. 12, the purchaser screen generation means 10 has a common item a21 common to the product group (products of the same category) to be displayed on the product selection screen E to be generated and a product list e20. The product item column e23 is received with the number of rows a22 and the number of columns a23, the input common item a21 is displayed in the common item column e10, and the blank item list based on the input row number a22 and column number a23 e20 is displayed, and then the purchaser inputs the classification conditions e211 and e221 into the classification category of the row attribute column e21 and the column attribute column e22, and further captures and pastes an image or the like to each cell as necessary. At the same time, by inputting the sales unit price e231 and other individual product attributes, a product list e20 in which product groups are registered is generated.

  12 and 13 exemplify men's polo shirts classified by size and color, the size is assigned to the row attribute e21, and the four classification conditions e211 of S, M, L, and LL are included in the row item. On the other hand, the color is assigned to the column attribute e22, and the four classification conditions e221 of white, blue, red, and pattern are assigned to the column item. In the example of the figure, only the sales unit price e231 is shown in the product item column e23, and other information such as product images is not shown. In FIG. 13, illustration of common matters is omitted.

  In addition, the selection operation unit e232 (see FIG. 5) for selecting a product by inputting the number of purchases may generate an input frame of a desired size on the generation screen A2, but the purchase communication terminal 3 displays the screen. When displaying, the purchase number input frame common to all items for the purchaser to input may be dynamically edited.

  Next, when the save button a24 in the screen is operated, the purchaser screen generation means 10 displays the attribute information of each product inputted in the common item e10 and the product list e20 together with the position information thereof, on the seller server 2. Registered in the product master file 12.

  The above screen generation operation may be performed by inputting card type data such as CSV data.

  When the product registered in the product master file 12 is redisplayed on the product list e20 and the display position is changed, the purchaser screen generation means 10 uses the product master as shown in FIG. A common item e10 (not shown in FIG. 13) and a product list e20 are displayed based on the file 12, and the purchaser selects an arbitrary first row area a25 (# 1) as an optional second row area. When a drag-and-drop operation is performed so as to overlap with a21 (# 2), the merchandise replacement means 10Ab is activated, and a plurality of merchandise in the area is line-by-line between the first row and the second row. Execute the operation to replace the product information. Further, when a drag-and-drop operation is performed so that an arbitrary first row area a26 (# 1) is superimposed on an arbitrary second row area a26 (# 2), the product replacement unit 10Ab is operated, Between the first column and the second column, an operation of exchanging product information for a plurality of products in the area in units of columns is executed.

  That is, in the editing method by the editing program A, as shown in steps 201 to 04 in FIG. 14, the product replacement unit 10Ab operates on the Web browser side when performing a drag and drop operation, and the drag and drop operation is performed. Is displayed, the display position of the first row (column) area a21 (# 1) grabbed with the mouse and dragging with the mouse to drop on the second row (column) area a21 (# 2) The display position is exchanged and stored, the operation of displaying the row area a21 stored with the display position changed is executed, and when the next save operation is performed, the merchandise replacement means 10Ab is connected to the seller server 2 side. The contents of the product list e20 after the operation and the replacement change are registered in the product master file 12.

  In summary, in the edit mode, the row or column area indicated by the classification condition constituting each of the two attributes of the product list e20 can be moved by the input of the replacement command, and the row or column area can be moved by the replacement command. When two of the classification conditions constituting one attribute assigned to one of the columns are selected and operated, the product information of a plurality of products corresponding to each classification condition is displayed in a row or column area unit. I am doing so. This replacement command includes a drag-and-drop operation, but may be a combination of a drag operation and another key operation.

  Note that the product replacement operation may be performed in a model table in which simple information that can be identified between products is assigned, similarly to the category replacement operation.

  In this way, the operation of the purchaser screen generation means 10 including the product replacement means 10Ab is performed by the cooperation of the Web browser (purchaser communication terminal 3) and the seller server 2. It is not limited to the example. Further, the information in the merchandise master file 12 of the seller server 2 may be rewritten by only a drag and drop operation without providing the save button a24.

  In the example of FIG. 13, first, the column areas a26 (# 1) and a26 (# 2) of the column attribute classification condition “blue” and the classification condition “white” are replaced by a drag and drop operation, and then the row attribute The row areas a25 (# 1) and a25 (# 2) of the classification condition “L” and the classification condition “S” are replaced by a drag-and-drop operation to change the arrangement in the product list e20.

  The positions of the first row area a25 (# 1) and column area a26 (# 1) to be dragged, and the positions of the second row area a25 (# 2) and column area a26 (# 2) to be dropped are as follows: Any operation in the area may be performed, that is, the operation may be performed so that a part of the area overlaps. Of course, it is good also as a structure which drags and drops the classification condition fields e211 and e221 of a row or a column, and the structure which drags and drops two or more goods which designated the range of the cell column arrange | positioned at a row or a column. However, in the two-dimensional matrix product list e20, it is not assumed other than replacement in units of rows or columns. Therefore, in consideration of operability, part of the above in the row area a25 and the column area a26. It is desirable to make the operation to overlap.

  As described above, since the product replacement means 10Ab for replacing the plurality of products arranged in the product list e20 by the drag and drop operation in units of rows and columns is provided, the product list e20 of the product selection screen E is easily provided. Can be changed. For example, when a store business policy change or an array change request due to seasonal variation is requested, the change operation can be performed in a short time. For example, judging from sales etc., it is possible to easily move the size “L”, which is a popular item, to the first row as in the example of FIG.

  In particular, since a plurality of products in rows or columns are exchanged by a single drag-and-drop operation, the convenience of the operation is extremely high.

  Even when the product list e20 is initially generated, if the product replacement means 10Ab by drag and drop operation is used, a product list is generated by trial and error without preparing layout design drawings in advance. it can.

  Furthermore, since the operation of exchanging rows or columns at the same time is executed by one drag-and-drop operation, errors such as loss of product data hardly occur. That is, according to the merchandise replacement means 10Ab, the overwriting operation is not performed by the drag and drop operation, so that the merchandise data is not overwritten and erased.

  For example, if the product category for which the product is specified with the two attributes of the neck and the length is “Cutter shirt”, considering the visibility of the buyer ’s screen, both the row attribute and the column attribute are Although it is desirable to arrange the classification conditions in ascending or descending order, even in the case of such a product list, the product replacement unit 10Ab may be operated to perform product replacement. In other words, for example, the sales conditions such as “42 cm”, “40 cm”, “44 cm”, “38 cm”, etc., are selected from the general ascending order using the product replacement means 10Ab. Irregular arrangements such as order may be changed.

  As described above, in the present embodiment, the replacement in units of row areas or column areas of the two-dimensional matrix product list e20 is shown. However, as with the category arrangement table d10 in the product category selection screen D described above, Even in the case of a product list in which item icons are assigned to random positions in a random order, replacement by a drag operation is possible. In that case, it is realized by the same editing method and editing program as the replacement of the item icons in the category arrangement table d10 described above.

  Also, the above two editing methods and editing programs can be applied to the system configuration of a product selection screen that does not have a product category selection screen.

It is a system configuration figure of an electronic commerce system which is an example of an embodiment of the present invention. It is the figure which showed an example of the function structure of the system. It is the figure which showed an example of the structure of the hierarchical structure of the goods category selection screen for buyers of the system, and a goods selection screen. (A), (b) is the figure which showed an example of the goods category selection screen displayed on a buyer's communication terminal. It is the figure which showed an example of the goods selection screen displayed on a buyer's communication terminal. It is the figure which showed the internal system structure of the system. (A) is the data structure of a category master file, (b) is the figure which showed the data structure of the goods master file. It is the figure which showed an example of the production | generation procedure of a merchandise category selection screen. It is the figure which showed an example of the category replacement | exchange procedure of a goods category selection screen. It is a flowchart which shows a category exchange operation. It is the figure which showed the other example of the production | generation procedure of a goods category selection screen. It is the figure which showed an example of the production | generation procedure of a goods selection screen. It is the figure which showed an example of the goods replacement procedure of a goods selection screen. It is a flowchart which shows goods replacement | exchange operation | movement.

Explanation of symbols

DESCRIPTION OF SYMBOLS 1 Electronic commerce system 2 Seller server 3 Purchaser communication terminal 4 Store communication terminal 5 Communication network 6 Screen information 10 Purchaser screen generation means 10A Edit program for product information selection screen 10Aa Category replacement means 10Ab Product replacement means 11 Category master file 12 Product master file D Product category selection screen d10 Category arrangement table d11 Item icon E Product selection screen e10 Common items e20 Product list e21 Line attribute e22 Column attribute e211 and e221 Classification condition e23 Product item column e231 Sales unit price display section e232 Selection operation part A Product registration function (screen)
A1 Product category selection screen generation screen A2 Product selection screen generation screen a25 row area a26 column area

Claims (6)

A method of editing a product information selection screen that is stored in a seller server and downloaded to a purchaser terminal that has accessed the seller server via a communication network for selection operation.
The product information selection screen includes a product information list in which a plurality of item icons are arranged, each including product information.
The product information selection screen is set to an edit mode for designing and changing the layout in the product information selection screen, and one of the plurality of item icons is overlaid on another icon by a drag and drop operation. A method for editing a merchandise information selection screen in electronic commerce, characterized in that when the item is moved, the display position of each item icon is replaced and displayed. An electronic commerce system that accepts a purchaser's selection operation by displaying a product information selection screen on a purchaser terminal that is stored in the seller server and has accessed the seller server via a communication network. There,
The product information selection screen includes a product information list in which a plurality of item icons are arranged, each describing product information, and can be edited by an edit mode for designing and changing the layout in the product information selection screen. And
In the edit mode above ,
The plurality of item icons, along with is movable by drag-and-drop operation, by drag-and-drop operation, when moving superimposing one of the icons to another icon, for each item icon An electronic commerce system characterized in that the display position is replaced and displayed. A program for editing the product information selection screen according to claim 1,
Accepting an edit mode selection command and activating edit mode;
A step of determining that one of the plurality of item icons is moved to another icon by drag and drop operation;
Replacing the display positions of the two superimposed item icons;
An edit program for a product selection screen in electronic commerce, comprising at least a step of storing display information when a confirmation command is received. A program for editing the product information selection screen according to claim 1,
Accepting an edit mode selection command and activating edit mode;
A step of determining that one of the plurality of item icons is moved to another icon by drag and drop operation;
When the replacement command is received before or after the two item icons are overlapped and moved by the drag and drop operation, the display position of the two overlapped item icons is replaced and displayed;
An editing program for a product information selection screen in electronic commerce, comprising at least a step of storing display information when a confirmation command is received. A method of editing a product information selection screen that is stored in a seller server and downloaded to a purchaser terminal that has accessed the seller server via a communication network for browsing display.
The product information selection screen has a plurality of rows and columns, and each row and column is assigned two attributes each classified into a plurality of classification conditions, and is specified by a combination of these two attributes. Including a product list that displays product information in each cell, arranged in a two-dimensional matrix.
The product information selection screen is set to an edit mode for designing and changing the layout in the product information selection screen, and one of the classification conditions constituting one of the attributes assigned to either the row or the column When a condition row or column area is moved to a different classification condition row or column area by dragging and dropping, the above product information of multiple products corresponding to each classification condition is A method for editing a merchandise information selection screen in electronic commerce, characterized in that replacement display is performed in units of column areas. An electronic commerce system that accepts a purchaser's selection operation by displaying a product information selection screen on a purchaser terminal that is stored in the seller server and has accessed the seller server via a communication network. There,
The product information selection screen has a plurality of rows and columns, and each row and column is assigned two attributes each classified into a plurality of classification conditions, and is specified by a combination of these two attributes. Including a product list in which product information is displayed in a two-dimensional matrix and displaying product information in each cell, and editing is possible by an edit mode for designing and changing the layout in the product information selection screen.
In the edit mode above ,
The row or column area indicated by the classification condition that constitutes each of the two attributes of the product list can be moved by drag and drop operation, and the layout in the product information selection screen is set. Set the edit mode to be changed, and change the row or column area of one of the classification conditions that constitute one of the attributes assigned to either the row or column by dragging and dropping. The above-mentioned product information of a plurality of products corresponding to each classification condition is replaced and displayed in units of rows or column areas when superimposed and moved to the row or column area of the classification condition Commerce system.

Images