Cílem diplomové práce je demonstrovat postupy pro tvorbu grafického rozhraní a šablon v Elementor a Elementor Pro a jejich možné využití při výuce webových stránek. Praktickým výstupem bude plugin sloužící k upravení a rozšíření stávajících Elementor Widgetů a také bude zveřejněn ke stažení na GitHub. Součástí výstupu bude také popis postupů pro vytvoření základních grafických prvků jako je Header, Footer, tělo stránky (šablony) a práce se základními Widgety pluginu Elementor.
Anotace v angličtině
The goal of the diploma thesis is to demonstrate the procedures for creating graphical interfaces and templates in Elementor and Elementor Pro and their possible use in web design lessons. The practical output will be a plugin used to modify and extend existing Elementor Widgets and the plugin will be published for download on GitHub. The output will also include a description of the procedures for creating basic graphic elements such as Header, Footer, page body (templates) and working with the basic Widgets of the Elementor plugin.
Klíčová slova
Elementor, WordPress, redakční systém, UI/UX, web, učitelství
Klíčová slova v angličtině
Elementor, WordPress, cms, UI/UX, web, teaching
Rozsah průvodní práce
75 s. (99 705 znaků)
Jazyk
CZ
Anotace
Cílem diplomové práce je demonstrovat postupy pro tvorbu grafického rozhraní a šablon v Elementor a Elementor Pro a jejich možné využití při výuce webových stránek. Praktickým výstupem bude plugin sloužící k upravení a rozšíření stávajících Elementor Widgetů a také bude zveřejněn ke stažení na GitHub. Součástí výstupu bude také popis postupů pro vytvoření základních grafických prvků jako je Header, Footer, tělo stránky (šablony) a práce se základními Widgety pluginu Elementor.
Anotace v angličtině
The goal of the diploma thesis is to demonstrate the procedures for creating graphical interfaces and templates in Elementor and Elementor Pro and their possible use in web design lessons. The practical output will be a plugin used to modify and extend existing Elementor Widgets and the plugin will be published for download on GitHub. The output will also include a description of the procedures for creating basic graphic elements such as Header, Footer, page body (templates) and working with the basic Widgets of the Elementor plugin.
Klíčová slova
Elementor, WordPress, redakční systém, UI/UX, web, učitelství
Klíčová slova v angličtině
Elementor, WordPress, cms, UI/UX, web, teaching
Zásady pro vypracování
Prostudujte a stručně představte redakční systém (CMS) Wordpress.
Popište hlavní možnosti jeho úprav promocí šablon, pluginů a dalších možností customizace.
Seznamte se s pluginy Elementor a Elementor PRO a popište jejich hlavní funkcionalitu.
V rámci praktické části popište způsob návrhu webu pomocí CMS Wordpress a pluginu Elementor na vybraný způsob užití.
Navrhněte a implementujte vlastní plugin sloužící k úpravě či rozšíření stávajících Elementor widgetů.
Zásady pro vypracování
Prostudujte a stručně představte redakční systém (CMS) Wordpress.
Popište hlavní možnosti jeho úprav promocí šablon, pluginů a dalších možností customizace.
Seznamte se s pluginy Elementor a Elementor PRO a popište jejich hlavní funkcionalitu.
V rámci praktické části popište způsob návrhu webu pomocí CMS Wordpress a pluginu Elementor na vybraný způsob užití.
Navrhněte a implementujte vlastní plugin sloužící k úpravě či rozšíření stávajících Elementor widgetů.
Seznam doporučené literatury
MCNULTY, Scott. WordPress: efektivní publikování na webu. Brno: Zoner Press, 2009. Encyklopedie webdesignera. ISBN 9788074130427.
WILLIAMS, Brad. Professional WordPress : design and development. Third edition. Indianapolis: Wrox a Wiley Brand, 2015. ISBN 978-1-118-98724-7.
ŠESTÁKOVÁ, Lucie. WordPress: vlastní web bez programování. Brno: Computer Press, 2013. ISBN 9788025138328.
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:
Autor je zkušeným programátorem a k problému se staví inženýrským
způsobem, což je zřejmé i z použití dalších podpůrných nástrojů, jako je balíčkovací systém
composer, verzovací systém git či běhové prostředí Docker. Právě jeho zkušenost však možná vedla
k tomu, že text může být místy pro běžného středoškolského studenta hůře srozumitelný a bude
nutné si některé detailní informace samostatně dohledat. (dr. Vala)
Z obsahu textu je patrné, že autor probíranému tématu rozumí. Celkovou úroveň diplomové práce
však výrazně snižuje kvalita textu, který obsahuje poměrně velké množství pravopisných chyb
(překlepů, nesrozumitelných vět, nesprávně umístěné čárky ve větách apod.).Výstupy diplomové práce jsou využitelné pro
pedagogickou praxi na středních školách. (dr. Švejda)
Práce je cílena pro uživatele, kteří mají o problematiku zájem. Vidíte to podobně?
Práce má některé části, které je nutné, aby byly srozumitelnější, např. pomocí vysvětlivek. (prof. Jašek)
Co vás vedlo ke studiu učitelství, budete učit ve škole? (doc. Vojtěšek)
Práce más učitelstvím málo společného. (dr. Klimecká)
Já práci chápu jako metodiku. (dr. Sysala)
Během projevu používáte někdy nevhodná slova pro budoucího učitele. (doc. Vojtěšek)
V práci jsem viděl nedostatek didaktické části, ale autor vysvětluje krok po kroku postupy pro výuku
webových technologií (dr. Vala)
Student na všechny dotazy reagoval a všechny dotazy správně zodpověděl. Komise diskutovala didaktický přístup v práci a komise
se shodla, že práce splňuje požadavky oboru. Praktická část je připravena formou návodu, který je
využitelný v pedagogické praxi.