JP2009129401A - Web page annotation configuration, web page annotation system, and its method - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To provide web page annotation configuration, a web page annotation system, and its method. <P>SOLUTION: The web page of a user opened by a web page browser is made as a bottom layer web page, and on the bottom layer web page, multilayer vector graphic annotation layers which cover a layer of XML vector graphic web page annotation, in which the XML vector graphic web page annotation includes an annotation layer created by a user, each user creates his/her exclusive annotation layer in all the same web pages, and which cover the same bottom layer web page, are constituted. The user edits various different annotation objects on the bottom layer web page, the edited content is stored in his/her exclusive annotation layer, all of the annotation objects are XML vector graphic elements and have excellent operability. When the user attempts to share the web page annotation with other users, the user only transmits the web page annotation to an opposite party who intends to share the annotation layer that belongs to the bottom layer web page site and the user. <P>COPYRIGHT: (C)2009,JPO&INPIT

Description

The present invention relates to a kind of web page commenting system and method, and more particularly, to a kind of web page commenting system and method using XML-based vector graphic technology, wherein the XML is extensible sign language (Extensible). Abbreviation for Markup Language.

In the era of the Internet, web pages are one of the main sources of information for modern people. Billions of web pages are now provided with various forms of information services all over the world, and the number of web pages continues to grow even faster. When people read web pages, there is sometimes a demand to note their views, annotations, annotations, etc. on the contents provided by the web page, for example, to write down their views on news, Mark it on a stock chart or write your own knowledge on a academic web page. In such cases, a common practice is to print a web page and write a note on the printed paper. When people show this web page and comment to other people, for example, when a teacher presents a student web page and their own comment to a student, they always print and copy this commented, Distribute to. However, this is inconvenient and wastes paper.

Currently, it is possible to convert all or part of a user's web page into a bitmap image (raster image or bitmap) file, for example BMP, GIF, JPEG, PNG, etc. The bitmap image file that includes this web page (hereinafter referred to as the web page bitmap image file) and the bitmap image file that includes the web page and the annotation (hereinafter referred to as the web page annotation). Send it for the purpose of sharing with other people. However, such a web page commenting method has at least five drawbacks. First, since a web page is converted into a bitmap image with a considerably large file size, a larger storage memory and Internet bandwidth are required for storing and transmitting. 2. Since the annotation itself formed in the web page bitmap image file is a bitmap image, the operability is further lacking. For example, it is impossible to perform operations such as movement for individual annotations, duplication, rotation, hiding, compression, color conversion, transparency, and the like. 3. Web page commenting Bitmap image file sharing is to copy the whole file and send it to all other users, and each user has his own duplicate file, so any user can comment The contents to be updated cannot be updated to a duplicate file of another same source. That is, you cannot edit annotations for the same web page together between shared groups. 4. After many people have commented on a web page comment bitmap image file, the contents may look confusing, and the user can select and delete the file or hide unnecessary comment. Absent. 5. Using some application software such as CorelDraw or Adobe Illustrator, convert the web page into a vector graphic file that can be decoded, and then you can make annotations with an annotation tool that can use vector graphic editing. All software is window-based applications, and the difference update and collaborative editing functions are not available and cannot be directly displayed in the browser of the web page.

Another web page commenting method (e.g. Google
(Notebook) is to enter a website directly from the user, or to input annotations such as letters, figures, hyperlinks, etc. directly on the web page opened by the web page browser. You can move, delete, edit, and publish. The comment itself is HTML (HyperText
Since the file is in the format of Markup Language (Hyper Text Marking Words), the file size is small compared to this and the method of commenting on the bitmap image file. Moreover, the user can edit the annotation by changing the CSS (Cascading Style Sheets) attribute of the annotation. The disadvantage of the method of commenting on this HTML-formatted web page is that it lacks the function of handwriting and graphic annotation such as highlighter. In addition, the annotation in the HTML format lacks a multi-layered structure, and each user cannot comment on the same web page in different layers, so information sharing, difference updating, and collaborative editing cannot be performed.

Taking this as a guide, the present invention provides a kind of web page comment data structure, web page comment system and method, and the user covers multiple comment layers on the same web page, or various kinds of self comment layers. You can create new, save, delete, edit, etc. annotations (or annotated properties) and comment on web pages for further purposes. In addition, all of the commented properties are XML vector graphic elements, so they have excellent operability and share their own commented layers or commented properties over the Internet in a method of updating differences between the ability and the web page. Or for editing web page annotations together.

The present invention provides a web page comment data structure, a web page comment system, and a method thereof. The user web page opened by a web page browser is a bottom web page, and the bottom web page is displayed on the web page. XML vector graphics web page annotations that are unaffected, and these XML vector graphics web page annotations include annotation layers created by users, and each user can create their own annotation layer on the same web page. And a multi-layer vector graphic annotation layer covered on the same bottom web page. The user edits various different annotations on the bottom web page, and saves the edited contents to his / her own commentary. All of the above commented items are XML vector graphic elements and have excellent operability. When a user wants to share a web page comment with another person, he or she only needs to send it to the bottom web page website and the person who wants to share the comment layer belonging to this user. In addition, when a certain user updates a comment layer, other shared users can perform the above update only by updating the comment property to be moved or changing the comment layer to be moved.

The above and other objects, advantages and novel features of the present invention will become apparent from the following detailed description of the preferred embodiments of the invention as illustrated in the accompanying drawings.

FIG. 1 is a display diagram of a data structure of an annotation layer that covers a multi-layer vector graphic on a web page according to an embodiment of the present invention. Referring to FIG. 1, this web page annotation configuration 100 includes a bottom web page 110 and a single XML vector graphic web page annotation 120 covered on the bottom web page 110. The XML vector graphic web page comment 120 further includes an event listener layer 130, a processing program layer 140, and a user-created comment layer. The processing program layer 140 includes, for example, the comment layer 151 and the comment layer. Layer 152 is created by user A and user B separately. Overall, the web page annotation structure 100 is represented by a web page browser that can use the vector drawing engine.

According to the present invention, the bottom web page 110 is a text or file opened and displayed by a web page browser. This text or file may be, for example, a web page provided by a website, a blank web page opened by a web page browser, Or HTML files converted from Microsoft Word, Excel, PowerPoint files or shape files (because some Microsoft Word, Excel, PowerPoint files or shape files cannot be opened directly by web page browsers, Therefore, it is only possible to use such a file in an interpreted browser after converting such a file into an HTML file. If the bottom web page 110 is a web page provided by a website, the user needs to specify and open the web site 115 of the web page 110, and the web page browser applied to the present invention is A web page 110 designated based on the site 115 can be placed in the bottom layer of the web page annotation structure 100, so the web page 110 is referred to as a bottom layer web page, and the web page 115 of the web page 110 is the bottom layer web page web. This is called a site. In an embodiment of the present invention, the web page annotation structure 100 is an HTML file and includes an <iframe> element whose src attribute points to the website 115 of the web page 110 that is specified and opened by the user, so that the user When the HTML file 100 is opened, the <iframe> element is directed to the web page 110 specified by the user, inserted into the HTML file 100, and used as the bottom web page 110. If the bottom web page 110 is a blank web page opened by a web page browser, the web page browser of the present invention can be applied to a browser version of a drawing board application program, a web page clipboard, or a digital white board. is there.

In the XML vector graphic web page comment 120, the case silent layer 130 and comment layers 151 and 152 are all composed of XML vector graphic elements (elements), and the processing program layer 140 is composed of a program edited by a script program (scripts). There are various types of XML vector graphics, such as W3C (World Wide
SVG (Scalable Vector Graphics) vector graphics established by the Web Consortium), the script program is ECMAScript, or MXML vector graphics revised by Adobe, and the script program is ActionScript, or by Microsoft It is an established XAML vector shape. XML API (Application
If, for example, DOM (Document Object Model) is used in Programming Interface), the user handles XML vector graphic elements by the function of the program edited by the script program (for example, new, deleted, edited, etc.). In the present invention, the manifestation of the incident silent layer 130 and the comment layers 151 and 152 does not cover the bottom web page 110, and the user adds annotation objects on the comment layers 151 and 152. From this, it is understood that the bottom layer web page 110 is shielded, and a comment (that is, a comment property) is added on the web page (that is, the bottom layer web page 110). In the present invention, the commented items are shapes, text, handwriting, highlighter, sticky notes, hyperlinks, bookmarks, eraser. XML vector graphics elements such as icons, graphics or audio. The processing program layer 140 is merely a program and does not need to be expressed. This is a target processing program for handling XML vector graphic elements such as the above-mentioned shape, characters, and handwriting.

Incident silence layer 130 is provided for receiving or receiving incidents inspired by a user through an input device (eg, a mouse or keyboard) and is handled by a corresponding processing program in processing program layer 140. The above case is, for example, a mouse case inspired by the user (e.g. mouse click, mousedown, moveveve, mouseup, mouseover, etc.), and the type of work the user wants to perform on the bottom web page 110 (e.g. , Saving, deleting, editing, etc.) are handled by the corresponding processing program in the processing program layer 140 (for example, the commented property is newly added to the comment layer created by the user). The case silent layer 130 is a kind of XML vector graphic element, and in the embodiment of the present invention, the size and position of the incident silent layer 130 are completely matched with the bottom web page 110 by setting the coordinates of the element and the long attribute. In addition, the opacity attribute setting is set to a value close to 0 (0 means completely transparent), so that the incidental hearing layer 130 does not block the bottom web page 110, but the user operates An input device such as a mouse can be operated to receive all events triggered at the relative position of the bottom web page 110.

For the comment layer (for example, the comment layer 151 created by user A), all of the commented properties added on top of this comment layer are the next selection points for this comment layer. Each comment layer includes attributes such as an identification code, an author, a collaborator, construction time, storage time, authority definition, and the user who created the comment layer at this time is called an author. In addition, the identification code attribute describes the unique identification code of this comment layer, because the web page comment 120 of the same web page 110 may have multiple comment layers (for example, comment layers 151 and 152), and jointly Since an annotation layer may perform a difference update when editing, a unique identification code is required to be identified for each annotation layer. The author attribute describes the author who creates this comment layer, and grants this author the maximum authority over the comment layer. For example, the author can perform functions such as new, delete, edit, and duplicate commented items in this comment layer. It can be performed. The collaborator attribute describes other collaborators in this commentary layer, and the author defines authority for this collaborator group in the authority definition attribute. The erection time attribute describes the erection time of this comment layer. The storage time attribute describes the last storage time of this comment layer. The authority definition attribute is an authority to define separately for collaborators and other users and certain types of status, for example, allowing collaborators to newly, edit, duplicate etc. commented items in this commentary layer, However, other users are only allowed to copy the commented items in this commented layer.

In an embodiment of the present invention, covering the XML vector graphic web page annotation 120 on the bottom web page 110 inserts one <div> element into one HTML file 100, and the XML vector graphic web page annotation 120. Furthermore, the HTML file 100 already contains one <iframe> element, and its src attribute is directed to the website 115 of the web page 110. And by setting the position attribute in the style attribute of <iframe> element and <div> element to absolute, and setting the same width, height, top, left attribute values, <iframe> element and <div > The elements are made to the same coordinate position and size, which is equivalent to having the XML vector graphic web page annotation 120 completely covered on the bottom web page 110. The above <div> element (that is, XML vector graphic web page comment 120) inserts one XML vector graphic element, makes the incident hearing layer 130, and sets the opacity attribute to a value close to 0 (0 means completely transparent) As a result, the wmode attribute becomes transparent, or the appearance of the incidental hearing layer 130 is made almost transparent by setting other similar attributes, and the appearance of the bottom web page 110 is not shielded.

FIG. 2 is a diagram of a web page commenting system made according to an embodiment of the present invention. Referring to FIG. 2, a web page commenting system 200 according to the present invention includes a client device 210 and a server device 220, both of which are connected via the Internet. The client side device 210 is, for example, a personal computer, a plate personal computer, a notebook personal computer, or a personal digital assistant (PDA), such as a web page browser 211, an XML vector drawing engine 212, an input device 213, and the like. And display device 214. The server-side device 220 includes a website server 221, a vector graphic element processing program 222, a server-side processing program 223, and a database 224.

Referring to FIG. 1 and FIG. 2, in the client side device 210, after downloading the vector graphic element processing program 222 for using the web page browser 211 from the server side device 220, the web page browser 211 is configured as a web page annotation. Can open 100 and appear. The vector drawing engine 212 can use the web page browser 211 and represents the XML vector figure in the web page annotation composition 100. Input device 213 (e.g. mouse or keyboard) and display device 214 (e.g. liquid crystal display) provide a human machine interface that allows the user to create new annotations on the bottom web page 110 of the web page annotation configuration 100, After deleting or editing, it is transmitted to the XML vector graphic web page comment 120. In the server-side device 220, the website server 221 is provided to handle data transmission between the client-side device 210 and the server-side device 220. The vector graphic element processing program 222 is a processing program that provides an XML vector graphic element of the processing program layer 140 of the web page annotation composition 100 in the client side device 210. The server-side processing program 223 accesses the data in the database 224 and transmits it through the website server 221. The database 224 is provided for storing comment layers, comment properties, and bottom web page websites corresponding to the comment layers.

In the embodiment of the present invention, the XML vector graphic web page annotation 120 is covered on the bottom web page 110 by inserting a single <div> element into an HTML file 100 and XML vector graphic web page annotation 120. The HTML file 100 already contains one <iframe> element, and its src attribute points to the website 115 of the web page 110. Then, by setting the position attribute in the style attribute of the <iframe> element and <div> element to be absolute, and setting the same width, height, top, and left attribute values, the <iframe> element and < The div> element has the same coordinate position and size, ie, the XML vector graphic web page annotation 120 is completely covered on the bottom web page 110. The above <div> element (i.e., XML vector graphic web page annotation 120) inserts one XML vector graphic element, makes the incident silent layer 130, sets the opacity attribute to approach 0 (completely transparent), and sets the wmode attribute to transparent. By setting or setting other similar attributes, the appearance of the incidental hearing layer 130 is close to transparency and does not obscure the appearance of the bottom web page 110.

In an embodiment of the present invention, when a user attempts to open a web page of an external website by the web page browser 211 on the client side device 210, the web page browser
211 designates the web page of this external website as the bottom web page 110, covers the XML vector graphic web page annotation 120 on one layer thereon, forms a web page annotation composition 100, and processes in the XML vector graphic web page annotation 120 The program layer 140 is a vector graphic element processing program 222 downloaded from the server side device 220. Then, the user creates a comment layer on the bottom web page 110 by the web page browser 211 to make the comment property new. Finally, after the user completes the comment on the web page, when the client side device 210 issues a save instruction, the client side device 210 moves the comment layer, the commented property, and the bottom layer web corresponding to the comment layer to which the user has moved. Only the website 115 of the page 110 is uploaded to the server side device 220 and stored in the database 224 through the website server 221 and the server side processing program 223.

3A and 3B are flowcharts of the web page commenting method created based on the embodiment of the present invention, which includes new, saving, deleting, editing, etc. of the commented property on the comment layer and updating the difference. Including starting. Referring to FIGS. 1, 2, 3A, and 3B, first, initialization is performed by the client-side device 210, which includes downloading the vector graphic element processing program 222 by the website server 221 and from the database 224. Loading an annotation layer (e.g., annotation layers 151, 152) that covers the bottom web page 110 based on user rights, setting up an incident hearing layer 130 and preparing to receive an incident inspired by the user, etc. (Procedure S301) is included. Then, the type of work to be performed by the user is selected, and the above-mentioned work type is new, saved, deleted, edited of the commented property, or the difference update is started (step S302), and the client side device In 210, the type of work selected by the user (step S303) is determined.

If the work type is to create a commented property, the incident triggered by the user (for example, mouse click case) is received in the silent audience 130, and the work type that the user intends to perform is a new commented property. The element category is detected by character, handwriting, highlighter, or other category, and then handled by the new case processing program corresponding to the processing program layer 140, for example, the mouse position and the movement trajectory coordinates (step S304) are recorded. . Then, the new case processing program newly creates one corresponding commented item (step S305) based on the classification of the commented item selected by the user and the recorded mouse position and movement trajectory. Furthermore, a new commented property is added to the commented layer of the commented property that the user intends to create as a next selection point of the commented layer, and at the same time, tracking information such as new date and time when the commented property is newly created An attribute (procedure S306) is added. Finally, the process returns to step S302 to prepare for receiving the next work. All of the above commented properties are XML vector graphic elements, and a graphic is drawn by the vector graphic drawing engine 212 based on the classification and attributes of the commented property elements and displayed in the web page browser 211.

If the work type is an existing annotated property such as deletion or editing (e.g. move, hide, release, rotation, etc.), the incident triggered by the user in the incidental hearing layer 130 is received, and the work type to be performed by the user is annotated. After detecting that the property is to be deleted or edited, this is handled by the case processing program corresponding to the processing program layer 140 (step S311). For example, when the user moves the commented article, when the user moves the mouse, the case processing program records the mouse position and the movement trajectory coordinates, and further changes the position attribute value (step S312) of the commented article. Of course, the annotation object after the attribute value is moved must be redrawn by the vector graphic drawing engine 212. Finally, the process returns to step S302 to prepare for receiving the next work. Accordingly, by changing the attribute value of the comment property of the XML vector graphic, it is possible to delete or edit (for example, move, hide, release, rotate, etc.) the comment property.

If the work type is to store the commented property, the incident that is inspired by the user is received in the case silent layer 130, and the work type that the user intends to perform is detected to store the commented property, and then the processing program layer 140. The case processing program reads all moved comment layers (step S321) from the XML vector graphic web page comment 120 by the user ID, and this moved comment layer or this move Only the moved commented article in the commented layer is sent back to the server side apparatus 220 (step S322) via the Internet. The server-side device 220 receives the moved annotation layer or property and stores it in the database 224 (step S323). Finally, the process returns to step S302 to prepare for receiving the next work.

If the work type is to activate a difference update, the client-initiated device 210 receives an incident inspired by the user in the case silent layer 130 and detects that the work type to be performed by the user activates the difference update. Thus, the server-side processing program 223 in the server-side device 220 is called and handled by the server-side processing program 223 (step S331). The server-side processing program 223 in the server-side device 220 determines the difference between the comment layer used by the user for the web page 110 and the comment layer corresponding to the database 224, and the comment layer updated in the database 224. Are sent back to the client-side device 210 (step S332). The client-side device 210 then uses each updated comment layer to compare with the comment layer used for the user's web page 110 and to create a new or original comment layer in the web page 110. The comment layer (for example, new, deleted, edited, etc. of the comment property on the original comment layer) is moved. For example, first, one updated comment layer (procedure S333) is acquired, and since the updated comment layer is acquired, the process proceeds to the next procedure (selection of “Yes” in step S334). Then, the updated comment layer is determined whether it is a new comment layer for the comment layer used by the user on the web page 110 (step S335). If “Yes”, the new comment layer is determined. Annotated property of an annotation layer that is attached to the top layer in the annotation layer shields the annotation property of the annotation layer in the lower layer (step S336). If “No”, the updated annotation layer The comment layer used in the user's web page 110 is moved based on the user's web page 110, for example, the comment property of the comment layer used in the user's web page 110 is newly, deleted, or edited (step S337). . Then, after handling the authority of the new or moved comment layer (step S338), the next updated comment layer is continuously handled (step S333), and after all the updated comment layers have been processed, step S302 is performed. To prepare to receive the next work (the choice of “No” in step S334).

FIG. 4 is a screen created based on an embodiment of the present invention and used for commenting on an actual web page. This web page is a homepage of Wikipedia. Referring to FIG. 4, the user enters the website of this web page, ie http://www.wikipedia.org, the present invention defines the bottom web page 110 based on the web page that the website is to open. It is covered with an XML vector graphic web page annotation 120 on top of the bottom web page 110. Users can add annotations to the annotation layer on the XML vector graphic web page annotation 120. For example, annotations 401, 402, 403, 404 are annotations by character, handwriting, highlighter, and sticky note. is there. Such annotated property (for example, property 401 to 404) shields the manifestation of the bottom web page 110 and presents an annotation (for example, property 401 to 404) on the web page (immediate bottom web page 110). All commented items are XML vector graphic elements and have excellent operability. When sharing with other users, send new or edited commented layers or commented items to other users. Just achieve the purpose of the difference update.

In the present invention, the web page designated and opened by the user and the commented web page are directly used as the bottom web page 110, and the web page is not converted into an image. Only the bottom web page website 115 is saved. Thus, if the web page that the user opens is a dynamic web page, i.e. the content of the web page changes over time, e.g. stock market charts, comments added on top of the dynamic web page are open bottom web pages As 110 changes over time, a discrepancy phenomenon may occur. Accordingly, the present invention further provides a method for extracting the contents of a part of a web page by a vector graphic and converting it into a vector graphic element. Referring to FIG. 5, when the user tries to take out a part of the screen of a certain web page, in the client side device 210, the user inputs the web page website (step S501) into the web page browser 211, At the same time, this website is transmitted to the server-side device 220 (step S502), and after opening the web page, one XML vector graphic web page comment (step S503) is covered on this web page. The server side device 220 opens this web page (step S511) based on the website transmitted back from the client side device 210, and converts it into a bitmap image (step S512). In the client-side device 210, the user draws one shape by moving the mouse on the XML vector graphic web page comment 120, and displays a rectangle, for example, an area to be clipped (step S504). When the user leaves the mouse and triggers a mouseup event, the client-side device 210 will display the position coordinates scrollTop, scrollLeft, top, left, and other attribute values that appear on the web page, and the clip area shape, coordinate position, area range, etc. Are sent back to the server-side device 220 (step S505), and the server-side device 220 receives the clip area information, and then, on the converted bitmap image of the web page, the bitmap image of the designated area (step S513). ) And is stored in the database 224 (step S514). In the client-side device 210, the user repeatedly clips on different web pages, and takes a bitmap image of a screen of a part of the web page from the database 224, converts it into a vector image (step S506), and converts the user image as an element. Is added on the comment layer (step S507) of one blank web page opened by the web page browser 211. Further, the user can add various other annotation items (for example, XML vector graphic elements such as shapes, characters, and handwriting) on the annotation layer of the blank web page.

To summarize the above description, a kind of web page commenting configuration, web page commenting system and method provided by the present invention opens a web page as a bottom web page by a web page browser, and a further XML vector graphic web thereon. Covered with page annotations, the XML vector graphics web page annotations include annotation layers created by users, and each user creates a self-exclusive annotation layer on the same web page, on the same bottom web page A covered multi-layer vector graphic annotation layer can be constructed. The user edits various different annotations on the bottom web page, and the edited contents are stored in a self-dedicated annotation layer, and all of the annotations above are XML vector graphic elements with excellent operability. Yes. When a user wants to share a web page comment with another user, it only needs to be sent to the website of the bottom web page and the other person who wants to share the comment layer belonging to the user. In addition, when a user moves from one comment layer to another, other users simply need to update the moved comment layer, without having to copy all the files. Reach the purpose.

While the invention is susceptible to various modifications and alternative forms, specific embodiments thereof are shown by way of example in the drawings and will herein be described in detail. However, the invention is not limited to the specific forms disclosed, but extends to all modifications, equivalents, and alternatives falling within the spirit and scope of the invention as defined by the appended claims. Should be understood.

The display figure of the data structure of the comment layer which made based on the Example of this invention, and covers a multilayer vector figure on a web page. 1 is a diagram of a web page commenting system made according to an embodiment of the present invention. FIG. 5 is a flowchart of a web page commenting method created based on an embodiment of the present invention, which includes adding, saving, deleting, and editing a commented property to an annotation layer and starting a difference update. . FIG. 5 is a flowchart of a web page commenting method created based on an embodiment of the present invention, which includes adding, saving, deleting, and editing a commented property to an annotation layer and starting a difference update. . A screen created based on an embodiment of the present invention and commented on an actual web page. FIG. 3 is a flowchart of a web page annotation method made in accordance with an embodiment of the present invention, the method including extracting a part of the content of a web page by a vector graphic and converting it into a vector graphic element.

Explanation of symbols

100 Web page comment structure
110 Bottom web page
115 bottom web page website
120 XML vector graphics web page commentary
130.
140 Processing program layer
151, 152 Commentary layer
200 Web page commenting system
210 Client device
211 Web page browser
212 Vector drawing engine
213 Input device
214 display devices
220 Server side device
221 Website Server
222 Vector graphic element processing program
223 Server-side processing program
224 database
401, 402, 403, 404
S301 initialization
S302 User selects work type
S303 Work type
S304 Inspire new incident handling program
S305 Comment on creating a new property
S306 Add a new comment property to the comment layer
S311 Inspire corresponding incident handling program
S312 Change the attributes of the selected comment property
S321 Read the comment layer moved by the case processing program
S322 Send the moved annotation layer back to the server side device
Save to S323 server side device database
S331 Client side device calls server side processing program in server side device
S332 Send the updated annotation layer set from the server side device back to the client side device.
S333 Get next updated comment layer
S334 Is there an updated commentary layer?
S335 Is this a new commentary layer?
S336 Add a new comment layer to the top layer
S337 Update original comment layer
S338 Handle the commentary layer authority
S501 Enter website
S502 Send website to server side device
S503 After opening the web page, XML vector graphic web page commentary is covered on this web page
S504 Mark the area the user wants to clip
S505 Send clip area information back to server side device
S506 Load clip area bitmap image and convert to vector image
S507 Add on top of the comment layer of a single blank web page opened by a converted vector shape
S511 Server side device opens the same web page
S512 Convert web page to bitmap image
S513 Retrieve the image of the marked area
S514 Save bitmap image of extracted area

Claims (8)

Web page commentary structure, characterized by comprising the following:
One bottom web page, this bottom web page contains a web page provided by the website, a blank web page opened by a web page browser, or an HTML file converted from a common file,
One XML vector graphic web page annotation, this XML vector graphic web page annotation is covered on the bottom web page and includes the following elements:
At least one comment layer, each comment layer is attached with at least one comment property, and the user can create, save, delete, edit, etc. the comment layer based on the authority, and comment the property. You can also update the comment layer by renewing the difference, or comment the property, and the commented property above is shape, text, handwriting, highlighter, sticky note, hyperlink, booklet, eraser, illustration, figure Or XML vector graphic elements such as voice,
One processing program layer, including at least one case processing program,
In response to an incident related to one incidental hearing layer, an annotation layer inspired by the user, an incident processing program corresponding to this processing program layer is established to activate the incident process that corresponds to this incident. Send to the program,
In particular, the incidental hearing layer and the comment layer are composed of XML vector graphic elements, and the manifestation of the case does not cover this bottom web page, and all commented items added on the comment layer are XML vector graphic elements. The manifestation of the commented property shields the bottom web page and shows the mode of the commented property added to the bottom web page. The above annotation layer attributes are further
An identification code attribute for describing the unique identification code of the comment layer;
In order to describe the author who creates the comment layer, the author attribute to which maximum authority is given,
A collaborator attribute to describe other collaborators in the comment layer;
An erection time attribute to describe the commentary stratified erection time;
A storage time attribute for describing the last storage time of the comment layer;
The web page annotation structure according to claim 1, comprising a co-author defined by the author and an authority definition attribute for describing the authority of another user. A web page commenting system, which is applied to the web page commenting configuration described in claim 1 and comprising the following configuration:
One client-side device, further including the following elements:
A web page browser that will show you when you open this web page annotation configuration,
This web page browser can be used to provide a vector graphics drawing engine, an input device, a display device, and the above input device and the display device that represent the XML vector graphic elements in this web page annotation configuration. Provided to operate the input device by the user and cause a user-initiated case,
One server side device, and further includes the following elements:
A website server provided to handle data transmission between the server side device of the client side device;
A vector graphic element processing program used to provide a required case processing program to the processing program layer in the comment structure of this web page;
A database used to store comment layers, comment properties, and bottom web page websites corresponding to comment layers in the comment structure of this web page;
A server-side processing program used to access data in the database. A web page commenting method, which is applied to the web page commenting configuration described in claim 1 and comprising the following steps:
Open one web page as the bottom web page through the web page browser on the client side device,
Cover the incident hearing layer and processing program layer on the bottom web page,
Set in preparation to receive an incident inspired by the user in the incident silent audience,
When the user tries to edit the current annotation layer of the bottom web page, the current annotation layer for the bottom web page is loaded from the server side device through the Internet and covered on the bottom web page. You can perform functions such as new, save, delete, etc. on the existing comment layer, edit comment items,
When a user tries to create an annotation layer, a new annotation layer created by the user is covered on the bottom web page, and the user has the maximum authority over the annotation layer created, and a new annotation layer is created on the annotation layer. , Save, delete, edit annotations, etc., and users can define other users' permissions on self-created annotation layers,
When the user tries to save the annotation layer, the client side device sends the moved annotation layer or annotation property in this web page annotation configuration and the bottom layer web page website corresponding to the annotation layer to the server side device. Save it on the server side device,
When a user wants to share this web page comment configuration with another user, the user sends the bottom layer web page website and the comment layer belonging to the user to the other user through the server side device, and the user has a certain comment layer. When the user moves, the other user simply updates the comment layer or comment article that has been moved through the server-side device. The procedure for creating a new commented property in the commented layer above is further
After receiving a case of a new comment property inspired by the user in the case silent audience, it is sent to the case processing program corresponding to the processing program layer, and the response processing is performed,
The incident handling program records the incident and produces a corresponding commentary,
The web page commenting method according to claim 4, further comprising adding the newly commented property to the comment layer of the commented property to be newly created by the user. The procedure for deleting or editing the comment property in the comment layer is further
After receiving a case of deletion or editing of annotated property inspired by the user, the case silent audience sends this case to the case processing program corresponding to the processing program layer and is handled by the case processing program.
5. The web page commenting method according to claim 4, wherein the case processing program includes recording the case, correspondingly deleting the commented property, or editing an attribute of the commented property. The procedure for storing the comment property in the comment layer is further:
After receiving the incident of the storage of the commented property inspired by the user, the incident quiet audience sends this incident to the incident processing program corresponding to the processing program layer and is handled by the incident processing program.
The case processing program selects and moves the comment layer or comment property moved from the XML vector graphic web page comment, sends the comment layer or comment property moved to the server side device through the Internet, and moves on the server side device. 5. The web page commenting method according to claim 4, comprising receiving and storing the commented layer or the commented article. The procedure for activating the annotated property in the difference update commenting layer is further executed after the incidental hearing layer receives the case of the activation difference update triggered by the user and then calls the client side device to run the server side processing program in the server side device. This case is handled by the server-side processing program, and the server-side processing program determines the difference between the comment layer used by the user for the bottom web page and the content corresponding to the comment layer stored in the server-side device. Then, the server side device sends the contents of the comment layer updated and saved back to the client side device,
The client-side device compares the annotation layer that the user is using for the bottom web page at each updated annotation layer, and creates a new annotation layer with no content on the bottom web page, or moves the original annotation layer The web page commenting method of Claim 4 including this.