Originální text

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