Bakalářská práce - PDF

OSTRAVSKÁ UNIVERZITA V OSTRAVĚ
PEDAGOGICKÁ FAKULTA
KATEDRA INFORMAČNÍCH A KOMUNIKAČNÍCH TECHNOLOGIÍ
Multimediální zpěvník pro 2. stupeň ZŠ
BAKALÁŘSKÁ PRÁCE
Autor práce:
Jonáš Talach
Vedoucí práce: Ing. Aleš Oujezdský, Ph.D.
2010
UNIVERSITY OF OSTRAVA
PEDAGOGICAL FACULTY
DEPARTMENT OF INFORMATION AND COMMUNICATION
TECHNOLOGIES
Multimedia songbook for the 2nd grade
primary school
BACHELOR THESIS
Author:
Supervisor:
Jonáš Talach
Ing. Aleš Oujezdský, Ph.D.
2010
ABSTRAKT
Předmětem bakalářské práce je vytvoření multimediální pomůcky pro zjednodušení a
zkvalitnění práce učitele při hodině hudební výchovy. Pouţitím pomůcky odpadá nutnost
klasického instrumentálního doprovodu. Hodina se stává důslednější díky přímému
kontaktu učitele s ţáky a zároveň zábavnější, přičemţ jsou vyuţity prvky karaoke.
Multimediální zpěvník je primárně určen pro druhý stupeň ZŠ, ovšem zastoupení písní je
takové, ţe jej je moţné pouţít i ve vyšších ročnících prvního stupně ZŠ.
Klíčová slova
zpěvník, karaoke, MIDI, písnička, notace
ABSTRACT
The main aim of this bachelor thesis is creating a multimedia aid for simplification and
improvement of teaching Music in schools. In spite of this there is no need of classic
instrumental accompaniment. Music lessons become more efficient and also more enjoy
able. Because of the direct contact between teachers and their students where as karaoke
components are used. The Multimedia songbook is mainly intended for secondary school,
but due to great variety of different songs we can use it also for primary school students.
Keyword
songbook, karaoke, MIDI, song, notation
Poděkování
Chtěl bych poděkovat všem, kteří mi při vytváření bakalářské práce poskytli informace,
odborné rady a dodali zpětnou vazbu. Poděkování patří především vedoucímu práce panu Ing.
Aleši Oujezdskému, Ph.D. za cenné rady a odbornou pomoc. Dále bych chtěl poděkovat slečně
Renátě Hankové za nazpívání písniček a odborné rady ohledně jejich zpracování. Poděkování
si také zaslouţí pan Jakub Mezírka, učitel hudební výchovy ze základní školy Odstrčilova v
Ostravě, kde byla bakalářské práce testována.
Prohlašuji, ţe předloţená práce je mým původním autorským dílem, které jsem
vypracoval/a samostatně. Veškerou literaturu a další zdroje, z nichţ jsem při zpracování
čerpal/a, v práci řádně cituji a jsou uvedeny v seznamu pouţité literatury.
V Ostravě dne . . . . . . . . . . . .
..................
(podpis)
OBSAH
ÚVOD .................................................................................................................................... 9
1
ANALÝZA ................................................................................................................ 11
1.1
Didaktické prostředky ................................................................................................ 11
1.1.1 Učební pomůcky......................................................................................................... 11
1.2
Analýza vzdělávacích potřeb...................................................................................... 11
1.3
Analýza uţivatelů ....................................................................................................... 12
1.4
Edukační cíle .............................................................................................................. 12
1.5
Systémové nároky ...................................................................................................... 12
1.5.1 Softwarové nároky ..................................................................................................... 12
1.5.2 Hardwarové nároky .................................................................................................... 13
1.5.3 Optimalizace ............................................................................................................... 13
2
NÁVRH ..................................................................................................................... 14
2.1
Obsah webu ................................................................................................................ 14
2.2
Vzhled webu ............................................................................................................... 16
2.2.1 Favicon ....................................................................................................................... 18
2.3
Výběr písní ................................................................................................................. 18
2.4
Pouţité technologie .................................................................................................... 19
2.4.1 XHTML ...................................................................................................................... 19
2.4.2 CSS ............................................................................................................................. 20
2.4.3 Adobe Flash ................................................................................................................ 20
2.4.4 Imagine ....................................................................................................................... 21
3
VÝVOJ ...................................................................................................................... 22
3.1
Schéma vývoje ........................................................................................................... 22
3.2
Notace písní ................................................................................................................ 22
3.2.1 Vývoj v Anvil studiu. ................................................................................................. 23
3.2.2 Vývoj v Capella Professional ..................................................................................... 24
3.3
Přehrávač MIDI souborů ............................................................................................ 26
3.3.1 Uţivatelské prostředí programu vanBasco Karaoke Player ....................................... 26
3.4
Adobe Flash ................................................................................................................ 27
3.5
Imagine ....................................................................................................................... 29
3.6
SMART Notebook ..................................................................................................... 30
3.7
Wink ........................................................................................................................... 30
3.8
Corel Paint Shop Pro .................................................................................................. 31
3.9
Webové rozhraní ........................................................................................................ 32
4
IMPLEMENTACE .................................................................................................. 33
4.1
Instalace zpěvníku ...................................................................................................... 33
4.2
Nasazení zpěvníku ...................................................................................................... 33
5
EVALUACE.............................................................................................................. 34
5.1
Zpětná vazba............................................................................................................... 34
5.1.1 Cíle zpětné vazby ....................................................................................................... 34
5.2
Dotazník ..................................................................................................................... 34
5.2.1 Dotazovaná skupina ................................................................................................... 34
5.2.2 Struktura dotazníku .................................................................................................... 34
5.2.3 Výsledky ..................................................................................................................... 35
5.3
Řešení problémů ......................................................................................................... 38
SEZNAM POUŽITÉ LITERATURY .............................................................................. 40
DOPLŇUJÍCÍ LITERATURA ......................................................................................... 41
SEZNAM POUŽITÝCH SYMBOLŮ .............................................................................. 42
SEZNAM OBRÁZKŮ ....................................................................................................... 43
SEZNAM GRAFŮ ............................................................................................................. 44
SEZNAM PŘÍLOH............................................................................................................ 45
PŘÍLOHA Č. 1 – DOTAZNÍK ......................................................................................... 46
ÚVOD
Školní učebny jsou stále častěji vybavovány moderními ICT technologiemi. Jedná se
především o projektory a interaktivní tabule, které mají většinou zabudovány i
reproduktory. Díky těmto technologiím se stává z běţné učebny, učebna multimediální. To
je výhodné pro pouţití výukových pomůcek. Tyto pomůcky mohou jednak zpříjemnit
výuku pedagoga a zároveň zprostředkovat ţákům zajímavější vyučovací hodinu.
V běţných hodinách hudební výchovy je učitel omezen pouţívat klasický instrumentální
doprovod písní. Také by měl být patřičný počet zpěvníků na učebně, tak aby mohla zpívat
celá třída podle not. Proto bylo zvoleno jako téma bakalářské práce vytvoření
multimediální pomůcky, která tato omezení eliminuje.
Cílem bakalářské je vytvoření multimediální pomůcky pro zjednodušení a zkvalitnění
práce učitele při hodině hudební výchovy. Pouţitím pomůcky odpadá nutnost klasického
instrumentálního doprovodu. Hodina se stává důslednější díky přímému kontaktu učitele s
ţáky a zároveň zábavnější, přičemţ jsou vyuţity prvky karaoke. Multimediální zpěvník je
primárně určen pro druhý stupeň ZŠ, ovšem zastoupení písní je takové, ţe jej je moţné
pouţít i ve vyšších ročnících prvního stupně ZŠ. Jsou obsaţeny písničky ze zpěvníků Já
písnička 1. – 4. díl.
Multimediální zpěvník je rozdělen do tří částí. První část, je zpěvník. Zde jsou zpracovány
písničky, doplněné o notový zápis s nazpívanou ukázkou. Ve druhé části je teorie, která je
vysvětluje princip zápisu a čtení not. Získané vědomosti si lze ověřit v testu. Třetí a
zároveň poslední částí jsou jednoduché cvičení a hry, pouţitelné právě na jiţ zmiňované
interaktivní tabuli.
Prezentačním prostředím pomůcky jsou webové stránky. Při jejím vývoji byl pouţit
programovací jazyk XHTML spolu s kaskádovými styly CSS. Multimediální prvky
vyuţívají technologie FLASH, Imagine, a MIDI karaoke soubory. Nechybí zde ani cvičení
pro interaktivní tabuli vytvořené ve SMART Notebook.
Multimediální zpěvník byl projektován podle modelu ADDIE. Tento model popisuje sadu
instrukcí pro tvorbu výukových pomůcek a obsahuje celkem pět fází. Aby program
vyhovoval modelu ADDIE měl by všechny fáze obsahovat. (1)
9
Fáze modelu ADDIE

Analýza (Analysis) – specifikace hlavních cílů, analýza cílové skupiny obsahu a
vzdělávací formy

Návrh (Design) – struktura kurzu a jeho návrh, stanovení obsahu

Vývoj (Develoment) – vývoj a programování multimediální pomůcky

Implementace (Implementation) – nasazení multimediální pomůcky do „ostrého“
provozu

Evaluace (Evaluation) – průběţné a závěrečné hodnocení, sledování výstupů
Jednotlivé kroky modelu ADDIE mají k ostatním vztah, který je znázorněn na obrázku.
ANALÝZA
IMPLEMENTACE
EVALUACE
NÁVRH
VÝVOJ
Obrázek 1 – model ADDIE1
1
Zdroj: Autor
10
1
ANALÝZA
Analýza je první a velmi zásadní kapitolou modelu ADDIE modelu. V této fázi se
stanovují hlavní mezníky a cíle práce.
1.1
Didaktické prostředky
Pojmem didaktické prostředky rozumíme jako didaktické zásady, prostředky pro
komunikaci, formy vyučování a učení se, které můţeme ve výchovně vzdělávacím procesu
vyuţít k dosaţení edukačního cíle. Tyto cíle můţeme chápat jako proces předávání
určitých stanovisek jednání a chování. Materiální prostředky jsou určeny pro bliţší vazbu s
obsahem vyučovacího procesu, které jej doplňují a spolupracují s ním. Tyto didaktické
metody, formy vyučování a učení se řadí mezi didaktické prostředky nemateriální. (1)
1.1.1 Učební pomůcky
Učební pomůcky jsou vytvářeny a navrhovány dle specifických nároků. Protoţe mají velké
moţnosti dalšího rozvoje a uplatnění, jsou v na pomyslné špičce materiálně didaktických
prostředků (MDP).
Výuka pomocí počítačů se řadí do kategorie CBT (Computer Based Training), coţ
znamená počítačem podporovaná výuka. Specifičtější skupinou je WBT (Web Based
Training), tedy výuka pomocí internetu.
1.2
Analýza vzdělávacích potřeb
Témata práce se zabývají výukou hudební výchovy. Jednotlivé části se zaměřují na
hudební teorii a písně. To odpovídá skutečnému pouţití v hodinách hudební výchovy na
základních školách. Tato pomůcka je konstruována tak, aby odpadla nutnost pouţití
klasického instrumentálního doprovodu v hodinách hudební výchovy. Teorie osvětluje
hudební pojmy, které je potřeba znát.
11
1.3
Analýza uţivatelů
Pomůcka je určena především ţákům základních škol, potaţmo jejich učitelům.
Primární vyuţití pomůcky je v hodinách hudební výchovy. Bude však moţno ji vyuţít i
pro samostudium. Proto je Multimediální zpěvník dostupný online na internetu, případně
jako offline verze na CD disku.
Od učitelů se předpokládá náklonnost k moderním technologiím a vybavenost učebny
moderní technikou, důleţitou pro provoz zpěvníku. Je nezbytné, aby měli ţáci o tuto formu
výuky dostatečný zájem a pomůcka tak plnila svůj účel.
1.4
Edukační cíle
Uţivatelé Multimediálního zpěvníku:

budou mít znalosti z hudební teorie

budou schopni zazpívat písně, bez klasického instrumentálního doprovodu

porozumí základním hudebním znalostem

budou schopni notově zapsat jednoduchou píseň
1.5
Systémové nároky
Webové stránky Multimediálního zpěvníku pro 2. stupeň ZŠ potřebují určité podmínky pro
svůj bezproblémový provoz. Proto musí být uţivatelské počítače vybaveny patřičným
softwarem a hardwarem.
1.5.1 Softwarové nároky
Hlavní výhodou Multimediálního zpěvníku je to, ţe je nezávislý na různých platformách.
To znamená, ţe se můţe spustit pod jakýmkoliv operačním systémem, a na jakémkoliv
zařízení (desktop PC, notebook, chytrý mobilní telefon).
Zpěvník obsahuje multimediální prvky. Proto se vyţaduje specializovaný software, který
se postará o korektní zobrazení všech multimediálních prvků.
12
Klient musí mít webový prohlíţeč, jenţ je schopen zobrazit internetové stránky specifikace
XHTML 1.0 včetně kaskádových stylů CSS. Pro zobrazení multimediálních prvků je
důleţité mít nainstalovanou aktuální verzi Adobe Flash Playeru. Pro další objekty na webu
bude nutno doinstalovat Imagine plug-in a SMART Notebook Viever.
1.5.2 Hardwarové nároky
Poţadavky na hardware splňují všechny moderní počítače a také chytré mobilní telefony.
Webové stránky budou zčásti statické, pro multimediální prvky postačí procesor
s minimální frekvencí 1 GHz. Operační paměť je závislá dle pouţitého operačního
systému. Minimální hodnota se doporučuje alespoň 512 MB paměti pro plynulý běh.
Integrovaná grafická karta postačuje na vykreslení grafické části stránky. Minimální
doporučené rozlišení monitoru je 1024 × 768 pixelů. Pro sviţné přehrávání zvukových stop
postačuje internetové připojení o rychlosti 1Mb/s.
1.5.3 Optimalizace
Na trhu existuje mnoho internetových prohlíţečů a kaţdý má jiné vykreslovací jádro. Mezi
nejrozšířenější patří Internet Explorer, Firefox, Google Chrome a v neposlední řadě Opera.
To znamená, ţe jen stěţí lze optimalizovat vzhled a chování webových stránek pro
všechny prohlíţeče, potaţmo jejich vykreslovací jádra. (2)
Ne na všech počítačích je nainstalován podpůrný software, který je důleţitý pro jejich plné
vyuţití. Proto bude potřeba doplňující programy jako je Adobe Flash Player, Imagine plugin doinstalovat.
13
2
NÁVRH
Kapitola návrh pojednává o struktuře webového prostředí včetně funkcí dostupných
uţivatelům pomůcky. Je zde uveden seznam písní, které jsou zpracovány pro
multimediální pomůcku. Poslední část návrhu popisuje pouţité programovací jazyky a
technologie.
2.1
Obsah webu
Multimediální
zpěvník
Úvod
Zpěvník
Teorie
Cvičení
O webu
vanBasco´s
Karaoke Player
Co je to nota
Skladatel hudby
Informace o
projektu
Písničky
Jména not
Cvičení ve
SMART
Notebook
Vedoucí práce
Notová osnova
Autor
Test
Doplňující
informace
Obrázek 2 - Schéma webu2
Úvod
Úvod seznamuje uţivatele s bakalářskou prací. K čemu slouţí a co je jejím cílem. Dále je
zde nástin jednotlivých kapitol s odkazy.
2
Zdroj: Autor
14
Zpěvník
V této části jsou odkazy na jednotlivé písničky a na karaoke přehrávač vanBasco´s
Karaoke Player.
Jednotlivé stránky písniček obsahují obrázek s notami a textem písně. Ve spodní části
stránky je tematický obrázek k dané skladbě.
Levá část obrazovky obsahuje flash přehrávač karaoke souboru a nazpívané písně. Také
jsou zde odkazy na jejich staţení a staţení not ve formátu PDF, nebo v obrázku s příponou
BMP.
Níţe jsou odkazy na další písně ze zpěvníku.
Stránka vanBasco´s Karaoke Player obsahuje informace o přehrávači – proč jej pouţít a
jaké jsou jeho výhody a také odkaz na jeho staţení. Dále je zde zpracovaný návod na
ovládání programu ve flashové animaci a v soboru PDF.
Obrázek 3 - Návod k vanBasco´s Karaoke Player3
Teorie
Tato část Multimediálního zpěvníku je věnovaná teoretické části.

3
Co je to nota – zde je vysvětleno co to nota je, jak vypadá a k čemu slouţí.
Zdroj: Autor
15

Jména not – tato část vysvětluje filozofii zápisu not.

Notová osnova – zde je vysvětleno co je to notová osnova, jak vypadá a k čemu ji
lze pouţít.

Test – test slouţí k ověření získaných znalostí z teorie. Je zpracován ve flash. Na
konci testu je vyhodnocení.
Cvičení
Stránka obsahuje hry a cvičení, které jsou důleţité pro rozvoj talentu.

Skladatel hudby – aplikace vytvořená v Imagine. Zde si lze sloţit píseň. Skladatel
obsahuje notovou stupnici a noty, včetně tlačítka na přehrání písně a změny délky
not.

Cvičení ve SMART Notebook - zde jsou 3 jednoduchá cvičení.
o V prvním cvičení je zapotřebí znát notovou osnovu a jednotlivé noty.
Úkolem je tyto noty seřadit na notové osnově, tak jak jdou po sobě.
Cvičení obsahuje i nápovědu pro zdárné řešení.
o Druhé cvičení je zapotřebí znát notovou osnovu a jednotlivé noty. Úkolem
je přepsat do not libovolnou píseň. V nápovědě jsou noty k písni "Vyletěla
holubička ze skály".
o Ve třetím cvičení je zapotřebí znát základní hudební nástroje, se kterými se
běţně seznámíte v hudební výchově. Úkolem je přiřadit názvy k hudebním
nástrojům.
O webu
V poslední části menu jsou k dispozici informace o projektu, vedoucím práce, autorovi
stránek, pouţitých materiálech, softwaru pouţitém při tvorbě a evaluačním dotazníku.
2.2
Vzhled webu
Grafický návrh webu kladl tyto podmínky:

jednoduchý a čistý design
16

přehledné uţivatelské rozhraní

nízký objem přenášených dat

CSS styl pro snadnou úpravu vzhledu
Byla vybrána šablona cleantype z webových stránek Free CSS Templates4.
Okno webových stránek je rozděleno do 4 částí.
1. část je hlavička – zde je název webu a menu stránek.
2. částí je levý navigační panel – ten obsahuje doplňující odkazy patřičné stránky.
3. část je hlavní okno programu – zde jsou všechny důleţité informace.
4. část je poslední – ukončuje webové stránky.
Obrázek 4 - Grafický návrh webu5
4
5
Zdroj: <http://www.freecsstemplates.org/>
Zdroj: Autor
17
2.2.1 Favicon
Favicon je ikona webu, která se zobrazuje v adresní části prohlíţeče, popř. na
záloţce panelu. Ikonou multimediálního zpěvníku byla zvolena nota v oranţovém pozadí.
Obrázek 5- Favicon6
2.3
Výběr písní
Multimediální zpěvník je primárně určen pro druhý stupeň ZŠ, ovšem zastoupení písní je
takové, ţe jej je moţné pouţít i ve vyšších ročnících prvního stupně ZŠ.
Jsou vybrány písně ze zpěvníků Já, písnička 1. - 4. díl, tak aby náročnost písní odpovídala
převáţně 2. stupni základní školy. Multimediální zpěvník obsahuje 35 písní, z toho je 16
lidových a zbytek umělých. Nejčetnější zastoupení písní je ze zpěvníků Já, písnička 1 a Já,
písnička 2. (3).
6
Zdroj: Autor
18
Obrázek 6 - Seznam písní7
2.4
Pouţité technologie
V multimediálním zpěvníku je pouţito několik programovacích jazyků. Jejich kombinace
umoţňuje to, aby design a funkčnost stránek byla optimalizována právě pro tyto jazyky a
kaţdý prvek stránek byl vytvořen v jazyku, který mu nejvíce sedí.
2.4.1 XHTML
Jazyk XHTML je pouţitý pro tvorbu stránek. XHTML - eXtensible Hyper Text Markup
Language je nadstavbou jazyka HTML, který se uţ delší dobu nevyvíjí a zůstal ve verzi
4.01.
7
Zdroj: Autor
19
Písmeno X na začátku, znamená, ţe se jedná o jeho rozšířenou verzi. Ve skutečnosti, ale
zjednodušuje jazyk XHTML.
Na webu je pouţita verze XHTML 1.0, která na rozdíl od jeho novější verze XHTML 1.1,
není tolik striktní.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1strict.dtd">
2.4.2 CSS
O grafický vzhled stránek se stará jazyk CSS - Cascading Style Sheets.
Kaskádové styly jsou jazykem, který popisuje způsob zobrazení napsaných v jazycích
HTML nebo XHTML a také XML.
Výhodou kaskádových stylů je to, ţe můţou na sebe vrstvit parametry, přičemţ platí vţdy
ten poslední.
Přes CSS styl je nadefinován vzhled celého webu.
<link href="default.css" rel="stylesheet"
type="text/css" />
2.4.3 Adobe Flash
Adobe Flash se v Multimediálním zpěvníku stará o přehrávání nazpívaných písní a karaoke
ukázek. Další vyuţití je ve vytvoření návodu k vanBasco´s Karaoke Playeru a testu
z teorie.
20
Flash MP3 player
<object data="dewplayer-bubble.swf" width="250"
height="65" name="dewplayer" id="dewplayer2"
type="application/x-shockwave-flash">
<param name="movie" value="dewplayer-bubble.swf" />
<param name="flashvars" value="mp3=mp3/a vy pani
muzikanti text.mp3" />
<param name="wmode" value="transparent" />
</object>
2.4.4 Imagine
Imagine je objektový jazyk, který je řízen událostmi a vznikl v roce 2001. Pomocí něj je
naprogramováno cvičení – skladatel hudby.
<embed src="navod/cviceni_not.iip" align="middle"
border="0" width="644" height="484"
type="application/x-imagineLogo-package"
pluginspage="http://imagine.input.sk/cz/plugin.html
">
</embed>
21
3
VÝVOJ
V kapitole vývoj je popsán proces při tvorbě zpěvníku. Vývoj je rozdělen do tří částí –
příprava materiálů, zpracování materiálů a výsledná tvorba webového prostředí. Dále
kapitola pojednává o softwaru pouţitém při vývoji.
3.1
Schéma vývoje
Příprava
materiálů
Zpracování
materiálů
Tvorba
webového
prostředí
Obrázek 7- Schéma vývoje8
3.2
Notace písní
Skladby jsou převzaty ze zpěvníků Já písnička 1. – 4. díl. Písničky je nutné konvertovat z
„papírové“ formy do elektronické. Pro tento účel se nejlépe hodí freewarový program
Anvil studio. Byla zvolena jeho nejnovější verze 2009.10.8, která funguje bezproblémově i
poslední verzi operačního sytému Windows 7.
8
Zdroj: Autor
22
3.2.1 Vývoj v Anvil studiu.
Na začátku je potřeba si všechny parametry (tóninu, takt, tempo) nastavit. Notace probíhá
jednoduchým způsobem, kdy se noty přetahují myší na notovou osnovu. Lze také vyuţít
virtuálního klavíru. Toto je mnohem rychlejší a také přesnější neţ přetahování not myší.
Program zvládá zapisovat noty i z připojených kláves. Tyto se nejčastěji propojují
s počítačem přes převodník MIDI IN/OUT – USB.
• nastavení tóniny
1. fáze • nastavení taktu
• notace písně
2. fáze • nastavení tempa
• kontrola - přehrání písně
3. fáze • export do *.midi
Obrázek 8- Vývoj v Anvil Studiu9
Obrázek 9- Anvil Studio10
9
Zdroj: Autor
Zdroj: Autor
10
23
3.2.2 Vývoj v Capella Professional
Pro větší autentičnost zvuku písní a zvýraznění jejich estetického působení je vhodné
pouţít více hudebních nástrojů.
Tuto funkci obsahuje mnoho programů, např. software Sibelius. Sibelius špatně pracuje
s diakritikou, která je důleţitá pro otextování českých písní. Proto byl zvolen program
Cappela Professional 2008, který diakritiku podporuje. Zároveň má program o mnoho více
funkcí, neţ Anvil Studio a dodatečná úprava písní se provádí snadněji a především
intuitivněji. Další výhodou programu je následný export tónového zápisu do souboru PDF,
nebo obrázku s libovolnou příponou.
Soubory midi, vytvořené v Anvil studiu, je potřeba importovat do Capelly. Průvodce pro
import nabízí moţnosti nastavení notové osnovy. Importovaná píseň se v notové osnově
musí dále upravit, tak aby vizuálně odpovídala předloze z papírového zpěvníku. To
znamená, ţe kaţdý rým sloky by měl začínat na novém řádku. Tato vizuální úprava je
důleţitá pro export notového zápisu do souboru PDF a obrázku s příponou PNG.
V další fázi se přidají podpůrné hudební nástroje, tak aby výsledný karaoke soubor dobře
zněl. Mnohdy stačil přidat další klavír, který zahrál doprovod písně. U trampských
písniček je vhodnější pouţití kytary.
V předposlední fázi se píseň otextuje. Je potřeba nastavit středoevropské kódování aby
byla korektně zobrazena česká diakritika.
Po kontrole správnosti se píseň exportuje do formátu midi s příponou MID.
24
• import midi
1. fáze • kontrola importované písně
2. fáze
• vizuální úprava dle slok písně
• přidání dalších nástrojů
3. fáze • vytvoření doprovodné melodie
• nastavení diakritiky
4. fáze • otextování písně
• kontrola - přehrání písně
5. fáze • export do *.midi
Obrázek 10- Vývoj v Capella Professional11
Obrázek 11- Capella Professional12
11
12
Zdroj: Autor
Zdroj: Autor
25
3.3
Přehrávač MIDI souborů
MIDI soubory přehrají téměř všechny multimediální přehrávače. V případě, ţe poţadujeme
i zobrazení textu, který se má zpívat je vhodné pouţít specializovaný program, např.
vanBasco Karaoke Player, který je freeware.
Funkce programu:

moţnost plynule měnit tempo a hlasitost

zobrazení not, hlasitosti a pouţitých nástrojů se děje v reálném čase

texty písní se zobrazují v okně nebo přes celou obrazovku

okno programu, všechny jeho fonty a barvy jde měnit
3.3.1 Uţivatelské prostředí programu vanBasco Karaoke Player
Uţivatelské prostředí programu je jednoduché a intuitivní. Toto prostředí je pro větší
přehlednost rozděleno do 5 oken, z nich kaţdé ovládá, případně zobrazuje fce programu.
Rozdělení oken programu vanBasco Karaoke Player:

hlavní okno programu – jsou zde zobrazeny informace o právě přehrávané skladbě

ovládací okno – zde se mění tempo, hlasitost a transpozice

okno playlistu – je zde seznam skladeb

okno zvukových nástrojů – zobrazuje obsaţené hudební nástroje a jejich hlasitost

okno textu – zde je zobrazen text, který se zpívá
Obrázek 12- Van Basco´s Karaoke player13
13
Zdroj: Autor
26
3.4
Adobe Flash
V programu Adobe Flash CS4 je vytvořen test. Test ověřuje získané vědomosti v části
teorie. Obsahuje 10 otázek a 4 varianty odpovědi.
Flash soubor obsahuje 11 vrstev, první vrstva obsahuje tlačítko na spuštění testu. Další
vrstvy obsahují otázku a čtyři varianty odpovědi. Kaţdá odpověď je současně tlačítkem.
V poslední vrstvě se nachází vyhodnocení testu.
Obrázek 13- Adobe Flash CS414
14
Zdroj: Autor
27
Ovládací prvky a vyhodnocení testu obsluhuje ActionScript 2.0
on (release) {
nextFrame();
text5="Správně";
}
Další součástí Multimediálního zpěvníku je flash mp3 přehrávač. Ten je na webu umístěn
pro přehrávání nazpívaných písniček a karaoke ukázek.
Přehrávač byl převzat z www stránek alsacréations.15
Je šířen pod licencí Creative Commons. Coţ znamená, ţe se přehrávač můţe dále šířit,
musí být uveden autor a nesmí se zasahovat do přehrávače.
Kód flash objektů se zapisuje do HTML kódu mezi párové značky <object>, </object>.
Obrázek 14- Flash MP3 player16
Obrázek 15 - Creative Commnons17
15
Zdroj: <http://www.alsacreations.fr/dewplayer-en.html>
Zdroj: Autor
17
Zdroj: Autor
16
28
3.5
Imagine
V programu Imagine je naprogramováno cvičení Skladatel hudby. Jedná se o jednoduchou
aplikaci, která obsahuje tlačítka na přidání not (C, D, E, F, G, A, H, C), tlačítka na změnu
délky not. Nechybí ani mazací tlačítko a tlačítko na přehrání písně.
Noty se zapisují do notové osnovy, taky jak jsou za sebou. Notové osnovy jsou 2, coţ plně
postačuje na jednoducho píseň.
Příkaz pro novou notu:
příkaz novanota
nova "nota [xsour lib
mujton (libprvek [c d e f g a
h b#])]
konec
Obrázek 16- Imagine18
18
Zdroj: Autor
29
3.6
SMART Notebook
Stále více školních tříd je vybaveno interaktivní tabulí. Ty ke svému plnému vyuţití
potřebují specializovaný software, např. SMART Notebook v jeho aktuální verzi 10.
A právě v něm jsou vytvořeny interaktivní cvičení. Jsou celkem tři. První je zaměřeno na
seřazení not na notové osnově. Ve druhém je úkolem přepsat libovolnou píseň do notové
osnovy. Ve třetím cvičení se přiřazují názvy k hudebním nástrojům.
Obrázek 17- Smart Notebook19
3.7
Wink
V aplikaci Wink je zpracován návod k přehrávači karaoke souborů vanBasco's Karaoke
Player. Celkem obsahuje šest snímků, na kaţdém z nich je vysvětleno konkrétní okno
přehrávače.
19
Zdroj: Autor
30
Obrázek 18- Wink20
3.8
Corel Paint Shop Pro
Veškerá rastrová grafika webu je upravována v aplikaci Corel Paint Shop Pro ve verzi X2.
Program v programu jsou prováděny následující úpravy:
20

snímání screenshotů

ořez obrázku

změna jeho velikosti

dodatečné úpravy – jiná barva pozadí, zprůhlednění

převod mezi různými grafickými formáty
Zdroj: Autor
31
Obrázek 19 - Corel Paint Shop Pro21
Všechny obrázky jsou uloţeny v bezztrátovém souboru PNG, který se stává standardem
pro web.
Webové stránky mají svojí ikonu – favicon. Ta je uloţena pod příponou *.ico.
Corel si s tímto formátem nedokázal poradit. Proto byla ikona webu vytvořena v aplikaci
Gimp.
3.9
Webové rozhraní
Nejnáročnější fází vývoje je textový obsah a jeho zpracování. Editace XHTML kódu
probíhala v programu Adobe Dreamweaver CS4.
Text se doplňoval do šablony cleantype22 staţené z webových stránek Free CSS
Templates.
21
22
Zdroj: Autor
Zdroj: < http://www.freecsstemplates.org>
32
4
IMPLEMENTACE
Vývoj Multimediálního zpěvníku probíhal na notebooku a byl testovaný v prohlíţečích
Firefox, Internet Explorer, Google Chrome, Opera.
Funguje bezproblémově na všech jmenovaných prohlíţečích, jen s malým rozdílem ve
vykreslení tabulky. Nejlépe na tom byl Firefox a proto je také pro něj optimalizovaný.
Testování probíhalo:

lokálně na notebooku

online na školním serveru Hučák, kde se nachází i jeho finální verze
http://hucak.osu.cz/zpevnik
4.1
Instalace zpěvníku
Multimediální zpěvník se instaloval na školní server Hučák překopírováním sloţky
z lokálního počítače na webové úloţiště. Kopírování probíhalo přes opensource FTP klient
WinSCP.
Soubory se kopírovaly na server Hučák ve školní síti. V případě kopírování mimo školní
síť se muselo přistupovat „zvenčí“ přes VPN klienta. Byl pouţit VPN klient od firmy
Cisco, který je k dispozici na webových stránkách Ostravské Univerzity.
4.2
Nasazení zpěvníku
Nasazení do „ostrého“ provozu a jeho testování pro evaluaci probíhalo na Základní škole
Odstrčilova v Ostravě.
Školní učebna byla vybavena interaktivní tabulí značky SMART Board a obsahovala
zabudované reproduktory. Ty jsou pro potřeby multimediální pomůcky nevhodné, proto
byly zapojeny externí reproduktory s větší hlasitostí a lepším zvukem.
Webové prostředí zpěvníku se zobrazovalo na interaktivní tabuli, kde se ţáci seznamovali
s jeho prostředím a ovládáním. Vyučovací hodina byla převáţně věnována práci
s multimediální pomůckou. Její průběh koordinoval učitel spolu s autorem.
33
5
EVALUACE
Poslední fází metody ADDIE je evaluace, tedy vyhodnocení zpětné vazby.
Bakalářská práce byla nasazena na Základní škole Odstrčilova v Ostravě, kde probíhala i
její evaluace v hodině hudební výchovy.
5.1
Zpětná vazba
Vývoj a celková optimalizace zpěvníku byla konzultována s vedoucím práce, který poskytl
cenné rady. Bylo potřeba vyřešit evaluaci hotového projektu a jeho nasazení v základní
škole, pro kterou je primárně určen. Proto byla zvolena forma dotazníku.
5.1.1 Cíle zpětné vazby
Evaluace měla zjistit, zda mají ţáci na základních školách dostatečný zájem o hudební
výchovu. Ostatní otázky se zajímaly o průběh výuky v hodině. Pro další moţné vyuţití
zpěvníku bylo důleţité zjistit, o jakou činnost mají ţáci zájem.
5.2
Dotazník
Dotazník byl vytvořen v programu Microsoft Word 2007. Dotazovaní jej vyplňovali v jeho
„papírové“ formě. Je k dispozici i na webových stránkách Multimediálního zpěvníku.
5.2.1 Dotazovaná skupina
Cílovou skupinou dotazníku byly ţáci základní školy druhého ročníku. Byla oslovena třída
šestý ročníku.
5.2.2 Struktura dotazníku
Dotazník je anonymní, obsahuje 7 otázek. Moţnosti odpovědí jsou zde tři. U dvou otázek
jsou k dispozici čtyři varianty odpovědí, jedna z moţností dovoluje vyplnit slovní
hodnocení. Dotazník byl rozdělen do třech částí:

Obecné informace – zde jsou informace o dotazovaných

Běţná hodinu HV – zde se zkoumalo, jakým způsobem probíhá běţná výuka bez
pomůcky a o co mají ţáci zájem

Multimediální zpěvník – bylo zkoumáno jak, dotazovaní vnímají pomůcku
34
5.2.3 Výsledky
Dotazník vyplnilo 24 ţáků šesté třídy základní školy. Sloţení respondentů bylo následující:

10 muţů – 42 %

14 ţen – 58 %
Otázky
1)Baví tě hudební výchova
Graf 1- Otázka č. 123
Z výsledků vyplívá, ţe hudební výchova je mezi ţáky oblíbeným předmětem.
2)Kterou činnost máš v hudební výchově nejraději?
Graf 2- Otázka č. 224
23
24
Zdroj: Autor
Zdroj: Autor
35
Dotazovaní nejraději poslouchají a zpívají písničky. Pouze 17%, tedy 4 osoby uvedlo, ţe
rádi hrají na hudební nástroje a vypracovávají referáty.
3) Zapojuješ se při hodině hudební výchovy do zpěvu?
Graf 3- Otázka č. 325
Přes 80 % dotazovaných se aktivně zapojuje do hodiny svým zpěvem.
4) Můžete si vybrat, které písničky chcete zpívat?
Graf 4- Otázka č. 426
25
26
Zdroj: Autor
Zdroj: Autor
36
Ţáci si můţou občas vybrat písničky, které chtějí zpívat. Je to dáno tím, ţe jsou v osnovách
HV dané písničky, které je potřeba odzpívat a aţ ve volné chvíli je moţnost si vybrat.
5)Líbila se ti hodina s karaoke?
Graf 5- Otázka č. 527
Celkový dojem z hodiny, kdy byla vyuţita pomůcka, je kladný.
6)Líbil se ti v karaoke doprovod písní víc, než klasický nástrojový doprovod
v hodinách HV?
Graf 6- Otázka č. 628
27
28
Zdroj: Autor
Zdroj: Autor
37
Zde měli respondenti pocit, ţe karaoke verze písniček je shodná s klasickým
instrumentálním doprovodem. Učitel hudební výchovy, doprovázel ţáky pouze na kytaru.
Ale i ta se v jeho podání ukázala jako konkurenceschopná více nástrojové verzi karaoke.
7)Chtěl bys, aby karaoke bylo běžně využíváno v hodinách HV?
Graf 7- Otázka č. 729
Ţáci se shodli na tom, ţe je Multimediální zpěvník přínosem a rádi by jej vyuţívaly.
5.3
Řešení problémů
Bakalářská práce byla konzultována s vedoucím Ing. Alešem Oujezdským, Ph.D. Díky
jeho radám byla zvolena výsledná podoba webu a opraveny nedostatky, především chyby
v překlepech a konflikt s hypertextovými odkazy.
29
Zdroj: Autor
38
ZÁVĚR
Cílem bakalářské práce bylo vytvořit Multimediální zpěvník pro 2. stupeň ZŠ, který by
pedagogům zjednodušil a zkvalitnil práci při hodině hudební výchovy. Pouţitím této
pomůcky by odpadla nutnost klasického instrumentálního doprovodu písní. Hodina by se
stala důslednější, díky přímému kontaktu učitele s ţáky a zároveň zábavnější díky karaoke
prvkům, hrám a cvičením.
Po navrhnutí a realizaci Multimediálního zpěvníku, bylo zapotřebí ověřit, zda byl splněn
cíl bakalářské práce. Zpěvník byl testován na Základní škole Odstrčilova v Ostravě.
Testování probíhalo v šestém ročníku. Ţáci a učitel se seznámili s jeho prostředím a
moţnostmi, vyzkoušeli si doplňkové funkce zpěvníku, jako jsou hry a cvičení navrţené
přímo pro interaktivní tabuli.
Dotazník připravený k evaluaci projektu byl rozdělen na tři části. První část zjišťovala
vztah respondentů k hudební výchově. Otázky zkoumaly, zdali je hudební výchova baví a
jakou činnost mají nejraději. Z výsledků vyplývá, ţe ţáky hudební výchova baví a nejraděj
mají zpěv, či poslech skladeb. Další část byla zaměřená na průběh hodiny HV bez
pomůcky. Zde bylo zjištěno, ţe se přes 80 % studentů aktivně zapojuje do vyučování a
spolu s učitelem zpívá. Písničky, co se mají v dané hodině zpívat má uţ předem
připravené. Mají i moţnost výběru. Poslední část dotazníku se zaměřovala na
Multimediální zpěvník. Zde respondenti uvedli, ţe by chtěli v hodinách vyuţívat tuto
pomůcku a kladně hodnotili vyučovací hodinu s pomůckou.
Byla vytvořena multimediální pomůcka, pomocí které se ţáci učili hudební výchovu
odlišným způsobem, neţ na jaký byli doposud zvyklí. Tato změna učení pomocí
Multimediálního zpěvníku vyvolala na základě průzkumu spokojenosti kladné ohlasy, a to
jak z pohledu vyučujícího pedagoga, tak z pohledu učících se ţáků. Z těchto kladných
ohlasů ţáků a učitele lze předpokládat, ţe respondenti byli s pomůckou spokojeni a chtěli
by ji vyuţívat.
Budoucí inovace pomůcky by spočívala především v doplnění aktuálních písní a také
rozšíření počtu cvičení a her pro stále populárnější interaktivní tabule.
39
SEZNAM POUŢITÉ LITERATURY
1.
PAVLÍČEK, Jiří. Základy e-didaktiky pro e-tutory. 1. vydání. Ostrava : Ostravská
univerzita v Ostravě, 2003. 74 s. ISBN 80-7042-921-6.
2.
Ţivě : Bitva internetových prohlíţečů v Česku a na Ţivě [online]. 2010 [cit. 14-0624].
Dostupný
z
WWW:
<http://www.zive.cz/clanky/bitva-internetovych-
prohlizecu-v-cesku-a-na-zive/sc-3-a-150958/default.aspx>.
3.
JÁNSKÝ, Petr. Já, písnička. Díl 1 : Zpěvník pro žáky základních škol pro 1. – 4.
třídu. 2. vyd. Cheb : Music, 1995. 116 s. ISBN 80-85925-01-X.
JÁNSKÝ, Petr. Já, písnička. Díl 2 : Zpěvník pro žáky základních škol pro 5. – 9.
třídu. 2. vyd. Cheb : Music, 1995. 172 s. ISBN 80-85925-02-8.
Já, písnička : zpěvník pro žáky středních škol. III. díl. Cheb : Music Cheb, 1998.
267 s. ISBN 80-85925-03-6.
KOZÁKOVÁ, Soňa; ZIMA, Jiří; MACEK, Jiří. Já & písnička. 4 : zpěvník pro žáky
středních škol. Cheb : G + W, 2008. 223 s. ISBN M-706509-66-2.
40
DOPLŇUJÍCÍ LITERATURA
KREJČÍ, L. Adobe Flash CS3 : oficiální výukový kurz. 1. vyd. Brno : Computer Press,
2008. 341 s. ISBN 978-80-251-2109-2.
KRUG, S. Web design – nenuťte uživatele přemýšlet!. [překlad Jan Škvařil]. 2. aktualit.
vyd. Brno : Computer Press, 2006. 167 s. ISBN 80-251-1291-8
Adobe Creative Team. Adobe Dreamweaver CS3 : oficiální výukový kurz. [překlad
Lubomír Ptáček]. 1. vyd. Brno : Computer Press, 2008. 352 s. ISBN 978-80-251-1531-2
41
SEZNAM POUŢITÝCH SYMBOLŮ
ADDIE
Analysis, Design, Development, Implementation, Evaluatiom – model
projektování výuky
MIDI
Music Instrument Digital Interface – protokol pro komunikaci počítače
s hudebními nástroji v reálném čase
ZŠ
Základní škola
HV
Hudební výchova
PDF
Portable Document Format – formát pro ukládání dokumentů
PNG
Portable Network Graphics – formát pro ukládání obrázků
XHTML Extensible Hypertext Markup Language – jazyk pro tvorbu webových stránek
CSS
Cascade Style Sheets – styly webových stránek
42
SEZNAM OBRÁZKŮ
Obrázek 1 – model ADDIE ................................................................................................. 10
Obrázek 2 - Schéma webu ................................................................................................... 14
Obrázek 3 - Návod k vanBasco´s Karaoke Player ............................................................... 15
Obrázek 4 - Grafický návrh webu........................................................................................ 17
Obrázek 5- Favicon .............................................................................................................. 18
Obrázek 6 - Seznam písní .................................................................................................... 19
Obrázek 7- Schéma vývoje .................................................................................................. 22
Obrázek 8- Vývoj v Anvil Studiu ........................................................................................ 23
Obrázek 9- Anvil Studio ...................................................................................................... 23
Obrázek 10- Vývoj v Capella Professional.......................................................................... 25
Obrázek 11- Capella Professional........................................................................................ 25
Obrázek 12- Van Basco´s Karaoke player ........................................................................... 26
Obrázek 13- Adobe Flash CS4 ............................................................................................ 27
Obrázek 14- Flash MP3 player ............................................................................................ 28
Obrázek 15 - Creative Commnons....................................................................................... 28
Obrázek 16- Imagine ........................................................................................................... 29
Obrázek 17- Smart Notebook .............................................................................................. 30
Obrázek 18- Wink ................................................................................................................ 31
Obrázek 19 - Corel Paint Shop Pro ...................................................................................... 32
43
SEZNAM GRAFŮ
Graf 1- Otázka č. 1 ............................................................................................................... 35
Graf 2- Otázka č. 2 ............................................................................................................... 35
Graf 3- Otázka č. 3 ............................................................................................................... 36
Graf 4- Otázka č. 4 ............................................................................................................... 36
Graf 5- Otázka č. 5 ............................................................................................................... 37
Graf 6- Otázka č. 6 ............................................................................................................... 37
Graf 7- Otázka č. 7 ............................................................................................................... 38
44
SEZNAM PŘÍLOH
Příloha č. 1 – Dotazník
Příloha č. 2 – CD disk Multimediální zpěvník
45
PŘÍLOHA Č. 1 – DOTAZNÍK
Dotazník k bakalářské práci Multimediální zpěvní pro 2. stupeň ZŠ
Pohlaví:
1) Baví tě hudební výchova?
Třída:
a)Ano
b)Trochu
c)Ne
2) Kterou činnost máš v hudební výchově nejraději?
a)Zpěv
b)Poslech skladeb
c)Teorie. Dějiny hudby atd.
d)Jiné (uveď)…………………………………………
3) Zapojuješ se při hodině hudební výchovy do zpěvu?
a) Ano
b) Pobrukuju si, aby se neřeklo
c) Ne
4) Můţete si vybrat, které písničky chcete zpívat?
a) Ano
b) Občas si můţeme vybrat
c) Ne, zpíváme jen to, co učitel vybere
5) Líbila se ti hodina s karaoke?
a) Ano, víc neţ ostatní hodiny HV
b) Ano
c) Ne, raději mám klasické hodiny HV
6) Líbil se ti v karaoke doprovod písní víc, neţ klasický nástrojový doprovod v hodinách
HV?
a) Ano, karaoke se mi líbilo víc
b)Je to tak na stejno
c) Ne, víc se mi líbí nástrojový doprovod
46
7) Chtěl bys, aby karaoke bylo běţně vyuţíváno v hodinách HV?
a) Ano, chtěl
b) Ano, ale jenom občas
c) Je mi to jedno
d) Ne
Děkuji za vyplnění dotazníku
47
Čestné prohlášení
Jméno:
Já, níţe podepsaný(á) student(ka) tímto čestně prohlašuji, ţe text mnou odevzdané
závěrečné práce v písemné podobě, nebo na CD nosiči, je totoţný s textem závěrečné práce
vloţeným v databázi DIPL2.
V Ostravě dne
.......................................................
podpis studenta
48