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. 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
  2. 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
  3. 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.
  4. 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.
  5. 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.
  6. 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.
  7. 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
  8. 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
  9. 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. <iframe src="https://moodle.humak.fi/mod/hvp/embed.php?id=200482" width="1198" height="625" frameborder="0" allowfullscreen="allowfullscreen" title="H5P- koulutuksen aikajana”></iframe><script src="https://moodle.humak.fi/mod/hvp/library/js/h5p-resizer.js" charset="UTF- 8"></script>
  10. 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!
  11. 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
  12. 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!
  13. 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
  14. 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
  15. 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.
  16. 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.
  17. 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.
  18. 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ä.
  19. 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ää.
  20. 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!
  21. 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
  22. 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.
  23. 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.
  24. 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
  25. 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.
  26. 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.
  27. 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
  28. 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
  29. 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
  30. 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
  31. 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ä).
  32. 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ä
  33. 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ä.
  34. 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.
  35. 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.
  36. 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).
  37. 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-
  38. 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
  39. 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)
  40. 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
  41. 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
  42. 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.
  43. 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
  44. 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.
  45. 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.
  46. 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
  47. 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
  48. 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.
  49. 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
  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.
  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).
  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 tai videon.
  53. 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.
  54. 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.
  55. 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.
  56. 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.
  57. 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.
  58. 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.
  59. 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.
  60. (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.
  61. 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.
  62. 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.
  63. Cornell Notes Käynnistä video, äänitiedosto tai aloita tekstin lukeminen. Muistiinpano-osio

    löytyy kynä-kuvakkeesta. Vaihtelee organisaatiokohtaisesti, miten muistiinpanot tallentuvat.
  64. 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.
  65. 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.
  66. 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.
  67. 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ää.
  68. Monipuoliset: Interaktiivinen diasarja, video ja kirja, yhteenvetotehtävä, aikajana ja skenaario

    Lisäksi sisältöjen kokoaminen Columnilla sekä kopioiminen ja lataaminen
  69. 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.
  70. 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.
  71. 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.
  72. 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ä.
  73. 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.
  74. 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
  75. 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.
  76. 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.
  77. 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.
  78. 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.
  79. 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).
  80. 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ä.
  81. 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.
  82. 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).
  83. 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ä.
  84. 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).
  85. 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
  86. 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)
  87. Ää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!
  88. 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.
  89. 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.
  90. 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.
  91. 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
  92. 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ä.
  93. 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.
  94. 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.
  95. 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.
  96. Guess the Answer Yksi kysymys, johon voi halutessaan liittää kuvan

    tai videon. Vastauksen näkee klikkaamalla painiketta.
  97. 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
  98. 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.
  99. Image Hotspots ZUM Edition Kuten Image Hotspots, mutta tekstin, kuvan

    ja videon ohella kuvien tageihin voi lisätä monenlaisia H5P-tehtäviä.
  100. 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ä.
  101. 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
  102. 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.
  103. 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.
  104. 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
  105. 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ää
  106. 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).
  107. 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
  108. 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ä
  109. 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). .
  110. 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.
  111. 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
  112. 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.
  113. 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.
  114. Memory Game Muistipelissä voit kertoa kuvasta jotain, mikä näkyy, vasta

    kun kuvaparit on löydetty. Kuviin voit liittää myös tekstiä tai äänitiedoston.
  115. 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.
  116. 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
  117. 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
  118. 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
  119. 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
  120. 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)”
  121. 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
  122. 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ä.
  123. 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
  124. 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