H5P-työkalut

H5P:n työkaluilla voi luoda interaktiivisia verkkosisältöjä, oppimateriaaleja ja luoda tehtäviä, joista oppija saa välittömän palautteen. Lue lisää ja katso esimerkit, ohjevideot ja linkit: https://www.matleenalaakso.fi/p/h5p.html
Blogista löydät runsaasti vinkkejä muidenkin verkon sovellusten hyödyntämiseen.

Transcript

1. H5P-työkalut
   Näin teet interaktiivisia verkkosisältöjä ja
   automaattisesti tarkastuvia tehtäviä
   Maaliskuu 2023
   Matleena Laakso
   Blogi: www.matleenalaakso.fi
   Twitter: @matleenalaakso
   H5P-sivu: www.matleenalaakso.fi/p/h5p.html
   

   View Slide

2. Tämä diasarja päivittyy
   H5P-ohjeet ja esimerkit:
   www.matleenalaakso.fi/p/h5p.html
   Lisää päivittyviä ohjeita verkon sovelluksista löydät
   Matleenan blogin koulutusdiojen sivulta:
   www.matleenalaakso.fi/p/koulutusdiat.html
   Tämä diasarja on tallennettu Speaker Deckiin,
   jotta voin päivittää tätä linkin muuttumatta.
   

   View Slide

3. Diasarjan sisällys
   Johdanto: Mikä on H5P? Miten sen saa käyttöön?
   Saavutettavuus
   Tekijänoikeudet, CC-lisenssit ja sisältöjen jakaminen
   Sisältöjen luominen eri ympäristöihin:
   • Moodle, WordPress, Lumi, Itslearning & H5P.com ja H5P.org
   H5P-tehtävä- ja sisältötyökalut
   • Haitariteksti ja aukkotehtävät, lisäksi palaute ja edistymisen seuranta
   • Järjestystehtävä ja erilaiset monivalinnat, lisäksi tekstipohjainen editori.
   • Kirjoittamisen työkalut
   • Monipuoliset: interaktiivinen diasarja, video ja kirja sekä yhteenvetotehtävä,
   aikajana, skenaario, column sekä sisältöjen kopioiminen ja lataaminen
   • Ääneen liittyvät työkalut
   • Kuviin liittyvät materiaalit, tehtävät ja kuvitus sekä oppijasta sisällön tuottaja
   • Pelit, adventtikalenteri, AR ja muutama muu vähän käytetty
   • Maksulliset, keskeneräiset ja poistuneet
   

   View Slide

4. View Slide

5. Mikä on H5P?
   H5P (=HTML5 Package) on 60 työkalun kokoelma verkkosisältöjen
   luomiseen.
   • Toteutettu avoimella lähdekoodilla.
   • Lähtöisin Norjasta.
   • Kannustaa avoimeen jakamiseen.
   • Suurin osa työkaluista on saavutettavia.
   • Flash- tai Java-tekniikkaa ei tarvita.
   • Responsiivinen ja mobiiliystävällinen.
   • Kehittyy jatkuvasti.
   

   View Slide

6. H5P on monikäyttöinen
   • Interaktiiviset verkkosisällöt ja oppimateriaalit
   • Myös oppijat voivat luoda sisältöjä
   • Interaktiiviset tehtävät, joista oppija saa välittömän palautteen
   – Palaute (pisteet/sanallinen) rakennetaan tehtäviä tehtäessä.
   – Oppija voi harjoitella niin monesti kuin haluaa.
   – H5P ei korvaa tenttejä, mutta tenttityökalukin on suunnitteilla.
   – Mukana työkaluja kirjoittamisen avuksi.
   – Opettaja ei tarkasta (eikä aina näe) vastauksia, mutta tehtävät voidaan
   liittää Moodlen suoritusten seurantaan.
   

   View Slide

7. Kolme tapaa saada H5P käyttöön 1/2
   1. Asenna maksutta Moodleen, WordPressiin, Drupaliin
   tai Tiki Wikiin
   • H5P on maksuton, mutta asentamisesta ja ylläpidosta voi syntyä kuluja.
   • H5P sis. hintaan mm. Mediamaistereiden Pinjassa ja Mobien ympäristöissä.
   • WordPress.org:sta voi ladata WordPressin omalle palvelimelle.
   Tällöin lisäosien (esim. H5P) asentaminen on maksutonta.
   WordPress.com:ssa voi lisäosia asentaa vain Business-tilaukseen.
   2. H5P as a Service (SaaS): h5p.com
   • Kun haluat H5P:n käyttöön ilman, että käytössäsi on joku em.
   ympäristöistä, voit ostaa palvelun Joubelilta, joka on H5P:n kehittäjä.
   • Integroitavissa LTI:tä tukeviin oppimisympäristöihin, esim. Canvas,
   Brightspace, Blackboard ja Itslearning.
   • 30 päivän kokeilujakson jälkeen 1-3 hengen lisenssin hinta on 570 $/vuosi.
   Alennuksia suuremmille tiimeille ja oppilaitoksille.
   • Tuotoilla tuetaan kehittämistoimintaa. Muutamia Premium-ominaisuuksia.
   

   View Slide

8. Kolme tapaa saada H5P käyttöön 2/2
   3. Lumi-sovellus
   • Joubelista erillinen saksalainen avoimen lähdekoodin palvelu.
   • Voi käyttää selaimella tai ladata omalle tietokoneelle.
   • Maksuton, mutta sisältää rajoitteita.
   Voit kokeilla sisällön luomista ennen hankintapäätöstä: h5p.org
   • Kirjautumalla voit kokeilla muutamaa sisältötyyppiä ennen hankintapäätöstä.
   Luomasi sisällöt ovat julkisia etkä voi jakaa niitä oppijoillesi.
   • Kirjautuneille luodaan oma profiilisivu (ks. esim. h5p.org/user/161263) ja
   voit tilata H5P-uutiskirjeen.
   H5P-sisällöt luodaan samalla tavoin kaikissa ympäristöissä ja niitä voi kopioida
   ympäristöstä toiseen. Se mistä luodut H5P-sisällöt lisätään verkkoympäristöön,
   miten ne siellä oletuksena näkyvät (linkki vai upotus) ja miten edistymisen seuranta
   toteutuu, vaihtelee eri ympäristöissä.
   

   View Slide

9. H5P-työkaluja on jo 60
   Ruudunkaappauskuva: h5p.org/content-types-and-applications
   

   View Slide

10. Käytetyimmät H5P-työkalut
    H5P.comin tilasto 12/2022 – 2/2023. Kuva: h5p.org/blog/status-update-february-2023
    

    View Slide

11. Kuvan haitariteksti löytyy Moodle-esimerkeistäni H5P:helpot-välilehdeltä.
    

    View Slide

12. Ohjeet ja esimerkit:
    www.matleenalaakso.fi/p/h5p.html
    • Johdanto, myös tekstitettynä videona.
    • Tämä päivittyvä diasarja.
    • Mitä uutta H5P:ssä?
    Hyperlinkit
    • Erilaisten sisältötyyppien listaukset
    • Esimerkkien avoin Moodle-kurssi.
    • Jari Sarjan opas: bit.ly/sarjah5p
    • H5P:n englanninkieliset
    verkkosivut: h5p.org
    • YouTuben H5P-soittolista:
    www.youtube.com/@Matleena
    Laakso/playlists
    

    View Slide

13. H5P-esimerkkien avoin Moodle
    

    View Slide

14. Saavutettavuus
    

    View Slide

15. Tavoitteena saavutettavuus
    Suurin osa työkaluista on saavutettavia.
    Siksi kuville täytyy merkitä
    vaihtoehtoinen kuvaus.
    UUTTA: Kuvan voi merkitä myös
    koristeelliseksi.
    Eri työkalujen saavutettavuuden
    näet taulukosta
    (hyperlinkki löytyy sisältötyyppien listauksesta):
    edugo.fi/mod/hvp/view.php?id=656441
    • Mitä tietoa jää saamatta, jos kuvaa ei näe?
    • Kirjoita neutraali kuvaus, vältä tulkintaa ja
    huomioi kuvan konteksti.
    Lue lisää: www.saavutettavasti.fi/kuva-ja-aani/kuvat
    

    View Slide

16. Kun upotat H5P/verkko-sisältöjä,
    tee upotuskoodista saavutettava
    Voit upottaa sisältöjä esim. Moodleen.
    • Upota vain sisältöjä, joihin osallistujilla on pääsy. Esim. kurssikopion
    upotukset tulee tehdä uudestaan, sillä ne viittaavat alkuperäiseen kurssiin.
    • Sisällön lisäksi myös upotuskoodin tulee olla saavutettava.
    Jos et varmista upotuksen saavutettavuutta, jaa sisältö myös linkkinä.
    H5P:ssä saat upotuskoodin (embed code) sisällön alaosasta ellei
    tekijä ole sitä piilottanut. Koodi alkaa iframe-merkinnällä.
    1. Katso löytyykö iframesta saavutettavuuden kannalta tärkeä
    title-attribuutti eli sisällön kuvaus.
    2. Lisää se tarvittaessa tai tarkenna sitä. Sillä ei ole merkitystä, missä
    järjestyksessä erilaiset attribuutit iframen sisällä ovat.
    Upotetut tehtävät eivät (yleensä)
    näy suoritusten seurannassa!
    

    View Slide

17. Upotuskoodi näkyy oletuksena näin
    Kuvassa on upotuskoodit YouTubesta, H5P:sta ja ThingLinkista. Näistä vain
    YouTubessa on oletuksena title-attribuutti, mutta sekin kannattaa muokata
    paremmin sisältöä kuvaavaksi. Title lisätään iframen sisään seuraavasti:
    välilyönti title=”sisällön kuvaus” välilyönti
    Tästä avautuu
    kuvan koodinäkymä
    

    View Slide

18. Saavutettavaksi muokattuna
    Ylimpänä olevaan YouTuben koodiin on tuotu kuvaukseen (title) videon nimi.
    Kahteen seuraavaan upotukseen on lisätty title-attribuutti.
    

    View Slide

19. Moodle: upotuksen jälkeen
    Saavutettavan upotuskoodin lisäämisen jälkeen voit
    piilottaa H5P-sisällön kurssisivulta, ettei se näy siellä
    kahteen kertaan.
    • Valitse H5P-aktiviteetin asetuksista PIILOTA.
    • Valitse tämän jälkeen kohta PÄÄSY SALLITTU.
    Mutta…
    Usein linkillä jaettu näkyy upotusta paremmin
    mobiiliselainta käyttäville. Näin ollen lienee fiksuinta
    aina jättää myös linkki näkyville ja kertoa upotuksesta,
    ettei katsoja suotta klikkaa sitä uudelleen auki.
    

    View Slide

20. Lisää alaotsikoita, käytä sisennyksiä
    Hyödynnä väliotsikointia, sisennyksiä ja muita verkkoympäristön
    sisällön muotoilun työkaluja. Kuva on Moodlesta.
    Jos linkkejä tai muuta sisältöä
    alkaa kertyä runsaasti, voit koota
    aineistoa Moodle-osion sijaan sivulle.
    Tekstin ja linkkien osalta
    voit hyödyntää myös H5P:n
    haitaritekstiä (Accordion).
    Saavutettavuus on myös sisällön
    selkeyttä ja loogisuutta.
    Suunnittelen ensin ja toteuta vasta,
    kun tiedät mitä teet ja mihin pyrit!
    

    View Slide

21. Tekijänoikeudet,
    Creative Commons ja
    sisältöjen jakaminen
    

    View Slide

22. H5P-sisältöjen jakaminen
    Pääkäyttäjä voi ottaa käyttöön
    globaalin jakamisalustan beta-version:
    h5p.org/start-sharing-your-oer
    tai mahdollistaa organisaation sisäisen
    jakamisen.
    H5P-tiedostoja voi jakaa Avointen
    oppimaterien kirjastossa: aoe.fi
    sekä kansainvälisillä OER-sivustoilla.
    Lumin jakamisen paikka:
    app.lumi.education/search
    

    View Slide

23. Mitä kuvia ym. saa käyttää?
    • Omia ja organisaatiosi käyttöösi antamia.
    • Niitä, joihin sinulla on käyttölupa, esim. CC-lisenssillä jaetut sisällöt.
    • Tekijänoikeusvapaita kuvia, videoklippejä, äänitehosteita, esim. pixabay.com
    • HUOM: sisältö ja käyttötapa voivat vaikuttaa käyttöoikeuksiin!
    

    View Slide

24. Creative Commons
    Maailman käytetyin avoin lisenssi eli käyttölupa
    • Kansainvälinen ja epäkaupallinen hanke.
    • Etsi ja jaa sisältöjä: creativecommons.fi
    • Yhdistelemällä kuvan neljää ehtoa, saadaan seuraavan dian lisenssit.
    Kuva on muunnelma Tarmo Toikkasen tarmo.fi CC BY-SA -lisensoidusta teoksesta:
    Tekijänoikeudet ja Creative Commons datan avaajille: www.slideshare.net/tarmot/tekijanoikeudet-ja-creative-commons-datan-avaajalle
    

    View Slide

25. Tämä dia on muunnelma Tarmo Toikkasen tarmo.fi CC BY-SA -lisensoidusta teoksesta:
    Tekijänoikeudet ja lisenssit (AVO): www.slideshare.net/tarmot/tekijnoikeudet-ja-lisenssit-avo
    Oppimateriaaleille sopivat parhaiten
    CC BY ja CC BY-SA -lisenssit
    Suosituksesta poikkeamiseen kannattaa olla mietitty perustelu
    

    View Slide

26. 1.) Määrittele/kerro tekijänoikeudet
    Voit määritellä H5P-sisältösi tekijän-
    oikeudet (CC-lisenssi tai copyright)
    otsikon vierestä kohdasta metadata.
    Lisää tieto tekijänoikeuksista
    tarvittaessa myös media-
    tiedostoihin (kuvat, videot ym).
    

    View Slide

27. 2.) Salli/estä jatkokäyttö teknisesti
    • Toimintopalkista saat alla olevat valinnat kerralla päälle tai pois.
    • Latauspainike mahdollistaa, että jokainen jolla on pääsy sisältöihin voi
    ladata ne tiedostona ja siirtää toiseen H5P:tä tukevaan ympäristöön.
    • Upota-painike mahdollistaa sisällön upottamisen muille verkkosivuille.
    Upotus ulkopuolelle ei toimi, jos alkuperäinen sisältö on kirjautumisen takana.
    • Tekijänoikeuspainike näyttää tai piilottaa katsojalle edellisellä dialla
    lisäämäsi tiedot.
    

    View Slide

28. Sisältöjen luominen
    Moodle (perinteinen/sisältöpankki),
    WordPress (esim. Mobie)
    Lumi (sovellus & selain)
    Itslearning & h5p.com
    H5P.org
    H5P-sisällöt luodaan aina samalla tavalla.
    Se mistä ne löytyvät ja jaetaan ja miten ne näkyvät oppijoille,
    vaihtelee eri ympäristöissä. Samoin jotkut asetukset.
    

    View Slide

29. Jos Moodlessanne on kaksi
    H5P-kuvaketta, tämä ohje on
    mustalle kuvakkeelle..
    Moodle: näin luot H5P-sisältöjä 1/3
    1. Laita kurssin muokkaustila päälle.
    2. Lisää aktiviteetti tai aineisto.
    3. Valitse H5P ja lisää.
    

    View Slide

30. Moodle: näin luot H5P-sisältöjä 2/3
    4. Valitse H5P-sisältötyyppi
    (tai lataa valmis sisältö tiedostona
    tai käytä jaettua).
    5. Nimeä H5P-sisältö.
    Voit lisätä kuvauksen ja valita
    näkyykö se kurssisivulla vai ei.
    

    View Slide

31. Moodle: näin luot H5P-sisältöjä 3/3
    6. Luo sisältö ja määrittele asetukset
    • Näyttöasetukset (vasen kuva)
    • Yleisasetukset (seur.dia)
    • Moodlen opiskelijoiden edistyminen -kohdasta voit määritellä näkymisen
    edistymisen seurannassa. Arvioinnista voi määritellä minimipisteet ym.
    7. Tallenna
    Asetusten valikoissa on pieniä organisaatiokohtaisia eroja.
    

    View Slide

32. Yleisasetukset (behavioural settings)
    ovat eri sisällöissä erilaisia
    

    View Slide

33. Moodlen sininen H5P-kuvake
    1. Laita kurssin muokkaustila päälle.
    2. Luo oppimisaktiviteetti.
    3. Tässä ohje sinisen H5P-kuvakkeen käyttöön, mikä mahdollistaa
    sisältöjen jakamisen organisaation sisältöpankin kautta.
    

    View Slide

34. Moodlen sininen H5P-kuvake 2/4
    Nimeä H5P-sisältö
    H5P:n ja Moodlen
    arvioinnin asetukset ym.
    Avaa
    sisältöpankki
    Tästä voit tuoda
    H5P-sisältöjä
    tiedostona.
    

    View Slide

35. Moodlen sininen H5P-kuvake 3/4
    Voit valita aiemmin luodun sisällön (kuvassa niitä kolme).
    Kun haluat luoda uuden, valitse LISÄÄ ja jatka valitsemalla sisältötyyppi.
    Moodlecloudissa
    H5P-sisällöt luodaan
    sisältöpankin kautta!
    Luo uusi sisältö.
    Muokkaa metadata
    ja asetukset.
    

    View Slide

36. Moodlen sininen H5P-kuvake 4/4
    Lisää H5P-sisällöt verkkokurssille:
    1. Valitse haluamasi kurssiosio →
    Luo oppimisaktiviteetti →
    Sininen H5P-kuvake.
    2. Klikkaa kuvan aluetta (Lisää tiedostoja).
    3. Valitse haluamasi sisältö
    (esim. sisältöpankista).
    Voit valita luotko kopion vai liitätkö
    kurssille luomasi alkuperäisen sisällön.
    4. Tallenna
    

    View Slide

37. WordPress: Näin luot H5P-sisältöjä
    (esimerkkinä Mobien oppimisympäristö)
    3. Luo uusi
    tai lataa
    5.
    Määrittele
    asetukset
    ja luo
    2. Otsikoi
    4. Valitse listauksesta
    sisältötyyppi ja
    luo siihen sisältö.
    1. Lisää
    uusi
    

    View Slide

38. WordPress:
    näin viet H5P-sisällön kurssillesi
    • Kaksi vaihtoehtoista tapaa, jonka jälkeen sivu on päivitettävä:
    – Siirry verkkokurssilla kohtaan minne sisällön haluat ja avaa se
    muokkaustilaan. Valitse ADD H5P (ks. kuva alla).
    – TAI kopioi tehtävän shortcode, esim. [h5p id="30"] ja vie se
    haluamaasi paikkaan.
    • Voit muokata H5P:n sisältöjä, vaikka olisit jo vienyt ne kurssillesi.
    

    View Slide

39. Maksuton Lumi-sovellus
    Saksalainen Lumi mahdollistaa H5P-sisältöjen luomisen ja jakamisen
    maksutta myös kaupalliseen käyttöön: app.lumi.education
    • Käytä selaimen kautta (cloud) tai asentamalla koneellesi (desktop).
    • Vain sisältöjen tekijä kirjautuu.
    • H5P-materiaalipankki: app.lumi.education/search
    

    View Slide

40. Lumi selaimella
    • Kirjaudu ja vahvista kirjautuminen s-postistasi (verify).
    • Saat halutessasi ei-yksilöidyn palautteen oppijoiden suoriutumisesta.
    • Tietoturva heikompi verrattuna oppimisympäristöasennukseen.
    • UUTTA: Lumin selainversiolla luodut sisällöt ovat löydettävissä ja
    ladattavissa julkisesta materiaalipankista, myös © merkityt, ellet suojaa
    niitä salasanalla!
    Täältä voit muuttaa asetuksia niin,
    että ne vaikuttavat jo jakamaasi linkkiin.
    Minun sisältöni –kohdasta muuttaminen
    antaa uuden linkin uusin ominaisuuksin.
    

    View Slide

41. Luo sisältöjä 1/2
    1. Valitse: Luo uutta sisältöä.
    2. Valitse sisältötyyppi.
    3. Lisää otsikko ja tarvittaessa metadata
    (mm. tekijä, lähde, käyttölupa).
    4. Luo sisältö ja määrittele sen asetukset. Tämä
    osuus on samanlainen Lumissa ja muualla.
    5. Vaihda tarvittaessa kieli ja lisää avainsanoja
    (kuvan sivupalkista).
    6. Tallenna. Samalla sinut ohjataan julkaisemisen
    asetuksiin, joskus se valitaan itse:
    – Lisenssi eli käyttölupa: Oppimateriaaleille suositus
    on CC BY tai CC BY-SA. Voit myös pitää
    tekijänoikeudet itselläsi eli valita ©.
    – UUTTA: Sisällöt ovat löydettävissä ja ladattavissa
    Lumin julkisesta materiaalipankista, myös ©
    merkityt, ellet aseta salasanaa.
    5.
    6.
    

    View Slide

42. Luo sisältöjä 2/2
    7. Nyt näet sivupalkissa linkin, mutta suosittelen
    ensin valitsemaan, miten haluat jakaa.
    8. Ota sisältö käyttöön -kohdasta voit valita
    kuvan asetukset:
    – Käyttöönoton nimi: Nimi linkille, jonka nyt jaat.
    – Jos valitset kerää dataa, siitä kerrotaan oppijoille. Saat
    koonnin datasta, et yksilöityä oppijakohtaista dataa.
    – Voit ottaa sisällön käyttöön useita kertoja. Tällöin eri
    linkeillä on erilaiset asetukset.
    – UUTTA: Suojaa salasanalla, jos et halua, että sisältö
    näkyy ja on ladattavissa materiaalipankista.
    9. Jaa H5P-sisältö nyt luomallasi linkillä kohdasta
    käyttöönotot. Klikkaa linkin kuvaketta ja näet
    linkin, upotuskoodin ja QR-koodin.
    

    View Slide

43. Lumi-työpöytäsovellus
    Työpöytäsovellukseen (Windows, macOS, Linux) kuuluu H5P-editori ja Analytics.
    Sisältöjen jakamisen vaihtoehdot:
    • SCORM12-paketti.
    • HTML-tiedosto.
    • Lähettämällä sisällöt HTML-tiedostona oppijoille
    Tiedostot välilehden Viedä-kohdasta.
    1. Lähetä tiedostot esim. sähköpostitse tai jaa
    OneDriven kautta.
    2. Oppija tallentaa tiedoston koneelleen ja avaa sen.
    3. Jos otat Analyticsin käyttöön, saat oppijan
    edistymisen näkyviin:
    www.lumi.com/help/questions/how-do-i-use-lumi-analytics
    

    View Slide

44. Itslearning & h5p.com
    H5P-sisältöjen luominen
    • Luo kurssi → Luo suunnitelma.
    • Resurssit ja aktiviteetit → Lisää (valitse näytä kaikki) → H5P.
    HUOM: Jos sinulla ei ole maksullista H5P.com
    -tilausta, voit luoda sisältöjä Lumilla ja tuoda
    ne linkillä (selain) tai scorm-pakettina (desktop).
    Vain maksullinen H5P.com-tilaus tarjoaa analytiikan.
    Luo H5P-
    sisältö/
    kansio
    

    View Slide

45. Asetuksia Itslearningissa
    Näyttöasetukset / Display Options
    • Upotuskoodi (Embed) näkyy automaattisesti, jos Toolbar on valittuna.
    • Confusion: oppija voi lähettää opettajalle viestin esim. jos ei ymmärrä tehtävää tai
    linkki ei toimi yms. Oppijoita on hyvä ohjeistaa kertomaan, mikä on ongelma.
    Jakaminen
    • Voit jakaa sisällöt kurssille, yksittäisille kollegoille tai organisaation laajuisesti.
    • Unpublished (näkyy tekijälle)
    • Protected (Itslearning-jako)
    • Public (näkyy linkillä ilman Itslearning-kirjautumista)
    

    View Slide

46. Asetuksia Itslearningissa
    • Tee arviointi normaaliin Itslearningin tapaan. On suositeltavaa käyttää
    tarjolla olevia arviointiasteikkoja.
    • Resume eli mahdollisuus jatkaa tehtävää myöhemmin on oletuksena päällä.
    • Voit luoda H5P-sisällöille kansioita.
    – Luo niitä ainakin jakaessasi organisaation laajuisesti.
    – Sopikaa esim. kurssikohtaisista kansioista.
    Kansion luominen
    

    View Slide

47. H5P.org: näin luot H5P-sisältöjä
    1. Kirjaudu (ja tilaa uutiskirje!).
    2. Try out H5P.
    3. Valitse minkä H5P-sisältötyypin haluat luoda. Tarjolla on vain muutama
    työkalu, koska sivusto on tarkoitettu vain kokeilemiseen.
    4. Luo sisältö ja määrittele halutessasi asetukset.
    5. Tallenna.
    

    View Slide

48. H5P-tehtävä- ja sisältötyökalut
    Seuraavissa dioissa esitellään H5P-työkaluja suunnilleen siinä
    järjestyksessä, kun niitä yleensä työpajoissani harjoitellaan.
    Työkalujen esittelyn lomassa on tarkentavia ohjeita H5P:n käyttöön.
    Kommentteja
    • H5P-sisällön nimi ja kuvaus voi ympäristöstä ja asetuksista riippuen näkyä vain
    opettajalle tai myös oppijalle.
    • Yleensä työkaluista käytetään englanninkielistä nimeä, vaikka H5P muutoin onkin
    suomennettu. Voit valita tehtäville muitakin kielivaihtoehtoja.
    • Osa sisältötyypeistä on beta-versioita. Jos niitä ole organisaatiollenne ole asennettu,
    voit mahdollisesti testata niitä h5p.org- tai Lumi-sivustolla tai tutustua niihin
    uutiskirjeiden linkeistä.
    

    View Slide

49. Haitariteksti ja aukkotehtävät
    (esimerkit H5P:helpot-välilehdellä)
    Lisäksi palaute ja edistymisen seuranta
    

    View Slide

50. Accordion
    Haitaritekstistä lukija näkee vain
    otsikot ja voi avata niistä yhden
    kerrallaan nähdäkseen tarkemmat
    sisällöt. Haitaritekstiin saa
    hyperlinkkejä, mutta ei
    mediasisältöjä.
    Esimerkiksi
    • Kurssin kuvaus
    • Uratarinoita
    • Hyviä lähteitä
    • Erimerkkejä eri konteksteista
    Tiedot näkyvät H5P-sisällön alla, jos
    olet niin näyttöasetuksista määritellyt.
    

    View Slide

51. Drag the Words / Drag Text
    Aukkotehtäviä tehdessäsi voit valita esim. saako tehtävää yrittää uudestaan,
    voiko katsoa oikeat vastaukset ja annetaanko palaute välittömästi.
    Esitellään videolla (siirry aikaleimasta kyseiseen kohtaan).
    

    View Slide

52. Fill in the Blanks
    Aukkotehtävissä poistettavat sanat
    merkitään *tähdellä*.
    Voit antaa useamman vaihtoehtoisen
    vastauksen ja vihjeen.
    • *kolme/3:lukumäärä*
    Voit vaatia oikeaa kirjainkokoa tai sallia
    pienet kirjoitusvirheet.
    • 3-9 merkkiä → sallitaan yksi virhe.
    • yli 9 merkkiä → sallitaan kaksi virhettä.
    • Jos olet sallinut pienet kirjoitusvirheet,
    oppija ei saa pikkuvirheistä automaattista
    palautetta. Voit toki lisätä oikeat
    vastaukset yleiseen palautteeseen.
    Voit lisätä johdannoksi
    kuvan, videon tai
    äänitiedoston.
    

    View Slide

53. Muokkaustilassa näet ohjeita ja
    linkin H5P.org:n esimerkkeihin
    

    View Slide

54. Advanced/Complex Fill in the Blanks
    Aukkotehtäviä esim. kielten opetukseen.
    • Aukko tehdään kolmella alaviivalla ja vihjeeksi voi antaa sanan,
    mikä on tarkoitus lisätä oikeassa taivutusmuodossa.
    • Voi myös määritellä sanallisen palautteen, kun tietty väärä vastaus annetaan.
    • Voi lisätä kuvan tai videon tehtävän alkuun.
    • Jos vastauksessa on pieni kirjoitusvirhe, voit hyväksyä sen tai kehottaa
    tarkastamaan kirjoitusasun.
    • Voit määritellä, tuleeko vastaus olla kirjoitettu isolla/pienellä kirjaimella.
    

    View Slide

55. Mark the Words
    Tehtävässä valitaan tekstistä sanoja ohjeen mukaan. Voit valita esim.
    saako tehtävää yrittää uudestaan ja voiko katsoa oikeat vastaukset.
    Väärästä vastauksesta menettää pisteen.
    

    View Slide

56. Palautetta usealla tavalla
    Opiskelija näkee auto-
    maattisesti saamansa pisteet.
    Moniin tehtäviin voi lisätä
    sanallisen palautteen
    oikeasta/väärästä vastauksesta.
    Tehtävälle voi antaa yleisen
    palautteen sen mukaan,
    montako % on oikein (kuva).
    Tehtävän voi myös lisätä
    Moodlen suoritusten
    seurantaan.
    

    View Slide

57. Moodle: Suoritusten seuranta
    Visuaalinen edistymisen seuranta lisätään Moodleen omana lohkonaan. Sen
    jälkeen seurannan voi määritellä haluamiinsa aktiviteetteihin ja/tai aineistoihin.
    • H5P:ssä seurannan saa päälle kuvan opiskelijoiden edistymisen asetuksista.
    Arviointi-kohdasta voit määritellä hyväksymisrajan.
    H5P-tehtävien suorituskertoja ei voi rajata.
    • Moodlen oma H5P ei huomioi upotettuja tehtäviä
    edistymisen seurannassa.
    • Ohje: docs.moodle.org/3x/fi/Edistymisen_seuranta
    

    View Slide

58. Moodle: Suoritusten seuranta / arviointi
    • Jos merkitset ylimmäksi arvosanaksi 0, tehtävä ei tuo pisteitä
    arviointikirjaan, mutta näkyy siellä.
    • Voit luoda kategorian ei-arvosteltaville aktiviteeteille, merkitä painoarvoksi
    nolla ja siirtää siihen haluamasi tehtävät.
    • Lue lisää: h5p.org/node/258172 ja ohjeet.mediamaisteri.com/edistymisen_seuranta
    HUOMIOITAVAA MOODLESSA 2023
    • Kun käytössä on yksi H5P-kuvake, se
    tallentaa oppijan viimeisimmät pisteet.
    • Jos tehtävälle on merkitty hyväksymis-
    raja ja se ylittyy, suoritus näkyy
    suoritusten seurannassa. MUTTA jos
    oppija avaa tehtävän uudelleen eikä
    suoritusraja uudestaan ylity, arviointi-
    kirja näyttää, että tehtävä on tekemättä.
    • Ongelma korjautuu Moodlen 4.1.2.
    versiossa (syksy 2023).
    

    View Slide

59. Moodle: Näkeekö opettaja vastaukset?
    Osasta tehtäviä opettaja voi nähdä sen, miten tehtäviin on vastattu ja missä
    oppijat ovat tehneet virheitä. Lisää tällaisia tehtäviä tullee ajan myötä.
    Mediamaistereiden mukaan ohjeet.mediamaisteri.com/node/418 opettaja voi
    nähdä opiskelijan vastauksen seuraavista tehtävistä, jos niihin on määritelty
    arviointikriteerit. Vastaus avautuu pienestä kuvakkeesta arvioijan raportista
    yksittäisten tehtävien kohdalta.
    • Interactive Video
    • Course Presentation
    • Drag and Drop
    • Drag The Words
    • Fill in the blanks
    • Find the hotspot
    • Mark the words
    • Multiple Choice
    • Single Choice Set
    • Summary
    H5P:n idea on, että palaute
    rakennetaan tehtäviä
    tehtäessä ja oppija saa sen
    automaattisesti.
    H5P ei korvaa tenttejä!
    • Quiz (Question Set)
    • Memory Game
    • Essay
    • Image Pairing
    

    View Slide

60. Järjestystehtävä ja
    erilaiset monivalinnat
    (esimerkit H5P:helpot-välilehdellä)
    Lisäksi tekstipohjainen editori.
    

    View Slide

61. Sort the Paragraphs
    Järjestä lauseet oikeaan
    järjestykseen.
    Voit valita saako pisteitä
    vain lauseen oikeasta
    sijainnista vai siitä, että
    sijainti on oikea suhteessa
    edeltävään lauseeseen.
    

    View Slide

62. Arithmetic Quiz
    Valitse aritmeettisten tai lineaaristen yhtälöiden tentti, lasku-/yhtälötyyppi ja
    kysymysten lukumäärä. Sovellus tekee niistä automaattisesti tehtäväsarjan.
    

    View Slide

63. True/False Question
    Väitteeseen voi halutessaan lisätä kuvan.
    

    View Slide

64. Multiple Choice
    Yksi monivalintakysymys. Mukaan voi liittää kuvan ja vaihtoehtoihin vihjeitä
    ja viestejä, jotka näkyvät sen mukaan, onko tietty kohta valittu vai ei.
    

    View Slide

65. Single Choice Set
    Perättäisten monivalintakysymysten sarja. Mukaan ei saa kuvia.
    

    View Slide

66. Monissa sisällöissä on käytettävissä
    myös tekstimuotoinen editori
    Vasemmalla oletusnäkymä,
    alla tekstimuotoinen editori.
    Tässä tehtävätyypissä ohje on:
    1. riville kysymys.
    2. riville oikea vastaus.
    3. rivistä alkaen muut vastausvaihtoehdot.
    Tyhjä rivi ennen seuraavaa kysymystä.
    Hyödyllinen esim. kun
    tuot monivalinnat
    ChatGPT:sta.
    

    View Slide

67. (Quiz) Question Set
    Kysymyskokoelma
    UUTTA: Monivalinta kuvista.
    

    View Slide

68. (Quiz) Question Set
    Voit luoda suuren joukon kysymyksiä, joista arvotaan vastattavaksi vain tietty
    määrä kysymyksiä. Nopeimmin teet ne tekstieditorilla monivalintoina tai
    oikein/väärin kysymyksinä.
    HUOM: Jotta kyselyistä näkee lopuksi koonnin pisteistään, tulee jokaiseen
    kysymykseen vastata ja vastaus tarkistaa.
    • Esim. esseessä oltava vaadittava minimimerkkimäärä.
    • Aukkotehtävissä ei joka kohta vaadi vastausta.
    

    View Slide

69. Grid Checker
    Lisää sanat, valitse millaisen kuvan kolmesta ristikosta haluat ja määritä oikeat
    vastaukset. Mukana voi olla ylimääräisiä sanoja, jolloin joka kohtaan ei edellytetä
    vastausta. Et voi sallia vaihtoehtoisia vastauksia.
    • Ylimmässä ruudukossa oletuksena
    on yksi vastaus/rivi.
    • Keskimmäinen ruudukossa voi valita
    useamman vaihtoehdon.
    • Alimmassa vastaukset kirjoitetaan
    ruudukkoon. Tehtävätyyppi on vielä
    keskeneräinen, sillä siihen ei voi
    määritellä oikeita vastauksia.
    

    View Slide

70. Kirjoittamisen työkalut
    (esimerkit H5P:monipuoliset-välilehdellä)
    Neljästä kirjoittamisen työkalusta infoseinä
    on suunnattu opettajille tai sisällöntuottajille
    ja kolme muuta oppijoiden avuksi.
    

    View Slide

71. UUSI: Information Wall
    Infoseinä, minne voi kuvan tavoin
    lisätä tekstiä ja hyperlinkkejä sekä
    reunaan kuvia.
    

    View Slide

72. Cornell Notes
    Cornellin yliopiston prof. Walter Paukin kehittämä kolmeosainen
    muistiinpanotekniikka.
    1. Muistiinpanot
    tavalliseen tapaan esim.
    videosta, äänitiedostosta
    tai tekstistä.
    2. Tiivistelmä
    muistiinpanojen
    pohjalta, mm.
    avainsanoja, väliotsikoita
    ja kysymyksiä.
    3. Yhteenveto opitusta
    parilla lauseella.
    

    View Slide

73. Cornell Notes
    Käynnistä video. Muistiinpano-osio löytyy kynä-kuvakkeesta.
    Vaihtelee organisaatiokohtaisesti, miten muistiinpanot tallentuvat.
    

    View Slide

74. Structure Strip
    Ohjaa oppijoita tekstin jäsentämiseen
    tarjoamalla tekstille runko,
    apukysymyksiä ja avainsanoja.
    Voit lisätä johdannoksi kuvan,
    videon tai äänitiedoston.
    Kun teksti on valmis, oppija voi
    varmistaa, että tekstiä on vaadittu
    määrä ja hän voi kopioida tekstin
    esim. tekstinkäsittelysovellukseen.
    • Avuksi esseen kirjoittamiseen.
    • Avuksi vertaispalautteen
    antamiseen.
    

    View Slide

75. Structure Strip
    Tekstin min/max-pituuden
    määrittäminen onnistuu
    asetuksista (Behavioural
    settings).
    

    View Slide

76. Documentation Tool
    Auta oppijoita luomaan rakenne
    esim. projektityölle tai CV:lle.
    Oppija etenee ohjeesi (teksti, kuva
    ja uutena haitariteksti) mukaan
    sivu kerrallaan tavoitteiden
    asettamisesta ja itsearviointiin.
    Sivupohjia on neljä erilaista.
    Kirjoitusprosessin päätteeksi oppija
    voi ladata tekstin tiedostona,
    kopioida tekstin tai palauttaa
    opettajalle.
    HUOM: verkkoympäristöstä ja
    asetuksista riippuen työ täytyy tehdä
    kerralla tai sitä voi jatkaa myöhemmin.
    

    View Slide

77. Essay
    

    View Slide

78. Essay-tehtävän luominen
    Essee arvostellaan automaattisesti sen
    mukaan, miten tekstistä löytyy opettajan
    määrittelemiä avainsanoja.
    • Voit valita pelkän sanallisen palautteen
    tai antaa myös pisteitä.
    Aloita tehtävän tekeminen määrittelemällä
    lisäasetukset.
    • Lisää avainsanat, niiden variaatiot sekä
    palaute erikseen oikeasta ja
    puuttuvasta sanasta.
    • *-merkki mahdollistaa erilaisten
    taivutusmuotojen tunnistamisen.
    Esseen voi lisätä myös Quiz Question Setiin ja
    käyttää niin, että määrittelet mallivastauksen,
    jonka oppija näkee vastauksensa jälkeen.
    

    View Slide

79. Essee sote-alan tehtävässä
    Idea Maarit Hakalalta Sedusta
    Tehtävä: Kuvaa miten sinä haluaisit tulla kohdatuksi, kun olet menettämässä
    läheisesi. Tee kuvaus omien tuntemustesi pohjalta ja kerro tarpeistasi
    laajemmin kuin esimerkiksi ”yksilöllisesti, turvalliseksi, surevana läheisenä”.
    Opettaja valitsi aiheeseen liittyvästä tutkimuksesta 21 avainsanaa.
    Oppijat vastasivat kysymykseen orientoivana tehtävänä ennen lähipäivää.
    

    View Slide

80. Monipuoliset:
    Interaktiivinen diasarja, video ja kirja,
    yhteenvetotehtävä, aikajana
    ja skenaario
    Lisäksi sisältöjen kokoaminen Columnilla sekä
    kopioiminen ja lataaminen
    

    View Slide

81. Moodle: neljä tapaa jakaa H5P-sisältöjä
    1. Oletuksena H5P-sisällöt
    näkyvät linkkeinä.
    2. H5P:n kokoavilla työkaluilla voi luoda/koota sisältöjä kokonaisuudeksi.
    • Laajin tällaisista työkaluista on Column.
    • Tällöin Moodlessa näkyy em. kohdan tavoin yksi H5P-linkki.
    Seuraavat vaihtoehdot on tarkoitettu lähinnä oppimateriaaleille ja kuvitukselle,
    jolloin edistymisen seurannan menetys ei haittaa.
    3. Moodle-sivulle voi linkittää tai upottaa H5P-sisältöjä ja
    muitakin materiaaleja.
    4. H5P-sisältöjä voi upottaa Moodlen osioon.
    

    View Slide

82. Column
    Columnilla voit rakentaa koonnin, mihin luot tai
    yhdistät useita H5P-sisältöjä.
    • Kätevä etenkin Moodlessa, jos et halua, että
    jokainen sisältötyyppi erikseen klikattava auki.
    • Voi tuoda aiemmin samalle kurssille luomiasi
    H5P-sisältöjä Columnin sisälle kopioi / liitä &
    korvaa –toiminnolla.
    HUOM: WordPressissä et tarvitse tätä, sillä
    siellä sisällöt näkyvät aina valmiiksi upotettuna.
    

    View Slide

83. Summary
    Teetä yhteenvetoja etenevistä monivalinnoista. Tämä tehtävä ehdotetaan
    lisättäväksi jokaisen Course Presentation ja Interactive Video -tehtävän
    päätteeksi.
    Kuvasta näet, miten oikeat
    vastaukset kertyvät ylös ja
    tarina etenee uusilla valinnoilla.
    

    View Slide

84. Course Presentation
    Tee diasetti, johon lisäät tavanomaisen sisällön oheen mm. (interaktiivisia)
    videoita ja luot erilaisia tehtäviä ja niihin automatisoidun palautteen.
    Esittelen työkaluja tarkemmin kahdessa Moodlesta löytyvässä esimerkissä.
    

    View Slide

85. Diapohjan muokkaaminen
    Valitse diasarjalle taustaväri tai taustakuva.
    • Värin/kuvan voi lisätä vain yhteen diaan (aloitusdia,
    päätösdia) tai aihioksi eli oletukseksi.
    Millainen taustakuva toimii?
    • Voit luoda taustakuvan organisaation
    PowerPointista (kuvasuhde 2:1). Tallenna dia
    kuvana ja tuo aihioksi tai yksittäiseen diaan.
    • Taustakuvalla hyvä olla reunat, jos diapohja on
    valkoinen, jotta se erottuu taustasta.
    • Vaalean sininen tausta ei ole hyvä aukko-tehtävillä,
    missä aukot on merkitty sinisellä.
    Sijoita diaan otsikko ja teksti valitsemassasi
    koossa sopivaan paikkaan.
    • Kloonaa diaa, muutoin et saa otsikkoa ja
    leipätekstiä asettumaan samaan paikkaan eri
    dioissa.
    

    View Slide

86. Course Presentation: TUNIn mallipohjat
    Monilla organisaatioilla on muutama mallipohja – ja jos ei ole, sellainen
    kannattaa tehdä ja jakaa esim. Moodle-ohjeiden yhteydessä.
    Tampereen korkeakouluyhteisö
    • Kirjaudu Moodlen Opet-esimerkkialueelle:
    moodle.tuni.fi/course/view.php?id=42 (aineistot ja aktiviteetit –osio)
    • Suorat linkit ladattaviin esityksiin:
    – Malli 1: moodle.tuni.fi/mod/hvp/view.php?id=247318
    – Malli 2: moodle.tuni.fi/mod/hvp/view.php?id=247316
    

    View Slide

87. H5P-sisältöjen kopioiminen toiselle
    kurssille tai toiseen verkkoympäristöön
    Kun haluat, että H5P-sisältösi on kopioitavissa, jätä
    rasti LATAUSPAINIKKEESEEN (ainakin siksi aikaa,
    kun kopioit sen itsellesi).
    Kopioimisesta on hyötyä, kun
    • haluat kopioida Course Presentation –mallipohjan.
    • haluat tehdä H5P-sisällöstä kopion, jota muokkaat
    hieman erilaiseksi toiselle kurssille/ryhmälle.
    • haluat viedä sisältöjä ympäristöstä toiseen
    (Moodle, WordPress, h5p.com,..).
    • haluat jakaa H5P-sisällön muille esim. aoe.fi
    kautta (lisää käyttöehdot metadataan).
    • haluat varmuuskopioida sisällön.
    

    View Slide

88. Lataa H5P-sisältö ensin koneellesi…
    Sisällön kopioiminen
    (COPY) toimii pääkäyttäjän
    asetuksista riippuen vain
    verkkoympäristön tai
    kurssin sisäisesti.
    Sisällön lataaminen
    (DOWNLOAD) toimii aina.
    

    View Slide

89. … ja lataa sitten uuteen ympäristöön
    (tai vaikka samaankin, jos haluat muokata siitä uuden version)
    

    View Slide

90. Sisältöjen kopioiminen ympäristön
    tai kurssin sisäisesti
    Kun kopioit sisältöjä kurssin (tai verkkoympäristön) sisäisesti, voit tehdä
    kopioinnin myös yksittäisen H5P-sisällön editorista.
    Voit esim. kopioida sisältöjä eri tehtävien välillä, esim. tuoda aiemmin
    luomasi aukkotehtävän interaktiiviseen videoon.
    Ole tarkkana, kun liität kopioitua sisältöä muualle!
    Kun haluat tuoda monivalintatehtävän osaksi interaktiivista videota saatat vahingossa
    korvata koko videotehtävän monivalinnalla. Tehtyä ei voi peruuttaa, joten vain
    varmuuskopio auttaa.
    

    View Slide

91. Interactive video
    Interaktiivisen videon avulla voit lisätä keskelle videota mm. omia kommentteja
    ja erilaisia tehtäviä.
    

    View Slide

92. 1/3: Lataa tai linkitä video
    1.
    Lisää video ja muokkaa halutessasi myös asetukset alempaa sivulta.
    • Voit mm. estää videon kelaamisen ja valita, voiko
    opiskelija aina katsoa oikean vastauksen vai
    määritteletkö sen tehtäväkohtaisesti.
    

    View Slide

93. Miten tuon videon?
    Oletuksena video tuodaan tiedostona tai YouTube-linkkinä.
    Moodlen kanssa linkki on suositeltavampi.
    • Dream Broker: käytä mp4-version upotuslinkkiä (embed link)
    • Panopto: Valitse video settings → outputs.
    Valitse sitten View Podcast ja kopioi URL.
    • Planet eStream: tuo video mp4-videolinkillä.
    • Ubicast: videon voi tuoda Mediamaisterilta löytyvän lisäosan avulla.
    • Vimeo:
    • Moodle-lisäosan avulla tai
    • Latauslinkin avulla (download link) tai
    • Linkkinä Vimeo Pro:sta.
    • Echo360: Ei toimi H5P:ssä, joten vie video YouTubeen
    (tai tuo tiedostona, jos pienikokoinen video).
    

    View Slide

94. 2/3: Lisää videon interaktiot
    2.
    

    View Slide

95. Interaktiot voivat olla esim. tehtäviä
    Kuvat: Jari Sarja: sisaltotiimi.wordpress.com/2017/11/17/2226
    

    View Slide

96. Kaksi tapaa interaktion näkymiselle
    Painike tarkoittaa, että katsoja voi
    halutessaan klikata interaktion
    näkyviin näyttöajan puitteissa
    (oletuksena 10 sek).
    Kuvan valinnoilla video pysähtyy,
    jos sisällön klikkaa auki.
    Pop-up (ponnahdusikkuna) tarkoittaa,
    että interaktio tulee aina näkyviin
    videon päälle.
    Sekunti riittää näyttöajaksi, jos pysäytä
    video –kohta on valittuna. Jos et valitse
    sitä, muokkaa tarvittaessa aikaa,
    kauanko pop-up näkyy videon päällä.
    

    View Slide

97. Aikaleimat ja koonti tuloksista
    Videon alaosan kuvakkeesta
    voit lisätä aikaleimoja.
    Jos haluat, että videon katsomisen
    jälkeen näkyy koonti tuloksista,
    lisää aikajanalle palautusikkuna.
    

    View Slide

98. 3/3: Lopuksi ehdotetaan lisättäväksi
    Summary-yhteenvetotehtävä
    3.
    

    View Slide

99. Interactive Book
    Interaktiivisen kirjan avulla voit koota yhteen verkkosisältöjä ja
    H5P:llä tehtyjä sisältöjä vain kuten esim. Moodle-kurssilla.
    Asetuksista määrittelet mm. sisällysluettelon näkymisen ja sen,
    miten edistyminen näkyy lukijalle.
    UUTTA
    • Kansikuvaan voi lisätä videon.
    • Kirja muistaa, mihin asti oppija
    on sitä lukenut (save content state).
    

    View Slide

100. Kirjan editointinäkymä
     Kirjat koostuvat
     kappaleista ja niiden alla
     olevista osiosta.
     Osioihin saa yli 30
     erilaista sisältöä:
     tekstiä, kuvia, taulukoita,
     linkkejä tai H5P-sisältöjä.
     

     View Slide

101. Timeline
     Aikajana on suunniteltu vuosiluvuille, joten esim. opinnäytetyön prosessin
     vaiheet on numeroitava 0001, 0002, 0003,…
     Nimeä aikajana, tuo taustakuva ja lisää medialinkki: Twitter, YouTube, Vimeo,
     Flickr, Wikipedia, Google Maps tai SoundCloud (kaikki eivät toimi hyvin).
     

     View Slide

102. The Branching Scenario
     Interaktiivinen haarautuva skenaario etenee tekemiesi valintojen perusteella.
     Esimerkissä lyhyet videoklipit näyttävät, mitä mistäkin valinnasta seuraa.
     • Esimerkissä olet terveydenhoitajana kotikäynnillä. Teet valintoja vuoro-
     vaikutustilanteissa. Jos et reagoi oikein, näet ensin, mihin toimintasi johtaa
     ja saat siitä palautteen. Sen jälkeen teet uuden valinnan ja näet taas, miten
     tilanne etenee. Pääset uuteen vaiheeseen vasta valittuasi oikean
     vaihtoehdon.
     Esimerkki ja kuvat Ryerson University, CC BY-ND: h5p.org/branching-scenario
     

     View Slide

103. Skenaarion luominen
     Skenaario luodaan kuvassa näkyvän kuuden elementin
     avulla lisäten väliin valintoja, joista tarina haarautuu eri
     suuntiin.
     • Kaikki haarat voivat päätyä samaan lopputulemaan
     tai tarina voi eriytyä vastaajan valintojen kautta.
     • Reunimmaisesta sarakkeesta vasemmalla löydät mm.
     ohjeet ja asetukset (esim. pisteytys)
     

     View Slide

104. Työkalun idea on sama kuin
     helppokäyttöisemmässä
     ThingLink-skenaarioissa:
     www.matleenalaakso.fi/2021/11/thinglink-
     skenaario-360-kuvaamisen-opas.html
     

     View Slide

105. Ääneen liittyvät H5P-työkalut
     Audio Recorder
     Audio
     Dictation
     Speak the Words Set
     HUOM: Äänitiedostoja voi liittää
     moniin muihinkin H5P-tehtäviin!
     

     View Slide

106. Audio Recorder
     • Tallenna äänitiedosto ja lataa se koneellesi. Ääntä voit hyödyntää useissa
     H5P-sisällöissä, esim. Memory game tai Dialog Cards.
     • Mukana ei ole automaattista jakoa esim. opettajalle, vaan äänitiedosto
     jaetaan esim. Audio-työkalulla.
     • Toimii selaimilla Edge, Chrome and FireFox.
     

     View Slide

107. Audio
     Työkalun avulla voit jakaa äänitiedostoja tiedostoista tai linkeistä.
     

     View Slide

108. Dictation
     Tehtävässä oppija kirjoittaa kuulemansa tekstin sanelusta. Kieltenopetuksen
     ohella tehtävää voi käyttää myös esim. erilaisten sydänäänien analysointiin,
     eläinten äänien tunnistamiseen tai kysymyksiin vastaamiseen. Voit määritellä,
     annetaanko pienet kirjoitusvirheet anteeksi.
     • Voit sanella saman uudelleen myös hidastettuna.
     • Äänitiedoston voit tehdä Audio Recorder –sisältötyypillä.
     • Tehtävään saa vaihtoehtoisia vastauksia.
     

     View Slide

109. Speak the Words Set
     Tee kysymyksiä, joihin vastataan äänittämällä oma
     vastaus. Vastaajan on käytettävä Chrome-selainta.
     Opettaja ei äänitä mallivastausta, vaan kirjoittaa sen
     ja valitsee kielen.
     

     View Slide

110. Kuviin liittyvät materiaalit,
     tehtävät ja kuvitus
     Mukana ohje, miten oppijasta saadaan
     Moodlessa sisällön tuottaja
     

     View Slide

111. Image Choice
     Oppija vastaa
     kysymykseen
     valitsemalla
     oikean kuvan
     (yhden tai
     useampia).
     

     View Slide

112. Flashcards
     • Kääntökorttien vastaus annetaan kirjoittamalla.
     • Voin sallia vastauksen katsomisen ilman vastauksen kirjoittamista,
     mutta tällöin pisteet jäävät aina saamatta.
     • Voit määrittää, että vain tietty vastaus kelpaa (iso/pieni kirjain yms.)
     • Voi lisätä vihjeen.
     • UUTTA: Voi määritellä useita hyväksyttyjä vastauksia ja
     kortit saa näkymään myös satunnaisessa järjestyksessä.
     

     View Slide

113. Dialog Cards
     Kysymys/vastaus: mieti vastaus, sitä ei tarvitse kirjoittaa tai sanoa ääneen.
     • Valitse kertasuoritus tai useita kierroksia.
     • Voit lisätä vihjeen, kuvan ja/tai äänitiedoston.
     

     View Slide

114. Find the Hotspot /
     Find Multiple Hotspots
     Oppijan tehtävänä on löytää kuvasta yksi/useita kohtia (hotspots).
     Voit valita, näkyvätkö kohdat, minne vaihtoehdot on piilotettu.
     Esimerkiksi
     • Etsi kuvasta maailman viisi
     väkimäärältään suurinta kaupunkia.
     • Etsi kuvasta kohdat, joissa on
     turvallisuusriski.
     • Etsi koneesta kohdat, jotka
     täytyy tarkastaa viikoittain.
     

     View Slide

115. Kuvaan voi merkitä yhden tai useita
     oikeita ja vääriä kohtia
     Voit määritellä vastauksiin
     teksti-kommentin.
     Voit määritellä, minkä
     kokoiselle alueelle
     vastauksen on osuttava.
     

     View Slide

116. Guess the Answer
     Yksi kysymys, johon voi halutessaan liittää kuvan tai videon.
     Vastauksen näkee klikkaamalla painiketta.
     

     View Slide

117. Image Hotspots
     Interaktiivinen kuva
     • Kuva verkkokurssin työvälineistä tai tiimin esittäytyminen .
     • Käyttö- tai huolto-ohjeet valokuvaan.
     • Verkkosovelluksen ohjeet ruudunkaappauskuvaan
     • Lisätietoja kaaviokuvasta.
     • Osien nimeäminen ja
     lisätiedot kuvaan liittyen.
     Interaktiivisia kuvia voit luoda
     myös monipuolisemmalla
     ThingLinkillä:
     bit.ly/thinglinkohjeet
     

     View Slide

118. Image Hotspots
     1. Nimeä tehtävä (ja lisää metadata).
     2. Lataa taustakuva ja lisää vaihtoehtoinen teksti.
     3. Valitse ikoni (sama kaikissa hotspoteissa).
     4. Valitse LISÄÄ HOTSPOT ja klikkaa
     pikkukuvasta sen sijainti. Lisää sitten sisältö:
     teksti, video ja/tai kuva.
     

     View Slide

119. UUSI: Image Hotspots ZUM Edition
     Kuten Image Hotspots, mutta tekstin,
     kuvan ja videon ohella kuvien tageihin
     voi lisätä monenlaisia H5P-tehtäviä.
     

     View Slide

120. Moodle: Opiskelija sisällön tuottajaksi
     Moodlen aktiviteettien muokkauskohdasta
     (kuva) voi jakaa rooleja yksittäisiin sisältöihin.
     Näin voit antaa opiskelijoille opettajan
     oikeudet tiettyyn tehtävään, esim. Image
     Hotspots -tehtävän muokkaamiseen.
     Muita vaihtoehtoja
     • Pääkäyttäjä voi antaa myös oppijoille
     oikeuden luoda H5P-sisältöjä.
     • Ryhmälle voidaan luoda erillinen Moodle-
     kurssi, missä kaikki ovat opettajan
     roolissa.
     • Lumi-sovelluksella kuka tahansa voi luoda
     H5P-sisältöjä.
     

     View Slide

121. Image Pairing
     Raahaa kuvaparit päällekkäin.
     

     View Slide

122. Image Sequencing
     Järjestä kuvat oikeaan
     järjestykseen.
     Kuviin voi halutessaan liittää
     tekstiä tai äänitiedoston.
     

     View Slide

123. Virtual Tour (360)
     Tavallisista tai 360-kuvista tehtävä kuvasarja. Kuviin voi liittää viidenlaista
     sisältöä, monivalintoja ja summary-tehtävän.
     Perusteellinen ohjevideo sivun alaosassa: www.matleenalaakso.fi/p/h5p.html
     

     View Slide

124. Drag and Drop
     1. Tuo taustakuva, missä on tyhjää tilaa raahattaville sisällöille.
     2. Valitse haluamasi asetukset.
     3. Siirry tehtävä-välilehdelle: Lisää pudotuskohteet. → Lisää raahattava
     teksti tai kuva. → Yhdistä oikea teksti/kuva oikeaan sisältöön.
     Voit myös määritellä palautteen oikeasta/väärästä vastauksesta.
     HUOM: Tämä tehtävätyyppi kannattaa tehdä
     tarkasti Jari Sarjan oppaan ohjeita seuraten.
     Seuraavissa dioissa pikaohje.
     

     View Slide

125. Drag and Drop
     1. Tuo taustakuva, missä on tyhjää tilaa raahattaville sisällöille.
     2. Valitse haluamasi asetukset.
     3. Siirry tehtävä-välilehdelle: Lisää pudotuskohteet. → Lisää raahattava
     teksti tai kuva. → Yhdistä oikea teksti/kuva oikeaan sisältöön.
     

     View Slide

126. Drag and Drop: asetukset
     esimerkissä Suomen kesä
     Tehtäväalueen kokoa tai yleistä palautetta
     ei tässä esimerkissä ole muokattu.
     Vastaukset näkyvät pisteinä.
     Taustakuvaan tarvitaan
     tyhjää tilaa raahattaville
     sisällöille
     

     View Slide

127. Drag and Drop: tehtävät
     esimerkissä Suomen kesä
     Lisää ensin pudotus-
     kohteet (Drop Zone)
     • Valitse oikea vastaus
     • Läpinäkyvyydeksi 0
     • Raahaa alue oikeaan
     paikkaan ja muokkaa
     oikeaan kokoon.
     Lisää tekstit tai kuvat
     • Valitse kaikki
     pudotuskohteet.
     • Läpinäkyvyydeksi 100
     • Voit valita pudotus-
     kohteelle korostuksen
     esim. raahattaessa.
     Lopuksi avaa alue kynän
     kuvasta ja valitse oikea
     vaihtoehto.
     Lisää
     

     View Slide

128. Image Juxtaposition
     Liukukuvien avulla voit esittää saman kohteen esim. eri ajankohtana.
     • Viherrakennus ja sisustus: suunnitelma/toteutus tai ennen/jälkeen.
     • Työturvallisuus: siisti/sotkuinen työpiste.
     • Vanhat käsialat: kuva vanhasta dokumentista / teksti koneella kirjoitettuna.
     • Valokuvat/piirrokset vanhoista rakennuksista tai kaupungeista (ennen/nyt).
     

     View Slide

129. Agamotto (Image blender)
     Työkalun avulla voi luoda
     kuvasarjoja, joista näkee
     prosessin etenemisen tai
     joissa zoomataan näkymää
     lähemmäs esim.
     mikroskooppikuvien avulla.
     Tai voisipa sillä luoda myös
     kuvitettuja runoja.
     Alaosaan saa halutessaan
     näkyviin janan ja sinne
     selostusta seuraavasti:
     Label-teksti
     Kuvaus
     

     View Slide

130. Image Slider
     Selailtava kuvaesitys
     • Mikäli kohtaan Hover text kirjoittaa
     jotain, se näkyy pienellä, kun vie
     kursorin kuvan päälle.
     Kuvat ovat Lahden Radio- ja tv-museo
     Mastolan näyttelystä
     

     View Slide

131. Collage
     Kuvakollaasin tekeminen:
     otsikoi, valitse layout ja lisää
     kuvat.
     Kuvakkeista voit vaihtaa
     kuvat, zoomata niitä ja tuoda
     tekstivasteen (alt) tai teksin,
     joka näkyy, kun vie hiiren
     kuvan päälle (hover).
     .
     

     View Slide

132. Greeting Card
     Kortin teet helposti valitsemalla kuvan ja lisäämällä siihen tekstin.
     

     View Slide

133. Pelit, adventtikalenteri, AR ja
     muutama muu vähän käytetty
     Bingo, palapeli, sanaristikot,
     muistipeli, adventtikalenteri ym.
     

     View Slide

134. Bingo
     • Sanoille tai numeroille.
     • Vaikuttaa vähän beta-
     versiolta, sillä ei useinkaan
     mahdu kerralla näytölle.
     • Voit lisätä jokerikuvan, joka
     toisinaan korvaa ruudun
     sisällön.
     

     View Slide

135. Jigsaw puzzle
     Palapelin asetuksissa runsaasti valinnanvaraa, mm:
     • Palojen määrä.
     • Mallikuvan näkyminen taustalla.
     • Reunojen näkyminen.
     • Omien äänien lisääminen palautteeksi.
     – Tekijänoikeusvapaita ääniefektejä: pixabay.com/fi/sound-effects/
     – Äänitä itse: H5P Audio Recorder
     

     View Slide

136. Crossword
     Sanaristikko, johon voi lisätä vihjeitä ja oman taustakuvan. Asetuksista voi
     määritellä esim. että väärästä vastauksesta menettää pisteitä.
     Lisävihjeeksi voi lisätä tekstiä,
     kuvan äänitiedoston tai videon.
     

     View Slide

137. Find the Words
     Sanaristikko. Etsittävät sanat voi näyttää tai piilottaa.
     

     View Slide

138. Memory Game
     Muistipelissä voit kertoa kuvasta jotain, mikä näkyy, vasta kun kuvaparit on
     löydetty. Kuviin voit liittää myös tekstiä tai äänitiedoston.
     

     View Slide

139. Advent Calendar
     Adventtikalenteri luodaan tuomalla taustakuva ja valitsemalla asetukset.
     Voit esim. lisätä taustamusiikin, valita luukkujen määrän, lisätä lumisadetta
     taustalle ja valita voiko luukut avata tiettynä päivänä vai milloin tahansa.
     Yksittäiseen luukkuun voi lisätä kuvan ja taustakuvan jotka voivat olla
     kaikissa samatkin. Sisällöksi voi lisätä äänitiedoston, kuvan, linkin, tekstiä
     ja videon.
     

     View Slide

140. AR Scavenger (beta)
     Lisätyn todellisuuden sovellus (AR, Augmented Reality), minkä avulla voi avata
     H5P-tehtävän tai 3D-mallin katsottavaksi mobiililaitteelle. Voit katsoa
     mobiililaitteella kohdistuskuvaa (marker) tietokoneelta tai tulosteena. Em.
     vaihtoehdossa H5P-sisältö avataan yhtäaikaa tietokoneella ja mobiililaitteella.
     • Salli laitteillesi kameran käyttö.
     • Luo selkeä neliskanttinen kohdistuskuva (marker),
     mielellään mustavalkoinen ilman pieniä yksityiskohtia.
     Ohessa esimerkki. Paksut mustat reunukset lisätään
     automaattisesti.
     • Lataa 3D-malli glTF (.glb/.gltf) –tiedostona.
     Paras tiedostomuoto on "glTF 2.0 binary".
     HUOM: H5P-sisältöjen luominen onnistuu helposti. Sen sijaan 3D-mallista saan aina viestin,
     että “tiedostotyyppi ei ole sallittu”, vaikka se oli em. ohjeen mukainen.
     Ratkaisu WordPress-käyttäjille: h5p.org/comment/45030#comment-45030
     

     View Slide

141. Chart
     Piirakka- ja pylväskaaviot
     • Valitse kummanlaisen kaavion teet
     • Lisää teksti ja lukuarvo sekä värit
     

     View Slide

142. KewAr Code
     Tehtävätyypillä voi luoda QR-koodeja, mikä on hyvä
     esim. kun oppija työskentelee pc-koneella, mutta jokin
     sisältö on tarpeen avata mobiililaitteella.
     QR-koodin taakse voi viedä esim. linkin (URL),
     opettajan yhteystiedot tai sijainnin kartalla.
     • QR-koodeja luot helposti esim. osoitteessa:
     www.qr-koodit.fi/generaattori
     • QR-koodit opetuksessa –diasarja:
     www.matleenalaakso.fi/p/koulutusdiat.html
     

     View Slide

143. Personality-quiz
     Persoonallisuusvisa, missä saa tuloksen sen pohjalta miten
     kysymyssarjaan vastaa.
     Voi olla hyvä muistuttaa, ettei tyypittelyn tarkoitus on lähinnä herättää
     ajatuksia ja kenties keskusteluakin teemasta, ei olla ”tuomio” tai itseään
     toteuttava ennuste.
     Tampereen kaupungin esimerkeissä teemoina
     • Minä verkko-oppijana
     • Minä työpaikkaohjaajana
     

     View Slide

144. Viimeisenä maksulliset,
     keskeneräiset ja poistuneet
     

     View Slide

145. Word Cloud, Emoji Cloud, Multipoll
     Tarjolla vain maksaville asiakkaille (h5p.com).
     Sanapilvi, emojipilvi ja äänestys on tarkoitettu reaaliaikaiseen
     vuorovaikutukseen lähi- ja etäopetuksessa.
     Työkalun esittely uutiskirjeessä: h5p.org/live-engagement-tools-released (kuvien lähde).
     

     View Slide

146. The Chase
     • Tarjolla vain maksaville asiakkaille (h5p.com).
     • Luo tekemistäsi sisällöistä tehtäväkokoelma, missä oppijat kilpailevat
     reaaliaikaisesti toisiaan vastaan.
     Kuva: h5p.org/the-chase-ar-scavenger-cornell-notes-structure-strip-released?nl=1
     

     View Slide

147. Board Game
     Peliä ei ole kehitetty moneen vuoteen
     ja siinä on puutteensa.
     Uutta versiota ei ole suunnitteilla.
     Peliin tuodaan taustakuva, johon sijoitetaan
     tehtäviä (hotspot). Ne merkitään kuvilla
     (esimerkissäni kysymysmerkki) ja niihin saa
     viidenlaisia H5P-tehtäviä:
     Hotspotin kuva vaihtuu tehtävän tekemisen
     jälkeen toiseksi kuvaksi sen mukaan, onko
     tehtävässä onnistuttu vai ei.
     Pelilautoja käyttöön mm. lähde mainiten –ehdolla
     (alin kuva): www.vecteezy.com
     

     View Slide

148. Iframe Embedder
     H5P:n mukaan työkalun tarjoaminen jatkossa on epävarmaan
     yksityisyys- ja tietoturvaongelmien vuoksi.
     Työkalun avulla voit tuoda upotuksia tai esim. JavaScriptillä koodattua sisältöä.
     Huom: selaimen asetukset voivat estää sisällön näkymisen!
     Kuvassa Osmo Saarikummin
     tekemä peli: weppipakki.com
     “This library supports:
     • External embedding using a URL
     (supported by the editor)
     • Internal embedding, i.e an H5P
     has to be created and uploaded.
     The H5P must contain all relevant
     resources (html, javascript, css
     and so forth)”
     

     View Slide

149. Impressive Presentations
     • Beta-versio vaikeakäyttöisestä työkalusta.
     • Työkalulla luodaan esityksiä, joissa kuvat vaihtuvat animoidusti esimerkiksi
     zoomaten yksityiskohtiin (vrt Prezi).
     • Esimerkki ja kuvan lähde: h5p.org/impressive-presentation
     

     View Slide

150. Questionnaire
     Esim. Googlen ja Microsoftin Forms-lomakkeet ovat parempia.
     Kyselylomake, johon saa monivalintoja ja avoimia kysymyksiä. Vastausten
     keräämisessä haasteita eikä ole enää monilla käytössä.
     

     View Slide

151. Poistuneita työkaluja
     • Facebook Page Feed
     – Lakkasi toimimasta Facebookin
     API-muutosten vuoksi.
     • Appear.in for Chat and Talk
     – Nykyisin whereby.com, mikä
     ei toimi H5P:n kautta.
     • Twitter User Feed
     – Twitter ei enää tue tätä.
     • .
     Kuva: Stevepb, pixabay.com
     

     View Slide

152. • CC-lisenssien verkkosivusto: creativecommons.fi
     • CC BY-SA 4.0 eli Creative Commons Nimeä-Jaa samoin 4.0 Kansain-
     välinen -lisenssi creativecommons.org/licenses/by-sa/4.0/deed.fi:
     – Sinä saat käyttää, jakaa ja muuntaa tätä diasarjaa,
     myös kaupallinen hyödyntäminen on sallittu.
     – Ehtona on, että viittaat aina alkuperäiseen tekijään ja
     lisäät linkin tähän diasarjaan.
     – Muokattu teos tulee jakaa tällä samalla lisenssillä.
     • Tätä lisenssiä laajempia oikeuksia voit kysyä tekijältä:
     www.matleenalaakso.fi
     Tämä diasarja on lisensoitu Creative
     Commons -lisenssillä CC BY-SA 4.0
     

     View Slide