Tato diplomová práce se zaměřuje na tvorbu webové aplikace pro výukové účely v PHP frameworku Laravel a Javascript frameworku Vue. Nejprve je představen vývojový framework Laravel, jeho struktura i základní nástroje a dále je pozornost věnována technologii Vue, jejímu systému komponent a také ekosystému tohoto frameworku. Práce uvádí základní možnosti vývoje webových aplikací a srovnává rozdíly mezi nimi. Mimo jiné je i část věnována klíčovému zabezpečení webových aplikací. Teoretická část se zaměřuje také na výukové materiály a jejich význam pro výuku. Dále se věnuje tvorbě, funkcím a struktuře moderního didaktického průvodce. V praktické části je nejprve popsán návrh modelové aplikace, uživatelského rozhraní a databáze. Následně je shrnuta příprava vývojového pro-středí a počáteční vytvoření projektu. Proces vývoje a implementace aplikace je popsán tak, aby praktická část sloužila jako didaktický průvodce tvorbou webové aplikace. Závěr práce je věnován testování funkcionality aplikace tvořící nezbytnou součást při vývoji.
Anotace v angličtině
This Master's thesis focuses on creating a web application for educational purposes in the PHP framework Laravel and the JavaScript framework Vue. The thesis presents the development framework Laravel, its structure, essential tools, and attention is also paid to Vue technology, its system of components, and its ecosystem. The thesis presents the fundamental possibilities of web application development and compares differences between them. Furthermore, a specific section is dedicated to the critical security of web applications. The theoretical part also focuses on teaching materials and their importance for educating, especially on the creation, function, and structure of a modern didactic guide. The practical part describes the design of a model application, user interface, and its database. The preparation of the development environment and the initial creation of the project are also summarized. The process of application development and implementation is described so that the practical part serves as a didactic guide to creating a web application. Besides, the thesis's conclusion is also focused on testing the application's functionality, which is a necessary part of every development process.
Laravel, Vue, security, web application, implementation, framework
Rozsah průvodní práce
80
Jazyk
CZ
Anotace
Tato diplomová práce se zaměřuje na tvorbu webové aplikace pro výukové účely v PHP frameworku Laravel a Javascript frameworku Vue. Nejprve je představen vývojový framework Laravel, jeho struktura i základní nástroje a dále je pozornost věnována technologii Vue, jejímu systému komponent a také ekosystému tohoto frameworku. Práce uvádí základní možnosti vývoje webových aplikací a srovnává rozdíly mezi nimi. Mimo jiné je i část věnována klíčovému zabezpečení webových aplikací. Teoretická část se zaměřuje také na výukové materiály a jejich význam pro výuku. Dále se věnuje tvorbě, funkcím a struktuře moderního didaktického průvodce. V praktické části je nejprve popsán návrh modelové aplikace, uživatelského rozhraní a databáze. Následně je shrnuta příprava vývojového pro-středí a počáteční vytvoření projektu. Proces vývoje a implementace aplikace je popsán tak, aby praktická část sloužila jako didaktický průvodce tvorbou webové aplikace. Závěr práce je věnován testování funkcionality aplikace tvořící nezbytnou součást při vývoji.
Anotace v angličtině
This Master's thesis focuses on creating a web application for educational purposes in the PHP framework Laravel and the JavaScript framework Vue. The thesis presents the development framework Laravel, its structure, essential tools, and attention is also paid to Vue technology, its system of components, and its ecosystem. The thesis presents the fundamental possibilities of web application development and compares differences between them. Furthermore, a specific section is dedicated to the critical security of web applications. The theoretical part also focuses on teaching materials and their importance for educating, especially on the creation, function, and structure of a modern didactic guide. The practical part describes the design of a model application, user interface, and its database. The preparation of the development environment and the initial creation of the project are also summarized. The process of application development and implementation is described so that the practical part serves as a didactic guide to creating a web application. Besides, the thesis's conclusion is also focused on testing the application's functionality, which is a necessary part of every development process.
SULLIVAN, Brian. Web Application Security, A Beginner’s Guide. McGraw Hill Professional, 2011. ISBN 9780071776127
DJIRDEH, Hassan. Fullstack Vue: The Complete Guide to Vue.js. CreateSpace Independent Publishing Platform, 2020. ISBN 9781987595291
MIKOWSKI, Michael. Single Page Web Applications: JavaScript end-to-end. Manning Publications. 2013. ISBN 9781617290756
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 nejprve seznámil komisi s výsledky své diplomové práce. Poté byly prezentovány posudky vedoucího a oponenta.
Následně byla vedena rozprava, během které byly položeny následující otázky a komentáře:
Práce poskytuje ucelený a dobře strukturovaný materiál, který může sloužit jako primární
informační zdroj k výuce programování moderních webových aplikací. Podobný materiál, takto
aktuální, komplexní a takového rozsahu, není v tuzemsku v současné době dostupný. Zároveň je
vybrán vhodný případ užití, který demonstruje kroky návrhu aplikace od počátečního nastavení
projektu, přes obsluhu požadavků, až po práci s JavaScript frameworkem Vue.js, vhodným pro
návrh dynamického uživatelského rozhraní. Autor neopominul ani velmi důležité testování
zdrojového kódu. (dr. Vala)
Prováděl jste nějaká průběžná případně finální ověřování Vašeho didaktického průvodce ve
spolupráci s potenciálními učiteli/studenty? Pokud ano, s jakou odezvou? Samotný text práce je srozumitelný a neobsahuje větší pravopisné prohřešky. Jediná výtka by byla
k obsahové nesrovnalosti na místě, kde autor uvádí v popisu složky feature a unit, přičemž
v následujícím popisu se na jednu z nich odkáže slovy ?první jmenovaný? a poté uvede popis, který
odpovídá druhému jmenovanému. Zjevně tedy došlo k nechtěnému přehození pořadí
vysvětlovaných položek. (dr. Švejda)
Máte zkušenosti s jiným frameworkem? Aplikaci jste si vymyslel sám nebo to byl dle nějakého zadání? (doc. Vojtěšek)
Student reagoval a všechny dotazy správně zodpověděl.