OpenFastTrace UX (short OFT-UX) is an extension of the OpenFastTrace requirement tracing software. It aims to provide a interactive requirement, user friendly HTML user interface to analyze OpenFstTrace tracing reports locally.
This first version of OpenFastTrace UX is a minimal viable product (MVP) version as a proof of the concept of a powerful use interface to analyze requirement traces. It provides advanced filtering and navigation capabilities to quickly browse through requirements and other traceable artifacts in order to find gaps in the tracing change or just to find necessary documents identifiable by te tracing chain.
In combination with a new version of OpenFastTrace and OpenFastTrace Gradle Plugin a imeediately usable trace browser can be generated for the current project.
This project at the moment is a pure HTML application developed with HTML, SCSS and Typescript.
Openfasttrace UX provides a playground to try out the user interface with sample data:
- ✗ OFT reporter plugin: Extension of the list of supported reporters for OFT.
- ✗ Titlebar: Titlebar on top with project title and global buttons.
- ✗ Statusbar: Statusbar at the bottom with statistics.
- ✓ Filter Sidebar: Sidebar with filters, SpecObject table view specific.
- ✓ SpecObject table: Table as main UI element that lists all non-filtered SpecObjects.
- ✓ SpecObject coverage overview: Badges for missing deep coverage.
- ✓ Focus SpecObject: Pin a SpecObject with double click to the top and show only SpecObjects that are covered by the SpecObject or SpecObject that the SpecObject covers. Own Filter selection for this view.
- ✗ File Tree View: Treeview of source files.
- ✗ Details view: View with details of the selected SpecObject.
- ...
The software is built via Webpack which builds a HTML page including CSS and Javascript. To build the application you need to have npm installed on your system.
$ npm install
$ npm run build
$ npm run test