Témou diplomovej práce bolo popísať JavaScriptové nástroje pre tvorbu front-endovej časti webovej aplikácie, ako aj nástroje pracujúce s grafickým formátom SVG. Hlavným cieľom bolo vybrať vhodné nástroje a implementovať dynamický rezervačný systém s interaktívnym používateľským rozhraním, ktorý by bol modulárny a použiteľný v už existujúcich projektoch. Teoretická časť sa zaoberá popisom voľne dostupných JavaScriptových nástrojov určených pre tvorbu front-endu, ako aj popisom návrhového vzoru MVC, ktorý väčšina z nich používa. Taktiež sú tu popísané nástroje určené pre tvorbu a manipuláciu grafických útvarov formátu SVG. Praktická časť obsahuje návrh aplikácie, porovnanie SVG nástrojov a tiež návrh modulárnej štruktúry a možnosť znovu použitia aplikácie. Ďalej je v rámci praktickej časti popísaný výber vhodných nástrojov, implementácia a publikácia výslednej aplikácie.
Anotace v angličtině
The topic of the diploma thesis was to describe JavaScript tools for creating a front-end part of a web application, as well as tools working with the SVG graphic format. The main goal was to select suitable tools and implement a dynamic reservation system with an interactive user interface, that would be modular and usable in existing projects. The theoretical part deals with the description of freely available JavaScript tools for creating a front-end, as well as a description of the MVC design pattern, which most of them use. Tools for creating and manipulating SVG graphics are also described here. The practical part contains the design of the application, comparison of SVG tools
and also the design of a modular structure and the possibility of reusing the application. Furthermore, the practical part describes the selection of suitable tools, implementation and publication of the final application.
Klíčová slova
SVG, rezervačný systém, webová aplikácia, JavaScript framework
Klíčová slova v angličtině
SVG, reservation system, web application, JavaScript framework
Rozsah průvodní práce
71 s. (86 394 znakov)
Jazyk
SK
Anotace
Témou diplomovej práce bolo popísať JavaScriptové nástroje pre tvorbu front-endovej časti webovej aplikácie, ako aj nástroje pracujúce s grafickým formátom SVG. Hlavným cieľom bolo vybrať vhodné nástroje a implementovať dynamický rezervačný systém s interaktívnym používateľským rozhraním, ktorý by bol modulárny a použiteľný v už existujúcich projektoch. Teoretická časť sa zaoberá popisom voľne dostupných JavaScriptových nástrojov určených pre tvorbu front-endu, ako aj popisom návrhového vzoru MVC, ktorý väčšina z nich používa. Taktiež sú tu popísané nástroje určené pre tvorbu a manipuláciu grafických útvarov formátu SVG. Praktická časť obsahuje návrh aplikácie, porovnanie SVG nástrojov a tiež návrh modulárnej štruktúry a možnosť znovu použitia aplikácie. Ďalej je v rámci praktickej časti popísaný výber vhodných nástrojov, implementácia a publikácia výslednej aplikácie.
Anotace v angličtině
The topic of the diploma thesis was to describe JavaScript tools for creating a front-end part of a web application, as well as tools working with the SVG graphic format. The main goal was to select suitable tools and implement a dynamic reservation system with an interactive user interface, that would be modular and usable in existing projects. The theoretical part deals with the description of freely available JavaScript tools for creating a front-end, as well as a description of the MVC design pattern, which most of them use. Tools for creating and manipulating SVG graphics are also described here. The practical part contains the design of the application, comparison of SVG tools
and also the design of a modular structure and the possibility of reusing the application. Furthermore, the practical part describes the selection of suitable tools, implementation and publication of the final application.
Klíčová slova
SVG, rezervačný systém, webová aplikácia, JavaScript framework
Klíčová slova v angličtině
SVG, reservation system, web application, JavaScript framework
Zásady pro vypracování
Prostudujte a popište některé dostupné JavaScript nástroje vhodné pro návrh moderního interaktivního uživatelského prostředí webové aplikace.
Zaměřte se také na nástroje umožňující návrh nestandardního uživatelského prostředí napřílad s využitím grafického formátu SVG, provnejte je a uveďte vhodné způsoby aplikace.
Vyberte některý z popsaných nástrojů pro praktickou implementaci interaktivního rozhraní, jako je například rezervační systém kina. Zabývejte se způsobem vizualizace míst k sezení či rezervaci.
Teoreticky navrhněte aplikaci dle zvoleného a popsaného případu užití.
Dle návrhu proveďte implementaci funkční aplikace, přičemž se zaměřte zejména na provedení uživatelského rozhraní.
Zásady pro vypracování
Prostudujte a popište některé dostupné JavaScript nástroje vhodné pro návrh moderního interaktivního uživatelského prostředí webové aplikace.
Zaměřte se také na nástroje umožňující návrh nestandardního uživatelského prostředí napřílad s využitím grafického formátu SVG, provnejte je a uveďte vhodné způsoby aplikace.
Vyberte některý z popsaných nástrojů pro praktickou implementaci interaktivního rozhraní, jako je například rezervační systém kina. Zabývejte se způsobem vizualizace míst k sezení či rezervaci.
Teoreticky navrhněte aplikaci dle zvoleného a popsaného případu užití.
Dle návrhu proveďte implementaci funkční aplikace, přičemž se zaměřte zejména na provedení uživatelského rozhraní.
Seznam doporučené literatury
PEARLMAN, Ellen a Lorien HOUSE. SVG for web developers. Upper Saddle River (New Jersey): Prentice Hall PTR, 2003. ISBN 978-0-13-100499-3.
HAVERBEKE, Marijn. Eloquent Javascript: a modern introduction to programming. San Francisco: No Starch Press, 2011. ISBN 978-1-59327-282-1.
DUCKETT, Jon. HTML & CSS: design and build websites. Indianapolis: John Wiley, 2011. ISBN 978-1-118-00818-8.
KUMAR, Dhananjay. Angular Essentials: The Essential Guide to Learn Angular. New Delhi: BPB Publications, 2019. ISBN 978-93-88511-24-7.
YAHIAOUI, Houssem. Firebase Cookbook: Over 70 recipes to help you create real-time web and mobile applications with Firebase. Birmingham: Packt Publishing, 2017. ISBN 978-1-78829-239-9.
FREEMAN, Adam. Essential TypeScript: From Beginner to Pro. New York: Apress, 2019. ISBN 978-1-4842-4979-6.
LARSEN, Rob. Beginning HTML and CSS. Hoboken (New Jersey): John Wiley, 2013. ISBN 978-1-118-41651-8.
EISENBERG, J.David. SVG Essentials: Producing Scalable Vector Graphics with XML. Sebastopol (Kalifornia): O'Reilly Media, 2002. ISBN 978-0-596-00223-7.
Seznam doporučené literatury
PEARLMAN, Ellen a Lorien HOUSE. SVG for web developers. Upper Saddle River (New Jersey): Prentice Hall PTR, 2003. ISBN 978-0-13-100499-3.
HAVERBEKE, Marijn. Eloquent Javascript: a modern introduction to programming. San Francisco: No Starch Press, 2011. ISBN 978-1-59327-282-1.
DUCKETT, Jon. HTML & CSS: design and build websites. Indianapolis: John Wiley, 2011. ISBN 978-1-118-00818-8.
KUMAR, Dhananjay. Angular Essentials: The Essential Guide to Learn Angular. New Delhi: BPB Publications, 2019. ISBN 978-93-88511-24-7.
YAHIAOUI, Houssem. Firebase Cookbook: Over 70 recipes to help you create real-time web and mobile applications with Firebase. Birmingham: Packt Publishing, 2017. ISBN 978-1-78829-239-9.
FREEMAN, Adam. Essential TypeScript: From Beginner to Pro. New York: Apress, 2019. ISBN 978-1-4842-4979-6.
LARSEN, Rob. Beginning HTML and CSS. Hoboken (New Jersey): John Wiley, 2013. ISBN 978-1-118-41651-8.
EISENBERG, J.David. SVG Essentials: Producing Scalable Vector Graphics with XML. Sebastopol (Kalifornia): O'Reilly Media, 2002. ISBN 978-0-596-00223-7.
Přílohy volně vložené
1 CD
Přílohy vázané v práci
-
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Student odprezentoval svou prezentace, vedoucí přečetl posudky a student odpověděl na všechny dotazy vedoucího/oponenta.
Komise měla následující dotazy:
doc. Šilhavý - Vy vždycky vytvářite datovou strukturu pro každé sedadlo samostatně ?
doc. Šilhavý - V případě že velikost prostoru bude O2 aréna ? Nebude to problém ? Lze velikost v základu definovat ?
doc. Šenkeřík - Který z frameworků pro grafický formát, které jste rozebíral, vám vychází nejlépe ?
doc. Šenkeřík - Jak osobně hodnotíte JavaSkript a jak byste hodnotil jeho vlastnosti dle výhod/nevýhod a jejich vnímání komunitou ?