diff --git a/docs/files/figs/wireframes-explore-popup.png b/docs/files/figs/wireframes-explore-popup.png index 0b98e63..b9c01b3 100644 Binary files a/docs/files/figs/wireframes-explore-popup.png and b/docs/files/figs/wireframes-explore-popup.png differ diff --git a/docs/files/figs/wireframes-explore.png b/docs/files/figs/wireframes-explore.png index 2f21dce..40c5741 100644 Binary files a/docs/files/figs/wireframes-explore.png and b/docs/files/figs/wireframes-explore.png differ diff --git a/docs/files/figs/wireframes-files-add-metadata.png b/docs/files/figs/wireframes-files-add-metadata.png index 93c940b..e6e5973 100644 Binary files a/docs/files/figs/wireframes-files-add-metadata.png and b/docs/files/figs/wireframes-files-add-metadata.png differ diff --git a/docs/files/figs/wireframes-files-add-policies.png b/docs/files/figs/wireframes-files-add-policies.png index ff20ff7..aae3336 100644 Binary files a/docs/files/figs/wireframes-files-add-policies.png and b/docs/files/figs/wireframes-files-add-policies.png differ diff --git a/docs/files/figs/wireframes-files-add-publish.png b/docs/files/figs/wireframes-files-add-publish.png index 269a021..73ebcaf 100644 Binary files a/docs/files/figs/wireframes-files-add-publish.png and b/docs/files/figs/wireframes-files-add-publish.png differ diff --git a/docs/files/figs/wireframes-files-add-upload.png b/docs/files/figs/wireframes-files-add-upload.png index 4e48b0d..9dd83b2 100644 Binary files a/docs/files/figs/wireframes-files-add-upload.png and b/docs/files/figs/wireframes-files-add-upload.png differ diff --git a/docs/files/figs/wireframes-files-details-own.png b/docs/files/figs/wireframes-files-details-own.png deleted file mode 100644 index 0a3062d..0000000 Binary files a/docs/files/figs/wireframes-files-details-own.png and /dev/null differ diff --git a/docs/files/figs/wireframes-files-details-requested.png b/docs/files/figs/wireframes-files-details-requested.png deleted file mode 100644 index e0d4262..0000000 Binary files a/docs/files/figs/wireframes-files-details-requested.png and /dev/null differ diff --git a/docs/files/figs/wireframes-files-details.png b/docs/files/figs/wireframes-files-details.png new file mode 100644 index 0000000..dd78764 Binary files /dev/null and b/docs/files/figs/wireframes-files-details.png differ diff --git a/docs/files/figs/wireframes-files.png b/docs/files/figs/wireframes-files.png index 136e358..e14370f 100644 Binary files a/docs/files/figs/wireframes-files.png and b/docs/files/figs/wireframes-files.png differ diff --git a/docs/files/figs/wireframes-home.png b/docs/files/figs/wireframes-home.png index e7981fd..cf04f44 100644 Binary files a/docs/files/figs/wireframes-home.png and b/docs/files/figs/wireframes-home.png differ diff --git a/docs/files/figs/wireframes-membership-details.png b/docs/files/figs/wireframes-membership-details.png index 8a78dc2..5662c9c 100644 Binary files a/docs/files/figs/wireframes-membership-details.png and b/docs/files/figs/wireframes-membership-details.png differ diff --git a/docs/files/figs/wireframes-membership-popup.png b/docs/files/figs/wireframes-membership-popup.png deleted file mode 100644 index 1de3008..0000000 Binary files a/docs/files/figs/wireframes-membership-popup.png and /dev/null differ diff --git a/docs/files/figs/wireframes-memberships.png b/docs/files/figs/wireframes-memberships.png index 84f7d53..ca44c9a 100644 Binary files a/docs/files/figs/wireframes-memberships.png and b/docs/files/figs/wireframes-memberships.png differ diff --git a/docs/files/figs/wireframes-notifications.png b/docs/files/figs/wireframes-notifications.png index 9056c47..c4455eb 100644 Binary files a/docs/files/figs/wireframes-notifications.png and b/docs/files/figs/wireframes-notifications.png differ diff --git a/docs/files/figs/wireframes-partners.png b/docs/files/figs/wireframes-partners.png index c37e2c8..1b76ab6 100644 Binary files a/docs/files/figs/wireframes-partners.png and b/docs/files/figs/wireframes-partners.png differ diff --git a/docs/files/figs/wireframes-register-agreement.png b/docs/files/figs/wireframes-register-agreement.png index a6386a2..1011101 100644 Binary files a/docs/files/figs/wireframes-register-agreement.png and b/docs/files/figs/wireframes-register-agreement.png differ diff --git a/docs/files/figs/wireframes-register-data.png b/docs/files/figs/wireframes-register-data.png index 2bf6ab2..ab7851e 100644 Binary files a/docs/files/figs/wireframes-register-data.png and b/docs/files/figs/wireframes-register-data.png differ diff --git a/docs/files/figs/wireframes-register-proof.png b/docs/files/figs/wireframes-register-proof.png index 8877d90..65e3d76 100644 Binary files a/docs/files/figs/wireframes-register-proof.png and b/docs/files/figs/wireframes-register-proof.png differ diff --git a/docs/files/figs/wireframes-register-submit.png b/docs/files/figs/wireframes-register-submit.png index 62ddad7..cd5ba2b 100644 Binary files a/docs/files/figs/wireframes-register-submit.png and b/docs/files/figs/wireframes-register-submit.png differ diff --git a/docs/files/figs/wireframes-templates.png b/docs/files/figs/wireframes-templates.png deleted file mode 100644 index eb2936b..0000000 Binary files a/docs/files/figs/wireframes-templates.png and /dev/null differ diff --git a/docs/files/figs/wireframes.drawio b/docs/files/figs/wireframes.drawio index 0e8fd10..a832446 100644 --- a/docs/files/figs/wireframes.drawio +++ b/docs/files/figs/wireframes.drawio @@ -1,4 +1,4 @@ - + @@ -146,26 +146,26 @@ - + - + - + - + - + - + - + @@ -178,7 +178,7 @@ - + @@ -236,11 +236,14 @@ + + + - + @@ -309,11 +312,14 @@ + + + - + @@ -333,7 +339,7 @@ - + @@ -341,11 +347,17 @@ + + + + + + - + @@ -445,1845 +457,1459 @@ + + + - - + + - - - + + + - + - + - - - - - - - - - - - - - - - - - - - + - + - + - + - + - + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + + + + - - + + - - + + - - + + - - + + - - + + - - - + + + - + - + - - + + - - + + - - + + + + - - + + + + - - + + + + - - + + - - + + + + - - + + + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - + + - - - + + + - + - + - + - - - - - - - + - - - - - - - - - - + - + - + - + - + - - - - - - - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - - + + + - + - + - + - - - - - - - - - - - - - - - - - - - - - - - - - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - - + + + - + - + - - - - + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + + + + + + + + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - - - - - - - - - - - - - - - - + + - - + + - - - + + + - + - + - + - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + - - - - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - - - - - - - - - - - - - - - - - - + + - + - - - - - - - + - + - - - - - - - - + + - - - - - - - - - - - - - - + + - - - - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - - + + + - + - + - + - - - - - - - - - - - - - - - - + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - - - - - - - - - + + - - + + - - + + - - + + - - + + - + - - - - - - - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - - - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - - + + + - + - + - + - - - - - - - - - - - - - - - - + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - - - - - - - - - + + - - + + - - + + - - + + - + - - - - - - - + - + - - - - - - - - - - - - - - - - - + + - - - - - - - - - - - + + - - - - - - - - - - - - - - - - - + + - + - + - + - + - + - + - + - + - + - - + + - + - + - - + + - - + + - - + + + + + - - + + - + + + + + + + - + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - + - + - - + + - - + + + + + - - + + - - + + + + + + + + - + - - + + - + - + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - + + + + - - + + - + - + - - + + - - + + - - + + - - - - + + - - - - + + - - - - - - - - - - - - - - + + - - + + - - - - + - + - + - + - + - + - + - + - + - + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - + + + + - + - + - + - + - - + + - - + + - - + + - - + + - - + + - - + + - - + + + + + - - + + - + - + - + - - - - - - - - - - - - - - - - - - - + - - + + - - + + - - + + - - + + - - + + - - + + - - - - - - - - - - - - - - - - - - - - + + - - + + - - + + - - + + - - + + - - - - - - - - - - - - - - + + - - - - - - - - - - + + - - + + - - + + - - + + - + - - - - - - - + - + - - - - - - - - + + - - + + - - - - - - - - - - - - - - - - - - - - - - - + + - - + + - - + + - + - + - - - - - - - - - - - - - - - diff --git a/docs/wireframes.md b/docs/wireframes.md index a7621b7..58e6073 100644 --- a/docs/wireframes.md +++ b/docs/wireframes.md @@ -1,27 +1,39 @@ # Wireframes -* [Welcome](#welcome) -* [Register company](#register-company) - * [Insert company data](#insert-company-data) - * [Upload documents _(optional)_](#upload-documents-_optional_) - * [Accept conditions](#accept-conditions) - * [Submit registration](#submit-registration) +* [User Walkthrough](#user-walkthrough) +* [Registration](#registration) + * [Select dataspace](#select-dataspace-) + * [Register company](#register-company) + * [Insert company data](#insert-company-data) + * [Upload documents](#upload-documents) + * [Accept conditions](#accept-conditions) + * [Submit registration](#submit-registration) +* [Manage ecosystem](#manage-ecosystem) + * [Manage memberships](#manage-memberships) + * [Manage partners](#manage-partners) * [Share data](#share-data) - * [Use case selection _(optional)_](#use-case-selection-_optional_) + * [Use case selection](#use-case-selection) * [Upload file](#upload-file) * [View files](#view-files) * [View file details](#view-file-details) -* [Discover data](#discover-data) -* [Manage requests](#manage-requests) -* [Manage partners](#manage-partners) -* [Other Views](#other-views) - * [Manage memberships](#manage-memberships) - * [Templates](#templates) - * [Notifications](#notifications) - -## Welcome +* [Discover data (optional)](#discover-data-optional) +* [Notifications (optional)](#notifications-optional) + +## User Walkthrough + +| # | Step | Views | +|---|--------------------------|-----------------| +| 1 | Register to dataspace | memberships | +| 2 | View registration status | memberships | +| 3 | Provide certificate data | files, homepage | + +_Table 1. Steps for sharing certificate data with partner companies_ + +## Registration -When entering the UI for the first time (i.e. no dataspace is configured), the user can select a dataspace they want to connect to. +### Select dataspace + +The user can select a dataspace they want to connect to. ![Welcome page](files/figs/wireframes-welcome.png) @@ -33,9 +45,12 @@ _Figure 1. Welcome page_ | F-02 | The user can select a dataspace. | Drop down | - | | F-03 | The user can submit the selection. | Button | The user MUST select one dataspace to continue. | -_Table 1. Features for the "welcome page" frame_ +_Table 2. Features for the "welcome page" frame_ + +Notes: +- This screen is shown when entering the UI for the first time (i.e. no dataspace is configured) or on "add". -## Register company +### Register company If the company already has an identifier that is requested by the dataspace, this can be entered here. @@ -43,45 +58,81 @@ If the company already has an identifier that is requested by the dataspace, thi _Figure 2. Registration page_ -| # | Feature | Element | Validation | -|------|-------------------------------------------|--------------|-------------------------------------------------| -| F-01 | The user can search a list of dataspaces. | Search field | - | -| F-02 | The user can select a dataspace. | Drop down | - | -| F-03 | The user can submit the selection. | Button | The user MUST select one dataspace to continue. | +| # | Feature | Element | Validation | +|------|-------------------------------------------------|------------|-------------------------| +| F-04 | The user can enter an identifier. | Text field | This field is OPTIONAL. | +| F-05 | The user can continue the registration process. | Button | - | +| F-06 | The user can cancel the registration process. | Button | - | -_Table 1. Features for the "welcome page" frame_ +_Table 3. Features for the "registration page" frame_ Notes: -- How to avoid that someone else pretends to be affiliated with the company since no user data is processed in this registration? +- The fields align with the ones required for the CX registration process. This view may look different for another dataspace. -### Insert company data +#### Insert company data The user can insert company data such as name and address. -![Registration page](files/figs/wireframes-register-data.png) +![Company data page](files/figs/wireframes-register-data.png) _Figure 3. Company data page_ +| # | Feature | Element | Validation | +|------|-------------------------------------------------|---------------|----------------------------------------| +| F-07 | The user can enter their company data. | Text field(s) | The fields MUST be filled to continue. | +| F-08 | The user can continue the registration process. | Button | - | +| F-09 | The user can return to the previous page. | Button | - | +| F-10 | The user can cancel the registration process. | Button | - | + +_Table 4. Features for the "company data page" frame_ + Notes: -- The data to be inserted could be state-specific. Thus, a selector of the location of the headquarters could be placed before this step. +- The fields align with the ones required for the CX registration process. This view may look different for another dataspace. -### Upload documents _(optional)_ +#### Upload documents -The user can upload document to proof the company information, e.g., anxtract from the commercial register. +The user can upload document to proof the company information, e.g., an extract from the commercial register. -![Registration page](files/figs/wireframes-register-proof.png) +![Upload documents page](files/figs/wireframes-register-proof.png) _Figure 4. Upload proofs page_ -### Accept conditions +| # | Feature | Element | Validation | +|------|-------------------------------------------------|--------------|-------------------------| +| F-11 | The user can search their local file storage. | Search field | - | +| F-12 | The user can upload one or many files. | _Explorer_ | - | +| F-13 | The user can view their uploaded file(s). | List | This list MAY be empty. | +| F-14 | The user can continue the registration process. | Button | - | +| F-15 | The user can return to the previous page. | Button | - | +| F-16 | The user can cancel the registration process. | Button | - | + +_Table 5. Features for the "upload proofs page" frame_ + +Notes: +- The fields align with the ones required for the CX registration process. This view may look different for another dataspace. + +#### Accept conditions The user can view and accept the terms and conditions for the ecosystem participation. -![Registration page](files/figs/wireframes-register-agreement.png) +![Terms and conditions page](files/figs/wireframes-register-agreement.png) _Figure 5. Terms and conditions page_ -### Submit registration +| # | Feature | Element | Validation | +|------|-------------------------------------------------|----------|-----------------------------------| +| F-17 | The user can read the terms and conditions. | Text | - | +| F-18 | The user can provide their acceptance. | Checkbox | This MUST be checked to continue. | +| F-19 | The user can continue the registration process. | Button | - | +| F-20 | The user can return to the previous page. | Button | - | +| F-21 | The user can cancel the registration process. | Button | - | + +_Table 6. Features for the "terms and conditions page" frame_ + +Notes: +- The fields align with the ones required for the CX registration process. This view may look different for another dataspace. + +#### Submit registration The user can view a summary of the registration data and submit their registration. @@ -89,134 +140,237 @@ The user can view a summary of the registration data and submit their registrati _Figure 6. Submission page_ -## Share data +| # | Feature | Element | Validation | +|------|-----------------------------------------------|---------|------------| +| F-22 | The user can view their registration data. | Text | - | +| F-23 | The user can finish the registration process. | Button | - | +| F-24 | The user can return to the previous page. | Button | - | +| F-25 | The user can cancel the registration process. | Button | - | -### Use case selection _(optional)_ +_Table 7. Features for the "terms and conditions page" frame_ -home screen +Notes: +- The fields align with the ones required for the CX registration process. This view may look different for another dataspace. -### Upload file +## Manage ecosystem -Select what company should see this; framework agreement is default (in background) +### Manage memberships -![Registration page](files/figs/wireframes-files-add-upload.png) +#### Overview -_Figure 6. Submission page_ +The user can view network details (the ecosystem they participate in). +![Membership page](files/figs/wireframes-memberships.png) -![Registration page](files/figs/wireframes-files-add-metadata.png) +_Figure 7. Membership page_ -_Figure 6. Submission page_ +| # | Feature | Element | Validation | +|------|----------------------------------------------------------------------------------|------------------|------------| +| F-26 | The user can view the ecosystems they are participating in. | Tile | - | +| F-27 | The user can get a quick overview of names and status (active/pending/inactive). | Text | - | +| F-28 | The user can select an ecosystem for the membership details page. | Interactive tile | - | +| F-29 | The user can start a new registration. | Interactive tile | - | +_Table 8. Features for the "membership page" frame_ -![Registration page](files/figs/wireframes-files-add-policies.png) +Notes: +- The last tile could be a "+" one, allowing to start the [registration process](#registration). -_Figure 6. Submission page_ +#### Details +![Membership details page](files/figs/wireframes-membership-details.png) -![Registration page](files/figs/wireframes-files-add-publish.png) +_Figure 8. Membership details page_ -_Figure 6. Submission page_ +| # | Feature | Element | Validation | +|------|-----------------------------------------------|---------|------------| +| F-30 | The user can view their membership details. | Text | - | +| F-31 | The user can edit their membership details. | Button | - | +_Table 9. Features for the "membership details page" frame_ Notes: -- Contract and policy definition are not shown (they could be part of an admin page) +- additional feature: request new credential(s), show status of credentials -### View files +### Manage partners -A list of provided and downloaded files with use case label and origin +The user can add and view partner company details for quick selection in other views. -![Registration page](files/figs/wireframes-files.png) +![Partner page](files/figs/wireframes-partners.png) -_Figure 6. Submission page_ +_Figure 9. Partner page_ -### View file details +Notes: +- This could be either a static list or a configurable; does it show only partners or all dataspace participants? +## Share data -![Registration page](files/figs/wireframes-files-details-own.png) +### Use case selection -_Figure 6. Submission page_ +The user can navigate to main sub-pages and use-case-specific file uploads. +![Home page](files/figs/wireframes-home.png) -![Registration page](files/figs/wireframes-files-details-requested.png) +_Figure 10. Home page_ -_Figure 6. Submission page_ + +| # | Feature | Element | Validation | +|------|----------------------------------------------|-------------------------|------------| +| F-32 | The user can navigate to the main sub-pages. | Interactive tile/Button | - | +| F-33 | The user can navigate to a use case dialog. | Interactive tile/Button | - | + +_Table 10. Features for the "home page" frame_ Notes: -- Show agreements and transfers per asset +- A use case selection navigates to the file upload with pre-filled inputs. +- _(for demo)_ Tile for certificate management and selected use cases from Catena-X (just for demonstration purposes) -## Discover data +### View files -Searches the entire ecosystem with a federated catalog (filter for company and use case). +The user can see a list of provided (owned) and downloaded files with use case label and origin. +![Files page](files/figs/wireframes-files.png) -![Explore page](files/figs/wireframes-explore.png) +_Figure 11. Files page_ -_Figure 9. Membership details page_ +| # | Feature | Element | Validation | +|------|-----------------------------------------------|--------------|------------| +| F-34 | The user can view their files. | List | - | +| F-35 | The user can filter their files for metadata. | Search field | - | +| F-36 | The user can explore more files. | Button | - | +_Table 11. Features for the "files page" frame_ -![Explore popup](files/figs/wireframes-explore-popup.png) +Notes: +- This list includes owned and remote files (with access). +- The "tag" field expresses the dataspace -_Figure 9. Membership details page_ +### Upload file -## Manage requests +![Explore selection overlay](files/figs/wireframes-explore-popup.png) -The user can view outgoing requests (initiated negotiations in view `Explore`) and incoming requests (contract requests for `Files`). +_Figure 12. Explore selection overlay_ +| # | Feature | Element | Validation | +|------|--------------------------------------------------|---------|------------| +| F-37 | The user can select to upload one or many files. | Button | - | +| F-38 | The user can select to search the network. | Button | - | +| F-39 | The user can close the view. | Button | - | -![Requests view](files/figs/wireframes-requests.png) +_Table 12. Features for the "explore selection overlay" frame_ -_Figure 9. Membership details page_ +For exploring the ecosystem, see [here](#discover-data-optional). -| # | Feature | Element | Validation | -|------|--------------------------------------------------------------------------------------|--------------|------------| -| F-01 | The user can view the details of the agreement. | Pop up | - | -| F-02 | The user can search for negotiations according to the file name or business partner. | Search field | - | -| F-02 | The user can filter the negotiations according to their status. | Drop down | - | -| F-03 | The user can accept requests (negotiations in state `REQUESTED`). | Button | - | +![Select file overlay](files/figs/wireframes-files-add-upload.png) -_Table 1. Features for the "welcome page" frame_ +_Figure 13. Select file overlay_ -Notes: -- This view lists all negotiation objects without technical details such as ID. -- The user can trigger a status transition. +| # | Feature | Element | Validation | +|------|-------------------------------------------|------------|------------------------------| +| F-40 | The user can upload one or many files. | _Explorer_ | - | +| F-41 | The user can view their uploaded file(s). | List | This list MUST NOT be empty. | +| F-42 | The user can close the view. | Button | - | +| F-43 | The user can select continue. | Button | - | -## Manage partners +_Table 13. Features for the "select file overlay" frame_ -The user can add partner company details for quick selection in other views. +![Add details overlay](files/figs/wireframes-files-add-metadata.png) -![Partner page](files/figs/wireframes-partners.png) +_Figure 14. Add details overlay_ -_Figure 9. Membership details page_ +| # | Feature | Element | Validation | +|------|----------------------------------------------------------------|------------|------------------------------| +| F-44 | The user can select a use case (if not preselected). | Drop down | This list MAY be empty. | +| F-45 | The user can view their uploaded file(s). | List | This list MUST NOT be empty. | +| F-46 | The user can close the view. | Button | - | +| F-47 | The user can select continue. | Button | - | +| F-48 | The user can return to the previous page. | Button | - | -## Other Views +_Table 14. Features for the "add details overlay" frame_ -### Manage memberships +![Manage access overlay](files/figs/wireframes-files-add-policies.png) -![Membership page](files/figs/wireframes-memberships.png) +_Figure 15. Manage access overlay_ -_Figure 7. Membership page_ +| # | Feature | Element | Validation | +|------|------------------------------------------------------|-----------|-------------------------| +| F-49 | The user can select a partner. | Drop down | This list MAY be empty. | +| F-50 | The user can close the view. | Button | - | +| F-51 | The user can select continue. | Button | - | +| F-52 | The user can skip this view. | Button | - | +| F-53 | The user can return to the previous page. | Button | - | -![Membership details popup](files/figs/wireframes-membership-popup.png) +_Table 15. Features for the "manage access overlay" frame_ -_Figure 8. Membership details page_ +![Upload document overlay](files/figs/wireframes-files-add-publish.png) -![Membership details page](files/figs/wireframes-membership-details.png) +_Figure 16. Upload document overlay_ -_Figure 9. Membership details page_ +| # | Feature | Element | Validation | +|------|-------------------------------------------|---------|------------| +| F-54 | The user can view their document data. | Text | - | +| F-55 | The user can close the view. | Button | - | +| F-56 | The user can finish the document upload. | Button | - | +| F-57 | The user can return to the previous page. | Button | - | -### Templates +_Table 16. Features for the "upload document overlay" frame_ -The user can manage templates, e.g., for policies (_policy definitions_). +Notes: +- Contract and policy definition are not shown (they could be part of an admin page) -![Template page](files/figs/wireframes-templates.png) +### View file details -_Figure 9. Membership details page_ +![File details page](files/figs/wireframes-files-details.png) -### Notifications +_Figure 17. File details page_ + +| # | Feature | Element | Validation | +|------|-------------------------------------------|---------|------------| +| F-58 | The user can view their document data. | Text | - | +| F-59 | The user can view access restrictions. | Text | - | +| F-60 | The user can edit their data. | Button | - | +| F-61 | The user can view agreement details. | Button | - | +| F-62 | The user can download the agreement. | Button | - | +| F-63 | The user can vie the transaction history. | List | - | + +_Table 17. Features for the "file details page" frame_ + +Notes: +- Show agreements and transfers per asset + +## Discover data (optional) + +The use can discover and download remote files. + +![Explore page](files/figs/wireframes-explore.png) + +_Figure 9. Explore page_ + +| # | Feature | Element | Validation | +|------|-------------------------------------------------------------------|--------------|------------| +| F-64 | The user can view remote files. | List | - | +| F-65 | The user can search for files by keywords, company, or file name. | Search Field | - | +| F-66 | The user can filter the file list. | Dropdown | - | +| F-67 | The user can select an item for a details view. | Button | - | +| F-68 | The user can request access. | Button | - | +| F-69 | The user can navigate to the file if they already have access. | Button | - | + +_Table 6. Features for the "explore page" frame_ + +Notes: +- Searches the entire ecosystem with a federated catalog (filter for company and use case). +- The "access" field indicates whether the user already has access to the data. +- The "request access" button becomes a "view file" one, when access has been already granted. The "view file" button switches to the ["files"](#view-files) view. +- Only simple metadata of the DCAT dataset is rendered. + + +## Notifications (optional) The user can see incoming notifications as a popup. ![Notification badge](files/figs/wireframes-notifications.png) -_Figure 9. Membership details page_ \ No newline at end of file +_Figure 9. Membership details page_ + +Notes: +- Is triggered on incoming [notification request](implementation.md#notification). \ No newline at end of file