Create initial Design mockup #14
Description
We will start with the 2 central data types "Benchmark" and "Environment" and we will create several views for that 2 data types.
The following images shows how the navigation between views for the 2 datatypes works. Individual views will be described in more detail later.
View flow for Benchmarks
View Flow for Environment
The views are separated in "List/Graph views" and "Detail views" to edit a data entry. The following pictures show the sections of the views in mockups. The goal is to create well design and layout templates for that view types that allow a user to directly understand the sections of the view and how to use them. So it is ok to separate the sections somehow by color for example.
List View Specification
Detail View Specification
Concrete Views
Note: In that Views "Environment" is called "Infrastructure". That should be ignored and renamed to "Environment"
Special UI Components
Global Menu on left side
At the current state we only need the 2 entries "Benchmarks" and "Environments" followed by a number.
Table Columns for Benchmarks
The Table in the Benchmarks View should contain the following information:
- Name: a short text (sample: Transaction Benchmark)
- Technical name: a short text (sample: com.sample.transaction.Benchmark)
- start date: a date & time (sample: 24.06.2023 14:56:34:075)
- last update: a date & time (sample: 24.06.2023 14:56:34:075)
- count: a number (sample: 86)
The Table in the Benchmark Table View should contain the following information:
- Date: a date & time (sample: 24.06.2023 14:56:34:075)
- value: a number with up to 4 decimal places (sample: 4357.4574)
- min: a number with up to 4 decimal places (sample: 36.4598)
- max: a number with up to 4 decimal places (sample: 3434.356)
- error: a number with up to 4 decimal places (sample: 57209.734)
- environment: a name (sample: Test Environment)
The Table in the Environments View should contain the following information:
- Name: a short text (sample: Test Environment)
- Operation System: a short text (sample: Ubuntu 24.0.5)
- Java: a short text (sample: Temurin 11.0.7)
- JMH: a short text (sample: 11.0.7)
- Threads: a number (sample: 6)
- Forks: a number (sample: 4)
- Warmup: a short text (sample: 4 x 8 sec)
- Measurement a short text (sample: 4 x 8 sec)
The logo of the app is currently not finalized but it will be based on one of the following versions:
