Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion _includes/sidelist-code-gallery.html
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
<li><a class="otherLinkColour">Code Gallery</a>
<ul>
<li><a href="{{ site.code-gallery }}frameworks.html" class="otherLinkColour">Frameworks</a></li>
<li><a href="{{ site.code-gallery }}mobile-web-capture/index.html" class="otherLinkColour">Full Document Management</a>
<ul>
<li><a href="{{ site.code-gallery }}mobile-web-capture/customization-guide.html" class="otherLinkColour">Customization Guide</a></li>
<li><a href="{{ site.code-gallery }}mobile-web-capture/api.html" class="otherLinkColour">API Reference</a></li>
</ul>
</li>
<li><a href="{{ site.code-gallery }}frameworks.html" class="otherLinkColour">Frameworks</a></li>
</ul>
</li>
6 changes: 3 additions & 3 deletions code-gallery/mobile-web-capture/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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/).
Expand Down Expand Up @@ -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.

Expand Down
14 changes: 8 additions & 6 deletions guide/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down Expand Up @@ -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.

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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).
4 changes: 2 additions & 2 deletions index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
22 changes: 8 additions & 14 deletions introduction/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand All @@ -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.
Expand All @@ -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)
Expand All @@ -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).
2 changes: 1 addition & 1 deletion release-notes/mobile-web-capture.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down