Vývoj webové aplikace pro tvorbu interaktivních dotazů

Abstract

Práce se zabývá možnostmi tvorby webových interaktivních online testů pro vývojáře pomocí JavaScriptu, jeho knihoven, a jazyka PHP. Je rozdělena do dvou hlavních částí - teoretické a praktické. Teoretická část se zaměřuje na analýzu technologií, které se v minulosti používaly pro zobrazování a manipulaci grafiky na webu, i na technologie používané dnes. Zahrnuje přehled rastrových a vektorových grafických formátů, jejich vlastností a omezení, a dále také popis webových rozhraní a knihoven určených pro práci s grafikou, jako jsou SVG, Canvas API a související frameworky. Tato část shrnuje vývoj webové grafiky, porovnává dostupné nástroje a hodnotí jejich vhodnost pro tvorbu interaktivních vizuálních prvků v prostředí webového prohlížeče. Na teoretickou část navazuje část praktická, která popisuje návrh, implementaci a testování konkrétních interaktivních dotazů s využitím vybraných technologií. Výsledkem práce je přehled současných možností vývoje interaktivní webové grafiky a praktická ukázka tvorby interaktivních cvičení z pohledu programátora. Práce může sloužit jako vodítko či inspirace pro vývojáře, kteří se zabývají tvorbou vizuálně orientovaných interaktivních prvků na webu.

The thesis examines the possibilities of creating web-based interactive online tests for developers using JavaScript, its libraries, and the PHP language. It is divided into two main parts - a theoretical part and a practical part. The theoretical section focuses on analysing the technologies that were used in the past for rendering and manipulating graphics on the web, as well as those used today. It includes an overview of raster and vector graphic formats, their properties and limitations, and also describes web interfaces and libraries designed for working with graphics, such as SVG, the Canvas API, and related frameworks. This section summarises the development of web graphics, compares available tools, and evaluates their suitability for creating interactive visual elements within a web browser environment. The theoretical part is followed by the practical section, which describes the design, implementation, and testing of specific interactive tasks using the selected technologies. The outcome of the thesis is an overview of current possibilities for developing interactive web graphics and a practical demonstration of creating interactive exercises from a programmer's perspective. The work may serve as a guide or source of inspiration for developers who focus on creating visually oriented...