Skip to content

Commit

Permalink
Merge pull request #195 from catenax-ng/release/v2.1.0/update-user-docs
Browse files Browse the repository at this point in the history
[ 12° ] - Release/v2.1.0/update user docs: update user manual and deployment guide
  • Loading branch information
saudkhan116 authored Feb 2, 2024
2 parents 128c262 + ee113cf commit cb636e3
Show file tree
Hide file tree
Showing 23 changed files with 78 additions and 45 deletions.
16 changes: 12 additions & 4 deletions deployment/README.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
<!--
Catena-X - Product Passport Consumer Application
Catena-X - Digital Product Pass Application
Copyright (c) 2022, 2023 BASF SE, BMW AG, Henkel AG & Co. KGaA
Copyright (c) 2023, 2024 Contributors to the Eclipse Foundation
See the NOTICE file(s) distributed with this work for additional
information regarding copyright ownership.
Expand Down Expand Up @@ -93,6 +94,11 @@ In the end, the frontend should be accessible at https://dpp.int.demo.catena-x.n
- **User 1:** Role: Dismantler, user: company 1 user, Password: changeme
- **User 2:** Role: Recycler, user: company 2 user, Password: changeme

#### Example Product Pass IDs:

- CX:XYZ78901:BAT-XYZ789 (with child components)
- CX:XYZ78901:IMR18650V1 (without child components)

#### Example Screenshots:

![Company Selection Page](./images/company-selection.png)
Expand All @@ -101,18 +107,20 @@ In the end, the frontend should be accessible at https://dpp.int.demo.catena-x.n

![QR Code Scanner](./images/dashboard.png)

![QR Code Scanner](./images/scan-passport.png)
![QR Code Scanner](./images/passport-scan.png)

![Battery Passport - General Information](./images/general-information.png)
![Battery Passport - General Information](./images/product-passport.png)

![Battery Passport Electrochemical properties](./images/electrochemical-properties.png)
![Drill down components](./images/components.png)

##### Consumer-Backend:

The consumer backend is a Java based spring boot application which implements the service modules and business layer to manage the passports in frontend component.

[Open API documentation in Swagger](https://dpp.int.demo.catena-x.net/swagger-ui/index.html)

[Central Swagger Hub](https://app.swaggerhub.com/apis/eclipse-tractusx-bot/digital-product-pass/2.0.1)

![Swagger UI](./images/swagger.png)

<br />
Expand Down
Binary file added deployment/images/components.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified deployment/images/dashboard.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added deployment/images/passport-scan.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added deployment/images/product-passport.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed deployment/images/scan-passport.png
Binary file not shown.
4 changes: 2 additions & 2 deletions docs/GETTING-STARTED.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
Catena-X - Product Passport Consumer Frontend
Copyright (c) 2022, 2024 BASF SE, BMW AG, Henkel AG & Co. KGaA
Copyright (c) 2022, 2024 Contributors to the Eclipse Foundation
Copyright (c) 2023, 2024 Contributors to the Eclipse Foundation
See the NOTICE file(s) distributed with this work for additional
information regarding copyright ownership.
Expand Down Expand Up @@ -272,5 +272,5 @@ This work is licensed under the [Apache-2.0](https://www.apache.org/licenses/LIC

- SPDX-License-Identifier: Apache-2.0
- SPDX-FileCopyrightText: 2022, 2023 BASF SE, BMW AG, Henkel AG & Co. KGaA
- SPDX-FileCopyrightText: 2023 Contributors to the Eclipse Foundation
- SPDX-FileCopyrightText: 2023, 2024 Contributors to the Eclipse Foundation
- Source URL: https://github.com/eclipse-tractusx/digital-product-pass
4 changes: 2 additions & 2 deletions docs/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
Catena-X - Product Passport Consumer Application
Copyright (c) 2022, 2024 BASF SE, BMW AG, Henkel AG & Co. KGaA
Copyright (c) 2022, 2024 Contributors to the Eclipse Foundation
Copyright (c) 2023, 2024 Contributors to the Eclipse Foundation
See the NOTICE file(s) distributed with this work for additional
information regarding copyright ownership.
Expand Down Expand Up @@ -208,5 +208,5 @@ This work is licensed under the [Apache-2.0](https://www.apache.org/licenses/LIC

- SPDX-License-Identifier: Apache-2.0
- SPDX-FileCopyrightText: 2022, 2023 BASF SE, BMW AG, Henkel AG & Co. KGaA
- SPDX-FileCopyrightText: 2023 Contributors to the Eclipse Foundation
- SPDX-FileCopyrightText: 2023, 2024 Contributors to the Eclipse Foundation
- Source URL: https://github.com/eclipse-tractusx/digital-product-pass
4 changes: 2 additions & 2 deletions docs/admin guide/Admin_Guide.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
Catena-X - Product Passport Consumer Application
Copyright (c) 2022, 2024 BASF SE, BMW AG, Henkel AG & Co. KGaA
Copyright (c) 2022, 2024 Contributors to the Eclipse Foundation
Copyright (c) 2023, 2024 Contributors to the Eclipse Foundation
See the NOTICE file(s) distributed with this work for additional
information regarding copyright ownership.
Expand Down Expand Up @@ -590,6 +590,6 @@ This work is licensed under the [Apache-2.0](https://www.apache.org/licenses/LIC

- SPDX-License-Identifier: Apache-2.0
- SPDX-FileCopyrightText: 2022, 2023 BASF SE, BMW AG, Henkel AG & Co. KGaA
- SPDX-FileCopyrightText: 2023 Contributors to the Eclipse Foundation
- SPDX-FileCopyrightText: 2023, 2024 Contributors to the Eclipse Foundation
- Source URL: https://github.com/eclipse-tractusx/digital-product-pass

2 changes: 1 addition & 1 deletion docs/arc42/Arc42.md
Original file line number Diff line number Diff line change
Expand Up @@ -813,5 +813,5 @@ This work is licensed under the [Apache-2.0](https://www.apache.org/licenses/LIC

- SPDX-License-Identifier: Apache-2.0
- SPDX-FileCopyrightText: 2022, 2023 BASF SE, BMW AG, Henkel AG & Co. KGaA
- SPDX-FileCopyrightText: 2023 Contributors to the Eclipse Foundation
- SPDX-FileCopyrightText: 2023, 2024 Contributors to the Eclipse Foundation
- Source URL: https://github.com/eclipse-tractusx/digital-product-pass
11 changes: 4 additions & 7 deletions docs/business statement/Business Statement.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
<!--
Catena-X - Product Passport Consumer Application
Catena-X - Digital Product Pass Application
Copyright (c) 2022, 2023 BASF SE, BMW AG, Henkel AG & Co. KGaA
Copyright (c) 2023, 2024 Contributors to the Eclipse Foundation
See the NOTICE file(s) distributed with this work for additional
information regarding copyright ownership.
Expand Down Expand Up @@ -74,11 +75,7 @@ The business semantic alignment is limited to the business domain sustainability
The Product Passport Viewer App is using the following standardization candidates:

* Battery Passport

The following candidates are not yet implemented:

* Gearbox Passport
* Sealant Passport, Tire Passport
* Transmission Passport
* Generic Product Passport


Expand All @@ -88,5 +85,5 @@ This work is licensed under the [Apache-2.0](https://www.apache.org/licenses/LIC

- SPDX-License-Identifier: Apache-2.0
- SPDX-FileCopyrightText: 2022, 2023 BASF SE, BMW AG, Henkel AG & Co. KGaA
- SPDX-FileCopyrightText: 2023 Contributors to the Eclipse Foundation
- SPDX-FileCopyrightText: 2023, 2024 Contributors to the Eclipse Foundation
- Source URL: https://github.com/eclipse-tractusx/digital-product-pass
Binary file removed docs/user manual/MainMenu.png
Binary file not shown.
Binary file removed docs/user manual/ProductPassport.png
Binary file not shown.
82 changes: 55 additions & 27 deletions docs/user manual/User Manual Product Viewer App.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
<!--
Catena-X - Product Passport Consumer Application
Catena-X - Digital Product Pass Application
Copyright (c) 2022, 2023 BASF SE, BMW AG, Henkel AG & Co. KGaA
Copyright (c) 2022, 2024 BASF SE, BMW AG, Henkel AG & Co. KGaA
Copyright (c) 2023, 2024 Contributors to the Eclipse Foundation
See the NOTICE file(s) distributed with this work for additional
information regarding copyright ownership.
Expand Down Expand Up @@ -29,81 +30,108 @@ This manual provides a step by step introduction on how to use the Product Pass
1. [Content](#content)
2. [Getting Started](#getting-started)
3. [Main Menu](#main-menu)
1. [Product Search](#search-for-a-product-passport)
1. [Search for a Product Passport](#search-for-a-product-passport)
2. [Profile Information and Settings](#settings-and-profile-information)
3. [Catena-X Helpdesk](#catena-x-helpdesk)
4. [Results Page](#results-page)
4. [Digital Product Passport](#digital-product-passport)
1. [Drilling Down Child Components](#drilling-down-child-components)
5. [NOTICE](#notice)

## Getting Started

After opening the Product Pass Viewer application on your computer or phone, login with your company's login credentials.
After opening the Digital Product Pass Viewer application on your computer or phone, login with your company's login credentials.
</br></br>

## Main Menu

After logging in, you will be forwarded to the Product Viewer's main menu. Here you can access three functions:
After logging in, you will be forwarded to the application's main menu. Here you can access three functions:

1. [Search for a Product Passport](#search-for-a-product-passport)
2. [Adjust Settings and see Profile Information](#settings-and-profile-information)
3. [Access the Catena-X Helpdesk](#catena-x-helpdesk)

![Main Menu](./MainMenu.png)
![Main Menu](./images/MainMenu.png)
</br></br>

### Search for a Product Passport

The [Main Menu](#main-menu) provides two methods for searching for Product Passports. You can request information by:

1. manually entering a product ID or
2. scanning the product's QR code.
1. By entering a product ID manually or
2. By scanning the product's QR code

Both options can be found in the center of the [Main Menu's](#main-menu) screen (1). Whenever you access the [Main Menu](#main-menu), the manual product ID search will be displayed by default (1a). The search text contains the pattern separated by the colon(:) `CX:<manufacturerPartId>:<serializedId>` where CX is a prefix, `<manufacturerPartId>` is the part Id of the manufacturer, and `<serializedId>` is the Id of the battery Example: `CX:XYZ78901:X123456789012X12345678901234566`. If the search format is not followed, an error would be displayed.
Both options can be found in the center of the [Main Menu's](#main-menu) screen (1). Whenever you access the [Main Menu](#main-menu), the manual product ID search will be displayed by default (1a). The search text contains the pattern separated by the colon(:) `CX:<manufacturerPartId>:<serializedId>` where CX is a prefix, `<manufacturerPartId>` is the part Id of the manufacturer, and `<serializedId>` is the Id of the product Example: `CX:XYZ78901:X123456789012X12345678901234566`. If the search format is not followed, an error would be displayed.

By clicking on the switch the back arrow button (1b), you activate the QR code scanner and the application will access your devices camera, which you can then capture the QR code with.


![Scan Passport](./scan-passport.png)
![Scan Passport](./images/ScanPassport.png)
</br></br>

### Settings and Profile Information

Clicking on the blue icon in the upper right corner of the [Main Menu](#main-menu) (2) activates a drop-down menu containing your profile information and language settings. In this tab you find your specific user information and assigned role within Catena-X (4), can log out of your account (5) or change the applications's language (6) as shown below.
Clicking on the blue avatar icon in the upper right corner of the [Main Menu](#main-menu) (2) opens a drop-down menu containing your profile information and language settings. In this tab you find your specific user information and assigned role (is any) within Catena-X (4), you can sign out from your account (5) or change the applications's language (6) as shown in the below screenshot. Currently. the application supports two different languages: English (EN) as a default language and German (DE) as a second language.

![Profile Information](./UserProfile.png)
![Profile Information](./images/UserProfile.png)
</br></br>

### Catena-X Helpdesk

If questions arise, you can access the Catena-X Helpdesk through clicking on "Help" in the upper right corner of the [Main Menu](#main-menu) (3).
</br></br>

## Results Page
## Digital Product Passport

After requesting data via one of the [product search functions](#search-for-a-product-passport), the information will be displayed on the screen. An exemplary product passport of a battery can be seen below. It provides an overview on the battery's history, technical specifications and data exchange information:
After requesting data via one of the [product search functions](#search-for-a-product-passport), the information will start loading against the asset Id (7) as illustrated in the screenshot , showing the steps to retrieve the passport (9) and displayed on the screen once progress bar is loaded (8). An exemplary product passport of a high voltage battery can be seen below. It provides an overview on the product's history, technical specifications, its child components using the Item Relationship Service (IRS) and data exchange information:

</br></br>
![Product Pass](./digitalproductpassport.png)
![Loading Product Pass](./images/LoadingPass.png)
</br></br>

Hereby, the information is devided into the following sections:

1. General Information
2. Product Condition
3. Composition
4. Cell Chemistry
5. Electromechanical Properties
6. Additional Information
7. Data exchange Information
</br></br>
![Product Pass](./images/ProductPassport.png)
</br></br>

Hereby, the information is divided into the following sections:

1. Serialization Information
2. Typology Information
3. Metadata Information
4. Components
5. Characteristics
6. Commercial
7. Identification
8. Sources
9. Sustainability
10. Operation
11. Data Exchange Information

Each category can be accessed by clicking on its heading in the selection bar towards the middle of the product passport screen (10).


### Drilling Down Child Components

The application is capable to retrieve the information from the product's child components (if any) that can be seen in the Components section of the passport (11). Once the passport is loaded and displayed to the screen, the drilling down process of the requested product gets started (12) and retrieves the available information from the first level (depth: 1) of the child components. Ths process might take a while to complete (around 4-5 minutes) as it searches the relevant components from the IRS tool.

</br></br>
![IRS Job](./images/IRSJob.png)
</br></br>


In the below figure, the product battery contains one child component (13) named as battery module and its passport can be accessed by clicking the small external arrow (14).

</br></br>
![Drill Down Components](./images/IRS.png)
</br></br>

Each category can be accessed by clicking on its heading in the selection bar towards the middle of the product passport screen (7).


## NOTICE

This work is licensed under the [Apache-2.0](https://www.apache.org/licenses/LICENSE-2.0).

- SPDX-License-Identifier: Apache-2.0
- SPDX-FileCopyrightText: 2022, 2023 BASF SE, BMW AG, Henkel AG & Co. KGaA
- SPDX-FileCopyrightText: 2023 Contributors to the Eclipse Foundation
- SPDX-FileCopyrightText: 2022, 2023 BASF SE, BMW AG, Henkel AG & Co KGaA
- SPDX-FileCopyrightText: 2023, 2024 Contributors to the Eclipse Foundation
- Source URL: https://github.com/eclipse-tractusx/digital-product-pass
Binary file removed docs/user manual/UserProfile.png
Binary file not shown.
Binary file added docs/user manual/images/IRS.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/user manual/images/IRSJob.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/user manual/images/LoadingPass.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/user manual/images/MainMenu.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/user manual/images/ProductPassport.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/user manual/images/ScanPassport.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/user manual/images/UserProfile.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed docs/user manual/scan-passport.png
Binary file not shown.

0 comments on commit cb636e3

Please sign in to comment.