Web Page Annotation System Using AJAX and Java EE
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current methods for collaborating on web documents are cumbersome, requiring users to manually extract and share content links, making it difficult to efficiently comment and respond to comments across large amounts of web information.
Innovation Solution
A client-server system with an annotation tool that allows users to add, edit, and share comments directly on web pages using AJAX, associating annotations with specific webpage content and saving them on an annotations server, generating sharable links for others to view and interact with these annotations.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Productivity
If users manually extract and share document contents via email with links, then collaboration can occur between users, but the process becomes cumbersome and time-consuming especially with large amounts of web information
Solution Approach 1:
The patent extracts only the necessary annotation data (comment text, position information, and minimal context) from the web document and transmits it separately from the full document content. This allows users to share specific portions of documents without extracting and transmitting entire documents, significantly reducing time and effort.
Solution Approach 2:
The patent introduces an annotation server as an intermediary that stores and manages annotation data. Instead of users directly exchanging annotated content through email, the annotation server mediates the collaboration process by providing centralized storage and retrieval of annotations, eliminating the need for manual extraction and sharing via email.
2Difficulty of detecting and measuring
If users scroll through lengthy web documents to locate specific content, then they can find the content, but the process is daunting and time-consuming
Solution Approach 1:
The patent applies preliminary action by pre-marking and annotating specific portions of web documents before sharing. Annotations are attached to specific locations in advance, so when users receive the annotation data, the target content is already identified and highlighted, eliminating the need for manual scrolling and searching.
Solution Approach 2:
The patent uses visual indicators (such as highlighting colors or markers) to distinguish annotated portions from the rest of the document. These visual changes make it immediately obvious which content has been annotated, allowing users to quickly locate and focus on relevant sections without scrolling through entire documents.
3Speed
If annotations are loaded synchronously with webpage content, then all content is available, but the loading process is slower and less efficient
Solution Approach 1:
The patent segments the loading process into two independent parts: webpage content loading and annotation data loading. The webpage content is loaded first and displayed immediately, while annotation data is loaded separately in the background. This segmentation allows the page to become usable faster while ensuring annotations are eventually loaded completely.
Solution Approach 2:
The patent implements continuous useful action by loading annotation data asynchronously in the background while the user can already interact with the webpage content. The annotation loading process continues independently without blocking or interrupting the user's ability to view and interact with the main content, ensuring both speed and completeness.
Data Source
AI summary
A method and system for adding annotations to content of a webpage provided by a content server includes identifying a portion of the content of the webpage and applying an annotation to the identified portion of the content. The annotation is associated with the identified portion. The annotation and its association with the identified portion is saved on an annotations server and a link is generated to an annotated webpage wherein the content for webpage is received from a content server and the annotation is received from the annotations server. The link is sharable so as to enable others to view the annotation associated with the identified portion of the content.