Skip to content

Capture Area Definition

2000eBe edited this page Apr 27, 2023 · 5 revisions

1. Capture Area Definition use-Case v. 1.0

1.1 Brief Description

With this use case the user can set up multiple area on his source to capture the data. Which is similar to a CRUD system but regarding the capture areas.

2. Flow of Events

2.1 Basic Flow

The flow how to define the capture area is quite simple explained.

  1. You click on the button “Add Capture Area”
  2. Then a new resizeable overlay appears in the upper left corner of your source.
  3. You can move it by click and hold inside the overlay.
  4. Resizing is possible too by click and holding the little squares in the corners of the overlay.

2.2 Activity Diagram

2.3 Feature Files

Feature: Use Case Capture Area Definition
  As a user
  I want to add a new capture area to my source so its optimal positioned for the recording.

  Scenario: I want to add a capture area
    Given I have no capture area defined
    When I click on "add new capture area"
    Then a new resizable overlay appears on my source

  Scenario: I want to add a second capture area
    Given I have a capture area
    When I click on "Add new Capture Area"
    Then the second overlay appears on my source

  Scenario: I want to resize a capture area
    Given I have a capture area
    When I drag the little squares in the corners of the overlay
    Then the capture area should resize

  Scenario: I want to delete a capture area
    Given I have a capture area
    When I click on "Delete" in the capture area definition
    Then the overlay and the definition on the left should disappear

2.4 Mock-up

2.4.1 Initial draft

This was the first draft of creating the capture area definition area.

2.4.2 First design iteration

This was our first design iteration. Here we don't have a separate recording view. It's located right under the area definition.

2.4.3 MVP design

We finally settled on a design which is perfect for the MVP. In the preview, you can see a resizeable and draggable rectangle which represents the part where you will capture your defined regex.

image

2.5 Functional Points Calculation

grafik

3. Special Requirements

(n/a)

4. Preconditions

(n/a)

5. Postconditions

(n/a)

6. Extension Points

(n/a)

Clone this wiki locally