Editor sémantických webových formulářů

Abstract

Formulář představuje důležitý prostředek pro sběr dat. Vytvořit formulář, který je efektivní a zároveň srozumitelný pro jeho respondenty, není jednoduché, jelikož to vyžaduje znalost cílové skupiny dotazovaných a osvědčených postupů pro návrh formulářů. Kvalita dat však není jediným znakem formuláře postačujícím pro efektivní sběr dat. Dalšími charakteristikami efektivních formulářů může být jejich opětovná použitelnost nebo integrovatelnost s existujícími informacemi pocházejícími z jiných domén. Toho lze dosáhnout pomocí technologií Sémantického webu. Editor formulářů je užitečný nástroj, který poskytuje uživatelské rozhraní pro vytváření formulářů. Formulářové editory jsou v současnosti běžně dostupné, ale minimum z nich je schopno pracovat s formuláři založenými na technologiích Sémantického webu. Hlavním cílem této práce je vytvořit editor, který umožní návrhářům formulářů vytvářet, upravovat a validovat formuláře založené na Sémantickém webu, které jsou následně vizualizovány pomocí JavaScriptové knihovny SForms. Aplikace je vyvinuta za použití webového frameworku Next.js s technologií TypeScript a knihovnou Material-UI. Vytvořené formuláře jsou ověřovány, aby byly v souladu s pravidly osvědčených postupů návrhu formulářů pomocí jazyka SHACL. Tato diplomová práce dále obsahuje analýzu formulářů z hlediska jejich digitální reprezentace a zkoumá osvědčené postupy jejich návrhu a následné vizualizace. Práce navíc analyzuje osm existujících řešení editorů formulářů a validuje je na základě ověřených postupů návrhu formulářů. Tato práce si v souhrnu klade za cíl prozkoumat osvědčené postupy pro návrh formulářů, analyzovat technologie týkající se Sémantického webu a nakonec vytvořit editor formulářů schopný vytvářet formuláře založené na technologiích Sémantického webu.

Forms can be an excellent tool for collecting information effectively. However, there is no straightforward path to creating an ideally designed research instrument, able to gather data of sufficient quality. Building a form that is understandable for respondents and efficient at the same time, requires knowing its target audience, as well as following the form design guidelines. Nevertheless, the quality of data is not the only trait sufficing for a form to be efficient. Other characteristics of an efficient form can be the reusability or the integrability with existing information from different domains. These can be achieved by using Semantic Web technologies. A form editor is a useful tool that provides a user interface for creating forms. There are plenty of form editors available, but minimum of them is capable of operating on forms build upon the Semantic Web. The main goal of the thesis is to create an editor that allows form designers to build, adjust, and validate the Semantic Web based forms that are afterwards visualised with the SForms JavaScript library. The application is developed in React web framework Next.js with the use of TypeScript and Material-UI. Created forms are validated to comply with form best-practice guidelines using the constraint language SHACL. This master thesis further intends to analyse forms in terms of their digital representation and examine the best-practises of their design and following visualisation. The work moreover analyses eight existing solutions of form editors and validates them against the design guidelines. Taken together, this work aims to examine form design guidelines, analyse technologies concerning the Semantic Web and finally create a form editor capable of creating forms based on Semantic Web technologies.