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

February 10, 2024
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ä
    Helmikuu 2024
    Matleena Laakso
    Blogi: www.matleenalaakso.fi

    View full-size slide

  2. Tämä diasarja päivittyy
    H5P-ohjeet, videot, esimerkit ym.:
    www.matleenalaakso.fi/p/h5p.html
    Lisää päivittyviä ohjeita verkon sovelluksista
    löydät Matleenan blogisivulta:
    www.matleenalaakso.fi/p/koulutusdiat.html
    Kaikille avoin työpaja
    • H5P-työkaluilla verkkotehtäviä ja
    oppimateriaaleja 17.4.2024 klo 14-17.
    • Järjestetään ITK-konferenssin yhteydessä
    Hämeenlinnassa 40 €.
    • www.matleenalaakso.fi/p/tervetuloa.html

    View full-size slide

  3. Diasarjan sisällys
    Johdanto: Mikä on H5P? Miten sen saa käyttöön?
    Saavutettavuus
    Tekijänoikeudet ja avoin jakaminen
    Sisältöjen luominen eri ympäristöihin:
    • Moodle, maksullinen H5P.com sekä WordPress, Lumi, 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, Smart Import, keskeneräiset ja poistuneet

    View full-size slide

  4. Mikä on H5P?
    H5P (=HTML5 Package) on avoimella lähdekoodilla luodun
    60 työkalun kokoelma verkkosisältöjen luomiseen.
    • 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 full-size slide

  5. H5P on monikäyttöinen
    Interaktiiviset oppimateriaalit/verkkosisällöt
    • Myös oppijat sisältöjen tekijöinä.
    Interaktiiviset tehtävät & välitön palaute
    • Palaute (pisteet/sanallinen) rakennetaan tehtäviä tehtäessä.
    • Oppija voi harjoitella niin monesti kuin haluaa.
    • Ei korvaa tenttejä, mutta tehtävät voidaan liittää
    oppimisympäristön suoritusten seurantaan.
    • Mukana työkaluja myös esim. kirjoittamisen avuksi.

    View full-size slide

  6. 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.
    • Esim. kokeilujakson jälkeen 1-3 hengen tiimille noin 800 $/vuosi.
    • Muutamia Premium-ominaisuuksia ja sisältöjen luominen tekoälyn avulla.

    View full-size slide

  7. 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 mainosrahoitteinen tai maksullinen lisenssi (noin 10 €/kk),
    rajatut toiminnot mm. analytiikan osalta.
    Kokeile ennen hankintapäätöstä: h5p.org
    • Kirjautumalla voit kokeilla muutamaa sisältötyyppiä ennen hankintapäätöstä.
    Luomasi sisällöt ovat julkisia eikä niitä ole tarkoitettu oppijoille jaettavaksi.
    • Kirjautuneille luodaan oma profiilisivu (ks. esim. h5p.org/user/161263)
    ja voit tilata H5P-uutiskirjeen.

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  12. H5P-esimerkkien avoin Moodle

    View full-size slide

  13. Saavutettavuus

    View full-size slide

  14. Tavoitteena saavutettavuus
    Suurin osa työkaluista on saavutettavia.
    • Edellyttäen, että tarjoat esim.
    tekstivasteen kuville. Siihen Copilotin
    tarkka tyyli on varsin osaava!
    • Ks. saavutettavat työkalut aiemmin
    mainitusta sisältötyppien listauksesta.
    • Mitä tietoa jää saamatta, jos
    kuvaa ei näe?
    • Kirjoita neutraali kuvaus, vältä
    tulkintaa ja huomioi konteksti.
    Lue lisää: www.saavutettavasti.fi/kuva-
    ja-aani/kuvat

    View full-size slide

  15. Saavutettava upotus
    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ä. Linkin
    tarjoaminen kannattaa myös, koska usein se toimii paremmin mobiiliselaimilla.
    Huomaa, että upotetut tehtävät eivät (yleensä) näy suoritusten seurannassa!
    Tässä aikajanan koodissa upotuskoodi (embed code) on saavutettava, kun title-
    attribuutti eli sisällön kuvaus on tehty. Tällaisen titlen voi itse lisätä koodiin.
    height="625" frameborder="0" allowfullscreen="allowfullscreen" title="H5P-
    koulutuksen aikajana”>src="https://moodle.humak.fi/mod/hvp/library/js/h5p-resizer.js" charset="UTF-
    8">

    View full-size slide

  16. Lisää alaotsikoita, käytä sisennyksiä
    Hyödynnä väliotsikointia, sisennyksiä ja muita käyttämäsi
    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.
    Suunnittele ensin ja toteuta vasta,
    kun tiedät mitä teet ja mihin pyrit!

    View full-size slide

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

    View full-size slide

  18. 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 myös Avointen
    oppimaterien kirjastossa: aoe.fi
    sekä kansainvälisillä OER-sivustoilla.
    Lumin jakamisen paikka:
    app.lumi.education/search

    View full-size slide

  19. Mitä kuvia ja sisältöjä 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 full-size slide

  20. 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 full-size slide

  21. 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 full-size slide

  22. 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 yksittäisiin
    mediatiedostoihin.

    View full-size slide

  23. 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ää/piilottaa metadatan tiedot.

    View full-size slide

  24. H5P-sisällöt luodaan aina samalla tavalla.
    Niitä voi siirtää ympäristöstä toiseen,
    esimerkiksi Moodlesta WordPressiin.
    Se mistä H5P löytyy, miten ne jaetaan ja
    miten sisällöt tai niiden nimi ja kuvaus näkyvät
    oppijoille, vaihtelee eri ympäristöissä. Samoin
    suoritusten seuranta ja jotkut asetukset.

    View full-size slide

  25. Sisältöjen luominen:
    Moodle
    Perinteinen/sisältöpankki
    Suoritusten seuranta

    View full-size slide

  26. Moodlen H5P-vaihtoehdot
    H5P:n Moodle plug-in (musta kuvake)
    • H5P:n ylläpitämä lisäosa, joten tukee tulevaa
    OER Hubia ja H5P:n tulevia versioita.
    • Perinteisempi ja useimmiten tutuin tapa.
    • Helpompi käyttää.
    Moodle core (yleensä sininen kuvake)
    • Moodlen kehittämä lisäosa, jonka jatkokehitys ja
    OER Hub:n tarjoaminen epävarmaa.
    • Mahdollistaa sisältöjen jakamisen organisaation
    sisältöpankin kautta.
    • Toimii paremmin Moodlen arviointitoimintojen kanssa.
    • Hieman monimutkaisempi käyttää, mutta sisältää
    enemmän vaihtoehtoja arviointiin liittyen.
    Organisaatioilla on erilaisia suosituksia siitä,
    kumpaa käytetään. Usein tarjotaan molemmat.
    Kuvakkeiden ulkoasu
    vaihtelee hieman eri
    Moodle-ympäristöissä.

    View full-size slide

  27. Jos Moodlessanne on kaksi
    H5Pkuvaketta, 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.
    Omat suosikit kannattaa merkitä tähdellä,
    niin löydät ne jatkossa helpommin.
    3. Valitse H5P ja lisää.

    View full-size slide

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

    View full-size slide

  29. Moodle: näin luot H5P-sisältöjä 3/3
    6. Luo sisältö ja määrittele
    sen asetukset.
    7. Muokkaa tarvittaessa muut
    asetukset, joissa on pieniä sisältö-
    ja organisaatiokohtaisia eroja.
    • Arvioinnista voi määritellä
    minimipisteet ym.
    • Opiskelijoiden edistyminen -
    kohdasta voit määritellä
    näkymisen edistymisen
    seurannassa jne.
    8. Tallenna

    View full-size slide

  30. Sisältöjen asetuksissa on vaihtelua

    View full-size slide

  31. Moodlen sininen H5P-kuvake 1/3
    1. Laita kurssin muokkaustila päälle.
    2. Lisää aktiviteetti tai aineisto.
    3. Valitse sininen H5P-kuvake.
    4. Otsikoi ja lisää halutessasi kuvaus.
    5. Muokkaa asetukset jo tässä vaiheessa!
    Voit itse valita mikä arvosana huomioidaan.

    View full-size slide

  32. Moodlen sininen H5P-kuvake 2/3
    6. Valitse: lataa tiedosto TAI käytä sisältöpankkia.
    • Sisältöpankin tarjonnasta näet sisältöjä organisaation valinnan
    mukaan, esim. kaikki sisällöt tai vain kurssit, joissa olet opettajana.
    • LISÄÄ kohdasta voit luoda uusia sisältöjä.
    7. Luotuasi sisällön näet vielä muutamia asetuksia.

    View full-size slide

  33. Moodlen sininen H5P-kuvake 3/3
    8. Lisää sisältö kurssille upottamalla (ei tallenna suorituksia)
    tai seuraavasti, jos haluat että tulokset tallentuvat:
    • Avaa osio muokkaustilaan ja valitse H5P.
    • Näin pääset valitsemaan
    sisällön ja muutamia
    asetuksia.
    Mediamaistereiden sivulla on
    tästä hyvä ohjeet:
    help.mediamaisteri.com/h5p

    View full-size slide

  34. Seuraavassa kolmessa diassa
    sama Moodlecloudin kautta
    kuvattuna

    View full-size slide

  35. Moodlen sininen H5P-kuvake 1/3
    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 full-size slide

  36. Moodlen sininen H5P-kuvake 2/3
    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 full-size slide

  37. Moodlen sininen H5P-kuvake 3/3
    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 full-size slide

  38. 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 full-size slide

  39. 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

    View full-size slide

  40. 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 full-size slide

  41. Tulosten tallentuminen
    help.mediamaisteri.com/h5p
    Jotta tulokset tallentuvat on opiskelijan
    • painettava jokaisen kysymyksen kohdalla "Tarkista"-painiketta sekä
    • edettävä H5P-sisällön viimeiselle yhteenvetosivulle, mikäli sellainen on
    kyseisessä sisältötyypissä tarjolla (älä siis opettajana piilota sitä).

    View full-size slide

  42. Sisältöjen luominen:
    maksullinen H5P.com
    Tekoäly (Smart Imports) osaa luoda sisältöjä
    H5p.comin omat sisältötyypit
    Käyttö Itslearning-ympäristössä

    View full-size slide

  43. H5P-sisältöjen luominen tekoälyllä
    Smart importsin avulla tekoäly analysoi
    tiedostosi ja luo niistä haluamiasi H5P-sisältöjä.
    • Ei toimi suomeksi.
    • Mahdollistaa kuvan kahdeksan sisältötyypin
    luomisen
    • Erittäin helppo käyttää ja voit joka vaiheessa
    muokata tekoälyn ehdottamaa sisältöä.
    • Toimii parhaiten teemoissa, missä opitaan
    erilaisia käsitteitä. Ei toimi hyvin opeteltaessa
    miten-kysymyksiä, matematiikkaa tai
    halutessasi visuaalisia sisältöjä.

    View full-size slide

  44. Smart imports: näin luot sisällöt
    1. Lataa äänitiedosto tai video (molemmat max 50 min), dokumentti
    (noin 50 sivua) tai linkki (esim. YouTube, Wikipedia,..).
    2. Tiedostosi muunnetaan tekstiksi ja voit tarkistaa sen.
    3. Tekstistä löytyviä käsitteitä käytetään H5P-sisältöjen luomiseen.
    4. Valitse mitä H5P-sisältöjä haluat tehtävän.
    Kuva Smart importsin ohjeista.

    View full-size slide

  45. Esimerkkinä PDF-tiedosto
    European union (2022). Ethical guidelines on the use of artificial intelligence (AI) and data in teaching
    and learning for educators. CC BY. data.europa.eu/doi/10.2766/153756
    Kopioston mukaan tekoälylle voi syöttää mm. CC BY ja CC BY-SA -lisensoituja
    sisältöjä, kunhan jatkokäyttö on niiden mukaista. Esimerkissä metadataan tuli
    otsikoksi tiedoston nimi ja tekijäksi minä eli lisenssitiedot on lisättävä itse.

    View full-size slide

  46. Word Cloud, Emoji Cloud, Multipoll
    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 full-size slide

  47. The Chase
    Luo sisällöistäsi tehtäväkokoelma, missä
    oppijat kisaavat eri tavoin joko
    reaaliaikaisesti tai omassa tahdissa.
    Kuva: h5p.org/the-chase-ar-scavenger-cornell-notes-structure-

    View full-size slide

  48. 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, joka mahdollistaa analytiikan, voit luoda
    H5P-sisältöjä Lumilla ja tuoda ne linkillä (selain)
    tai scorm-pakettina (desktop).
    Luo H5P-
    sisältö/
    kansio

    View full-size slide

  49. Itslearningin asetuksia
    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 full-size slide

  50. Itslearningin asetuksia
    • Tee arviointi normaaliin Itslearningin tapaan. On usein 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 full-size slide

  51. Sisältöjen luominen
    WordPress (esim. Mobie)
    Lumi (sovellus & selain)
    H5P.org

    View full-size slide

  52. 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 full-size slide

  53. 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).
    • Kopio ja liitä sisätösi shortcode, esim. [h5p id="30"].
    Voit muokata H5P:n sisältöjä, vaikka olisit jo vienyt ne kurssillesi.

    View full-size slide

  54. Lumi-sovellus
    Saksalainen Lumi H5P-sisältöjen luomiseen ja jakamisen: app.lumi.education
    • Mainosrahoitteinen (seuraavat diat) tai maksullinen (noin 10 €/kk) lisenssi.
    • Käytä selaimen kautta (cloud) tai asentamalla koneellesi (desktop).
    • Voin käyttää niin, että vain sisältöjen tekijä kirjautuu.
    • H5P-materiaalipankki: app.lumi.education/search

    View full-size slide

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

    View full-size slide

  56. 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. Lisää avainsanoja,
    jos jaat julkisesti (kuvan sivupalkista).
    6. Tallenna. Samalla sinut ohjataan
    – Valitsemaan lisenssi eli käyttölupa:
    Oppimateriaalien suositus CC BY
    tai CC BY-SA. Voit myös valita ©.
    – Hyväksymään käyttöehdot.
    – Hyväksymään tekijänoikeuskohta.
    5.
    6.

    View full-size slide

  57. Luo sisältöjä 2/2
    7. Valitse seuraavaksi, miten haluat sisällöt käyttöön.
    Vaihtoehdot ovat:
    a) OTA SISÄLTÖ KÄYTTÖÖN eli linkillä jakaminen:
    – Käyttöönoton nimi: Nimi linkille, jonka nyt jaat.
    – Jos valitset kerää dataa, siitä kerrotaan oppijoille. Saat
    koonnin datasta, et yksilöityä oppijakohtaista dataa
    (ainakaan maksuttomalla lisenssillä).
    – 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.
    b) LADATA: tallenna h5p-tiedostona.
    c) VIEDÄ: tallenna All-in-one HTML-tiedostona tai
    SCORM-pakettina.
    8. Jos valitsit jakamisen linkillä, klikkaa linkin kuvaketta
    ja näet myös upotuskoodin ja QR-koodin.
    a
    b c

    View full-size slide

  58. 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ähetä 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 full-size slide

  59. 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 full-size slide

  60. 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
    • Yleensä työkaluista käytetään englanninkielistä nimeä, vaikka H5P muutoin
    onkin suomennettu. Voit valita tehtäville muitakin kielivaihtoehtoja.
    • Osa sisältötyypeistä on aivan uusia, beta-versioita tai ne eivät ole
    saavutettavia. Jos niitä ole organisaatiollenne ole asennettu, voit pyytää
    sitä pääkäyttäjältä tai mahdollisesti testata niitä h5p.org-sivulla tai
    käyttää Lumi-sivustoa.
    H5P-tehtävä- ja sisältötyökalut

    View full-size slide

  61. Haitariteksti ja aukkotehtävät
    (esimerkit H5P:helpot-välilehdellä)
    Lisäksi palauteen vaihtoehdot

    View full-size slide

  62. 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 full-size slide

  63. 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 full-size slide

  64. 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 tai videon.

    View full-size slide

  65. Muokkaustilassa näet ohjeita ja
    linkin esimerkkiin (engl.)

    View full-size slide

  66. 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 full-size slide

  67. 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 full-size slide

  68. 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 full-size slide

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

    View full-size slide

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

    View full-size slide

  71. 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 full-size slide

  72. True/False Question
    Väitteeseen voi lisätä kuvan, videon tai äänitiedoston.

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  75. 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 full-size slide

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

    View full-size slide

  77. (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 full-size slide

  78. 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 full-size slide

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

    View full-size slide

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

    View full-size slide

  81. 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 full-size slide

  82. Cornell Notes
    Käynnistä video, äänitiedosto tai aloita tekstin lukeminen.
    Muistiinpano-osio löytyy kynä-kuvakkeesta.
    Vaihtelee organisaatiokohtaisesti, miten muistiinpanot tallentuvat.

    View full-size slide

  83. 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 full-size slide

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

    View full-size slide

  85. 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 full-size slide

  86. Essay-tehtävän luominen
    Essee pisteytetään tai siitä annetaan
    sanallinen palaute sen mukaan, miten
    hyvin tekstistä löytyy vaadittuja
    avainsanoja. Vaihtoehtoisesti oman
    vastauksen jälkeen näkee mallivastauksen.
    Aloita 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 Set –
    kyselyihin.

    View full-size slide

  87. 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, turvallisesti, surevana läheisenä”.
    Opettaja valitsi aiheeseen liittyvästä tutkimuksesta 21 avainsanaa.
    Oppijat vastasivat kysymykseen orientoivana tehtävänä ennen lähipäivää.

    View full-size slide

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

    View full-size slide

  89. 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, missä sisällöt ovat allekkain.
    • 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. Tosin toisissa Moodle-
    ympäristöissä suoritusten seuranta toimii myös upotetuille sisällöille.
    3. Moodle-sivulle voi linkittää tai upottaa esim. H5P-sisältöjä.
    4. H5P-sisältöjä voi upottaa Moodlen osioon.

    View full-size slide

  90. Column
    Columnilla voit rakentaa koonnin, mihin luot tai
    yhdistät useita H5P-sisältöjä.
    • Kätevä Moodlessa, jos et halua, että jokainen
    sisältötyyppi on erikseen klikattava auki.
    • Voi tuoda aiemmin samalle kurssille luomiasi
    H5P-sisältöjä Columnin sisälle kopioi /
    liitä & korvaa –toiminnolla.

    View full-size slide

  91. 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 full-size slide

  92. Course Presentation
    Interaktiivinen diasarja, johon lisäät tavanomaisen sisällön oheen mm.
    (interaktiivisia) videoita ja luot erilaisia tehtäviä ja niihin automatisoidun
    palautteen. Esittelen toimintoja tarkemmin avoimen Moodlen esimerkeissä.

    View full-size slide

  93. 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 full-size slide

  94. 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 full-size slide

  95. 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 full-size slide

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

    View full-size slide

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

    View full-size slide

  98. 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 kopioida sisältöjä eri tehtävien
    välillä, esim. tuoda aiemmin luomasi
    aukkotehtävän Columniin.
    Ole tarkkana, mihin kopioidun
    sisällön liität!
    Kun haluat tuoda monivalintatehtävän osaksi
    Columnia, saatat vahingossa korvata koko
    Columnin monivalinnalla. Katso siis tarkkaan,
    minkä alla Liitä / Liitä & korvaa lukee.
    Tehtyä ei voi peruuttaa, joten vahingon
    sattuessa vain varmuuskopio auttaa.
    KOPIOI
    Aukkotehtävä korvaa
    koko Columnin!
    Tästä liität
    aukkotehtävän
    Columnin osioon.

    View full-size slide

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

    View full-size slide

  100. 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 full-size slide

  101. 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 full-size slide

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

    View full-size slide

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

    View full-size slide

  104. 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 full-size slide

  105. 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 full-size slide

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

    View full-size slide

  107. 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 full-size slide

  108. 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 full-size slide

  109. 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 full-size slide

  110. The Branching Scenario
    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 full-size slide

  111. 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 full-size slide

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

    View full-size slide

  113. Ääneen liittyvät H5P-työkalut
    Audio Recorder
    Audio
    Dictation
    Speak the Words Set
    HUOM: Äänitiedostoja voi liittää
    lähes 20 muuhun H5P-tehtävään!

    View full-size slide

  114. Audio Recorder
    • Tallenna äänitiedosto ja lataa se koneellesi.
    • Mukana ei ole automaattista jakoa esim. opettajalle, vaan äänitiedosto
    jaetaan esim. Audio-työkalulla.
    • Toimii selaimilla Edge, Chrome and FireFox.

    View full-size slide

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

    View full-size slide

  116. Dictation
    • Tehtävässä oppija kirjoittaa kuulemansa sanelusta.
    • Kieltenopetus, sydänäänien tunnistaminen, linnun tunnistaminen,..
    • Äänitiedoston voit tehdä suoraan tällä työkalulla.
    • Voit määritellä, annetaanko pienet kirjoitusvirheet anteeksi.
    • Voit sanella saman uudelleen myös hidastettuna.
    • Tehtävään saa vaihtoehtoisia vastauksia.

    View full-size slide

  117. 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 full-size slide

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

    View full-size slide

  119. Image Choice
    Oppija vastaa
    kysymykseen
    valitsemalla
    oikean kuvan
    (yhden tai
    useampia).
    Itsenäinen
    tehtävä tai
    osa seuraavia
    • Interakt.video
    • Interak.diasarja
    • Interact.kirja
    • Column
    • Question Set

    View full-size slide

  120. 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.
    • Voi määritellä useita hyväksyttyjä vastauksia ja
    kortit saa näkymään myös satunnaisessa järjestyksessä.

    View full-size slide

  121. 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 full-size slide

  122. 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 full-size slide

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

    View full-size slide

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

    View full-size slide

  125. 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 full-size slide

  126. 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 full-size slide

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

    View full-size slide

  128. 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 full-size slide

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

    View full-size slide

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

    View full-size slide

  131. 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 full-size slide

  132. 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 full-size slide

  133. 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 full-size slide

  134. 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 full-size slide

  135. 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 full-size slide

  136. 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 full-size slide

  137. 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 full-size slide

  138. 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 full-size slide

  139. 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 full-size slide

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

    View full-size slide

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

    View full-size slide

  142. Pelit, adventtikalenteri
    ja muutama muu
    Bingo, palapeli, lautapeli, sanaristikot,
    muistipeli, adventtikalenteri, lisätty
    todellisuus ja QR-koodi

    View full-size slide

  143. 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 full-size slide

  144. 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 full-size slide

  145. Game map
    Digitaalinen lautapeli on H5P:n uusin työkalu.
    • Valitse/luo pohjakuvaksi kartta, pelilauta,
    opiskeltava kaaviokuva tai infograafi.
    • Luo kuva tekoälyn avulla tai hyödynnä
    valmiita malleja (Adobe Express, Canva,
    Pixabay, inkarnate.com, www.vecteezy.com
    jne), hakusanoina esim. imaginary map tai
    board game template.
    Monipuoliset ominaisuudet
    • Runsaasti asetuksia, miten saa edetä,
    montako elämää käytettävissä,
    kauanko on peliaikaa,..
    • Voit lisätä peliin taustamusiikin tai
    ääniefektejä eri toiminnoille.
    • Työkaluja tageihin lisätään vähitellen.
    Kuvat: Jelena.m: h5p.org/node/1466205, H5P-demo: h5p.org/content-types/game-map ja Matleenan oma kokeilu.

    View full-size slide

  146. 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 full-size slide

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

    View full-size slide

  148. 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 full-size slide

  149. 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 full-size slide

  150. 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 full-size slide

  151. 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 full-size slide

  152. 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 full-size slide

  153. Viimeisenä keskeneräiset
    ja poistuneet

    View full-size slide

  154. Board Game
    Peliä ei ole kehitetty moneen vuoteen
    ja siinä on merkittäviä puutteita.
    Uutta versiota ei ole suunnitteilla.
    → Valitse mieluummin Game Map!
    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 full-size slide

  155. 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 full-size slide

  156. 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 full-size slide

  157. 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 full-size slide

  158. 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 full-size slide

  159. Tämä diasarja on lisensoitu Creative
    Commons -lisenssillä CC BY-SA 4.0
    • CC-lisenssien verkkosivusto: creativecommons.fi
    • CC BY-SA 4.0 eli Creative Commons Nimeä-Jaa samoin 4.0
    Kansainvälinen: 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.
    – Jos teet tästä diasarjasta oman version,
    se tulee jakaa tällä samalla lisenssillä.
    • Tätä lisenssiä laajempia oikeuksia voit kysyä tekijältä:
    www.matleenalaakso.fi

    View full-size slide