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. Tehtävätyyppeihin kuuluu mm. monivalintoja, aukkotehtäviä, järjestämistehtäviä, interaktiivinen kuva, video ja kirja sekä erilaisia pelillisiä työkaluja. Lue lisää ja katso esimerkit, ohjevideot ja linkit: https://www.matleenalaakso.fi/p/h5p.html
Blogista löydät runsaasti vinkkejä muidenkin verkon sovellusten hyödyntämiseen.

Transcript

1. H5P-työkalut Näin teet interaktiivisia verkkosisältöjä ja automaattisesti tarkastuvia tehtäviä Lokakuu 2024 Matleena Laakso Blogi: www.matleenalaakso.fi
2. Tämä diasarja päivittyy H5P-ohjeet, videot, esimerkkien Moodle ym.: www.matleenalaakso.fi/p/h5p.html Päivittyviä ohjeita verkon muista sovelluksista: www.matleenalaakso.fi/p/koulutusdiat.html
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, H5P.com, 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 mm. tekoälyllä luodun sisällön muokkaamiseen • 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
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.
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.
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 H5P:n kehittäjältä. • 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.
7. Kolme tapaa saada H5P käyttöön 2/2 3. Lumi-sovellus • Joubelista erillinen saksalainen avoimen lähdekoodin palvelu. • Selaimen kautta maksullinen (alk. noin 6 €/kk; kuukauden maksuton kokeilu). • Työpöytäsovelluksella maksuton. Kokeile ennen hankintapäätöstä: h5p.org • Kirjautumalla voit kokeilla yhtä tai 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.
8. 60 erilaista H5P-työkalua Ruudunkaappauskuva: h5p.org/content-types-and-applications
9. Käytetyimmät H5P-työkalut H5P.comin tilasto 12/2022 – 2/2023. Kuva: h5p.org/blog/status-update-february-2023
10. Kuvan haitariteksti löytyy Matleenan blogin H5P-sivulta.
11. Ohjeet ja esimerkit: www.matleenalaakso.fi/p/h5p.html Ohjesivulle on linkattu mm. • Tämä päivittyvä diasarja. • Pikaopas interaktiivisena kuvana. • Esimerkkien avoin Moodle-kurssi. • Erilaisten sisältötyyppien listaukset. • Blogipostauksia uusista H5P- työkaluista • Jari Sarjan opas: bit.ly/sarjah5p • H5P:n englanninkieliset verkkosivut: h5p.org • YouTuben H5P-soittolista: www.youtube.com/@Matleena Laakso/playlists
12. H5P-esimerkkien avoin Moodle
13. Saavutettavuus
14. Tavoitteena saavutettavuus Suurin osa työkaluista on saavutettavia. • Edellyttäen, että tarjoat esim. tekstivasteen kuville. – Lataa kuvasi tekoälylle, esim. Copilotiin ja pyydä tekstivastetta. • 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
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. <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>
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!
17. Tekijänoikeudet, Creative Commons ja sisältöjen jakaminen
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 Jakaminen vain kollegalle • Salli sisällön lataaminen (edellyttää pääsyä kurssillesi.) • Lataa ja jaa sisältö tiedostona.
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/fi • HUOM: sisältö ja käyttötapa voivat vaikuttaa käyttöoikeuksiin!
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
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
22. 1.) Määrittele/kerro tekijänoikeudet Voit määritellä H5P-sisältösi tekijän- oikeudet (CC-lisenssi tai copyright) kohdasta metadata. Lisää tieto tarvittaessa myös yksittäisiin mediatiedostoihin.
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.
24. H5P-sisällöt luodaan eri ympäristöissä 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.
25. Sisältöjen luominen: Moodle Perinteinen/sisältöpankki Suoritusten seuranta
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 tutumpi 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ä.
27. Jos Moodlessanne on kaksi H5P-kuvaketta, tämä ohje on mustalle kuvakkeelle.. Moodle: näin luot H5P-sisältöjä 1/3 1. Laita kurssin muokkaustila päälle. 2. Lisää aktiviteetti tai aineisto. Omat suosikit kannattaa merkitä tähdellä, niin löydät ne jatkossa helpommin. 3. Valitse H5P ja lisää.
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!
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
30. Sisältöjen asetuksissa on vaihtelua
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.
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.
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. EI TULE TUNISSA NÄKYVIIN! Mediamaistereiden sivulla on tästä hyvä ohjeet: help.mediamaisteri.com/h5p
34. Seuraavassa kolmessa diassa sama Moodlecloudin kautta kuvattuna
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.
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.
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
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
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
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 (help.mediamaisteri.com/h5p#osio7) 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. • Advanced Fill in the Blanks • Course Presentation • Crossword • Branching Scenario • Dictation • Drag and Drop • Drag the Words • Essay • Fill in the Blanks • Flashcards • Image Sequencing H5P:n idea on, että palaute rakennetaan tehtäviä tehtäessä ja oppija saa sen automaattisesti. H5P ei korvaa tenttejä! • Interactive Book • Interactive Video • Mark the Words • Multiple Choice • Question Set (quiz) • Column • Find the Hotspot • Find Multiple Hotspots • Single Choice Set • Summary
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. – Esim. Course Presentation –työkalulla luodaan interaktiivisia diasarjoja. Siellä yhteenvetosivu on näkyvissä, jos et asetuksista sitä piilota.
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ä
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ä.
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.
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ä/korjattava.
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).
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-
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ä maksutta Lumin työpöytäsovelluksella ja tuoda sisällöt scorm-pakettina. Luo H5P- sisältö/ kansio
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)
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
51. Sisältöjen luominen WordPress (esim. Mobie) Lumi (sovellus & selain) H5P.org
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 H5P
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.
54. Lumi-sovellus Saksalainen Lumi H5P-sisältöjen luomiseen ja jakamisen: app.lumi.education • Selaimen kautta (pilvi) maksullinen: alk. noin 6 €/kk; 30 pv maksuton kokeilu. • Työpöytäsovelluksella (desktop editor) maksuton. • H5P-materiaalipankki: app.lumi.education/search (tilapäisesti poissa käytöstä). • Voi käyttää niin, että vain sisältöjen tekijä kirjautuu.
55. Lumi selaimella • Kirjaudu ja vahvista kirjautuminen s-postistasi (verify). • Tarjolla mm. sisältöjen kansiointi ja raportointi (lumi-education.canny.io/changelog) • Vinkki asetusten muuttamisesta – Minun sisällöissä tehdyt muutokset luovat uuden jakolinkin uusin ominaisuuksin. – Jaetuissa linkeissä tehdyt muutokset vaikuttavat jo jakamaasi linkkiin.
56. Luo sisältöjä Lumilla 1. Avaa Lumi selaimella, valitse LUO UUTTA SISÄLTÖÄ ja haluamasi H5P-työkalu. 2. Lisää otsikko ja metadata. 3. Luo sisältö ja määrittele sen asetukset. 4. Tallenna. 5. Jakamisen vaihtoehdot: a) Määritä asetukset kohdata VIEDÄ ja valitse LADATA. Saat sisällön tiedostona. B) Valitse KÄYTTÖÖNOTOT. Ota sisältö käyttöön ja määrittele asetukset (kuva). → Saat jaettavan linkin, QR-koodin ja upotuskoodin (seur. dian kuva).
58. Lumi-työpöytäsovellus Maksuton työpöytäeditori ladattavissa (Windows, macOS, Linux) H5P-sisältöjen luomiseen: lumi.education/fi Saatavissa myös Microsoft Storesta: apps.microsoft.com Avaa H5P-editori luodaksesi sisältöjä. Ohjevideot H5P-soittolistalla: www.youtube.com/@matleenalaakso
59. 2. 3. Luo, esikatsele ja jaa 1. 4.
60. Lumi-työpöytäsovellus Sisältöjen jakamisen kolme vaihtoehtoa TIEDOSTO → VIEDÄ. • All-in-one-HTML-tiedosto. • Yksi HTML-tiedosto Lähetä sisällöt tiedostona oppijoille esim. sähköpostitse tai jaa OneDriven kautta. Oppija tallentaa tiedoston koneelleen ja se avautuu selaimella. • SCORM-paketti: Vie esim. Moodleen tai Itslearning-ympäristöön.
61. 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 julkiseen kokeilemiseen. 4. Luo sisältö ja määrittele halutessasi asetukset. 5. Tallenna.
62. 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
63. Haitariteksti ja aukkotehtävät (esimerkit H5P:helpot-välilehdellä) Lisäksi palauteen vaihtoehdot
64. 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 • Muut pitkät listaukset Tiedot näkyvät H5P-sisällön alla, jos olet niin näyttöasetuksista määritellyt.
65. 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. • Voit lisätä ylimääräisiä sanoja. • VINKKI MOBIILIkäyttäjille: Raahaamisen vaihtoehtona voit siirtää sanoja myös klikkaamalla sanaa ja sitten siihen liittyvää aukkoa.
66. 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.
67. Muokkaustilassa näet ohjeita ja linkin esimerkkiin (engl.)
68. 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. • Jos vastauksessa on pieni kirjoitusvirhe, voit hyväksyä sen tai kehottaa tarkastamaan kirjoitusasun. • Voit määritellä, tuleeko vastaus olla kirjoitettu isolla/pienellä kirjaimella. Voit lisätä johdannoksi kuvan tai videon.
69. 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.
70. 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.
71. Järjestystehtävä ja erilaiset monivalinnat (esimerkit H5P:helpot-välilehdellä) Lisäksi tekstipohjainen editori esim. tekoälyllä luodun sisällön muokkaamiseen.
72. 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.
73. 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.
74. True/False Question Väitteeseen voi lisätä kuvan, videon tai äänitiedoston.
75. Multiple Choice Yksi monivalintakysymys. Jos haluat useamman, ks. seuraava dia. Mukaan voi liittää kuvan, videon tai äänitiedoston ja vaihtoehtoihin vihjeitä ja viestejä, jotka näkyvät sen mukaan, onko tietty kohta valittu vai ei.
76. Single Choice Set Perättäisten monivalintakysymysten sarja. Mukaan ei saa kuvia.
77. Tekoälyn hyödyntäminen Tekoälysovellukset (esim. ChatGPT tai Copilot) auttavat oppimateriaalien ja tehtävien luomisessa niin H5P:n kanssa kuin muutenkin. Niitä kannattaa käyttää mm. ideointiin, luonnosteluun sekä käsitteiden tai monivalintojen sisältöjen poimimiseen laajasta materiaalista. Tekoäly auttaa myös eriyttämään ja kääntämään materiaaleja ja tekemään niistä saavutettavampia. H5P-esimerkkieni Moodlen Demo-sivulta löytyy diasarja, jonne olen kokoamassa kehotekirjastoa ja linkkejä sellaisiin. Kopioi sieltä kehotteita!
78. 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ä. Hyvillä kehotteilla saat tekoälyltä tekstin kopioitavaksi tekstieditoriin.
79. (Quiz) Question Set Kysymyskokoelma UUTTA: Monivalinta kuvista.
80. (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.
81. 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.
82. 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.
83. Information Wall Infoseinä, minne voi kuvan tavoin lisätä tekstiä ja hyperlinkkejä sekä reunaan kuvia.
84. 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.
85. Cornell Notes • Käynnistä video, äänitiedosto tai aloita tekstin lukeminen. Muistiinpano-osio löytyy kynä-kuvakkeesta. • Vaihtelee organisaatiokohtaisesti, miten muistiinpanot tallentuvat. • UUTTA: Tallennus- ja kopiointikuvake.
86. 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.
87. Structure Strip Tekstin min/max-pituuden määrittäminen onnistuu asetuksista (Behavioural settings).
88. 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.
89. Essay
90. 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.
91. 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ää.
92. Monipuoliset: Interaktiivinen diasarja, video ja kirja, yhteenvetotehtävä, aikajana ja skenaario Lisäksi sisältöjen kokoaminen Columnilla sekä kopioiminen ja lataaminen
93. 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.
94. 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.
95. 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.
96. 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ä.
97. 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.
98. 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
99. 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.
100. 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.
101. … ja lataa sitten uuteen ympäristöön (tai vaikka samaankin, jos haluat muokata siitä uuden version)
102. 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.
103. Interactive video Interaktiivisen videon avulla voit lisätä keskelle videota mm. omia kommentteja ja erilaisia tehtäviä.
104. 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.
105. Miten tuon videon? Oletuksena video tuodaan tiedostona tai YouTube-linkkinä. Moodlen kanssa linkki on suositeltavampi. Oppimisympäristöjä ei useinkaan ole tarkoitettu suurille videotiedostoille. • 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).
106. 2/3: Lisää videon interaktiot 2.
107. Interaktiot voivat olla esim. tehtäviä Kuvat: Jari Sarja: sisaltotiimi.wordpress.com/2017/11/17/2226
108. 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ä.
109. 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.
110. 3/3: Lopuksi ehdotetaan lisättäväksi Summary-yhteenvetotehtävä 3.
111. 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).
112. 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ä.
113. 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).
114. 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
115. 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)
116. Työkalun idea on sama kuin helppokäyttöisemmässä ThingLink-skenaarioissa: www.matleenalaakso.fi/2021/11/thinglink- skenaario-360-kuvaamisen-opas.html
117. Ää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!
118. 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.
119. Audio Työkalun avulla voit jakaa äänitiedostoja tiedostoista tai linkeistä.
120. 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.
121. 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.
122. Kuviin liittyvät materiaalit, tehtävät ja kuvitus Mukana ohje, miten oppijasta saadaan Moodlessa sisällön tuottaja
123. 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
124. 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ä.
125. Dialog Cards Dialogikorteissa oppija miettii vastauksen. Sitä ei tarvitse kirjoittaa tai sanoa ääneen. Kortteihin voi lisätä • vihjeet kysymykselle ja vastaukselle. • kysymykseen äänitiedoston. • kuvan, joka näkyy aina kortin molemmilla puolilla
126. 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.
127. 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.
128. Guess the Answer Yksi kysymys, johon voi halutessaan liittää kuvan tai videon. Vastauksen näkee klikkaamalla painiketta.
129. 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
130. 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.
131. Image Hotspots ZUM Edition Kuten Image Hotspots, mutta tekstin, kuvan ja videon ohella kuvien tageihin voi lisätä monenlaisia H5P-tehtäviä.
132. 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ä.
133. Image Pairing Raahaa kuvaparit päällekkäin.
134. Image Sequencing Järjestä kuvat oikeaan järjestykseen. Kuviin voi halutessaan liittää tekstiä tai äänitiedoston.
135. 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
136. 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.
137. 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.
138. 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
139. 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ää
140. 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).
141. 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
142. 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ä
143. 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). .
144. Chart Piirakka- ja pylväskaaviot • Valitse kummanlaisen kaavion teet • Lisää teksti ja lukuarvo sekä värit
145. Greeting Card Kortin teet helposti valitsemalla kuvan ja lisäämällä siihen tekstin.
146. Pelit, adventtikalenteri ja muutama muu Bingo, palapeli, lautapeli, sanaristikot, muistipeli, adventtikalenteri, lisätty todellisuus ja QR-koodi
147. 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.
148. Find the Words Sanaristikko. Etsittävät sanat voi näyttää tai piilottaa.
149. Game map Pelikartta on H5P:n uusin työkalu. • Valitse/luo pohjakuvaksi esim. kartta, pelilauta, opiskeltava kaaviokuva tai infograafi. Luo kuva itse tai tekoälyn avulla tai hyödynnä valmiita malleja • Adobe Express, Canva, • Pixabay • inkarnate.com • www.vecteezy.com • azgaar.github.io/Fantasy-Map-Generator (vapaa käyttöoikeus) • hakusanoina esim. imaginary map tai board game template. Kuvat: Jelena.m: h5p.org/node/1466205, H5P-demo: h5p.org/content-types/game-map.
150. Game mapin monipuolisia ominaisuuksia • Määrittele miten edetään ja kauanko on peliaikaa jne. • Määrittele, montako elämää on käytettävissä. Tällöin joutuu aloittamaan alusta, jos tekee liikaa virheitä. • Voit lisätä peliin taustamusiikin tai ääniefektejä eri toiminnoille. • Voi määritellä reittiviivan ja pysähdyspaikkojen värit yms. Pysähdyspaikat voit myös määrittää avautuvaksi pitkin matkaa esim. kun tietty tehtävä on suoritettu tai pistemäärä on saavutettu. • Työkaluja tageihin lisätään vähitellen.
151. 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
152. Memory Game Muistipelissä voit kertoa kuvasta jotain, mikä näkyy, vasta kun kuvaparit on löydetty. Kuviin voit liittää myös tekstiä tai äänitiedoston.
153. 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.
154. 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.
155. 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". En ole tutkinut, joko tämä lukuvuonna 2023-24 toimisi paremmin. 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
156. 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
157. 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
158. Viimeisenä keskeneräiset ja poistuneet työkalut
159. 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
160. 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)”
161. 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
162. 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ä.
163. 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 – X (ent. Twitter) ei ole tukenut tätä moneen vuoteen. • . Kuva: Stevepb, pixabay.com
164. Tämä diasarja on lisensoitu CC BY-SA 4.0 -lisenssillä • Creative Commons -lisenssit: 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 alkuperäiseen diasarjaan. – Jos teet tästä diasarjasta oman version, se tulee jakaa tällä samalla lisenssillä. • Laajempia oikeuksia voit kysyä tekijältä: www.matleenalaakso.fi