ZVYŠOVÁNÍ ODBORNÝCH KOMPETENCÍ AKADEMICKÝCH PRACOVNÍKŮ OSTRAVSKÉ UNIVERZITY V OSTRAVĚ A SLEZSKÉ UNIVERZITY V OPAVĚ Moderní techniky vývoje webových aplikací Bogdan Walek
ÚVOD DO PROBLEMATIKY V oblasti tvorby webových stránek existuje mnoho postupů, technik a technologií, které lze k vytváření webu použít Kromě toho se stále vyvíjí webové prohlížeče a způsob, jakým jsou informace pomocí webu publikovány Cílem balíčku je zmapovat a popsat současné moderní přístupy a techniky, které se při vývoji webových aplikací používají s důrazem na jejich praktické využití 2
POPIS SOUČASNÉHO STAVU 3 V současné době existuje několik technologií, které se při vývoji moderních webových aplikací používají. Mezi ně patří zejména: Jazyk HTML5, Kaskádové styly CSS3, AJAX, jquery a jiné javascriptové frameworky, API pro práci s různými webovými aplikacemi a službami (Mapy.cz, Google Maps, Facebook, apod.). Při vývoji moderních webových aplikací je důraz kladen na jednoduchost, uživatelskou přístupnost a použitelnost, sémantický obsah a rychlost načítání webových stránek
NOVINKY A TRENDY V OBLASTI Novinkou v oblasti zobrazení webu ve webových prohlížečů je stále větší podpora jazyka HTML5 a kaskádových stylů CSS3, což by mělo vést ke sjednocení zobrazení webových stránek v různých typech prohlížečů Aktuálním trendem je používání javascriptových frameworků pro práci s formuláři, obrázky a celkovou interaktivitu webu s uživatelem Stále více se prosazuje používání technologie AJAX, která asynchronně načítá části webové stránky, čímž umožňuje rychlejší načítání webových stránek a snížení objemu přenesených dat 4
METODY APLIKACE DO PRAXE Jazyk HTML5, který slouží k tvorbě jednotlivých částí stránky přináší nově tyto možnosti: uživatelská přívětivost lepší práce s formuláři, díky CSS3 lepší a propracovanější vzhled elementů, jednodušší práce s multimédií vlastní přehrávače audio a video souborů, offline webové aplikace možnost vytvoření omezené verze webové aplikace přístupné i pokud je uživatel offline, podpora sémantického webu, vyspělejší podpora vykreslování grafických prvků pomocí SVG nebo Canvas. 5
METODY APLIKACE DO PRAXE 6 Pro interakci s uživatelem, tvorbu efektů, animací, položek menu, záložek, práci s obrázky a formuláři se v současné době používá několik javascriptových frameworků: jquery, Dojo, ExtJS, AngularJ, GoogleWebToolkit, Mootools a další. Frameworky usnadňují samotný vývoj webových aplikací a řeší případné odlišnosti zobrazení v různých webových prohlížečích
SHRNUTÍ V rámci balíčku byl vytvořen souhrn současných moderních technik, které se při vývoji webových aplikací používají Praktické využití moderních technik a postupů bylo znázorněno na konkrétních příkladech Byla vytvořena studijní opora v rozsahu 90 stran Obsah balíčku byl lektorován v rámci 5 workshopů konaných v průběhu června 2013 Bylo vytvořeno e-learningové prostředí v systému Moodle, jehož součástí byly materiály a korespondenční úkoly 7
OVĚŘENÍ DOSAŽENÝCH OČEKÁVÁNÍ Balíček byl ověřen na skupině 11 studentů a 2 akademických pracovníků Studenti získali teoretické i praktické vědomosti v oblasti vývoje moderních webých aplikací Získané poznatky byly v rámci provedených workshopů prakticky aplikované na konkrétní webové aplikace vytvářené v průběhu workshopů Získané znalosti jsou přímo využitelné v praxi při vytváření moderních webových stránek a aplikací 8
PŘÍNOS ŘEŠENÍ BALÍČKU Přínos balíčku spočívá v komplexním shrnutí současných technik a postupů pro vytváření webových stránek Získané znalosti v oblasti jazyka HTML5, kaskádových stylů CSS3, jquery a jiných javascriptových frameworků, použití API známých webových aplikací a služeb jsou jednoduše využitelné v praxi Přínos balíčku a získaných vědomostí byl také pozitivně hodnocen v průběhu evaluace balíčku studenty pomocí připravených dotazníků 9