Interaktivní nástroj pro vizualizaci algoritmů a datových struktur

Abstract

Hlavním cílem této diplomové práce je návrh a implementace interaktivní webové výukové aplikace zaměřené na vizualizaci datových struktur a simulaci třídicích a vyhledávacích algoritmů. Práce se v teoretické části věnuje popisu teorie obsahu aplikace, analýze existujících řešení a výběru vhodných moderních webových technologií. Hlavní část práce podrobně popisuje softwarovou architekturu systému, která striktně odděluje aplikační logiku od prezentační vrstvy pomocí událostmi řízeného modelu a generování předpočítaných stavů. Výsledkem je plně responzivní a modulární výuková aplikace, která studentům umožňuje krok za krokem zkoumat chování algoritmů, interaktivně manipulovat se strukturami a plynule propojovat teoretické znalosti s vizuální reprezentací pseudokódu.

The main objective of this master's thesis is the design and implementation of an interactive web-based educational application focused on visualizing data structures and simulating sorting and searching algorithms. The theoretical part examines the educational content, existing solutions, and the selection of suitable modern web technologies. The core of the thesis details the software architecture of the system, which strictly separates application logic from the presentation layer using an event-driven model and the generation of precomputed states. The result is a fully responsive and modular educational application that allows students to explore algorithm behavior step-by-step, interactively manipulate structures, and seamlessly connect theoretical knowledge with the visual representation of pseudocode.