Cílem této bakalářské práce je podrobně popsat grafický formát SVG. Celá práce je rozdělena do několika kapitol, ve kterých jsou popsány jednotlivé vlastnosti formátu SVG. Tyto vlastnosti jsou v každé kapitole demonstrovány na názorných ukázkách. V rámci praktické části je vytvořeno několik ukázkových aplikací a jedna aplikace rozsáhlejšího charakteru. Součástí práce je elektronická dokumentace, která obsahuje popis jednotlivých elementů grafického formátu SVG a jejich atributů.
Anotace v angličtině
The goal of this work is to describe graphic format SVG in details. The thesis is divided into several chapters, which deal with specific characteristics of SVG format. There are made some model applications and one detailed application within the project part. Part of this thesis is also an electronic documentation, which contains a description of particular elements of graphic format SVG and their attributes.
Klíčová slova
SVG, JavaScript, HTML, kreslení, webová grafika
Klíčová slova v angličtině
SVG, JavaScript, HTML, drawing, web graphics
Rozsah průvodní práce
69 s. (62 817)
Jazyk
CZ
Anotace
Cílem této bakalářské práce je podrobně popsat grafický formát SVG. Celá práce je rozdělena do několika kapitol, ve kterých jsou popsány jednotlivé vlastnosti formátu SVG. Tyto vlastnosti jsou v každé kapitole demonstrovány na názorných ukázkách. V rámci praktické části je vytvořeno několik ukázkových aplikací a jedna aplikace rozsáhlejšího charakteru. Součástí práce je elektronická dokumentace, která obsahuje popis jednotlivých elementů grafického formátu SVG a jejich atributů.
Anotace v angličtině
The goal of this work is to describe graphic format SVG in details. The thesis is divided into several chapters, which deal with specific characteristics of SVG format. There are made some model applications and one detailed application within the project part. Part of this thesis is also an electronic documentation, which contains a description of particular elements of graphic format SVG and their attributes.
Klíčová slova
SVG, JavaScript, HTML, kreslení, webová grafika
Klíčová slova v angličtině
SVG, JavaScript, HTML, drawing, web graphics
Zásady pro vypracování
Vytvořte literární rešerši na zadané téma.
Seznamte se s interaktivním vektorovým grafickým formátem SVG. V práci jej podrobně popište.
Vytvořte několik jednodušších demonstračních aplikací, ve kterých vyniknou výhody a oblasti použití tohoto grafického formátu.
Vytvořte HTML aplikaci rozsáhlejšího charakteru, na které budou demonstrovány hranice použitelnosti interaktivity tohoto formátu.
Ke grafickému formátu SVG vytvořte podrobnou elektronickou dokumentaci.
Zásady pro vypracování
Vytvořte literární rešerši na zadané téma.
Seznamte se s interaktivním vektorovým grafickým formátem SVG. V práci jej podrobně popište.
Vytvořte několik jednodušších demonstračních aplikací, ve kterých vyniknou výhody a oblasti použití tohoto grafického formátu.
Vytvořte HTML aplikaci rozsáhlejšího charakteru, na které budou demonstrovány hranice použitelnosti interaktivity tohoto formátu.
Ke grafickému formátu SVG vytvořte podrobnou elektronickou dokumentaci.
Seznam doporučené literatury
HEROUT, Pavel. XSLT 2.0 a SVG prakticky. České Budějovice: KOPP, 2010. ISBN 978-80-7232-406-4.
HEJRAL, Martin. Kurz SVG. Kurz SVG - struktura dokumentu, zobrazovací a vykreslovací model [online]. 2004 [cit. 2013-01-23]. Dostupné z: http://interval.cz/clanky/kurz-svg-struktura-dokumentu-zobrazovaci-a-vykreslovaci-model
SVG - Vektorová grafika. BUKVIČKA, Tomáš. Studium.vos-sps-jicin.cz [online]. 2011 [cit. 2013-01-23]. Dostupné z: http://studium.vos-sps-jicin.cz/svg/index.php
W3School: SVG Tutorial [online]. c1999-2013 [cit. 2013-02-01]. Dostupné z: http://www.w3schools.com/svg/default.asp
W3C: Scalable Vector Graphics (SVG) 1.1. (Second Edition) [online]. 2011 [cit. 2013-01-23]. Dostupné z: http://www.w3.org/TR/SVG11
Seznam doporučené literatury
HEROUT, Pavel. XSLT 2.0 a SVG prakticky. České Budějovice: KOPP, 2010. ISBN 978-80-7232-406-4.
HEJRAL, Martin. Kurz SVG. Kurz SVG - struktura dokumentu, zobrazovací a vykreslovací model [online]. 2004 [cit. 2013-01-23]. Dostupné z: http://interval.cz/clanky/kurz-svg-struktura-dokumentu-zobrazovaci-a-vykreslovaci-model
SVG - Vektorová grafika. BUKVIČKA, Tomáš. Studium.vos-sps-jicin.cz [online]. 2011 [cit. 2013-01-23]. Dostupné z: http://studium.vos-sps-jicin.cz/svg/index.php
W3School: SVG Tutorial [online]. c1999-2013 [cit. 2013-02-01]. Dostupné z: http://www.w3schools.com/svg/default.asp
W3C: Scalable Vector Graphics (SVG) 1.1. (Second Edition) [online]. 2011 [cit. 2013-01-23]. Dostupné z: http://www.w3.org/TR/SVG11
Přílohy volně vložené
Text - elektronická verze této práce ve formátu doc a pdf
- uživatelské příručka SVG ve formátu doc a pdf
Kódy - zdrojové kódy k jednotlivým SVG obrázkům
Obrázek - zakoupené mapa Zlína od Zeměměřičského úřadu
- obrázek káčete
-panel SVG editoru
Přílohy vázané v práci
ilustrace, mapy, tabulky
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Diplomant prezentoval před komisí hlavní cíle a výsledky své bakalářské práce.
Prezentace jako celek působila vyváženě, student dokázal vystihnout klíčové body práce.
Poté byl student seznámen s posudky vedoucího a oponenta bakalářské práce.
Komise vznesla k obhajobě následující dotazy:
1) Doc. Sysel: Jaká je paměťová náročnost?
2) Prof. Šimšík: Jak byste zhodnotil závěr Vaší práce?
Diplomant dotazy zodpověděl.