JP2015106397A - Web content display device, operation method of web content display device, and computer program - Google Patents

Abstract

PROBLEM TO BE SOLVED: To determine the size of an element in the case of display of web contents for each element.SOLUTION: An enlargement/reduction rate and coordinates are acquired and given to an information processing part 14 by a control part 13. The information processing part 14 identifies an element being displayed at a position of the coordinates and updates the element by multiplying a display magnification of a corresponding record in a parameter storage portion included in an information storage part 12 by the enlargement/reduction rate. When designation end is instructed, for each element of web contents, the information processing part 14 reads a display magnification out of the corresponding record in the parameter storage portion, renders the web contents so as to display the element in a size corresponding to the display magnification and outputs the web contents to an information output part 16 (display device) and processing is finished.

Description

  The present invention relates to a web content display device, an operation method of the web content display device, and a computer program.

  With the spread of the Internet, various information can be obtained through the web. Therefore, there is a need for a website that can be accessed by many people, including the elderly and people with disabilities. In other words, the design of a website that can access the website, that is, web accessibility is required. A typical problem is the size of characters. If the characters are too small, there are users who are difficult to read, including elderly people and low vision people. Enlarging characters is a major requirement for web accessibility.

  In a conventional browser for a PC, there are two methods for enlargement / reduction. The first is a method for enlarging or reducing the entire screen. According to this, the entire screen can be enlarged while maintaining the layout. That is, enlargement is performed while maintaining the size ratio between the headline and the text. In general, the enlargement ratio can be changed greatly, such as 200% or more. However, when the enlargement is made, it becomes difficult to grasp the whole instead of making the characters easier to see. The second method is to enlarge / reduce only the text. Smartphones and tablet terminals often scale using the first method and cannot scale only text.

  In smart phones and tablet terminals, the enlargement operation can be performed with a gesture called pinch out. That is, a gesture in which two fingers are touched on the display and then moved to widen the distance between the fingers. Thereby, it can expand centering on the center point of two points | pieces which two fingers are touching. The reduction operation can be performed with a gesture called pinch-in. That is, it is a gesture in which two fingers are touched on the display and then moved so as to reduce the distance between the fingers. Thereby, it can reduce centering on the center point of the 2 points | pieces which two fingers are touching. As described above, a major feature of gesture operations on smart phones and tablet terminals is that the center point of enlargement / reduction can be designated.

  Web accessibility has been formulated into guidelines such as JIS X 8341-3, and various consideration methods are summarized. An evaluation tool according to such guidelines has also been developed (see Patent Document 1).

  In mobile terminals such as mobile phones, smart phones and tablet terminals, the display area of the page is limited, and therefore, a web page having a unique layout may be prepared separately from the web page for PC. Since the display area of the portable terminal is small, if the information is packed, the characters become small and the page is difficult to see. Therefore, there are many cases where pages with a reduced amount of information are created for mobile terminals. For example, a web page for a smart phone generally has a page design in which only a vertical scroll operation is performed without performing a horizontal scroll operation because providing a horizontal scroll makes it difficult to understand the displayed position. For this reason, when information increases, a vertically long page is created, and many scrolling operations are required before reaching the information to be viewed, resulting in a problem that the information to be viewed cannot be searched immediately. If the headline can be identified during the scrolling operation, it will be a clue to search for information to be viewed. However, it is difficult to discriminate headings in content that moves at high speed by scroll operation, and it is considered that the problem is particularly great for senior users.

  On the other hand, with smartphones and tablet devices, it is now possible to input commands using gestures with fingers, and it has become possible to easily perform scaling operations using pinch-out and pinch-in gestures. Even with a PC, it is possible to easily realize enlargement / reduction by using a scroll button attached to the mouse, but the center of enlargement / reduction is often the upper left of the screen. On the other hand, a major feature of smartphones is that the center point of the part to be enlarged can be specified at the same time. However, with smartphones, it is easy to zoom in and out, but the target to zoom in is the entire screen, and even if you want to zoom in on only a part, all the part will be magnified. There is a problem that is difficult. As a result, horizontal scrolling is often required, and there is a problem that it is difficult to obtain information.

JP 2009-277036 A

  The present invention has been made in view of the above-described problems, and an object of the present invention is to provide a technique for determining the size of each element when displaying web content.

  In order to solve the above-described problem, the first aspect of the present invention points to a parameter storage unit that stores a record including a display magnification for each element in the web content, and the position of the displayed element of the web content. A control unit that obtains the coordinates of the position and the enlargement / reduction rate used for the element, specifies the element based on the coordinate, and multiplies the display magnification of the record of the element in the parameter storage unit by the enlargement / reduction rate. And an information processing unit that reads the display magnification of each element of the web content from the corresponding record in the parameter storage unit and displays the element at a size corresponding to the display magnification. A web content display device is used as a solution.

  The second aspect of the present invention is an operation method of a web content display device, wherein the web content display device includes a parameter storage unit in which a record including a display magnification is stored for each element in the web content, and the operation method The control unit of the web content display device acquires the coordinates of the position indicated as the position of the displayed element of the web content and the enlargement / reduction ratio used for the element, and the information processing of the web content display device The unit specifies the element based on the coordinates, updates the display magnification of the record of the element in the parameter storage unit by multiplying the enlargement / reduction ratio, and updates each element of the web content in the parameter storage unit. The display magnification is read from the corresponding record, and the element is displayed in a size corresponding to the display magnification. The with the operation method of web content display device comprising a solution.

  According to the present invention, the size of an element when displaying web content can be determined for each element.

It is a figure which shows the structure of the web content display apparatus which concerns on 1st Embodiment. It is a figure which shows the structure of the parameter memory | storage part in 1st Embodiment. It is a flowchart at the time of receiving and displaying a web content in 1st Embodiment. It is a figure which shows the example of the HTML document of a web content. It is a figure which shows the example of the hierarchical structure of a web content. It is a display example (first display example after reception) of web content. It is a flowchart at the time of carrying out enlarged display or reduced display of a web content. It is a figure which shows an example after the update of the parameter memory | storage part in 1st Embodiment. It is a display example when the enlargement / reduction ratio of a specific element is 80% in the first embodiment. It is a figure which shows another example after the update of the parameter memory | storage part in 1st Embodiment. It is a display example when the enlargement / reduction ratio of a specific element is 120% in the first embodiment. It is a figure which shows the structure of the display magnification recording file memory | storage part in 2nd Embodiment. It is a flowchart at the time of receiving and displaying a web content in 2nd Embodiment.

  Hereinafter, embodiments of the present invention will be described with reference to the drawings.

[First Embodiment]
As shown in FIG. 1, a web content display device 1 according to the first embodiment is connected to a web server 2 via a communication network.

  The web content display device 1 is configured in a personal computer (PC) or a mobile terminal (smart phone or the like) by software called a browser or the like.

  The web content display device 1 includes a receiving unit 11, an information storage unit 12, a control unit 13, an information processing unit 14, an information input unit 15 (such as a keyboard and a mouse), and an information output unit 16 (such as a display device).

  As shown in FIG. 2, the parameter storage unit 121 included in the information storage unit 12 stores a record for each element of web content. Each record includes a type ID indicating the type of the corresponding element, a display magnification given to the corresponding element, and the content of the corresponding element.

  As shown in FIG. 3, the control unit 13 determines whether or not a URL (Universal Resource Locator) of a web content to be displayed is input from the information input unit 15 (keyboard or the like) by the user (S1).

  If there is no input, the control unit 13 returns to step S1. If there is an input, the control unit 13 gives a URL to the receiving unit 11, whereby the receiving unit 11 connects to the URL web server 2 and the URL web The content is received from the web server 2 (S3).

  As shown in FIG. 4, the web content includes an HTML (Hyper Text Markup Language) document. In an HTML document (source code), for example, an element “A portal” is sandwiched between tags <title> and </ title>. This is because the type of the element “A portal” is “title (<title>)”. Indicates that there is. Other types of elements are described similarly.

  Returning to FIG. 3, the control unit 13 gives the web content to the information processing unit 14, and the information processing unit 14 thereby analyzes the web content (S3).

  As shown in FIG. 5, the web content has a hierarchical structure, and the analysis result indicates such a hierarchical structure and elements included in each hierarchy.

  Returning to FIG. 3, the control unit 13 records the analysis result in the information storage unit 12 (S5).

  At this time, the parameter storage unit 121 stores information as shown in FIG.

  Next, the control unit 13 reads the display magnification from the parameter storage unit 121 for each element (S7).

  Next, the information processing unit 14 renders the web content based on the display magnification, and outputs the web content to the information output unit 16 (display device) (S9), and ends the process.

  As shown in FIG. 6, the element “A portal” corresponding to the type ID “h1” is displayed in a size corresponding to the corresponding display magnification “150%”.

  In addition, the elements “news”, “weather”, and “traffic information” corresponding to the type ID “h2” are displayed in a size corresponding to the corresponding display magnification “125%”.

  In addition, the elements corresponding to the type ID “p” “Done yesterday ...”, “Tokyo weather ...”, “Delayed by train ...” are displayed in a size corresponding to the corresponding display magnification “100%”. The

  Here, the finally displayed size corresponds to a product of a predetermined magnification and a display magnification. The predetermined magnification depends on, for example, the screen size of the information output unit 16 and is different between the portable terminal and the PC.

  For example, if each character of “Done yesterday ...” is displayed with 12 pixels, each character of “A portal” is displayed with 18 pixels, which is 1.5 times as large.

  As shown in FIG. 7, when the web content is enlarged or reduced, the operation is different. Here, it is assumed that web contents that are not enlarged and reduced are displayed.

  As illustrated in FIG. 7, the control unit 13 determines whether or not the user has specified from the information input unit 15 an enlargement / reduction rate and an element to which the enlargement / reduction rate is applied (S11). The enlargement / reduction ratio in the enlarged display is larger than 100%, and the enlargement / reduction ratio in the reduced display is smaller than 100%.

  The element designation is made by the user pointing to the position of the element of the displayed web content. Specifically, this is performed by positioning a finger or a mouse pointer on a portion where an element is displayed. Here, the center coordinates of the area touched by the finger and the coordinates of the tip of the mouse pointer are referred to as “coordinates”.

  The enlargement / reduction ratio is used for an element corresponding to the coordinates, and is specified by an input from the keyboard, an operation of moving the scroll wheel of the mouse, or a selection from a pull-down menu.

  If there is no designation, the control unit 13 returns to step S11. On the other hand, if there is a designation, the control unit 13 acquires the enlargement / reduction ratio and coordinates, and gives them to the information processing unit 14 (S13).

  The information processing unit 14 specifies the element displayed at the coordinate position (S15).

  Here, the information processing unit 14 analyzes the HTML document as shown in FIG. 4 to detect the position of the element, collates the position with the coordinate, and specifies the element displayed at the coordinate position.

  Next, the display magnification of the corresponding record in the parameter storage unit 121 is updated by multiplying by the enlargement / reduction ratio (S17).

  For example, if the enlargement / reduction ratio “60%” is designated for the element “Tokyo weather is ...” in FIG. 2, the display magnification “100%” is updated to 60% (= 100% × 60%). (FIG. 8).

  Steps S11 to S17 are repeated until, for example, the user instructs the end of the designation.

  When the designation end is instructed, the information processing unit 14 reads the display magnification from the corresponding record in the parameter storage unit 121 for each element of the web content, and the element is displayed in a size corresponding to the display magnification. The web content is rendered and output to the information output unit 16 (display device) (S19), and the process ends.

  Also, as shown in FIG. 10, if the enlargement / reduction ratio “120%” is designated for the element “performed yesterday ...”, the display magnification “100%” is 120% (= 100% × 120%). Updated to Further, as described above, the display magnification “100%” of the element “Tokyo weather is ...” is updated to 60%.

  As shown in FIG. 11, the element “Done yesterday” is displayed in a size corresponding to the updated display magnification “120%”.

(Modification)
In the first embodiment, unless an enlargement / reduction ratio and an element to which the enlargement / reduction ratio is applied are not specified, the element is displayed in a size corresponding to the original display magnification.

  However, the scale of the entire web content (for example, input from the information input unit 15 (keyboard, etc.), and other gestures such as pinch-in and pinch-out on the screen by a finger, and a mouse scroll wheel are also used. If it is possible to specify a moving operation or selection from a pull-down menu, etc., the entire web content is scaled up and down, and the size changes before and after scaling.

  In order to prevent this, for example, it is possible to specify predetermined enlargement / reduction prohibition information and an element to which the enlargement / reduction prohibition information is applied, and prohibit the enlargement / reduction at the enlargement / reduction ratio of the entire web content. Good.

  For example, the user designates the enlargement / reduction prohibition information for the headline element. Thus, even if the entire web content is reduced, for example, the headline element is not reduced, and convenience is improved.

  According to the web content display device of the present embodiment, only the specified element is displayed at a size corresponding to the display magnification updated at the specified enlargement / reduction ratio, and thus only a part of the elements is enlarged. By specifying the reduction ratio, it is easy to grasp the entire page. For example, if you can reduce an article that you are not interested in or an article that you have finished reading, it will be easier to understand the entire page, and the rest will be easier to read. By reducing the size to a size that cannot be read by the user, only the other portions can be selectively read.

  The parameter storage unit 121 is updated with the contents of the display magnification recording file used in the second embodiment to be described later, and the display magnification in the parameter storage unit 121 is updated in the same manner as in the first embodiment. Also good.

[Second Embodiment]
Next, a web content display apparatus according to the second embodiment will be described focusing on differences from the first embodiment. The configuration of the web content display device is the same as that shown in FIG.

  As shown in FIG. 12, in the display magnification recording file storage unit 122 included in the information storage unit 12 of the second embodiment, for each displayed web content, the URL and the web content at the end of the display are displayed. A display magnification recording file indicating the contents of the parameter storage unit 121 is stored in association with each other. In the figure, the display magnification recording file is described by its file name for convenience.

  As shown in FIG. 13, the operation when displaying the web content is the same as in FIG. 3 up to step S5.

  Next, the control unit 13 determines whether or not the current URL is in the display magnification recording file storage unit 122 (S21). That is, it is determined whether or not the current web content has been displayed in the past.

  If there is a URL (S21: YES), the controller 13 determines whether or not the display magnification of the display magnification recording file should be used (S23).

  As this determination method, two methods are conceivable.

  The first method is to use the display magnification of the display magnification recording file if the analysis result of the current web content and the analysis result of the web content corresponding to the display magnification recording file completely match, and not to use otherwise. is there.

  Web content does not necessarily have the same elements even if the URL is the same. Therefore, for example, the element “Done yesterday” in FIG. 2 may be a different element. In this case, there is no exact match.

  The second method uses the display magnification of the display magnification recording file if the hierarchical structure of the current web content and the hierarchical structure of the web content corresponding to the display magnification recording file and a part of the contents match, and otherwise. It is not used.

  Even if the element “done yesterday” in FIG. 2 is a different element, if the element type of the hierarchy one level above is the same (the type ID is the same) and the element is “news”, the hierarchical structure and Since some contents match, it is determined that the display magnification of the display magnification recording file should be used.

  In any method, the information processing unit 14 determines that the display magnification of the display magnification recording file should not be used (S23: NO), or if there is no URL (S21: NO), for each element. The display magnification is read from the parameter storage unit 121 (S7).

  On the other hand, if it is determined that the display magnification of the display magnification recording file should be used (S23: YES), the information processing section 14 reads the display magnification from the corresponding display magnification recording file for each element (S25).

  The information processing unit 14 renders the web content based on the display magnification read in S7 or S25, and outputs it to the information output unit 16 (display device) (S9).

  According to the present embodiment, the entire web content can be easily grasped by applying an enlargement / reduction ratio to each element of the web content and changing the display magnification. For example, if an uninterested article (element) or an article (element) that has been read can be reduced, it becomes easier to understand the entire web content, and the other parts (elements) are easier to read. Further, by reducing the size to a size that cannot be read by the user, it is possible to easily read only the other portions (elements). Further, by recording the display magnification for each element in the display magnification recording file, it is possible to display and browse at the same display magnification even when accessed for the second time or later.

(Modification)
In the second embodiment, the display magnification of the display magnification recording file corresponding to the URL of the web content to be displayed can be used. However, the display magnification is not limited to a specific URL as described above, and a plurality of URLs can be used. The display magnification recording file may be shared by corresponding web contents (for example, all web contents).

  When the display magnification recording file is shared by all web contents, the association with the URL is unnecessary. In this case, the information processing unit 14 reads the display magnification from the display magnification recording file of the display magnification recording file storage unit 122 for each element in the web content to be displayed, and sets the element in a size corresponding to the display magnification. Will be displayed.

  As described above, according to the web content display device of the present embodiment, the contents of the parameter storage unit are recorded in the display magnification recording file, the display magnification is read from the display magnification recording file, and the size according to the display magnification is obtained. Therefore, even when the web content is accessed after the first time, the web content can be viewed in the same manner as the first time.

  If the parameter storage unit 121 is updated with the contents of the display magnification recording file and the display magnification in the parameter storage unit 121 is updated, the display magnification recording file is rewritten with the updated contents of the parameter storage unit 121. That is, the display magnification recording file is maintained so as to correspond to the latest parameter storage unit 121.

  A computer program for causing a computer to function as the web content display device of each embodiment can be recorded on a computer-readable recording medium such as a semiconductor memory, a magnetic disk, an optical disk, a magneto-optical disk, a magnetic tape, and the Internet. It is possible to distribute widely through the communication network.

DESCRIPTION OF SYMBOLS 1 ... Web content display apparatus 11 ... Reception part 12 ... Information storage part 13 ... Control part 14 ... Information processing part 15 ... Information input part 16 ... Information output part 121 ... Parameter storage part 122 ... Display magnification recording file storage part

Claims (6)

A parameter storage unit in which a record including a display magnification is stored for each element in the web content;
A control unit that acquires the coordinates of the position indicated as the position of the element of the displayed web content and the enlargement / reduction ratio used for the element;
The element is identified based on the coordinates, updated by multiplying the display magnification of the record of the element in the parameter storage unit by the enlargement / reduction ratio, and for each element of the web content, from the corresponding record in the parameter storage unit A web content display device comprising: an information processing unit that reads a display magnification and displays the element in a size corresponding to the display magnification. When the predetermined enlargement / reduction prohibition information and an element to which the enlargement / reduction prohibition information is applied are specified, the element is prohibited from being enlarged or reduced by the enlargement / reduction ratio of the entire web content. The web content display device according to claim 1. A display magnification recording file storage unit for storing a display magnification recording file indicating the contents of the parameter storage unit;
The information processing unit
The display magnification is read from the display magnification recording file of the display magnification recording file storage unit for each element in the web content to be displayed, and the element is displayed in a size corresponding to the display magnification. 3. The web content display device according to 1 or 2. A display magnification recording file indicating a content of the parameter storage unit includes a display magnification recording file storage unit stored in association with the URL of the web content;
The information processing unit
For each element in the web content to be displayed, the display magnification is read from the display magnification recording file associated with the same URL as the URL of the web content in the display magnification recording file storage unit, and the element is set to the display magnification. The web content display device according to claim 1, wherein the web content display device displays the corresponding size. A method of operating a web content display device, comprising:
The web content display device includes a parameter storage unit in which a record including a display magnification is stored for each element in the web content,
The operation method is as follows:
The control unit of the web content display device acquires the coordinates of the position indicated as the position of the displayed element of the web content and the enlargement / reduction ratio used for the element,
The information processing unit of the web content display device identifies the element based on the coordinates, updates the display magnification of the record of the element in the parameter storage unit by the scaling factor, and updates each of the web content A method of operating a web content display device, comprising: reading an element from a corresponding record in the parameter storage unit and displaying the element at a size corresponding to the display magnification.   The computer program for functioning a computer as a web content display apparatus in any one of Claims 1 thru | or 4.

Images