JP5992891B2 - Hierarchical structure display system and member information display system - Google Patents

Description

  The present invention relates to a hierarchical structure display system that efficiently displays a hierarchical structure, and a member information display system that displays member information using the hierarchical structure display system.

  For example, a hierarchical structure display system that displays information having a hierarchical structure such as a company organization chart is widely known. In fact, many presentation software has a function for creating and displaying an organization chart.

  The hierarchical structure display system cannot display on one screen when the number of data is large, and a specific display method is required. In this regard, for example, Patent Document 1 discloses a system that displays and omits lower-level data by moving a cursor.

  On the other hand, when the number of data is large, as disclosed in Patent Document 2, for example, displaying data in a limited manner has been disclosed. However, those disclosed in Patent Documents 1 and 2 do not display many data details corresponding to the area of the displayed region.

  Regarding the use of the hierarchical structure display system, an organization chart and employee information in a company, and member information in some organization can be displayed. In particular, in SNS and multi-level marketing (for example, see Patent Document 3) that has been attracting attention in recent years, information related to a large number of members is displayed. However, various information relating to many members has not been displayed in an easy-to-understand manner.

Japanese Patent Laid-Open No. 06-337768 JP-A-11-345234 JP 2013-084209 A

  It is an object of the present invention to provide a hierarchical structure display system that efficiently displays a hierarchical structure and a member information display system that displays various information related to a large number of members in an easy-to-understand manner using the hierarchical structure display system. To do.

The hierarchical structure display system of the present invention is
A hierarchical structure display system for inputting hierarchical structure data representing a hierarchical structure and creating a hierarchical structure diagram for display based on the hierarchical structure data,
The hierarchical structure data includes node display area information, one or more icon information, one or two or more text information, and one parent node information for all the nodes of the hierarchical structure diagram.
The node display area information includes a size of an area (node display area) for displaying information related to the node in the hierarchical structure diagram,
The icon information includes information representing an icon to be displayed and relative coordinates of a position at which the icon is displayed in the node display area,
The text information includes information representing text to be displayed and relative coordinates of a position at which the text is displayed in the node display area,
The hierarchical structure display system includes node coordinate calculation means and display image generation means,
The node coordinate calculation means calculates the coordinates of a node display area relating to each node in the hierarchical structure diagram,
The display image generating means creates display image data relating to a rectangular area which is a part of the hierarchical structure diagram.

Display image data is created based on the hierarchical structure data. The processing of the node coordinate calculation means that does not create actual image data is easy to execute even when the number of data is large. On the other hand, the processing of the display image generating means for creating actual image data is limited by the calculation amount and the memory capacity. When the number of data is large, image data including all nodes is not displayed at a time. Therefore, display image data relating to a rectangular region that is a portion that is displayed at a time (or a portion that includes the periphery thereof) is created.
Node display area information is used for the processing of the node coordinate calculation means.
In addition, the display of the node in the display is important for easy understanding of the user who views the display. Icon information that facilitates visual recognition and text information that mainly conveys detailed information are used for each node.

The hierarchical structure display system of the present invention is
Works on the server machine,
Receiving the hierarchical data,
The display image data is transmitted.

  The hierarchical structure display system of the present invention can be utilized as an Internet service.

The hierarchical structure display system of the present invention is
Display the hierarchical structure in the rectangular display area on the client terminal,
The display image data includes a display image displayed in the display area,
When the height of the display area is h, the width is w, and the maximum movement distance by one scroll is dy (vertical direction) and dx (horizontal direction),
It further includes an image at a position expanded by h ′ (h ′ ≧ dy) on the top and bottom of the display area and by w ′ (w ′ ≧ dx) on the left and right.

When the number of data is large, images related to all nodes cannot be displayed on one screen, and the user may move the images by performing a scroll operation. In this case, if the client terminal receives the display image data from the hierarchical structure display system operating on the server machine, the response of the scroll operation may be deteriorated. Therefore, an image that can be displayed by a scroll operation by tapping the mouse or tablet terminal is transmitted to the client terminal in advance.
In this case, an image (dx = h ′, dy = w ′) or a larger image (dx <h ′, dy <w ′) having the same size as the scroll distance is displayed on the top, bottom, left, and right of the display image. The image data for display may be transmitted in advance.
Note that the values of dx and dy (maximum movement distance by one scroll) depend on the function of the client terminal. When scrolling is performed by pressing a button for scrolling and the values of dx and dy are fixed, scrolling by dragging is performed and when dx = h and dy = w, other cases are conceivable.

The display program of the present invention includes:
A program that runs on a client terminal and displays a hierarchical structure in a rectangular display area,
When the display is scrolled, only the images used after scrolling that are not included in the display image data received before scrolling are transmitted to the hierarchical display system.

Receive only the required images on demand.
Here, in the “image used after scrolling”, in addition to the image displayed in the display area after scrolling, an image held for future scrolling (up and down h ′ and left and right w ′) is an expanded position. The image of is also included.

The member information display system of the present invention is
Running on the client terminal;
The hierarchical structure between members is displayed using a hierarchical structure display system.

For company employees, SNS users, and multi-level marketing members, there is a hierarchical structure among members depending on the organizational relationship, friendship, and the relationship between the introducer and the referee. Such a hierarchical structure between members is important information, and there is an advantage in displaying it. In addition to these, there may be a hierarchical structure between members.
The “member” may be an individual or a corporation, and is not limited to “a person who voluntarily registers in some community” which is inferred by the word “member”.

The member information display system of the present invention is
View multi-level marketing member information,
The node corresponds to each member,
The parent node is an introducer of a member of the node.

  In multi-level marketing, it is often desirable to know the hierarchical structure among members.

The member information display system of the present invention is
Property information corresponding to each member is held, and the icon information is determined based on the property information.

  In multi-level marketing, there are properties indicating the purchase amount and other member activity results. Although these properties can be displayed as text information, they can be easily understood by displaying with different icons (for example, by distinguishing between icons having different colors).

The member information display system of the present invention is
Create the hierarchical structure data so that each member uses it and the displayed hierarchical structure is limited to the members themselves and the nodes related to the lower members as viewed from the members in use. Features.

  In multi-level marketing, it is often preferable not to disclose each member's information to other members. The hierarchical structure that each member can display is limited to nodes related to the lower members when viewed from the member, thereby preventing undesired information disclosure.

  The hierarchical structure display system of the present invention can efficiently display the hierarchical structure. Depending on the form of implementation of the invention, it can be used as an Internet service, and the scroll operation response in the client terminal can be maintained.

  The display program of the present invention can acquire only necessary images on demand and display images with high response.

  The member information display system of the present invention can efficiently display the hierarchical structure between members. According to the embodiment of the invention, the relationship between the introducer and the introduced person in multi-level marketing can be displayed, the property of the member can be displayed, and undesirable information disclosure can be prevented.

FIG. 1 is a diagram showing a configuration of a hierarchical structure display system. FIG. 2 is a diagram showing hierarchical structure data. FIG. 3 is a diagram showing node display area information. FIG. 4 is a diagram showing icon data. FIG. 5 is a diagram showing text specifications. FIG. 6 is a diagram showing processing of the node coordinate calculation means. FIG. 7 is a diagram showing node coordinate data. FIG. 8 is a diagram showing the processing of the display image generating means. FIG. 9 is a diagram illustrating the processing of the display image generation unit. FIG. 10 is a diagram showing display image data. FIG. 11 is a diagram illustrating a screen of the client terminal. FIG. 12 is a diagram showing the relationship between the screen of the client terminal and the display image data. FIG. 13 is a diagram illustrating a scroll process. FIG. 14 is a diagram showing the configuration of the member information display system. FIG. 15 is a diagram illustrating a screen of the client terminal. FIG. 16 is a diagram showing display image data. FIG. 17 is a diagram showing hierarchical structure data.

  Hereinafter, embodiments of the present invention will be described.

  FIG. 1 is a diagram showing a configuration of a hierarchical structure display system. The hierarchical structure display system 1 and the client terminal 2 are connected via the Internet. Although only one client terminal 2 is displayed in the drawing, a plurality of client terminals 2 may be displayed.

The hierarchical structure display system 1 receives the hierarchical structure data 11 from the client terminal 2 and transmits display image data 18 to the client terminal 2.

The hierarchical structure display system 1 includes node coordinate calculation means 13 and display image generation means 15, and holds node display area information 12, icon data 16, and text specifications 17. Further, the node coordinate data 14 generated by the node coordinate calculation unit 13 and used by the display image generation unit 15 is used.

The hierarchical structure display system 1 receives the hierarchical structure data 11 from the client terminal 2. FIG. 2 is a diagram showing hierarchical structure data. Although the figure shows only data relating to six nodes for the sake of explanation, data relating to a large number (for example, 10,000 or more) of nodes is used in actual use.
In the figure, data for one node is shown in each row. Each node is assigned a unique ID, and an ID of a parent node, an ID of node display area information, an ID of an icon, an ID of a text specification, and a text can be associated with each node. Here, the ID of the icon and the ID of the text specification may not exist, may be one, or may be two or more. The number of texts is the same as the ID of the text specification.

FIG. 3 is a diagram showing node display area information. The node display area information 12 includes a unique ID and the width and height of an area (in this embodiment, a rectangle) that displays information related to the node.
In this embodiment, the hierarchical display system 1 holds the node display area information 12 common to a plurality of client terminals. However, in order to cause each client terminal to set a unique node display area, The node display area information 12 may be included in the structure data 11 and the hierarchical structure display system 1 may receive from the client terminal 2.

  FIG. 4 is a diagram showing icon data. The icon data 16 includes an ID, an image of the icon (in the figure, the image itself is actually the file name of the image file), and an X coordinate and a Y coordinate of the location where the icon is displayed in the node (this embodiment) In the example, the value is how much the upper left vertex of the rectangular icon image is displaced in the right direction (X coordinate) and the lower direction (Y coordinate) from the upper left vertex of the node display area.

  FIG. 5 is a diagram showing text specifications. This is the same as ID, node X coordinate, node Y coordinate, width and height, and icon data. In addition to these, the text specification 17 includes information specifying the font of the text. A format other than font (for example, left alignment or center alignment within a line) may be included.

  The node coordinate calculation means 13 generates node coordinates 14 from the hierarchical structure data 11 and the node display area information 12. Specifically, a rectangular area specified in the node display area information 12 is assigned to each node included in the hierarchical structure data 11 so as to satisfy the following conditions. (1) The areas of a plurality of nodes do not overlap. (2) Child nodes having the same parent node are adjacent in the horizontal direction.

  FIG. 6 is a diagram showing processing of the node coordinate calculation means. In the case where there is an older brother node (a node to which an area having the same parent node is already assigned), the node coordinate calculation means 13 determines the older brother node (if there are a plurality of older nodes, the last area in step S1). The area of the node being processed is allocated to the right next to the sibling node), and the coordinates of the upper left corner of the area are calculated. If there is no brother node (a node having the same parent node that has already been assigned an area), the area of the node being processed is assigned directly below the parent node in step S2, and the coordinates of the upper left corner of the area are assigned. calculate. At this time, it is preferable that the area of the node being processed is not located adjacent to the area of the parent node but is a part separated downward. A space for drawing a line indicating an association of nodes (or an arrow, hereinafter referred to as “connection line”) is secured.

  FIG. 7 is a diagram showing node coordinate data. It is the result of the calculation by the hierarchical structure data 11 shown in FIG. 2 and the node display area information 12 shown in FIG. In addition, when assigning the area of the node to be processed directly below the parent node in step S2, a space of 10 mm is provided between the area of the parent node and the area of the node being processed.

  The display image generation unit 15 generates display image data 18 based on the hierarchical structure data 11, node coordinate data 14, icon data 16, and text specification 17. Specifically, for each node, an icon is drawn at a position determined by the node coordinate data 14 and the icon data 16, and a text designated by the hierarchical structure data 11 is drawn at a position determined by the node coordinate data 14 and the text specification 17. Then, a connection line between the parent node and the child node is drawn according to the hierarchical structure data 11.

FIG. 8 is a diagram showing the processing of the display image generating means. The display image generation means 15 calculates a display range in step S3. If drawing is performed on all nodes when there are a large number of nodes, the image is too large, so only the range required by the client terminal 2 is set as the display range. Therefore, information indicating a necessary range is transmitted from the client terminal 2 to the hierarchical structure display system 1 together with the hierarchical structure data 11 or after the hierarchical structure data 11.
The client terminal 2 often displays two or more display images for one hierarchical structure data 11. In this case, the hierarchical structure data 11 is first transmitted, the node coordinate ID for identifying the hierarchical structure data 11 is received from the hierarchical structure display system 1, and the information indicating the node coordinate ID and the necessary range is received from the second time. If it is made to transmit, it is efficient. This is because transmission / reception of the hierarchical structure data 11 which is large data and processing by the hierarchical structure display system 1 can be omitted.

As information indicating the necessary range, for example, the scale to be displayed, the coordinates of the upper left vertex of the rectangle to be displayed, and the width w and height h to be displayed are transmitted. By transmitting information indicating a necessary range a plurality of times after the hierarchical structure data 11, it is possible to easily change only the node to be displayed without changing the hierarchical structure data 11.

In step S3, the display image generation unit 15 calculates the maximum and minimum values of the X coordinate and the maximum and minimum values of the Y coordinate as a rectangular display range, and stores them. At this time, the scale to be displayed specified by the client terminal, the coordinates of the upper left vertex of the rectangle to be displayed, and the width w and height h to be displayed are converted to match the node coordinates 14 which are numerical values in mm.
The display image generation means 15 draws icons, texts, and connection lines only for the stored values of the maximum and minimum values of the X coordinate and the maximum and minimum values of the Y coordinate.

  FIG. 10 is a diagram showing display image data. This is a result of calculation by the hierarchical structure data 11 shown in FIG. 2, the icon data 16 shown in FIG. 4, the text specification 17 shown in FIG. 5, and the node coordinate data 14 shown in FIG.

  FIG. 11 is a diagram illustrating a screen of the client terminal. In the client terminal 2, an image having a width w and a height h is displayed in the display area 21.

  FIG. 12 is a diagram showing the relationship between the screen of the client terminal and the display image data. Data displayed in the display area of the client terminal is in the rectangle 23 having a width w and a height h. The client terminal 2 receives six pieces of display image data 18 and holds an image having a width (w + 2w ′) and a height (h + 2h ′). Even if there is a scroll operation up to w 'in the width direction and h' in the height direction, a new image can be displayed without being received, and the response is good.

In the display of FIG. 11, it is assumed that scrolling indicated by an arrow of the scroll operation 22 (moving while the left button of the mouse is pressed, and moving with the fingertip touching the screen in a tablet computer) is performed.
FIG. 13 is a diagram illustrating a scroll process. The rectangle 23 moves from 23a to 23b. The client terminal 2 displays image data relating to the rectangular portion shown in gray in the figure so that it can handle the scroll operation up to w ′ in the width direction and h ′ in the height direction for the moved rectangle 23b. 18 is requested to the hierarchical structure display system 1 and received.

  The hierarchical structure display system 1 shown in the first embodiment is used to display member information of multilevel marketing. The hierarchical structure display system 1 is the same as that of the first embodiment, and detailed description thereof is omitted.

  FIG. 14 is a diagram showing the configuration of the member information display system. The member information display system 3 operates on the server. The member uses the member information display system 3 from the client terminal 2. The member information display system 3 includes member information display means 31 and member property data 32. The member information display means 31 uses the hierarchical structure display system 1. However, the display image data 18 is directly transmitted from the hierarchical structure display system 1 to the client terminal 2 without going through the member information display system 3. Thus, the transmission / reception paths of the hierarchical structure data 1 and the display image data 18 may be arbitrarily determined.

FIG. 15 is a diagram illustrating a screen of the client terminal. In the display area 33, the relationship between member introduction and introduction is shown, and the purchase amount of each member is displayed. The arrow points from the introduced member to the introduced member.
There are columns for member name and purchase item selection. By selecting a member whose relationship is to be displayed and a product whose purchase price is to be displayed and clicking the display button 34, the display is adapted to the selection.

  The members whose relationship is to be displayed are limited to the selected member and its subordinate members. Display of personal information that should not be disclosed can be prevented. It is preferable to log in to the member information display system 3 with an ID and a password unique to the member so that only the logged-in member and its subordinate members are displayed.

  FIG. 16 is a diagram showing display image data. The member property data 32 holds data including the relationship between each member's introduction / referral and the purchase amount for each product. The member information display means 31 uses the member property data 32 in accordance with the selection to generate hierarchical structure data 11 corresponding to the display of the figure, and transmits it to the hierarchical structure display system 1. FIG. 17 is a diagram showing hierarchical structure data.

The icons are color-coded according to the purchase amount. In the figure, color coding is shown by shading. Further, a member with a purchase amount of 0 is given an icon ▼. The member information display means 31 calculates the purchase amount and determines the icon of the hierarchical structure data 11.
Each member's activities are visually represented and easily understood.

(Extended example)
Although the embodiments have been described, other embodiments of the present invention are conceivable within the scope of the claims. Such an embodiment also belongs to the technical scope of the present invention. In the following, an example of extending the embodiment is shown for confirmation.

  Even if the server that operates the hierarchical display system and communicates with the client terminal is the same as the server for the homepage as in the first embodiment (FIG. 1), the server for the homepage as in the second embodiment (FIG. 14). And may be separate. In the first embodiment, it can be separated from the homepage server, and in the second embodiment, it can be the same as the homepage server.

  In the embodiment, the client terminal manages the relationship between the screen of the client terminal and the display image data (the client terminal holds an image expanded by w ′ in the width direction and h ′ in the height direction with respect to the screen). However, it can also be managed by a hierarchical display system. It is also possible to design such that an image expanded by w ′ in the width direction and h ′ in the height direction with respect to the screen is transmitted as display image data.

  The process shown in FIG. 6 and the image shown in FIG. 10 are examples. There are various processing procedures (for example, processing is started from the terminal node), and images are also various (for example, in the embodiment, the parent node drawn on the left side of the child node is the child node in the horizontal direction). Is placed in the center of

  The hierarchical structure display system of the present invention can efficiently display the hierarchical structure. Depending on the form of implementation of the invention, it can be used as an Internet service, and the scroll operation response in the client terminal can be maintained. It can be used by many companies, SNS operators, multi-level marketing operators, and software developers.

  The member information display system of the present invention can efficiently display the hierarchical structure between members. According to the embodiment of the invention, the relationship between the introducer and the introduced person in multi-level marketing can be displayed, the property of the member can be displayed, and undesirable information disclosure can be prevented. It can be used by many multi-level marketing operators.

DESCRIPTION OF SYMBOLS 1 Hierarchical structure display system 11 Hierarchical structure data 13 Node coordinate calculation means 15 Display image generation means 18 Display image data 2 Client terminal 21 Display area 3 Hierarchical structure display system 32 Member property data

Claims (8)

A hierarchical structure display system for inputting hierarchical structure data representing a hierarchical structure and creating a hierarchical structure diagram for display based on the hierarchical structure data,
The hierarchical structure data includes node display area information, one or more icon information, one or two or more text information, and one parent node information for all the nodes of the hierarchical structure diagram.
The node display area information includes a size of an area (node display area) for displaying information related to the node in the hierarchical structure diagram,
The icon information includes information representing an icon to be displayed and relative coordinates of a position at which the icon is displayed in the node display area,
The text information includes information representing text to be displayed and relative coordinates of a position at which the text is displayed in the node display area,
The hierarchical structure display system includes node coordinate calculation means and display image generation means,
The node coordinate calculation means calculates the coordinates of a node display area relating to each node in the hierarchical structure diagram,
The display image generation means creates display image data relating to a rectangular area which is a part of the hierarchical structure diagram. Works on the server machine,
Receiving the hierarchical data,
The hierarchical structure display system according to claim 1, wherein the display image data is transmitted. Display the hierarchical structure in the rectangular display area on the client terminal,
The display image data includes a display image displayed in the display area,
When the height of the display area is h, the width is w, and the maximum movement distance by one scroll is dy (vertical direction) and dx (horizontal direction),
The hierarchy according to claim 2, further comprising an image at a position expanded by h ′ (h ′ ≧ dy) on the top and bottom of the periphery of the display area and by w ′ (w ′ ≧ dx) on the left and right. Structure display system. A program that runs on a client terminal and displays a hierarchical structure in a rectangular display area,
4. When the display is scrolled, only the images used after scrolling that are not included in the display image data received before scrolling are transmitted to the hierarchical structure display system according to claim 3, program.   A member information display system for displaying a hierarchical structure between members using the hierarchical structure display system according to any one of claims 2 to 4. View multi-level marketing member information,
The node corresponds to each member,
6. The member information display system according to claim 5, wherein the parent node is an introducer of the member of the node.   7. The member information display system according to claim 6, wherein property information corresponding to each member is held and the icon information is determined based on the property information.   Create the hierarchical structure data so that each member uses it and the displayed hierarchical structure is limited to the members themselves and the nodes related to the lower members as viewed from the members in use. 8. The member information display system according to claim 6, wherein the member information display system is characterized.