JP6242658B2 - Content display device - Google Patents

Description

  Embodiments described herein relate generally to a content display device.

  It is common for users to browse the same content on terminals with different display sizes, such as personal computers, tablets, and smartphones.

  Generally, content includes symbolic expressions (symbols) that visualize information, such as a pie chart or a line chart on a map.

  When browsing a content that assumes a large display area as it is in a small display area, the display of symbols in the content is too fine to read information.

  Therefore, it is necessary to develop content according to the display size of the terminal, but the development of completely different content for each device requires a large amount of man-hours.

  On the other hand, it is desirable for a user viewing content to be able to browse content with a small number of operations so that the tendency of data can be grasped. However, if content that has been sized for a personal computer is reduced and used in a smartphone as it is, it is too fine to read the data.

  As described above, there is a problem that it is desired to display the content adapted to the display area size at a time so that the user can see the content and grasp the tendency of the data without depending on the type of the terminal.

JP 2004-348283 A JP 2005-4396 A

  The problem to be solved by the present invention is to provide a content display device capable of displaying content adapted to the display area size without depending on the type of terminal.

The content display device according to the embodiment is a content display device that displays a part of content including a symbol that is obtained by visualizing statistical data, and is basic HTML information related to a display element other than the symbol. The content appearance designation information, the statistical data corresponding to all statistical unit levels indicating the granularity of the statistical data, the display content acquisition unit for acquiring the external size determination element of the content, and the content A size acquisition unit that acquires a display area size to be obtained from a display; a statistical unit level determination unit that determines the statistical unit level and edits the HTML information and the appearance designation information according to the determined statistical unit level; An appearance finger that interprets the appearance designation of the content based on the edited HTML information and appearance designation information. An information interpreting unit, acquires HTML information after the appearance specified by the appearance designation information interpretation unit, and a display processing unit for displaying the content after appearance tuning the display area, comprising.

It is a block diagram which shows schematic structure of the content display apparatus which concerns on embodiment of this invention. It is a flowchart which shows the flow of a process in a statistical unit level determination part. It is a flowchart which shows the flow of the reduction process of a content external size. It is a figure which shows the example which displays a pie chart for personal computers and smart phones. The statistical unit level in an Example and the number of pie charts are tabulated. It is a flowchart which shows the flow of the edit process of the external appearance designation information in an Example. It is a flowchart which shows the flow of the edit process of the external appearance designation information in an Example.

  Hereinafter, an embodiment of the present invention will be described with reference to the drawings. In the drawings, the same portions are denoted by the same reference numerals, and redundant description is omitted.

  First, main terms used in the present embodiment will be described.

  “Display area” refers to an area in which content can be displayed.

  “Display area size” refers to the size of an area in which content can be displayed. When the display area is limited to a part of the display, the display area size may be smaller than the display size.

  “Content” refers to the entire content to be displayed.

  “Content external size” refers to the external size of the entire content to be displayed. The content external size may be larger than the display area size. The content external size is set by the content designer.

  A “symbol” refers to an element that constitutes a symbolic expression that visualizes data. The size of individual symbols and the distance between symbols can be changed. For example, there are each pie chart when a pie chart is arranged on a map to show data for each area, each plot point in a line chart, and each bar in a bar chart.

  “Statistical unit” refers to a criterion for dividing data into a plurality of groups. The smaller the statistical unit, the larger the number of groups, and the coarser the statistical unit, the smaller the number of groups. For each group, the representative value of the group can be determined. The method of determining the statistical unit is not uniform, depends on the content, and depends on the intention of the content screen designer.

In the present embodiment, it is realized how to display data that can change the statistical unit in an easy-to-view manner for the user. An example of data that can change the statistical unit is:
(A) Geographic data accumulated by district (country / region / prefecture / city / district)
(B) Time series data accumulated in seconds (year / month / week / day / hour / minute / second)
(C) Organizational data accumulated on an individual basis (school / grade / class / individual)
Etc.

  “Statistical data” refers to data that can be expressed in a plurality of statistical units having different granularities and is statistically calculated with a granularity of a certain statistical unit.

  “Statistical unit level” represents the granularity of statistical units. This is because statistical data is not handled as it is, but is easy to handle. For example, the smaller the statistical unit of data, the lower the statistical unit level can be defined, but conversely, the finer the statistical unit of data, the higher the statistical unit level can be defined. In this embodiment, the number of symbols to be displayed is determined for each statistical unit level, and the number of symbols to be displayed is increased by making the statistical unit finer, and the number of symbols to be displayed is reduced by making the statistical unit coarser. (See FIG. 5 described later). The highest statistical unit level is defined as level Max.

For example, when displaying data for each area in Japan as a pie chart on a map,
0: Statistics dividing each prefecture into two areas (North / South or East / West, etc.)
1: Statistics for each prefecture 2: Statistics are divided into 9 areas with multiple prefectures as one area.

  If the statistical unit level is high, the number of symbols to be displayed is reduced, so that it is easy to reduce the content external size while maintaining a readable display. On the other hand, if the statistical unit level is low, the number of symbols to be displayed increases, and the content outline size tends to increase in order to maintain a display capable of reading data.

  In this embodiment, focusing on the statistical unit of data, the smaller the statistical unit of the data, the lower the statistical unit level is defined. When the content display area size is small, the statistical unit level is increased and the number of symbols displayed is increased. The content outline size is reduced by reducing the distance between symbols. In order to prevent the distance between specific symbols from becoming too small, an allowable minimum distance between each symbol is set in advance for each symbol. Specifically, it is determined by the designer of the content display device and stored in the server.

  At the same time, consider reducing the symbol size. In order to prevent the symbol size from becoming too small, an allowable minimum size of each symbol is set in advance for each symbol. Specifically, it is determined by the designer of the content display device and stored in the server. This is to maintain a state in which data can be read by setting the minimum distance between symbols and the symbol size.

  Whether the content outline size is equal to or smaller than the display area size is checked in ascending order from the lowest statistical unit level to determine the statistical unit level. The initial statistical unit level may be level 0 or any other preset level.

  FIG. 1 is a block diagram showing a schematic configuration of a content display apparatus according to an embodiment of the present invention. This apparatus can be implemented as a client terminal connected to a server, for example, a smartphone or a tablet terminal.

  As shown in FIG. 1, the content display device 100 according to the present embodiment mainly includes a display content acquisition unit 11, a size acquisition unit 12, a statistical unit level determination unit 13, an appearance designation information interpretation unit 14, and a display processing unit 15. It is a configured client terminal.

  The display content acquisition unit 11 connects to a server outside the content display device 100, and acquires basic HTML, appearance designation information, data of all statistical unit levels, and content outline size determination elements.

  The timing of obtaining statistical unit level data from the server depends on the implementation. First, all statistical unit level data may be acquired from the server. Alternatively, statistical unit level 0 data may first be acquired, and statistical unit level 0 data may be created on the client side using statistical unit level 0 data. Furthermore, in the process of determining the statistical unit level, the data may be acquired from the server each time the statistical unit level to be determined is set.

  The acquired basic HTML, appearance designation information, data of all statistical unit levels, and content outline size determining elements are sent to the statistical unit level determining unit 13.

  Basic HTML is information for displaying display elements other than symbols. For example, it is HTML information related to a title of a certain screen or an image of a Japanese map that becomes a background when arranging a pie chart on a map.

  The appearance designation information is information relating to the size, color (color), transparency degree, etc. of the content, for example.

  The data of all statistical unit levels is statistical unit data corresponding to all statistical unit levels. For example, statistical unit data for each prefecture.

  The content outline size determining element includes the ID of each symbol, the ideal size Lb of each symbol, the ideal position Pb of each symbol, the minimum allowable size Ls of each symbol, and the allowable size between each symbol at each statistical unit level. Information on the minimum distance Ds and the area Pa where each symbol can be arranged.

  The size acquisition unit 12 acquires the display area size. For example, the display area size is determined by a display (display) that displays content. The acquired display area size is sent to the statistical unit level determination unit 13.

  The statistical unit level determination unit 13 determines a statistical unit and edits HTML and appearance designation information according to the determined statistical unit. The edited HTML and appearance designation information are sent to the appearance designation information interpretation unit 14.

  The appearance designation information interpretation unit 14 interprets the appearance designation of the content such as the size, position, and color (color) based on the edited HTML and the appearance designation information. The HTML after the appearance designation is sent to the display processing unit 15.

  The display processing unit 15 displays the content after appearance adjustment in the display area of the content display device 100.

  Next, the process of the statistical unit level determination unit 13 in the content display device 100 configured as described above will be described.

<Processing of statistical unit level determination unit>
FIG. 2 is a flowchart showing the flow of processing in the statistical unit level determination unit.

  First, the statistical unit level is set to 0 (step S201). The initial value of the statistical unit level L is not necessarily limited to 0.

  Next, the outline size of the content is calculated based on the HTML, appearance designation information, statistical unit level L data, the ID of each symbol, the ideal size Lb, and the ideal position Pb (step S202). Regarding the specification of the size and position, depending on the mounting method, (1) what must be determined directly at the time of HTML editing by the statistical unit level determination unit 13, and (2) later on the edited HTML as appearance designation information Two types are possible and may be mixed.

  Subsequently, it is determined whether or not the external size of the content is equal to or smaller than the display area size (step S203). If it is less than the display area size (Yes in step S203), the process proceeds to step S207.

  If it is not less than the display area size (No in step S203), then consider reducing the content outline size (step S204). Details of the processing here will be described later.

  Next, it is determined whether or not the external size of the content is equal to or smaller than the display area size (step S205). If the display area size can be reduced (Yes in step S205), the process proceeds to step S207.

  If it cannot be made smaller than the display area size (No in step S205), it is next determined whether L is equal to Max (step S206). Note that Max is determined in advance by the designer of the content display device.

  If L is not equal to Max (No in step S206), 1 is added to the statistical unit level L (step S211), and the process returns to step S202.

  On the other hand, if L is equal to Max (Yes in step S206), the statistical unit level L is determined (step S207).

  Subsequently, the HTML is edited based on the content examined when the statistical unit level is determined (step S208). Here, the specific editing method depends on the implementation of the content display apparatus 100. Generally, a screen displayed by a browser is written in text using HTML, and the browser arranges symbols and text on the screen based on the text. In the “basic HTML” text sent from the display content acquisition unit 11 to the statistical unit level determination unit 13, symbol information whose number / size is determined according to the change of the statistical unit level is not yet described. For example, the map of the background part that does not depend on the statistical unit level, the text of the title part of the content, etc. are already described, and the content that is displayed by adding symbol information etc. to the sentence after the statistical unit level is determined Is completed.

  Next, it is determined whether the appearance designation information needs to be edited (step S209). The determination result here depends on whether there is a size or position designation corresponding to (2) above.

  If editing is necessary (Yes in step S209), the appearance designation information is edited (step S210), and the process ends. If no editing is necessary (No in step S209), the process is terminated.

  In the above flow, the HTML is edited after the statistical unit level L is determined, but the HTML may be sequentially edited in the process of determining the statistical unit level.

  In addition, it is necessary for the designer to determine a display method in advance when there is no statistical unit in which the content outer size is smaller than the display area size. In the present embodiment, the statistical unit level is changed to display within the display area size. For example, it is possible to forcibly reduce the content outline even if it becomes difficult to read. Alternatively, it may be possible to allow the content to protrude outside the display area and have the user (browser) scroll to see the protruding portion.

<Reduction of content external size>
FIG. 3 is a flowchart showing the flow of the content outline size reduction process.

  First, the position of each symbol is searched such that the distance between each symbol is equal to or greater than the minimum distance Ds and the position of each symbol falls within the placeable area Pa, and one candidate is extracted (step S301). This process is the beginning of a series of processes that attempt to make the content outline size smaller than the display area size simply by adjusting the distance between symbols without changing the symbol size.

  Next, it is determined whether or not there is a candidate (step S302).

  If there is no candidate (Yes in step S302), the process moves to step S306 in order to give up handling only by adjusting the distance between symbols and to consider reducing the symbol size.

  On the other hand, if there is a candidate (No in step S302), content outline size based on HTML, appearance designation information, statistical unit level L data, ID of each symbol, ideal size Lb, and position of each symbol in the search result Is calculated (step S303).

  Next, it is determined whether or not the content outer size is equal to or smaller than the display area size (step S304).

  If it is smaller than the display area size (Yes in step S304), the process is terminated.

  On the other hand, if it is not smaller than the display area size (No in step S304), it is determined whether or not another candidate exists (step S305).

  If another candidate exists (Yes in step S305), the process proceeds to step S301.

  On the other hand, if there is no other candidate (No in step S305), the size of each symbol is not less than the minimum size Ls, the distance between each symbol is not less than the minimum distance Ds, and the position of each symbol can be arranged in the region Pa. The size and position of each symbol that falls inside is searched, and one candidate is extracted (step S306).

  Subsequently, the content outline size is calculated based on the HTML, appearance designation information, statistical unit level L data, the ID of each symbol, and the size and position of each symbol in the search result (step S307).

  Next, it is determined whether a candidate has been found (step S308).

  If no candidate is found (No in step S308), the content outline size reduction processing ends.

  On the other hand, if a candidate is found (Yes in step S308), it is determined whether the content outline size is equal to or smaller than the display area size (step S309).

  If the size is smaller than the display area size (Yes in step S309), the content outline size reduction processing ends.

  On the other hand, if it is not smaller than the display area size (No in step S309), it is determined whether there is another candidate (step S310).

  If there are other candidates (Yes in step S310), the process returns to step S306, and if there are no other candidates (No in step S310), the content outline size reduction processing ends.

<Example>
Next, an example of drawing a pie chart of regional data on a map will be described. FIG. 4A shows an example in which a pie chart is displayed with statistics for each prefecture for a personal computer, and FIG. 4B shows an example in which a pie chart is displayed with statistics for each local area for a smartphone. According to the present embodiment, different pie charts can be displayed on both devices, so that the user can see the overall trend in Japan.

  The present embodiment is an example in which data indicating the ratio of the number of convenience store A stores in the total number of convenience store stores in each area of Japan is displayed as a pie chart on a map. Here, the following statistical unit level data is assumed.

0: Statistics dividing each prefecture into two areas (North / South or East / West, etc.)
1: Statistics for each prefecture 2: Statistics with a plurality of prefectures as one region and divided into 9 regions FIG. 5 is a table showing the statistical unit level and the number of pie charts in the example.

  The ideal statistical unit level is 1, but it is too fine to display with a display area size of 320x480px on a smartphone, so the statistical unit level 2 is displayed.

The symbol is a pie chart
It is assumed that the ideal size of each symbol is a uniform value and Lb = 55 px (diameter) is given.

  It is assumed that the minimum allowable size of each symbol is a uniform value and Ls = 50 px (diameter) is given.

  It is assumed that the minimum allowable distance between symbols is a uniform value and Ds = 10 px is given.

  Assume that Pb1 to Pbn are given as ideal positions of the respective symbols.

  It is assumed that areas Pa1 to Pan where each symbol can be arranged are given.

  6 to 7 are flowcharts illustrating the flow of editing processing of appearance designation information in the embodiment. Since the basic processing flow is the same as the processing shown in FIGS. 2 and 3, the processing according to the embodiment will be described in detail.

  First, the statistical unit level L is set to 1 in order to set the statistical unit level designated in advance to an initial value (step S601).

  Next, the content outline size is calculated based on the statistical unit level L data and HTML, appearance designation information, the ideal size 55px of each symbol and the ideal positions Pb1 to Pb47 (step S602).

  Subsequently, it is determined whether or not the external size of the content is equal to or smaller than the display area size (step S603). If it is below the display area size (Yes in step S603), the process proceeds to step S607.

  In the embodiment, when L = 1 (the number of symbols is 47) and each symbol is arranged at an ideal position with a symbol size of 55 px, the content outline size exceeds the display area size.

  If it is not less than the display area size (No in step S603), then consider reducing the content outer size (step S604). Here, it is examined whether 47 symbols can be displayed by changing the position and size of the symbols to reduce the content external size. Details of the processing will be described along the content outline size reduction processing shown in FIG.

In the content external size reduction process shown in FIG.
First, the positions of the symbols are searched such that the distance between the symbols is within the minimum distance 10 px or more and the positions of the symbols fall within the regions Pa1 to Pa47, and one candidate is extracted (step S701). In Pa1 to Pa47, areas that can be arranged are limited so that they do not deviate greatly from the prefectures related to each pie chart on the map.

  Next, it is determined whether or not there is a candidate (step S702).

  If there is no candidate (Yes in step S702), the process moves to step S706 in order to abandon the response only by adjusting the distance between symbols and to consider reducing the symbol size.

  In the embodiment, if the position is shifted, the distance between symbols becomes 10 px or less, so there is a candidate (No in step S702). Therefore, the content outline size is calculated based on the HTML, appearance designation information, statistical unit level L data, the ID of each symbol, the ideal size Lb, and the position of each symbol in the search result (step S703).

  Next, it is determined whether or not the content outer size is equal to or smaller than the display area size (step S704).

  If it is equal to or smaller than the display area size (Yes in step S704), the process is terminated.

  On the other hand, if it is not smaller than the display area size (No in step S704), it is determined whether there is another candidate (step S705).

  If another candidate exists (Yes in step S705), the process proceeds to step S701.

On the other hand, if there is no other candidate (No in step S705), the size of each symbol is 50px or more, the distance between each symbol is 10px or more, and the area where the position of each symbol can be arranged
The size and position of each symbol that falls within Pa1 to Pa47 are searched, and one candidate is extracted (step S706).

  Subsequently, the content outline size is calculated based on the HTML, appearance designation information, statistical unit level L data, the ID of each symbol, and the size and position of each symbol in the search result (step S707).

  Next, it is determined whether a candidate has been found (step S708).

  If no candidate is found (No in step S708), the content outline size reduction processing ends.

  On the other hand, if a candidate is found (Yes in step S708), it is determined whether or not the content outline size is equal to or smaller than the display area size (step S709).

  If it is equal to or smaller than the display area size (Yes in step S709), the content outline size reduction processing ends.

  On the other hand, if it is not less than the display area size (No in step S709), it is determined whether there is another candidate (step S710).

  If another candidate exists (Yes in step S710), the process returns to step S706. In the embodiment, the size is reduced to 50 px and all candidates are examined. However, if 47 pieces are arranged, the content outline size becomes too large.

  Therefore, the content outline size reduction process is temporarily ended through Steps S706, S707, and No in Step S708.

  Next, returning to FIG. 6, it is determined whether or not the external size of the content has been made smaller than or equal to the display area size (step S605). If the display area size can be reduced (Yes in step S605), the process proceeds to step S607.

  If L = 1 and the display area size cannot be reached (No in step S605), it is next determined whether L is equal to Max (step S606).

  If L is not equal to Max (No in step S606), 1 is added to the statistical unit level (step S611), the statistical unit level is increased to 2, and the process returns to step S602.

  The content outline size is calculated based on the statistical unit level L data, HTML, appearance designation information, ideal size 55px of each symbol and ideal positions Pb1 to Pb9 (step S602). However, even if L = 2 (the number of symbols is 9), if each symbol is arranged at an ideal position with a symbol size of 55 px, the content outline size exceeds the display area size.

  Therefore, in step S604, it is examined whether nine symbols can be displayed by changing the position and size of the symbols to reduce the content outline size.

  Returning to FIG. 7, even if the position of each symbol is shifted in the region specified by Pa1 to Pa9 in step S702, there is no candidate that satisfies the condition that the distance is 10 px or more (Yes in step S702).

  When the process proceeds and the symbol size is 50 px in step S708, there is a candidate that satisfies the condition that the distance is 10 px or more (Yes in step S708). Then, in step S709, it has been found that the content external size also falls within 320x480px (Yes in step S709).

  If there is no other candidate (No in step S710), the content outline size reduction processing is terminated.

  Returning to FIG. 6, it is determined whether or not the external size of the content is equal to or smaller than the display area size (step S605). When L = 2, the external size of the content can be made equal to or smaller than the display area size (Yes in step S605), the process proceeds to step S607.

  Here, the statistical unit level is determined to be 2 (step S607).

  Subsequently, the HTML is edited according to the determined number of symbols and size (step S608). Here, a description for expressing the data in a pie chart is added.

  Next, it is determined whether or not it is necessary to edit the appearance designation information (step S609), the position of the pie chart is described by editing the appearance designation information in step S610, and the process is terminated.

<Modification>
In the configuration described above, the display area size is acquired by the client, and the statistical unit determination and HTML editing are also performed by the client. However, the display area size acquired by the client may be sent as information from the client to the server.

  In this case, a method may be used in which statistical unit determination and HTML editing are performed on the server side, and the client receives the edited HTML.

  Alternatively, a method may be used in which display area size acquisition and statistical unit determination are performed by the client, the result is notified to the server side, HTML editing is performed on the server side, and the edited HTML is received by the client.

  Further, when all necessary information is prepared on the client side, all processing may be performed on the client side without communicating with the server.

  As described above, according to the present embodiment, when the display area size is small, the number of symbols is reduced, so that the distance between symbols and the size of the symbols that can be read by the user can be maintained. Further, since it is possible to avoid the content external size exceeding the display area size, it is possible for the user to reduce troubles such as scrolling, screen movement, and enlargement / reduction.

  Although several embodiments of the present invention have been described, these embodiments are presented by way of example and are not intended to limit the scope of the invention. These novel embodiments can be implemented in various other forms, and various omissions, replacements, and changes can be made without departing from the scope of the invention. These embodiments and modifications thereof are included in the scope and gist of the invention, and are included in the invention described in the claims and the equivalents thereof.

DESCRIPTION OF SYMBOLS 100 ... Content display apparatus 11 ... Display content acquisition part 12 ... Size acquisition part 13 ... Statistical unit level determination part 14 ... Appearance designation | designated information interpretation part 15 ... Display processing part

Claims (9)

A content display device for displaying a part of content including a symbol formed by visualizing statistical data,
Basic HTML information related to display elements other than the symbol, appearance specification information of the content, statistical data corresponding to all statistical unit levels indicating the granularity of the statistical data, and the external size determination element of the content A display content acquisition unit to acquire;
A size acquisition unit for acquiring a display area size for displaying the content from a display;
A statistical unit level determining unit that determines the statistical unit level and edits the HTML information and the appearance designation information according to the determined statistical unit level;
An appearance designation information interpretation unit for interpreting the appearance designation of the content based on the edited HTML information and appearance designation information;
A display processing unit that acquires the HTML information after the appearance designation from the appearance designation information interpretation unit and displays the content after the appearance adjustment in a display area;
A content display device provided.   The content display device according to claim 1, wherein the number of symbols to be displayed in the content is determined for each statistical unit level. The number of symbols is increased to the display the statistical unit level data as lower, the content display device according to claim 2 in which the number of symbols is reduced to the display the higher the statistical unit level.   The content display device according to claim 3, wherein the determination of the statistical unit level is performed by repeating determination toward a direction in which the number of symbols to be displayed decreases in order from a certain statistical unit level.   The display unit according to claim 3, wherein when the display area size is small, increasing the statistical unit level representing the granularity of the statistical data reduces the number of symbols that are elements constituting a symbolic representation visualizing the data. Content display device. The outline size determining element of the content includes, for each statistical unit level, the ID of the symbol, the ideal size of the symbol, the ideal position of the symbol, the minimum allowable size of the symbol, and the allowable size between the symbols. minimum distance, the content display device according to any one of claims 1 to 5, which is information of the symbols to be arranged regions.   3. The symbol size and position can be specified directly at the time of editing HTML information by the statistical unit level determining unit, or can be specified later as HTML appearance information after editing as the appearance specifying information. The content display device described in 1. The basic HTML information, the content display device according to any one of claims 1 to 7 is an HTML information on a background image in placing the screen title or symbol is a display element other than the symbol . In determining the statistical unit level,
Calculate the external size of the content based on the external size determining element of the content,
Contrast the external size of the content and the display area size,
If the external size of the content is less than or equal to the display area size, the process proceeds to determination of the statistical unit level
2. The content display device according to claim 1, wherein if the outline size of the content is not less than or equal to the display area size, the process proceeds to determination of the statistical unit level after adjusting the outline size of the content to be small.

Images