H5P-työkalut - Speaker Deck

Slide 1

Slide 1 text

H5P-työkalut Näin teet interaktiivisia verkkosisältöjä ja automaattisesti tarkastuvia tehtäviä Lokakuu 2024 Matleena Laakso Blogi: www.matleenalaakso.fi

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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.

Slide 5

Slide 5 text

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.

Slide 6

Slide 6 text

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.

Slide 7

Slide 7 text

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.

Slide 8

Slide 8 text

60 erilaista H5P-työkalua Ruudunkaappauskuva: h5p.org/content-types-and-applications

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

Kuvan haitariteksti löytyy Matleenan blogin H5P-sivulta.

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

H5P-esimerkkien avoin Moodle

Slide 13

Slide 13 text

Saavutettavuus

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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.

Slide 16

Slide 16 text

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!

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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.

Slide 19

Slide 19 text

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!

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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.

Slide 23

Slide 23 text

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.

Slide 24

Slide 24 text

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.

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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!

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

Sisältöjen asetuksissa on vaihtelua

Slide 31

Slide 31 text

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.

Slide 32

Slide 32 text

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.

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

Seuraavassa kolmessa diassa sama Moodlecloudin kautta kuvattuna

Slide 35

Slide 35 text

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.

Slide 36

Slide 36 text

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.

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

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.

Slide 42

Slide 42 text

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ä

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

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.

Slide 45

Slide 45 text

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.

Slide 46

Slide 46 text

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

Slide 47

Slide 47 text

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-

Slide 48

Slide 48 text

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

Slide 49

Slide 49 text

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)

Slide 50

Slide 50 text

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

Slide 51

Slide 51 text

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

Slide 52

Slide 52 text

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

Slide 53

Slide 53 text

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.

Slide 54

Slide 54 text

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.

Slide 55

Slide 55 text

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.

Slide 56

Slide 56 text

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

Slide 57

Slide 57 text

No content

Slide 58

Slide 58 text

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

Slide 59

Slide 59 text

2. 3. Luo, esikatsele ja jaa 1. 4.

Slide 60

Slide 60 text

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.

Slide 61

Slide 61 text

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.

Slide 62

Slide 62 text

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

Slide 63

Slide 63 text

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

Slide 64

Slide 64 text

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.

Slide 65

Slide 65 text

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.

Slide 66

Slide 66 text

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.

Slide 67

Slide 67 text

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

Slide 68

Slide 68 text

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.

Slide 69

Slide 69 text

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.

Slide 70

Slide 70 text

Palautetta usealla tavalla Opiskelija näkee automaattisesti 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.

Slide 71

Slide 71 text

Järjestystehtävä ja erilaiset monivalinnat (esimerkit H5P:helpot-välilehdellä) Lisäksi tekstipohjainen editori esim. tekoälyllä luodun sisällön muokkaamiseen.

Slide 72

Slide 72 text

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.

Slide 73

Slide 73 text

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.

Slide 74

Slide 74 text

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

Slide 75

Slide 75 text

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.

Slide 76

Slide 76 text

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

Slide 77

Slide 77 text

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!

Slide 78

Slide 78 text

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.

Slide 79

Slide 79 text

(Quiz) Question Set Kysymyskokoelma UUTTA: Monivalinta kuvista.

Slide 80

Slide 80 text

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

Slide 81

Slide 81 text

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.

Slide 82

Slide 82 text

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.

Slide 83

Slide 83 text

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

Slide 84

Slide 84 text

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.

Slide 85

Slide 85 text

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.

Slide 86

Slide 86 text

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.

Slide 87

Slide 87 text

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

Slide 88

Slide 88 text

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.

Slide 89

Slide 89 text

Essay

Slide 90

Slide 90 text

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.

Slide 91

Slide 91 text

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

Slide 92

Slide 92 text

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

Slide 93

Slide 93 text

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.

Slide 94

Slide 94 text

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.

Slide 95

Slide 95 text

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.

Slide 96

Slide 96 text

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

Slide 97

Slide 97 text

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.

Slide 98

Slide 98 text

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

Slide 99

Slide 99 text

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.

Slide 100

Slide 100 text

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.

Slide 101

Slide 101 text

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

Slide 102

Slide 102 text

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.

Slide 103

Slide 103 text

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

Slide 104

Slide 104 text

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.

Slide 105

Slide 105 text

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

Slide 106

Slide 106 text

2/3: Lisää videon interaktiot 2.

Slide 107

Slide 107 text

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

Slide 108

Slide 108 text

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

Slide 109

Slide 109 text

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.

Slide 110

Slide 110 text

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

Slide 111

Slide 111 text

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

Slide 112

Slide 112 text

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

Slide 113

Slide 113 text

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

Slide 114

Slide 114 text

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

Slide 115

Slide 115 text

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)

Slide 116

Slide 116 text

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

Slide 117

Slide 117 text

Ää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!

Slide 118

Slide 118 text

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.

Slide 119

Slide 119 text

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

Slide 120

Slide 120 text

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.

Slide 121

Slide 121 text

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.

Slide 122

Slide 122 text

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

Slide 123

Slide 123 text

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

Slide 124

Slide 124 text

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

Slide 125

Slide 125 text

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

Slide 126

Slide 126 text

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.

Slide 127

Slide 127 text

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.

Slide 128

Slide 128 text

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

Slide 129

Slide 129 text

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

Slide 130

Slide 130 text

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.

Slide 131

Slide 131 text

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

Slide 132

Slide 132 text

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

Slide 133

Slide 133 text

Image Pairing Raahaa kuvaparit päällekkäin.

Slide 134

Slide 134 text

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

Slide 135

Slide 135 text

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

Slide 136

Slide 136 text

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.

Slide 137

Slide 137 text

Slide 138

Slide 138 text

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

Slide 139

Slide 139 text

Drag and Drop: tehtävät esimerkissä Suomen kesä Lisää ensin pudotuskohteet (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ää

Slide 140

Slide 140 text

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

Slide 141

Slide 141 text

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

Slide 142

Slide 142 text

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ä

Slide 143

Slide 143 text

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

Slide 144

Slide 144 text

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

Slide 145

Slide 145 text

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

Slide 146

Slide 146 text

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

Slide 147

Slide 147 text

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.

Slide 148

Slide 148 text

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

Slide 149

Slide 149 text

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.

Slide 150

Slide 150 text

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.

Slide 151

Slide 151 text

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

Slide 152

Slide 152 text

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

Slide 153

Slide 153 text

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.

Slide 154

Slide 154 text

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.

Slide 155

Slide 155 text

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

Slide 156

Slide 156 text

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

Slide 157

Slide 157 text

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

Slide 158

Slide 158 text

Viimeisenä keskeneräiset ja poistuneet työkalut

Slide 159

Slide 159 text

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

Slide 160

Slide 160 text

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)”

Slide 161

Slide 161 text

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

Slide 162

Slide 162 text

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

Slide 163

Slide 163 text

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

Slide 164

Slide 164 text

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