new draft of first scan

Author: tony-xlh

app/guide/first-scan.md

@@ -13,52 +13,44 @@ noTitleIndex: true
 
 Follow these steps to perform a basic batch barcode scan.
 
-## 1. Log In
+1. Open your app and you will see the following page.
 
-A valid account is required to use the app.  
-If your account doesn’t have access to **Dynamsoft Batch Barcode Scanner**, or you don’t yet have an account, you can request one through the [demo request form](https://www.dynamsoft.com/use-cases/batch-barcode-scanning/#request-demo-form).
+   ![home](/assets/images/guide/home.jpg){:width="215"}
+   
+2. Enter Field of View (FOV) Scanning mode, press the shutter button to capture a photo to start scanning. It will show the decoding result of the photo captured. Press "Retake" to scan more barcodes.
 
+   ![fov start](/assets/images/guide/fov-start.jpg){:width="215"} ![fov initial result](/assets/images/guide/fov-initial-decoding-result.jpg){:width="215"}
 
-## 2. (Optional) Select a Scenario
+3. After pressing "Retake", the app will reenter the live capturing interface, with the previous decoding result displayed at the lower left. Barcodes recognized from camera frames will be highlighted.
 
-If you have different customized scenarios, they will be displayed on the front page after logging in. After clicking the scenario you want to scan, you will be directed to the working page customized for this scenario.
+   ![fov live](/assets/images/guide/fov-live.jpg){:width="215"}
 
-If customized scanning scenarios are available for your account, they will appear on the home screen after login.  
-Tap the desired scenario to open its dedicated scanning workspace.
+   Barcodes would be highlighted in different colors:
 
-<div align="left">
-    <img src="assets/multi-scenarios.png" width="25%">
-</div>
+   * Already recognized: green.
+   * Newly recognized: light blue.
 
-## 3. Start Scanning
+4. Press the shutter button again. The app will take another photo and try decoding. The recognized barcodes (from the photo as well as camera frames) will be drawn on this last captured photo.
 
-<div align="left">
-    <img src="assets/start.png" width="5%">
-</div>
+   ![fov second decoding result](/assets/images/guide/fov-second-decoding-result.jpg){:width="215"}
 
-Tap the **`Start`** button to begin scanning. While scanning, you can:
+5. Press "Done" to enter the result viewing page. You can view the whole image with recognized barcodes, verify the result and save the result.
 
-- Move the device to cover different areas.
-- Move closer to any barcode that isn’t recognized.
+   ![fov result](/assets/images/guide/fov-result.jpg){:width="215"}
 
-<div align="left">
-    <img src="assets/stop.png" width="5%">
-</div>
 
-Tap the **`Stop`** button to pause scanning. When paused, you can:
+   There are many export options:
 
-- Add images from the album to enhance the current scan results.
-- Tap **`Start`** again to resume.
+   * Save to local folder
+   * Save to OneDrive
+   * Share to third-party apps
 
 > [!NOTE]  
-> The **Add Image** and **Continue** features are not supported when using the AR camera.
+> The export feature requires login.
 
+## More Scanning Modes
+
+Continue reading to learn other advanced scanning modes: [Three Scanning Modes](/app/guide/three-modes.md)
 
-## 4. Finish Scanning
 
-When you’re done, you can:
 
-- **Export** – Save a CSV file of the results and a panoramic image.
-- **Save** – Store the current scan results for later viewing in **History**.
-- **View History** – Open previously saved results.
-- **Reset** – Clear the current session to start a new scan.

app/guide/three-modes.md

@@ -1,11 +1,32 @@
 ---
 layout: default-layout
-title: Three Modes
+title: Three Scanning Modes
 keywords: guide, first scan
-breadcrumbText: Start Your First Scan
+breadcrumbText: Three Scanning Modes
 description: This page introduces how to perform a basic batch barcode scan.
 needAutoGenerateSidebar: true
 needGenerateH3Content: true
 noTitleIndex: true
 ---
 
+# Three Scanning Modes
+
+The app provides three core scanning modes, each tailored for different workflows:
+
+- **FOV (Field of View) Mode (Default)**
+
+  Results are drawn on the final captured photo. The app highlights all successfully decoded barcodes directly on that image – perfect for post-scan verification.
+
+- **Scan & Snap Mode**  
+
+  An improved version where a reference photo is taken beforehand. During the scanning process, only barcodes that exist within the pre-captured image are highlighted. Any codes appearing outside the original frame are ignored – ideal for fixed‑area inventory tracking.
+
+- **Panorama Mode**  
+
+  A more addvanced mode which stitches multiple photos into a single composite image. Best for codes extending beyond a single camera frame.
+
+We've introduced the usage of the FOV Mode. Let's learn how to use the two extra modes.
+
+## Scan & Snap
+
+## Panorama