HTML5 Canvas Document Annotation System

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current document management systems are inefficient and cumbersome, requiring paper handling and proprietary technologies for electronic to paper to electronic conversions, and lack flexibility in document customization, especially in electronic commerce applications.

Innovation Solution

A cloud-based document management system using HTML5 for manipulating and annotating documents remotely, allowing users to create, sign, and transmit virtual paper copies without physical handling, utilizing web browsers and servers to streamline the process and enable customizable document creation.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If proprietary document management systems are used, then document management capability is provided, but system complexity and cost increase

Engineering Contradiction:
Improvedocument management capabilityVSAvoidsystem complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent implements a universal document management system that handles multiple document types (PDF, images, Office documents) through a single platform. The system provides electronic signature, annotation, and document exchange capabilities across diverse devices (desktops, mobile devices, tablets) using standard web browsers, eliminating the need for proprietary software installations and reducing system complexity while maintaining versatility.

Inventive Principle:
Principle #6Universality (Multi-functionality)

Solution Approach 2:

The patent replaces physical paper handling and manual signature processes with electronic document management and digital signature capabilities. Documents are transmitted electronically between parties, signatures are applied digitally through the web interface, and annotations are made using HTML5 drawing tools, eliminating the mechanical processes of printing, physical signing, scanning, and mailing.

Inventive Principle:
Principle #28Mechanics substitution (Replace mechanical system)

2Reliability

If paper handling is used for document signing, then signature authenticity is ensured, but time consumption and cost increase

Engineering Contradiction:
Improvesignature authenticityVSAvoidtime consumption
Core Design Contradiction:
ReliabilityVSLoss of time

Solution Approach 1:

The patent creates and manages electronic copies of documents that maintain the same legal and authentication value as paper originals. The system generates digital representations of documents with embedded signature data, allowing multiple parties to view and verify signatures electronically without requiring physical paper copies, thereby reducing time consumption while preserving signature authenticity through cryptographic verification.

Inventive Principle:
Principle #26Copying

Solution Approach 2:

The patent introduces a web-based intermediary platform that facilitates electronic signature verification and document exchange. This intermediary system uses standardized web protocols and HTML5 technologies to mediate between signing parties, ensuring authentication through digital certificates and cryptographic methods while eliminating the need for physical paper handling and reducing overall process time.

Inventive Principle:
Principle #24Intermediary (Mediator)

3Adaptability or versatility

If Adobe Acrobat proprietary solutions are used, then PDF document management is achieved, but computer system resources are consumed and flexibility is reduced

Engineering Contradiction:
ImprovePDF document management capabilityVSAvoidcomputer system resources
Core Design Contradiction:
Adaptability or versatilityVSUse of energy by moving object

Solution Approach 1:

The patent replaces resource-intensive proprietary PDF rendering engines with HTML5-based web rendering technology. By converting PDF documents to HTML5 representations that can be displayed in standard web browsers, the system eliminates the need for heavy Adobe Acrobat software installations and reduces computer system resource consumption while maintaining PDF document management capabilities through web-based interfaces.

Inventive Principle:
Principle #28Mechanics substitution (Replace mechanical system)

Solution Approach 2:

The patent creates a universal document viewing and management system that works across different operating systems and devices through standard web browsers. Instead of requiring proprietary Adobe Acrobat software on each device, the system provides PDF management capabilities through HTML5 and web technologies, reducing system resource requirements and increasing flexibility and accessibility.

Inventive Principle:
Principle #6Universality (Multi-functionality)

4Adaptability or versatility

If electronic document customization is attempted with existing tools, then some customization is possible, but ease of operation and flexibility remain suboptimal

Engineering Contradiction:
Improvedocument customization capabilityVSAvoidease of operation
Core Design Contradiction:
Adaptability or versatilityVSEase of operation

Solution Approach 1:

The patent introduces a web-based intermediary interface that simplifies document customization operations. The system provides HTML5 drawing tools, annotation capabilities, and template-based customization features that can be accessed through standard web browsers. This intermediary layer abstracts the complexity of document manipulation, making customization operations easier to perform while maintaining flexibility and adaptability for various document types and customization needs.

Inventive Principle:
Principle #24Intermediary (Mediator)

Data Source

PatentUS8958109B2Cloud and HTML based document management and creation system
Publication Date: 2015.02.17 NATARAJAN SUNDARAM
  • US8958109B2 patent drawing
  • US8958109B2 patent drawing
  • US8958109B2 patent drawing

AI summary

A web-browser/web server method of creating new documents and signing existing documents, in particular faxes and email attachments, useful for ecommerce and other applications. Documents or document components are sent to the web server. At the web server, the images of the documents are converted to an image layer, and are manipulated by combining the image layer with annotation layers constructed from instructions and data that are uploaded by the user from a web browser or app running on a remote computerized device. The system and method manipulates the documents using HTML5 based image manipulation features such as the <canvas> element. Using this method, users may view and otherwise manipulate documents from their web browsers as if the documents were residing on their local machine. Users may then instruct the remote server to transmit to the intended destination by analog or electronic fax, email attachment, download, or other means.