Vizualizace obrazových dat na webu

Filip Łuński

Bakalářská práce

Visualization of Image Data on the Web

Anotace:

Cílem práce je vytvořit aplikaci pro vizualizaci a anotaci obrazů s velkým rozlišením ve webovém prostředí. Na vývoji této aplikace je demonstrováno, jaké lze použít postupy a technologie a jaké můžou při takovéto práci s obrazy vznikat problémy; jsou ukázány i jejich možná řešení. V klientské části je použitá mapová knihovna OpenLayers, která nabízí mnoho možností pro postupné načítání obrazů a jejich anotaci. Obrazy jsou po nahrání do aplikace zpracovány a uloženy do dlaždic v mnoha rozlišeních pro pozdější rychlé načítání. S využitím knihovny OpenLayers je do aplikace přidána funkce označování zajímavých oblastí a přidávání komentářů. Dále je přidána funkce pro přiložení předzpracovaných anotací. Pro jejich plynulé načítání i při větším množství prvků jsou prvky předem indexovány na serveru a za běhu jsou postupně načítány. Aplikace je nakonec nasazena na server pomocí platformy Docker, následně je otestována.

Abstract:

The objective of this thesis is to build an app for high-resolution image visualization and annotation on the web. The development of the app demonstrates what techniques and technologies can be used and what problems we could encounter in this type of image processing; possible solutions for those problems are also shown. On the frontend, the OpenLayers map library is used, which offers many options for image lazy loading and annotation. After uploading to the application, images are processed and saved as tiles in many resolutions for smooth loading on the client. Using the OpenLayers library features such as marking interesting areas and adding comments are added. Next, a feature is added for including preprocessed annotations. For their smooth load even with a larger number of elements, the elements are indexed in advance on the server, and then, while visualizing them, they are loaded gradually as needed. Eventually, the application is deployed to the server using the Docker platform and then tested.

Klíčová slova

JavaSkript, TypeScript, .NET, OpenLayers, React, Docker, Docker Compose, Zoomify, web, vizualizace obrazů, anotace obrazů, zpracování obrazů

Keywords

JavaSkript, TypeScript, .NET, OpenLayers, React, Docker, Docker Compose, Zoomify, web, image vizualization, image annotation, image processing

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 30. 4. 2023

Obhajoba závěrečné práce

• Obhajoba proběhla 29. 5. 2023
• Vedoucí: Petr Gajdoš
• Oponent: Michal Radecký

VŠB – Technická univerzita Ostrava

Fakulta elektrotechniky a informatiky

Bakalářský studijní program:
Informatika