Diplomová práce se zabývá velmi aktuálním tématem z oblasti webdesignu, jímţ je tvorba moderního interaktivního uţivatelského prostředí (UI - User Interface) pomocí deklarativních animací - tzv. Scroll Reveal efektů. Teoretická práce má za úkol zmapovat vhodné, zejména open-source JavaScriptové frameworky, jež jsou vhodné pro aplikaci požadovaných efektů. Výstupem praktické části je demo ukázka možností jednotlivých frameworků a dále integrace do open-source CMS systému WordPress
Annotation in English
This thesis deals with a very curren topic in the field of webdesign, which is the creation of a modern interactive user interface (UI - User Interface) using declarative animation - so called Scroll Reveal effects. Theoretical work is to find out a suitable, especially open-source JavaScript frameworks, which are suitable for applying the desired effects. The out-put of the practical part is a demonstration of options for each frame-work and also integration into the open-source CMS WordPress.
Diplomová práce se zabývá velmi aktuálním tématem z oblasti webdesignu, jímţ je tvorba moderního interaktivního uţivatelského prostředí (UI - User Interface) pomocí deklarativních animací - tzv. Scroll Reveal efektů. Teoretická práce má za úkol zmapovat vhodné, zejména open-source JavaScriptové frameworky, jež jsou vhodné pro aplikaci požadovaných efektů. Výstupem praktické části je demo ukázka možností jednotlivých frameworků a dále integrace do open-source CMS systému WordPress
Annotation in English
This thesis deals with a very curren topic in the field of webdesign, which is the creation of a modern interactive user interface (UI - User Interface) using declarative animation - so called Scroll Reveal effects. Theoretical work is to find out a suitable, especially open-source JavaScript frameworks, which are suitable for applying the desired effects. The out-put of the practical part is a demonstration of options for each frame-work and also integration into the open-source CMS WordPress.
Nastudujte problematiku Scroll Reveal efektů a popište základní principy.
Vyhledejte a srovnejte dostupné knihovny pro tvorbu Scroll Reveal efektů.
Pomocí vybrané knihovny implementujte pro open-souce platformu Wordpress plugin, umožňující použití Scroll Reveal efektů na uživatelské úrovni.
Vytvořte zkušební web s demonstrací jednotlivých efektů, obsahující také dokumentaci pluginu.
Diskutujte možnosti či omezení vytvořeného řešení z hlediska nasazení v mobilních prohlížečích.
Research Plan
Nastudujte problematiku Scroll Reveal efektů a popište základní principy.
Vyhledejte a srovnejte dostupné knihovny pro tvorbu Scroll Reveal efektů.
Pomocí vybrané knihovny implementujte pro open-souce platformu Wordpress plugin, umožňující použití Scroll Reveal efektů na uživatelské úrovni.
Vytvořte zkušební web s demonstrací jednotlivých efektů, obsahující také dokumentaci pluginu.
Diskutujte možnosti či omezení vytvořeného řešení z hlediska nasazení v mobilních prohlížečích.
Recommended resources
ODELL, Den. JavaScript: průvodce programováním ajaxových aplikací. Vyd. 1. Brno: Computer Press, 2010, 368 s. ISBN 978-80-251-2733-9.
THAU, Dave. Velký průvodce JavaScriptem: tvorba interaktivních webových stránek v praxi. 1. vyd. Praha: Grada, 2009, 516 s. ISBN 978-80-247-2211-5.
KUDLÁČEK, Lubomír. WordPress: podrobný průvodce tvorbou a správou webů. Vyd. 1. Brno: Computer Press, 2010, 261 s. ISBN 978-80-251-2734-6.
CASTRO, Elizabeth a Bruce HYSLOP. HTML5 a CSS3: názorný průvodce tvorbou WWW stránek. 1. vyd. Brno: Computer Press, 2012, 439 s. ISBN 978-80-251-3733-8.
ScrollReveal.js: Easily reveal elements as they enter the viewport. \matsymb{lbrack}online\matsymb{rbrack}. 2014 \matsymb{lbrack}cit. 2015-02-02\matsymb{rbrack}. Dostupné z: http://scrollrevealjs.org/
Infinite Scroll \matsymb{lbrack}online\matsymb{rbrack}. 2008 \matsymb{lbrack}cit. 2015-02-02\matsymb{rbrack}. Dostupné z: http://www.infinite-scroll.com/
Recommended resources
ODELL, Den. JavaScript: průvodce programováním ajaxových aplikací. Vyd. 1. Brno: Computer Press, 2010, 368 s. ISBN 978-80-251-2733-9.
THAU, Dave. Velký průvodce JavaScriptem: tvorba interaktivních webových stránek v praxi. 1. vyd. Praha: Grada, 2009, 516 s. ISBN 978-80-247-2211-5.
KUDLÁČEK, Lubomír. WordPress: podrobný průvodce tvorbou a správou webů. Vyd. 1. Brno: Computer Press, 2010, 261 s. ISBN 978-80-251-2734-6.
CASTRO, Elizabeth a Bruce HYSLOP. HTML5 a CSS3: názorný průvodce tvorbou WWW stránek. 1. vyd. Brno: Computer Press, 2012, 439 s. ISBN 978-80-251-3733-8.
ScrollReveal.js: Easily reveal elements as they enter the viewport. \matsymb{lbrack}online\matsymb{rbrack}. 2014 \matsymb{lbrack}cit. 2015-02-02\matsymb{rbrack}. Dostupné z: http://scrollrevealjs.org/
Infinite Scroll \matsymb{lbrack}online\matsymb{rbrack}. 2008 \matsymb{lbrack}cit. 2015-02-02\matsymb{rbrack}. Dostupné z: http://www.infinite-scroll.com/
