ZPŮSOBY TVORBY FLASH ANIMACÍ PRO STUDIJNÍ OPORY METHODS OF BUILDING FLASH ANIMATIONS FOR STUDY SUPPORTS Jiří Hrbáček
[email protected] ANOTACE Flash animace se postupně stávají nejrozšířenější platformou pro tvorbu interaktivních animací s vysokým podílem vlastní inteligence. Díky softwaru třetích stran jako například MDM ZINC a v současné době i pomocí vlastního nástroje AIR již vůbec nejsou pouze doménou pro internetové aplikace. Lze je velmi snadlo využít i pro tvorbu off line vaerzí a systémů, které v sobě zahrnují webový browser, třídy propřímou práci.s databázemi alokálními soubory na disku uživatele. Vzhled animací není závislý na prohlížeči a ani operačním systému počítače, na kterém animace běží. Může být dokonce navržena a realizována i pro prohlížení na moderních mobilních telefonech.Příspěvek si klade za cíl ukázat některá základní možnosti využití Flash animací pro tvorbu distančních výukových opor. KLÍČOVÁ SLOVA Flash, animace, studijní, opory, interaktivní, výuka. SUMMARY Flash animations are gradually becoming most widespread platform for creation of interactive animations with high participation of own intelligence. Thanks to software of third parts, as for example MDM ZINC and nowadays also with help of own tool AIR, flash animations are no longer domain only for internet applications. It is possible to use them very simply for creation of off line versions and systems, which contains web browser, classes for direct work with databases and local files on user's disc. The look of animations does not depend on browser (viewer?) or on operating system of computer on which the animation is running. It is also possible to design and realize an animation for browsing on modern mobile phones. The aim of this contribution is to show some basic possibilities of using Flash animations for creation of distant study supports. KEYWORDS Flash, animation, study, supports,interactive, teaching
1. Úvod Pro tvorbu Flash animací lze využít širokou škálu programů. Od velmi jednoduchých, které může využívat snadno každý uživatel až po vysoce profesionální nástroje. Od volně šiřitelných programů po velmi drahé komerční programy. Při jejich volbě je však nutné mít na zřeteli velmi důležité pravidlo. Chystáme-li se nástroje pro tvorbu SWF zařadit do výuky studentů a žáků ve školách, je třeba si dobře promyslet, po kterém sáhneme. Není vhodné za každou cenu využívat free verze. Vše záleží od cílové skupiny studentů. Půjde-li o studenty, kteří potřebují vytvářet Flash animace a "nehrozí", že by se některý z nich v budoucnosti zabýval vývojem přímo ve Flashi, pak lze sáhnout i k nástrojům volně šiřitelným. V opačném případě je potřeba začít studenty od začátku vést systematicky a cíleně s Flashí. Tento způsob jim usnadní hlubší proniknutí struktury animací a povede je systematicky od nejjednodušších animací až po velmi složité komplexní projekty, kdy jsou animace řízeny action scriptem. Nebudou se muset odnaučovat špatné návyky. To je často mnohem horší, než se začít učit z "čisté vody".
Nabízíme-li nástroj uživatelům, kteří jej budou používat pro vlastní potřeby, jako například učitelé pro tvorbu animací, simulací či tvorbu studijních opor, je třeba přihlížet k jeho dostupnosti a způsobu práce s ním. Je velmi důležité, aby se uživatel snadno naučil nástroj používat a práce s ním byla co nejbližší jeho zvyklostem. Například nejrozšířenějším textovým editorem je v současné době Microsoft Word. Práci s ním ovládá prakticky každý uživatel. Alternativou k němu tedy může být například Open Office Writer. Tento je plnohodnotnou náhradou k Wordu. Dá se považovat za klon MS Wordu. Přejít z jednoho na druhý je velmi snadné. Není třeba ani měnit způsob práce. V tomto případě lze jeden či druhý plnohodnotně využít při výuce. Pokud jde o Power Point, klonem k němu je OpenOffice Impress. Dá se k nim také přirovnat Adobe Captivate 3. Tento není jen plnohodnotnou náhradou. Je mnohem mocnějším nástrojem. Umožňuje mimo jiné i tvorbu testů, umí komunikovat s LMS systémy. Práce s ním je velmi podobná práci s Power Pointem. Z tohoto pohledu není přechod z Power Pointu na Captivate nikterak dramatický. Dá se dokonce v mnoha směrech využít i stejný systém práce s nimi. Pokud použijeme dokument Wordu nebo PowerPointu pro zveřejnění na webu, v závislosti na lokálním nastavení webového prohlížeče, se tyto dokumenty přímo otevřou, nebo je nabídnuto jejich stažení. Pro zobrazen je však nutné mít nainstalovaný Word a PowerPoint nebo jejich Viewer na počítači klienta. Captivate produkuje mimo jiné flash film SWF, nebo EXE soubor. Je publikovaný soubor otevřitelný bez problémů jak ve webovém prohlížeči, nebo i off-line. Publikovaný SWF soubor je navíc malý co do velikosti souboru. Umí přímo zobrazovat videa ve formátu FLV bez nutnosti instalace různých kodeků pro přehrávání, jak je tomu u videí vložených do PowerPointu. Formát SWF je tedy velmi výhodný. Přehrávání těchto souborů je naprosto nezávislé na platformě, na které běží SWF (Apple, Linux, Windows...). Na všech platformách je jejich zobrazení naprosto stejné, nezávislé na nastavení prohlížeče. 2. Nástroje pro tvorbu SWF souborů 2.1 OpenOffice Impress
Potřebujeme-li provést konverzi PowerPointu do SWF souboru jako sideshow s aktivními hypertextovými odkazy, lze jej otevřít v OpenOffice Impress. V něm pak provést export do SWF.
Obr 1: OpenOffice Impress - export do SWF
2.2 Adobe Captivate 3
Prostředí Adobe Captivate 3 je podobné PowerPointu. Konkrétně okno Edit a Storyboard.
Obr 2: Captivate 3 - okno Edit a Storyboard
Obr 3: Captivate 3 - okno Branching
Okno Branching zobrazuje propojení snímků navigací (přechod mezi snímky) a dále ukazuje aktivní odkazy a napojení na externí soubory. V tomto okně je velmi snadné a názorné provádět jaké koliv změny v navigaci. Pomocí snímání činností probíhajících na obrazovce počítače lze vytvářet cvičné a testovací simulace a demonstrace činnosti práce na počítači. Program dále nabízí otevření prázdného projektu specifikované velikosti scény bez jakéhokoliv počátečního záznamu. Volba umožňuje vytvořit vlastní strukturu projektu. Postavit jej snímek po snímku tak jak si sami zvolíme. Lze vytvořit projekt importem souborů obrázků nebo importem snímků z PowerPoint prezentace. Podobně jako i jiné programy, lze vytvářet projekty ze šablon buď vlastních nebo dodaných s programem. V každém slidu jsou objekty umístěny ve vrstvách na časové ose (podobně jako v PowerPointu.Umístění objektů na časové ose určuje začátek a konec jejich zobrazení a vrstvy pak pozici objektů nad sebou. Toto uspořádání umožňuje velmi dynamické zobrazování. Navíc lze u objektů nastavit například prolínání objektů a přehrávání zvuku. Zvuk lze přímo namluvit, nebo použit
zvukové soubory. Objekty na slidu mohou reagovat na myš - kliknutí myši na objekt, mimo objekt, přejetí myší nad objektem. Lze nastavit animace přechodu snímků. Do slidu můžeme vkládat následující objekty. -
text, který se zobrazí v textovém poli s pozadím. Můžeme však nastavit pozadí jako průhledné
-
text, který se zobrazí v textovém poli s pozadím. Pole se zobrazí, přejede-li myš nad roll over oblastí
-
zvýrazní požadované oblasti
-
mocný objekt, který má svou vlastní časovou osu. Její přehrávání se spustí, přejede-li myš nad citlivou oblastí, nebo kliknutím na ni
-
provede činnost lupy z definované počáteční velikosti a pozice na definovanou cílovou velikost. Obsah oblasti může být pozadí snímku, nebo obrázek
-
objekt pro vstup textu pro realizaci testu
-
neviditelnou oblast která umožňuje reakce na myš
-
tlačítko které reaguje na události
-
animovaný text
-
obrázky (JPG, GIF, PNG, BMP, ICO, EMF, WMF a POT) z knihovny, nebo ze souboru.obrázku
-
obrázky, najede-li myš nad citlivou oblast
-
animace SWE, GIF, AVI, nebo FLA z knihovny, nebo ze souboru.
-
FLV video soubory pomocí progresivního downloadu, streamingu nebo Flash Video Streaming Service ze zadaného umístění nebo webu.
-
zobrazit myš a její pohyb po slidu
Narozdíl od PowerPointu lze do animace snadno vlořit slidy s testem. Test může běžet v režimu průzkum nebo hodnocení odpovědí. V režimu průzkum se nezjišťuje správná a špatná odpověď. Používá se pro ankety. Režim s vyhodnocením odpovědí se používá pro testování znalostí. Je možné vybrat z následujících možností druhu testové otázky: -
Vícenásobná volba - Umožňuje výběr odpovědi ze seznamu odpovědí. Správná může být jedna nebo více
-
jednodušší verze volby, která umožňuje pouze výběr jedné ze dvou pevných odpovědí.
-
vyplnění prázdného políčka - odpověď vyplní student do prázdného políčka.Musíme zadat možnosti správných odpovědí aby je Captivate mohl porovnat s odpovědí studenta. Lze nastavit, aby student sám odpověděl a byla porovnávána odpověď z možnými, nebo uživatel může vybrat z nabídky. Lze zadat i více políček pro vyplnění.
-
krátká odpověď - otázky jsou s otevřeným koncem a slouží k doplnění frází
-
otázky s přiřazením - vzájemné přiřazení položek ze dvou seznamů
-
horký bod - uživatel při odpovědi umístí bod na správné místo (do cílové oblasti)
-
posloupnost odpovědí - nabídne uživateli seznam odpovědí, které je třeba správně seřadit metodou uchopit a táhnout, nebo vybrat pro každou položku správnou volbu ze seznamu a tím vytvořit posloupnost
-
odstupňovaná odpověď
Podle výsledku odpovědi na otázku lze zvolit průběh přehrávání slidů. Tak je možné přejít například k vysvětlujícímu výukovému materiálu při špatné odpovědi. Vysledky testů lze například předat do LMS systému nebo posla e-mailem. Hotové prezentace je možné doprogramovat nebo upravit ve Flashi. To však vyžaduje již dobré znalosti 2.3 Adobe Flash
Mocný profesionální nástroj pro tvorbu animací s vysokým podílem vnitřní inteligence. Lze pomocí něj vytvářet vše, co umí Captivate. Hry, symulace, aplikace komunikující s databázemi, multimediální aplikace. Jeho možnosti nelze popsat jen několika slovy. Můžeme vytvářet například kompletní e-learningové systémy, multimediální aplikace jako jsou chaty, videochaty, síťové hry pro mnoho hráčů, klientské aplikace pro různé informační systémy, ale i zcela jednoducé a velmi dynamické animace. Výukové programy, grafické interfaces pro jiné programy (třeba VisualBasic). Kompletní webové stránky. Naučit se využívat tento nástroj vyžaduje již cílený přístup. Podle zkušeností, které mám s jeho výuku je možné opravdu dobře zvládnout tvorbu základních animací, streemingu videa a zvuku za jeden semestr výuky s přibližně 150 hodinami samostatné práce a 30 hodinami výuky. Naučit se základům skriptování, vytvářet jednodušší inteligentní animace přibližně za stejnou dobu. Nutné je však před tímn zvládnout právě tvorbu inteligentní grafiky. Výuku zvládnou i ne zrovna IT profesionálové. Zvládnou ji studenti výtvarné výchovy, historie, práv či medicíny. Musí však věnovat trochu času k tomu, aby se s Flashí naučili pracovat, porozumět filosofii práce s ní a získali potřebné návyky. Výuka práce s Flashí má své místo dokonce i ve vyšších ročnících na základní škole. Ne však v rámci běžné výuky, ale spíš v zájmových kroužcích. Je třeba však velmi pečlivě volit metodu výuky.
Obr 4: Flash - okno otevření projektu
Flash projekty lze vytvářet ze šablon. Tyto šablony jsou pro některé typy mobilních telefonů, pro vytvoření kvízu nebo prezentace fotek. Soubor Flash s action scriptem 2, v současné době nejvíce využívaný a Flas s action scriptem 3, který je perspektivní. Pomocí něj lze vytvářet animace až desetkrát rychlejší a dynamičtější než pomocí action scriptu 2.
Můžeme vytvářet kompletný projekty Flash. Podrobně rozebrat jednotlivé možnosti obrovsky přesahuje rámec článku. 3. Nástroje pro tvorbu off - line SWF filmů Pokud potřebujeme prezentovat naši animaci v off-line režimu je třeba hotovou aplikaci publikovat jako EXE soubor. Při publikování v EXE je SWF player i vlastní animace uvnitř něj. Máme-li animaci vytvořenou v Captivate, je to snadné.
Obr 5: Captivate 3 - okno publikování off-line prezentace
Zvolíme požadovanou záložku. Můžeme pro takto publikovanou animaci vygenerovat dokonce i autorun soubor pro automatické spuštění z CD.
Obr 5: Captivate 3 - okno publikování off-line prezentace
Ve Flashi stačí zatrhnout volbu typu publikovaného výstupu projektor windows EXE. Přibližně před měsícem byla Flash doplněna možností vytváření AIR aplikací, tedy off-line aplikací. AIR umožňuje pracovat se soubory na disku počítače, přímo komunikovat s databází
SQL light. Přitom je plně zachována funkcionalita napojení na síťové SWF aplikace. Flash player umí rozeznat, kdy pracuje s AIR a kdy s SWF a podle toho uzpůsobuje svoje chování. Potřebujeme-li vysoký komfort a možnosti při publikování do EXE, pak můžeme použít program MDM Zinc. Pomocí něj lze vytvořit z SWF souboru plnohodnotnou funkční EXE verzi. Zde lze volit vzhled okna ve kterém bude zobrazen SWF soubor. Může být dokonce libovolného tvaru jak ji známe například z některých windowsovských aplikací (například DVD přehrávače, hry apod.).
Obr 6: MDM Zinc - okno projektu
Lze tak vytvářet například demoverze i verze chráněné seriovým číslem. Verze s nastavenou expirační dobou. Můžeme využít navíc i vnitřních API funkcí Zincu a umožnit tak SWF souboru pracovat se soubory na disku počítače. 3. Závěr Prezentace ve formátu SWF mají obrovskou výhodu. Malý soubor s velkými možnostmi. Bez problémů se SWF soubor zobrazuje naprosto nezávisle na platformě, na které běží. Bezpečnostní politika flash playeru zajišťuje vysoké zabezpečení proti možnosti napadení počítače klienta, nebo serveru. Vysoký výkon a velmi efektivní komprimace FLV video souborů spolu s prohlížečem vylučuje nutnost používání velkého množství videokodeků pro jejich přehráván. Očekává se že Flash player již od verze 10 bude plně podporovat vemi výkoný 3D rendering. V současné době jde o nejprogresivnější, nejrozšířenější a nejdynamičtější formát pro přehrávání interaktivních multimediálních aplikací. LITERATURA: [1] Help Resource
Center [online]. ©2008, [cit. 2008-02-28]. Dostupný z http://www.adobe.com/support/documentation/?ogn=EN_US-gntray_supp_documentation>.
WWW:
<
[2] Zinc™ 3.0 - Rapid Application Development for Adobe® Flash [online]. ©2008, [cit. 2008-02-28]. Dostupný z WWW: < http://www.multidmedia.com/software/zinc/>.
Ing. Jiří, Hrbáček, Ph.D. Masarykova Univerzita, Pedagogická fakulta, Katedra technické a informační výchovy
