Česká zemědělská univerzita v Praze Provozně ekonomická fakulta Obor Informatika Katedra informačních technologií Teze k diplomové práci Možnosti využití multimediálních aplikací při tvorbě prezentací Vedoucí diplomové práce: Ing. Jiří Vaněk, Ph.D. Vypracovala: Bc. Simona Pejsarová Praha 2003
Obrovský rozvoj ICT (Informačních a komunikačních technologií) v posledních letech mění současnou společnost na společnost informační. Pro řídící pracovníky platí, kdo z nich nejrychleji získá správné informace, ten se může včas a správně rozhodnout. Tedy rychlejší a přesnější informace přinesou konkurenční výhodu a v konečném důsledku pravděpodobně i větší zisky. Informace jsou potřebné nejen pro management, ale také pro pracovníky nižších útvarů podniku a všechny ostatní, kteří o ně projeví zájem. Po celém světě v různých zájmových sférách se organizují konference, semináře, sympozia, výstavy, veletrhy, zasedání a přednášky, na kterých lidé získávají množství potřebných informací. Pro šíření informací hraje však také stále důležitější úlohu Internet, jenž představuje v současnosti největší informační dálnici. Jeho prostřednictvím mohou různé instituce, jednotlivci, firmy a společnosti nejrůznějšího zaměření publikovat, informovat a v neposlední řadě i obchodovat. Internet je tedy dalším z řady médií, které firmy využívají pro svou prezentaci. V poslední době se navíc prezentace firmy prostřednictvím Internetu stává jakousi prestižní záležitostí. Její realizace dokazuje skutečnost, že firma jde s dobou a nebrání se začlenění nových komunikačních médií do svých marketingových aktivit. V podstatě každou společnost, která v oblasti výpočetní techniky, informačních technologií nebo mediálního průmyslu něco znamená, již dnes na Internetu nalezneme. Firmy, společnosti a další subjekty se v rámci své pracovní činnosti mnohokrát střetávají s prezentací na nejrůznějších odborných akcích a čím dál častěji také na Internetu. Musí vhodně prezentovat sebe, názor a dosažené výsledky, kterými mohou být výrobky, služby, výsledky výzkumu, apod. Při tradičních způsobech prezentace, což je především mluvené slovo, fotografie a grafické objekty se čím dál víc střetáváme s moderními technologiemi využívanými pro tvorbu multimediálních prezentací, které v současnosti představují velice účinný marketingový nástroj. Pro vytváření takovýchto prezentací se používají specializované programové prostředky známé pod názvem prezentační programy s jejichž využitím dokáže výsledná prezentace přitáhnout mnohem více pozornost pozorovatele a předat informaci mnohem efektivněji a s větší účinností. Úspěšným se stává ten, kdo umí vhodným a poutavým způsobem využít těchto moderních technologií a možností, které poskytují. Tato diplomová práce je zaměřena na dva hlavní cíle. Jedním je uvedení možností multimediální prezentace firmy na odborných akcích a prostřednictvím Internetu. V návaznosti na tuto problematiku je věnována pozornost také designu, jež představuje důležitý aspekt každé prezentace. Druhým cílem je následné ověření některých uvedených možností multimediální prezentace firmy ve vybraném prostředí. Chce-li dnes firma úspěšně obstát v konkurenci, je nezbytné uvažovat o jejím postavení, vážnosti a známosti. Jedním z faktorů, které toto podstatně ovlivňují, je právě úroveň a komunikace s okolím, resp. prezentace firmy, jejích akcí, kroků a výstupů. K prezentaci může firma využít buď klasických tištěných materiálů nebo multimediálních prezentací, které v současnosti představují moderní, velice účinný marketingový nástroj. Multimediální prezentace umožňují originálním a poutavým způsobem představit výrobek, službu, projekt i celou společnost. Jsou uživatelsky velmi atraktivní zejména tím, že propojují prvky grafiky, textu, mluveného slova, zvuku i videa do jednoho harmonicky sladěného celku. Společnosti mohou využívat multimediální prezentace na odborných přednáškách, výstavách, veletrzích, konferencích, seminářích, sympoziích, zasedáních (dále již jen odborných akcích) a samozřejmě nelze také opomenout Internet. V současné době se každá - 1 -
firma setkává právě s prezentací na odborných akcích a prostřednictvím Internetu. Z těchto důvodů se tato diplomová práce těmito dvěma tématy zabývá. V kapitole č. 3 nazvané Prezentace firmy s využitím multimediálních aplikací je tedy uvedeno základní dělení prezentace firmy na prezentaci na odborných akcích a prezentaci prostřednictvím Internetu. V rámci prezentací na odborných akcích jsou uvedeny principy prezentačních programů a tyto programy rozděleny na dvě skupiny: programy pro slide show a animační prezentační programy. Programy patřící do první skupiny jsou výhradně určeny právě k prezentaci na odborných akcích (např. MS PowerPoint, StarImpress, Corel Prezentations, atd.), avšak programy, které jsou zařazeny do druhé skupiny, jsou navrhovány k více účelům, a to především k tvorbě multimediálních prezentací na Internetu. V obou případech jsou uvedeny příklady těchto programů a některými se práce zabývá podrobněji. V rámci prezentací prostřednictvím Internetu jsou vysvětleny základní pojmy týkající se této problematiky (Internet, WWW, HTML) a dále je věnována pozornost možnostem tvorby HTML stránek. Zde je uvedena přímá metoda tvorby webové stránky, která je dále rozdělena na dva způsoby jejího vytváření: vytváření pomocí textových editorů a vytváření s pomocí HTML editorů. Dále je uvedena nepřímá metoda tvorby stránky, která je také rozdělena na dva způsoby: vytváření webových stránek pomocí konvertovacích filtrů a vytváření webových stránek pomocí specializovaných editorů WYSIWYG. V této kapitole je dále věnována pozornost HTML s aktivními prvky, a to především proto, že pokud se tvoří čisté HTML stránky, webová prezentace bude statická a beze změny. Jinak řečeno, takové stránky bez skriptů vypadají stejně včera, dnes i zítra. Posléze je věnována pozornost novým trendům tvorby webových stránek, tedy DHTML, XHTML a především technologiím, které poskytují animační prezentační programy umožňující vytvářet interaktivní multimediální prezentace v celém rozsahu. V této souvislosti jsou popsány některé programy, které vytváření takovýchto prezentací umožňují (např. Macromedia Director, Adobe LiveMotion, Corel R.A.V.E atd). Ať již jsou použity jakékoliv prezentační programy pro tvorbu prezentací je důležité myslet nejen na obsah prezentace, ale také na její design. Jde o to, aby jakákoliv prezentace firmy vypadala vkusně, přehledně, přitažlivě, zajímavě a tím každého okamžitě upoutala. Design je v prvním okamžiku mnohokrát důležitější něž cokoliv jiného, je vždy první co vnímáme, působí na podvědomí každého diváka a formuje představy o profesionalitě firmy. Avšak neznamená, že obsah prezentace není důležitý. Je třeba najít jakýsi optimální soulad grafického ztvárnění a obsahu prezentace tak, aby uživatele design zaujal a současně nalezl veškeré potřebné informace. Stejně jako design hraje významnou úlohu pro upoutání pozornosti, tak obsahová stránka je důležitá pro její udržení. A právě z těchto výše jmenovaných důvodů je v této diplomové práci věnována také pozornost designu. Designem se zabývá kapitola č. 4. Design je vlastně úprava jednotlivých prvků (textu, obrázků, tabulek, animací, atd.) jejich rozmístění a sladění. Tyto prvky lze rozdělit v zásadě na grafiku a text. Grafika se nejvíce podílí na přitažlivém vzhledu prezentace a na upoutání pozornosti, je jedním ze základních stavebních kamenů tvorby prezentace. Při jejím správném použití je možné přeměnit prezentaci suchopárného textu na úchvatnou kombinaci textu a grafiky, která může výrazně zvýšit jak srozumitelnost, tak přehlednost prezentace. Chce-li tedy designer zaujmout, měl by nabídnout alespoň pár grafických prvků. V této souvislosti se práce podrobněji soustřeďuje na některé důležité grafické formáty: GIF, JPEG, PNG a na nejdynamičtěji vyvíjený formát dnešního publikačního průmyslu SVG. - 2 -
V rámci podkapitoly o textu je věnována pozornost především některým typografickým pravidlům, které jsou nezbytné pro vytvoření působivé a přehledné prezentace a měly by být designery respektovány při jejich tvorbě. Zde je nastíněna také problematika formátování textu v HTML a CSS v souvislosti s prezentací na Internetu. Při vytváření textových a grafických prvků v prezentaci je třeba dosáhnout nejen souladu těchto prvků, ale také určité barevné harmonie. Využívání barev je nezbytnou součástí multimediální prezentace firem a jejich uvážený výběr a použití je předpokladem k vytváření dobrého designu prezentace. Z těchto důvodů je v rámci kapitoly o designu věnována pozornost i problematice barev. Je třeba brát v úvahu nejen umělecké hledisko (estetiku barev), které uvážené využití barev přináší, avšak také předmět, cílovou skupinu a další faktory k nimž se barevnost prezentace vztahuje. S využitím těchto faktorů dokáže výsledná prezentace přitáhnout mnohem více pozornost a předat informaci mnohem efektivněji a s větší účinností. Obrázek č. 1 První ukázka úvodní animace z prezentace Agrárního WWW portálu Volba barev není však jednoduchou záležitostí a právě z těchto důvodů je nezbytné se v této kapitole zabývat jejich vlastnostmi, kompozičními zákony, modelem RGB, ale také problémy s nimž jsou spojeny. V této návaznosti se práce zabývá problémy souvisejícími s různým barevným zobrazením stejné prezentace v závislosti na použitém počítači, monitoru a operačním systému. V rámci těchto problémů se tato kapitola zabývá podrobněji barevnou hloubkou, gamma korekcí, bezpečnými barvami pro Internet, barvami v HTML a CSS, šířkou barevného prostoru (gamut), profily srgb a ICC. V závěru kapitoly je věnována pozornost výběru barev pro prezentaci vycházející z této kapitoly. Kapitola č. 5 se zabývá podporou tvorby multimediálních aplikací ve zvoleném prostředí. Pro výběr zvoleného prostředí bylo nutné zmapovat dostupné produkty pro tvorbu multimediálních prezentací. Na základě zmapovaných produktů byl vybrán produkt, Obrázek č. 2 Druhá ukázka úvodní animace z prezentace Agrárního WWW portálu který poskytuje široké využití a především zajímavé a atraktivní možnosti pro vytváření interaktnivních i neiteraktivních multimediálních prezentací. A tedy pro ověření možností vytváření multimediálních aplikací ve zvoleném prostředí, což je jedním z cílů této diplomové práce, byl vybrán produkt Macromedia Flash od společnosti Macromedia. Tento produkt patří mezi již zmiňované animační prezentační programy využívané pro tvorbu multimediálních prezentací, mezi nimiž má tento produkt jednoznačně dominantní postavení a jehož široké možnosti využívá převážná většina tvůrců těchto prezentací. Program Macromedia Flash se v současné době stal faktickým standardem pro tvorbu interaktivních multimediálních prezentací pro Web i CD ROM. Tento produkt však poskytuje i další možnosti využití. Dají se v něm vytvářet e-lerningové aplikace, jednoduché hry - 3 -
a kreslené seriály. Největší rozšíření však zaznamenal v oblasti interaktivních reklamních bannerů, které se v současné době vyskytují na převážné většině internetových serverů. V první části páté kapitoly jsou uvedeny základní vlastnosti a možnosti tohoto programu a dále nastíněna nejdůležitější problematika, kterou je nezbytné znát při vytváření multimediálních aplikací v tomto prostředí. Je zde popsána pracovní plocha, nastíněna problematika symbolů, věnována pozornost časové ose, druhy jejích rámečků a v této Obrázek č. 3 Ukázka z informační části prezentace Agrárního WWW portálu souvislosti se práce dále zabývá druhy animací a jejich použitím. V návaznosti na tuto problematiku je věnována pozornost zvuku, dále pak skriptovacímu jazyku Actionscript a některým jeho funkcím. Druhá část páté kapitoly se již zabývá ověřením některých možností zvoleného programu. Tato praktická část diplomové práce, navazující na předešlou teoretickou část, se tedy již zabývá stanoveným cílem. Jsou zde ověřeny některé možnosti tvorby multimediálních prezentací jak pro prezentaci firmy na odborných akcích, tak i prostřednictvím Internetu. Pro ověření možností tvorby multimediálních prezentací v programu Macromedia Flash byly vytvořeny dvě ucelené prezentace a dva jednoduché příklady dalšího využití programu. Byla vytvořena neinteraktivní prezentace s doprovodem hudby Obrázek č. 4 Ukázka z druhé části prezentace (prezentace Agrárního věnované ČZU WWW portálu a ČZU) využívaná školou především pro veletrh Země živitelka, ale i další akce. Obecně je tedy určena pro odborné akce (především výstavy a veletrhy). Ukázky z této prezentace jsou znázorněny na obrázku č. 1, 2, 3 a 4. Dále byla vytvořena interaktivní prezentace s prelouderem (prezentace technologie výroby piva) využívána Školním zemědělským podnikem Lány pro prezentaci prostřednictvím Internetu. Ukázka této prezentace je zobrazena na obrázku č. 5. Záměrně byly zvoleny tyto dvě prezentace, z nichž každá reprezentuje jedno ze základního rozdělení prezentace firmy uváděné v kapitole č. 3., tedy prezentace firmy na odborných akcích a prezentace firmy - 4 -
prostřednictvím Internetu. V jednotlivých kapitolách o těchto prezentacích byli podrobně uvedeny postupu jejich tvorby. Jak již bylo výše zmíněno, byly vytvořeny ještě dva jednoduché příklady pro ověření dalšího využití programu. Prvním příkladem je animovaný banner a druhým animované menu. Banner slouží jako reklama na Internetu. Animované interaktivní menu může být Obrázek č. 5 Ukázka prezentace technologie výroby piva. využíváno jako navigační prvek v prezentacích různého typu. Například jako navigační menu na webové stránce či jako navigační prvek ve výukových aplikacích apod. Závěr této kapitoly se zabývá zhodnocením ověřených možností produktu a jejich přínosem pro firmu. V této souvislosti je třeba konstatovat, že s ohledem na ověřené výsledky, splňuje program Macromedia Flash uváděné možnosti skutečně v plném rozsahu. Lze jej tedy skutečně doporučit pro vytváření multimediálních prezentací. Využije-li firma možnosti, které program Macromedia Flash poskytuje pro vytváření svých multimediálních prezentací, přinese ji to jistě mnoho výhod, ať již jde o získání konkurenční výhody, zvýšení prestiže a profesionality firmy, až po ekonomické přínosy, tedy v konečném důsledku pravděpodobně i zisk. V závěru práce jsou uvedeny doporučení z diplomové práce vyplývající. Každý člověk svým vystupováním a vlastním stylem prezentuje sebe, svůj názor, dosažené výsledky, či cokoliv jiného. Přitom se snaží vystupovat co nejlépe a učinit dojem na své okolí. Stejně jako - 5 -
každý člověk, tak i firma se chce reprezentovat co nejlépe, učinit co nejlepší dojem a vybudovat si svou image. K dosažení těchto cílů jsou účinným nástrojem multimediální prezentační programy. O zmapovaných produktech zmiňovaných v této práci lze konstatovat, že jsou na velmi dobré úrovni a záleží tedy na uživateli (na jeho zvycích, zkušenostech, operačním systému, ale také na jeho finančních možnostech), který program si zvolí. Z kapitoly prezentace firmy prostřednictvím Internetu lze doporučit volit pro tvorbu profesionální prezentace HTML editory, pokud však tvůrce ovládá HTML kód. Jestliže tvůrce není v tomto směru zdatný lze doporučit volbu vytváření webových stránek pomocí specializovaných editorů WYSIWYG. Naopak nelze doporučit způsob tvorby stránek s pomocí konvertovacích filtrů, zvlášť pro profesionální a reprezentativní účely. Ať již jsou použity jakékoliv prezentační programy pro tvorbu prezentací je důležité myslet nejen na obsah prezentace, ale také na její design. Nutnou podmínkou je, aby jakákoliv prezentace firmy vypadala vkusně, přehledně, přitažlivě, zajímavě a tím každého okamžitě upoutala. Je třeba najít jakýsi optimální soulad grafického ztvárnění a obsahu prezentace tak, aby uživatele design zaujal a současně nalezl veškeré potřebné informace. Z kapitoly o grafických formátech lze doporučit pro kresby použít formát GIF, který zvládá obrázky s ostrými přechody barev. Pro fotografie a obrázky podobného charakteru je vhodné volit JPEG. Formát PNG je v zásadě univerzální, ale není vhodný pro plně barevné fotografické obrázky (příliš velké). Při volbě mezi GIF a PNG záleží většinou na programu v němž uživatel PNG ukládá, zda má k dispozici volbu s neomezenou barevnou paletou. Pokud ano, dosahuje PNG teoreticky pro malé obrázky lepších výsledků než GIF. U volby mezi formáty PNG a JPEG vítězí většinou JPEG. PNG se zde dá použít jen v režimu s omezeným počtem barev. V rámci kapitoly o textu je užitečné doporučit respektování základních typografických pravidel, která pomohou vytvořit působivé a přehledné prezentace. V souvislosti s prezentací na Internetu lze v rámci kapitoly o textu jednoznačně doporučit formátování s využitím externích CSS, které přinášejí obrovské výhody včetně značné úspory času. Z kapitoly o barvách lze doporučit se nejdříve nad koncepcí prezentace, výběrem a sladěním barev důkladně zamyslet. Barva jako taková působí na vnímání člověka velmi výrazně a společně s informacemi by měla celková prezentace působit emotivně. V závislosti na obsahu prezentace a cílové skupině, pro kterou má být vytvořena, je potřeba zvolit správné barvy pro danou prezentaci, jak s ohledem na vlastnosti barev (teplé, studené, tmavé, světlé, jejich psychologický a fyziologický vliv, atd.), kompoziční zákony, tak s ohledem na již výše uváděné problémy, které jsou se zobrazením barev spojeny. V souvislosti s vytvářením multimediálních prezentací v programu Macromedia Flash byly uvedeny postupy tvorby těchto prezentací. Tyto postupy lze v zásadě doporučit jako základní osnovu pro vytváření jiných prezentací v tomto prostředí. Na základě ověřených možností programu, jej lze skutečně doporučit pro vytváření působivých profesionálních multimediálních prezentací. A tedy využije-li firma tuto novou technologii pro vytváření svých prezentací přinese ji to jistě mnoho již výše uvedených výhod. Kromě závěrečných doporučení jsou v práci uvedeny možnosti tvorby multimediálních prezentací a některé z nich ověřeny v prostředí Macromedia Flash a tím tedy i splněny dva hlavní cíle této diplomové práce. Vzhledem k rozsahu řešené problematiky bylo nutné jednotlivá témata práce zkrátit a nebylo tedy možné se jim detailně věnovat. - 6 -
Seznam vybrané odborné literatury 1. AMOS SOFTWARE. Adobe LiveMotion 2 [online]. c2001, [cit. 2003-02-01]. Dostupné z: <http://www.amsoft.cz/produkty/adobe/livemotion/main.html>. 2. DANČO, Václav. Typografie: kapesní průvodce [počítačovou] typografií. 1. vyd. Praha: Via Vestra, 1995. 135 s. ISBN 80-85935-00-7. 3. DIGITAL MEDIA. Macromedia HomePage [online]. c2001-2003, [cit. 2003-04-03]. Dostupné z: <http://www.digitalmedia.cz/macromedia/>. 4. FOTR, Jiří a SCHNEIDER, Zdeněk. FLASH 5 pro grafiky a tvůrce Webů. 1. vyd. Praha: Computer Press, 2000. 199 s. ISBN 80-7226-415-X. 5. FOTR, Jiří. Macromedia Flash MX: Podrobná příručka. 1. vyd. Praha: Computer Press, 2002. 355 s. ISBN 80-7226-677-2. 6. GRAFIKA PUBLISHING. Grafika On-line - denní zpravodajství ze světa grafiky, polygrafie a digitální fotografie [online]. c2003, [cit. 2003-03-03]. Dostupné z: <http://www.grafika.cz>. 7. GRAFIKA PUBLISHING. Printing.cz - Server zaměřený na tisk, pre-press a knihařské zpracování [online]. c2002, [cit. 2003-03-27]. Dostupné z: <http://www.printing.cz>. 8. GRAY, Daniel. Profesionální design na webu. Přel. Tamara Váňová. 1. vyd. Brno: Soft Press, 2000. 223 s. Přel. z Looking good on the web. ISBN 80-902824-1-5. 9. HORNÝ, Stanislav a ADAMEC, Stanislav. Nástroje prezentace ekonomických informací 1: Sazba a montáž dokumentů Corel Ventura. 1. vyd. Praha: Vysoká škola ekonomická, 1996. 228 s. ISBN 80-7079-991-9. 10. HORNÝ, Stanislav. Nástroje prezentace ekonomických informací 2: Kreslení a malování na PC, Corel DRAW 5, Corel Photo PAINT 5. 1. vyd. Praha: Vysoká škola ekonomická, 1997. 209 s. ISBN 80-7079-560-3. 11. HORNÝ, Stanislav. Návrh a tvorba prezentací na WWW. 1. vyd. Praha: Vysoká škola ekonomická, 1998. 204 s. ISBN 80-7079-681-2. 12. KERMAN, Phillip. Action Script ve Flashi: Podrobná příručka. Přel. Magdalena Kolínová et. al. Praha: Computer Press, 2002. 507 s. Přel. z Actionscripting in Flash. ISBN 80-7226-615-2. 13. KOŘÍNEK, David. Blesk nad Internetem: svět multimediálního Internetu. Computer, 2000, roč. IIIX, č. 19, s. 12-15. ISSN 1210-8790. 14. MICROSOFT CORPORATION. Microsoft Office - PowerPoint Hlavní stránka. c2003, [cit. 2003-02-24]. Dostupné z: <http://www.microsoft.com/cze/office/>. - 7 -
15. MINDŽAK, Robert. Dokonalý webdesign. Přel. Miroslav Kučera. 1. vyd. Praha: Computer Press, 2002. 170 s. ISBN 80-7226-576-8. 16. PELIKÁN Josef, SOCHOR Jiří. Barva a barevné vidění [online]. 15. 3. 2000, [cit. 2003-03-27]. Dostupné z: <http://www.fi.muni.cz/usr/sochor/m4730/>. 17. PROKEŠ, Karel. Velká kniha: Macromedia FLASH, interaktivní animace. 1. vyd. Brno: UNIS, 2000. 311 s. ISBN 80-86097-51-X. 18. RODRYČOVÁ, Danuše. Jak prezentovat firmu, produkt, sebe, názor 1. vyd. Praha: GRADA, 1999. 124 s. ISBN 80-7169-342-1. 19. RUSSELL, Chun. Macromedia Flash 5: Pro pokročilé. Přel. Luděk Roleček. 1. vyd. Praha: Computer Press, 2001. 416 s. Přel. z Flash 5 Advanced for Windows & Macintosh Visual QuickPro Guide. ISBN 80-7226-519-9. 20. SATRAPA, Pavel. Web design. 1. vyd. Praha: Neokortex, 1997. 414 s. ISBN 80-90- 2230-1-X. 21. SCALA BROADCAST MULTIMEDIA. Scala, Inc. - End-to-end Broadcast Multimedia Solutions that work! [online]. c2001, [cit. 2003-02-27]. Dostupné z: <http://www.scala.com/>. 22. ŽÁRA, Jiří, BENEŠ, Bedřich a FELKEL, Petr. Moderní počítačová grafika. 1. vyd. Praha: Computer Press, 1998. 448 s. ISBN 80-7226-049-9. 23. ŽIVĚ. Živě.cz o počítačích a Internetu [online]. c2002, [cit. 2003-03-26]. Dostupné z: <http://www.zive.cz>. - 8 -