Innehåll Interactive Scene 2.0... 4 Redaktörsmanual... 4 Översikt... 5 Redigeravy... 5 Verktygsfält... 7 Arbetsyta... 8 Egenskaper... 9 Tidslinje... 10 Arbeta med Interactive Scene... 11 Scener... 11 Spellistor... 12 Åtgärder för en spellista... 12 Skapa ny spellista... 13 Redigera spellista... 13 Byt namn på spellista... 15 Duplicera spellista... 15 Ta bort spellista... 15 Slides... 16 Verktygsfältet för sliden... 16 Lägg till ny slide... 16 Duplicera slide... 19 Ta bort slide... 19 Ändra ordning på slide... 19 Innehållselement... 20 Textelement... 21 Bildelement... 21 Flashelement... 22 Knappelement... 23 Videoelement... 23 Gadgets... 25 Verktygsfältet för gadgets... 25 Lägg till ny gadget... 25 Grafikgadget... 26 2
Pagineringsgadget... 26 Ordlista... 27 Scen... 27 Spellista... 27 Slide... 27 Mall... 27 Innehållselement... 27 Gadget... 27 3
Interactive Scene 2.0 Redaktörsmanual Interactive Scene är en modul till EPiServer som låter dig ta fram och redigera Flashpresentationer direkt i EPiServer. Verktyget gör det lätt att skapa och uppdatera professionella filmer och interaktiva bildspel i Flashformat, utan förkunskaper i Flash. Som redaktör lägger du själv in texter och bilder, väljer hur du vill att övergångar ska se ut och hur länge varje bild ska visas. Sen är det bara att publicera. Kan du uppdatera en vanlig sida i EPiServer kan du göra en flashpresentation med den här modulen. Du behöver inga programmeringskunskaper. 4
Översikt När modulen Interactive Scene är installerad visas ett nytt menyalternativ i den övre navigationsmenyn i EPiServer som heter Interactive Scene. Klickar du på den kommer du till startsidan för Interactice Scene. Det är utgångsläget för att göra en ny presentation och där visas alla presentationer du gjort. En presentation av rörligt innehåll, det som av besökaren av webbplatsen upplevs som en film eller rörligt bildspel, kallas i verktyget för en spellista. En spellista är en sammansättning av en eller flera slides som visas i en bestämd ordning med olika effekter till övergångarna mellan bilderna. Varje spellista måste också ha ett utpekat ställe där det kan presenteras. Denna yta kallas i verktyget för en scen. En scen är en definierad yta som begränsar spellistans bredd och höjd och styr vilket innehåll du kan använda när du skapar nytt innehåll. Om du har flera olika ställen på din webbplats där filmer ska visas, är det inte säkert att de har samma format. En del presentationer kan vara större än andra, din webbplats kanske ska innehålla regler för vilka färger som ska användas det kan finnas många anledningar till till att man vill styra vilket innehåll som ska användas i varje presentation. Varje scen har därför ett antal fördefinierade mallar som styr vilket innehåll som kan användas. Nya mallar, eller ändringar i mallar, kan vanligtvis bara göras av webbplatsens huvudadministratör. Startläget för Interactive Scene. Redigeravy När du vill redigera en spellista arbetar du i Redigeravyn. Den dyker upp när du klickar på knappen Ändra. 5
Verktygsfältet Lägg till en ny spellista eller ta fram en befintlig för att redigera den. Arbetsytan Egenskapsfältet Redigeringsvyn. Tidslinjen I redigeringsvyn lägger du till och tar bort slides, ändrar inställningar och arbetar med olika typer av effekter. Vyn innehåller fyra övergripande ytor, verktygsfältet, arbetsytan, egenskapsfältet och tidslinjen. 6
Verktygsfält Längst uppe finns verktygsfältet, med knappar för att hantera spellistan, slides och olika typer av tillägg (tillägg eller gadgets som det kallas i verktyget kan exempelvis vara en symbol som snurrar, en klocka eller annan detalj allt beroende på vad som tagits fram för webbplatsen). 7
Arbetsyta Arbetsytan är ytan där man ser och arbetar med innehåll i en slide. Beroende på vilken typ av mall som valdes när sliden skapades visas olika innehållselement. För att redigera ett innehållselement klickar man på elementet och ändrar värdena i inmatningsfälten i egenskapsytan. Längst uppe i arbetsytan finns två rullistor, en för att se eller markera ett innehållselement samt en för att anpassa storleken på arbetsytan. Att markera ett innehållselement via rullistan kan vara till hjälp då elementen ligger ovanpå varandra. 8
Egenskaper Ytan för egenskaper visar inmatningsfält som redaktören kan ändra för spellistan, slides eller gadgets. Beroende på vad som är valt visas olika inmatningsfält. 9
Tidslinje Längst ner finns tidslinjen som visar slides i den ordning som de kommer spelas upp i spellistan. Du kan ändra ordningen genom att dra och släppa sliden på en ny position. 10
Arbeta med Interactive Scene Scener För att skapa en ny spellista eller för att visa befintliga spellistor för en scen väljer man scenen ur rullistan uppe till höger. Där listas alla spellistor för scenen. För att skapa nya scener måste du kontakta huvudadministratören för webbplatsen. 11
Spellistor Startsidan listar alla befintliga spellistor för en vald scen och presenterar information om spellistan; vem som skapat den, antal slides och tiden den ska visas. Åtgärder för en spellista Olika åtgärder kan utföras på en spellista genom valen i de olika knapparna till höger om spellistan. Ändra Knappen öppnar vyn där du redigerar spellistans innehåll för att lägga till eller ta bort slides. Byt namn Knappen Byt namn gör det möjligt att byta namn på spellistan. Duplicera Knappen Duplicera skapar en kopia av spellistan och dess innehåll. Ta bort Knappen Ta bort tar bort spellistan. 12
Skapa ny spellista För att skapa en ny spellista klickar man på knappen Ny spellista på startsidan. Dialogen Ny spellista visas. Ange ett namn på spellistan och klicka på OK. Den nyskapade spellistan visas i listan. Du kan nu börja redigera spellistans innehåll. Klicka på knappen Ändra för att redigera spellistan. Redigera spellista För att lägga till, ändra slides eller ändra inställningar för spellistan klickar man på knappen Ändra vid den aktuella spellistan för att visa redigeravyn. 13
Egenskaper för en spellista För att ändra inställningar för spellistan, ställ muspekaren någonstans i den grå ramen runt spellistans arbetsyta och klicka. Nu visas spellistans inställningar till höger i ytan för egenskaper. Förklaring av valen för egenskaper Namn Beskrivning Inställning Namn Namnet på spellistan Preloader En preloader är något som som visas innan hela spellistan är laddad när besökaren senare ska titta på innehållet. Preloadern kan vara en bild eller en flashfilm. Klicka på knappen för att välja en fil ifrån EPiServers dokumentbibliotek. Saknas den fil du vill använda laddar du upp den till filbiblioteket. Bakgrund Namn Beskrivning Inställning Bild Bakgrundsbild för spellistan som visas bakom alla slides. Klicka på knappen för att välja en fil ifrån EPiServers dokumentbibliotek. Saknas den fil du vill använda laddar du upp den till filbiblioteket. Färg Bakgrundsfärg för spellistan som visas bakom alla slides. Välj en färg i rullistan. 14
Verktygsfältet för spellistan Dessa knappar hanterar spellistan. Förhandsgranska Knappen Förhandsgranska visar spellistan som den kommer se ut för besökaren. Klicka utanför spellistans yta eller tryck Esc på tangentbordet för att stänga ner förhandsgranskningen. Spara Klicka på knappen Spara för att spara spellistan. När spellistan sparas slår ändringarna igenom direkt ut på webbplatsen där spellistan visas. Stäng Klicka på knappen Stäng för att stänga redigera vyn och komma tillbaka till startsidan där spellistorna visas. Har ändringar gjorts som inte är sparade kommer ett varningsmeddelande upp som frågar om du vill spara ändringarna. Byt namn på spellista Klicka på knappen Byt namn för att ändra namnet på spellistan. Dialogen Byt namn visas, där du anger det nya namnet. Klicka på knappen OK för att spara. Duplicera spellista Klicka på knappen Duplicera för att göra en kopia på spellistan. Dialogen Duplicera spellista visas, där du anger det nya namnet för spellistan Klicka på knappen OK för att spara. Ta bort spellista Klicka på knappen Ta bort för att ta bort spellistan Dialogen Ta bort spellista visas, där du får bekräfta att du verkligen vill ta bort spellistan. 15
Slides För att lägga till, ta bort eller ändra slides för en spellista öppnar du först redigeravyn för spellistan genom att klicka på knappen Ändra för spellistan (se också avsnittet Spellistor för mer information om hur du hanterar spellistor). Verktygsfältet för sliden Dessa knappar hanterar sliden. Ny slide Knappen Ny slide lägger till en ny slide till spellistan. Duplicera slide Knappen Duplicera slide skapar en kopia av den markerade sliden och dess innehåll. Ta bort slide Knappen Ta bort slide tar bort den markerade sliden från spellistan. Lägg till ny slide För att lägga till en ny slide till spellistan klickar man på knappen Ny slide i verktygsfältet eller i tidslinjen. Dialogen Ny slide visas, där du anger ett namn på sliden och bestämmer vilken mall som ska användas. Vilka mallar som visas i rullistan beror på vilka inställningar som är gjorda för scenen som spellistan skapats under. Klicka på knappen OK för att lägga till sliden till spellistan. 16
Egenskaper för en slide Markera en slide i tidslinjen för att ändra inställningarna för sliden. Slidens inställningar visas till höger i ytan för egenskaper (läs mer om slidens innehållselement under rubriken Innehållselement). 17
Allmänt Namn Beskrivning Inställning Namn Namnet på sliden. Varaktighet Hur lång tid sliden ska visas i spellistan. Ange värdet i sekunder. Frammatning När sliden ska laddas in. Välj ett värde i rullistan. På tid Sliden laddas in automatiskt efter att föregående slide har visats. På händelse Användaren måste aktivt klicka på ett innehållselement som instruerar sliden att laddas in. Flöde Hur sliden ska laddas in. Välj ett värde i rullistan. Laddning Animeras ut mot spellistans bakgrund för att sedan animera in nästa slide, inladdningen av nästa slide sker mellan in- och ut-animation. Samtidigt In- och ut-animation sker samtidigt, inladdning av nästa slide sker i bakgrunden. Sekventiellt Animeras ut mot spellistans bakgrund för att sedan animera in nästa slide, inladdningen av nästa slide sker i bakgrunden. Övergångar Namn Beskrivning Hjälp Övergång in Inåkningen för sliden. Välj ett värde i rullistan. Toning Sliden tonas in Svep vänster Sliden åker in från vänster Svep höger Sliden åker in från höger Svep upp Sliden åker in uppifrån Svep ner Sliden åker in nedifrån Varaktigheten Hur lång tid inåkningen ska ta för sliden. Ange värdet i sekunder. Övergång ut Utåkningen för sliden. Välj ett värde i rullistan. Toning Sliden tonas in Svep vänster Sliden åker in från vänster Svep höger Sliden åker in från höger Svep upp Sliden åker in uppifrån Svep ner Sliden åker in nedifrån Varaktigheten Hur lång tid utåkningen ska ta för sliden. Ange värdet i sekunder. 18
Länk Anger Namn Beskrivning Inställning Händelsetyp Anger vad knapphändelsen ska hantera. Välj ett värde i rullistan. Interactive Scene Knappen hanterar navigering i spellistan. Nästa slide Spellistan förflyttar sig till nästkommande slide i spellistan. Föreg. slide Spellistan förflyttar sig till föregående slide i spellistan. Start Spellistan startar. Pause Spellistan pausas. Gå till slide Spellistan förflyttar sig till vald slide i spellistan Webbsida Knappen öppnar webbläsaren. Url Url:en till webbsidan som ska visas. Länkmål Anger hur webbsidan ska visas, antingen i samma webbläsarfönster alternativ att öppna ett nytt fönster. Duplicera slide Klicka på knappen Duplicera slide för att skapa en kopia på den markerade sliden, en dialog visas där man anger ett namn på den nya sliden. Ta bort slide Klicka på knappen Ta bort slide för att ta bort den markerade sliden från spellistan. Ändra ordning på slide Ändra ordningen för en slide genom att dra och släppa den på en ny placering i tidslinjen. 19
Innehållselement En slide består av en eller flera innehållselement där du som redaktör infogar och redigerar innehåll som spelas upp i spellistan. Beroende på vilken mall som användes när du skapade sliden varierar antalet och typerna av innehållselement. När ett innehållselement är tomt indikeras det men en ikon samt en streckad linje som visar innehållselementets yta. Klicka på ett innehållselement i arbetsytan för att redigera innehållet. Beroende på typ av innehållselement redigerar du informationen direkt i arbetsytan eller i inmatningsfälten i egenskapsytan. Ett innehållselement har alltid en fast placering som bestäms av mallen. Dessa kan inte ändras av redaktören. Mallen för sliden styr vilka egenskaper som kan ändras för ett innehållselement. 20
Textelement Textelementet används för att skapa textinnehåll som rubriker och löptext i en slide. För ett textelement kan man justera egenskaper som typsnitt, storlek och färg. Textegenskaper Tecken/stycke* Namn Beskrivning Inställning Typsnitt Typsnittet för texten. Välj ett värde i rullistan. Storlek Storleken på texten. Ange värdet i sekunder. Stil Formatering av texten. Klicka på respektive knapp för att formatera texten. Färg Färgen på texten. Välj ett värde i rullistan. Textjustering Hur texten ska justeras i förhållande till ytan. Klicka på en knapp för att justera texten. * Beroende på mallen för sliden kan det variera vilka egenskaper som kan ändras. Bildelement Bildelementet används för att visa bilder i en slide, bildytan kan antingen vara begränsad till en del av slidens yta eller täcka hela sliden. Textegenskaper Allmänt* Namn Beskrivning Inställning Bildsökvägen Sökvägen till bilden som ska visas, Klicka på knappen för att öppna EPiServers filhanterare och välj bild. Skalning Hur bilden ska skalas i förhållande till Välj ett värde i rullistan. bildelementents storlek. Ingen Ingen skalning sker Fyll ut Fyller ut bilden både i bredd och höjdled. Anpassa Anpassar innehållet till ytans storlek. Bredden Fyller ut bilden på bredden. Höjden Fyller ut bilden på höjden. Tillåt utjämning Anger om bilden ska kantutjämnas, detta ger Kryssa i eller ut kryssboxen. en bättre kvalité på bilden om den skalas upp eller ner. * Beroende på mallen för sliden kan det variera vilka egenskaper som kan ändras. 21
Flashelement Flashementet används för att visa flashfilmer i en slide, ytan kan antingen vara begränsad till en del av slidens yta eller täcka hela sliden. Filmerna visas i formatet i.swf. Flash egenskaper Allmänt Namn Beskrivning Inställning Flashsökväg Sökvägen till flashfilmen som ska visas. Klicka på knappen för att öppna EPiServers filhanterare och välj flashfilm. Formatet ska vara av typen swf. Skalning Anger hur bilden ska anpassas i förhållande till Välj ett värde i rullistan. bildelementents storlek. Ingen Ingen skalning sker Fyll ut Fyller ut bilden både i bredd och höjdled. Anpassa Anpassar innehållet till ytans storlek. Bredden Fyller ut bilden på bredden. Höjden Fyller ut bilden på höjden. Startbildruta Anger vilken bildruta flashfilmen ska starta på. Ange ett värde i heltal. 22
Knappelement Knappelementet används för att skapa en händelse i en slide. En händelse kan vara att starta eller stoppa spellistan, hoppa till en annan slide i spellistan eller öppna webbläsaren och gå till en angiven url. Knappegenskaper Allmänt Namn Beskrivning Inställning Knapp Sökvägen till bilden som representerar knappen. Klicka på knappen för att öppna EPiServers filhanterare och välj bild. Avancerat Namn Beskrivning Inställning Händelsetyp Anger vad knapphändelsen ska hantera. Välj ett värde i rullistan. Interactive Scene Knappen hanterar navigering i spellistan. Nästa slide Spellistan förflyttar sig till nästkommande slide i spellistan. Föreg. slide Spellistan förflyttar sig till föregående slide i spellistan. Start Spellistan startar. Pause Spellistan pausas. Gå till slide Spellistan förflyttar sig till vald slide i spellistan Webbsida Knappen öppnar webbläsaren. Url Url:en till webbsidan som ska visas. Länkmål Anger hur webbsidan ska visas, antingen i samma webbläsarfönster alternativ att öppna ett nytt fönster. Videoelement Videoelementet används för att spela upp en film i en slide. Ytan kan antingen vara begränsad till en del av slidens yta eller täcka hela sliden. Videoelementet klarar av formaten mpeg4, flv och f4v. Videoegenskaper Allmänt Namn Beskrivning Inställning Video Sökvägen till filmen som ska visas. Klicka på knappen för att öppna EPiServers filhanterare och välj flashfilm. Formatet ska vara av typen mpeg4, flv eller f4v. 23
Skalning Hur bilden ska skalas i förhållande till bildelementents storlek. Ingen Ingen skalning sker Fyll ut Fyller ut bilden både i bredd och höjdled. Anpassa Anpassar innehållet till ytans storlek. Bredden Fyller ut bilden på bredden. Höjden Fyller ut bilden på höjden. Tillåt utjämning Anger om filmen ska kantutjämnas, detta ger en bättre kvalitet på filmen vid skalning. Välj ett värde i rullistan. Kryssa i eller ut kryssboxen. Avancerat Namn Beskrivning Inställning Play-knapp Bild som visas när besökaren för musen över Klicka på knappen för att öppna filmen som indikerar att man kan starta filmen. EPiServers filhanterare och välj bild. Pause-knapp Starta automatiskt Repeterande Gå till nästa slide efter filmen Bild som visas när besökaren för musen över filmen som indikerar att man kan pausa filmen. Anger om filmen ska starta automatiskt när sliden visas. Anger om filmen ska starta om från början när den spelat klart. Detta inträffar endast om filmen är kortare än visningstiden som är satt för sliden. Anger om spellistan ska förflytta sig till nästa slide när filmen spelat klart oavsett hur lång visningstid som är satt för sliden. Klicka på knappen för att öppna EPiServers filhanterare och välj bild. Kryssa i eller ut kryssboxen. Kryssa i eller ut kryssboxen. Kryssa i eller ut kryssboxen. 24
Gadgets Verktygsfältet för gadgets Dessa knappar hanterar alla typer av gadgets som finns tillgängliga. För att visa dessa knappar klickar man först på knappen Gadgets. Lägg till gadget Lägger till en ny gadget på spellistan. Ta bort gadget Tar bort den markerade gadgeten från spellistan. Lägg till ny gadget Klicka på knappen Lägg till gadget för att lägga till en ny gadget för spellistan Dialogen Ny gadget visas där man anger ett namn på gadgeten samt vilken gadget man vill lägga till. Vilka gadgets som visas i rullistan beror på de inställningar för scenen som spellistan skapats under. Klicka på knappen OK när du valt gadget. Gadgeten placeras på spellistan. Klicka på det markerade fältet för att redigera innehållet. 25
Grafikgadget Grafikgadgeten används för att placera ut en bild eller en flashfilm på spellistan. Egenskaper Allmänt Namn Beskrivning Inställning Grafik Sökvägen till bilden eller flashfilmen som ska visas. Klicka på knappen för att öppna EPiServers filhanterare och välj bild eller flashfilm (swf). Position Anger hur gadgeten ska placeras i förhållande till spellistan och till kantmarginaler. Markera positionen med radioknapparna samt ange marginalen i textfälten. Pagineringsgadget Pagineringsgadgeten används för att placera ut en paginering på spellistan möjliggör för besökaren att navigera eller se var man befinner sig i spellistan. Egenskaper Allmänt Namn Beskrivning Inställning Nästa grafik upp Bild för knapp som indikerar nästa steg. Klicka på knappen för att öppna EPiServers filhanterare och välj bild. Nästa grafik ner Föreg. grafik upp Föreg. grafik ner Bild för knapp som indikerar nästa steg när besökaren klickar på knappen. Bild för knapp som indikerar föregående steg. Bild för knapp som indikerar föregående steg när besökaren klickar på knappen. Markera positionen med radioknapparna samt ange marginalen i textfälten. Klicka på knappen för att öppna EPiServers filhanterare och välj bild. Klicka på knappen för att öppna EPiServers filhanterare och välj bild. Indikator Bild för indikatorn som visar inaktiva slides. Klicka på knappen för att öppna EPiServers filhanterare och välj bild. Indikator aktiv Bild för indikator som markerar den aktiva sliden. Stil Anger hur pagineringen ska se ut. Indikation till Indikatorn placeras till höger om höger knapparna. Indikation till Indikatorn placeras till vänster vänster om knapparna. Indikation i Indikatorn placeras mellan nästa mitten och föregående knapparna. Endast Inga knappar visas utan endast indikator indikatorn. Klicka på knappen för att öppna EPiServers filhanterare och välj bild. Välj ett värde i rullistan. 26
Ordlista Här hittar du förklaringar till några vanligt förekommande ord eller begrepp i manualen. Scen En scen är en definierad yta som begränsar spellistans bredd och höjd samt vilka mallar man får använda när man skapar slides. Alla spellistor måste tillhöra en scen. Spellista En spellista är en sammansättning av en eller flera slides som visas i en bestämd ordning med definierade övergångar. Besökaren upplever spellistan som en traditionell flashfilm. Slide Under en spellista skapar man en eller flera slides (som kan innehålla text, bild, film, etc.). Då flera slides skapats spelas dessa upp i följd. För varje slide anger man hur länge den ska visas samt in- och utåkningar. Mall En mall definierar vilka innehållselement som kan användas på en slide. En mall styr också innehållselements placering på en slide. En mall väljs när man skapar en ny slide. Nya mallar kan endast skapas av administratören för webbplatsen. Innehållselement En slide innehåller en eller flera innehållselement och är en yta där redaktören matar in information som ska visas på sliden, exempelvis text, bild eller film. Gadget En gadget är en fristående applikation som placeras över spellistan. En gadget kan exempelvis vara en klocka som visar aktuell tid, en logotyp som är placerad i nedre högra hörnet eller en mer avancerad funktion, som t.ex. en RSS läsare som visar de senaste nyheterna. 27