Knihovna komponent pro dynamicky generované webové formuláře pomocí JSON schémat
Autor(ka) práce:
Nývlt, Tomáš
Typ práce:
Diplomová práce
Vedoucí práce:
Vencovský, Filip
Oponenti práce:
Cahlík, Ondřej
Jazyk práce:
Česky
Abstrakt:
Tato diplomová práce prezentuje vývoj knihovny komponent určené pro vytváření dynamicky generovaných webových formulářů s využitím JSON-schémat. S rostoucím přechodem služeb do online prostředí se zvyšuje potřeba efektivních a uživatelsky přívětivých webových formulářů, které jsou schopny dynamicky reagovat na vstupy uživatelů a systémové požadavky. Tradiční metody tvorby webových formulářů bývají často příliš rigidní, což je činí nevhodnými pro flexibilní a na uživatele zaměřená rozhraní vyžadovaná v dnešním digitální světě. Navrhovaná knihovna si klade za cíl řešit tyto výzvy oddělením logiky zobrazení od funkcionality, což umožňuje dynamické reakce na interakce uživatelů bez nutnosti opětovného načítání nebo skriptování ze strany vývojářů. Tento přístup nejenže zlepšuje uživatelský zážitek poskytováním okamžité zpětné vazby a aktualizací, ale také zjednodušuje údržbu a modifikaci formulářů. Metodologie použitá v práci zahrnovala analýzu současných technologií webových formulářů, identifikaci potřeb uživatelů prostřednictvím rozhovorů se zainteresovanými stranami a aplikaci zjištění pro vývoj sady opakovaně použitelných komponent. Tyto komponenty byly testovány v reálných scénářích, aby se ověřila jejich funkčnost a upravilo uživatelské rozhraní na základě zpětné vazby. Výsledkem je knihovna, která podporuje rychlé nasazení přizpůsobitelných a responzivních webových formulářů. Tato práce přispívá do oblasti webového vývoje ukázkou toho, jak lze strukturovaná schémata využít pro zefektivnění tvorby a správy webových formulářů, což umožňuje organizacím rychleji reagovat na potřeby uživatelů a změny na trhu.
Klíčová slova:
webové formuláře; knihovny a komponentové architektury; design systém; uživatelská interakce; workflow; konverze; optimalizace; UX/UI design; React a React komponenty; dynamické generování webových formulářů; JSON a JSON schéma
Název práce:
Component library for dynamically generated web forms using JSON schema
Autor(ka) práce:
Nývlt, Tomáš
Typ práce:
Diploma thesis
Vedoucí práce:
Vencovský, Filip
Oponenti práce:
Cahlík, Ondřej
Jazyk práce:
Česky
Abstrakt:
This thesis presents the development of a library of components designed to create dynamically generated web forms using JSON schemas. With the increasing transition of services to online environments, there is a growing need for efficient and user-friendly web forms that are able to dynamically respond to user input and system requirements. Traditional methods of creating web forms are often too rigid, making them unsuitable for the flexible and user-centric interfaces required in today's digital world. The proposed library aims to address these challenges by separating display logic from functionality, allowing dynamic responses to user interactions without the need for reloading or scripting by developers. This approach not only improves the user experience by providing immediate feedback and updates, but also simplifies form maintenance and modification. The methodology used in this thesis involved analysing current web form technologies, identifying user needs through stakeholder interviews, and applying the findings to develop a set of reusable components. These components were tested in real-world scenarios to validate their functionality and modify the user interface based on feedback. The result is a library that supports rapid deployment of customizable and responsive web forms. This work contributes to the field of web development by demonstrating how structured schemas can be used to streamline the creation and management of web forms, enabling organizations to respond more quickly to user needs and market changes.
Klíčová slova:
React and React components; dynamic web form generation; JSON and JSON schema; web forms; libraries and component architectures; UX/UI design; design system; workflow; user interaction; conversion; optimization
Informace o studiu
Studijní program / obor:
Informační systémy a technologie/Vývoj informačních systémů