Hlavním cílem této diplomové práce bylo vytvořit webovou stránku, která bude v budoucnu studentům fakulty aplikované informatiky Univerzity Tomáše Bati ve Zlíně sloužit jako pomůcka pro hlubší pochopení témat předmětu počítačová grafika a bude poskytovat prostor pro umisťování kurzů vytvořených pomocí webových technologií. V rámci práce jsou vytvořeny kurzy pro rasterizační algoritmy, kompresní algoritmy a prokládání. Těmto tématům se podrobněji věnuje teoretická část práce. Dále práce popisuje použité technologie pro tvorbu stránek a kurzů, kde se zaměřuje i na bezpečnostní stránku celé aplikace.
Annotation in English
The main aim of this diploma thesis was to develop a web site, which will become a new study platform for students of the Facutly of Apllied Infromatics UTB who attend courses of Computer graphics. Pilot courses of raster algorithms, compression algorithms and interleaving were developed and added to the web site. Additionally, diploma thesis describes technology used for courses design and web development. Furthermore, the work focused also on the security site of the application.
Hlavním cílem této diplomové práce bylo vytvořit webovou stránku, která bude v budoucnu studentům fakulty aplikované informatiky Univerzity Tomáše Bati ve Zlíně sloužit jako pomůcka pro hlubší pochopení témat předmětu počítačová grafika a bude poskytovat prostor pro umisťování kurzů vytvořených pomocí webových technologií. V rámci práce jsou vytvořeny kurzy pro rasterizační algoritmy, kompresní algoritmy a prokládání. Těmto tématům se podrobněji věnuje teoretická část práce. Dále práce popisuje použité technologie pro tvorbu stránek a kurzů, kde se zaměřuje i na bezpečnostní stránku celé aplikace.
Annotation in English
The main aim of this diploma thesis was to develop a web site, which will become a new study platform for students of the Facutly of Apllied Infromatics UTB who attend courses of Computer graphics. Pilot courses of raster algorithms, compression algorithms and interleaving were developed and added to the web site. Additionally, diploma thesis describes technology used for courses design and web development. Furthermore, the work focused also on the security site of the application.
Navrhněte a realizujte webové stránky pro podporu výuky předmětu Počítačová grafika.
Koncepci těchto stránek proveďte tak, aby bylo snadné je v budoucnu rozšiřovat o další obsah.
Popište a zhodnoťte použité technologie pro tvorbu těchto stránek.
Zhodnoťte tyto stránky z pohledu bezpečnosti.
Seznamte se s algoritmy pro rasterizaci a kompresními algoritmy používanými v oblasti počítačové grafiky.
Obě témata zmíněná v předchozím bodě v práci blíže specifikujte, implementujte jejich vizualizaci pomocí webových technologii a zakomponujte je jako kurzy do vytvořených internetových stránek.
Research Plan
Navrhněte a realizujte webové stránky pro podporu výuky předmětu Počítačová grafika.
Koncepci těchto stránek proveďte tak, aby bylo snadné je v budoucnu rozšiřovat o další obsah.
Popište a zhodnoťte použité technologie pro tvorbu těchto stránek.
Zhodnoťte tyto stránky z pohledu bezpečnosti.
Seznamte se s algoritmy pro rasterizaci a kompresními algoritmy používanými v oblasti počítačové grafiky.
Obě témata zmíněná v předchozím bodě v práci blíže specifikujte, implementujte jejich vizualizaci pomocí webových technologii a zakomponujte je jako kurzy do vytvořených internetových stránek.
Recommended resources
ŽÁRA, Jiří, Bedřich BENEŠ, Petr FELKEL a Jiří SOCHOR. Moderní počítačová grafika. Vyd 2. Brno: Computer Press, 2005, 608 s. EAN 9788025104545.
MARTIŠEK, Dalibor. Matematické principy grafických systémů. Vyd. 1. Brno: Litera, 2002, 278 s. ISBN 80-857-6319-2.
FOLEY, James. Computer Graphics. Boston, 1997, 1175 s. ISBN 02-018-4840-6.
JURAJ, Štugel. Netgraphics \matsymb{lbrack}online\matsymb{rbrack}. \matsymb{lbrack}cit. 2016-01-11\matsymb{rbrack}. Dostupné z: http://netgraphics.sk/
Nette Foundation. Nette Framework. \matsymb{lbrack}online\matsymb{rbrack}. \matsymb{lbrack}cit. 2016-01-11\matsymb{rbrack}. Dostupné z: https://doc.nette.org/
Mozilla Developer Network. JavaScript \matsymb{lbrack}online\matsymb{rbrack}. \matsymb{lbrack}cit. 2016-01-11\matsymb{rbrack}. Dostupné z: https://developer.mozilla.org/cs/docs/Web/JavaScript
Mozilla Developer Network. Canvas API \matsymb{lbrack}online\matsymb{rbrack}. \matsymb{lbrack}cit. 2016-01-11\matsymb{rbrack}. Dostupné z: https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API
OWASP \matsymb{lbrack}online\matsymb{rbrack}. \matsymb{lbrack}cit. 2016-01-11\matsymb{rbrack}. Dostupné z: https://www.owasp.org
Recommended resources
ŽÁRA, Jiří, Bedřich BENEŠ, Petr FELKEL a Jiří SOCHOR. Moderní počítačová grafika. Vyd 2. Brno: Computer Press, 2005, 608 s. EAN 9788025104545.
MARTIŠEK, Dalibor. Matematické principy grafických systémů. Vyd. 1. Brno: Litera, 2002, 278 s. ISBN 80-857-6319-2.
FOLEY, James. Computer Graphics. Boston, 1997, 1175 s. ISBN 02-018-4840-6.
JURAJ, Štugel. Netgraphics \matsymb{lbrack}online\matsymb{rbrack}. \matsymb{lbrack}cit. 2016-01-11\matsymb{rbrack}. Dostupné z: http://netgraphics.sk/
Nette Foundation. Nette Framework. \matsymb{lbrack}online\matsymb{rbrack}. \matsymb{lbrack}cit. 2016-01-11\matsymb{rbrack}. Dostupné z: https://doc.nette.org/
Mozilla Developer Network. JavaScript \matsymb{lbrack}online\matsymb{rbrack}. \matsymb{lbrack}cit. 2016-01-11\matsymb{rbrack}. Dostupné z: https://developer.mozilla.org/cs/docs/Web/JavaScript
Mozilla Developer Network. Canvas API \matsymb{lbrack}online\matsymb{rbrack}. \matsymb{lbrack}cit. 2016-01-11\matsymb{rbrack}. Dostupné z: https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API
OWASP \matsymb{lbrack}online\matsymb{rbrack}. \matsymb{lbrack}cit. 2016-01-11\matsymb{rbrack}. Dostupné z: https://www.owasp.org
