JP2012048351A - Web page use auxiliary information display control device and its operation method - Google Patents

Abstract

PROBLEM TO BE SOLVED: To display auxiliary information related to the main body of a Web page.SOLUTION: Obtains from a Web browser an URL representing the Web page being displayed (S1). Obtains a file associated with the URL from a server including it (S2). Obtains the main body of the Web page from the file (S3). Generates outline information that is auxiliary information related to the main body (S5). Displays the outline information (S6).

Description

  The present invention relates to a web page utilization auxiliary information display control device and an operation method thereof.

  In recent years, there has been a demand for creation and provision of web contents assuming that the Internet is widely spread in society and can be browsed in various environments and that there are users with various characteristics. In response to this trend, “Web accessibility guidelines” for checking whether website accessibility, that is, transmission of information on the website is secured are regarded as important. It has been established. In JIS, it is possible to support users who feel inconvenient if the characters are small, such as elderly people or low vision people, by changing the character size, and by adding alternative text to the image, it is possible to support voice web browsers It states that it is possible.

Japan Standards Association, JIS X 8341-3: 2004 “Design Guidelines for Considering the Elderly and Persons with Disabilities—Information Communication Equipment, Software, and Services—Part 3: Web Content” S. Kurniawan and P.K. Zaphilis, “Research-delivered web design guidelines for older people,” Proceedings of the 7th International ACM SIGACCESS conferences and competence computers. 129-135. (2005)

  However, in cases where a plurality of operations are required in addition to browsing, such as Internet shopping and establishment of a blog, elderly or Internet novice users may not be able to achieve that purpose. This is because the user is not used to the web-specific operation methods, the website design and the “ease of use” rather than the “easy to see” and “easy to communicate” information defined in the accessibility guidelines. It is thought that it is caused by being affected. In particular, it is said that elderly people are not good at scrolling, and are often unaware of information that is not displayed outside the web browser. Therefore, a design that fits within one screen of a web browser may be proposed (see Non-Patent Document 2).

  The present invention has been made in view of the above problems, and an object of the present invention is to provide a web page use auxiliary information display control device capable of displaying auxiliary information related to the text of the web page and an operation method thereof. Is to provide.

 In order to solve the above-described problem, the first aspect of the present invention provides an address acquisition unit that acquires an address indicating a web page displayed on a display unit provided in advance from a web browser that displays the web page; Communication means for acquiring the file by communication from a server having a file associated with the address, web page analysis means for acquiring the text of the web page from the file, and auxiliary information related to the text based on the text A web page use auxiliary information display control device comprising auxiliary information generation means for generating the information and auxiliary information display control means for displaying the auxiliary information on the display unit is used as the solution means.

  For example, the web page analyzing means classifies the file into predetermined navigation information and the text information that is information other than the navigation information.

  For example, the auxiliary information generating means generates the auxiliary information that is outline information indicating the outline of the text.

  For example, the web page use auxiliary information display control device includes an auxiliary information database that stores elements that may be included in the text and predetermined outline information in advance, and the auxiliary information generation unit includes the auxiliary information generation unit, Outline information associated with the elements included in the body is obtained from the auxiliary information database.

  For example, it comprises web browser display information information acquisition means for acquiring, from the web browser, web browser display information that is information in a range displayed by the web browser in the web page, and the auxiliary information generation means includes The auxiliary information, which is information included in the text and not included in the web browser display information, is acquired from the text.

  For example, a web page attribute determining unit that determines an attribute of the web page based on the address is provided, and the auxiliary information display control unit controls display of the auxiliary information based on the attribute.

  For example, the auxiliary information is associated with a link destination address included in the web page. If the auxiliary information is selected, the address is sent to the web browser, and the web page corresponding to the address is sent to the web page. Operation means for displaying on the display unit by a browser is provided.

  According to a second aspect of the present invention, there is provided a web browser in which an address acquisition unit of a web page usage auxiliary information display control device provided in advance displays an address indicating a web page displayed on a display portion provided in advance. An address acquisition step of acquiring from the server, a communication unit of the web page use auxiliary information display control device acquiring the file by communication from a server having a file associated with the address, and the web page use auxiliary The web page analyzing means of the information display control device acquires the text of the web page from the file, and the auxiliary information generating means of the web page utilization auxiliary information display control device is based on the text. An auxiliary information generation step for generating auxiliary information related to Auxiliary information display control means of the web page usage auxiliary information display control device comprises an auxiliary information display control step for displaying the auxiliary information on the display unit, and a solution means having a method of operating the web page usage auxiliary information display control device. To do.

  According to the present invention, auxiliary information related to the text of a web page can be displayed.

It is a block block diagram of the web page utilization auxiliary information display control device concerning a 1st embodiment. It is a figure which shows the flow of a process in the web page utilization auxiliary information display control apparatus. It is a schematic diagram which shows the example of the general structure of a web page. It is a figure which shows the example of the information which the auxiliary information database 18 has. It is an example which shows the display method of outline information. It is an example which shows the display method and display rule of pop-up information. It is a block block diagram of the web page utilization auxiliary information display control apparatus which concerns on 2nd Embodiment. It is a figure which shows the flow of a process in 1 A of web page utilization auxiliary information display control apparatuses.

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

[First Embodiment]
FIG. 1 is a block configuration diagram of a web page usage auxiliary information display control device according to the first embodiment.

  In the first embodiment, the web page utilization auxiliary information display control device is implemented as an application that operates by acquiring information from a web browser that is actively operating in a personal computer.

  The web page use auxiliary information display control device 1 includes a display unit 11, a web browser 12, a URL acquisition unit 13, a communication unit 14, a web page analysis unit 15, a web page attribute determination unit 16, an auxiliary information generation unit 17, and an auxiliary information database. 18, an outline information display control unit 19, a web browser display information acquisition unit 110, and a pop-up information display control unit 111.

  FIG. 2 is a diagram showing a flow of processing in the web page usage auxiliary information display control device 1.

  In step S <b> 1, the URL acquisition unit 13 acquires a URL (address) indicating the web page displayed on the display unit 11 by the web browser 12 from the web browser 12. When the web page displayed by the web browser 12 is switched, the URL acquisition unit 13 acquires a URL indicating the web page. The URL acquisition unit 13 sends the acquired URL to the communication unit 14 and the web page attribute determination unit 16. The URL acquisition unit 13 performs the operation of step S1 every time the URL indicating the web page displayed by the web browser 12 changes.

  In step S <b> 2, the communication unit 14 acquires the file, i.e., the file constituting the web page, from the server 100 having the file associated with the URL acquired by the URL acquisition unit 13 via the network. Typical examples include HTML files, CSS files, and image files. The communication unit 14 sends the acquired information on these files to the web page analysis unit 15.

  In step S <b> 3, the web page analysis unit 15 acquires the text of the web page from the file acquired by the communication unit 14. Here, the web page analysis unit 15 first classifies from the viewpoint of the design of the web page. Specifically, the web page analysis unit 15 classifies the navigation information that is commonly displayed between the web pages on the website, such as a header, global navigation, and submenus, and other information, that is, the text (FIG. 3). Extract only the text.

  For example, the web page analysis unit 15 classifies elements from the description of the HTML file. In HTML, tagging of design and function is often performed in the id attribute in the div element. For example, <div id = “header”> is a header part, <div id = “service_menu”>, <div id = “menu”>, etc. are global navigation parts at the top of a web page, and <div id = “side_menu”. > And <div id = “submenu”> indicate sub-menu parts beside the web page.

  The web page analysis unit 15 determines that the description included in the range of <div> to </ div> that includes these id attributes is navigation information.

  In addition, since the main logo is often an image, in the alt attribute in the img element that is the link of the image, there were <img… alt = “top”> and <img… alt = “main”>. If so, you can see that the image is the main logo. The web page analysis unit 15 classifies these as one piece of navigation information.

  The web page analysis unit 15 recognizes information other than the navigation information as the text. If the web page analysis unit 15 has <div id = “main_content”>, it is also possible to make that part the text.

  The web page analysis unit 15 sends the text and associated links, particularly CSS and image file information, to the auxiliary information generation unit 17.

  In step S <b> 4, the web page attribute determination unit 16 determines the attribute of the web page displayed on the web browser 12. For example, the Internet shopping site is composed of a plurality of web pages having different contents such as a top web page, a product introduction web page, a product comparison web page, a purchase product confirmation web page, and a personal information input web page. The web page attribute determination unit 16 determines which attribute the web page currently displayed has based on the URL acquired by the URL acquisition unit 13.

  As an example, the web page attribute determination unit 16 may be a top web page for a URL that has nothing after “.jp /” or a URL that ends with “index.html” or “top.html”. Judgment is high. If the word “cart” is included in the URL, it can be determined that the cart is being viewed, that is, confirmation of the purchased product. A web page starting with “https: //” can be determined to be a web page for which personal information needs to be input. In addition, it is possible to determine that a web page including “help” is a help web page. Web pages other than these can be considered as product comparison and product introduction web pages on the Internet shopping site. Note that it is difficult to determine the top web page because the description of the URL of the top web page differs depending on the website. However, the processing does not change greatly depending on the attributes of the web page in the following steps, so the classification may be rough. . The web page attribute determination unit 16 notifies the auxiliary information generation unit 17 of the attribute of the web page.

  In step S5, the auxiliary information generation unit 17 generates outline information which is one of auxiliary information related to the text. The auxiliary information is for displaying a plurality of characteristic or important information in the text with high listability. While the navigation information is in the upper part of the web browser or in an easily visible part, the text is often outside the display area, so that the outline information displays important information in the text.

  In the subsequent processing, the auxiliary information is divided into two types, outline information and pop-up information. The auxiliary information generation unit 17 generates these two types of auxiliary information. A specific method is described below.

  First, the outline information generated in step S5 is for displaying characteristic information of the text side by side, and the auxiliary information generation unit 17 generates outline information from two methods here.

  As a first method, the auxiliary information generation unit 17 extracts and arranges headings in the HTML document. The auxiliary information generation unit 17 extracts the h element of the HTML file as the headline extraction, and extracts the contents described between <h *> and </ h *> as the headline (* is a number). The number described after h represents the heading level, and the heading level to be extracted varies depending on the display amount and display level of the outline. Here, the auxiliary information generation unit 17 extracts up to h2. The auxiliary information generation unit 17 arranges the extracted items in order from the top of the HTML document.

  As a second method, the auxiliary information generation unit 17 also generates outline information indicating the presence / absence of a “add to cart” button, which is important in an Internet shopping site. Supplementary information database 18 has a rule that should be extracted in advance what information. For example, the presence / absence of the “add to cart” button can be determined by the alt attribute of the button image or whether the word “cart” is included in the link. In addition, “changes in the number of products” using the input form, “changes in payment method” using radio buttons, and the like can be extracted using HTML elements and other attributes.

  The outline information becomes a text such as “add to cart”. That is, the auxiliary information database 18 includes information about HTML elements and attributes to be extracted and what kind of text is created as outline information, as shown in FIG.

  That is, the auxiliary information database 18 stores elements that may be included in the text and outline information in advance, and the auxiliary information generation unit 17 maps the elements included in the text from the auxiliary information database. The obtained outline information is acquired.

  As described above, the outline information is generated based on the header element in HTML and the information in the auxiliary information database 18. The outline information is extracted and generated according to the same rule regardless of the web page attribute of the corresponding web page.

  In step S <b> 6, the outline information display control unit 19 displays outline information on the display unit 11. The outline information display control unit 19 displays the outline information on a window different from the operating web browser, as shown in the schematic diagram of FIG. The outline information display control unit 19 converts the extracted elements into text sequentially from the top of the HTML as shown in FIG. The outline information display control part 19 displays outline information irrespective of a web page attribute similarly to step S5.

  In step S <b> 7, the auxiliary information generation unit 17 generates pop-up information that is another auxiliary information. The pop-up information is for making information that is outside the rendering range of the web page by the web browser 12 pay attention by pop-up as shown in the schematic diagram of FIG. The auxiliary information generating unit 17 generates the contents of the pop-up information based only on information in the auxiliary information database 18. However, when the auxiliary information generation unit 17 extracts the HTML elements defined in the auxiliary information database 18, the auxiliary information generation unit 17 also acquires related information, that is, CSS and image file information. The auxiliary information generation unit 17 also adds information on the web page attribute determined by the web page attribute determination unit 16 to this information, and sends it to the pop-up information display control unit 111.

  In step S <b> 8, the web browser display information acquisition unit 110 acquires a rendering range of the web page by the web browser 12 (which is actually a range displayed in the window of the web browser, hereinafter referred to as web browser display information). The web browser display information acquisition unit 110 acquires the web browser display information at short intervals, for example, every 20 seconds, in addition to the timing at which the web page displayed on the web browser 12 is switched. The web browser display information acquisition unit 110 sends the acquired web browser display information to the pop-up information display control unit 111.

  In step S <b> 9, the pop-up information display control unit 111 causes the display unit 11 to display pop-up information.

  Here, the pop-up information display control unit 111 controls ON / OFF of the display of the pop-up information according to the attribute of the web page. As an example, the popup information display control unit 111 displays the popup information based on a rule that does not display the popup information when the web page attribute is the top web page, as shown in FIG. To control. This is because the top web page has a lot of information and the purpose of the actions of the viewer is diverse, so that a lot of useless pop-up displays are prevented.

  Further, the pop-up information display control unit 111 displays only the pop-up information included in the web browser display information obtained in step S8 and not included in the text. The pop-up information display control unit 111 does not display the pop-up information when the pop-up information is displayed on the display unit 11.

  The pop-up information display control unit 111 displays the pop-up information created by the auxiliary information generation unit 17 using a linked CSS file, image file, or the like. For example, as shown in FIG. In some cases, the background color cannot be reproduced only by the CSS file, and the default background color in that case is determined. FIG. 6C shows an example in which the background color is white.

  The pop-up information display control unit 111 displays pop-up information two seconds after the web page displayed on the web browser is switched or the web browser display information acquisition unit 110 acquires the web browser display information at intervals of 20 seconds. Do. The pop-up information display control unit 111 automatically deletes this pop-up information after 5 seconds. The pop-up information display control unit 111 displays the same pop-up information again when there is no change in the display of the web browser even after 30 seconds.

  In step S3, the web page analysis unit 15 uses the id attribute in the div element of HTML as an example of classification of navigation information. However, the web page analysis unit 15 can also classify by other elements and attributes. Further, classification based on a CSS file instead of an HTML file is also possible. In addition, it is possible to previously define a portion that becomes navigation information. In this case, it is preferable to prepare a database relating to navigation information and text classification. The web page attribute determination unit 16 determines the attribute of the web page in step S4, but the determination method is not necessarily limited to that described above. For example, it is also possible to infer using information statistics such as how many terms appear in a web page. Also, the types of web page attributes are not limited to those described above. In other websites than the Internet shopping site, such as an electronic application site, the web page attribute changes depending on the characteristics of the website. These can be used as a determination rule in the web page attribute determination unit 16, or can be stored in a database. The auxiliary information generation unit 17 generates outline information in step S5, but the information used for the outline information is not necessarily limited to the heading element. The heading element level is not limited to the above. As an element other than the heading element, for example, a UL element which is a bullet element can be used. If there is no heading, it may be possible to use outline information for the first line of the P element, which is a paragraph element.

  In addition, although the outline information created based on the information in the auxiliary information database 18 and the display thereof in steps S5 and S6 are replaced with text defined in the auxiliary information database 18, they are not necessarily displayed in text. good. Like the pop-up information display control unit 111 in step S7 described above, it is also possible to display using a related CSS or image file.

  In addition, although the processing in steps S5 and S6 is not dependent on the web page attribute determined in step S4, outline information created by the web page attribute can be changed.

  In step S7, the auxiliary information generation unit 17 generates pop-up information, but the pop-up information is not necessarily limited to that described above. In addition, when the website is not an internet shopping site but another website, the type of information also changes.

  The web browser display information acquisition unit 110 acquires the web browser display information in step S7, but the timing is not necessarily limited to that described above.

  The pop-up information display control unit 111 displays pop-up information in step S9, but the shape and display timing are not necessarily described. A simple text display is also possible. It is also possible to display the position information as to where the corresponding information is in the web page. It should be noted that various methods can be considered for the display level, such as displaying only the fact that there is important information without displaying the content of the information, or displaying the content when a certain time has passed.

[Second Embodiment]
FIG. 7 is a block configuration diagram of the web page usage auxiliary information display control device according to the second embodiment.

  Also in the second embodiment, the web page utilization auxiliary information display control device is implemented as an application that operates by acquiring information from a web browser that actively operates in a personal computer.

  The web page use auxiliary information display control device 1A includes a display unit 11, a web browser 12, a URL acquisition unit 13, a communication unit 14, a web page analysis unit 15, a web page attribute determination unit 16, an auxiliary information generation unit 17, and an auxiliary information database. 18. An auxiliary information display control unit 112 and an operation unit 113 are provided.

  FIG. 8 is a diagram showing a flow of processing in the web page usage auxiliary information display control device 1A.

  The web page usage auxiliary information display control device 1A performs the same operations as those up to step S4 in the web page usage auxiliary information display control device 1.

  In step S5, the auxiliary information generation unit 17 generates only one type of auxiliary information. That is, the auxiliary information generation unit 17 generates outline information as in step S5 of the first embodiment.

  In step S6, the web browser display information acquisition unit 110 acquires the rendering range of the web page by the web browser 12, that is, the web browser display information, as in the first embodiment.

In step S7, the auxiliary information display control unit 112 causes the display unit 11 to display outline information. As in the first embodiment, the auxiliary information display control unit 112 displays the outline information in a text state arranged from the top of the HTML. However, each text is associated with a link destination address corresponding to the text. For example, the content of the headline extracted by the auxiliary information generation unit 17 is described as a link to the headline portion of the original HTML file. The link to the heading part in the original HTML file follows the HTML link description method.
<a href=“link destination file name #OO (marker attached to the part with the heading)”> heading displayed as outline information </a>
It is described as follows. The auxiliary information display control unit 112 displays the above description as a link.

  Also, the auxiliary information display control unit 112 is based on the web browser display information acquired by the web browser display information acquisition unit 110, and includes auxiliary information displayed in the web browser window and auxiliary information not displayed in the window. Are displayed separately. For example, the auxiliary information display control unit 112 changes the background color or character color of the auxiliary information.

  In step S <b> 8, the operation unit 113 receives an input when the displayed auxiliary information is selected.

  In step S <b> 9, the operation unit 113 sends the URL of the link destination corresponding to the selected auxiliary information to the web browser 12. The web browser 12 acquires a file corresponding to the URL from the server 100 via the network, and causes the display unit 11 to display a web page using the file.

  Thus, if the display of a web page changes, 1 A of web page utilization auxiliary information display control apparatuses will restart a process from step S1.

  Therefore, according to each embodiment, when using a website, characteristic information and important information are listed in the body text excluding navigation information such as headers and global navigation that occupy a wide range on a web browser. It is possible to improve the usability of the website by improving and presenting it supplementarily.

  A computer program for causing a computer to function as the web page use auxiliary information display control device 1 or the web page use auxiliary information display control device 1A is read by a computer such as a semiconductor memory, a magnetic disk, an optical disk, a magneto-optical disk, and a magnetic tape. It can be recorded on a possible recording medium, and can be widely distributed by being transmitted via a communication network such as the Internet.

DESCRIPTION OF SYMBOLS 1, 1A ... Web page utilization auxiliary information display control apparatus 11 ... Display part 12 ... Web browser 13 ... URL acquisition part 14 ... Communication part 15 ... Web page analysis part 16 ... Web page attribute determination part 17 ... Auxiliary information generation part 18 ... Auxiliary information database 19 ... outline information display control unit 100 ... server 110 ... web browser display information acquisition unit 111 ... pop-up information display control unit 112 ... auxiliary information display control unit 113 ... operation unit

Claims (9)

Address acquisition means for acquiring an address indicating a web page displayed on a display unit provided in advance from a web browser that displays the web page;
Communication means for acquiring the file by communication from a server having a file associated with the address;
Web page analysis means for obtaining the text of the web page from the file;
Auxiliary information generating means for generating auxiliary information related to the text based on the text;
A web page use auxiliary information display control device comprising: auxiliary information display control means for displaying the auxiliary information on the display unit. 2. The web page use auxiliary information display control device according to claim 1, wherein the web page analysis unit classifies the file into predetermined navigation information and the text information that is information other than the navigation information. . The web page use auxiliary information display control device according to claim 1, wherein the auxiliary information generation unit generates the auxiliary information which is outline information indicating an outline of the text. An auxiliary information database that stores elements that may be included in the text in advance and predetermined outline information in association with each other;
The web page use auxiliary information display control device according to claim 3, wherein the auxiliary information generating unit acquires outline information associated with an element included in the text from the auxiliary information database. Web browser display information information acquisition means for acquiring, from the web browser, web browser display information that is a range of information displayed by the web browser in the web page,
5. The auxiliary information generation means acquires the auxiliary information, which is information included in the text and not included in the web browser display information, from the text. 6. Web page use auxiliary information display control device. Web page attribute determining means for determining the attribute of the web page based on the address;
The web page use auxiliary information display control device according to any one of claims 1 to 5, wherein the auxiliary information display control means controls display of auxiliary information based on the attribute. The auxiliary information is associated with a link destination address included in the web page,
The operation means for sending the address to the web browser and displaying the web page corresponding to the address on the display unit by the web browser when the auxiliary information is selected. The web page use auxiliary information display control device according to any one of the above. An address acquisition step in which an address acquisition unit of a web page use auxiliary information display control device provided in advance acquires an address indicating a web page displayed on a display unit provided in advance from a web browser that displays the web page; ,
A file acquisition step in which the communication means of the web page use auxiliary information display control device acquires the file by communication from a server having a file associated with the address;
The web page analyzing means of the web page usage auxiliary information display control device acquires the text of the web page from the file,
The auxiliary information generating means of the web page usage auxiliary information display control device generates auxiliary information related to the text based on the text, and an auxiliary information generating step,
The auxiliary information display control means of the said web page utilization auxiliary information display control apparatus comprises the auxiliary information display control step which displays the said auxiliary information on the said display part. The operation | movement method of a web page utilization auxiliary information display control apparatus.   A computer program for causing a computer to function as the web page use auxiliary information display control device according to claim 1.

Images