Translating annotation tags into suggested markup
First Claim
Patent Images
1. A method comprising:
- translating, by a processor of a computer device, a web page into a structured tree including a set of nodes;
displaying the web page in a first window;
receiving a selection of a portion of the displayed web page;
receiving, by the processor, an annotation tag based on the selection of the portion of the displayed web page;
translating, by the processor, the annotation tag into a markup by;
determining that the annotation tag crosses a boundary between two nodes that both include content associated with the selection;
determining that the annotation tag does not include all of the content of the two nodes because the two nodes encompass extra content in addition to the content associated with the selection; and
based on determining that the annotation crosses the boundary, generating a single meta tag having a property that includes all of the content associated with the selection;
attaching, by the processor, the markup to a first node of the nodes;
displaying the web page in a source format in a second window that is displayed simultaneously with the first window, the web page in the source format including an annotated source document with a rendering of the markup;
automatically generating a selectable tag navigator based on the markup;
displaying in the first window or the second window the selectable tag navigator, the tag navigator providing a visual indicator of where markup has been added in the web page; and
in response to user selection of the tag navigator, automatically scrolling through both the web page in the first window to focus display on a visual element in the web page associated with the annotation tag and through the web page in the source format in the second window to focus display on the markup.
2 Assignments
0 Petitions
Accused Products
Abstract
A system and method includes translating a web page into a structured tree including a set of nodes. The system receives an annotation tag based on a selection of a portion of the web page. The system translates the annotation tag into a markup. The system attaches the markup to a first node of the nodes. The system applies the markup to at least one parent node in the structured tree that is related to the first node. The system outputs a new version of the web page in a source format, including the markup.
26 Citations
20 Claims
-
1. A method comprising:
-
translating, by a processor of a computer device, a web page into a structured tree including a set of nodes; displaying the web page in a first window; receiving a selection of a portion of the displayed web page; receiving, by the processor, an annotation tag based on the selection of the portion of the displayed web page; translating, by the processor, the annotation tag into a markup by; determining that the annotation tag crosses a boundary between two nodes that both include content associated with the selection; determining that the annotation tag does not include all of the content of the two nodes because the two nodes encompass extra content in addition to the content associated with the selection; and based on determining that the annotation crosses the boundary, generating a single meta tag having a property that includes all of the content associated with the selection; attaching, by the processor, the markup to a first node of the nodes; displaying the web page in a source format in a second window that is displayed simultaneously with the first window, the web page in the source format including an annotated source document with a rendering of the markup; automatically generating a selectable tag navigator based on the markup; displaying in the first window or the second window the selectable tag navigator, the tag navigator providing a visual indicator of where markup has been added in the web page; and in response to user selection of the tag navigator, automatically scrolling through both the web page in the first window to focus display on a visual element in the web page associated with the annotation tag and through the web page in the source format in the second window to focus display on the markup. - View Dependent Claims (2, 3, 4, 5, 6, 7, 8, 9, 10)
-
-
11. A non-transitory computer readable medium containing instructions that when executed by a processor of a computing device cause the processor to:
-
receive an input of an address for a web page; translate the web page into a structured tree including a set of nodes; display the web page in a first window; receive a selection of a portion of the displayed web page; receive, using a graphical user interface, an annotation tag based on the selection of a portion of the web page and an annotation associated with the selection; translate the annotation tag into a markup by; determining that the annotation tag crosses a boundary between two nodes that both include content associated with the selection; determining that the annotation tag does not include all of the content of the two nodes because the two nodes encompass extra content in addition to the content associated with the selection; and based on determining that the annotation tag crosses the boundary, generating a single meta tag having a property that includes all of the content associated with the selection; attach the markup to a first node of the nodes; display, the web page in a source format, the web page in the source format in a second window that is displayed simultaneously with the first window, the web page in the source format including an annotated source document that includes a rendering of the markup according to the at least one selected item type; automatically generate a selectable tag navigator based on the markup; display in the first window or the second window the selectable tag navigator, the tag navigator providing a visual indicator of where markup has been added in the web page; and in response to user selection of the tag navigator, automatically scroll through both the web page in the first window to focus display on a visual element in the web page associated with the annotation tag and through the web page in the source format in the second window to focus display on the markup. - View Dependent Claims (12, 13)
-
-
14. A system comprising:
-
a display; a memory; and a processor operably coupled to the memory and configured to execute; converting a web page into a structured tree including a set of nodes; displaying the web page in a first window on the display; receiving a selection of a portion of the displayed web page; receiving an annotation tag based on the selection of a portion of the web page and an annotation associated with the selection, the annotation being selected from a menu provided in a graphical user interface, the menu including a plurality of selectable item types to associate with the portion, the plurality of selectable item types being provided in the graphical user interface based at least in part on a schema associated with the web page; translating the annotation tag into a markup according to at least one of the item types by; determining that the annotation tag crosses a boundary between two nodes that both include content associated with the selection; determining that the annotation tag does not include all of the content of the two nodes because the two nodes encompass extra content in addition to the content associated with the selection; and based on determining that the annotation tag crosses the boundary, generating a single meta tag having a property that includes all of the content associated with the selection; attaching the markup to a first node of the nodes; displaying the web page in a source format in a second window in the display, the web page in the source format including an annotated source document with a rendering of the markup according to the at least one selected item type; automatically generating a selectable tag navigator based on the markup; displaying in the first window or the second window the selectable tag navigator, the tag navigator providing a visual indicator of where markup has been added in the page; and in response to user selection of the tag navigator, automatically scrolling through both the web page in the first window to focus display on a visual element in the web page associated with the annotation tag and through the web page in the source format in the second window to focus display on the markup. - View Dependent Claims (15, 16, 17, 18, 19, 20)
-
Specification