Vysoke´Ucˇenítechnicke´V Brneˇ
Total Page:16
File Type:pdf, Size:1020Kb
View metadata, citation and similar papers at core.ac.uk brought to you by CORE provided by Digital library of Brno University of Technology VYSOKE´ UCˇ ENI´ TECHNICKE´ V BRNEˇ BRNO UNIVERSITY OF TECHNOLOGY FAKULTA INFORMACˇ NI´CH TECHNOLOGII´ U´ STAV POCˇ ´ITACˇ OVE´ GRAFIKY A MULTIME´ DII´ FACULTY OF INFORMATION TECHNOLOGY DEPARTMENT OF COMPUTER GRAPHICS AND MULTIMEDIA ONLINE NA´ STROJ PRO VYTVA´ Rˇ ENI´ PREZENTACI´ BAKALA´ Rˇ SKA´ PRA´ CE BACHELOR’S THESIS AUTOR PRA´ CE FILIP ZAVACKY´ AUTHOR BRNO 2011 VYSOKE´ UCˇ ENI´ TECHNICKE´ V BRNEˇ BRNO UNIVERSITY OF TECHNOLOGY FAKULTA INFORMACˇ NI´CH TECHNOLOGII´ U´ STAV POCˇ ´ITACˇ OVE´ GRAFIKY A MULTIME´ DII´ FACULTY OF INFORMATION TECHNOLOGY DEPARTMENT OF COMPUTER GRAPHICS AND MULTIMEDIA ONLINE NA´ STROJ PRO VYTVA´ Rˇ ENI´ PREZENTACI´ ONLINE PRESENTATION CREATOR BAKALA´ Rˇ SKA´ PRA´ CE BACHELOR’S THESIS AUTOR PRA´ CE FILIP ZAVACKY´ AUTHOR VEDOUCI´ PRA´ CE Ing. RUDOLF KAJAN SUPERVISOR BRNO 2011 Abstrakt Řešil jsem nový přístup vytváření prezentací, přibližovací užívatelské rozhraní a spouštění prezentace jako video. Vytvoøil jsem rozhraní jako dvourozměrnou plochu. Prezentace se vytváří formou rozmísťování objektù na plo¹e a spájaní cestou. Podaøilo se mi vytvoøit aplikaci poskytujíci popisované vlastnosti a implementující daný problém. Zdokumentoval jsem použité přístupy v řešení. Abstract I have solved a new way of creating presentations, the zooming user interface and running presentations like video. I have created an interface as two-dimensional surface. Presentation is created the way that objects are placed on the surface and connected with path. I have succeeded in creating an application with described properties and solving given problem. I have documented approaches that I have used in solution. Klíčová slova Vytváření prezentace, video prezentace, silverlight, přiblížovací užívatelské rozhraní, bohatá internetová aplikace. Keywords Presentation creator, video presentation, silverlight, zooming user interface, rich internet application. Citace Filip Zavacký: Online nástroj pro vytváření prezentací, bakaláøská práce, Brno, FIT VUT v Brně, 2011 Online nástroj pro vytváření prezentací Prohlášení Prohla¹uji, že jsem tuto bakaláøskou práci vypracoval samostatně pod vedením pana Ing. Rudolfa Kajana. Uvedl jsem v¹echny literární prameny a publikace, ze kterých jsem èerpal. ....................... Filip Zavacký 18. dubna 2011 Poděkování Děkuji vedoucímu práce za poskytnutí odborné pomoci. c Filip Zavacký, 2011. Tato práce vznikla jako školní dílo na Vysokém učení technickém v Brně, Fakultě informa- čních technologií. Práce je chráněna autorským zákonem a její užití bez udělení oprávnění autorem je nezákonné, s výjimkou zákonem definovaných případů. Obsah 1 Úvod 4 2 Motivácia5 3 Aktuálne možnosti7 3.1 Prezi........................................7 3.2 Google dokumenty................................8 3.3 280Slides.....................................8 3.4 SlideRocket....................................9 3.5 Slimey.......................................9 3.6 Slidy........................................9 3.7 BrinkPad..................................... 10 4 Technológie 11 4.1 Adobe Flash................................... 11 4.1.1 Adobe Flash Player........................... 12 4.1.2 Adobe AIR................................ 12 4.1.3 Flex.................................... 12 4.2 Microsoft Silverlight............................... 13 4.3 Java........................................ 15 4.3.1 JavaFX.................................. 15 4.4 AJAX....................................... 16 4.5 Curl........................................ 18 4.6 XUL........................................ 19 5 Návrh rie¹enia 20 5.1 Návrh užívateľského rozhrania.......................... 20 5.2 Návrh aplikácie.................................. 21 5.3 ©pecifikácia èinnosti............................... 21 6 Postup rie¹enia 22 6.1 Použité technológie................................ 22 6.2 Obrazovky užívateľského rozhrania....................... 22 6.2.1 Uvítacia obrazovka............................ 24 6.2.2 Obrazovka programu pre spú¹»anie................... 25 6.2.3 Obrazovka programu pre vytváranie.................. 28 6.2.4 Obrazovky pre hlásenie chýb...................... 29 6.3 Forma vstup/výstup............................... 30 1 6.4 Aplikaèné úložisko................................ 31 6.4.1 Povolenie úložiska............................ 32 6.5 Spustenie aplikácie................................ 32 6.5.1 Požiadavky a závislosti.......................... 32 6.5.2 Obmedzenia................................ 33 6.5.3 Zdrojový kód............................... 33 7 Záver 34 A Užívateľské rozhrania 38 A.1 Prezi........................................ 38 A.2 Google dokumenty................................ 38 A.3 280Slides..................................... 39 A.4 SlideRocket.................................... 39 A.5 Slimey....................................... 40 A.6 BrinkPad..................................... 40 B ©truktúra XML súboru 41 C Obsah CD 43 D Plakat 44 2 Seznam obrázkù 4.1 Tradièný model WWW aplikácie (vľavo) v porovnaní s AJAX prístupom (vpravo) 16 5.1 Približovateľná pracovná plocha......................... 20 6.1 ©truktúra aplikácie. (Poznámka: šípky naznaèujú navigáciu) ............ 23 6.2 Rozloženie ovládacích prvkov grafického rozhrania (uvítanie)......... 24 6.3 Rozloženie ovládacích prvkov grafického rozhrania (prehrávanie)....... 25 6.4 Posúvanie scény prehrávaèom.......................... 26 6.5 Transformácia scény pri prechode........................ 27 6.6 Rozloženie ovládacích prvkov grafického rozhrania (vytváranie)........ 28 6.7 Povolenie aplikaèného úložiska.......................... 32 3 Kapitola 1 Úvod Náplňou práce je sledova» a zaznamena» celú problematiku a jednotlivé etapy potrebné pre vytvorenie softvérového produktu. Dôležitá je cesta, ktorá vedie k vytvoreniu produktu. Cesta prechádza jednotlivými oblas»ami (míľnikmi) potrebnými pre rie¹enie daného pro- blému a teraz ich tu uvediem. V kapitole2 Motivácia práce naèrtávam smer snaženia. Èo budem rie¹i» a akým spôso- bom. Vymedzím jednotlivé etapy rie¹enia a poviem èo od ktorej oèakávam. V kapitole3 Aktuálne možnosti vykonám analýzu vybraných softvérových produktov, ktoré sú momentálne dostupné online. Zameriam sa na ich grafické užívateľské rozhrania. Aké typy rozložení prvkov a aké ovládacie prvky ponúkajú. Popíšem viditeľné schopnosti týchto nástrojov, plynúce z experimentovania s nimi. Zameriam sa na použité typy techno- lógií u jednotlivých nástrojov. V kapitole4 Technológie vykonám dôkladnej¹iu analýzu dostupných moderných techno- lógií, ktoré umožňujú vytvára» vybrané aplikácie z predo¹lej kapitoly. Pôjde o technológie pre vytváranie bohatých internetových aplikácií. Zaujímať ma bude èo daná technológia ponúka a umožňuje. Aké sú s danou technológiou spojené výhody a nevýhody. Na aký úèel je ktorá viacej èi menej vhodnej¹ia. V kapitole5 Návrh rie¹enia naèrtnem môj navrhnutý postup rie¹enia zadania. Návrh sa bude odvíjať z vedomostí nadobudnutých pri práci na predošlích kapitolách. Definujem èo má rie¹enie robi» a ako to má robi». Ake grafické užívateľské rozhranie rie¹enie implementuje. Ïal¹ie moje oèakávania. V kapitole6 Postup rie¹enia detailne popíšem môj priebeh vytváranie softvérového produktu. Zaznamenám èo som robil a ako som to robil. Akú technológiu som zvolil. Ako som implementoval grafické užívateľské rozhranie. Aké schopnosti som produktu vytvoril a princíp (podstatu) ako sú dané schopnosti implementované. Popíšem ako sa aplikácia spú¹»a a ako pracuje, èo vyžaduje, aké sú obmedzenia. Demon¹trujem funkènos» vytvorením ukážkovej prezentácie ktorá bude dostupná na CD prílohe. Vytvorím plagát popisujúci èinnos», ktorý bude umiestnený v prílohách na konci dokumentu a tiež na CD prílohe. V kapitole7 Záver zhodnotím dosiahnuté výsledky. Poukážem na zistené nedostatky aktuálneho stavu. Navrhnem smer ďalšieho možného pokraèovania. Uvediem môj prínos práce a k akému zisteniu som dospel. V prílohách poskytnem doplnkové materiály ako aj obsah CD nosièa a vytvorený plagát. 4 Kapitola 2 Motivácia Cieľom práce je vytvori» aplikáciu, WWW službu, ktorá poskytne schopnosti pre vytváranie prezentácií. Táto služba poskytne užívateľské rozhranie dostupné cez protokol HTTP [6]. Služba ponúkne klasickú aplikáciu, možnosťami porovnatelnú s aplikáciam v prostredí pra- covnej plochy, bez nutnos»i in¹talácie na užívateľov lokálny systém. V takomto prípade užívateľové dáta sú spravované na vzdialenom systéme. Výsledok je hneď dostupný cez WWW, èo umožňuje výhody ako zdieľanie, s»ahovanie a ďalšie. Aplikácia bude disponova» funkciami požadovanými od programu pre vytváranie pre- zentácií ako upravovanie, vkladanie objektov (text, obrázky,. ), spú¹»anie prezentácie a navigácia. Užívateľ vloží svoje dáta a spracuje ich na požadovaný tvar. Výsledok je uložený na vzdialenom systéme. Vývoj v spôsobe prezentovania priná¹a nové trendy ako: približovacie užívateľské roz- hranie [8] (ZUI 1), importovanie mediálneho obsahu, metóda drag and drop\ 2, zdiaľanie " a súèasné interaktívne upravovanie viacerími zainteresovaními užívateľmi. RIA 3 aplikácie poskytujú schopnosti pre spoluprácu užívateľa, vrátane plynulej navigá- cie, vlastnosti grafického užívateľského rozhrania známe u aplikácií v prostredí pracovnej plochy a integráciu dát. Začleňujú a združujú lokálne a vzdialené zdroje dát a biznis lo- giku. Jedna z najdôležitejších vlastností je že umožňujú oddeli» prezentaènú a aplikaènú logiku èo umožňuje vývojárom zmeni» logiku na strane