Upgrade to Pro — share decks privately, control downloads, hide ads and more …

H5P-työkalut

 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.

Matleena Laakso

March 24, 2023
Tweet

More Decks by Matleena Laakso

Other Decks in Education

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