Generování zdrojového kódu front-end aplikace z wireframe modelu

Bajer, Lukáš

Publikace:
Generování zdrojového kódu front-end aplikace z wireframe modelu

Bakalářská práceopen access

dc.contributor.advisor	Panuš, Jan
dc.contributor.author	Bajer, Lukáš
dc.date.accepted	2023-06-07
dc.date.accessioned	2023-08-15T07:56:53Z
dc.date.available	2023-08-15T07:56:53Z
dc.date.issued	2023
dc.date.submitted	2023-05-11
dc.description.abstract	Bakalářská práce se zaměřuje na vytvoření pluginu pro aplikaci Figma, který umožňuje generovat kód v jazyce JavaScript z návrhů, které využívají komponenty knihovny MUI, které jsou stylizované společností Generali Česká pojišťovna. Teoretická část nejprve představí pojmy UI a UX design a problematiku návrhu grafického modelu. Dále bude představeno a porovnáno několik existujících nástrojů pro tvorbu grafických návrhů. Zbytek teoretické části se bude věnovat aplikaci Figma, která bude podrobně představena a rozebere problematiku pluginů. V praktické části budou nejprve představeny technologie použité při vývoji pluginu a poté bude popsán postup návrhu, vývoje a testování pluginu.	cze
dc.description.abstract-translated	The bachelor's thesis focuses on the creation of a plugin for the Figma application, which allows generating JavaScript code from designs that use components of the MUI library, which are stylized by the company Generali Česká pojišťovna. The theoretical part will first introduce the concepts of UI and UX design and the issue of graphic model design. Next, several existing tools for creating graphic designs will be presented and compared. The rest of the theoretical part will be devoted to the Figma application, which will be presented in detail and the issue of plugins will be discussed. The section will firstly introduce the technologies used in the development of the plugin, and then describe the process of design, development and practical testing of the plugin.	eng
dc.description.defence	V rámci bakalářské práce byla provedena rešerše aktuálních nástrojů pro designování front-endu aplikací a jejich porovnání. Student se dále zaměřil na nástroj Figma, předvedl samotnou aplikaci a pluginy do aplikace tvořené uživateli, prozkoumal pluginy zaměřené na generování React kódu z wireframe modelu a nakonec vytvoří jednoduchý plugin pro odzkoušení možnosti generování React kódu z komponent knihovny Material UI (MUI) společnosti Generali Česká pojišťovna a.s. Student při obhajobě výborně prezentoval výsledky své bakalářské práce a reagoval na dotazy a připomínky vedoucího i členů komise pro státní závěrečné zkoušky. Vedoucí nemá k práci závažnější připomínky, student pracoval kvalitně. Vytvořená aplikace je na dobré úrovni a bude využita v praxi.	cze
dc.description.department	Fakulta elektrotechniky a informatiky	cze
dc.description.grade	Dokončená práce s úspěšnou obhajobou	cze
dc.format	43 s.
dc.identifier.stag	46023
dc.identifier.uri	https://hdl.handle.net/10195/81531
dc.language.iso	cze
dc.publisher	Univerzita Pardubice	cze
dc.rights	Bez omezení
dc.subject	UX design	cze
dc.subject	UI design	cze
dc.subject	Figma	cze
dc.subject	Figma plugin	cze
dc.subject	Sketch	cze
dc.subject	Adobe XD	cze
dc.subject	InVision	cze
dc.subject	Generátor React kódu	cze
dc.subject	UX design	eng
dc.subject	UI design	eng
dc.subject	Figma	eng
dc.subject	Figma plugin	eng
dc.subject	Sketch	eng
dc.subject	Adobe XD	eng
dc.subject	InVision	eng
dc.subject	Generator of React code	eng
dc.thesis.degree-discipline	Informační technologie	cze
dc.thesis.degree-grantor	Univerzita Pardubice. Fakulta elektrotechniky a informatiky	cze
dc.thesis.degree-name	Bc.
dc.thesis.degree-program	Informační technologie	cze
dc.title	Generování zdrojového kódu front-end aplikace z wireframe modelu	cze
dc.title.alternative	Generating the source code of the front-end application from the wireframe model	eng
dc.type	bakalářská práce	cze
dspace.entity.type	Publication