Bakalářská práce se zabývá problematikou tvorby multimediálního interaktivního výukového prostředí komplexním návrhem aplikace, atraktivním designem a postupnou realizací prostřednictvím moderních webových technologií HTML5, CSS3 a JavaScriptu. V teoretické části je provedena rešerše výukových prostředí a přiblížení použitých technologií a programů pro vytvoření učebnice. Výsledek této práce bude sloužit jako středoškolská pomůcka pro výuku hardwaru.
Anotace v angličtině
This bachelor thesis deals with the issue of creating a multimedia interactive education interface the application layout, attractive design, and gradual development with the use of modern web technologies, namely the HTML5, CSS3, and JavaScript. In the theoretical part of the thesis, a research of educational interfaces is carried out, and a detailed description of the technologies and programs used in the development of the interface is provided. The output of this thesis will serve as an aid for teaching hardware at high-school level.
Klíčová slova
HTML5, CSS3, multimedia, PHP, JavaScript, webdesign, hardware, učebnice, časová osa
Bakalářská práce se zabývá problematikou tvorby multimediálního interaktivního výukového prostředí komplexním návrhem aplikace, atraktivním designem a postupnou realizací prostřednictvím moderních webových technologií HTML5, CSS3 a JavaScriptu. V teoretické části je provedena rešerše výukových prostředí a přiblížení použitých technologií a programů pro vytvoření učebnice. Výsledek této práce bude sloužit jako středoškolská pomůcka pro výuku hardwaru.
Anotace v angličtině
This bachelor thesis deals with the issue of creating a multimedia interactive education interface the application layout, attractive design, and gradual development with the use of modern web technologies, namely the HTML5, CSS3, and JavaScript. In the theoretical part of the thesis, a research of educational interfaces is carried out, and a detailed description of the technologies and programs used in the development of the interface is provided. The output of this thesis will serve as an aid for teaching hardware at high-school level.
Klíčová slova
HTML5, CSS3, multimedia, PHP, JavaScript, webdesign, hardware, učebnice, časová osa
Bakalářská práce bude zpracována jako multimediální interaktivní učebnice hardwaru určená pro potřeby výuky hardwarového vybavení počítače, jeho struktuře a funkcemi, parametry a principy vzhledem k časovému sledu.
Teoretická část:
- Provést rešerši výukových prostředí podporující multimediální technologie s cílem usnadnit a názorně vysvětlit látku.
- Provést analýzu a přehled použitelných technologií splňující podmínky přenositelnosti (portable applications), validity a platnosti licenčních podmínek.
- Vytvořit návrh několika možností aplikačního řešení pro vytvoření multimediální učebnice zaměřené na oblast hardwarového vybavení počítače:
- Skříně počítačů, základní desky, procesory, paměťové součástky, grafické karty, zvukové karty, síťové karty a modemy, řadiče a karty pro vstup/výstup, pevné disky, vstupní zařízení, výstupní zařízení.
Implementační část:
- Realizace výsledného návrhu aplikace využívající multimediální prvky, která bude přehledně uspořádaná s možnostmi:
- Správy databáze multimediálních dat (doplňování, odstraňování, atd.).
- Možnost popisu dat a tvorby hypertextových odkazů.
- Zobrazování a manipulace s multimediálními formáty (přehrávání video, audio a flash souborů).
- Zobrazování a manipulace s obrazovými formáty (zvětšování a zmenšování, posun po obraze, listování dopředu a dozadu, podpora s možností kreslícího pera a zvýrazňovače).
- Zobrazování a manipulace s formátem PDF.
- Prohlížení hardwarových komponent podle hierarchického uspořádáni.
- Prohlížení hardwarových komponent podle chronologického hlediska.
- Pro vytvoření aplikace budou využity multimediální, databázové a webové technologie.
- Aplikace se otestuje na multimediální ukázce.
Zásady pro vypracování
Bakalářská práce bude zpracována jako multimediální interaktivní učebnice hardwaru určená pro potřeby výuky hardwarového vybavení počítače, jeho struktuře a funkcemi, parametry a principy vzhledem k časovému sledu.
Teoretická část:
- Provést rešerši výukových prostředí podporující multimediální technologie s cílem usnadnit a názorně vysvětlit látku.
- Provést analýzu a přehled použitelných technologií splňující podmínky přenositelnosti (portable applications), validity a platnosti licenčních podmínek.
- Vytvořit návrh několika možností aplikačního řešení pro vytvoření multimediální učebnice zaměřené na oblast hardwarového vybavení počítače:
- Skříně počítačů, základní desky, procesory, paměťové součástky, grafické karty, zvukové karty, síťové karty a modemy, řadiče a karty pro vstup/výstup, pevné disky, vstupní zařízení, výstupní zařízení.
Implementační část:
- Realizace výsledného návrhu aplikace využívající multimediální prvky, která bude přehledně uspořádaná s možnostmi:
- Správy databáze multimediálních dat (doplňování, odstraňování, atd.).
- Možnost popisu dat a tvorby hypertextových odkazů.
- Zobrazování a manipulace s multimediálními formáty (přehrávání video, audio a flash souborů).
- Zobrazování a manipulace s obrazovými formáty (zvětšování a zmenšování, posun po obraze, listování dopředu a dozadu, podpora s možností kreslícího pera a zvýrazňovače).
- Zobrazování a manipulace s formátem PDF.
- Prohlížení hardwarových komponent podle hierarchického uspořádáni.
- Prohlížení hardwarových komponent podle chronologického hlediska.
- Pro vytvoření aplikace budou využity multimediální, databázové a webové technologie.
- Aplikace se otestuje na multimediální ukázce.
Seznam doporučené literatury
o SUEHRING, Steve. JavaScript krok za krokem. Praha, Computer Press, 2008
o DRIFT, Jeff, LLOYD, Ian, RUBIN, Dan. Mistrovství v CSS, Pokročilé techniky pro webové designéry a vývojáře. Praha, Computer Press, 2007
o HAUSER, Marianne, HAUSER, Tobias, WENZ, Christian. HTML a CSS, Velká kniha řešení. Praha, Computer Press, 2006
o POWELL, Thomas A. Web design, Kompletní průvodce. Praha, Computer Press, 2004
o Přenosné aplikace (portable applications) [online]. Dostupné z: http://portable.own.cz/
o Validátor XHTML a HTML [online]. Dostupné z: http://validator.w3.cz/
o Hardware [online]. Dostupné z: http://hardware.najd.cz/
o Muzeum [online]. Dostupné z: http://pcmuzeum.cz/
Seznam doporučené literatury
o SUEHRING, Steve. JavaScript krok za krokem. Praha, Computer Press, 2008
o DRIFT, Jeff, LLOYD, Ian, RUBIN, Dan. Mistrovství v CSS, Pokročilé techniky pro webové designéry a vývojáře. Praha, Computer Press, 2007
o HAUSER, Marianne, HAUSER, Tobias, WENZ, Christian. HTML a CSS, Velká kniha řešení. Praha, Computer Press, 2006
o POWELL, Thomas A. Web design, Kompletní průvodce. Praha, Computer Press, 2004
o Přenosné aplikace (portable applications) [online]. Dostupné z: http://portable.own.cz/
o Validátor XHTML a HTML [online]. Dostupné z: http://validator.w3.cz/
o Hardware [online]. Dostupné z: http://hardware.najd.cz/
o Muzeum [online]. Dostupné z: http://pcmuzeum.cz/
Přílohy volně vložené
1 CD ROM
Přílohy vázané v práci
ilustrace, schémata, tabulky
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Bakalářská práce se zabývá problematikou tvorby multimediálního interaktivního výukového prostředí. Dle vedoucího práce byla naplněna teoretická i praktická část zadání. Text je logicky členěn do navazujících kapitol, stylisticky je v pořádku. Výsledná aplikace je funkční a použitelná v praxi. Práce je přehledně zpracovaná, bude sloužit ke vzdělávacím účelům. Autor správně odpověděl na dotazy vedoucího práce a ostatních členů komise. Jediná výtka ze strany komise byla k citacím uváděným v bakalářské práci. Komise ohodnotila bakalářskou práci stupněm výborně.