Komponenty pro výukový materiál - HTML elementy Canvas a SVG

dc.contributor.advisorPřibáň Tomáš, PhDr. Ph.D.
dc.contributor.authorLedvina, Lukáš
dc.date.accepted2020-6-16
dc.date.accessioned2020-11-10T00:34:58Z
dc.date.available2018-6-15
dc.date.available2020-11-10T00:34:58Z
dc.date.issued2020
dc.date.submitted2019-7-1
dc.description.abstractCílem této bakalářské práce je uvedení do problematiky a základů dvourozměrné grafiky, jak vektorové, tak bitmapové, a její následné animace ve webovém prostředí. Na začátku se práce věnuje definování základních tvarů elementů SVG a Canvas. Další část je věnována popisu animačních možností obou elementů. Třetí kapitola je zaměřena na analýzu volně dostupných ECMAScriptových knihoven, které je možné použít pro práci s oběma elementy. Hlavním kritériem byla určena vizualizace, a to především vzhledem k tématu bakalářské práce. V praktické části práce bylo důležité vytvoření sady příkladů (https://codepen.io/fpe-zcu-tutorial) a e-kurzu. Příklady jsou editovatelné, přičemž je zároveň vidět jejich výsledná podoba. K tomuto bylo užito vývojářské sociální prostředí CodePen. Online kurz je provozován v univerzitním prostředí Moodle. S tímto řešením se mohou studenti připojit do kurzu pomocí STAGu (https://moodle.athos.zcu.cz/course/view.php?id=23).cs
dc.description.abstract-translatedThe aim of my bachelor thesis is stating the basis of 2-D graphics, both vector and bitmap, and its subsequent animation on web. In the beginning the work deals with the definition of the basic forms of the SVG and Canvas elements. The next part is devoted to description of possibilities of animation of both elements. The third chapter is focused on the analysis of the accessible ECMA Script libraries, which can be used for work with both elements. The main criterion was the visualization, primarily due to the topic of the bachelor thesis. The important part of the practical section of the work was to create a set of examples (https://codepen.io/fpe-zcu-tutorial) and the e-course. The examples can be edited, while the final look can be viewed at the same time. This was done by the social development environment CodePen. The online course runs on the university environment Moodle. With this solution students can join the course through STAG (https://moodle.athos.zcu.cz/course/view.php?id=23).en
dc.description.resultObhájenocs
dc.format46 s. (66 518 znaků)cs
dc.format.mimetypeapplication/pdf
dc.identifier79867
dc.identifier.urihttp://hdl.handle.net/11025/41194
dc.language.isocscs
dc.publisherZápadočeská univerzita v Plznics
dc.rightsPlný text práce je přístupný bez omezení.cs
dc.rights.accessopenAccessen
dc.subjectsvgcs
dc.subjectcanvascs
dc.subjectanimationcs
dc.subjectpočítačová grafikacs
dc.subjectecmascriptcs
dc.subjectsmilcs
dc.subjectvektorová grafikacs
dc.subjectbitmapová grafikacs
dc.subjectd3cs
dc.subjectbonsaijscs
dc.subjectraphaëlcs
dc.subjectpapercs
dc.subjecthighchartscs
dc.subjectchartcs
dc.subjectjavascript infovis toolkitcs
dc.subjectpixijscs
dc.subjectplotly.cs
dc.subject.translatedsvgen
dc.subject.translatedcanvasen
dc.subject.translatedanimationen
dc.subject.translatedcomputer graphicsen
dc.subject.translatedecmascripten
dc.subject.translatedsmilen
dc.subject.translatedvector graphicsen
dc.subject.translatedbitmap graphicsen
dc.subject.translatedd3en
dc.subject.translatedbonsaijsen
dc.subject.translatedraphaëlen
dc.subject.translatedpaperen
dc.subject.translatedhighchartsen
dc.subject.translatedcharten
dc.subject.translatedjavascript infovis toolkiten
dc.subject.translatedpixijsen
dc.subject.translatedplotly.en
dc.thesis.degree-grantorZápadočeská univerzita v Plzni. Fakulta pedagogickács
dc.thesis.degree-levelBakalářskýcs
dc.thesis.degree-nameBc.cs
dc.thesis.degree-programPřírodovědná studiacs
dc.titleKomponenty pro výukový materiál - HTML elementy Canvas a SVGcs
dc.title.alternativeComponents for educational material - HTML elements Canvas and SVGen
dc.typebakalářská prácecs
local.relation.IShttps://portal.zcu.cz/StagPortletsJSR168/CleanUrl?urlid=prohlizeni-prace-detail&praceIdno=79867

Files

Original bundle
Showing 1 - 4 out of 4 results
No Thumbnail Available
Name:
Bakalarska prace Lukas Ledvina.pdf
Size:
779.72 KB
Format:
Adobe Portable Document Format
Description:
Plný text práce
No Thumbnail Available
Name:
posudek BP - Lukas Ledvina (2019).pdf
Size:
230.02 KB
Format:
Adobe Portable Document Format
Description:
Posudek oponenta práce
No Thumbnail Available
Name:
Hodnoceni_BP_Lukas_Ledvina_2019.pdf
Size:
225.27 KB
Format:
Adobe Portable Document Format
Description:
Posudek vedoucího práce
No Thumbnail Available
Name:
Ledvina protokol894.pdf
Size:
270.68 KB
Format:
Adobe Portable Document Format
Description:
Průběh obhajoby práce