Original title:
Webová aplikace pro úpravu obrázků
Authors:
Humený, Pavol ; Chlubna, Tomáš (referee) ; Herout, Adam (advisor) Document type: Bachelor's theses
Year:
2026
Language:
slo Publisher:
Vysoké učení technické v Brně. Fakulta informačních technologií Abstract:
[slo][eng]
Táto práca sa zaoberá návrhom a vývojom modernej webovej aplikácie na úpravu obrázkov so zameraním na prípravu obrazových materiálov pre odborné a akademické texty v prostredí LaTeX a Overleaf. Cieľom je umožniť používateľom vykonávať najčastejšie úpravy rýchlo, intuitívne a bez potreby využívania komplexných grafických nástrojov. Riešenie je realizované ako interaktívna webová aplikácia implementovaná s využitím frameworku Vue.js, ktorá poskytuje nástroje na orezanie, anotácie, zvýraznenie častí obrázka, pridávanie prezentačných rámikov a export do rôznych formátov. Spracovanie prebieha priamo v prehliadači na strane klienta, čím je zabezpečená ochrana a súkromie používateľských dát. Funkcionalita a použiteľnosť aplikácie boli iteratívne overované a optimalizované na základe používateľského testovania počas vývoja. Výsledkom práce je webová aplikácia umožňujúca efektívnu prípravu vizuálnych materiálov pre akademické a technické dokumenty. Prínosom práce je návrh špecializovaného nástroja prispôsobeného potrebám akademického prostredia, ktorý demonštruje možnosti využitia moderných webových technológií pri spracovaní obrazových dát v prehliadači.
This thesis focuses on the design and development of a modern web application for image editing, with an emphasis on preparing visual materials for scientific and academic documents in the LaTeX and Overleaf environments. The goal is to enable users to perform common editing tasks quickly, intuitively, and without the need to use complex graphic tools. The solution is implemented as an interactive web application using the Vue.js framework, providing tools for cropping, annotations, highlighting image regions, adding presentation frames, and exporting images to various formats. All processing is performed directly in the browser on the client-side, ensuring the security and privacy of user data. The functionality and usability of the application were iteratively evaluated and optimized based on user testing conducted throughout the development process. The result of this work is a web application that enables efficient preparation of visual materials for academic and technical documents. The main contribution lies in the design of a specialized tool tailored to the needs of the academic environment, demonstrating the potential of modern web technologies for client-side image processing.
Keywords:
client-side data processing; image editing; image processing; interactive tools; online graphic editor; PDF processing; user interface; user testing; Vue.js; web application
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/259266