Original title:
Product data visualization in PNC build system
Translated title:
Product Data Visualization in PNC Build System
Authors:
Korytár, Patrik ; Janoušek, Vladimír (referee) ; Kočí, Radek (advisor) Document type: Bachelor's theses
Year:
2023
Language:
eng Publisher:
Vysoké učení technické v Brně. Fakulta informačních technologií Abstract:
[eng][cze]
Cieľom tejto bakalárskej práce je zlepšiť vizualizáciu dát súvisiacich s produktami build systému PNC na jeho novom webovom používateľskom rozhraní. Hlavné vizualizačné prvky zahŕňajú tabuľky, grafy, sieťové grafy a palubné panely. Táto práca analyzuje vstupy od používateľov build systému PNC, aby sa zohľadnili skutočné potreby používateľov. Na základe analýzy bol vytvorený dizajn pre úplne nové komponenty používateľského rozhrania a niektoré z už existujúcich boli prepracované. Na ilustráciu nového dizajnu sa vytvorili nákresy. Navrhnuté boli nové koncové body REST API pre dáta vyžadované novými komponentami. Nové funkcie boli následne implementované. Implementačný jazyk je TypeScript. Hlavné knižnice zahŕňajú React, Chart.js, Sigma.js a Graphology. Ako výsledok má teraz nové používateľské rozhranie systému PNC nové funkcie, ktoré pomáhajú s používaním stránok súvisiacich s produktami. Implementácia je tiež ľahko rozšíriteľná pre viac vizualizácií tohto druhu.
The thesis aims to enhance the visualization of Product-related data of the PNC build system on the system's new web user interface. Main visualization elements include tables, charts, network graphs and dashboards. The work analyses PNC user inputs to consider the actual needs of the users. Based on the analysis, completely new UI components were designed and some of the original ones were redesigned. To illustrate the new design, wireframes were created. New REST API endpoints were designed for data needed by the new components. The new features were then implemented. The implementation language is TypeScript. The main libraries include React, Chart.js, Sigma.js and Graphology. As a result, the new PNC system user interface now has new features that help with using the Product-related pages. The implementation is also easily expandable for more visualization of this kind.
Keywords:
artefakty; Chart.js; grafy; Graphology; produkty; React; sieťové grafy; Sigma.js; tabuľky; užívateľské rozhranie; vizualizácia; artifacts; Chart.js; charts; Graphology; network graphs; products; React; Sigma.js; tables; user interface; visualization
Institution: Brno University of Technology
(web)
Document availability information: Fulltext is available in the Brno University of Technology Digital Library. Original record: http://hdl.handle.net/11012/210526