KR20010097449A - Internet shopping mall with virtual coordination room and reverse information extraction method - Google Patents

Abstract

The present invention relates to the form of a new shopping mall through the interaction of the user and virtual reality on the Internet, while creating an 'product coordination between third-party products or other items' which is impossible in reality, while allowing users to enjoy interesting and beneficial shopping at the same time. It is designed to allow users to investigate the type of product they prefer. In other words, the shopping mall aims to provide differentiated services and extract reliable new information, which are available only in the Internet mall, by means of 'cyber coordination'.

The key elements of the present invention can be summarized as: first, category setting among correlated products, second, a coordination room that can virtually execute a combination of products, and a coordination work exhibition room where users can share processed information. In particular, fashion products or interior products that are important to the sense of crush can be used more suitably.

For example, a person who wants to buy clothes can not only choose the most suitable clothes by coordinating the top of company A, the bottom of B, or the bottom of C to the model several times, but also the matching shoes or hat bags on one screen. Information such as this can be obtained. In addition, users can search by specifying the desired color or price range, which makes selecting products faster and more convenient. On the other hand, the registered coordination of the user or the number of times of selection is a reflection of the preferences and coordination trends for each product of the public, and to convey the latest trends and novel coordination information and consumer purchase preferences to other users or operators. In another example, a person who wants to buy wallpaper can set the colors and designs of existing flooring materials and furniture in a virtual space in advance, and coordinate each wallpaper product to make shopping more satisfactory.

As described above, the present invention builds a coordination environment using DHTML in an Internet shopping mall, thereby providing convenience to the user, and accepting the voluntary coordination information again to enable new information creation.

Description

Internet Shopping Mall with Virtual Coordination Room and Station Information Extraction Method through It {.}

Since the Internet began to use static information only in the early 1990s, HTML, CGI, JavaScript, and ASP appeared to deliver more effective information. However, these technologies are only used to express information prepared by information providers. Was used. As a result, existing Internet shopping sites are not able to show the actual product of the product by organizing the prepared individual product information and putting the catalog on the monitor, and failing to provide an empirical service for the user to participate and observe the product. It is difficult to overcome the disadvantages of internet shopping malls.

On the other hand, in terms of providing information to users, functions such as bulletin boards, online surveys, or writing letters to operators are generalized, but for shopping mall visitors, such bulletin boards are additional work other than the original purpose of 'shopping' Most of the time, you just leave the site. Therefore, 'bidirectional delivery of information', which is a unique property of the Internet, is not properly implemented in shopping malls.

The recent trend of 'Data WareHousing' is to provide more meaningful data to site administrators by actively understanding the surfing patterns of site visitors, but it is information gathering and analysis rather than information delivery and presentation technology. It does not provoke an active and vigorous surfing desire for visitors.

The present invention is made unilaterally by inviting site visitors to 'coordinate products between third-party products or other items', which is impossible in the real world, to inspire active surfing desires and to display their own coordination results in the 'Cody Works Exhibition Room'. It aims to raise the information flow of internet shopping malls to the next level and naturally lead users who are only information consumers to active information providers.

From the static information to the dynamic information so far, the boring shopping without service, the shopping with interesting indirect experience, and the passive information consumer to the active information provider need two technical elements.

first. Informative services that can induce voluntary participation of users should be provided, and shopping activities should naturally lead to information creation.

The present invention uses DHTML adopted from HTML 4.0 as the site presentation technology. DHTML introduces the concept of Cascading Style Sheets (CSS), which allows you to freely place the desired picture on the web screen.

[Configuration and Function of Invention]-'3. As described in 'Virtual Coordination Room', users are naturally creating a new form of coordination in the process of coordinating their products before purchasing them.

The following is a look at DHTML Cascading Style Sheet (CSS) technology necessary for this process. However, based on MS Explorer 5.0. The syntax differs slightly from Netscape's browser.

In CSS technology, you can use the TAG called <DIV> to place the picture or text you want.

The part placed between <DIV style = "...."> and </ DIV> is called "CSS", and putting one CSS at a desired location is called "Positioning". In the above example, the picture 'sample.gif' is placed at the screen coordinates (100,100) (unit is pixel). When two or more CSS overlaps, the CSS with the larger z-index value appears above the CSS with the smaller z-index value. 'id = item_img1' is an identifier that points to CSS and is used when referring to this CSS in JavaScript. CSS position values or z-index values can be dynamically changed using JavaScript. In the following example,

If you call 'moveImg (200,200)' with the function 'moveImg (x, y)' of the above JavaScript code, the picture on the screen moves to the coordinate value (200,200) (unit is pixel).

Like this, DHTML can make a sentence or picture into CSS and place it freely in the desired position.

second. There must be an appropriate and effective way for the generated information to be actively communicated to site operators or other users.

JavaScript since HTML4.0 adds the ability to handle mouse and keyboard events, allowing users to pinpoint the user's mouse click behavior and mouse location. Using this technique, site visitors can use various products to record the results of their coordination in the server's database. This allows site administrators to obtain differentiated information because existing bulletin boards or user feedback methods only store textual results.

The following is an example of how to obtain the mouse position and click information from JavaScript, which is a technical element required in this process. However, the code is based on MS Explorer 5.0.

The above JavaScript can get the mouse button coordinates whenever the mouse button is pressed, released, or moved.

When the mouse button is pressed, the function 'mouseDown (e)' is called, and the values of 'e.pageX' and 'e.pageY' are the coordinates of the mouse position. 'mouseMove (e)' is called when the mouse moves on the screen, and 'mouseUp (e)' is called when the mouse button is released. Therefore, if you modify the above JavaScript as follows, you can make the image 'item_img1' of the first example move as the mouse moves.

In this code example, if the current mouse pressed position in the 'mouseDown (e)' function is within the area of 'item_img1', the value of 'imgArea' is set to 'true' so that each time the mouse is moved, the 'mouseMove (e)' function Make the picture move by calling 'moveImg (x, y)'. When you release the mouse button, the 'mouseUp (e)' function sets 'imgArea' to 'false' so that the picture does not move even after the mouse moves. In other words, the drag-and-drop operation is achieved by clicking and dragging the picture with the mouse.

The coordinate values of the picture thus obtained are stored in DB table through CGI program and used as 'inverse information'. The process of storing the information in the DB is described in detail below in [Configuration and Operation of the Invention].

[Brief Description of System Blueprint]

System Blueprint 1-System for building the present invention on the web

1) Web server and CGI program-Web server handling HTTP protocol and CGI program handling all procedures

2) MODEL_TBL, CODY_TBL, ITEM_TBL: DB table that stores product and coordination information

3) HardDisk: Disk that stores a picture of the product

System Blueprint 2-DB Table Structure to Store Data of the Present Invention

1) Coordinate Model Table: MODEL_TBL

-Registration table for the model to be coordinated (fashion model, interior model, etc ..)

2) Product Item Table: ITEM_TBL

-Individual product information record table

3) Coordination Result Table: CODY_TBL

-Result record table that coordinates individual products to model

Key term definition

'Reverse information' (새로운 情報)-New information that a user combines, processes and fragments the information provided by the operator and, conversely, provides the operator and other users Here, the preferences of individual products or a new form of coordination completed by combining

'Product Showcase'-A virtual place to view and search product information and photos for each company

'Cody Works Exhibition Room'-A virtual place where photographs of coordinated works are registered by combining various products

'Third-Party Products'-Products from Different Manufacturers

'Coordination Model'-Who will coordinate the individual products. In the case of fashion products, photos of mannequins or real models;

'Other items' (他 品目)-Different types of products that can be combined into one 'coordinate model'. For fashion products, 'clothing' and 'shoe'

According to the accompanying system blueprint, the present invention will be described in detail as follows.

1. Category setting and coordination environment among combinable products

First, in order for multiple items to be coordinated in one model, a coordination model (MODEL_ID) must be specified in which individual items can be coordinated on one screen. Therefore, the site administrator can collect the items that can be combined in one model. Should be set.

(Example) In the case of fashion models, the range of coordinated items such as hat clothes shoes bag accessories, the interior model, whether to include furniture, etc.

Second, the determined models and products are designated and stored according to the 'Coordination Model Table' and the 'Product Item Table' (System Blueprint 2).

1) Determine the coordination model (MODEL_ID) that the product will be coordinated.

Example: A model to coordinate fashion items becomes a photograph of a mannequin or a person, and a model to coordinate interior products becomes a photograph of a living room, a room, a bathroom, a porch, and the like.

2) Designate the coordinating number (CODY_ID) which product can be coordinated to which coordination model.

(Example) In the case of a fashion model, the head to be coordinated with a hat is designated with CODY_ID of 1, and the upper part of the body to be coordinated with CODY_ID of 2, etc.

3) Specify the z-index value of the product. In DHTML, the z-index value is used to determine which of the overlapping pictures is shown above. The larger the z-index value is the outerwear.

(Example) Even if the jacket has the same coordination position, the jacket should be coordinated outside the T-shirt, so the z-index value is set to 1 for the T-shirt and 2 for the jacket.

4) Take a picture with the product coated (or decorated) at the coordination position of the actual model, and cut out only the shape of the product using tools such as Lasso, Pen, and Magic wand in the 'photo shop' program. This photo is used as ITEM_IMG, and even if the same product can be transformed according to the method of production, several pictures are taken and stored.

(Example) in the case of a jacket

In the case of a scarf, it is tied up sideways and stretched sideways

5) Save the product picture on the server's disk and register it in the product management table (ITEM_TBL).

(Save BOOTH_ID, MODE_ID, ITEM_ID, CODY_ID, Z_INDEX values)

2. Product Showcase (ITEM_TBL)

The showcase is designed to enhance product search so users can view registered items (ITEM_TBL) and select products to order or coordinate faster and more conveniently.

1) If you select a category by product, photos of the product will be listed.

2) When the mouse passes over the picture, the product's trademark and price information is displayed in the form of a balloon help immediately. For more details, click the 'Product Information button'.

3) It is also possible to search using the product property value (ITEM_COMMENT). In ITEM_TBL, ITEM_COMMENT contains words that describe the characteristics of the product (color, material, price, brand name, etc.), which are used in the search.

(Example) If the user wants to specify the color, price range, etc. in detail, only the corresponding product picture will be listed on the screen.

4) If you want to purchase, you can order immediately by clicking 'Order' button.

5) If you want to coordinate, select the product you want to coordinate and click 'Register Coordination Box' and the product's ITEM ID is transferred to 'Virtual Coordination Room' by technical means 'Cookie'.

3. Virtual Coordination Room

This coordination room is a place where users can virtually execute combinations of products before purchasing them, and provides a function for previewing coordination between 'third-party products' or 'other items' which is almost impossible in reality.

The user's product coordination process is as follows.

1) Select the desired model (MODEL_ID) and the photo (MODEL_IMG) of the model will appear on the left side of the screen.

2) Open the 'Coordination Box' and the pictures of the product selected in the product showcase are listed on the right side of the screen.

3) Click on the product photo (ITEM_IMG) with the mouse to show the form that can be drawn.

4) Using the mouse, the picture of the desired direction form is coordinated by drag-and-drop method to the coordination position (CODY_ID, CODY_POS) of the model MODEL_ID.

5) Repeated coordination is possible several times, and you can open the product showcase during the coordination and receive other products through the 'coordinate box'.

6) After the coordination, the photo of the coordination model and detailed information of the products used for coordination can be displayed. The coordination result is stored in the coordination result table (CODY_TBL), so it can be ordered as it is.

7) If you press the 'Exit' button, you will be prompted with a dialog box to simply display 'Yes / No' (SHOW = 1/0) to display in the 'User Works Exhibition Room' (CODY_TBL). The user can register in the 'Cody Works Showroom' simply by answering 'Yes / No' to visit the showroom to register the finished product in the showroom.

4. Coordination artwork storage structure

The registered coordination works are stored in the DB of the server according to the coordination result table of <System Blueprint 2>.

Coordinate item (ITEM_LIST) is a result of placing a product on a photograph (MODEL_IMG) of the model to be coordinated MODEL_ID, and has a structure that lists the product (ITEM_ID) as shown below.

(Example) If you are a fashion coordinator

Where each product (ITEM_ID) listed in the above list is located on the picture (MODEL_IMG) of the coordination model (MODE_ID) is interpreted differently depending on the model (MODEL_ID).

For example, when MODEL_ID is a fashion model, the coordinate (CODY_POS) value where each item (ITEM_ID) will be located is interpreted as follows.

For example, the hat ('ITEM_ID' 1) is the item to be placed in 'CODY_ID' 1, so the coordinate value of the position on the model's photograph is obtained from the value of 'CODY_POS' 1 of the coordinate model table (MODEL_TBL).

5. User Coordination Works Exhibition Room

The showroom is not only a contest to show off individual coordination skills, but it also provides site visitors with the latest trends and novel coordination information, and the product producers become an important information store where consumers can know their purchasing preferences.

1) The user can look up the registered coordination picture, select the best or favorite works and click on them. These click strokes are displayed below the photo of the work and accumulate over a period of time.

2) In order to overcome the limitations of the exhibition space and to improve the quality of the exhibition room, only the excellent coordination works are left at regular intervals based on the user's evaluation, and other works are deleted to allow continuous registration.

3) It is also possible to search only for coordinating works using a specific product by specifying the product serial number (ITEM_ID). This is useful for comparative analysis of coordination methods with other users by suggesting various coordination methods using the same product.

(Example) If you search for the blue jacket by designating the product number 0001, only the coordination works on which the blue jacket is worn are listed on the screen.

4) You can also search using product specific (ITEM_COMMENT).

(Example) List only works coordinated with a red top.

5) The individual work information of the registered coordination product can be searched and printed.

6. Reverse Information Extraction Procedure

The shopping mall has a 'virtual coordination room' where users can combine the products offered by the operator and a 'cody art exhibition room' which stores this record. : Coordination method, trend information, consumer taste, etc.) is operated as a system that can be provided from the user in reverse. This is what we call 'reverse information', which is different from the existing shopping malls that used to deliver only one-sided product information.

Since the user can search for information provided by other users through the 'Cody Works Exhibition Room', the following describes an operator's reverse information extraction process.

(1) specific product preferences

1) When the user searches for 'product showcase' and inputs the product to be coordinated in the 'coordinate box', this product is 1point according to the number of times in the 'POINT' of the product in the product item table (ITEM_TBL) of DB in the system. Will be stored.

2) When the user completes the final coordination and registers in the 'Cody Works Exhibition Room', the product used is extracted from 'ITEM_LIST' of 'CODY_TBL' and stored in the POINT of 'ITEM_TBL' as shown in 1).

3) The product ordered by the user is also stored 1point by 1).

4) Points stored in steps 1) to 3) are accumulated over a period of time, and the higher this accumulated value, the greater the consumer preference of the product.

(2) Coordination Trends of Consumers

1) Visitors of the Cody Works showroom will be allowed one click to the best or favorite coordination work, and the number of points will be stored and accumulated one point at 'POINT' in the 'Cody Results Table' (CODY_TBL). Also displayed.

2) The higher the cumulative value in 1), the better the consumer response, which is interpreted as being close to the latest fashion.

3) From the coordination result registered in 'CODY_TBL', the work using the specific product (ITEM_ID) is searched to grasp the consumer's purchasing behavior related to the specific product.

Ex) You can analyze the trends of purchasing the tops, shoes, bags, etc. of people who wear jeans by searching only works coordinated with jeans.

User side

1) Get rid of the boredom from fixed enumerated information and induce interesting and beneficial internet shopping through indirect experience in virtual space.

2) It is not only easy to analyze the comparison between brands or items before purchasing a product, but also to consider harmony among various products, making it possible to establish a more specific and reasonable purchase plan.

3) The dynamic composition and combination of products are free and anyone can express their personality as a coordinator, which leads to the creation of new information through information processing.

Operator side

1) In the process of selecting a product to be coordinated, users become more aware of each product, thus enabling more effective advertising.

2) It can be used as basic analysis data for new product production and sales strategy by receiving consumer purchase preferences.

3) Minimize the burden of product failure by exploring consumer response to product design with samples only before product launch.

4) Creating a link between a product and a product can raise the potential appetite for related products.

Claims (3)

In the process of establishing a 'virtual coordination room' to enable coordination between third-party products or other items that are impossible in reality, How to use cookie technology to collect information about individual products in 'virtual coordination room' How to combine individual product photos onto model photos using DHTML's CSS POSITIONING technology, How to place your product in the correct location using JavaScript's mouse event extraction feature How to find the position of individual products through coordinates of CSS Using the z-index value of CSS to coordinate the face and the inside, How to subdivide the difference according to the form of the product, so that the user can express the desired shape In the procedure of storing the various characteristics of the product and the virtual coordinated result in a DB table and using this information to search for the product, How to search and list products by specifying the product specifications (color, price range, etc.) you want, A method where a user designates a specific product and searches and lists coordination works (combinations of products) that use that product. In the procedure of extracting reverse information (逆 情報), How to automatically store points in 'POINT' of 'ITEM_TBL' when collecting products to be coordinated into 'virtual coordination room' How to save a point to 'POINT' of 'ITEM-TBL' when registering a cody work completed using individual products in the 'Cody Works Exhibition Room', How to save the user evaluation score for the work of 'Cody Works Exhibition Room' as a point in 'CODY_TBL' POINT,