React komponenty pro webový editor titulkování a anotací audia

Abstract

Přepis a anotace audia efektivním a intuitivním způsobem představují zásadní výzvu v oblasti moderních uživatelských rozhraní. Stávající platforma pro anotaci často postrádá dostatečně kvalitní uživatelskou zkušenost pro plynulou interakci, zejména v prostředí s delšími nahrávkami. Tato práce se zabývá vylepšením existujícího nástroje pro přepis audia s využitím frameworku React, přičemž důraz je kladen na zlepšení použitelnosti a přehlednosti rozhraní. Bylo vytvořeno či přepracováno několik komponent, které umožňují efektivnější interakci uživatele se systémem. Tyto funkce byly integrovány do stávajícího systému a průběžně vylepšovány na základě pravidelného UX hodnocení. Výsledný systém byl testován se skutečnými uživateli za účelem posouzení jeho intuitivnosti a efektivity. Práce rovněž přináší návrhy na budoucí rozvoj a vylepšení.Transcribing and annotating audio recordings efficiently and intuitively is a critical challenge in modern user interfaces. The existing annotation platform often lacks the user experience necessary for seamless interaction, especially in environments with lengthy recordings. This thesis explores ways to improve the existing transcription tool using the React framework, with a focus on improving usability and interface clarity. Several components were created or reimplemented, allowing for a more efficient user interaction. These features were integrated into the existing system and iteratively refined based on regular UX evaluations. The final system was tested with real users to assess its intuitiveness and effectiveness. Suggestions for further development and improvements are also presented.