Název:
Product data visualization in PNC build system
Překlad názvu:
Product Data Visualization in PNC Build System
Autoři:
Korytár, Patrik ; Janoušek, Vladimír (oponent) ; Kočí, Radek (vedoucí práce) Typ dokumentu: Bakalářské práce
Rok:
2023
Jazyk:
eng
Nakladatel: Vysoké učení technické v Brně. Fakulta informačních technologií
Abstrakt: [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.
Klíčová slova:
artifacts; Chart.js; charts; Graphology; network graphs; products; React; Sigma.js; tables; user interface; visualization; artefakty; Chart.js; grafy; Graphology; produkty; React; sieťové grafy; Sigma.js; tabuľky; užívateľské rozhranie; vizualizácia
Instituce: Vysoké učení technické v Brně
(web)
Informace o dostupnosti dokumentu:
Plný text je dostupný v Digitální knihovně VUT. Původní záznam: http://hdl.handle.net/11012/210526