Webový nástroj pro podporu výuky předmětu Algoritmy

Abstract

Táto bakalárska práca sa zaoberá návrhom a implementáciou webovej aplikácie, ktorá vizualizuje dátové štruktúry a algoritmy nad nimi. Aplikácia s názvom NodePlay je navrhnutá ako moderný vzdelávací nástroj, ktorý pomáha študentom hlbšie porozumieť fungovaniu dátových štruktúr prostredníctvom interaktívnych animácií. Pri analýze existujúcich aplikácií som identifikovala viaceré nedostatky, ako nesúlad s učebnými osnovami fakulty či nízka používateľská prívetivosť. Navrhnutá aplikácia tieto problémy rieši a zároveň ponúka aj viacjazyčnú lokalizáciu a responzívny dizajn, ktorý zvyšuje komfort pri práci na rôznych veľkostiach okna, najmä na počítači a tablete. Aplikácia je flexibilná a umožňuje jednoduché rozšírenie o nové dátové štruktúry. Pri vývoji som použila technológie Vue.js, TypeScript a Cytoscape.js. Pozitívny prínos aplikácie bol potvrdený používateľským testovaním s účasťou 51 respondentov, z ktorých 94 % uviedlo, že aplikácia určite pomôže pri výučbe. Priemerné celkové hodnotenie dosiahlo 8,50 z 10. V blízkej budúcnosti plánujem nasadiť aplikáciu na školský server, aby ju mohli študenti aktívne využívať pri štúdiu predmetu Algoritmy.This bachelor thesis deals with the design and implementation of a web application that visualizes data structures and algorithms over them. The application, called NodePlay, is designed as an advanced educational tool that helps students gain a deeper understanding of how data structures work through interactive animations. While analyzing the existing applications, I identified several shortcomings such as mismatch with the faculty curriculum or low user-friendliness. The proposed application addresses these issues while also offering multilingual localization and responsive design, which enhances comfort when working on different window sizes, especially on a computer and tablet. The application is flexible and allows for easy extension with new data structures. I used Vue.js, TypeScript and Cytoscape.js technologies during development. The positive contribution of the application was confirmed by user testing with 51 respondents, of which 94% said that the application will definitely help in teaching. The average overall rating was 8.50 out of 10. In the near future, I plan to deploy the application on a school server so that students can actively use it when studying the Algorithms course.