From c3f20ca2a0a8bcfe9da0230d8e3fd97418a083eb Mon Sep 17 00:00:00 2001 From: dynamsoft-h <172081603+dynamsoft-h@users.noreply.github.com> Date: Thu, 3 Jul 2025 15:55:19 -0700 Subject: [PATCH 1/2] fix: various content fixes --- _includes/sidelist-code-gallery.html | 2 +- code-gallery/mobile-web-capture/index.md | 6 +++--- guide/index.md | 14 ++++++++------ index.md | 4 ++-- introduction/index.md | 22 ++++++++-------------- release-notes/mobile-web-capture.md | 2 +- 6 files changed, 23 insertions(+), 27 deletions(-) diff --git a/_includes/sidelist-code-gallery.html b/_includes/sidelist-code-gallery.html index eda2edf..4fbaf3b 100644 --- a/_includes/sidelist-code-gallery.html +++ b/_includes/sidelist-code-gallery.html @@ -1,11 +1,11 @@
  • Code Gallery
    • diff --git a/code-gallery/mobile-web-capture/index.md b/code-gallery/mobile-web-capture/index.md index 9c2624b..1187174 100644 --- a/code-gallery/mobile-web-capture/index.md +++ b/code-gallery/mobile-web-capture/index.md @@ -8,12 +8,12 @@ keywords: Documentation, Mobile Document Scanner, Web, JS Edition, Mobile Web Ca description: Mobile Document Scanner JS Edition User Guide --- -# Scan Multi-Page Documents with Mobile Web Capture +# Extend Mobile Document Scanner to Full Document Management > [!TIP] > Prerequisites: read the [Introduction]({{ site.introduction }}index.html) before proceeding. -**Mobile Web Capture (MWC)** is an SDK designed for scanning multi-page documents. It integrates **Mobile Document Scanner (MDS)** functionality while offering additional features such as multi-document management, annotation, and uploading, making it a comprehensive solution for managing complex document workflows. +**Mobile Web Capture (MWC)** is an advanced sample designed to extend the features of MDS for managing and scanning multi-page documents. It integrates **Mobile Document Scanner (MDS)** functionality while offering additional features such as multi-document management, annotation, and uploading, making it a comprehensive solution for managing complex document workflows. > [!TIP] > See it in action with the [Mobile Web Capture Demo](https://demo.dynamsoft.com/mobile-web-capture/). @@ -60,7 +60,7 @@ To purchase a full license, [contact us](https://www.dynamsoft.com/company/conta To use **MWC**, the first step is to obtain its library files. You can acquire them from one of the following sources: -1. [**GitHub**](https://github.com/Dynamsoft/mobile-web-capture) – Contains the source files for the **MWC** SDK, which can be compiled into library files. +1. [**GitHub**](https://github.com/Dynamsoft/mobile-web-capture) – Contains the source files for the **MWC** sample, which can be compiled into library files. 2. [**npm**](https://www.npmjs.com/package/dynamsoft-mobile-web-capture) – Provides precompiled library files via npm for easier installation. 3. [**CDN**](https://cdn.jsdelivr.net/npm/dynamsoft-mobile-web-capture) – Delivers precompiled library files through a CDN for quick and seamless integration. diff --git a/guide/index.md b/guide/index.md index 2161c55..127c685 100644 --- a/guide/index.md +++ b/guide/index.md @@ -57,9 +57,9 @@ The trial license can be renewed twice for a total of two months of free access. ## Quick Start -To use the **Document Scanner**, first obtain its library files. You can acquire them from one of the following sources: +To use the **Mobile Document Scanner**, first obtain its library files. You can acquire them from one of the following sources: -1. [**GitHub**](https://github.com/Dynamsoft/document-scanner-javascript) – Contains the source files for the **Document Scanner** SDK, which can be compiled into library files. +1. [**GitHub**](https://github.com/Dynamsoft/document-scanner-javascript) – Contains the source files for the **MDS** SDK, which can be compiled into library files. 2. [**npm**](https://www.npmjs.com/package/dynamsoft-document-scanner) – Provides precompiled library files via npm for easier installation. 3. [**CDN**](https://cdn.jsdelivr.net/npm/dynamsoft-document-scanner) – Delivers precompiled library files through a CDN for quick and seamless integration. @@ -191,7 +191,7 @@ By default, the MDS library (whether pre-compiled or self-compiled) fetches reso First, download a copy of the resources: -1. Download **Document Scanner** from [GitHub](https://github.com/Dynamsoft/document-scanner-javascript) as a compressed folder. +1. Download **MDS** from [GitHub](https://github.com/Dynamsoft/document-scanner-javascript) as a compressed folder. 2. Extract the contents of the archive, and open the extracted directory in a code editor. @@ -305,7 +305,7 @@ Reference: Here we walk through the code in the Hello World sample to explain how it works. > [!TIP] -> You can also view the full code by visiting the [Document Scanner JS Hello World Sample on Github](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/samples/hello-world.html). +> You can also view the full code by visiting the [MDS JS Hello World Sample on Github](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/samples/hello-world.html). ### Reference MDS @@ -913,6 +913,8 @@ API Reference: ## Next Step -**MDS** is a fully functional, ready-to-use **single page** scanning SDK with built-in UI layouts. However, to extend its capabilities for multi-page and multi-document processing, as well as advanced editing features, we developed **Mobile Web Capture (MWC)**. +**MDS** is a fully functional, ready-to-use **single page** scanning SDK with built-in UI layouts. There are two options which extend the features of MDS: + +1. To scan multi-page documents as PDFs, please contact [Dynamsoft Support](https://www.dynamsoft.com/company/contact/) for further information. -Read on to learn how to use this web-based wrapper SDK in the [**Mobile Web Capture User Guide**]({{ site.code-gallery }}mobile-web-capture/index.html). +2. For multi-page and multi-document processing, as well as advanced editing features, we developed **Mobile Web Capture (MWC)**. Read on to learn how to use this web-based wrapper SDK in the [**Mobile Web Capture User Guide**]({{ site.code-gallery }}mobile-web-capture/index.html). diff --git a/index.md b/index.md index 5224bad..c74ba86 100644 --- a/index.md +++ b/index.md @@ -5,14 +5,14 @@ keywords: Mobile Document Scanner, Web, JS Edition, documentation description: Mobile Document Scanner JS Edition Documentation Homepage --- -# Mobile Web Capture +# Mobile Document Scanner JavaScript Edition - [Introduction]({{ site.introduction }}index.html) - [Developer Guide]({{ site.guide }}index.html) - Code Gallery + - [Frameworks]({{ site.code-gallery }}frameworks.html) - [Mobile Web Capture](({{ site.code-gallery }}mobile-web-capture/index.html)) - [Customization Guide]({{ site.code-gallery }}mobile-web-capture/customization-guide.html) - [API Reference]({{ site.code-gallery }}mobile-web-capture/api.html) - - [Frameworks]({{ site.code-gallery }}frameworks.html) - [API Reference]({{ site.api }}index.html) - [Release notes]({{ site.release-notes }}index.html) diff --git a/introduction/index.md b/introduction/index.md index 6da1bf5..dd0f478 100644 --- a/introduction/index.md +++ b/introduction/index.md @@ -11,26 +11,20 @@ description: Mobile Document Scanner JS Edition Documentation Introduction # Introduction -When digitizing physical documents - whether for easier storage, better accessibility, or streamlined processing - a hardware scanner is often the preferred choice. However, when hardware scanners are not feasible or convenient, mobile device cameras can serve as effective alternatives. Dynamsoft designed the **Mobile Document Scanner JavaScript Edition (MDS)** SDK to address this need. +When digitizing physical documents - whether for easier storage, better accessibility, or streamlined processing - a hardware scanner is often the preferred choice. However, when hardware scanners are not feasible or convenient, mobile device cameras can serve as effective alternatives. To address this need, Dynamsoft created the **Mobile Document Scanner JavaScript Edition (MDS) SDK**. > [!TIP] > If you are integrating **hardware scanners** into web applications, you may be interested in **Dynamsoft’s** [**Dynamic Web TWAIN**](https://www.dynamsoft.com/web-twain/docs/introduction/index.html) solution. ## Common Usage Scenarios -1. **Document Capture** – Capture a *single* clear image of a physical document, such as a patient intake form or the biographical page of a passport. -2. **Document Management** – Capture images of *multiple* document pages (e.g., a contract) and compile them into a single PDF. -3. **Document Processing** – Add *annotations* to scanned pages and perform common editing tasks such as cropping and color filtering. - -> [!TIP] -> Not sure if it is the right fit? **Try the** [DDS demo](https://demo.dynamsoft.com/document-scanner/) first. If it meets your needs, you can skip the rest of this introduction and proceed directly to the [MDS user guide]({{ site.guide }}index.html). - -> [!NOTE] -> To deliver these features, we built the **Document Scanner** using two core Dynamsoft products: [**Dynamsoft Camera Enhancer**](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/user-guide/index.html?lang=javascript) (DCE) and [**Dynamsoft Document Normalizer**](https://www.dynamsoft.com/document-normalizer/docs/web/programming/javascript/user-guide/index.html?lang=javascript) (DDN). +1. **Single Page Capture** – Capture a single, clear image of a physical document, such as an invoice or patient-intake form. This is the core functionality of MDS. You can try this feature in the [**MDS demo**](https://demo.dynamsoft.com/document-scanner/). If it meets your needs, feel free to go directly to the [**MDS user guide**]({{ site.guide }}index.html). +2. **Document Management** – Capture images of multiple document pages (e.g., a contract) and compile them into a single PDF. Please contact [Dynamsoft Support](https://www.dynamsoft.com/company/contact/) if you need this feature. +3. **Advanced Document Management** – Handle multi-page documents, **multiple documents**, PDF files, annotations, and more with the Mobile Web Capture advanced sample project. Check out the [**online demo**](https://demo.dynamsoft.com/mobile-web-capture/), or read the [**developer guide**]({{ site.code-gallery }}mobile-web-capture/index.html) to try it for yourself. ## Design Principles -We designed the **Document Scanner** with three core principles in mind: +We designed **MDS** with three core principles in mind: 1. **Minimal Code** - High-level APIs provide full functionality with just **a couple of lines of code**, significantly reducing development and maintenance costs. 2. **Ready-to-Use UI** - Pre-integrated components and a pre-designed UI enable a **quick setup** while minimizing design efforts. @@ -50,7 +44,7 @@ The following section provides a high-level overview of the Views. ## Views -Document Scanner workflows are composed of **Views**, each of which comes **ready-to-use** and can be easily customized using configuration objects. These include the following Views for document scanning and correction: +MDS workflows are composed of **Views**, each of which comes **ready-to-use** and can be easily customized using configuration objects. These include the following Views for document scanning and correction: 1. **Document Scanner View** – Captures documents using a camera scanner. 2. **Document Correction View** – Applies further perspective cropping and adjustments. @@ -76,7 +70,7 @@ When deploying your web application for production, ensure it is served over a * ### Required Browser Features -The following** browser features** are required for the **DCE** and **DDN** components of the **Document Scanner**: +The following** browser features** are required for the **DCE** and **DDN** components of **MDS**: 1. [`WebAssembly`](https://caniuse.com/?search=WebAssembly) 2. [`Blob`](https://caniuse.com/?search=Blob) @@ -98,4 +92,4 @@ The table below lists the **minimum supported versions** of browsers based on th - If you only need to scan single-page documents, proceed to the [Mobile Document Scanner Developer Guide]({{ site.guide }}index.html). -- If you need to handle multi-page documents, **multi-document** scenarios, PDF files, annotations, and more, you will need the fully-featured **Mobile Web Capture (MWC)**. In this case, proceed to the [Mobile Web Capture Developer Guide]({{ site.code-gallery }}mobile-web-capture/index.html). +- If you need to handle multi-page documents, **multi-document** scenarios, PDF files, annotations, and more, you will need the fully-featured **Mobile Web Capture (MWC)**. Please proceed to the [Mobile Web Capture Developer Guide]({{ site.code-gallery }}mobile-web-capture/index.html) **after** the [Mobile Document Scanner Developer Guide]({{ site.guide }}index.html). diff --git a/release-notes/mobile-web-capture.md b/release-notes/mobile-web-capture.md index e0002b0..cb8c4ec 100644 --- a/release-notes/mobile-web-capture.md +++ b/release-notes/mobile-web-capture.md @@ -24,7 +24,7 @@ The most notable improvement in this version is the pluggable scanner feature. T 1. `_imageData` with a `toBlob()` function 2. `imageData: true` 3. `status.code` equal to `EnumresultStatus.RS_SUCCESS` -2. Update Document Scanner to [version 1.2](https://github.com/Dynamsoft/document-scanner-javascript/releases/tag/v1.2.0) +2. Update MDS to [version 1.2](https://github.com/Dynamsoft/document-scanner-javascript/releases/tag/v1.2.0) 3. Change MWC Header color to make the component visually distinct 4. Move the "Select All" and "Cancel" buttons to the header in the Document View From d3199e03bb46457903192aba43f9e1bb0670f83f Mon Sep 17 00:00:00 2001 From: dynamsoft-h <172081603+dynamsoft-h@users.noreply.github.com> Date: Thu, 3 Jul 2025 20:27:08 -0700 Subject: [PATCH 2/2] fix: remove MWC guide link in introduction --- introduction/index.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/introduction/index.md b/introduction/index.md index dd0f478..d6ddef1 100644 --- a/introduction/index.md +++ b/introduction/index.md @@ -90,6 +90,4 @@ The table below lists the **minimum supported versions** of browsers based on th ## Next Step -- If you only need to scan single-page documents, proceed to the [Mobile Document Scanner Developer Guide]({{ site.guide }}index.html). - -- If you need to handle multi-page documents, **multi-document** scenarios, PDF files, annotations, and more, you will need the fully-featured **Mobile Web Capture (MWC)**. Please proceed to the [Mobile Web Capture Developer Guide]({{ site.code-gallery }}mobile-web-capture/index.html) **after** the [Mobile Document Scanner Developer Guide]({{ site.guide }}index.html). +Proceed to the [Mobile Document Scanner Developer Guide]({{ site.guide }}index.html) to build your own document scanning web application.