Original title: React komponenty pro webový editor titulkování a anotací audia
Translated title: Transcription and annotation components for web editor in React
Authors: Hauryliuk, Matsvei ; Hradiš, Michal (referee) ; Szőke, Igor (advisor)
Document type: Bachelor's theses
Year: 2025
Language: eng
Publisher: Vysoké učení technické v Brně. Fakulta informačních technologií
Abstract: [eng] [cze]
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.
Keywords: anotace; audio; Django; kooperativní přepis; kvalitativný výstup; metadata; označení segmentů; Python; přepis komunikace; React; Redux; rozhraní; seskupení entit; testování rozhraní; titulkování; Typescript; UI; UX; Wavesurfer; annotation; audio; collaborative transcription; communication transcription; cooperative writing; Django; entity grouping; entity tagging; interface testing; layout; metadata; Python; qualitative result; React; Redux; subtitles; Typescript; UI; UX; Wavesurfer

Institution: Brno University of Technology (web)
Document availability information: Fulltext is available in the Brno University of Technology Digital Library.
Original record: http://hdl.handle.net/11012/253192

Permalink: http://www.nusl.cz/ntk/nusl-682736


The record appears in these collections:
Universities and colleges > Public universities > Brno University of Technology
Academic theses (ETDs) > Bachelor's theses