Innhold. ailæring Lage H5P-innhold. Innledning Spørsmålstyper Dra og slipp (Drag and Drop) Dra tekst (Drag text)...

Transkript

1 Lage H5P-innhold

2 1 Innhold Innledning... 2 Spørsmålstyper... 3 Dra og slipp (Drag and Drop)... 4 Dra tekst (Drag text)... 8 Fyll inn svarene (Fill in the blanks)... 9 Finn målområdet (Find the hotspot) Flervalg (Multiple Choice) Image Hotspots Spørsmålssamling 1 (Question Set) Spørsmålssamling 2 (Summary) Leksjon (Summary) Interaktiv video Videokonferanse / synkron læring (Appear.in for Chat and Talk) 25 Oppdeling (Column) Dialogkort (Dialogue Cards) Flash Cards Veiviser (Documentation Tool) Tidslinje (Timeline) Memory Game Trekkspill (Accordion) Twitter User feed... 25

3 2 Innledning Dette dokumentet viser hvordan du lager H5P-innhold i ailæring. H5P står for HTML5-pakke og er en type aktivitet som inneholder spillelementer og mer involvering fra deltakeren (interaktivt innhold). Det gjelder f.eks. spørsmålstyper, bruk av interaktive videoer, tidslinjer, synkron læring vha en videoløsning og en rekke andre innholdstyper. I denne manualen forsøker vi å gi en beskrivelse av noen av disse innholdstypene, f.eks.: Spørsmålstyper o Dra og slipp (Drag and Drop) o Dra tekst (Drag text) o Fyll inn svarene (Fillin the blanks) o Find the hotspot o Multiple Choice o Single Choice Set Spørsmålssamling 1 (Question Set) Spørsmålssamling 2 (Summary) Leksjon (Summary) Interaktiv video Videokonferanse / synkron læring (Appear.in for Chat and Talk) Oppdeling (Column) Dialogkort (Dialogue Cards) Flash Cards Veiviser (Documentation Tool) Image Hot Spot Tidslinje (Timeline) Memory Game Trekkspill (Accordion) Twitter User feed

4 3 Spørsmålstyper H5P egner seg veldig god til oppsummeringsspørsmål i tilknytning til f.eks. en leksjon. Etter at man har gjennomgått en leksjon, kan man enten lage en H5P-aktivitet etter den aktuelle leksjonen, eller man kan legge inn et spørsmål til slutt i leksjonen, hvis hele leksjonen er laget som en H5P-pakke. Vi vil nå vise noen av spørsmålstypene som er tilgjengelig i H5Paktiviteten:

5 4 Dra og slipp (Drag and Drop) Dette spørsmålet viser f.eks. et bilde og noen alternativer, og du kan så dra riktig alternativ til riktig bilde. Her er et eksempel: Her er resultatet etter at vi har avgitt et svar ved å klikke, dra og slippe svaralternativet på bildet og trykke på : Et dra og slipp-spørsmål lager du slik:

6 5 1. Slå redigering på og klikk på Legg til en aktivitet eller ressurs. 2. Klikk på H5P og Legg til. 3. Gi spørsmålet et logisk navn i feltet Navn, slik: 4. Under Handling velger vi Lag ny og under Innholdstype velger vi Drag and Drop, slik: 5. Da vises et bilde med to ulike faner 1. Innstillinger og 2. Oppgave. Under Innstillinger legger vi ført til Spørsmålets tittel, slik: 6. Deretter legger vi til bildet vi skal bruke ved å klikke på og velge aktuelt bilde, slik: Behold resten av innstillingene under overskriften Innstillinger for oppgaveoppførsel og Innstillinger og tekster, slik de er. 7. Klikk deretter på fanen. Her ser vi at vi har tre valg,. Den første angir droppsone, den neste tekst og den tredje og siste bilde. Vi starter med å plassere målområde. Klikk på og angi målområdet, slik:

7 6 Her har vi kalt målområdet for Fragaria, som er det riktige svaret. Husk også å velge 0 på Opasitet for bakgrunn, siden vi ønsker at målområdet skal være usynlig, og hak av for «Dette målområdet kan bare inneholde ett element» og «Automatisk justering», slik: 8. Nå har vi angitt hvor målområdet er. Nå må vi lage svaralternativene. Det gjør vi ved å klikke på eller. Vi velger i dette tilfellet tekst-knappen, slik:

8 7 Her har vi skrevet teksten og haket av for aktuelt målområde og klikker til slutt på. Nå gjør vi det samme med de to andre svaralternativene, Fragaria og Rubu, og plasserer disse på et fornuftig sted i bildet, slik: 9. Til slutt velges riktig svaralternativ. Det gjøres ved å dobbeltklikke på målområdet og velge riktig svaralternativ, slik (her er tekstelementet Fragaria knyttet til målområdet,

9 8 som vi også har kalt Fragaria): Dra tekst (Drag text) I denne spørsmålstypen skal deltakeren klikke dra og slippe tekst i riktig plassering, og oppgaven vil gjerne være knyttet til en setning eller tekstlinje. Oppgaven kan f.eks. se slik ut: Slik ser oppgaven ut når den er besvart:

10 9 Slik lager du dette spørsmålet: 1. Slå redigering på og klikk på Legg til en aktivitet eller ressurs. 2. Klikk på H5P og Legg til. 3. Gi spørsmålet et logisk navn i feltet Navn, slik: 4. Under Handling velger vi Lag ny og under Innholdstype velger vi Drag Text, slik: 5. Deretter lager vi teksten i feltet Tekst. De riktige svarene er merket med asterisk (*) foran og bak svaret, slik: Fyll inn svarene (Fill in the blanks) Spørsmålstypen «Fyll inn svarene» ligner på Dra tekst, men her må du skrive riktige svar i riktige felt. Denne spørsmålstypen kan se slik ut:

11 10 Etter at vi har svart på spørsmålet og klikket på, ser det slik ut: Denne spørsmålstypen lager du slik: 1. Slå redigering på og velg H5P-aktiviteten. Gi aktiviteten et logisk navn og velg innholdstypen Fill in the Blanks, slik: 2. I tekstfeltet skriver vi inn oppgaven og «merker» ordene som deltakeren skal skrive inn med en asterisk (stjerne) før og etter ordet. Disse blir samtidig de tomme feltene,

12 11 slik: 3. Ønsker vi å legge til et bilde i tilknytning til spørsmålet, klikker vi på Multimedia, velger Image, klikker på og velger aktuell bildefil, slik (husk også å legge til alternativ bildetekst og sjekk at du har rettighet til å publisere bildet):

13 12 4. Det ferdige spørsmålet vil da se slik ut: Finn målområdet (Find the hotspot) I denne spørsmålstypen skal deltakeren klikke på riktig område på et bilde. Det kan f.eks. se slik ut:

14 13 I dette tilfellet kommer svaret umidelbart etter at du har forsøkt å klikke på et fylke. Har du

15 14 klikket på riktig fylke, vises svaret slik: Denne spørsmålstypen lager du slik: 1. Slå redigering på og velg H5P-aktiviteten. Gi aktiviteten et logisk navn og velg innholdstypen Find the hotspot, slik:

16 15 2. Under fanen Bakgrunnsbilde, legger du inn det aktuelle bakgrunnsbildet, slik:

17 16 3. Deretter klikker du på Målfelt og legger til målfeltet på bildet, både riktige og gale, slik:

18 17 4. Det riktige målfeltet angir du ved å dobbeltklikke på det og hake av for Riktig. Du kan også skrive en tilbakemelding om ønskelig, slik:

19 18 1. Flervalg (Multiple Choice) Spørsmålstypen «Flervalg» må deltakeren velge svaret ut ifra et visst antall alternativer. Hvis ønskelig kan flere svar være riktige. Denne spørsmålstypen kan f.eks. se slik ut:

20 19 Denne spørsmålstypen lager du slik: 1. Slå redigering på og velg H5P-aktiviteten. Gi aktiviteten et logisk navn og velg innholdstypen Multiple Choice, slik: 2. Ønsker du å bruke et bilde (alternativt en video), klikker du på Mulitmedia, velger Image, skriver inn Alternativ tekst og Legg til, slik:

21 20 3. Nå finner du det aktuelle bildet og laster det opp, slik: 4. Nå går vi ned til Spørsmål, skriver spørsmålet og svaralternativene og angir det riktige alternativet, eller de riktige alternativene, slik: 5. Her ser vi at vi også kan gi tips til riktig svar. Klikk til slutt på

22 21 Image Hotspots Denne spørsmålstypen gjør det mulig å knytte ulike ressurser til et bilde, f.eks. tekstelementer eller videoer fra eksempelvis Youtube. Det kan f.eks. se slik ut: +-symbolet åpner da den ressursen som er knyttet til det. Klikker vi f.eks. på +-symbolet over bjørnebæret, får vi opp følgende, slik: Denne spørsmålstypen lager vi slik:

23 22 1. Slå redigering på og velg H5P-aktiviteten. Gi aktiviteten et logisk navn og velg innholdstypen Image Hotspots, slik: 2. Klikk på og velg bilde som skal inneholde +-symbolene, slik: 3. Nå må vi legge til de ulike punktene eller +-symbolene som skal klikkes på. Først klikker vi i bildet der hvor vi vil ha det første punktet, f.eks. på jordbæret, slik: 4. Vi velger kanskje å skrive en overskrift, f.eks. jordbær, og så må vi fortelle H5P hva som skal skje når deltakeren klikker på punktet. Det gjør vi i innholdselementet. I dette tilfellet skal vi legge inn en video fra Youtube. Vi velger Video og klikker på -symbolet. Deretter limer vi inn Youtube-adressen og klikker på,

24 23 slik: 5. Nå ønsker vi å legge til et nytt punkt og klikker på. Nå merker vi bjørnebæret, skriver en logisk overskrift om ønskelig, velger tekst som innholdselement og skriver inn teksten, slik: 6. Slik kan vi legge til nye punkter på tilsvarende måte. Når vi er ferdige, klikker vi på.

25 24 Spørsmålssamling 1 (Question Set) Det finnes to ulike spørsmålssamlinger, dvs grupper av spørsmål som vises som en aktivitet, og som består av en rekke ulike spørsmål og, om ønskelig, ulike spørsmålstyper. Da vil de ulike spørsmålene vises på ulike sider gjennom aktiviteten. For å lage en slik samling, klikker vi på Innholdstype Question Set. Da ser vi at vi kan legge til de ulike spørsmålene og spørsmålstypene, slik:

26 25 Spørsmålssamling 2 (Summary) Leksjon (Summary) Interaktiv video Videokonferanse / synkron læring (Appear.in for Chat and Talk) Oppdeling (Column) Dialogkort (Dialogue Cards) Flash Cards Veiviser (Documentation Tool) Tidslinje (Timeline) Memory Game Trekkspill (Accordion) Twitter User feed