Mediator 9 - skolekonsulenterne.dk 9... · Mediator - et eksemplarisk forløb Du skal nu prøve at arbejde med Mediator v. 9 Pro. I lighed med det tidligere beskrevne, vil vi føre

Mediator 9▪ Materiale til elever

Version: August 2012

IndholdsfortegnelseFarveliste til kopiering/udlevering...............................................................4Mediator - et eksemplarisk forløb................................................................5Dataindsamling....................................................................................................................5Start programmet ................................................................................................................5Intro.......................................................................................................................................8Menu-siden.........................................................................................................................21Video-siden........................................................................................................................24Billeder-siden.....................................................................................................................25EXIT-siden..........................................................................................................................26Menuerne....................................................................................................29

© Skolekonsulenterne.dk │Erik S. Kristensen Side [3] af [33]

Farveliste til kopiering/udlevering


Mediator - et eksemplarisk forløbDu skal nu prøve at arbejde med Mediator v. 9 Pro. I lighed med det tidligere beskrevne, vil vi føre dig igennem en opgave, punkt for punkt. På den måde kan vi garantere, at du kommer omkring de væsentligste detaljer i programmet. Til slut vil der være nogle eksempler på mere avanceret brug af Mediator. Hvor det er formålstjenstligt, er der lavet en faktaboks, som er værd at kigge på!

DataindsamlingVi har sørget for de data, vi skal bruge til din præsentation / multimedieværket. Det drejer sig om billeder, lyd og video fra Hitman2 (et computerspil). De er lagt til fri download på nettet og vi kan derfor anvende dem til denne gennemgang. Skulle vi i gang med et reelt produkt, som evt. skulle udgives på cd eller internet, skulle vi være langt mere påpasselige i forhold til © - læs mere andetsteds!

Du kan vælge at anvende andre filer – programfunktionerne er de samme uanset videoens indhold, billedets udseende etc.

Sørg for, at dine filer er placeret logisk i mapper på computeren!

Du er nu klar til at gå i gang!

Start programmet Når Mediator starter, vil du blive spurgt om følgende:

Vælg ”Nyt dokument”


Vælg ”Standard” (flash og html er til nettet)

Vælg ”Fuldskærm m. ramme” (det er en smagssag!)

Vælg ”800x600”


Her ses hele arbejdsfladen med korte beskrivelser af de forskellige områder!


ArbejdsfladenSideoversigt

Hvilke objekter (lyd, billede m.m.)

er der brugt på siden?

Menuer

Du er nu klar til at gå i gang med selve arbejdet.

Her er et storyboard over projektet, du skal lave:

I alt 5 sider: IntroMenuVideoBillederExit

...og lad os så komme i gang!

IntroIntroen skal være det første brugeren ser - der skal altså lægges op til noget stort :) !Det vil vi gøre dels baggrundsmusik, dels med et billede + et par tekster/overskrifter.

Introen bliver selvkørende, dvs. brugeren skal læne sig tilbage og nyde showet, til ”Menu”-siden dukker frem!

For at få et god arbejdsrytme, vil vi starte med at navngive siden ”Intro”.

1. Højreklik på siden (det hvide felt) eller klik F122. Vælg ”Egenskaber”


Du får nu egenskaberne for siden!

3. Klik i feltet ud for ”Beskrivelse” og giv siden navnet ”Intro”

At navngive siderne med logiske navne, gør det langt lettere at arbejde med Mediator / at finde rundt!

Vi skal nu hente et billede ind, som vi skal bruge i introen!

1. Klik på ”Billed-værktøjet”

2. Træk og slip en ramme på siden - bare rolig, størrelsen kan ændres senere!


Egenskaber kan man finde for alle elementer - både tekster, billeder, knapper osv.Det får du brug for mange gange!

3. Du skal nu vælge dit billede4. Vælg ”Hitman-white” - og klik ”Åbn”

5. Svar ”OK” - Du har nu et billede på siden!


Som det ses, sidder billedet ikke præcist på siden. Du skal nu lære at bruge værktøjet ”Arranger”

1. Aktivér billedet ved at klikke 1 gang på det - bemærk trækpunkterne (8 stk.)!

2. Klik på ”Formater” + ”Justering” eller klik på F2

3. Udfyld som vist her og klik ”OK” - dit billede sidder nu perfekt midt på siden!


Vi vil gerne lave noget smart, så vi ”gemmer” lige billedet lidt væk.....

1. Højreklik på billedet og vælg ”Egenskaber” eller F32. Fjern fluebenet ud for ”Vis objekt” - forklaring følger......

Billedet er stadig på siden, men kan bare ikke umiddelbart ses - det gi'r nogle gode muligheder!


Arranger kan bruges til alle elementer - og man kan tilmed arrangere elementer i forhold til hinanden! Her er et uddrag fra hjælpeteksten i Mediator: Hvis et objekt er valgt bliver det kun justeret i forhold til siden. Har du for eksempel valgt et billede, kan du åbne justerings-dialogen og markere 'Top' og 'Venstre'. Billedet bliver nu placeret i det øverste venstre hjørne.Hvis flere objekter er valgt (ved at holde ctrl-tasten og klikke de udvalgte billeder/objekter) vil de som standard blive justeret i forhold til det først valgte objekt. Hvis du f.eks. har valgt 'Højre' i justerings-dialogen vil alle de efterfølgende valgte objekter blive justeret til højre for det først valgte objekt.Flere objekter vælger du ved at holde shift- eller ctrl-tasten nede mens du klikker på de forskellige objekter.

Vi vil også ha' en tekst på siden:

1. Klik på ”Overskrift”-værktøjet

2. Klik og træk en ramme på siden3. Skriv overskriften ”Eksempel”4. Klik ”Ok”

Nu får du en række muligheder:

Man kan nu – via knapperne – tilpasse sin overskrift med farver, skrifttype, effekter osv.


Vi vil dog også vise ”Egenskabsmenuen” for overskriften – en anden vej at gå!

1. Højreklik din nye overskrift og vælg ”Egenskaber” eller tryk F12

2. Ved hjælp af de forskellige faneblade skal du nu:Ændre skrifttypen til en selvvalgt skrifttypenÆndre farvenTilføje en skygge i en kontrastfarve

Nu kan din overskrift f.eks. se sådan ud:

Ved hjælp af ”Egenskaber” for overskriften, skal du nu fjerne fluebenet ved ”Vis objekt”eller klik F3


Overskriftsværktøjet bruges til at lave store overskrifter. Det almindelige skriveværktøj bruges til al anden tekst!!

Du har nu en tom side - men der ligger 2 elementer ”gemt” på siden. Dem skal vi til at arbejde med nu!

Bemærk hvordan programmet skriver titel + medietype i hjørnet!

Da vi gerne vil lave en selvkørende introside, skal der laves en begivenhed på siden.

1. Klik på ”Side” og ”Begivenhed” eller klik på F9

Du skal nu til at lave din allerførste begivenhed i Mediator!


I venstre spalte har man handlingerne (det der starter en begivenhed) og i den vandrette bjælke begivenhederne.

1. Træk handlingen ”Ved side klar” ind i det lille vindue

Du fortæller nu computeren, at når siden er klar (dvs. lyd + billeder og andre objekter er klar til brug) skal programmet starte den efterfølgende begivenhed.

2. Træk nu ”Tidslinjen” ned ved siden af ”Side klar” - et vindue åbner


Vi har brug for tidslinjen til at styre hvornår hvad sker på

siden!

1. Vi vil starte med lyd - brug fanebladet ”Multimedia” - og træk den ned så den ligger helt til venstre på tidslinjen (de forskellige rækker i tidslinjen er blot for at kunne overskue det hele samt for at slå fast, at man godt kan sætte flere ting i gang på samme tid!)

2. Når du slipper ”Lyd” inde på tidslinjen, skal du udvælge en lyd:

3. Udfyld som vist ovenfor (de 2 flueben sikrer, at lyden afbryder al anden lyd) - ”OK”


Der er nu en grafisk visning af lyden og dens længde i sekunder (den grønne bjælke!)4. Det er på tide med en lille test! Luk tidslinjen med ”OK”

eller klik F6

Virkede det? Du skulle gerne se en tom side - men nu med musik!

Vi skal have billederne med!!

For at lave en lidt dramatisk effekt, vil vi lade musikken køre lidt, før vi viser billederne!

1. Klik F9 for at vælge sidens begivenheder - og dobbeltklik så på tidslinjen. Du kan nu redigere i den tidslinje, vi før var i gang med!

2. Træk begivenheden ”Vis” ned på tidslinjen v. 2 sekunder. Et nyt vindue åbner, og du skal vælge hvilket objekt, der skal vises. Vælg ”Overskrift”. Vælg så effekten ”Ton ud” som vist her. Varighed=2000 ms=2 sekunder

3. Sig ”OK” til det hele - test siden igen (F6)! Virker det?


4. Vi skal nu have vist baggrundsbilledet også. Åbn igen tidslinjen for siden (F9)

Du vælger selv effekten - men få det til at se sådan ud på skærmen:

Opsummering: Når siden starter, kommer først lyden. Efter 2 sekunder vises overskriften (og visningen tager 2 sekunder). Endelig kommer baggrundsbilledet - effekten tager 2 sekunder.

Test!

Vi skal nu stoppe lyden og lave et sideskift til siden ”Menu”

1. Åbn igen tidslinjen for siden2. Efter 8 sekunder skal lyden stoppe - det gør vi sådan:

Vi beder altså computeren om at afbryde al lyd ved at indsætte ingen lyd!! (man kunne også fade lyden etc., men det er mere avanceret........)


Det anbefales det at teste mange gange og gemme endnu flere gange!

3. Endelig lægger vi et sideskift ind samtidig med lydstoppet:

Indsæt ”Sideskift” - klik på ”Ny...” - og gi' den så et navn, her ”Menu”Til slut vælges effekt + den tid, sideskiftet skal tage, f.eks:

Du har nu lavet hele intro-siden!

TEST!


Menu-sidenVi skal nu have lavet den menu-side, der kan guide os videre rundt på siderne.

For at få overblik, vil vi starte med at oprette de manglende sider:

1. Klik på ”Side” - ”Ny”2. Lav siderne ”Video”, ”Billeder” og ”Exit”

Bemærk at sidernes placering på sidelisten erligegyldig, dog SKAL den øverste være startsiden!(du kan flytte siderne på listen ved at klikke - holde -flytte!)

1. Vælg nu ”Menu”-siden2. Vi skal ha' lavet en knap, der fører os til Video-siden - brug knap-værktøjet og træk+slip

en knap på siden!

Skriv ”Video” på knappen

3. Vælg ”Egenskaber” for knappen (aktiver knappen med 1 klik, tryk på F12 og sørg nu for at knappen ser godt ud (du må ændre farven, teksten osv.) Dette er kun for at prøve det, brug ikke for lang tid!!

4. Vi skal nu have forklaret computeren, hvad der skal ske, når man klikker på knappen. Aktivér knappen m. højre musetast og vælg ”Begivenheder”


Du kan - når du er i redigeringssituationen - springe fra side til side med ”Page Up” og ”Page Down” tasterne!

Udfyld som vist her:

(Vælg fanebladet ”Bruger” og træk nu ”Klik her-markør” ned i det hvide felt. Denne kommando bevirker.....tja.....TEST og peg med musen på knappen!! Smart, ik'?)

5. Åbn nu begivenhederne for knappen igen - lav følgende:

Nu har du tilføjet: Hvis man klikker på knappen, skal der ske følgende - Cursoren bliver til en pil (vigtigt!! - ellers følger hånden med over på næste side) og dernæst foretages et sideskift!

TEST !


Ved ethvert sideskift skal man være opmærksom på cursorens udseende - specielt hvis man bruger ”klik her”-funktionen (og det gør man!!). Desuden skal man være opmærksom på, at man ikke kan lave begivenheder efter et sideskift!Endelig viser eksemplet her, at man også kan bruge flyt ind / flyt ud som handling før en begivenhed - altså: Man behøver ikke nødvendigvis klikke på en knap, før den ”gør noget” (her skifter cursoren f.eks. blot ved at man flytter ind over knappens område!)

Flere knapper!Du skal nu selv lave de sidste knapper på ”Menu”-siden

1. Lav en knap, der giver mulighed for at skifte til hver af siderne ”Billeder” og ”Exit”2. Du skal sørge for, at bruge ”Klik-her”-indstillingen på knapperne

Et eksempel:

TEST!!


Alt kan være knapper! Billeder, tekst - you name it! Det er blot et spørgsmål om at lave en begivenhed på et objekt!

Video-sidenPå videosiden skal der vises en video - vi vil blot sørge for, at der på siden bliver vist en video og at man kan komme tilbage til menusiden!

Du skal nu arbejde på videosiden!

1. Start med at lave en knap, der fører tilbage til ”Menu”-siden2. Du skal nu importere en video:

Brug videoværktøjet og træk/slip en kasse på siden.

Vælg så videoen!

Læg mærke til, at du kan se en preview af videoen!

3. Centrer videoen på siden (brug arranger / juster)4. Højreklik nu på video-vinduet og vælg ”Egenskaber” (eller F12) - udfyld som vist her:


På den måde sikres det, at videoen starter i det øjeblik brugeren kommer ind på siden!

Her ses siden....

TEST!

Videosiden er nu færdig!

Billeder-sidenDu skal nu lave siden med billeder (eller rettere: billede).

1. Gå ind på billeder-siden2. Hent billedet: Hitman-black3. Billedet skal fylde hele siden (placer det på midten,

brug evt. trækpunkterne)4. Skjul billedet 5. Lav en begivenhed på siden, der ”Ved side klar”

viser billedet og spiller et nyt stykke musik:


Man kan i programmet styre videoen - lægge play/pause/stop-knapper ind etc.

6. Du skal nu lave en begivenhed på selve billedet (husk at ALT kan være en knap!)

Lyden skal stoppe, klik-her skal aktiveres og der skal ske et sideskift

TEST

EXIT-sidenTilbage er kun at lave Exit-siden.

På Exit-siden vil vi lave en flot rulletekst, som fortæller lidt om produktet.

1. Lav en tekstramme, der fylder hele skærmens højde og ca. halvdelen af bredden.

2. Skriv din tekst, så det fylder ca. hele tekstrammen:

3. Sørg nu for, at teksten ikke er vist (fjern fluebenet ved ”Vis” under ”Egenskaber”)


4. Lav en begivenhed på siden:

Det ser lidt uoverskueligt ud, men:

Ved side klar - tidslinje.Første punkt på tidslinjen er en ”Vis”-funktion. Vis teksten vha. effekten ”Rul op” - lade det vare 10000 ms.

Dernæst:

Lige efter ”Vis”-funktionen er fuldført, indsættes en ”Skjul”-funktion. Teksten skal skjules med ”Rul op”-effekten. Sæt tiden til 10000 ms.

TEST

Til sidst i tidslinjen indsættes følgende:

Du er nu helt færdig med din demo!!


God fornøjelse med programmet!

www.skolekonsulenterne.dk


Man bør i en præsentation altid overveje at ha' en exit (afslut) mulighed på hver side. Som bruger er det irriterende ikke at kunne afslutte på en nem måde.På samme måde v. lange, selvkørende indslag (f.eks. vores intro) - her kan man overveje at ha' en ”Spring-direkte-til-menuen”-knap.

Menuerne



Noter

Noter

Mediator 9 - skolekonsulenterne.dk 9... · Mediator - et eksemplarisk forløb Du skal nu prøve at arbejde med Mediator v. 9 Pro. I lighed med det tidligere beskrevne, vil vi føre

Documents