1 Mendelova univerzita v Brně Provozně ekonomická fakulta Interaktivní e-learningová aplikace pro podporu hudební nauky na ZŠ Diplomová práce Vedoucí ...
Mendelova univerzita v Brnˇe Provoznˇe ekonomick´a fakulta
Interaktivn´ı e-learningov´ a aplikace ˇ pro podporu hudebn´ı nauky na ZS Diplomov´ a pr´ ace
Vedouc´ı pr´ace: Ing. Ondˇrej Popelka, Ph.D.
Bc. Michal F´ıbek
Brno 2015
Dˇekuji pˇredevˇs´ım sv´emu vedouc´ımu, Ing. Ondˇreji Popelkovi, Ph.D., za trpˇelivost, odborn´e rady a konstruktivn´ı pˇripom´ınky pˇri vypracov´an´ı t´eto diplomov´e pr´ace. D´ale bych chtˇel podˇekovat Mgr. Martinu Grob´arovi za prvotn´ı n´amˇet, didaktick´ y pohled pˇri n´avrhu her a praktick´e otestov´an´ı s jeho ˇz´aky ve v´ yuce. Dˇekuji tak´e ˇ Ing. Martinu Sevˇc´ıkovi za konstruktivn´ı diskuze o d´ılˇc´ıch postupech a algoritmech a cel´e m´e rodinˇe a pˇr´ıtelkyni za obrovskou podporu a trpˇelivost. V koneˇcn´e ˇradˇe bych r´ad podˇekoval vˇsem ˇza´k˚ um, kteˇr´ı se zapojili do praktick´eho testov´an´ı aplikace a jejichˇz zpˇetn´a vazba mˇe velmi motivovala v pr˚ ubˇehu dokonˇcov´an´ı pr´ace.
ˇ Cestn´ e prohl´ aˇsen´ı Prohlaˇsuji, ˇze jsem tuto pr´aci: Interaktivn´ı e-learningov´ a aplikace pro podˇ poru hudebn´ı nauky na ZS vypracoval samostatnˇe a veˇsker´e pouˇzit´e prameny a informace jsou uvedeny v seznamu pouˇzit´e literatury. Souhlas´ım, aby moje pr´ace byla zveˇrejnˇena v souladu s § 47b z´akona ˇc. 111/1998 Sb., o vysok´ ych ˇskol´ach ve znˇen´ı pozdˇejˇs´ıch pˇredpis˚ u, a v souladu s platnou Smˇernic´ı o zveˇrejˇ nov´an´ı vysokoˇskolsk´ych z´avˇereˇcn´ych prac´ı. Jsem si vˇedom, ˇze se na moji pr´aci vztahuje z´akon ˇc. 121/2000 Sb., autorsk´ y z´akon, a ˇze Mendelova univerzita v Brnˇe m´a pr´avo na uzavˇren´ı licenˇcn´ı smlouvy a uˇzit´ı t´eto pr´ace jako ˇskoln´ıho d´ıla podle § 60 odst. 1 Autorsk´eho z´akona. D´ale se zavazuji, ˇze pˇred seps´an´ım licenˇcn´ı smlouvy o vyuˇzit´ı d´ıla jinou osobou (subjektem) si vyˇza´d´am p´ısemn´e stanovisko univerzity o tom, ˇze pˇredmˇetn´a licenˇcn´ı smlouva nen´ı v rozporu s opr´avnˇen´ ymi z´ajmy univerzity, a zavazuji se uhradit pˇr´ıpadn´ y pˇr´ıspˇevek na u ´hradu n´aklad˚ u spojen´ ych se vznikem d´ıla, a to aˇz do jejich skuteˇcn´e v´ yˇse.
Abstract F´ıbek, M. Interactive e-learning application to support music education for elementary schools. Brno, 2015 This thesis deals with the design and implementation of multi-platform web application based on HTML5, HTML5 Audio and Web Audio API, designed for elementary school students to develop their musical skills, especially musical hearing. The first part compares current educational programs designed to practise musical hearing and to educate musical notation. The following section develops design of music games and application interface, which is based on requirements, followed by analysis of web technologies for sound playback. Last part describes implementation of application in PHP (Nette Framework) with MySQL database and user testing. Keywords Web application, music education, responsive design, Web Audio API, HTML5 Audio, Nette Framework.
Abstrakt ˇ F´ıbek, M. Interaktivn´ı e-learningov´a aplikace pro podporu hudebn´ı nauky na ZS. Brno, 2015 Tato pr´ace obsahuje n´avrh a implementaci multiplatformn´ı webov´e aplikace vyuˇz´ıvaj´ıc´ı HTML5, HTML5 Audio a Web Audio API, urˇcen´e pro rozvoj hudebn´ıch dovednost´ı ˇz´ak˚ u na z´akladn´ı ˇskole s d˚ urazem na hudebn´ı sluch. V prvn´ı ˇc´asti jsou porovn´any souˇcasn´e v´ yukov´e programy, urˇcen´e k procviˇcov´an´ı hudebn´ıho sluchu a notov´eho z´apisu. Na z´akladˇe poˇzadavk˚ u je proveden n´avrh hudebn´ıch her, prostˇred´ı aplikace a rozbor technologi´ı pˇrehr´av´an´ı zvuku na webu. V koneˇcn´e ˇc´asti je aplikace implementov´ana pomoc´ı PHP (Nette Framework) a MySQL a je provedeno uˇzivatelsk´e testov´an´ı. Kl´ıˇ cov´ a slova Webov´a aplikace, hudebn´ı v´ ychova, responzivn´ı design, Web Audio API, HTML5 Audio, Nette Framework.
H Vizualizace regul´ arn´ıho v´ yrazu pro zpracov´ an´ı z´ apisu not
121
I
123
Hra Posuvn´ıky
J Administrace – u ´ vodn´ı obrazovka
125
K Dotazn´ık – hodnocen´ı v´ yuky ˇ z´ akem
127
L CD se zdrojov´ ym k´ odem aplikace
129
1
´ UVOD
1
15
´ Uvod
Vyuˇcovac´ı hodiny na z´akladn´ıch ˇskol´ach jdou technologicky dopˇredu. Uˇcitel´e st´ale ˇcastˇeji vyuˇz´ıvaj´ı interaktivn´ı tabule, tablety a dalˇs´ı technick´e pom˚ ucky, kter´e zvyˇsuj´ı n´azornost a atraktivitu informac´ı, kter´e pˇred´avaj´ı dˇetem. V hudebn´ı nauce vˇsak st´ale nen´ı vyuˇzito maximum potenci´alu, kter´e tyto n´astroje nab´ız´ı. Vyuˇcuj´ıc´ı se m˚ uˇze obr´atit na komplexn´ı v´ yukov´e bal´ıky, kter´e jsou z drtiv´e vˇetˇsiny anglicky a omezen´e pouze na jednu platformu, nebo na jednoduch´e hudebn´ı hry, kter´e nejsou plnˇe pˇrizp˚ usobeny ˇskoln´ımu prostˇred´ı a jej´ım poˇzadavk˚ um a jsou sp´ıˇse urˇceny k pobaven´ı. U v´ yuky hudby je velkou pˇridanou hodnotou, pokud aplikace dok´aˇze ˇz´aka opravdu zaujmout a vzbud´ı v nˇem z´ajem s n´ı pracovat tak´e mimo ˇskoln´ı prostˇred´ı. Toto je probl´em, kter´ y je ˇc´asteˇcnˇe ˇreˇsiteln´ y d˚ urazem na vysokou uˇzivatelskou pˇr´ıvˇetivost a n´avrhem aplikace, kter´a dok´aˇze vhodnˇe zac´ılit na motivace ˇza´ka. Nem´enˇe d˚ uleˇzit´a je tak´e podpora platforem, kter´e m´a ˇza´k doma k dispozici. Toto t´ema je pro mne zaj´ımav´e z toho d˚ uvodu, ˇze d´ıky m´emu z´ajmu o audiovizu´aln´ı tvoˇrivost, tvorbu webov´ ych str´anek a obor uˇzivatelsk´e pˇr´ıvˇetivosti je pro mˇe v´ yzvou navrhnout aplikaci, kterou budou ˇza´ci r´adi pouˇz´ıvat a kter´a je skuteˇcnˇe nˇeco v tomto oboru nauˇc´ı.
1.1
C´ıl pr´ ace
C´ılem pr´ace je implementovat aplikaci, kter´a bude formou nˇekolika hudebn´ıch her rozv´ıjet hudebn´ı sluch ˇza´k˚ u a napom´ahat pˇri v´ yuce hudebn´ı nauky na z´akladn´ıch ˇskol´ach. Aplikace by mˇela b´ yt uˇzivatelsky pˇr´ıvˇetiv´a a pro ˇz´aky pˇrirozenˇe motivuj´ıc´ı k pouˇz´ıv´an´ı a tr´eninku jejich schopnost´ı. ˇ sen´ı mus´ı b´ Reˇ yt pohodlnˇe pouˇziteln´e i pro uˇcitele, aby jim na z´akladˇe aktivity ˇza´k˚ u umoˇznilo pr˚ ubˇeˇzn´e vyhodnocov´an´ı dosaˇzen´ ych v´ ysledk˚ u a pomohlo jim tak´e jako jeden z faktor˚ u pˇri hodnocen´ı ˇza´ka ve ˇskole. D˚ uleˇzit´a je kompatibilita a multiplatformost aplikace – kromˇe klasick´ ych poˇc´ıtaˇc˚ u by mˇela b´ yt spustiteln´a na vˇetˇsinˇe mobiln´ıch zaˇr´ızen´ı s modern´ımi internetov´ ymi prohl´ıˇzeˇci, s podporou dotykov´eho i nedotykov´eho ovl´ad´an´ı. Ned´ılnou souˇca´st´ı pr´ace bude tak´e otestov´an´ı z´ıskan´ ych poznatk˚ u v praxi, tedy v re´aln´e v´ yuce samotn´ ymi ˇza´ky a uˇcitelem. Z tohoto praktick´eho experimentu z´ısk´am v´ ystupy, kter´e vyhodnot´ım a rozvedu do dalˇs´ıch moˇznost´ı budouc´ıho rozvoje.
2
´ ´I HUDEBN´ICH VYUKOV ´ ´ POROVNAN YCH APLIKAC´I
2
17
Porovn´ an´ı hudebn´ıch v´ yukov´ ych aplikac´ı
V souˇcasn´e dobˇe existuje vˇetˇs´ı mnoˇzstv´ı aplikac´ı, kter´e pracuj´ı s v´ yukou hudebn´ı nauky. M´e srovn´an´ı by mˇelo pˇrin´est objektivn´ı pohled na celou problematiku z hlediska kl´ıˇcov´ ych faktor˚ u a jejich vah. Do srovn´an´ı zaˇrad´ım r˚ uznorod´e aplikace, kter´e jsou alespoˇ n ˇca´steˇcnˇe pˇrizp˚ usobeny pro ˇskoln´ı prostˇred´ı. C´ıl, kter´eho by mˇely vˇsechny dos´ahnout, je rozvoj hudebn´ıho sluchu u ˇza´k˚ u, pˇriˇcemˇz konkr´etn´ı postup a metoda se m˚ uˇze velmi liˇsit. Pojmem aplikace budu v t´eto pr´aci oznaˇcovat obecnˇe vˇsechny programy nez´avisle na platformˇe a zp˚ usobu pouˇzit´ı (dotykov´a/nedotykov´a). Pro oznaˇcen´ı konkr´etn´ı v´ yukov´e funkce dan´e aplikace, tedy nejˇcastˇeji jedn´e z voleb v hlavn´ım menu, budu pracovat obecn´ ym s v´ yrazem v´yukov´a hra, pˇr´ıp. v´yukov´y test. V´ yukovou hrou nebo testem m˚ uˇze b´ yt napˇr. pozn´av´an´ı not, vytlesk´av´an´ı rytmu, skl´ad´an´ı hudebn´ı melodie, test na hudebn´ı teorii apod. Vˇsechny aplikace urˇcen´e pro osobn´ı poˇc´ıtaˇce testuji v syst´emu Microsoft Windows 8.1, v pˇr´ıpadˇe webov´ ych aplikac´ı v prohl´ıˇzeˇci Google Chrome 42.
2.1
Metodika hodnocen´ı
Pˇri porovn´av´an´ı aplikac´ı vych´az´ım z klasick´e rozhodovac´ı anal´ yzy s vyuˇzit´ım metody zn´amkov´an´ı. Vˇetˇsina faktor˚ u je kvalitativn´ıch, pouze cena se d´a ˇradit do kvantitativn´ı kategorie. N´asleduj´ı krit´eria jsou oznaˇcena v´ahami v intervalu 1–5, kde 5 je nejd˚ uleˇzitˇejˇs´ı a 1 nejm´enˇe d˚ uleˇzit´e krit´erium. Hodnocen´ı prov´ad´ım analogicky – zn´amka 0 je naprosto nevyhovuj´ıc´ı, naopak 5 nejlepˇs´ı v´ ysledek. 2.1.1
Platforma
Jedn´ım z charakteristick´ ych faktor˚ u pˇri prvn´ım v´ ybˇeru aplikace je ˇs´ıˇre podpory zaˇr´ızen´ı a syst´em˚ u. Pokud by byla aplikace napˇr. ryze desktopov´a pro syst´em Mac OS X, nelze oˇcek´avat, ˇze jej bude moci provozovat vˇetˇsina uˇzivatel˚ u.1 Naopak aplikace urˇcen´e pro provoz v internetov´em prohl´ıˇzeˇci maj´ı v´ yhodu vysok´e ˇs´ıˇre podporovan´ ych platforem, protoˇze nejsou v´az´any na konkr´etn´ı API2 operaˇcn´ıho syst´emu. V´ aha: 2/5 2.1.2
V´ yukov´ e moˇ znosti
Kl´ıˇcov´ ym parametrem je rozsah v´ yukov´ ych test˚ u nebo her, kter´e dan´a aplikace zahrnuje. Niˇzˇs´ı poˇcet znaˇc´ı vyˇsˇs´ı specializaci aplikace, coˇz nemus´ı b´ yt vˇzdy ˇspatnˇe – pˇri splnˇen´ı krit´eria pˇr´ızniv´e cenov´e politiky m˚ uˇze u ´spˇeˇsnˇe fungovat jako doplnˇek ke 1 2
Vych´ az´ım z glob´ aln´ıch statistik pod´ılu operaˇcn´ıch syst´em˚ u od ledna 2014 do ledna 2015 [1] Application Programming Interface
18
2
´ ´I HUDEBN´ICH VYUKOV ´ ´ POROVNAN YCH APLIKAC´I
st´avaj´ıc´ı v´ yuce. Pro m´e srovn´an´ı je ale ˇz´adouc´ı m´ıt ide´alnˇe jednu aplikaci, kter´a zahrnuje v´ıce oblast´ı hudebn´ı teorie do nab´ıdky obsaˇzen´ ych v´ yukov´ ych her. V´ aha: 4/5 2.1.3
Uˇ zivatelsk´ a pˇr´ıvˇ etivost
D˚ uraz na vysokou uˇzivatelskou pˇr´ıvˇetivost, kterou se zab´ yv´a oblast UX (User 3 Experience) , mus´ı b´ yt ned´ılnou souˇca´st´ı n´avrhu kaˇzd´e aplikace. Pˇri n´avrhu elearningov´ ych aplikac´ı je tento d˚ uraz jeˇstˇe vyˇsˇs´ı, protoˇze aplikace se spr´avn´ ym designem dok´aˇze uˇcen´ı zpˇr´ıjemnit a zjednoduˇsit do t´e m´ıry, ˇze se tato ˇcinnost nest´av´a frustruj´ıc´ı, nudnou ˇci obtˇeˇzuj´ıc´ı, ale naopak skuteˇcnˇe uˇc´ı hrou [3, s. 3–4]. U hodnocen´ı uˇzivatelsk´e pˇr´ıvˇetivosti je obvykle tˇeˇzk´e vyvarovat se subjektivizaci – z tohoto d˚ uvodu budu vyuˇz´ıvat metodiky evaluace dosaˇzen´ı c´ıl˚ u [2, s. 116–119]. Jako c´ıle si stanov´ım prvn´ı spuˇstˇen´ı aplikace, pochopen´ı a splnˇen´ı u ´kolu v prvn´ı zvolen´e v´ yukov´e hˇre a zobrazen´ı osobn´ıho hodnocen´ı. V´ aha: 3/5 2.1.4
Rozhran´ı pro uˇ citele
Pro pouˇzit´ı ve ˇskoln´ım prostˇred´ı je velmi d˚ uleˇzit´e, aby byla aplikace dobˇre pˇr´ıstupn´a pro uˇcitele, kter´ y by mohl s´am pˇrizp˚ usobovat jej´ı obt´ıˇznost, nastavovat obsah v´ yukov´ ych her, spravovat pˇr´ıstupy ˇz´ak˚ u a sledovat jejich aktivitu a rozvoj jejich schopnost´ı. V´ aha: 3/5 2.1.5
ˇ Cesk´ a lokalizace
Protoˇze srovn´av´am aplikace pro nasazen´ı v ˇcesk´e z´akladn´ı ˇskole, je velmi ˇz´adouc´ı, aby produkt obsahoval podporu ˇcesk´eho jazyka. D˚ uleˇzit´e je, ˇze jazykov´a bari´era by nemˇela b´ yt nejen na stranˇe samotn´eho uˇzivatelsk´eho rozhran´ı, ale ani v notov´em ˇ e republice zn´am´a pod z´apisu. Rozd´ıl je napˇr´ıklad ve znaˇcen´ı noty, kter´a je v Cesk´ oznaˇcen´ım h – v USA, Spojen´em kr´alovstv´ı a dalˇs´ıch anglosask´ ych zem´ıch je znaˇcena p´ısmenem b [4]. Form´at, pouˇz´ıvan´ y u n´as, b´ yv´a nˇekdy naz´ yv´an jako nˇemeck´a notace, v textu na nˇej d´ale odkazuji jako na ˇceskou notaci. V´ aha: 5/5 2.1.6
Cena
Jedn´ım z nejd˚ uleˇzitˇejˇs´ıch krit´eri´ı je cenov´a dostupnost – je zˇrejm´e, ˇze v ide´aln´ım pˇr´ıpadˇe by aplikace mˇela b´ yt zcela zdarma, pˇr´ıpadnˇe by jej´ı licenˇcn´ı politika mohla 3
UX je souˇc´ ast´ı velk´eho vˇedn´ıho oboru HCI (Human-Computer interaction), jenˇz zahrnuje obecnˇe veˇskerou interakc´ı uˇzivatele s poˇc´ıtaˇcem [2, s. ix].
2.2
EarMaster Pro 6
19
umoˇzn ˇovat zakoupen´ı hromadn´ ych multilicenc´ı pro vˇsechny ˇza´ky a uˇcitele dan´e ˇskoly. T´ımto zp˚ usobem se zbav´ım d˚ uleˇzit´e demotivaˇcn´ı pˇrek´aˇzky pro samostatn´ y tr´enink ˇza´k˚ u doma. Pˇri srovn´av´an´ı uv´ad´ım z d˚ uvodu objektivity ceny uveden´e na ofici´aln´ıch webov´ ych str´ank´ach, pˇrestoˇze maj´ı nˇekter´e z aplikac´ı tak´e ˇcesk´eho distributora. V´ aha: 3/5
2.2
EarMaster Pro 6
Obr´azek 1: EarMaster Pro 6 – hra rytmick´eho vytlesk´av´an´ı
Komerˇcn´ı aplikace EarMaster [5] je nab´ızena ke staˇzen´ı v nˇekolika r˚ uzn´ ych edic´ıch s v´ıce cenov´ ymi politikami. N´asleduj´ıc´ı hodnocen´ı prov´ad´ım na z´akladˇe zkuˇsebn´ı verze pokroˇcilejˇs´ı verze EarMaster Pro 6 se zm´ınkou z´akladn´ı varianty EarMaster Essential 5. 2.2.1
Platforma
Vˇsechny aplikace EarMaster jsou urˇceny pro operaˇcn´ı syst´emy Windows a Mac OS X. Pˇri pouˇzit´ı tabletu se syst´emem Windows lze pˇredpokl´adat i funkˇcnost
20
2
´ ´I HUDEBN´ICH VYUKOV ´ ´ POROVNAN YCH APLIKAC´I
dotykov´eho ovl´ad´an´ı, aplikace ale nen´ı sv´ ym designem k tomuto zp˚ usobu pr´ace pˇrizp˚ usobena. Hodnocen´ı: 2/5 2.2.2
V´ yukov´ e moˇ znosti
EarMaster Essential nab´ız´ı sadu ˇctyˇr z´akladn´ıch test˚ u – rozpozn´av´an´ı interval˚ u, identifikace interval˚ u, rozpozn´av´an´ı akord˚ u a ˇcten´ı rytmu. EarMaster Pro se nav´ıc dˇel´ı na oblasti intervaly, akordy a stupnice, rytmus a melodie, pˇriˇcemˇz v kaˇzd´e z nich jsou 3–4 v´ yukov´e hry. Nespornou v´ yhodou t´eto aplikace je aktivnˇejˇs´ı zapojen´ı uˇzivatele, protoˇze vyuˇz´ıv´a vstupu z mikrofonu u her se zpˇevem t´on˚ u a vytlesk´av´an´ı rytm˚ u. Tlesk´an´ı funguje velmi spolehlivˇe, u zpˇevu je vˇsak aplikace citlivˇejˇs´ı na kvalitu mikrofonu a hlas uˇzivatele. Samotn´e hry se bl´ıˇz´ı sv´ ym pojet´ım bˇeˇzn´e v´ yuce, vyuˇz´ıvaj´ı klasickou notovou osnovu, takˇze mohou b´ yt pro ˇza´ka na prvn´ı pohled m´enˇe atraktivn´ı. Z´akladn´ı motivaˇcn´ı syst´em je obsaˇzen ve formˇe zobrazen´ı pr˚ umˇern´eho procentn´ıho hodnocen´ı u ´spˇeˇsnosti u aktu´aln´ı spuˇstˇen´e hry a moˇznosti otevˇr´ıt statistiky vˇsech her z historie, jedn´a se tedy opˇet sp´ıˇse o tradiˇcnˇejˇs´ı pˇr´ıstup k hodnocen´ı. Hodnocen´ı: 3/5 2.2.3
Uˇ zivatelsk´ a pˇr´ıvˇ etivost
Pro staˇzen´ı libovoln´e zkuˇsebn´ı verze aplikace EarMaster je nutn´e zadat vlastn´ı email, na kter´ y je posl´an odkaz ke staˇzen´ı. Z pohledu prvn´ıho spuˇstˇen´ı aplikace tak jde o komplikaci, kter´a br´an´ı okamˇzit´emu pouˇzit´ı. Samotn´a instalace jiˇz prob´ıh´a bˇeˇzn´ ym zp˚ usobem. Pˇri prvn´ım spuˇstˇen´ı EarMaster Pro program vyzve k potvrzen´ı zkuˇsebn´ıho reˇzimu, pot´e pr˚ uvodce postupnˇe nab´ıdne konfiguraci zvukov´eho v´ ystupu, v´ ybˇer cviˇcen´eho n´astroje a nastaven´ı hlasov´eho rozsahu. Konfigurace je pro laika relativnˇe jednoduch´a, vˇse je podrobnˇe pops´ano. Pˇri opakovan´ ych spuˇstˇen´ıch aplikace n´as jiˇz pr˚ uvodce neobtˇeˇzuje a dost´av´ame se pˇr´ımo do hlavn´ıho menu. Navigace v hlavn´ım menu je jednoduch´a, dominuj´ı j´ı jednotliv´e aktivity, tedy v´ yukov´e hry. Pˇri prvn´ım pouˇzit´ı her s mikrofonem vˇsak nar´aˇz´ım na probl´em, ˇze mikrofon nen´ı okamˇzitˇe rozpozn´an, je nutn´e jej tedy zvl´aˇst’ kalibrovat v jeho samostatn´em pr˚ uvodci, coˇz mi aplikace nejprve ned´av´a najevo. Spuˇstˇen´ı libovoln´e hry je pˇr´ımoˇcar´e, v hlavn´ım menu zvol´ım v´ yukovou hru a pot´e dost´av´am v mod´aln´ım oknˇe nab´ıdku s v´ ybˇerem lekce, vˇcetnˇe pˇr´ıkladu obsahu. Pochopen´ı principu her nen´ı vˇzdy snadn´e, nˇekter´e maj´ı sloˇzitˇejˇs´ı a nepˇr´ıliˇs zˇrejm´e ovl´ad´an´ı. Hodnocen´ı je zobrazeno v pr˚ ubˇehu hry, historii vˇsech her se zobrazen´ım pr˚ umˇern´eho v´ ysledku mohu zobrazit v menu Results – Statistics. Hodnocen´ı: 3/5
2.2
EarMaster Pro 6
2.2.4
21
Rozhran´ı pro uˇ citele
Obr´azek 2: EarMaster Pro – editor melodi´ı
V Earmaster Essential chyb´ı jak´akoliv moˇznost ovlivˇ novat v´ yuku uˇcitelem – aplikace je je pˇripravena sp´ıˇse k individu´aln´ı v´ yuce. Earmaster Pro obsahuje rozliˇsen´ı uˇzivatelsk´ ych u ´ˇct˚ u na ˇz´aka a uˇcitele. Rozhran´ı uˇcitele obsahuje: • • • • •
editor kurz˚ u (lekc´ı), datab´azi melodi´ı, pˇrehled v´ ysledk˚ u student˚ u, spr´avu uˇzivatel˚ u, spr´avu tˇr´ıd.
V editoru kurz˚ u m´a uˇcitel moˇznost vytv´aˇre vlastn´ı lekce, ve kter´ ych nastavuje typ aktivity (v´ yukov´e hry), poˇcet ot´azek a tak´e obt´ıˇznost pomoc´ı procenta spr´avnˇe zodpovˇezen´ ych ot´azek ˇza´kem, kter´e jsou nutn´e ke schv´alen´ı v´ ysledku.
22
2
´ ´I HUDEBN´ICH VYUKOV ´ ´ POROVNAN YCH APLIKAC´I
Datab´aze melodi´ı obsahuje moˇznost vytv´aˇret a upravovat pouˇzit´e melodie pomoc´ı grafick´eho notov´eho z´apisu (obr. 2) a importovat nov´e melodie ve form´atu MusicXML [6]. Velkou v´ yhodou je synchronizace v´ ysledk˚ u a kurz˚ u pˇres internet u verze EarMaster Cloud. D´ıky tomu m˚ uˇze m´ıt uˇcitel aktu´aln´ı pˇrehled o ˇcinnosti ˇz´ak˚ u i v pˇr´ıpadˇe, kdy budou aplikaci pouˇz´ıvat v r´amci cloudu doma. Hodnocen´ı: 5/5 2.2.5
ˇ Cesk´ a lokalizace
Aplikace nab´ız´ı velkou ˇsk´alu podporovan´ ych jazyk˚ u, je vˇsak zvl´aˇstn´ı, ˇze zat´ımco verze Essential 5 mezi nimi zahrnuje tak´e ˇceˇstinu, ve verzi Pro 6 poˇzadovan´ y jazyk chyb´ı. Pr´avˇe tohle je velk´a slabina pouˇzitelnosti programu pro z´akladn´ı ˇskoly, protoˇze jedinˇe verze Pro je souˇca´st´ı multi a cloudov´e licence. Hra neobsahuje nastaven´ı zobrazen´ı noty h podle ˇcesk´e notace – toto nastaven´ı je ovlivnˇeno podle zvolen´eho jazyku. V ˇcasto kladen´ ych ot´azk´ach na ofici´aln´ıch webov´ ych str´ank´ach je zm´ınˇena moˇznost mˇenit kompletn´ı terminologii a ostatn´ı texty programu ruˇcn´ı u ´pravou textov´eho souboru English.lan, kde se nach´az´ı tak´e znaˇcen´ı not. U popisu produktu na webu je uveden seznam podporovan´ ych jazyk˚ u, s upozornˇen´ım, ˇze dalˇs´ı budou pˇrid´any – lze tedy pˇredpokl´adat, ˇze ˇcesk´a lokalizace (spoleˇcnˇe s ˇceskou notac´ı) bude doplnˇena i pro EarMaster Pro 6. Hodnocen´ı: 2/5 2.2.6
Cena
Z´akladn´ı ˇcasovˇe neomezen´e krabicov´e“ verze jsou dostupn´e ve variant´ach: ” • EarMaster Pro 6 – 59,95 e • EarMaster 6 Teacher – 69,95 e • EarMaster Essential 5 – 29,95 e Verze Teacher a Pro je moˇzn´e zakoupit v multilicenci v´azan´e na vybran´ y poˇcet poˇc´ıtaˇc˚ u s ˇcasovˇe neomezenou platnost´ı, kter´a je oznaˇcena jako Lab Pack. V nab´ıdce je tak´e cloudov´a licence, kter´a napˇr. ve variantˇe 100 licenc´ı vych´az´ı cenovˇe 5 e/osoba/rok (nez´avisle na tom, zda jde o studenta nebo uˇcitele); program povoluje souˇcasnou instalaci doma i ve v´ yuce. Hodnocen´ı: 4/5
2.3
Score Trainer
23
Obr´azek 3: Score Trainer – hra Z´ apis not
2.3
Score Trainer
Aplikace Score Trainer od spoleˇcnosti Midimaster [7] je nab´ızena ve dvou edic´ıch – Standard a Professional. Zde hodnot´ım demoverzi ScoreTrainer 8.0.11 (z 15. 3. 2013), kter´a je funkˇcnˇe identick´a s Professional edic´ı.4 2.3.1
Platforma
Aplikace je dle ofici´aln´ıch webov´ ych str´anek [7] urˇcena pro syst´emu Windows 98/NT/ME/2000/XP – je tedy moˇzn´e, ˇze nestabilita a nˇekter´e popisovan´e chyby nejsou tak markantn´ı ve starˇs´ıch verz´ıch Microsoft Windows. Je pˇrekvapiv´e, ˇze pˇrestoˇze posledn´ı verze vyˇsla v roce 2013 a aplikace je st´ale komerˇcnˇe nab´ızena, nen´ı uvedena podpora novˇejˇs´ıch verz´ı syst´emu. Hodnocen´ı: 1/5 2.3.2
V´ yukov´ e moˇ znosti
Score Trainer Professional obsahuje ˇctyˇri z´akladn´ı hry: • h´ad´an´ı not, 4
Demoverze je po dobu 30 dn´ı a pouze volby tisk, ukl´ad´an´ı a naˇc´ıt´an´ı nejsou pˇr´ıstupn´e.
24
2
´ ´I HUDEBN´ICH VYUKOV ´ ´ POROVNAN YCH APLIKAC´I
• h´ad´an´ı slov zapsan´ ych v not´ach, • z´apis not (obr. 3), • pozn´av´an´ı ˇrady not5 . Kaˇzdou z tˇechto her lze spouˇstˇet v reˇzimu Procviˇcov´an´ı, Kv´ız nebo Uˇcit se. Hry nejsou pˇr´ıliˇs z´abavn´e a poutav´e, pracuj´ı jen s notami a jejich pozn´av´an´ım, ale pro jejich nauˇcen´ı mohou b´ yt pˇr´ınosn´e. Hodnocen´ı: 1/5 2.3.3
Uˇ zivatelsk´ a pˇr´ıvˇ etivost
Staˇzen´ı zkuˇsebn´ı verze z domovsk´e str´anky prob´ıh´a standardn´ım zp˚ usobem, nen´ı nutn´e se registrovat. Web je uspoˇr´ad´an pomˇernˇe nepˇrehlednˇe a po prvn´ım naˇcten´ı se zobraz´ı v nemˇeck´em jazyce; je vˇsak moˇzn´e jej pˇrepnout do angliˇctiny. Instalace prob´ıh´a bˇeˇzn´ ym zp˚ usobem pomoc´ı pr˚ uvodce a jiˇz na zaˇca´tku nab´ıdne uˇzivateli ˇceskou verzi. Pˇri spuˇstˇen´ı se aplikace dot´aˇze, zda m´am licenˇcn´ı ˇc´ıslo na plnou verzi. Po zam´ıtnut´ı se spust´ı pr˚ uvodce, kter´ y slouˇz´ı k nastaven´ı programu. Je nutn´e zvolit MIDI zaˇr´ızen´ı, zp˚ usob znaˇcen´ı not, pouˇz´ıvan´ y n´astroj a dalˇs´ı. Tak´e je zobrazeno okno pro zad´an´ı jmen aˇz pˇeti uˇcitel˚ u, pˇriˇcemˇz nen´ı zcela zˇrejm´e, z jak´eho d˚ uvodu a zda je toto nastaven´ı povinn´e. Po potvrzen´ı se dost´av´am do hlavn´ı nab´ıdky. V hlavn´ı nab´ıdce nen´ı na prvn´ı pohled v˚ ubec zˇrejm´e, jakou volbou se spouˇst´ı v´ yukov´e hry. V samotn´em stˇredu okna obsahuje informaci o MIDI ovl´ad´an´ı a seznam lekc´ı z pohledu obt´ıˇznosti a pouˇzit´ ych not, coˇz nen´ı na prvn´ı pohled zcela zˇrejm´e. Pˇri najet´ı kurzoru na horn´ı liˇstu ikon se zobrazuj´ı n´apovˇedy v podobˇe bubliny. Ikony jsou vizu´alnˇe m´alo charakterizuj´ıc´ı, ale po chv´ıli pr´ace s aplikac´ı je moˇzn´e se jejich v´ yznam nauˇcit. Po v´ ybˇeru kaˇzd´e v´ yukov´e hry mus´ım ve sv´em pˇr´ıpadˇe pokaˇzd´e znovu oznaˇcovat, ˇze chci pouˇz´ıvat Demo verzi. Pˇri spuˇstˇen´ı hry jsem nucen zvˇetˇsit okno aplikace, ta totiˇz obsahuje dalˇs´ı vloˇzen´a okna, kter´a se svoj´ı velikost´ı nevejdou na z´akladn´ı obrazovku. Samotn´e hry jsou velmi neintuitivn´ı a nen´ı na prvn´ı pohled zˇrejm´e, jak s nimi pracovat. Hodnocen´ı je zobrazeno v pr˚ ubˇehu kaˇzd´e hry a tak´e v oknˇe Zobrazen´ı nejvyˇsˇs´ıho score. Aplikace je vzhledovˇe velmi zastaral´a a neatraktivn´ı, sv´ ym designem je podobn´a 6 zpracov´an´ı aplikac´ı v Microsoft Windows 95. Je tak´e ˇspatnˇe odladˇen´a – pˇri pouh´e zmˇenˇe velikosti okna nebo potvrzen´ı dialogu nˇekdy doch´az´ı k jej´ımu p´adu, samotn´e hry se chovaj´ı nepˇredv´ıdatelnˇe. Hodnocen´ı: 1/5 5
Ve hˇre oznaˇceno jako Zmˇena na posouvaj´ıc´ı se noty. Nemohl jsem zjistit, od jak´eho roku byla vyv´ıjena, ale vzhled silnˇe evokuje p˚ uvod pr´avˇe ve Windows 95, nebo dokonce Windows 3.1. 6
2.4
Musition 4 a Auralia 4
2.3.4
25
Rozhran´ı pro uˇ citele
Aplikace neobsahuje uˇzivatelsk´e u ´ˇcty, ale je moˇzn´e ji modifikovat v r´amci nastaven´ı lekc´ı – uˇcitel m˚ uˇze aplikaci nastavit na urˇcit´ y poˇcet spr´avn´ ych not nutn´ ych ke splnˇen´ı, zvolit ˇcasov´ y limit, pˇredznamen´an´ı, t´oninu, kl´ıˇc a tak´e omezovat pouˇzit´e noty na vlastn´ı v´ ybˇer. Hodnocen´ı m˚ uˇze zobrazovat pouze v podobˇe ˇzebˇr´ıˇcku nejlepˇs´ıch v´ ysledk˚ u pro kaˇzdou z lekc´ı. Hodnocen´ı: 2/5 2.3.5
ˇ Cesk´ a lokalizace
Webov´e str´anky aplikace jsou v nˇemˇcinˇe a angliˇctinˇe, samotn´a aplikace je jiˇz od instalace plnˇe lokalizov´ana do ˇceˇstiny. Pouˇz´ıv´a ale pomˇernˇe nestandardn´ı n´azvy, napˇr. Realizuj pro potvrzen´ı operace, a komunikuje velmi zmaten´ ym zp˚ usobem, napˇr. v´ yraz tak pomal´y – moc posp´ıch´aˇs v nˇekter´e z her. Aplikace v pr˚ uvodci pˇri spuˇstˇen´ı nab´ız´ı zobrazen´ı noty h podle ˇcesk´e notace. Hodnocen´ı: 3/5 2.3.6
Cena
• Standard – 19,90 e • Professional – 74,90 e. Hodnocen´ı: 3/5
2.4
Musition 4 a Auralia 4
Protoˇze jsou aplikace Musition 4 [8] a Auralia 4 [9] prod´av´any u spoleˇcnosti Sibelius7 spoleˇcnˇe v jednom balen´ı, maj´ı stejn´e ovl´ad´an´ı, grafick´e rozhran´ı, pojet´ı lekc´ı i administraci a hlavn´ı rozd´ıl je tak v samotn´em obsahu v´ yukov´ ych her, zahrnuji je do srovn´an´ı jako jeden produkt. Pˇri pr˚ uzkumu jsem zjistil, ˇze jsou nab´ızeny tak´e u Rising Software [11], kde je moˇzn´e je zakoupit nav´ıc samostatnˇe nebo v cloudov´e licenci. Z ofici´aln´ıch internetov´ ych str´anek nen´ı zˇrejm´e, kter´a ze spoleˇcnost´ı je ofici´aln´ım autorem aplikac´ı. 2.4.1
Platforma
Musition i Auralia jsou k dispozici pro platformy Windows a Mac OS X. Programy nejsou pˇrizp˚ usobeny pro dotykov´e ovl´ad´an´ı, na tabletu se syst´emem Windows by bylo moˇzn´e je s niˇzˇs´ım komfortem pouˇz´ıvat. 7
Spoleˇcnost Sibelius patˇr´ı od roku 2006 pod Avid. [10]
26
2
´ ´I HUDEBN´ICH VYUKOV ´ ´ POROVNAN YCH APLIKAC´I
Obr´azek 4: Musition 4 – v´ ybˇer her
Spoleˇcnost Rising Software nab´ız´ı tak´e varianty pro iPhone a iPad, kde kaˇzd´a aplikace zastupuje jednu v´ yukovou lekci a obsahovˇe jsou velmi podobn´e variant´am pro osobn´ı poˇc´ıtaˇce. Hodnocen´ı: 3/5 2.4.2
V´ yukov´ e moˇ znosti
Musition se zamˇeˇruje pˇredevˇs´ım na hudebn´ı teorii a znalost not, Auralia pracuje s praktick´ ym rozvojem hudebn´ıho sluchu a zpˇevu. Oba programy nab´ız´ı 5 z´akladn´ıch skupiny v´ yuky: • • • • •
v´ yˇska, rytmus, term´ıny a symboly, harmonie, n´astroje.
Kaˇzd´a z nich obsahuje v pr˚ umˇeru 6–8 v´ yukov´ ych her pro obˇe aplikace – Musition 34 her, Auralia 41 her. Tyto hry lze spustit tak´e v podobˇe test˚ u (skupina nˇekolika her za sebou). D´ale jsou k dispozici teoretick´e lekce hudebn´ı nauky, v n´azorn´e textov´e podobˇe s obr´azky a uk´azkami melodi´ı (napˇr. popis hudebn´ı stupnice u hry se stupnicemi). Lekce spolu s testy tvoˇr´ı kompletn´ı kurzy, kter´e kombinuj´ı v´ yuku s testov´an´ı znalost´ı.
2.4
Musition 4 a Auralia 4
27
Hodnocen´ı: 5/5 2.4.3
Uˇ zivatelsk´ a pˇr´ıvˇ etivost
Obr´azek 5: Auralia 4 – hra pozn´ av´an´ı interval˚ u
Pro z´ısk´an´ı obou aplikac´ı ve zkuˇsebn´ı verzi ze str´anek spoleˇcnosti Sibelius je nutn´e zadat z´akladn´ı osobn´ı u ´daje a e-mail; pot´e je nab´ıdnuta ke staˇzen´ı verze pro Windows a Mac. Instalace je pouze v anglick´em jazyce, ale prob´ıh´a pomoc´ı pr˚ uvodce bˇeˇzn´ ym zp˚ usobem. Po prvn´ım spuˇstˇen´ı je zobrazen pr˚ uvodce, kter´ y nab´ız´ı volbu jazyka (pouze anglick´ y a nˇemeck´ y), terminologii v pojmenov´an´ı not (US a UK zp˚ usob) a pˇrepnut´ı noty h podle ˇcesk´e notace. D´ale provede nastaven´ım MIDI v´ ystupu a zvuk˚ u a zaloˇzen´ı uˇzivatelsk´eho u ´ˇctu, kde je nutn´e zadat pˇrihlaˇsovac´ı u ´daje vˇcetnˇe hesla a tak´e v´ yˇsku vlastn´ıho hlasu. Po ukonˇcen´ı pr˚ uvodce jsem vyzv´an k prvn´ımu pˇrihl´aˇsen´ı a aplikace zobraz´ı podrobn´e informace o obsahu demo verze. Pot´e se jiˇz zobraz´ı u ´vodn´ı obrazovka s v´ ybˇerem her (obr. 4). Po v´ ybˇeru kaˇzd´e z nich aplikace zobraz´ı dialog s v´ ybˇerem obt´ıˇznosti, pˇr´ıpadnˇe je moˇzn´e zobrazit teoretick´e lekce z hudebn´ı oblasti, kter´a se hrou souvis´ı. Samotn´e hry prob´ıhaj´ı v mod´aln´ıch oknech se strohou, jednoduchou grafikou. Princip vˇetˇsiny her je intuitivnˇe pochopiteln´ y a je zde vizu´alnˇe v´ yraznˇe oddˇelena ´ ot´azka od moˇzn´ ych odpovˇed´ı. Uvodn´ ı obrazovka, kter´a je na pozad´ı, m´a zaˇsedl´ y text, ale obr´azky jsou st´ale v´ yrazn´e; to m˚ uˇze p˚ usobit m´ırnˇe ruˇsivˇe na koncentraci ˇza´ka.
28
2
´ ´I HUDEBN´ICH VYUKOV ´ ´ POROVNAN YCH APLIKAC´I
Po kaˇzd´em jednotliv´em u ´kolu ve v´ yukov´e hˇre je zobrazeno jeho hodnocen´ı. Zde m´a uˇzivatel moˇznost pokraˇcovat na dalˇs´ı u ´kol, nebo hru ukonˇcit. Po ukonˇcen´ı se zobraz´ı celkov´e hodnocen´ı ke vˇsem probˇehl´ ym u ´kol˚ um s pr˚ umˇernou u ´spˇeˇsnost´ı v procentech, nebo pouze poˇctem spr´avnˇe odpovˇezen´ ych ot´azek (v z´avislosti na typu hry). Zu ´vodn´ı obrazovky je moˇzn´e spustit tak´e test ve vybran´e oblasti. V testech je ˇza´kovi pˇredloˇzeno nˇekolik r˚ uzn´ ych her za sebou, kaˇzd´a po urˇcit´em poˇctu u ´kol˚ u, bez okamˇzit´e odezvy o spr´avnosti; v´ ysledn´e hodnocen´ı se ˇza´k dozv´ı aˇz na u ´pln´em konci testu v podobˇe procentn´ı u ´spˇeˇsnosti. Podobn´ ym zp˚ usobem pracuj´ı kurzy – ty jsou kombinac´ı teoretick´ ych lekc´ı, kter´e ˇza´ka uv´ad´ı do urˇcit´e oblasti, a samotn´ ych test˚ u, kter´e okamˇzitˇe ovˇeˇruj´ı z´ıskan´e znalosti. V kurzech je v lev´em panelu zˇretelnˇe oznaˇcen´ y aktu´aln´ı postup ˇza´ka (kolik poloˇzek kurzu splnil a kolik mu jeˇstˇe zb´ yv´a). Osobn´ı hodnocen´ı je moˇzn´e zobrazit tak´e z u ´vodn´ı obrazovky – to je zobrazeno v podrobn´e tabulce se seznamem t´emat (v´ yukov´ ych her) a hodnocen´ım jejich u ´spˇeˇsnosti. Hodnocen´ı lze exportovat do form´atu PDF nebo vytisknout. Hodnocen´ı: 3/5 2.4.4
Rozhran´ı pro uˇ citele
Obˇe aplikace nab´ız´ı komplexn´ı uˇzivatelskou administraci, kde se uˇzivatel´e dˇel´ı do ˇ ak, Uˇcitel, Administr´ator a Syst´emov´ skupin Z´ y administr´ator. D´ale je moˇzn´e dˇelit ˇza´ky podle ˇskoln´ıch tˇr´ıd. Uˇcitel´e maj´ı pˇr´ıstup k editaci sylabu a kompletn´ıho obsahu jednotliv´ ych lekc´ı, mohou upravovat teoretick´e testy, vˇcetnˇe pˇridˇelov´an´ı ˇcas˚ u, kdy jsou testy otevˇreny. Aplikace generuje podrobn´a hodnocen´ı z libovoln´e oblasti, a to na u ´rovni ˇz´ak˚ u i cel´ ych tˇr´ıd. Veˇsker´e nastaven´ı s uˇzivateli je moˇzn´e ukl´adat v r´amci lok´aln´ıho poˇc´ıtaˇce, do vlastn´ı datab´aze na lok´aln´ı (ˇskoln´ı) s´ıti, vyuˇz´ıvaj´ıc´ı datab´azov´ y server Firebird, nebo do hostovan´e cloudov´e sluˇzby v pˇr´ıpadˇe zakoupen´ı cloudov´e edice8 programu. Datab´aze je vˇzdy spoleˇcn´a pro Musition i Auralia. Hodnocen´ı: 5/5 2.4.5
ˇ Cesk´ a lokalizace
Aplikace je pouze v anglick´em a nˇemeck´em jazyce, vˇcetnˇe veˇsker´ ych popis˚ u a lekc´ı. Je vˇsak moˇzn´e pˇri prvn´ım spuˇstˇen´ı zvolit form´at not podle ˇcesk´e notace. Hodnocen´ı: 2/5 8
Cloudov´ a edice je dostupn´ a pouze od spoleˇcnosti Rising Software. [11]
2.5
Theta Music Trainer
2.4.6
29
Cena
U spoleˇcnosti Sibelius jsou aplikace Auralia 4 a Musition 4 nab´ızeny spoleˇcnˇe: • oba programy standardn´ı edice – $249 • oba programy pro studenty – $159 U Rising Software jsou ceny spoleˇcn´eho balen´ı totoˇzn´e, dalˇs´ı ceny jsou: • Auralia nebo Musition standardn´ı edice – $149 • Auralia nebo Musition pro studenty – $99 • oba programy v cloudov´e edici na 1 rok (1 licence) – $49 Mobiln´ı aplikace pro iPhone a iPad jsou nab´ızeny vˇetˇsinou v cenˇe $1,99 nebo $0,99 za samostatnou lekci. Hodnocen´ı: 2/5
2.5
Theta Music Trainer
Obr´azek 6: Theta Music Trainer – v´ ybˇer her
30
2
2.5.1
´ ´I HUDEBN´ICH VYUKOV ´ ´ POROVNAN YCH APLIKAC´I
Platforma
Aplikace Theta Music Trainer [12] je dostupn´a online jako webov´a str´anka a tak´e jako nativn´ı aplikace pro mobiln´ı syst´emy iOS a Android. Ve sv´e webov´e verzi, na kterou se v tomto srovn´an´ı zamˇeˇr´ım nejv´ıce, vyuˇz´ıv´a technologii Flash. Flash je vyuˇz´ıv´an v hudebn´ıch uk´azk´ach, hr´ach i podrobn´em hodnocen´ı. Z tohoto d˚ uvodu je aplikace funkˇcn´ı tak´e ve starˇs´ıch prohl´ıˇzeˇc´ıch, ale nekompatibiln´ı s vˇetˇsinou mobiln´ıch zaˇr´ızen´ı. Mobiln´ı aplikace obsahuje vˇsechny hry, kter´e jsou ve webov´e verzi. Uˇzivatel m´a po spuˇstˇen´ı moˇznost pˇrihl´asit se do stejn´eho uˇzivatelsk´eho u ´ˇctu, jako ve webov´e verzi, nebo m˚ uˇze aplikaci pouˇz´ıvat bez pˇrihl´aˇsen´ı. Hodnocen´ı: 4/5 2.5.2
V´ yukov´ e moˇ znosti
Cel´a aplikace je navrˇzena stylem ˇskoly hrou a zamˇeˇruje se pˇredevˇs´ım na typ her, kter´e pracuj´ı s poslechem. Je zde 43 v´ yukov´ ych her, kter´e se dˇel´ı do 11 skupin podle t´ematu zamˇeˇren´ı. Kaˇzd´a skupina pak obsahuje jeˇstˇe detailnˇejˇs´ı rozdˇelen´ı do podskupin. Mezi v´ yukov´e hry patˇr´ı napˇr´ıklad: • • • • • • • • •
pozn´av´an´ı t´on˚ u a not, pozn´av´an´ı harmonick´ ych a melodick´ ych interval˚ u, pozn´av´an´ı akord˚ u, opakov´an´ı melodie na z´akladˇe poslechu, pozn´av´an´ı rytmu, hlasov´a cviˇcen´ı - t´ony, pozn´av´an´ı hudebn´ıch efekt˚ u, pozn´av´an´ı hudebn´ıch n´astroj˚ u, a dalˇs´ı.
Kaˇzd´a z her pracuje s tˇemito oblastmi odliˇsn´ ym zp˚ usobem – nˇekter´e vypadaj´ı t´emˇeˇr jako bˇeˇzn´e poˇc´ıtaˇcov´e hry, vˇetˇsina ale funguje vyv´aˇzenˇejˇs´ım stylem, zamˇeˇren´ ym tak´e na v´ yuku. U her, kter´e jsou silnˇe inspirovan´e poˇc´ıtaˇcov´ ymi hrami, 9 je jejich vzdˇel´avac´ı u ´ˇcinnost velmi sporn´a. Tak´e je moˇzn´e spustit cel´ y kurz, kter´ y se skl´ad´a z ˇrady her na urˇcit´e t´ema – jsou zde kurzy Basic Ear Training, Music Theory a Sound & Audio. D´ale je zde zahrnuto nˇekolik kapitol hudebn´ı teorie i s uk´azkami melodi´ı, pˇriˇcemˇz ke kaˇzd´e z nich je zobrazena skupina her, kter´e slouˇz´ı k tr´eninku. Hodnocen´ı: 5/5 9
Napˇr´ıklad hra Paddle Pitch, kter´ a je inspirov´ana starou poˇc´ıtaˇcovou hrou Breakout, kde m´a hr´ aˇc za u ´kol pomoc´ı pohybliv´e ploˇsinky a kuliˇcky, kter´a se o ni odr´aˇz´ı, postupnˇe zniˇcit vˇsechny kostky.
2.5
Theta Music Trainer
31
Obr´azek 7: Theta Music Trainer – hra pozn´av´an´ı posloupnost´ı
2.5.3
Uˇ zivatelsk´ a pˇr´ıvˇ etivost
Pro spuˇstˇen´ı libovoln´e hry nen´ı nutn´e staˇzen´ı ani registrace. Vytvoˇren´ı uˇzivatelsk´eho u ´ˇctu je ale v´ yhodn´e, protoˇze pˇrin´aˇs´ı moˇznost ukl´ad´an´ı v´ ysledk˚ u ˇza´ka a sledov´an´ı postupu ve hˇre. Registrace probˇehne okamˇzitˇe po zad´an´ı uˇzivatelsk´ ych u ´daj˚ u, nen´ı nutn´e potvrzen´ı e-mailem a ˇz´ak je hned pˇrihl´aˇsen. Kaˇzd´a hra se pˇri prvn´ım spuˇstˇen´ı nejprve chv´ıli naˇc´ıt´a, pot´e je zobrazeno hern´ı menu. Zde je moˇzn´e zvolit obt´ıˇznost (na ˇsk´ale 1–20), zobrazit n´apovˇedu k dan´e hˇre a spustit hru v reˇzimu cviˇcen´ı nebo bodovanˇe. Po zvolen´ı reˇzimu je zah´ajena samotn´a hra. Hry jsou ztv´arnˇeny barevnou, kreslenou grafikou, vyznaˇcuj´ı se jednoduchost´ı, n´azornost´ı a pouˇzit´ı je vˇetˇsinou intuitivn´ı. U hlasov´ ych her, vyuˇz´ıvaj´ıc´ıch mikrofon, nen´ı potˇreba ˇza´dn´a kalibrace – i m´enˇe kvalitn´ı mikrofon funguje okamˇzitˇe a bez probl´em˚ u. Bodovan´ y reˇzim je subjektivnˇe n´aroˇcn´ y a b´ yv´a vymezen ˇcasov´ ym limitem nebo maxim´aln´ım poˇctem pokus˚ u pro danou hru. Hodnocen´ı je zobrazeno v pr˚ ubˇehu samotn´e hry v podobˇe bodov´eho hodnocen´ı. Body jsou zobrazeny v pˇr´ıpadˇe u ´spˇeˇsn´eho splnˇen´ı tak´e po ukonˇcen´ı hry, vˇcetnˇe 5 nejlepˇs´ıch v´ ysledk˚ u hr´aˇce a jeho postup k dalˇs´ımu p´asku. Pokud si hr´aˇc nevedl v urˇcit´e oblasti pˇr´ıliˇs dobˇre, nˇekter´e z her
32
2
´ ´I HUDEBN´ICH VYUKOV ´ ´ POROVNAN YCH APLIKAC´I
mu zobraz´ı tak´e konkr´etn´ı doporuˇcen´ı ke zlepˇsen´ı.10 Hodnocen´ı je celkovˇe dˇeleno na body a celkov´ y poˇcet u ´rovn´ı, kter´e ˇza´k splnil. Na z´akladˇe poˇctu splnˇen´ ych u ´rovn´ı je kaˇzd´emu uˇzivateli pˇriˇrazen p´asek – od b´ıl´eho po ˇcern´ y, celkem 10 barev. V aplikaci je moˇzn´e otevˇr´ıt podrobn´ y ˇzebˇr´ıˇcek, kter´ y zobrazuje vˇsechny uˇzivatele a jejich bodov´e hodnocen´ı. Tak´e si uˇzivatel m˚ uˇze zobrazit osobn´ı ˇzebˇr´ıˇcky pro kaˇzdou z tr´enovan´ ych her, nebo vlastn´ı postup, kde mu aplikace vykresl´ı jeho posledn´ı v´ ysledky ve vybran´e oblasti bˇehem ˇcasov´eho obdob´ı. Hodnocen´ı: 4/5 2.5.4
Rozhran´ı pro uˇ citele
Aplikace obsahuje podporu uˇzivatelsk´ ych u ´ˇct˚ u pro uˇcitele. Pˇri registraci uˇcitel zvol´ı ˇskolu, pod kterou patˇr´ı on i jeho ˇza´ci. Pot´e m´a moˇznost ˇza´k˚ um vytv´aˇret uˇzivatelsk´e u ´ˇcty. To lze zad´an´ım jejich e-mailov´ ych adres, na kter´e jim pˇrijde pozv´anka, nebo zad´an´ım seznamu n´azv˚ u uˇzivatelsk´ ych u ´ˇct˚ u, kter´e budou vytvoˇreny. ˇ aky Uˇcitel m´a moˇznost upravit ˇz´ak˚ um nastaven´ı, vˇcetnˇe zmˇeny jm´ena a hesla. Z´ je moˇzn´e pˇriˇrazovat do tˇr´ıd, kter´e uˇcitel v aplikaci vytvoˇr´ı. Kaˇzd´emu uˇzivateli lze pˇridˇelovat hry, kter´e dostane za u ´kol na konkr´etn´ı datum – k u ´kolu m˚ uˇze uˇzivatel ps´at instrukce a zvolit upozornˇen´ı ˇza´ka na e-mail. Podobnˇe je moˇzn´e pˇriˇrazovat ˇza´k˚ um vybran´e kurzy, coˇz jsou skupiny v´ yukov´ ych her. Uˇcitel m´a moˇznost prohl´ıˇzet hodnocen´ı na z´akladˇe uˇzivatelsk´ ych u ´ˇct˚ u ˇza´k˚ u– zobrazen je poˇcet ˇz´akem hran´ ych her, celkov´ y poˇcet u ´rovn´ı, kter´e splnil a celkov´ y poˇcet z´ıskan´ ych bod˚ u. Tak´e m˚ uˇze zobrazit podrobn´ y seznam z´aznam˚ u, jak´e hry hr´al ˇza´k naposledy a jak´eho v´ ysledku v nich dos´ahl. Uˇcitel tak´e m˚ uˇze prohl´ıˇzet ˇzebˇr´ıˇcek nejlepˇs´ıch ˇza´k˚ u pro danou ˇskolu, opˇet s celkov´ ym poˇctem bod˚ u a poˇctem splnˇen´ ych u ´rovn´ı. V moˇznostech nastaven´ı v r´amci cel´e ˇskoly je zmˇena znaˇcen´ı hudebn´ı stupnice, zmˇena znaˇcen´ı ˇr´ımsk´ ych ˇc´ısel, vypnut´ı zvuk˚ u pro spr´avnou nebo ˇspatnou odpovˇed’ a vypnut´ı hern´ıch tip˚ u. Hodnocen´ı: 4/5 2.5.5
ˇ Cesk´ a lokalizace
Aplikace nepodporuje ˇcesk´ y jazyk a nen´ı zde ani moˇznost nastavit zobrazen´ı noty h podle ˇcesk´e notace. Hodnocen´ı: 0/5 10
Napˇr´ıklad u interval˚ u dostane hr´ aˇc seznam problematick´ ych interval˚ u a m˚ uˇze okamˇzitˇe spustit novou hru, kter´ a se na nˇe zamˇeˇruje.
2.6
Z´avˇereˇcn´e porovn´an´ı
2.5.6
33
Cena
Z´akladn´ı verze aplikace s pˇr´ıstupem do prvn´ıch tˇr´ı u ´rovn´ı obt´ıˇznosti u kaˇzd´e hry je zdarma. Pro pˇr´ıstup do vˇsech 20 u ´rovn´ı je nutn´e zakoupen´ı nˇekter´e z licenc´ı, kter´e jsou pouze na b´azi pˇredplatn´eho. Jednouˇzivatelsk´e licence: • mˇes´ıˇcn´ı pˇredplatn´e – $7,95/mˇes´ıc • roˇcn´ı pˇredplatn´e – $4,08/mˇes´ıc ˇ Skoln´ ı licence: • Theta Studio (50 u ´ˇct˚ u) – $99/rok • Theta School (200 u ´ˇct˚ u) – $199/rok Hodnocen´ı: 5/5
2.6
Z´ avˇ ereˇ cn´ e porovn´ an´ı
Pˇri hled´an´ı v´ yukov´ ych aplikac´ı, kter´e by byly opravdu pouˇziteln´e pro ˇcesk´e prostˇred´ı (pˇredevˇs´ım podporou ˇcesk´eho form´atu not), jsem nedok´azal naj´ıt dalˇs´ı z´astupce vhodn´e ke srovn´an´ı. Trh je zamˇeˇren´ y pˇredevˇs´ım na ostatn´ı st´aty, protoˇze znaˇcen´ı ˇ hudebn´ı abecedy, pouˇz´ıvan´e v Cesk´e republice a okoln´ıch st´atech, je silnˇe minoritn´ı. Nalezl jsem mimo jin´e soubor multiplatformn´ıch hudebn´ıch aplikac´ı Foriero [13] od ˇcesk´eho autora, ale i pˇresto, ˇze webov´e str´anky jsou v ˇcesk´em jazyce, aplikace nab´ız´ı v´ yuku pouze v angliˇctinˇe s anglickou notac´ı.
2.7
Shrnut´ı vlastnost´ı
I pˇres relativnˇe mal´ y poˇcet her je EarMaster uˇzivatelsky dobˇre pouˇziteln´ ym programem, kter´ y nab´ız´ı v´ yuku sp´ıˇse tradiˇcnˇejˇs´ı formou. Vˇsechny hry pracuj´ı s notami, coˇz m˚ uˇze b´ yt nev´ yhodou, pokud hled´ame z´abavnˇejˇs´ı pˇr´ıstup. Grafick´e rozhran´ı je ˇ a lostroh´e a m´alo hrav´e“, aplikace je tak vhodn´a sp´ıˇse pro starˇs´ı roˇcn´ıky. Cesk´ ” kalizace zde chyb´ı, d´a se vˇsak oˇcek´avat, ˇze bude doplnˇena. Poˇrizovac´ı n´aklady jsou pomˇernˇe n´ızk´e, pˇredevˇs´ım pˇri zakoupen´ı cloudov´e licence ve vˇetˇs´ım poˇctu. Vzhledem ke sv´e cenˇe je aplikace Score Trainer velmi ˇspatnou volbou, pˇrestoˇze je st´ale nab´ızena ˇcesk´ ym distributorem. Od doby sv´eho vzniku se zmˇenila nejsp´ıˇse jen nepatrnˇe, m´a velmi zastaral´e uˇzivatelsk´e rozhran´ı, m´alo her a s absenc´ı uˇzivatelsk´ ych u ´ˇct˚ u nen´ı v˚ ubec vhodn´a pro pouˇzit´ı ve ˇskole. Jedinou v´ yhodou je ˇcesk´a lokalizace, ta vˇsak nen´ı ide´aln´ı a celkov´emu dojmu pˇr´ıliˇs nepom´ah´a. Musition a Auralia nab´ız´ı vysokou pˇridanou hodnotu v teoretick´ ych popisech jednotliv´ ych hudebn´ıch oblast´ı, kter´e nab´ız´ı samostatnˇe, ale tak´e v r´amci kurz˚ u. Celkovˇe jsou kurzy velmi dobˇre koncipovan´e a mohou b´ yt zaj´ımavou pˇridanou hodnotou pro dom´ac´ı v´ yuku. Aplikac´ım bych vytknul stroh´e uˇzivatelsk´e rozhran´ı a pˇr´ıliˇs
34
2
´ ´I HUDEBN´ICH VYUKOV ´ ´ POROVNAN YCH APLIKAC´I
tradiˇcn´ı pˇr´ıstup k v´ yuce, kter´ y ˇz´ak˚ um nenab´ız´ı v´ıce kreativity a hravosti v r´amci v´ yukov´ ych her – jsou tak vhodn´e sp´ıˇse pro vyˇsˇs´ı roˇcn´ıky z´akladn´ıch ˇskol a stˇredn´ı ˇskoly. Vyˇsˇs´ı poˇrizovac´ı cena i v pˇr´ıpadˇe cloudov´e licence je zde pomˇernˇe adekv´atn´ı, vzhledem k hodnotˇe, kterou tato dvojice aplikac´ı nab´ız´ı; vˇetˇs´ı pˇrek´aˇzkou tak m˚ uˇze b´ yt pˇredevˇs´ım rozhran´ı v anglick´em jazyce. Theta Music Trainer je aplikace navrˇzen´a pro velmi hrav´ y a z´abavn´ y styl v´ yuky. Pˇrirozenˇe motivuje ˇz´aka ke zlepˇsov´an´ı pomoc´ı syst´emu p´ask˚ u, kter´e ˇza´k z´ısk´av´a za kaˇzdou splnˇenou u ´roveˇ n hry. V´ yhodou je dostupnost odkudkoliv d´ıky platformˇe webov´e aplikace, mezi klady patˇr´ı tak´e mobiln´ı aplikace, kter´e obsahuj´ı stejnou nab´ıdku her a spoleˇcn´ yu ´ˇcet. Nejvˇetˇs´ı nev´ yhodou je chybˇej´ıc´ı podpora ˇcesk´eho stylu znaˇcen´ı not, takˇze v´ yukov´e hry, kter´e pracuj´ı pˇr´ımo s notami, nejsou pˇr´ıliˇs pouˇziteln´e pro ˇceskou z´akladn´ı ˇskolu. Dalˇs´ım probl´emem je pouˇzit´a technologie Flash, kter´a omezuje pouˇzit´ı webov´e aplikace pouze na podporovan´e prohl´ıˇzeˇce s t´ımto doplˇ nkem. Cenovˇe tato aplikace vych´az´ı pˇri zakoupen´ı hromadn´e licence pro ˇskolu relativnˇe v´ yhodnˇe. 2.7.1
Porovn´ an´ı na z´ akladˇ e metriky
Ve srovn´an´ı vˇsech aplikac´ı pouˇz´ıv´am jako hlavn´ı mˇeˇr´ıtko ceny cloudovou verzi, pokud ji aplikace nab´ız´ı – pˇredpokl´ad´am, ˇze je pro vˇetˇsinu ˇskol nejv´ yhodnˇejˇs´ı vyuˇz´ıvat program v hromadn´ ych licenc´ıch. Vˇsechny ceny jsem normalizoval pˇrepoˇctem na jednoho uˇzivatele; u vˇetˇsiny multilicenˇcn´ıch program˚ u je nutn´e poˇr´ıdit licenci pro nejm´enˇe 100 uˇzivatel˚ u, neˇz bude t´eto ceny dosaˇzeno. Tabulka 1: Porovn´ an´ı z´ akladn´ıch parametr˚ u aplikac´ı
ˇ Cesk´ a lokalizace
Cena
14 her
ne
4,99 e/rok 1 licence
Windows
4 hry
ano
74,90 e 1 licence
Musition 4 a Auralia 4
Windows, Mac, iOS
34 + 41 her
ne
$49/rok 1 licence
Theta Music Trainer
Web (Flash), Android, iOS
43 her
ne
$0,995/rok 1 licence
N´ azev programu
Platforma
V´ yukov´ e moˇ znosti
Earmaster Pro 6
Windows, Mac
ScoreTrainer Pro 8
2.7
Shrnut´ı vlastnost´ı
2.7.2
35
Hodnocen´ı
Pˇri srovn´an´ı aplikac´ı na z´akladˇe udˇelen´ ych bod˚ u a stanoven´e v´ahy jednotliv´ ych krit´eri´ı vych´az´ı n´asleduj´ıc´ı poˇrad´ı: 1. 2. 3. 4.
Theta Music Trainer – 67 bod˚ u Musition 4 a Auralia 4 – 66 bod˚ u Earmaster Pro 6 – 62 bod˚ u ScoreTrainer Pro 8 – 39 bod˚ u
Toto srovn´an´ı ukazuje vysokou bodovou vyrovnanost prvn´ıch dvou aplikac´ı. Je vˇsak nutn´e br´at na zˇretel, ˇze poˇzadavek na ˇceskou lokalizaci, kter´ y jsem nastavil jako nejd˚ uleˇzitˇejˇs´ı krit´erium, nebyl u aplikace Theta Music Trainer v˚ ubec splnˇen. Proto je nutn´e zv´aˇzit ze strany uˇcitele veˇsker´a rizika, kter´e to m˚ uˇze ve v´ yuce obn´aˇset a na z´akladˇe nich se individu´alnˇe rozhodnout, jak´e aplikaci d´a pˇrednost. Podrobn´e srovn´an´ı aplikac´ı je uvedeno v pˇr´ıloze A.
3
´ ˇ ˚ ANALYZA POZADAVK U
3
37
Anal´ yza poˇ zadavk˚ u
Pro spr´avn´ y n´avrh aplikace nejprve analyzuji typick´eho uˇzivatele a zjist´ım d´ılˇc´ı ˇcinnosti, kter´e se k jeho pouˇz´ıv´an´ı aplikace budou v´azat. Podle nich rozeberu funkˇcn´ı i nefunkˇcn´ı poˇzadavky. Pˇri urˇcov´an´ı poˇzadavk˚ u budu spolupracovat s uˇcitelem hudebn´ı v´ ychovy Mgr. Martinem Grob´arem, kter´ y vyuˇcuje na Z´akladn´ı ˇskole Tom´aˇse Garrigua Masaryka Blansko.
3.1
Anal´ yza uˇ zivatele
Typick´ y uˇzivatel se bude dˇelit do dvou prim´arn´ıch skupin: ˇ ak navˇstˇevuj´ıc´ı 3.–8. tˇr´ıdu ZS, ˇ kter´eho nebav´ı uˇcen´ı bˇeˇznou cestou a hled´a • Z´ nˇejakou z´abavnou alternativu. • Uˇcitel ve vˇeku od 20 let, kter´ y hled´a jednoduch´ y zp˚ usob, jak vzdˇel´avat sv´e ˇza´ky v hudebn´ı nauce. 3.1.1
´ cel aplikace Uˇ
Rozvinout u ˇza´ka hudebn´ı sluch nen´asilnou a jednoduchou formou. Vyhodnocovat dosaˇzen´e u ´spˇechy objektivn´ı metrikou. 3.1.2
D´ılˇ c´ı ˇ cinnosti
ˇ ak – v´ • Z´ ybˇer hry, hran´ı hry, prohl´ıˇzen´ı osobn´ıho hodnocen´ı, volba obt´ıˇznosti, pˇrizp˚ usoben´ı profilu. • Uˇ citel – prohl´ıˇzen´ı hodnocen´ı ˇza´k˚ u, pˇrid´av´an´ı a odeb´ır´an´ı ˇz´ak˚ u do aplikace, spr´ava podklad˚ u pouˇzit´ ych k v´ yuce.
3.2
Funkˇ cn´ı poˇ zadavky
Poˇzadavky obecnˇe definuj´ı chov´an´ı, kter´e bude aplikace vykazovat pod urˇcit´ ymi podm´ınkami. Poˇzadavek je specifikace toho, co by mˇelo b´yt implementov´ano. Popisuje chov´an´ı syst´emu nebo jeho vlastnost. Poˇzadavky mohou urˇcovat omezen´ı v´yvojov´eho procesu syst´emu (voln´ y pˇreklad) [14, s. 6]. Funkˇcn´ı poˇzadavky jsou obecnˇe ch´ap´any jako skupina poˇzadavk˚ u, kter´e jsou vn´ım´any z pohledu uˇzivatele. 3.2.1
Uˇ zivatelsk´ eu ´ˇ cty
ˇ ak i uˇcitel se budou moci pˇrihl´asit do aplikace pod sv´ Z´ ym uˇzivatelsk´ ym u ´ˇctem. ˇ Kaˇzd´ y u ´ˇcet bude evidovat z´akladn´ı informace o uˇzivateli. Z´akovsk´e u ´ˇcty budou ukl´adat informace o ˇskoln´ı tˇr´ıdˇe, kterou navˇstˇevuje, aby bylo moˇzn´e ˇz´aka pˇresnˇe
38
3
´ ˇ ˚ ANALYZA POZADAVK U
identifikovat. Kaˇzd´ y uˇzivatel bude m´ıt moˇznost zmˇenit sv´e heslo a zvolit osobn´ıho 11 avatara . 3.2.2
Pouˇ z´ıv´ an´ı her
Uˇzivatel´e budou m´ıt pˇr´ıstup k jednotliv´ ym v´ yukov´ ym hr´am. Kaˇzd´a hra bude obsahovat struˇcn´e vysvˇetlen´ı jej´ıho pouˇzit´ı a po jej´ım splnˇen´ı zobraz´ı uˇzivateli hodnocen´ı. Kaˇzd´ y uˇzivatel bude m´ıt moˇznost zjistit zpˇetnˇe sv´e celkov´e hodnocen´ı. 3.2.3
Uˇ citel – Prohl´ıˇ zen´ı hodnocen´ı ˇ z´ ak˚ u
Uˇcitel bude m´ıt moˇznost prohl´ıˇzet osobn´ı hodnocen´ı ˇz´aka na z´akladˇe jeho pouˇz´ıv´an´ı v´ yukov´ ych her v aplikaci. Bude moci porovn´avat jednotliv´e ˇz´aky mezi sebou a zjiˇst’ovat u ´spˇechy ˇza´k˚ u podle tˇr´ıd. 3.2.4
Uˇ citel – Pˇrid´ av´ an´ı a odeb´ır´ an´ı ˇ z´ ak˚ u
Uˇcitel bude m´ıt moˇznost vytv´aˇret nov´e uˇzivatelsk´e u ´ˇcty ˇza´k˚ um. Bude moci v aplikaci vytv´aˇret nov´e tˇr´ıdy a jednotliv´ ym ˇza´k˚ um nastavovat, do kter´e tˇr´ıdy patˇr´ı. 3.2.5
Uˇ citel – Spr´ ava hern´ıch podklad˚ u
Uˇcitel bude m´ıt moˇznost ovlivˇ novat obsah her jejich nastavov´an´ım nebo nahr´av´an´ım pˇr´ısluˇsn´ ych podklad˚ u. Podklady bude moci ovlivˇ novat i zpˇetnˇe po jejich uloˇzen´ı.
3.3
Nefunkˇ cn´ı poˇ zadavky
Nefunkˇcn´ı poˇzadavky zahrnuj´ı dalˇs´ı vlastnosti aplikace, kter´e se net´ ykaj´ı pˇr´ımo funkc´ı z pohledu uˇzivatele. Nefunkˇcn´ı poˇzadavky mohou zahrnovat chov´an´ı syst´emu v urˇcit´em prostˇred´ı, jako napˇr´ıklad platformu, pˇrenositelnost, kompatibilitu, v´ ykon a dalˇs´ı [14, s. 10]. Aplikace by mˇela m´ıt jednoduch´ y a modern´ı design, kter´ y by mˇel b´ yt zaj´ımav´ y i z pohledu ˇza´ka. P´ısmo by mˇelo b´ yt dostateˇcnˇe velk´e a ˇciteln´e. Mˇela by b´ yt naprogramov´ana co nejv´ıce platformˇe nez´avisle, a to z pohledu zaˇr´ızen´ı (mobiln´ı telefon, tablet, osobn´ı poˇc´ıtaˇc), prohl´ıˇzeˇce (fungov´an´ı v nejpouˇz´ıvanˇejˇs´ıch prohl´ıˇzeˇc´ıch) i ovl´ad´an´ı (podpora kl´avesnice a myˇsi i dotykov´eho ovl´ad´an´ı). Odezva aplikace by mˇela b´ yt dostateˇcnˇe rychl´a. Aplikace by mˇela b´ yt naprogramov´ana bezpeˇcnˇe, b´ yt odoln´a v˚ uˇci u ´tok˚ um a chr´anit uˇzivatele pˇred zneuˇzit´ım jejich u ´ˇct˚ u. Mˇela by m´ıt ˇciteln´ y, vhodnˇe okomentovan´ y zdrojov´ y k´od. K´od aplikace by mˇel pouˇz´ıvat vhodn´e n´avrhov´e vzory, aplikace by mˇela b´ yt modul´arn´ı pro moˇznosti dalˇs´ıho rozˇsiˇrov´an´ı. Pro moˇznosti vyhodnocov´an´ı testov´an´ı a ladˇen´ı by mˇela zaznamen´avat dostateˇcnˇe podrobn´e informace o uˇzivatel´ıch. 11
Avatar je postava, kter´ a reprezentuje virtu´aln´ı podobu uˇzivatele
4
´ ˇ SEN ˇ ´I NAVRH RE
4
39
N´ avrh ˇreˇsen´ı
Na z´akladˇe anal´ yzy poˇzadavk˚ u v kapitole 3 navrhnu z´akladn´ı strukturu aplikace, v n´ıˇz se bude uˇzivatel pohybovat. Pot´e rozeberu konkr´etn´ı hry, kter´e budou v aplikaci obsaˇzeny a na z´akladˇe nich rozeberu jednotliv´e sloˇzky aplikace, jako je modul pro hodnocen´ı a administrace.
4.1
Uˇ zivatelsk´ e rozhran´ı
Jak je patrn´e z anal´ yzy uˇzivatel˚ u, navrhovan´a aplikace mus´ı kl´ast maxim´aln´ı d˚ uraz na jednoduchost, aby se s jej´ım prostˇred´ım bez probl´emu nauˇcily pracovat i mal´e dˇeti navˇstˇevuj´ıc´ı prvn´ı stupeˇ n z´akladn´ı ˇskoly. Proto je nezbytn´e navrhnout maxim´alnˇe pˇr´ıvˇetiv´e a intuitivn´ı uˇzivatelsk´e rozhran´ı. 4.1.1
Logick´ a struktura aplikace
Jak vypl´ yv´a ze statistik, v dneˇsn´ı dobˇe jsou ˇza´ci jiˇz od u ´tl´eho vˇeku zvykl´ı pouˇz´ıvat 12 r˚ uzn´a mobiln´ı zaˇr´ızen´ı. Pr´avˇe mobiln´ı operaˇcn´ı syst´emy pouˇz´ıvaj´ı velmi ˇcasto navigaci postavenou na vzoru Hub and spoke. Hub and spoke vypisuje vˇsechny hlavn´ı ˇc´asti str´anky nebo aplikace na domovsk´e str´ance, tzv. hubu. Uˇzivatel klikne nebo prstem oznaˇc´ı danou volbu, provede poˇzadovan´ y u ´kon a vr´at´ı se zpˇet do hubu pro pokraˇcov´an´ı jinou moˇznost´ı. Obrazovky spoke jsou naopak zamˇeˇren´e konkr´etnˇe na vykon´an´ı urˇcit´eho u ´konu a velmi opatrnˇe zach´az´ı s prostorem.13 Vzhledem k tomu, ˇze je m´ ym c´ılem navrhnout aplikaci multiplatformnˇe a tak, aby plnˇe podporovala pˇr´ıstroje s dotykov´ ym rozhran´ım a pˇripom´ınala svoj´ı jednoduchost´ı jejich ovl´ad´an´ı, vol´ım pr´avˇe vzor Hub and spoke. Jako hub bude slouˇzit hlavn´ı obrazovka, ve kter´e se uˇzivatel dostane jedn´ım gestem na obrazovku s vybranou hrou nebo do str´anky s ˇzebˇr´ıˇckem jej´ıho hodnocen´ı. 4.1.2
Hlavn´ı obrazovka
Pˇri n´avrhu hrub´e podoby aplikace pracuji s principem mobile first. Mobile first [17] je zaloˇzen na v´ yvoji ve stylu tzv. progressive enhancement [18] – zamˇeˇruji se prim´arnˇe na obsah, kostru navrhnu tak, aby byla po implementaci okamˇzitˇe pouˇziteln´a na mobiln´ıch zaˇr´ızen´ıch, teprve pot´e ji responzivnˇe pˇrizp˚ usob´ım vˇetˇs´ım u ´hlopˇr´ıˇck´am. Kdyˇz vych´az´ım z potˇreb uˇzivatele, v centru jeho pozornosti jsou samotn´e hry, kter´e bude cht´ıt po otevˇren´ı aplikace spouˇstˇet. Tyto tedy um´ıst´ım ve v´ yraznˇe viditeln´ ych bloc´ıch (odliˇsen´ ych od ostatn´ıch element˚ u jak velikost´ı, tak barvou) do 12
Oˇcek´ av´ a se, ˇze v roce 2020 bude v´ıce neˇz 90 % dˇet´ı starˇs´ıch 6 let pouˇz´ıvat mobiln´ı telefon [15]. [...] this architecture lists all the major parts of the site or app on the home screen, or “hub.” The user clicks or taps through to them, does what she needs to do, and comes back to the hub to go somewhere else. The “spoke” screens focus tightly on their jobs, making careful use of space – they may not have room to list all the other major screens. [16, s. 80] 13
40
4
´ ˇ SEN ˇ ´I NAVRH RE
Hodnocení ve hře 1 Hra 1 Hra 3
Hlavní obrazovka Hodnocení ve hře 3
Hodnocení ve hře 2
Hra 2
Nastavení profilu
Obr´azek 8: Diagram Hub and spoke
nejvˇetˇs´ıho prostoru viewportu – k nim vizu´alnˇe sv´aˇzu pole odkazuj´ıc´ı na hodnocen´ı v dan´e hˇre. Protoˇze bude z pohledu uˇcitele ˇz´adouc´ı m´ıt o kaˇzd´em z uˇzivatel˚ u unik´atn´ı pˇrehled, mus´ım zav´est uˇzivatelsk´e u ´ˇcty, a tedy i pˇrihlaˇsov´an´ı a odhlaˇsov´an´ı. D´ale mu chci pˇredat informaci o tom, ˇze je pˇrihl´aˇsen´ ym pr´avˇe on zobrazen´ım jeho jm´ena, a samotn´e jm´eno bude tak´e slouˇzit jako odkaz do jeho uˇzivatelsk´eho profilu, coˇz by mˇelo b´ yt vn´ım´ano implicitnˇe. Pro n´avrat z jin´e obrazovky zpˇet na hlavn´ı bude slouˇzit nadpis, kter´ y vyuˇz´ıv´a 14 vzoru Escape hatch. Pr´avˇe na mobiln´ıch zaˇr´ızen´ıch, kde je m´alo prostoru pro velk´e mnoˇzstv´ı ovl´adac´ıch prvk˚ u, je tento vzor obzvl´aˇstˇe d˚ uleˇzit´ y a ukazuje uˇzivateli zn´am´ y vizu´aln´ı prvek, kter´ y jej vˇzdy pˇrivede zp´atky na zaˇca´tek, at’ uˇz je kdekoliv. Vˇsechny tyto prvky zpracuji do vizu´aln´ı podoby pro mobiln´ı obrazovku, kterou n´aslednˇe pˇrizp˚ usob´ım tak´e pro bˇeˇznou obrazovku webov´eho prohl´ıˇzeˇce na poˇc´ıtaˇci (n´avrh na obr. 9). 14
On each screen that has limited navigation options, place a button or link that clearly gets the user out of that screen and back to a known place. [...] Websites often use clickable site logos as home-page links, usually in the upper left of a page. These provide an Escape Hatch in a familiar place, while helping with branding. [16, s. 104]
4.2
V´yukov´e hry
41
Obr´azek 9: Mockup mobiln´ı a desktopov´e podoby aplikace
4.2
V´ yukov´ e hry
Neˇz postoup´ım d´ale v n´avrhu samotn´e aplikace, mus´ım m´ıt jasnou pˇredstavu o v´ yukov´ ych hr´ach, kter´e budu implementovat. Z aktu´aln´ıch poznatk˚ u jednoznaˇcnˇe vypl´ yv´a, ˇze pro rozvoj hudebn´ıho sluchu, kreativity a obecnˇe vyjadˇrovac´ıch schopnost´ı v oblasti hudby hraje velk´ y v´ yznam interaktivita a hravost [19, 20, 21]. Interaktivn´ı v´ yukov´e hry mohou prok´azanˇe pom´ahat rozv´ıjet hudebn´ı schopnosti, znalosti a jsou pro ˇz´aky z hlediska stylu v´ yuky mnohem zaj´ımavˇejˇs´ı.15 Notov´ y z´apis sice nen´ı zcela pˇrekonan´ y, ale v r´amci hudebn´ı nauky m˚ uˇze pro spoustu ˇza´k˚ u pˇredstavovat tˇeˇzce pˇrekonatelnou pˇrek´aˇzku, protoˇze je na prvn´ı pohled velmi neintuitivn´ı a n´aroˇcn´ y na nauˇcen´ı. Z tohoto d˚ uvodu se ˇc´ım d´al ˇcastˇeji preferuje ve v´ yuce z´apis melodie v n´azornˇejˇs´ı podobˇe, napˇr. ve formˇe piano roll (obr. 10), kter´ y skl´ad´a jednotliv´e t´ony do mˇr´ıˇzky, kde horizont´aln´ı d´elka ud´av´a d´elku t´onu, vertik´aln´ı pozice jeho v´ yˇsku. Celkovˇe tedy budu svoji aplikaci uvaˇzovat v rovinˇe ˇskoly hrou, tedy nab´ızet v´ yuku prim´arnˇe intuitivn´ım a hern´ım zp˚ usobem, kter´ y je pro ˇz´aka v´ıce poutav´ y, ale pˇritom jej podvˇedomˇe vzdˇel´av´a a posouv´a ve vn´ım´an´ı hudby – tedy napˇr´ıklad v rozliˇsov´an´ı t´on˚ u, jejich d´elek, v´ yˇsek, tvorby melodi´ı, pozn´av´an´ı vzor˚ u apod. 15
Results indicate that the games may help to develop some music skills and knowledge and that the games are of high interest and importance to students. The music teachers acknowledged the potential of interactive music video games to be incorporated into traditional music curriculum but they each expressed a belief that ideally the technology needs further development, including a greater capacity to compose and create using the programs. These findings suggest that, based on constructivist learning theories, there may be a place for these games in music education. [20]
42
4
´ ˇ SEN ˇ ´I NAVRH RE
Obr´azek 10: Zobrazen´ı Piano roll [21]
4.2.1
R´ amcov´ y vzdˇ el´ avac´ı program
ˇ a jako pˇr´ımou podporu hudebn´ı v´ Pro pouˇzit´ı aplikace na ZS yuky je nutn´e pracovat s poˇzadavky, kter´e b´ yvaj´ı kladeny pro tento stupeˇ n vzdˇel´an´ı. V R´amcov´em vzdˇel´avac´ım programu pro z´akladn´ı vzdˇel´av´an´ı [22, s. 64–65], kter´ y pˇredepisuje obecn´e poˇzadavky, kter´e by mˇel ˇza´k splˇ novat, jsou uvedeny mimo jin´e n´asleduj´ıc´ı body (v´ ybˇer z textu pro 1. i 2. stupeˇ n): • rozliˇsuje jednotliv´e kvality t´on˚ u, rozpozn´a v´yrazn´e tempov´e a dynamick´e zmˇeny v proudu znˇej´ıc´ı hudby, • rozpozn´a v proudu znˇej´ıc´ı hudby nˇekter´e hudebn´ı n´astroje, odliˇs´ı hudbu vok´aln´ı, instrument´aln´ı a vok´alnˇe instrument´aln´ı, • rozpozn´a hudebn´ı formu jednoduch´e p´ısnˇe ˇci skladby, • rozpozn´a v proudu znˇej´ıc´ı hudby nˇekter´e z uˇzit´ych hudebn´ıch v´yrazov´ych prostˇredk˚ u, upozorn´ı na metrorytmick´e, tempov´e, dynamick´e i zˇreteln´e harmonick´e zmˇeny, • reprodukuje na z´akladˇe sv´ych individu´aln´ıch hudebn´ıch schopnost´ı a dovednost´ı r˚ uzn´e motivy, t´emata i ˇc´asti skladeb, vytv´aˇr´ı a vol´ı jednoduch´e doprovody, prov´ad´ı jednoduch´e hudebn´ı improvizace, • realizuje podle sv´ych individu´aln´ıch schopnost´ı a dovednost´ı p´ısnˇe a skladby r˚ uzn´ych styl˚ u a ˇz´anr˚ u,
4.3
Hra Melodick´e kostky
43
• orientuje se v proudu znˇej´ıc´ı hudby, vn´ım´a uˇzit´e hudebnˇe v´yrazov´e prostˇredky a charakteristick´e s´emantick´e prvky, ch´ape jejich v´yznam v hudbˇe a na z´akladˇe toho pˇristupuje k hudebn´ımu d´ılu jako k logicky utv´aˇren´emu celku, • zaˇrad´ı na z´akladˇe individu´aln´ıch schopnost´ı a z´ıskan´ych vˇedomost´ı slyˇsenou hudbu do stylov´eho obdob´ı a porovn´av´a ji z hlediska jej´ı slohov´e a stylov´e pˇr´ısluˇsnosti s dalˇs´ımi skladbami. Z toho vypl´ yv´a, ˇze je ˇz´adouc´ı implementovat hry, kter´e nˇejak´ ym zp˚ usobem pˇrisp´ıvaj´ı k rozvoji vn´ım´an´ı tempa a rytmu znˇej´ıc´ı hudby, rozliˇsov´an´ı hudebn´ı formy, v´ yrazov´ ych prostˇredk˚ u, orientaci v proudu znˇej´ıc´ı hudby a jin´e. Vˇsechny tyto poˇzadavky maj´ı spoleˇcn´ y znak – prim´arnˇe pracuj´ı s rozvojem vn´ım´an´ı hudby z hlediska poslechov´e str´anky. Pr´avˇe na tuto str´anku se tedy od t´eto chv´ıle prim´arnˇe zamˇeˇr´ım ve sv´e pr´aci. Pˇri n´avrhu vˇsech n´asleduj´ıc´ıch her z hlediska hern´ıho designu i didaktick´eho hlediska budu spolupracovat s Mgr. Martinem Grob´arem, jehoˇz n´amˇety a postˇrehy z pedagogick´e praxe zanesu do koneˇcn´e podoby her.
4.3
Hra Melodick´ e kostky
Obr´azek 11: Melodick´e kostky – n´avrh hry
44
4
´ ˇ SEN ˇ ´I NAVRH RE
Prvn´ı hrou, kter´a pracuje s rozvojem hudebn´ıho sluchu, nazvu Melodick´e kostky. Bude slouˇzit k rozv´ıjen´ı schopnosti ˇz´aka vn´ımat melodii a zlepˇsov´an´ı jeho hudebn´ı pamˇeti. V kaˇzd´em hern´ım kole bude jedna skladba, kter´a bude rozstˇriˇzena na urˇcit´ y poˇcet ˇc´ast´ı. Kaˇzd´a tato ˇc´ast bude reprezentov´ana jednou kostkou, pˇriˇcemˇz vˇsechny ´ tyto kostky budou vz´ajemnˇe prom´ıch´any. Ukolem ˇz´aka bude kostky poskl´adat opˇet do spr´avn´eho poˇrad´ı, aby vytvoˇril p˚ uvodn´ı posloupnost melodie a splnil tak zadan´e ˇ kolo. Z´ak bude m´ıt moˇznost pˇrehr´avat jak jednotliv´e kostky, tak celou sestavenou melodii. 4.3.1
Variace obt´ıˇ znosti
V z´avislosti na zvolen´e obt´ıˇznosti bude skladba rozstˇriˇzena na urˇcit´ y poˇcet ˇca´st´ı – napˇr. 3 ˇc´asti pro n´ızkou obt´ıˇznost, 6 ˇca´st´ı pro vysokou obt´ıˇznost. 4.3.2
Hodnocen´ı
Hodnocen´ı bude prob´ıhat na z´akladˇe celkov´eho ˇcasu pro vyˇreˇsen´ı u ´lohy a poˇctu pˇresunut´ı kostek, kter´e ˇz´ak pro vyˇreˇsen´ı udˇelal. K v´ ypoˇctu celkov´eho poˇctu bod˚ u bude slouˇzit n´asleduj´ıc´ı vzorec: body = maxbod˚ u − ˇcasov´a penalizace − (poˇcet krok˚ u · 30)
(1)
Limituj´ıc´ı ˇcas pro poˇc´ıt´an´ı penalizace bude pro tuto hru 5 minut, konkr´etn´ı vzorec v´ ypoˇctu ˇcasov´e penalizace je uveden v kapitole 4.7.3 (vzorec 9). Maxim´aln´ı poˇcet bod˚ u bude stanoven na hodnotu 1000 bod˚ u, od kter´e budou penalizace odeˇc´ıtat dalˇs´ı body. 4.3.3
Vizu´ aln´ı podoba
Vizu´aln´ı str´anka hry je nast´ınˇena na obr. 11 – hern´ı pole s kostkami by mˇelo pˇredstavovat dominantn´ı prvek cel´e hry, pˇriˇcemˇz bude nutn´e nˇejak´ ym zp˚ usobem odliˇsit pr´avˇe hranou kostku. To bude moˇzn´e napˇr´ıklad pulzov´an´ım, jej´ım zvˇetˇsen´ım nebo napˇr´ıklad zmˇenou barvy – d˚ uleˇzit´e je, aby ˇza´k dostal tuto informaci, na z´akladˇe ˇcehoˇz se m˚ uˇze l´epe rozhodovat v samotn´e hˇre pˇri skl´ad´an´ı melodie. Hodnocen´ı spust´ı ˇz´ak s´am kliknut´ım na tlaˇc´ıtko Hodnotit – toto je nutn´e pro alespoˇ n ˇca´steˇcnou eliminaci nahodil´eho prom´ıch´av´an´ı kostek; z´aroveˇ n se t´ımto zp˚ usobem m˚ uˇze sledovat hypoteticky rostouc´ı hudebn´ı sebejistota ˇza´ka (pˇri vyˇsˇs´ı jistotˇe spr´avnosti sv´eho ˇreˇsen´ı by mˇel st´ale m´enˇe ˇcastˇeji slepˇe klikat na tlaˇc´ıtko pro hodnocen´ı). D´ale zde bude tlaˇc´ıtko pro pˇrehr´an´ı cel´e melodie v aktu´alnˇe sestaven´em poˇrad´ı.
4.4
Hra Pexeso
4.3.4
45
Administrace
Administrace uˇcitele pro tuto hru bude obsahovat formul´aˇr pro nahr´av´an´ı a ukl´ad´an´ı soubor˚ u s hudebn´ımi podklady. Jak jsem zjistil pˇri konzultaci s Mgr. Martinem Grob´arem, aby hra fungovala hudebnˇe spr´avnˇe, bude nutn´e skladbu dˇelit podle melodie – nem˚ uˇze doj´ıt k rozdˇelen´ı v polovinˇe t´onu. Toto je probl´em, kter´ y lze vyˇreˇsit dvˇema zp˚ usoby – algoritmem pro spektr´aln´ı anal´ yzu zvukov´e nahr´avky a n´asledn´ ym automatick´ ym dˇelen´ım skladby, nebo syst´emem pro vytv´aˇren´ı uˇzivatelsk´ ych znaˇcek pro dan´a m´ısta pˇredˇel˚ u. Z d˚ uvodu vˇetˇs´ı kontroly nad obsahem zvol´ım pr´avˇe ruˇcn´ı vytv´aˇren´ı znaˇcek uˇcitelem, kter´ y d´ale rozeberu v kapitole 4.8.1.
4.4
Hra Pexeso
Obr´azek 12: Pexeso – n´ avrh hry
Dalˇs´ı hra, kter´a bude slouˇzit pro tr´enov´an´ı hudebn´ı pamˇeti a vn´ım´an´ı melodie, ˇ ak bude m´ıt za u bude zaloˇzena na principu klasick´e hry pexeso. Z´ ´kol ot´aˇcen´ım“ ” ’ jednotliv´ ych hern´ıch pol´ı zjiˇst ovat, kter´a dvˇe pole k sobˇe hudebnˇe patˇr´ı – p˚ ujde
46
4
´ ˇ SEN ˇ ´I NAVRH RE
o jednu skladbu, rozdˇelenou na dvˇe ˇca´sti. Jeho u ´kolem tedy bude oznaˇcit za sebou obˇe pole z p´aru, nav´ıc v hudebnˇe spr´avn´em poˇrad´ı. 4.4.1
Variace obt´ıˇ znosti
Volba obt´ıˇznosti bude pracovat na z´akladˇe celkov´eho poˇctu hern´ıch pol´ı k vyˇreˇsen´ı, kter´e ˇza´kovi aplikace pˇredloˇz´ı – s vyˇsˇs´ı obt´ıˇznost´ı bude jejich poˇcet r˚ ust, ˇc´ımˇz se 16 bude zvyˇsovat i kognitivn´ı z´atˇeˇz, kter´a bude na ˇz´aka kladena. 4.4.2
Hodnocen´ı
Hodnocen´ı bude prob´ıhat na z´akladˇe celkov´eho ˇcasu pro vyˇreˇsen´ı u ´lohy a celkov´eho poˇctu otoˇcen´ı pol´ı ˇza´kem; ve v´ ypoˇctu je zahrnut tak´e poˇcet p´ar˚ u hern´ıch pol´ı. K v´ ypoˇctu celkov´eho poˇctu bod˚ u bude slouˇzit n´asleduj´ıc´ı vzorec: body = maxbod˚ u − ˇcasov´a penalizace − ((poˇcet krok˚ u − poˇcet p´ar˚ u) · 12)
(2)
Limituj´ıc´ı ˇcas pro poˇc´ıt´an´ı penalizace bude pro tuto hru promˇenliv´ y v z´avislosti na celkov´em poˇctu p´ar˚ u: limituj´ıc´ı ˇcas = (poˇcet p´ar˚ u · 60 · 1000) · 0,8
(3)
Konkr´etn´ı vzorec v´ ypoˇctu ˇcasov´e penalizace je uveden v kapitole 4.7.3 (vzorec 9). Maxim´aln´ı poˇcet bod˚ u bude stanoven na hodnotu 1000 bod˚ u, od kter´e budou penalizace odeˇc´ıtat dalˇs´ı body. 4.4.3
Vizu´ aln´ı podoba
U t´eto hry nebude tˇreba doplˇ novat rozhran´ı dalˇs´ımi ovl´adac´ımi prvky, kromˇe samotn´ ych hern´ıch pol´ı pexesa. Ta budou po oznaˇcen´ı pˇrehr´avat konkr´etn´ı ˇc´ast skladby, kterou pole reprezentuje. Opˇet bude nutn´e pro vyˇsˇs´ı n´azornost zv´ yraznit ´ eˇsn´e vyˇreˇsen´ı pozn´a hra aktivn´ı pole, jehoˇz melodie se v danou chv´ıli pˇrehr´av´a. Uspˇ bez potvrzov´an´ı uˇzivatelem sama a zobraz´ı potvrzovac´ı dialog. Vizu´aln´ı n´avrh je zn´azornˇen na obr. 12. 4.4.4
Administrace
Nahr´av´an´ı hudebn´ıch soubor˚ u bude prob´ıhat uˇcitelem pomoc´ı formul´aˇre. Dospˇeli jsme k rozhodnut´ı, ˇze zde, na rozd´ıl od Melodick´ych kostek, nen´ı nutn´e rozdˇelovat jednotliv´e hudebn´ı podklady melodicky, ale postaˇc´ı prost´e dˇelen´ı na dva ˇcasovˇe stejnˇe dlouh´e u ´seky. V t´eto hˇre totiˇz nebude kl´ıˇcov´a pˇresn´a n´avaznost jednotliv´ ych ˇca´st´ı melodie, ale ˇza´k bude nucen vn´ımat melodii jako celek. 16
Vyˇsˇs´ı kognitivn´ı z´ atˇeˇz se projev´ı ve vyˇsˇs´ım poˇctu asociac´ı melodi´ı k pol´ım, kter´e si ˇz´ak bude muset v dan´ y moment pamatovat.
4.5
Hra Krokov´an´ı not
4.5
47
Hra Krokov´ an´ı not
Obr´azek 13: Krokov´ an´ı not – n´ avrh hry
Oproti ostatn´ım hr´am bude Krokov´an´ı not slouˇzit k jednoduch´emu uˇcen´ı posloupnosti hudebn´ı abecedy.17 ˇ akovi bude zobrazena v´ Z´ ychoz´ı nota, n´asledovan´a mnoˇzinou ˇsipek nahoru nebo dol˚ u, jejichˇz smˇer a poˇcet ud´av´a smˇer a velikost posunu v hudebn´ı abecedˇe (napˇr. f ↑ ↑ ↑ h). Za kaˇzdou skupinou ˇsipek bude n´asledovat pole, do kter´eho ˇza´k vypln´ı p´ısmeno hudebn´ı abecedy po urˇcen´em posunu. Jeho u ´kolem bude vyplnit spr´avnˇe vˇsechna tato pole. 4.5.1
Variace obt´ıˇ znosti
Variace obt´ıˇznosti bude na z´akladˇe poˇcet ˇsipek nahoru nebo dol˚ u, kter´e budou vygenerov´any pro jeden posun. 4.5.2
Hodnocen´ı
Hodnocen´ı bude prob´ıhat na z´akladˇe celkov´eho ˇcasu pro vyˇreˇsen´ı u ´lohy a poˇctu ˇspatnˇe zadan´ ych p´ısmen. K v´ ypoˇctu celkov´eho poˇctu bod˚ u bude slouˇzit n´asleduj´ıc´ı vzorec: body = maxbod˚ u − ˇcasov´a penalizace − (poˇcet ˇspatn´ ych zad´an´ı · 30)
(4)
Limituj´ıc´ı ˇcas pro poˇc´ıt´an´ı penalizace bude pro tuto hru 5 minut, konkr´etn´ı vzorec v´ ypoˇctu ˇcasov´e penalizace je uveden v kapitole 4.7.3 (vzorec 9). Maxim´aln´ı poˇcet bod˚ u bude stanoven na hodnotu 1000 bod˚ u, od kter´e budou penalizace odeˇc´ıtat dalˇs´ı body. ˇ e republice, jsou noty zaps´any Ve form´ atu hudebn´ı abecedy, kter´ y se pouˇz´ıv´a mimo jin´e v Cesk´ v poˇrad´ı ahcdefg 17
48 4.5.3
4
´ ˇ SEN ˇ ´I NAVRH RE
Vizu´ aln´ı podoba
Grafick´a podoba je nast´ınˇena na obr. 13 – hra nebude obsahovat ˇza´dn´e ovl´adac´ı prvky, kromˇe n´azvu prvn´ı noty, ˇsipek a pole pro zad´av´an´ı odkrokovan´ ych not uˇzivatelem. Kaˇzd´e z tˇechto pol´ı bude vizu´alnˇe napov´ıdat uˇzivateli, zda je zadan´a nota spr´avn´a – napˇr. zv´ yraznˇen´ım r´ameˇcku pole nebo barevn´ ym pozad´ım. Vyˇreˇsen´ı hry nebude nutn´e nijak potvrzovat, hra samotn´a by mˇela poznat spr´avnost veˇsker´ ych not a dle toho zobrazit uˇzivateli potvrzen´ı o vyˇreˇsen´em hern´ım kole. 4.5.4
Administrace
K t´eto hˇre nen´ı nutn´e implementovat ˇz´adn´e administraˇcn´ı rozhran´ı pro pˇrid´av´an´ı podklad˚ u, je vˇsak nutn´e naprogramovat spr´avn´e a logick´e generov´an´ı posloupnost´ı. Po konzultaci s Mgr. Martinem Grob´arem jsme se rozhodli, ˇze pˇri nejniˇzˇs´ı obt´ıˇznosti bude moˇzn´e, aby doch´azelo ke generov´an´ı n´avratov´ ych ˇsipek, tedy napˇr. posloupnost´ı tˇrikr´at nahoru, tˇrikr´at dol˚ u“ (f ↑ ↑ ↑ h ↓ ↓ ↓ f ); pˇri vyˇsˇs´ı obt´ıˇznosti k t´eto ” posloupnosti nebude doch´azet. Grob´ar vysvˇetlil, ˇze hru na podobn´em principu jiˇz zkouˇsel se ˇza´ky v podobˇe ruˇcnˇe psan´ ych znaˇcek a i kdyˇz n´am m˚ uˇze tato zpˇetn´a posloupnost pˇripadat na prvn´ı pohled zcela zˇrejm´a, vˇetˇsinˇe ˇza´k˚ u trvalo nˇejakou dobu, neˇz ji zpracovali spr´avnˇe.
4.6
Hra Posuvn´ıky
Obr´azek 14: Posuvn´ıky – n´ avrh hry
Dalˇs´ı hrou budou posuvn´ıky. Ty budou m´ıt za c´ıl vyuˇz´ıvat podvˇedomˇe znalost´ı z hudebn´ı teorie (posloupnost not), ale pˇredevˇs´ım rozv´ıjet hudebn´ı sluch z hlediska pˇresn´eho rozezn´av´an´ı jednotliv´ ych t´on˚ u, jejich d´elek a skl´ad´an´ı celkov´e melodie.
4.6
49
Hra Posuvn´ıky
ˇ akovi bude pˇredvedena hudebn´ı melodie, kter´a pro nˇej poslouˇz´ı jako pˇredloha. Z´ Melodie se bude skl´adat z mnoha t´on˚ u o r˚ uzn´ ych d´elk´ach a v´ yˇsk´ach (podobnˇe jako notov´ y z´apis, jen velmi zjednoduˇsenˇe). Ta bude vynulov´ana“ do soustavy po” suvn´ık˚ u, kter´e zachovaj´ı jen d´elku t´onu, v´ yˇska vˇsak bude pro vˇsechny novˇe vytvoˇren´e posuvn´ıky stejn´a (napˇr. t´on, kter´ y je pr˚ umˇerem mezi nejniˇzˇs´ım a nejvyˇsˇs´ım t´onem ´ dan´e pˇredlohy). Ukolem ˇza´ka bude nastavit kaˇzd´ y z posuvn´ık˚ u tak, aby se svou v´ yˇskou shodoval s t´onem v pˇredloze a ve v´ ysledku se mu podaˇrilo sestavit celou melodii do spr´avn´e podoby. 4.6.1
Variace obt´ıˇ znosti
Obt´ıˇznost bude definov´ana poˇctem posuvn´ık˚ u, tedy poˇctem not (d´elkou melodie). Pˇri niˇzˇs´ı obt´ıˇznosti bude aplikace ˇza´k˚ um pˇredkl´adat jednoduˇsˇs´ı melodie, kter´e nemus´ı m´ıt vzor v nˇejak´e existuj´ıc´ı skladbˇe, s rostouc´ı obt´ıˇznost´ı naopak poroste kromˇe d´elky tak´e re´alnost“ melodi´ı. ” 4.6.2
Hodnocen´ı
Hodnocen´ı bude prob´ıhat na z´akladˇe celkov´eho ˇcasu pro vyˇreˇsen´ı u ´lohy a poˇctu zmˇen pozice kaˇzd´eho posuvn´ıku ˇz´akem; ve v´ ypoˇctu je zahrnut tak´e celkov´ y poˇcet posuvn´ık˚ u. K v´ ypoˇctu celkov´eho poˇctu bod˚ u bude slouˇzit n´asleduj´ıc´ı skupina vzorc˚ u: P = 15 − poˇcet posuvn´ık˚ u body = maxbod˚ u − ˇcasov´a penalizace − (P · poˇcet posuv˚ u)
(5) (6)
Protoˇze se u t´eto hry poˇc´ıt´a s velk´ ym poˇctem krok˚ u, tedy zmˇen pozice nˇekter´eho z posuvn´ık˚ u, zohledˇ nuje vzorec ˇc. 5 celkov´ y poˇcet posuvn´ık˚ u. Jako hranice pro v´ ypoˇcet je zde urˇcen poˇcet 15. V pˇr´ıpadˇe, ˇze bude celkov´ y poˇcet posuvn´ık˚ u roven nebo vyˇsˇs´ı 15, bude promˇenn´a P dosaˇzena automaticky ˇc´ıslem 1 (nepˇredpokl´ad´a se, ˇze by hra obsahovala vˇetˇs´ı poˇcet posuvn´ık˚ u, neˇz 25). Limituj´ıc´ı ˇcas pro poˇc´ıt´an´ı penalizace bude pro tuto hru promˇenliv´ y v z´avislosti na celkov´em poˇctu posuvn´ık˚ u: limituj´ıc´ı ˇcas = (poˇcet posuvn´ık˚ u · 60 · 1000) · 0,8
(7)
Konkr´etn´ı vzorec v´ ypoˇctu ˇcasov´e penalizace je uveden v kapitole 4.7.3 (vzorec 9). Maxim´aln´ı poˇcet bod˚ u bude stanoven na hodnotu 1000 bod˚ u, od kter´e budou penalizace odeˇc´ıtat dalˇs´ı body. 4.6.3
Vizu´ aln´ı podoba
Hra sest´av´a ze soustavy posuvn´ık˚ u, kde kaˇzd´ y znaˇc´ı jeden t´on. Posuvn´ıky budou postaveny horizont´alnˇe vedle sebe a kaˇzd´ y z nich bude m´ıt dr´aˇzku ve vertik´aln´ı rovinˇe, aby v´ıce pˇripom´ınaly notovou osnovu, kter´a b´ yv´a tak´e ˇctena zleva doprava
50
4
´ ˇ SEN ˇ ´I NAVRH RE
(obr. 14). Z d˚ uvodu n´azornosti bude vhodn´e, aby byl kaˇzd´ y posuvn´ık jinak ˇsirok´ y v z´avislosti na d´elce reprezentovan´eho t´onu. Pro pˇrehlednˇejˇs´ı pr´aci s melodi´ı bude posuvn´ık, kter´ y reprezentuje pr´avˇe hran´ y t´on, zv´ yraznˇen napˇr´ıklad barvou. Kaˇzd´ y posuvn´ık tak´e pˇri zmˇenˇe stavu zobraz´ı, jak´a nota je k nˇemu pˇriˇrazena – z hlediska hern´ı logiky p˚ ujde o m´enˇe kl´ıˇcovou funkci, kter´a vˇsak bude m´ıt didaktick´ y rozmˇer, tedy podvˇedom´e pˇriˇrazov´an´ı ˇz´akem slyˇsen´ ych t´on˚ u ke konkr´etn´ı notov´e reprezentaci. Hra bude obsahovat tlaˇc´ıtko pro pˇrehr´an´ı aktu´aln´ı sestavy posuvn´ık˚ u, pˇrehr´an´ı pˇredlohy a vyhodnocen´ı ˇza´kem. Sebehodnocen´ı, podobnˇe jako u Melodick´ych kostek, by mˇelo slouˇzit k eliminaci n´ahodn´eho zkouˇsen´ı posuv˚ u a ke zvyˇsov´an´ı hudebn´ıho sebevˇedom´ı ˇza´ka. 4.6.4
Administrace
Tato hra bude z hlediska technick´e implementaˇcnˇe odliˇsn´a od Melodick´ych kostek i Pexesa, protoˇze bude nutn´e vyˇreˇsit pˇrehr´av´an´ı vˇsech z´akladn´ıch t´on˚ u a jejich 18 19 p˚ ult´onov´ ych posuv˚ u , v´ıce okt´av a tak´e v´ıce z´akladn´ıch d´elek . Pˇri n´avrhu s Mgr. Martin Grob´arem nav´ıc doch´az´ıme k z´avˇeru, ˇze bude tˇreba pro melodie ovlivˇ novat d´elky not tzv. teˇckami20 a tak´e pouˇz´ıvat noty jako trioly21 . Pokud budeme uvaˇzovat o pouˇzit´ı jednotliv´ ych zvukov´ ych soubor˚ u, dostaneme se z hlediska poˇctu kombinac´ı na velmi vysok´ y, implementaˇcnˇe obt´ıˇznˇe zvl´adnuteln´ y poˇcet – v´ ypoˇcet ilustruje n´asleduj´ıc´ı rovnice: Kombinace t´on˚ u = t´on · okt´ava · d´elka · zmˇena d´elky = 12 · 11 · 5 · 3 = 1980
(8)
Takov´e mnoˇzstv´ı kombinac´ı m˚ uˇze b´ yt n´aroˇcn´e nejen z pohledu tvorby zvukov´ ych podklad˚ u, ale tak´e datovˇe n´aroˇcn´e z hlediska stahov´an´ı podklad˚ u v prohl´ıˇzeˇci ˇza´ka.22 Jednou moˇznost´ı, jak tento probl´em ˇreˇsit, je ukl´ad´an´ı t´on˚ u pouze o jedn´e d´elce, kter´a bude rovna nejdelˇs´ımu pˇr´ıpustn´emu t´onu (tedy napˇr. cel´emu t´onu s teˇckou). Pˇri umˇel´em zkr´acen´ı to bohuˇzel pˇrinese daˇ n v podobˇe neexistence plynul´eho poklesu 23 t´onu, naz´ yvan´eho tak´e decay , s celkov´ ym poˇctem kombinac´ı se vˇsak dostaneme na 18
7 t´ on˚ u cdefgah a posuny pomoc´ı ] a [ tvoˇr´ı celkem 12 r˚ uznˇe znˇej´ıc´ıch t´on˚ u pro jednu okt´avu celkem 5 z´ akladn´ıch d´elek – cel´ a, p˚ ulov´a, ˇctvrt’ov´a, osminov´a a ˇsestn´actinov´a 20 Teˇcka za notou ji prodluˇzuje o jej´ı polovinu 21 Skupina tˇr´ı stejnˇe dlouh´ych not hran´ych v dobˇe jinak urˇcen´e pro dvˇe noty, napˇr. tˇri osminov´e noty hran´e celkovˇe na jednu dobu [23]. 22 Pokud uv´ aˇz´ıme, ˇze jeden t´ on bude m´ıt pˇri zvukov´e kvalitˇe 128 kbps v pr˚ umˇeru 40 kB a v r´amci hry definujeme rozsah 2 okt´ avy, kter´e budou pouˇz´ıv´any, st´ale se jedn´a o celkov´ ych 14 MB, kter´e by musel prohl´ıˇzeˇc uˇzivatele st´ ahnout. 23 Nota se dˇel´ı na attack, timbre a decay – zjednoduˇsenˇe ˇreˇceno n´ ajezd, tˇelo a zakonˇcen´ı. Decay je z´ avˇereˇcn´ a ˇc´ ast noty hran´e na dan´y hudebn´ı n´ astroj. [24, s. 205] 19
4.7
Motivace uˇzivatele
51
poˇcet 132. To je jiˇz t´emˇeˇr totoˇzn´e se standardn´ım rozhran´ım MIDI, kter´e obsahuje celkov´ ych 128 not (oznaˇcen´ ych 0–127)24 pro kaˇzd´ y ze 128 program˚ u25 . Z praktick´ ych d˚ uvod˚ u tedy bude vhodn´e implementovat pˇrehr´av´an´ı s vyuˇzit´ım rozhran´ı MIDI, kter´e je univerz´alnˇe uzn´avan´e a pˇr´ımo definuje jednotliv´e noty na z´akladˇe ˇc´ıseln´eho vyj´adˇren´ı. V kapitole 4.8.2 navrhnu konkr´etn´ı syst´em vkl´ad´an´ı hotov´ ych melodi´ı uˇcitelem pro pouˇzit´ı ve hˇre. Mezi moˇzn´e varianty patˇr´ı nahr´av´an´ı samotn´ ych soubor˚ u MIDI nebo pˇr´ım´e vkl´ad´an´ı hudebn´ı notace. Z hlediska modifikovatelnosti a vˇetˇs´ı pˇr´ımoˇcarosti bude vhodnˇejˇs´ı vyuˇz´ıt pˇr´ım´eho vkl´ad´an´ı notov´eho z´apisu, kter´ y nespol´eh´a na zpracov´an´ı bin´arn´ıho souboru, ale bude moˇzn´e pˇri tvorbˇe skladbu okamˇzitˇe reprodukovat, kontrolovat spr´avnost zad´an´ı a prov´adˇet opravy.
4.7
Motivace uˇ zivatele
Pˇri n´avrhu aplikace, kterou budou pouˇz´ıvat dˇeti, je motivaˇcn´ı sloˇzka velmi d˚ uleˇzit´a. Do celkov´e motivace v tomto pˇr´ıpadˇe zaˇrazuji jak motivaci hr´at jednotliv´e hry, tak tak´e pozitivn´ı pˇr´ıstup k pouˇz´ıv´an´ı aplikace jako celku. Rozeberu zde jednotliv´e sloˇzky, kter´e by mˇely spoleˇcnˇe v´est k tomu, aby ˇz´aci aplikaci pouˇz´ıvali zcela pˇrirozenˇe a automaticky, aniˇz by na nˇe musel b´ yt veden vnˇejˇs´ı tlak ze strany rodiˇce ˇci uˇcitele. 4.7.1
Interakce
Protoˇze chci, aby byla aplikace pro ˇza´ky skuteˇcnˇe pˇra´telsk´a a osobn´ı, zvol´ım pro ni postavu ˇclovˇeka nebo zv´ıˇrete, kter´ y ji bude reprezentovat, otiskne do n´ı svoji osobnost a bude slouˇzit k interakci mezi ˇz´akem a aplikac´ı jako takov´ y uˇcitel“.26 ” Takov´ y maskot by mˇel s´am o sobˇe charakterizovat pr´aci s hudbou nebo zvukem – tedy napˇr´ıklad zv´ıˇre, kter´e m´a velmi citliv´e sluchov´e u ´stroj´ı. Jako hlavn´ıho maskota tedy nakonec vol´ım sovu. Patˇr´ı mezi ˇzivoˇcichy s nejl´epe rozvinut´ ym sluchem a tak´e b´ yv´a ˇcasto reprezentov´ana jako symbol moudrosti a vˇedomost´ı. Jej´ı vzhled vˇsak mus´ım navrhnout v komiksov´em duchu, aby na ˇz´aky nep˚ usobila pˇr´ısnˇe, ale sp´ıˇse pˇra´telsky a hravˇe. Veˇsker´a jej´ı komunikace se ˇza´ky bude z´asadnˇe osobn´ı (tyk´an´ım) a bude se odehr´avat na v´ıce m´ıstech v cel´e aplikaci – sova bude ˇz´aky motivovat ke hran´ı her, oznamovat jim jejich v´ ysledky a ˇr´ıkat r˚ uzn´e dalˇs´ı hl´aˇsky“ urˇcen´e pouze pro ” pobaven´ı. D˚ uleˇzit´e je, aby si ˇza´ci sovu dostateˇcnˇe zapamatovali a mˇeli ji s aplikac´ı asociovanou. 24
Zb´ yvaj´ıc´ı ˇctyˇri noty jsou vynech´any z konce stupnice, kde jsou vzhledem ke sv´e v´ yˇsce velmi zˇr´ıdka pouˇz´ıvan´e. 25 Program je urˇcit´e nastaven´ı syntetiz´eru, kter´e produkuje konkr´etn´ı hudebn´ı zvuk [25, s. 184]. Programem zde m˚ uˇze b´ yt napˇr. klav´ır, basa, elektrick´a kytara, ale tak´e zvuk helikopt´ery, v´ ystˇrelu z pistole nebo zvon´ıc´ıho telefonu. 26 V obecnˇejˇs´ı rovinˇe zmiˇ nuje d˚ uleˇzitost osobnosti uˇzivatelsk´eho rozhran´ı [16, s. 6] – Before you start the design process, consider your overall approach. Think about how you might design the interface’s overall interaction style – its personality, if you will.
52 4.7.2
4
´ ˇ SEN ˇ ´I NAVRH RE
Personalizace
Protoˇze je dobr´e ˇza´kovi poskytnout jistou volnost pˇri pr´aci s aplikac´ı a z´aroveˇ n mu ji jeˇstˇe v´ıce pˇribl´ıˇzit, poskytnu mu moˇznost vyb´ırat si sovu hned z nˇekolika vizu´aln´ıch variac´ı – napˇr. r˚ uzn´e pˇrevleky“ nebo m´odn´ı doplˇ nky. T´ım doc´ıl´ım, ˇze si kaˇzd´ y ˇza´k ” aplikaci pˇredstav´ı pr´avˇe pod jednou konkr´etn´ı sovou, kterou si s´am zvolil a bude vˇedˇet, ˇze kdyˇz se do aplikace vr´at´ı, pˇriv´ıt´a jej pr´avˇe ona. Sovy budu d´ale naz´ yvat slovem avatar, kter´e b´ yv´a obecnˇe pouˇz´ıv´ano k oznaˇcen´ı postavy, jenˇz reprezentuje virtu´aln´ı podobu uˇzivatele. 4.7.3
Hodnocen´ı
Nejd˚ uleˇzitˇejˇs´ım prvkem motivace ˇza´ka bude hodnocen´ı, kter´e z´ısk´a okamˇzitˇe po dohr´an´ı kaˇzd´e hry. Hodnocen´ı je nutn´e zobrazit ˇcitelnou a jednoduchou formou, kter´a ˇza´kovi okamˇzitˇe zodpov´ı, jak dobˇre si vedl. [3, s. 263] Jak jsem rozebral v anal´ yze konkr´etn´ıch her, spoleˇcnou metrikou hodnocen´ı kaˇzd´e z nich bude ˇcas, za kter´ y ˇza´k u ´lohu splnil, sekund´arn´ı metrika se vˇsak u kaˇzd´e z her m´ırnˇe liˇs´ı – obvykle ji znaˇc´ı poˇcet krok˚ u, kter´e musel ˇza´k pro splnˇen´ı udˇelat, z principu her zde vˇsak bude pouˇzit pro kaˇzd´ y pˇr´ıpad jin´ y v´ ypoˇcet. Napˇr. u Krokov´an´ı not se poˇc´ıt´a poˇcet ˇspatn´ ych krok˚ u (pˇredpokl´ad´a se, ˇze ˇza´k bude schopen tuto hru zahr´at i naprosto bez chyby), v Posuvn´ıc´ıch se naopak s jist´ ym experimentov´an´ım, a tedy i vyˇsˇs´ım poˇctem krok˚ u, poˇc´ıt´a pˇr´ımo v n´avrhu. Obˇe tyto metriky budou d˚ uleˇzit´e pro hodnocen´ı, pro ˇza´ka by vˇsak byly pˇr´ıliˇs neurˇcit´e“; pokud by nav´ıc doˇslo v budoucnu k rozˇs´ıˇren´ı o dalˇs´ı hry, a tedy i po” tenci´aln´ı doplnˇen´ı dalˇs´ıch metrik v r´amci jedn´e hry, probl´em srozumitelnosti by line´arnˇe rostl. Z tˇechto d˚ uvod˚ u hodnocen´ı shrnu v´ ypoˇctov´ ym vzorcem do poˇctu bod˚ u, tedy jednoho ˇc´ısla, kter´e bude jednoduˇse ˇciteln´e. Konkr´etn´ı vzorce jsem uvedl v n´avrhu samotn´ ych her (od kap. 4.3), spoleˇcn´ y vzorec pro v´ ypoˇcet ˇcasov´e penalizace je n´asleduj´ıc´ı: limituj´ıc´ı ˇcas (9) 500 Promˇenn´a limituj´ıc´ı ˇcas se pro kaˇzdou hru liˇs´ı a je vˇzdy uvedena v n´avrhu dan´e hry – jedn´a se o ˇcas, po jehoˇz pˇrekroˇcen´ı dostane ˇz´ak plnou ˇcasovou penalizaci o hodnotˇe 500 bod˚ u. U ˇcasov´ ych hodnot budu vˇzdy pouˇz´ıvat hodnotu v milisekund´ach, takˇze napˇr. 5 minut bude vyj´adˇreno jako 5 · 60 · 1000 = 300000 ms. Abych povzbudil soutˇeˇzivost mezi ˇza´ky a z´aroveˇ n jim uk´azal jednoduch´ y pˇrehled tˇech nej´ uspˇeˇsnˇejˇs´ıch z nich, bude se body pro kaˇzd´eho z nich zapisovat na jejich uˇzivatelsk´ yu ´ˇcet rekord v dan´e hˇre a nastaven´e obt´ıˇznosti, a ˇzebˇr´ıˇcek tˇech nejlepˇs´ıch bude vyps´an na speci´aln´ı str´ance. ˇcasov´a penalizace = dosaˇzen´ y ˇcas ·
4.8
Administraˇcn´ı rozhran´ı
53
Tento koncept se naz´ yv´a hall of fame a jedn´a se o jeden ze z´akladn´ıch zp˚ usob˚ u 27 motivace hr´aˇce. Osobn´ı bodov´e hodnocen´ı pro uˇzivatele nav´ıc zobraz´ım i na u ´vodn´ı obrazovce v pˇrehledn´e formˇe.
4.8
Administraˇ cn´ı rozhran´ı
Nezbytnou souˇca´st´ı aplikace bude jednoduˇse pouˇziteln´e administraˇcn´ı rozhran´ı, ve kter´em bude uˇcitel pracovat s uˇzivatelsk´ ymi u ´ˇcty ˇza´k˚ u, pˇrid´avat podklady pro jednotliv´e hry a sledovat hodnocen´ı a statistiky. 4.8.1
Tvorba pˇredˇ elov´ ych znaˇ cek
Obr´azek 15: N´ avrh rozhran´ı pro vytv´aˇren´ı znaˇcek
Protoˇze pracuj´ı hry Melodick´e kostky i Pexeso s podklady ve formˇe hudebn´ıch soubor˚ u (napˇr. mp3), bude prob´ıhat jejich nahr´an´ı pˇres klasick´ y formul´aˇr. Pro Melodick´e kostky je vˇsak nutn´e vyˇreˇsit specifikum v podobˇe tvorby znaˇcek urˇcuj´ıc´ıch pˇredˇely ve skladbˇe. Vytv´aˇren´ı znaˇcek bude prob´ıhat bˇehem pˇrehr´av´an´ı hudebn´ıho podkladu. Aplikace spektr´alnˇe analyzuje hudebn´ı pr˚ ubˇeh skladby, z ˇcehoˇz vytvoˇr´ı spektrogram, jenˇz bude slouˇzit uˇciteli jako pom˚ ucka pro vizu´aln´ı kontrolu um´ıstˇen´ı znaˇcek. Po spuˇstˇen´ı pˇrehr´av´an´ı se bude po spektrogramu pohybovat ˇcasov´ y kurzor, kliknut´ım 27
V knize Teaching Music with Technology [26, s. 129] je pops´ano pouˇzit´ı stejn´eho konceptu pˇri v´ yuce hudebn´ı v´ ychovy ve ˇskoln´ı tˇr´ıdˇe – uˇcitel vybral hudebn´ı hru, kter´a se vztahuje k jeho osnov´ am, a dal ji k dispozici ˇz´ ak˚ um pˇred a po v´ yuce. Na z´akladˇe v´ ysledk˚ u v t´eto hˇre mˇel na zdi v uˇcebnˇe ˇzebˇr´ıˇcek nejlepˇs´ıch tˇr´ıd. T´ımto zp˚ usobem pos´ılil soutˇeˇzivost cel´ ych tˇr´ıd – udˇelal z nich vz´ ajemnˇe soupeˇr´ıc´ı t´ymy.
54
4
´ ˇ SEN ˇ ´I NAVRH RE
na tlaˇc´ıtko Znaˇcka vytvoˇr´ı uˇzivatel znaˇcku na aktu´aln´ım m´ıstˇe kurzoru. Navrˇzen´e rozhran´ı je zobrazeno na obr. 15. Bude zde nutn´e zahrnout tak´e maz´an´ı znaˇcek pro pˇr´ıpadn´e opravy – to implementuji pomoc´ı seznamu vˇsech znaˇcek pˇriˇrazen´ ych ke skladbˇe a jej´ıch ˇcas˚ u, kde dostane uˇcitel moˇznost kaˇzdou z nich jednoduˇse smazat. 4.8.2
Vkl´ ad´ an´ı not
Pro vkl´ad´an´ı not, kter´e budou pˇrehr´av´any rozhran´ım MIDI, se inspiruji u ostatn´ıch program˚ u, kter´e pracuj´ı non-WYSIWYG s notov´ ym z´apisem.28 Open source hudebnˇe notaˇcn´ı program Lilypond [27] pouˇz´ıv´a n´asleduj´ıc´ı syntaxi: \relative c" { % relativn´ ı okt´ ava, od kter´ e se d´ ale odvozuj´ ı noty d4 b8 c’4 a8 | d,4 b g4. % notov´ y z´ apis } V tomto z´apisu je oznaˇcen´ım c’4 definov´ana nota c s posunem o jednu okt´avu nahoru o d´elce 1/4 taktu. Na prvn´ım m´ıstˇe je tedy vˇzdy n´azev noty, n´asledovan´ y nepovinn´ ymi znaky , nebo ’, kter´e slouˇz´ı pro posun o okt´avu nahoru nebo dol˚ u. D´ale n´asleduje ˇc´ıslo oznaˇcuj´ıc´ı pod´ıl v d´elce noty (napˇr. 1 pro notu celou nebo 16 pro notu ˇsestn´actinovou), kter´ y nemus´ı b´ yt povinn´ y – d´elka se v pˇr´ıpadˇe vynech´an´ı urˇc´ı dle posledn´ı noty s definovanou d´elkou. Z´apis noty konˇc´ı nepovinn´ ym modifik´atorem d´elky, kde teˇcka znaˇc´ı teˇckovanou notu (nota s d´elkou o polovinu vˇetˇs´ı). A koneˇcnˇe, znak | v tomto pˇr´ıkladu slouˇz´ı k oddˇelen´ı taktu. Protoˇze je tento z´apis velmi n´azorn´ y a v praxi ˇcasto pouˇz´ıvan´ y, vyuˇziji jeho z´aklad k n´avrhu form´atu notace do m´e aplikace. V navrhovan´e aplikaci bude slouˇzit k definici relativn´ı okt´avy pro celou skladbu jednoduch´e roletov´e menu, kter´e nahrad´ı sloˇzit´ y textov´ y z´apis. Oddˇelovaˇc taktu zde potˇreba nebude, protoˇze se nejedn´a o z´apis pro vykreslen´ı notace, ale pro pˇr´ım´e pˇrehr´av´an´ı; zb´ yv´a tedy pouze z´apis samotn´ ych not. Ten bude prakticky totoˇzn´ y jako u Lilypondu, s t´ım rozd´ılem, ˇze kromˇe teˇcky pˇrid´am i modifik´ator t pro z´apis trioly.29 Kromˇe toho dopln´ım k not´am znak, kter´ y bude definovat pomlku. V programu Lilypond je mezera oznaˇcena p´ısmenem r m´ısto n´azvu noty, j´a vˇsak pro vyˇsˇs´ı n´azornost pouˇziji podtrˇz´ıtko. Z´apis d´elky bude prob´ıhat totoˇznˇe jako u not, tedy napˇr. 16. V´ ysledn´ y form´at hudebn´ı melodie pro moji aplikaci bude tedy: g4 g g eb8. b16 g4 eb8. b16 g4
28
Vykreslen´ı not z textov´e deklarace do grafick´e reprezentace. Vzhledem k poˇzadavku na pˇresn´e grafick´e vykreslen´ı jsou trioly v programu Lilypond definov´ any syntax´ı \tuplet 3/2 { b4 b b }, ta je vˇsak pro m˚ uj u ´ˇcel pˇr´ıliˇs sloˇzit´a. 29
4.9
4.9
V´ybˇer platformy
55
V´ ybˇ er platformy
Na z´akladˇe v´ yˇse uveden´eho n´avrhu je moˇzn´e vyuˇz´ıt hned nˇekolika z´akladn´ıch platforem pro implementaci: 1. 2. 3. 4.
Bˇeˇzn´a mobiln´ı aplikace pro iOS, Android, Windows Phone.30 Bˇeˇzn´a desktopov´a aplikace pro Windows nebo Mac OS. Webov´a aplikace. Kombinace v´ıce pˇr´ıstup˚ u – nejˇcastˇeji webov´a aplikace pro desktopov´a zaˇr´ızen´ı a bˇeˇzn´a mobiln´ı aplikace pro pouˇzit´ı na mobiln´ıch zaˇr´ızen´ıch.
Protoˇze by v´ yvoj mobiln´ı aplikace pro kaˇzd´ y z mobiln´ıch syst´em˚ u byl velmi ˇcasovˇe n´aroˇcn´ y, neefektivn´ı a n´achyln´ y k roztˇr´ıˇstˇenosti, pouˇziji implementaci zaloˇzen´e na platformˇe webov´e aplikace. Ty lze d´ale fragmentovat podle pouˇzit´e technologie – spousta st´avaj´ıc´ıch v´ yukov´ ych a hern´ıch aplikac´ı je zaloˇzena na platformˇe Flash, ta je vˇsak st´ale v´ıce na u ´stupu, obsahuje spoustu bezpeˇcnostn´ıch chyb a nen´ı podporov´ana na vˇetˇsinˇe mobiln´ıch zaˇr´ızen´ı [28]. Kv˚ uli poˇzadavk˚ um na funkˇcnost v mobiln´ıch zaˇr´ızen´ıch pro pr´aci s multimedi´aln´ım obsahem pouˇziji HTML5, kter´e je podporov´ano ve vˇsech mobiln´ıch operaˇcn´ıch syst´emech [29]. Tento znaˇckovac´ı jazyk dopln´ım pˇri tvorbˇe multimedi´aln´ıho obsahu skripty v jazyce JavaScript.
30
Bˇeˇznou mobiln´ı aplikac´ı zde mysl´ım aplikaci, kter´a vyuˇz´ıv´a aplikaˇcn´ı rozhran´ı dan´e mobiln´ı platformy a je distribuov´ ana pˇres platformˇe specifick´ y online obchod s aplikacemi – App Store, Google Play nebo Windows Phone Store
5
ˇ ˇ ´ AN ´ ´I ZVUKU NA WEBU MOZNOSTI PREHR AV
5
57
Moˇ znosti pˇrehr´ av´ an´ı zvuku na webu
Neˇz pˇristoup´ım k implementaci, je d˚ uleˇzit´e prozkoumat souˇcasn´e technologie pro pr´aci se zvukem v prostˇred´ı webu. D´ale zde rozeb´ır´am a porovn´av´am knihovny, kter´e nad tˇemito tˇemito technologiemi vytv´aˇr´ı dalˇs´ı vrstvu a zjednoduˇsuj´ı tak jejich pouˇzit´ı.
5.1
Pr˚ uzkum webov´ ych technologi´ı
Technologie, kter´e d´ale popisuji, vyuˇz´ıvaj´ı zvukov´e soubory v mnoha r˚ uzn´ ych form´atech. Tyto form´aty jsou definov´any standardem MIME (Multipurpose Internet Mail Extensions), kter´ y p˚ uvodnˇe slouˇzil k definici rozˇs´ıˇren´ı pro elektronickou poˇstu. Mezi nejpouˇz´ıvanˇejˇs´ı form´aty patˇr´ı [30]: • audio/webm – Kontejner WebM, kter´ y obsahuje zvukov´ y soubor k´odovan´ y kodekem Vorbis nebo Opus; slouˇz´ı tak´e pro pˇrenos videa. Nen´ı podporov´an v prohl´ıˇzeˇc´ıch Safari a Internet Explorer.31 • audio/ogg (audio/vorbis) – Kontejner Ogg, v nˇemˇz je zvuk k´odovan´ y kodekem Vorbis. Nen´ı podporov´an v prohl´ıˇzeˇc´ıch Safari a Internet Explorer. • audio/mpeg – Soubor v uzavˇren´em form´atu MP3, jehoˇz pouˇzit´ı je v nˇekter´ ych zem´ıch v´az´ano licenˇcn´ımi poplatky.32 Je podporov´an vˇetˇsinou komerˇcn´ıch prohl´ıˇzeˇc˚ u, z licenˇcn´ıch d˚ uvod˚ u je jeho podpora v prohl´ıˇzeˇci Firefox z´avisl´a na podpoˇre form´atu ve vrstvˇe operaˇcn´ıho syst´emu. • audio/wave – Kontejner WAVE, kter´ y obsahuje nekomprimovan´ y zvuk k´odovan´ y kodekem PCM. Nen´ı podporov´an v prohl´ıˇzeˇci Internet Explorer.33 5.1.1
