2017 Sway PREZENTAČNÍ PROGRAM PRO CLOUDOVÁ ÚLOŽIŠTĚ KOVAR PAVEL SPŠ OTROKOVICE Tř. Tomáše Bati 1266, 765 02 OTROKOVICE
I. Sway nástroj pro přípravu interaktivní prezentace Cloudová úložiště nabízí uživateli on-line aplikace, které si sice nekladou za cíl konkurovat aplikacím MS-Office nainstalovaným na Vašem počítači, ale výrazně usnadní práci a umožní rychlé vytváření produktů, které uživatel následně nabídne ke sdílení svému okolí. Aplikace Sway tedy určitě nehodlá překonat možnosti prezentací ve formátu PowerPoint, nástroj Sway je zde proto, aby na cloudu umožnil uživateli snadno a rychle vytvořit interaktivní webovou prezentaci. Nástroj Sway je zdarma a je dostupný v Office 365 Education. Seznamme se v krátkosti se základními možnostmi jeho využití. Přihlasme se tedy do prostředí MS-Office 365 Obrázek 1 Obrázek 2 a nastartujme nástroj Sway názorný obrázek ukazuje, kde se v sadě nástrojů nachází. Jsme-li účastníky kruhu uživatelů MS-Office 365 - tedy např. kterýkoli student naší školy, případně jsme-li majiteli OneDrive - jímž je každý vlastník Windows - máme k nástroji Sway okamžitý přístup. 1
Obrázek 3 Obrázek 3 nám ukazuje případ, pokud načítáme Sway z prostředí soukromého účtu OneDrive, který vlastní každý majitel systému Windows 10. Obrázek 4 2
II. Sway pracuje s již vyhotoveným produktem Na obrázku č.4 již máme aplikaci Sway načtenu a otevřenou v základním módu. Nyní se pokusme najít již vyhotovenou prezentaci PowerPoint a tu otevřeme pomocí nástroje Začít z dokumentu, který vidíme na obrázku 4. Nemusíme mít žádné speciální dovednosti a prezentace PowerPoint se nám přetransformuje do grafické podoby Sway a můžeme ji sdílet s přáteli na cloudu. Ukažme si celý postup. Klikneme podle obrázku 4 na tlačítko Začít z dokumentu otevře se nám okno pro vyhledání zdroje pro zpracování dat za zdroj pro Sway jsem zvolil hotovou motivační prezentaci pro naše studenty Bugatti Veyron Obrázek 5 Obrázek 6 Transformace dat chvíli trvá a brzy následuje konečné načtení zvoleného souboru pptx. Načtený soubor se sice trošku vzhledově liší od původní prezentace, ale obsahově sděluje vše, co předlohová prezentace obsahovala. V této podobě se dá nový Sway snadno sdílet. Ukážeme si jak. 3
Obrázek 7 Porovnáme-li načtenou prezentaci ve Sway a v PowerPointu, zjistíme nápadný vzhledový rozdíl, ale rozdíl v obsahu, tedy rozdíl v tom, co autor prezentací sděluje, je minimální. A to je samozřejmě i záměr tvůrců aplikace Sway. Klikneme na nástroj pro sdílení obrázku 7 je zvýrazněn ve žlutém kroužku. Obrázek 8 Otevře se škála možností, kde se dá nový Sway sdílet. Autor učebního textu se rozhodl sdílet načtenou prezentaci například na Facebooku a prostým kliknutím na ikonu Facebooku zobrazenou na obrázku 8 jsme již zadali odkaz na svůj účet. Následující obrázek nám ukáže publikovanou prezentaci na sociální síti. 4
Obrázek 9 Tentýž odkaz je samozřejmě možno publikovat i na sociální síti Twitter. Naše ukázka se bude držet sociální sítě Facebook, z pohledu uživatele je způsob exportu na Twitter totožný. Obrázek 10 Jak je zřejmé, publikovat nově vytvořenou prezentaci Sway například na Facebook není z pohledu uživatele nic obtížného. Podobně snadné je nasdílení této prezentace vybrané osobě. Zkrátka rozhodnutí autora nyní zní, že svoji prezentaci nehodlá publikovat na vřejné síti, ale chce ji ukázat pouze úzké skupině (Facebook či Twitter nevlastnících) osob či dokonce jednomu člověku. Zde je namístě odeslat zvolené skupině či konkrétní osobě přímý odkaz na cloudové úložiště Sway. Tuto situaci nám ukazuje následující vyobrazení. 5
Obrázek 11 Obrázek 12 V rámci svého účtu OneDrive otevíráme poštovního klienta Outlook, zadáváme Nový email a za adresáta zvolíme konkrétní osobu viz následující obrázek. 6
Obrázek 13 Adresát si otevře poštu a v ní vidí naši zprávu s odkazem klikne na odesílatelem nabízený odkaz a prezentaci si může prohlédnout. Obrázek 14 Jak již bylo sděleno, odesílatelem nasdílená prezentace Sway si neklade nároky na precizní efekty, které nabízí PowerPoint. Sway umožňuje rychlé a snadné sdílení informace, kterou například zde použitá původní prezentace ve formátu pptx nabízí. V tom je samozřejmě nástroj Sway velmi užitečný a neméně užitečné bude prohlédnout si a třeba i znát jeho možnosti, které pak můžeme s úspěchem využít v každodenní praxi. Prezentace Sway je nasdílená pro posluchače přednášky, kteří si ji mohou během výkladu lektora svým vlastním tempem prohlížet, prezentace Sway se neztratí společně s flash-diskem pět minut před přednáškou (nadsázka). Zkrátka zůstává k dispozici a nabízí široké využití. 7
Po kliknutí na odkaz získá oslovený uživatel právo nastartovat autorem (odesílatelem) nabídnutou prezentaci uloženou na cloudu. Obrázek 15 Po načtení dat, které závisí na přenosové rychlosti internetu, se prezentace zobrazí a vlastník odkazu si ji může prohlížet. Obrázek 16 V dalším pokračování našeho učebního textu se seznámíme s tím, jak vytvořit vlastní prezentaci v prostředí Sway, prezentaci s obrázky, zvukovými nahrávkami i videem. Zjistíme, že představovaná aplikace Sway je v rámci cloudových nástrojů velmi silný a kvalitní prostředek, pomocí něhož můžeme vytvořit zajímavé a poutavé doplňky ke školením a přednáškám i k soukromým prezentováním osobních prožitků sdílených mezi nejbližšími přáteli. Přál bych si, aby Vás nástroj Sway zaujal stejně, jako zaujal před časem i mne. 8
III. Tvorba vlastní prezentace pomocí Sway V úvodu našeho pojednání již bylo řečeno, že program Sway startujeme z prostředí cloudu. Program je k dispozici zdarma na portále Office 365 Education. Pokud máte vlastní účet OneDrive, pokud jste členy skupiny uživatelů MS-Office 365 (v případě studentů SPŠ Otrokovice jimi jste), máte na svém účtu program Sway rovněž přímo dostupný. Obrázek 17 Aplikaci Sway můžeme nastartovat také z prostředí známého balíku Office 365, kde je jedním z mnoha dostupných nástrojů, které má uživatel k dispozici. Obrázek 18 Vyhledání startovací ikony pro aplikaci Sway je v osobním prostředí OneDrive rovněž velmi snadné. 9
Nyní se podívejme na tvorbu úvodní stránky naší rodící se prezentace v aplikaci Sway. Nejprve se přihlásíme ke svému účtu Obrázek 19 Obrázek 20 V tomto případě použijeme (žlutě označeného) tlačítka Vytvořit nový a začneme pracovat na vlastní prezentaci. 10
Použijeme pro pozadí naší prezentace čtyř základních možností vložení pozadí. a) Nejprve jím bude naše vlastní (autorská práva) fotografie, kterou máme uloženou na webu (vlastní stránky, blog ) Obrázek 21 Obrázek 22 b) Nyní použijeme fotografii pro podklad pozadí, kterou nám nabízí autorský team Sway Obrázek 23 Vybrané pozadí prostě přetáhneme do rodící se prezentace Sway jak ukazuje obrázek 23 11
c) Třetí možností je na pozadí Sway použít obrázek, který se nachází na našem OneDrive. Obrázek 24 Obrázek 25 d) Poslední možností použití obrázku na pozadí hlavičky prezentace je vložení obrázku, který máme uložen na svém počítači. Tuto možnost vidíme na obrázku 26. Obrázek jsme s největší pravděpodobností získali z našeho fotoaparátu či mobilního telefonu. Jako uživatelé víme, že přehrání fotografie může opět představovat širší škálu možností. 1) Technicky nejstarší metodou je pravděpodobně propojení telefonu či fotoaparátu s počítačem pomocí datového kabelu. Počítač vidí telefon či fotoaparát jako nové zařízení dostupné pro průzkumníka. 2) Elegantní je bezdrátový přenos dat do našeho počítače na krátkou vzdálenost pomocí zařízení Bluetooth. Touto technikou lze umožnit vzájemný digitální přenos dat i mezi jednotlivými mobilními zařízeními 3) Nejmodernějším způsobem je stažení fotografií z cloudového úložiště např. OneDrive. 12
Obrázek určený pro pozadí vznikající prezentace je tedy uložený na disku našeho PC a naším úkolem je vložit ho do šablony Sway z tohoto místa. Obrázek 26 Obrázek 27 Cílový obrázek snadno vyhledáme např. ve stažených souborech a tlačítkem Otevřít vydáme pokyn k jeho vložení do aktuální šablony aplikace Sway. Výsledek můžeme spatřit na následujícím obrázku. Cesta k získání podkladu pro úvodní stránku mohla vést přes celou řadu rovnocenných způsobů. Některé z nich byly na předchozích stránkách popsány v tomto textu. S případě Sway a obecně při studiu jakéhokoli nového softwaru upřímně doporučuji Tvůj uživatelský experiment. Dovednosti opřené o zkušenost vlastního prožitku, jsou podstatně trvalejší a celkové cennější než sebelépe napsaný učební text, včetně tohoto skripta, které chce jen pomoci Vám - motivovaným.. 13
Podívejme se nyní na levý dolní okraj stránky Sway. Zelené tlačítko PLUS nás jistě nabádá k otevření další nabídky pro tvorbu zde vznikající prezentace. Obrázek 28 Obrázek 29 První z nabídky (a my se budeme držet její posloupnosti) je možnost vložení napisu. V následující ukázce si předvedeme možnosti této utility. Obrázek 30 Nejprve přidáme barevný podklad a v následujícím kroku přibude i nadpis oddílu, jehož vložení 14
vidíme na obrázku 31. Text Příroda jsem nechal Zdůraznit přes stejnojmenný nástroj v nabídce okna. Nástroj Zvýraznit nastavuje pouze kurzívu a navrací běžný text. Obrázek 31 Nyní nás bude zajímat třetí tlačítko nástrojové lišty Odkaz. Umožní k napsanému slovu Příroda připojit vhodný webový odkaz. Pro nadpis Příroda tedy použijeme nástroj Odkaz. Obrázek 32 Z obrázku 32 by mělo být patrné, že uživatel musí znát i webový odkaz, který naváže zde na nadpis. Jako každý hypertext se nám nápis Příroda zvýrazní podtržením. Pro kontrolu funkce zde právě nastaveného odkazu navrhuji krátkou zastávku v tvorbě prezentace Sway. Vpravo nahoře na naší pracovní ploše najdeme nabídkové tlačítko Náhled. Pomocí tohoto nástroje snadno zjistíme, nakolik je naše úprava esteticky vhodná pro celkový vzhled prezentace Sway. 15
Pozici tlačítka zobrazuje následující obrázek. Aktivací se nám předvede ukázka hotového fragmentu Obrázek 33 Obrázek 34 Obrázek 35 A obrázek 35 nám připomíná, že tlačítko zelené PLUS vlevo dole pod pracovní plochou nabízí další možnosti pokračování ve výstavbě vznikající prezentace Sway. Rozklikneme tedy jeho nabídku a povšimneme si dalších možností. 16
Jakmile došlo k rozevření nabídky, vybereme si vedle nástroje Nadpis položku Text. Obrázek 36 Ukažme si nyní možnosti tohoto nástroje v aplikaci Sway. Umožní nám vložit do prezentace text nejen pod odrážkami, ale i jako číslovaný seznam. Obrázek 37 Karta text nám umožňuje zařadit do prezentační karty textový blok a dokáže zobrazit i strukturovaný text (odrážky, číslování). Z nabídky odkaz je možné kterémukoli slovu v textu přiřadit webový odkaz (vysvětleno v doprovodu obrázků 31, 32, 33, 34). Text lze také zvětšovat a následně zmenšovat, v horním menu k této snadné operaci najdeme dva intuitivně ovladatelné tlačítkové nástroje. 17
Rozevřeme-li zeleným tlačítkem PLUS umístěným pod textovou stránkou Swaye další nabídku (najdeme ji pod kartou s textem), zpřístupníme možnost vkládání obrázků a multimédií. Postupně si ukážeme nabízené možnosti. Obrázek 38 Obrázek 38 nám zpřístupňuje pohled na nabídku vložení obrázku, videa a zvuku. Začněme vložením obrázku, který bude přístupný z webové adresy Obrázek 39 K nabídce vlevo se budeme ještě několikrát vracet. Nyní klikneme na označenou položku Moje zařízení a do řádku Název souboru vložíme odkaz na vlastní obrázek - např. Hradeckého rybníka. Obrázek 40 Situaci před odesláním webového odkazu příkazovým tlačítkem Otevřít nám ukazuje obrázek 40. Výsledný efekt spatříme na obrázku 41, obrázek z webu se vložil do vznikající prezentace Sway 18
Obrázek 41 Zeleným tlačítkem PLUS posuňme prezentaci opět o jeden krok kupředu a vložíme do nově otevřené stránky fotografii, kterou nám v nabídce předkládá autorský tým projektu Sway. Situaci vidíme na obrázku 42. Obrázek 42 Povšimněme si, že na obrázku 42 máme zatržené slovní upozornění, že nabízené obrázky jsou chráněny licencemi Creative Commons, co že tvůrčí společenství a souběžně nezisková organizace, která si klade za cíl rozšířit množství autorských dostupných děl veřejnosti k legálnímu využívání a sdílení. Fotografie touto cestou nabyté samozřejmě nelze použít ke komerčnímu využití (zisk, podnikání) ale běžná zobrazení registrovaných záběrů ve školských prezentacích či v souborech s čistě soukromým zaměřením jsou díky tomuto certifikátu legální. Pro veřejnou produkci (autorská práva) doporučuji používat vlastních fotografií a videí; ostatně kvalita dnešních amatérských fotografií a filmů, které pořizujeme přes digitální kameru, fotoaparát či mobilní telefon, postoupila na tak vysokou úroveň, že je úspěšně využitelná ve většině běžných multimediálních zařízeních. 19
Výběr fotografie uložené přímo na počítači se děje opět přes nabídku Návrhy obrázek 43. Obrázek 43 Obrázek 44 Cílový soubor fotografie je zobrazen v okně, které vyvoláme kliknutím na položku Moje zařízení. Obrázek 45 20
Poslední v tomto výčtu a uživatelsky velmi oblíbené je vkládání obrázku z Cloudového úložiště OneDrive. Obrázek 46 Shrnutí zobrazených ukázek Vkládání obrázků web, nabídka týmu Sway, náš PC a cloud OneDrive. Obrázek 47 21
Zdůraznění důležitých míst obrázku umožní aplikaci Sway jeho lepší umístění ve finálním zobrazení. Uveďme si příklad, který využije obrázku 47. Obrázek břízy a pejska bude mít tu zvláštnost, že ač zcela mimo hlavní linii snímku, bude označen psík. Nástroj služby má vhled kolečka, jímž uživatel označí důležitou část snímku. Obrázek 48 Obrázek 49 Označený objekt na fotce je nyní aplikací Sway chápán za důležitý motiv záběru a následné postavení fotografie bude v konečném uspořádání prezentace Sway po tomto doplňkovém zákroku uživatele zohledněno. V následujícím textu se dozvíme víc o vkládání multimédií do prezentace Sway. Pokud máme vytvořenou nahrávku ve formátu wav nebo mp3, pokud máme video v digitálním formátu mpeg4, je z pohledu provozu multimediální prezentace Sway prakticky lhostejno, zda uživatel zvukový záznam získal vlastními prostředky z vlastního nahrávacího zařízení z vlastní, kamery či mobilu či zda je stáhl z veřejně dostupného úložiště. Samozřejmě každý uživatel musí při výběru dbát na dodržení pravidel, pro autorská práva. 22
Do multimediální prezentace začleníme zvukovou nahrávku, která je uložena na OneDrive. Obrázek 50 Po kliknutí na zelené plus se nám otevře známé menu pro vložení obrázků. Nyní však aktivujme položku skrytou pod třemi tečkami (obrázek) a otevře se nám škála nástrojů, mezi nimiž objevíme i nástroj pro vložení zvuku a videa viz obrázky 50-51. Obrázek 51 23
Do naší Sway vložíme zvuk ve formátu MP3 a to tak, že klikneme na nástroj Přidejte zvukový soubor Obrázek 52 Soubor se bude do prostředí Sway chvíli načítat Obrázek 53 A zanedlouho nám systém oznámí zařazení zvukového souboru ve formátu MP3 do naší Sway Obrázek 54 24
Obrázek 55 Toutéž technikou budeme načítat i zvukový soubor ve formátu WAV. Obrázek 56 Proces je z hlediska uživatele totožný Obrázek 57 Obě zvukové nahrávky jsou kvalitní můžeme si je přehrát. Jako další zkoušku doporučuji nasdílení. 25
Jiná cesta k získání zvukové nahrávky vede přes rozhraní OneDrive. Zde jsou pro tuto ukázku uloženy soubory MP3 i soubor WAV. Zeleným tlačítkem plus zvolme novou kartu. Na nové kartě vybereme nástroj tři tečky dole; Vložit Zvuk. Horní menu: Vložit Návrhy OneDrive Obrázek 58 Z pohledu uživatele je vložení zvukového soubor WAV tatáž práce, zvukové soubory se samozřejmě významně liší formátem a jeho vlastnostmi. Obrázek 59 Obrázek 59 ukazuje asi minutu trvající situaci, kdy se zvukový soubor nahrává do prezentace, čas se odvíjí samozřejmě od velikosti nahrávaného zvukového souboru. Obr. 60 nahrávání proběhlo Obrázek 60 26
Šipka znázorňuje směr, kterým uživatel - zcela intuitivně - přetahuje zvukový soubor WAV z cloudu OneDrive do aplikace Sway. Obrázek 61 Obrázek 61 ukazuje průběh vložení dalšího zvukového souboru tentokrát ve formátu WAV. Obrázek 62 Soubory MP3 i WAV byly úspěšně (po asi minutovém načítání, které nesmí uživatele zmást) nahrány přes cloudové úložiště OneDrive. Velmi poutavou vlastností Sway je možnost vkládání videa. V následujícím textu si ukážeme, že videosoubor můžeme do prezentace vložit třemi základními způsoby. 1. Video můžeme vložit z přímé nabídky tvůrců programu Sway 2. Video lze vložit také z pevného disku našeho počítače 3. Video do aplikace Sway umístíme také z cloudového úložistě OneDrive Výsledný efekt (funkční a v prezentaci se spouštějící video) je u všech tří cest realizujících vkládání videosouboru shodný. 27
Nejprve v prostředí tvorby prezentace Sway zpřístupníme kartu s rutinou k vložení videa. K ní vede krok znázorněný na obrázku 63. Obrázek 63 V levé části prezentace se nyní odkryje panel, z něhož vybereme možnost vkládání videa. Obrázek 64 Kliknutím na nástroj Video se v prostředí Sway otevře karta s oknem pro video viz obrázek 64. Aktivujeme-li kliknutím okno Přidejte video, změní se nápis na Přetáhněte sem video a v levé části nabídky Sway se objeví licencencemi Creative Commons chráněný výběr. Obrázek 65 Obrázek 65 doslovně cituje podmínky licence Creative Commons - pro uživatele jsou velmi příznivé. 28
Obrázek 66 Proces přesouvání videa z nabídky Creative Commons do naší prezentace v programu Sway. Obrázek 67 Nyní si předvedeme import videa z našeho počítače do aplikace Sway. Video je uloženo pro názornost tohoto výkladu na ploše, obecně je samozřejmé, že může být uloženo kdekoli, včetně sítě a periferií. Obrázek 68 V rozvinuté nabídce Návrhy vyhledáme zcela dole položku Moje zařízení. Ta umožní výběr z PC. 29
Obrázek 69 ukazuje vyhledání videosouboru, který je uložen na ploše (viz obr. 67) a znázorňuje pokyn k jeho načtení do prostředí Sway. Obrázek 69 Obrázek 70 Záleží na velikosti videa a přenosových schopnostech internetové sítě a video se přibližně za minutu nahraje. Načetlo se z našeho počítače a stalo se nedílnou součástí vznikající prezentace Sway. Obrázek 71 Zde vidíme zobrazení videa importovaného do Sway přímo z pevného disku počítače, autorem videonahrávky je učitel naší školy, který v Experimentáriu sestavil model molekuly a to v podobě na nitce rotujícího kuličkového modelu. Rotující model natočil jako video proti žlutému pozadí. Záběr nyní slouží potřebám naší školy pro běžnou výuku. 30
Další praktickou a velmi užívanou možností pro vložení videa do aplikace Sway je vložení videa z portálu YouTube. V naší ukázce použijeme opět vlastního (autorova) videa, které je na YouTube uloženo. Obrázek 72 Klikneme na zelené plus je vlevo dole viz obrázek 71 a rozevře se nabídka, z níž ve shodě s obrázkem 63 vyhledáme tři tečky. Klikneme-li na tři tečky, otevře se vlevo nabídka. Z nabídky vybereme položku YouTube - viz obrázek 72. Obrázek 73 Obrázek 74 Video z portálu YouTube je zařazeno mezi další videosoubory v naší prezentaci Sway. 31
Poslední ukázkou tohoto učebního textu bude přenos videosouboru z cloudového úložiště OneDrive do přípravného nastavení Sway. Klikneme na zelené plus je vlevo dole viz obrázek 71 a rozevře se nabídka, z níž ve shodě s obrázkem 63 vyhledáme tři tečky. Klikneme-li na tři tečky, otevře se vlevo nabídka. Z nabídky vybereme video - viz obrázek 64. Kliknutím na položku Video se otevře karta umožňující vložení videa do Sway. Nyní klikneme na položku Vložení v honím menu a zpřístupníme rozvinovací menu Návrhy Obrázek 75 V rozvinuté nabídce Návrhy aktivujeme položku OneDrive, můžeme se orientovat podle obrázku 75. Obrázek 76 Na obrázku 76 jsme vyhledali cílové video Newtonův rázostroj na úložišti OneDrive a ve směru šipky je přetáhneme do šablony naší vznikající prezentace Sway. Nyní máme základní prvky text, obrázek, zvuk a video umístěny v nové prezentaci a můžeme si výsledek své práce prohlédnout. 32
Obrázek 77 Hotovou prezentaci můžeme nasdílet svým přátelům a podělit se s nimi o své zážitky. Proces sdílení je velmi snadný, byl popsán již na straně 3 8, ale přesto jej raději připomenu na několika obrázcích. Odkaz na soubor získáme z nabídky sdílet podle obrázku 77. Obrázek 78 Odkaz odešleme vybraným osobám, které mohou náš soubor Sway sledovat prostřednictvím zaslaného odkazu. 33
Obrázek 79 Tak vidí nabídku odkazu druhá strana (příjemce) a prostým kliknutím na odkaz si může nasdílenou prezentaci zobrazit. KONEC Obsah I. Sway nástroj pro přípravu interaktivní prezentace... 1 II. Sway pracuje s již vyhotoveným produktem... 3 III. Tvorba vlastní prezentace pomocí Sway... 9 34