Uživatelské rozhraní pro sběr biometrických datových sad

Abstract

Tato bakalářská práce se zaměřuje na návrh a implementaci progresivní webové aplikace Capture My Hand, určené pro efektivní sběr obrazových dat lidské ruky. Cílem projektu bylo vytvořit multiplatformní řešení, které umožňuje intuitivní pořizování fotografií z mobilního zařízení bez nutnosti instalace. Práce se věnuje návrhu uživatelského rozhraní na základě zásad UX pro mobilní aplikace, výběru vhodných technologií a knihoven (React, FastAPI, Intro.js, Toastify) a iterativnímu testování s reálnými uživateli. Aplikace podporuje detekci ruky na obrazovce, validaci vstupních dat a poskytuje zpětnou vazbu prostřednictvím toast notifikací. Výsledkem je udržitelný nástroj pro strukturovaný sběr dat, vhodný pro využití širší veřejností.

This bachelor thesis focuses on the design and implementation of a progressive web application called Capture My Hand, intended for efficient image data collection of the human hand. The goal of the project was to develop a multiplatform solution enabling intuitive photo capture from mobile devices without the need for installation. The thesis covers the design of the user interface based on mobile UX principles, the selection of appropriate technologies and libraries (React, FastAPI, Intro.js, Toastify), and iterative testing with real users. The application supports hand detection in the image, input data validation, and provides user feedback via toast notifications. The result is a sustainable tool for structured data collection, suitable for use by a broader public.