Vizualizace obrazových dat na webu

Abstract

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.

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.