H5P-työkalut

Transcript

1. H5P-työkalut Näin teet interaktiivisia sisältöjä ja automaattisesti tarkastuvia tehtäviä verkkoon

   Kesäkuu 2021 Matleena Laakso Blogi: www.matleenalaakso.fi Twitter: @matleenalaakso H5P-sivu: www.matleenalaakso.fi/p/h5p.html

2. Tämä diasarja päivittyy Olen tallentanut tämän diasarjan Speaker Deck -palveluun,

   jotta voin päivittää dioja linkin muuttumatta. Lisää päivittyviä diasarjoja, bloggauksia ja videoita verkon sovelluksista etenkin opetuskäytön näkökulmasta löydät Matleenan blogin koulutusdiojen sivulta: www.matleenalaakso.fi/p/koulutusdiat.html Speaker Deckin upotuskoodi (embed code) löytyy nykyisin diasarjan alakulmasta Jaa-kuvakkeesta.

3. Diasarjan sisällys Johdanto • Mikä on H5P? Miten sen saa

   käyttöön? Mistä löytyy esimerkkejä? Saavutettavuus Tekijänoikeudet, CC-lisenssit ja H5P-sisältöjen jakaminen Sisältöjen luominen: Moodle, WordPress ja H5P.org H5P-tehtävä- ja sisältötyökalut 1. Haitariteksti ja aukkotehtävät sekä palaute ja arviointi 2. Erilaiset monivalinnat, tekstipohjainen editori ja sisältöjen jakamisen vaihtoehdot 3. Monipuolisia sovelluksia verkkokursseille ja sisältöjen kopioiminen 4. Ääneen liittyvät H5P-työkalut 5. Kuvien ympärille rakentuvat tehtävät ja oppija sisällön tuottajana 6. Muut H5P-tehtävät ja –sisällöt

4. Mikä on H5P? H5P:n (=HTML5 Package) on yli 50 työkalun

   kokoelma. • Flash- tai Java-tekniikkaa ei tarvita. • Responsiivinen ja mobiiliystävällinen • Toteutettu avoimella lähdekoodilla, lähtöisin Norjasta. • Tavoitteena saavutettavuus ja avoin jakaminen. • Kehittyy jatkuvasti.

5. H5P on monikäyttöinen • Interaktiiviset verkkosisällöt ja oppimateriaalit • Interaktiiviset

   tehtävät, joista oppija saa välittömän palautteen – Oppija voi harjoitella niin monesti kuin haluaa. – Palaute (pisteet/sanallinen) rakennetaan tehtäviä tehtäessä ja oppija saa sen automaattisesti. – H5P ei korvaa tenttejä. Opettaja ei tarkasta (eikä aina näe) vastauksia, mutta tehtävät voidaan liittää Moodlen suoritusten seurantaan. • HUOM: Moodlessa myös oppijoille/osallistujille voidaan antaa oikeus opettajan rooliin tietyssä tehtävässä, jolloin hekin voivat tuottaa sisältöä.

6. Kolme tapaa saada H5P käyttöön 1/2 1. Asenna/asennuta H5P WordPressiin,

   Drupaliin tai Moodleen • H5P on maksuton, mutta sen asentamisesta ja ylläpidosta voi syntyä kuluja. – H5P sisältyy mm. Mediamaisterin Pinjan ja Mobien oppimisympäristöjen hintaan. • 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 kolmesta em. ympäristöstä, voit ostaa palvelun Joubelilta, joka on H5P:n kehittäjä. • Tuotoilla tuetaan kehittämistoimintaa. Tulossa Premium-ominaisuuksia. • 30 päivän kokeilujakson jälkeen 1-3 hengen lisenssin hinta on 570 $/vuosi. Alennuksia suuremmille tiimeille ja oppilaitoksille.

7. Kolme tapaa saada H5P käyttöön 2/2 3. Kokeile maksutta h5p.org-sivustolla

   • Kirjautumalla voit kokeilla muutamaa sisältötyyppiä ennen hankintapäätöstä. Et voi jakaa oikeita sisältöjä. • Kaikki tehdyt sisällöt ovat julkisia etkä saa palautetta suorituksista. • Kirjautuneille luodaan oma profiilisivu (ks. esim. h5p.org/user/161263) ja voit tilata H5P-uutiskirjeen. H5P-sisällöt luodaan samalla tavoin eri ympäristöissä ja niitä voi kopioida ympäristöstä toiseen, esim. Moodlesta WordPressiin. Se mistä työkalut lisätään verkkokursseille, miten ne siellä näkyvät (linkki vai upotus) ja miten edistymisen seuranta toteutuu, vaihtelee hieman eri ympäristöissä.

8. Suomenkieliset ohjeet ja esimerkkejä Matleenan blogin H5P-työkalujen sivulta löydät ohjeita

   ja linkin esimerkkeihin: www.matleenalaakso.fi/p/h5p.html Sieltä löytyy myös linkki parhaaseen suomenkieliseen H5P-oppaaseen: Jari Sarja: bit.ly/sarjah5p
9. None

10. Englanninkieliset ohjeet ja esimerkit H5P-työkalusta: h5p.org

11. H5P-työkalujen jaotteluita (engl. H5P Content Types) Yksinkertaisuus ja käyttötapa •

    Yksinkertaiset tehtävätyökalut. • Monipuoliset tehtävätyökalut. Tehtäviä luotaessa hyödynnetään usein em. yksinkertaisempia työkaluja. • Sisällön esittämisen työkalut. Sisältötyypit • Aukkotehtävät • Monivalinnat • Puhumiseen ja/tai kuuntelemiseen liittyvät tehtävät/sisällöt • Interaktiiviset esitykset, joihin voi upottaa tehtäviä • Kuvia hyödyntävät tehtävät • Muut tehtävät (esim. pelit, essee tai lomake) • Opettajan/sisällöntuottajan luomat oppimateriaalit tai muut interaktiiviset sisällöt, joihin ei välttämättä liity tehtäviä (esim. kuvakollaasi).

12. H5P-työkaluja on jo yli 50 Ruudunkaappauskuva: h5p.org/content-types-and-applications Eri verkkoympäristöissä on

    käytössä eri työkaluja riippuen siitä, mitkä on valittu käyttöön ja milloin asennus/päivitys on tehty.

13. Poimintoja uusista ominaisuuksista Vuosi 2021: • Uusi työkalu: Board Game

    Vuosi 2020: • Uusia työkaluja: Interactive Book, KewAr Code ja Advent Calendar • Panopto-videot voi tuoda linkillä (pääkäyttäjän päivitettävä ominaisuus käyttöön). • OneNoteen voi upottaa H5P-sisältöjä linkillä. (H5P:n oltava ympäristössä, mistä saa julkisen upotuslinkin ja yleensä Moodlesta ei saa.) • Jotain pientä ekstraa tulossa toimintaa rahoittaville h5p.comin asiakkaille. Marraskuu 2019: h5p.org/november-2019-release-note • Code snippets lisätty ohjelmoinnin opettajille. Nyt voit lisätä H5P:ssä melkein minne tahansa ”both inline code and larger code snippets”. Marraskuu 2018: h5p.org/november-2018-release-note • Matematiikka: “Formulas are entered as LaTeX and rendered with the help of the open source MathJax project.”

14. Saavutettavuus

15. Tavoitteena saavutettavuus H5P:n lähtökohta on ollut saavutettavuus niin, että myös

    sokeat ja näkövammaiset voivat sitä käyttää. Siksi kuvat tulee kuvailla sanallisesti (vaihtoehtoinen teksti, alt, alternative text). Nykyisin pyritään saavutettavuuteen myös muilta osin. Eri työkalujen saavutettavuuden tämän hetken tilanne on koottu taulukkoon (linkki löytyy myös Matleenan blogisivun kautta): h5p.org/documentation/installation/content- type-accessibility

16. Kun upotat H5P/verkko-sisältöjä, tee upotuskoodista saavutettava Voit upottaa H5P- ja

    muita verkkosisältöjä esim. Moodleen. Huomioi tällöin: • Upota vain sisältöjä, joihin osallistujilla on pääsy. Esim. kurssikopion upotukset tulee tehdä uudestaan, sillä ne viittaavat alkuperäiseen kurssiin. • Sisällön lisäksi myös upotuskoodin tulee olla saavutettava. Jos et varmista upotuksen saavutettavuutta, jaa sisältö myös linkkinä. H5P:ssä saat upotuskoodin (embed code) sisällön alaosasta ellei tekijä ole sitä piilottanut. Koodi alkaa iframe-merkinnällä. Sen sisällä voidaan määritellä mm. upotuksen koko. 1. Katso löytyykö iframesta saavutettavuuden kannalta tärkeä title-attribuutti eli sisällön kuvaus. 2. Lisää se tarvittaessa tai tarkenna sitä. Sillä ei ole merkitystä, missä järjestyksessä erilaiset attribuutit iframen sisällä ovat. Englanninkielisiä lähteitä ja lisätietoja: • https://webaim.org/techniques/frames • https://dequeuniversity.com/checklists/web/iframes

17. Upotuskoodi näkyy oletuksena näin Kuvassa on upotuskoodit YouTubesta, H5P:stä ja

    ThingLinkistä. Näistä vain YouTubessa on oletuksena title-attribuutti, mutta sekin kannattaa muokata paremmin sisältöä kuvaavaksi. Title lisätään iframen sisään seuraavasti: välilyönti title=”sisällön kuvaus” välilyönti Tästä avautuu kuvan koodinäkymä

18. Saavutettavaksi muokattuna Ylimpänä olevaan YouTuben koodiin on tuotu kuvaukseen (title)

    videon nimi. Kahteen seuraavaan upotukseen on lisätty title-attribuutti.

19. Moodle: upotuksen jälkeen Saavutettavan upotuskoodin lisäämisen jälkeen voit piilottaa H5P-sisällön

    kurssisivulta, ettei se näy siellä kahteen kertaan. • Teet sen valitsemalla H5P-aktiviteetin asetuksista PIILOTA. Valitse tämän jälkeen kohta PÄÄSY SALLITTU. Usein linkillä jaettu näkyy upotusta paremmin mobiiliselainta käyttäville. Tällöin voit kertoa linkin kuvauksessa, että ne on upotettu edelle.

20. Lisää alaotsikoita, käytä sisennyksiä Hyödynnä kurssiosiossa väliotsikointia ja sisennyksiä. Jos

    linkkejä tai muuta sisältöä alkaa kertyä runsaasti, kokoa aineisto sivulle. • Tekstin ja linkkien osalta voit hyödyntää myös H5P:n haitaritekstiä (Accordion).

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

22. The H5P OER HUB Tulossa paikka sisältöjen avoimeen jakamiseen: h5p.org/oer-hub-coming

23. Tekijänoikeudet Mitä kuvia/videoita voit käyttää? • Omia, organisaatiosi käyttöösi antamia

    ja muita, mihin sinulla on lupa. • Tekijänoikeusvapaita ja Creative Commons –lisenssillä julkaistuja (huomioi eri lisenssit) – search.creativecommons.org/?lang=fi – pixabay.com • Myös sisältö ja käyttötapa voivat vaikuttaa käyttöoikeuksiin!

24. Creative Commons (CC) Maailman käytetyin avoin lisenssi eli käyttölupa •

    Kansainvälinen ja epäkaupallinen hanke • Etsi ja jaa sisältöjä: creativecommons.fi • Avoimet Creative Commons –lisenssit -diasarja: www.matleenalaakso.fi/p/koulutusdiat.html Kuvat: creativecommons.fi, CC BY

25. Tämä dia 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 Creative Commons -ehdot Yhdistelemällä neljää ehtoa, saadaan seuraavan dian lisenssit.

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

27. Määrittele/kerro tekijänoikeustiedot Voit määritellä luomasi H5P-sisällön tekijänoikeudet (valitsemasi CC-lisenssi tai

    copyright) otsikon vierestä kohdasta metadata. Lisää tieto tekijänoikeuksista tarvittaessa myös media- tiedostoihin (kuvat, videot ym).

28. Salli tai estä jatkokäyttö teknisesti • Latauspainike mahdollistaa, että oppijakin

    voi ladata H5P-sisällön tiedostona ja siirtää toiseen H5P:tä tukevaan ympäristöön. • Upota-painike mahdollistaa sisällön upottamisen muille verkkosivuille. Upottaminen ei toimi kuin kirjautumatta näkyviltä verkkosivuilta. • Jätä tekijänoikeuspainike näkyville yksittäisiin sisältöihin ainakin silloin, kun siinä on muiden mediatiedostoja ja niiden käyttö edellyttää tekijöiden, lähteen tai lisenssin mainitsemista.

29. Sisältöjen luominen Moodle ja WordPress (esim. Mobien oppimisympäristöt) sekä H5P.org

30. Moodle: näin luot H5P-sisältöjä 1/3 1. Laita kurssin muokkaustila päälle

    2. Lisää aktiviteetti tai aineisto (kuvissa näkymä kahdesta eri Moodlesta) 3. Valitse H5P ja lisää

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

32. Moodle: näin luot H5P-sisältöjä 3/3 6. Luo sisältö ja määrittele

    ainakin näyttöasetukset (vasen kuva). • Opiskelijoiden edistyminen -kohdista voit määritellä näkymisen edistymisen seurannassa. Arvioinnista voi määritellä minimipisteet ym. 7. Tallenna Asetusten valikoissa on pieniä organisaatiokohtaisia eroja.

33. WordPress: Näin luot H5P-sisältöjä (esimerkkinä Mobien oppimisympäristö) 1. Lisää uusi

    3. Luo uusi tai lataa H5P- sisältö tietokoneeltasi 2. Otsikoi 4. Valitse listauksesta tehtävätyyppi ja luo siihen sisältö 5. Määrittele näkyvyys

34. WordPress: näin viet H5P-sisällön kurssillesi • Kaksi vaihtoehtoista tapaa, jonka

    jälkeen sivu on päivitettävä: – Siirry verkkokurssilla kohtaan minne sisällön haluat ja avaa se muokkaustilaan. Valitse ADD H5P (ks. kuva alla). – TAI kopioi tehtävän shortcode, esim. [h5p id="30"] ja vie se haluamaasi paikkaan. • Voit muokata H5P:n sisältöjä, vaikka olisit jo vienyt ne kurssillesi.

35. Mobie eSmart/ Academy: Mistä oppija näkee tuloksensa? Välittömän palautteen lisäksi

    oppija näkee tuloksensa kootusti ohjausnäkymästä.

36. Mobie eSmart/Academy: Mistä kouluttaja näkee tulokset? Kouluttaja näkee oppijoidensa pisteet

    ohjausnäkymän kautta yksittäisten H5P-tehtävien kohdalta kohdasta TULOKSET. Omat tuloksensa kouluttaja näkee kohdasta TULOKSENI.

37. 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 ei ole kaikkia vaihtoehtoja. Sivusto on tarkoitettu vain työkalujen kokeilemiseen. 4. Luo sisältö ja määrittele halutessasi asetukset. 5. Tallenna

38. H5P-tehtävä- ja sisältötyökalut Seuraavissa dioissa esitellään H5P-työkaluja siinä järjestyksessä, kun

    niitä yleensä työpajoissani harjoitellaan, yksinkertaisista aloittaen. Työkalujen esittelyn lomassa on tarkentavia ohjeita käyttöön. Kommentteja • H5P-sisällön nimi ja kuvaus voi ympäristöstä ja asetuksista riippuen näkyä vain opettajalle tai myös oppijalle. • Osa sisältötyypeistä on beta-versioita. Jos niitä ole organisaatiollenne ole asennettu, voit mahdollisesti testata niitä h5p.org-sivustolla tai uutiskirjeiden linkeistä. • Muutama tehtävätyyppi (lähinnä ääneen liittyvät) ei toimi kaikilla selaimilla. → Usein Chrome toimii hyvin.

39. 1) Haitariteksti ja aukkotehtävät (esimerkit H5P:helpot-välilehdellä) Haitariteksti, aukkotehtävät sekä oppijan

    saama palaute ja Moodlen edistymisen seuranta

40. 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 Toimintopalkin käyttöoikeudet-kohdasta näet lähteet ja millä ehdoin voit sisältöä käyttää. Alapalkista voit myös ladata sisällön ja kopioida upotuskoodin, jos tekijä on ne jakanut.

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

42. Fill in the Blanks Aukkotehtävää tehtäessä tekstistä poistetaan sanat merkitsemällä

    ne *tähdellä*. Voit antaa vihjeitä ja useamman vaihtoehtoisen oikean vastauksen. • Kuvan ensimmäinen aukko on tehty seuraavasti: *kolme/3:lukumäärä*

43. Muokkaustilassa näet ohjeita ja linkin H5P.org:n esimerkkeihin

44. Advanced 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.

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

46. 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 edistymisen seurantaan.

47. Moodle: Edistymisen seuranta Edistymisen/suoritusten 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. • Ohje: docs.moodle.org/3x/fi/Edistymisen_seuranta

48. Moodle: Edistymisen seurata / 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

49. 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 listauksen mukaan (kevät 2020) opettaja voi nähdä opiskelijan vastauksen ainakin seuraavista tehtävistä, jos niihin on määritelty arviointikriteerit. Vastaus avautuu pienestä kuvakkeesta arvioijan raportista yksittäisten tehtävien kohdalta. • Advanced Flashcards • Branching scenario (näyttää käyttäjän vastauksen, mutta tästä ei saa pisteitä) • Course Presentation • Drag and Drop • Drag the Words • Fill the Blacks • Interactive video • Mark the Words • Multiple Choice • Single Choice Set • Summary • True / False Question set H5P:n idea on, että palaute rakennetaan tehtäviä tehtäessä ja oppija saa sen automaattisesti. H5P ei korvaa tenttejä!

50. 2) Monivalinnat (esimerkit H5P:helpot-välilehdellä) Erilaiset monivalinnat sekä tekstipohjainen editori ja

    vaihtoehtoja jakamiseen

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

52. True/False Question Väitteeseen voi halutessaan lisätä kuvan.

53. Multiple Choice Yksi monivalintakysymys. Mukaan voi liittää kuvan ja vaihtoehtoihin

    vihjeitä ja viestejä, jotka näkyvät sen mukaan, onko tietty kohta valittu vai ei.

54. Single Choice Set Perättäisten monivalintakysymysten sarja.

55. Monissa sisällöissä on käytettävissä myös tekstimuotoinen editori Vasemmalla oletus, alla

    tekstimuotoinen editori. 1. riville kysymys. 2. riville oikea vastaus. 3. rivistä alkaen muut vastausvaihtoehdot. Tyhjä rivi ennen seuraavaa kysymystä.

56. (Quiz) Question Set Kysymyskokoelma

57. (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ä. • Jari Sarjan esimerkki: www.jarisarja.fi/h5p/yhdyssanatesti

58. Moodle: neljä tapaa jakaa H5P-sisältöjä 1. Oletuksena H5P-sisällöt näkyvät linkkeinä

    2. H5P:n Column-työkalulla voi luoda/koota sisältöjä kokonaisuudeksi. – Tällöin Moodlessa näkyy em. kohdan tavoin yksi H5P-linkki. – Column on monipuolisin, myös muutamalla muulla voi yhdistää sisältöjä. 3. Moodleen voi luoda sivun, minne kokoaa esim. tekstiä, kuvia ja upotuksia niin H5P-sisällöistä kuin verkon muistakin sisällöistä. 4. H5P-sisältöjä voi upottaa – Valitse tällöin kurssin formaatiksi esim. välilehdet tai ruudukko. – Upotetut sisällöt eivät (ilmeisesti) näy edistymisen seurannassa. Anna tarvittaessa oppijan itse merkitä tehtävä suoritetuksi. – Muokkaa upotuskoodista saavutettava tai jaa upotettu myös linkkinä, jolloin se toimii hyvin myös mobiiliselaimella.

59. Column Columnilla voit rakentaa koonnin, mihin teet tehtäviä useilla H5P-työkaluilla.

    • Kätevä etenkin Moodlessa, jos et halua, että jokainen sisältötyyppi erikseen klikattava auki. • Voi tuoda aiemmin samalle kurssille luomiasi H5P-sisältöjä Columnin sisälle kopioi / liitä & korvaa –toiminnolla. HUOM: WordPressissä et tarvitse tätä, sillä siellä sisällöt näkyvät aina valmiiksi upotettuna.

60. 3) Monipuolisia sovelluksia verkkokursseille sekä sisältöjen kopioiminen Työkalut: Essay, Interactive

    Book, Timeline, The Branching Scenario, Summary, Course Presentation, Interactive Video

61. Essay

62. Essay-tehtävän luominen Essee arvostellaan automaattisesti sen mukaan, miten tekstistä löytyy

    opettajan määrittelemiä avainsanoja. • Voit valita pelkän sanallisen palautteen tai antaa myös pisteitä. Aloita tehtävän tekeminen määrittelemällä lisäasetukset. • Lisää avainsanat, niiden variaatiot sekä palaute erikseen oikeasta ja puuttuvasta sanasta. • *-merkki mahdollistaa erilaisten taivutusmuotojen tunnistamisen. UUTTA • Voit lisätä esseen Quiz Question Setiin. • Voit määritellä mallivastauksen, jonka oppija näkee vastauksensa jälkeen.

63. Essee sote-alan tehtävässä Idea Maarit Hakalalta Sedusta Tehtävä: Kuvaa miten

    sinä haluaisit tulla kohdatuksi, kun olet menettämässä läheisesi. Tee kuvaus omien tuntemustesi pohjalta ja kerro tarpeistasi laajemmin kuin esimerkiksi ”yksilöllisesti, turvalliseksi, surevana läheisenä”. • Opettaja valitsi aiheeseen liittyvästä tutkimuksesta 21 avainsanaa • Oppijat vastasivat kysymykseen orientoivana tehtävänä ennen lähipäivää.

64. Interactive Book Voit luoda interaktiivisia kirjoja. Niiden sivut voivat sisältää

    eri määrän sisältöä. Kirjaan voi lisätä kansilehden (kuva alla), sivuja ja niihin sisältöjä osioiden avulla. Osiot voivat olla tekstiä, kuvia, taulukoita, linkkejä tai H5P-sisältöjä. Nämä lisätään alasvetovalikosta. Myöhemmin tulossa mahdollisuus lisätä palstoja.

65. Editointinäkymä ja valmis kirja

66. Timeline Aikajana on suunniteltu vuosiluvuille, joten esim. opinnäytetyön prosessin vaiheet

    on numeroitava 0001, 0002, 0003,… • Nimeä aikajana, tuo taustakuva ja lisää sisältö: – Medialinkki: Twitter, YouTube, Flickr, Vimeo, Wikipedia, Google Maps, SoundCloud

67. The Branching Scenario, haarautuva tarina Haarautuva tarina 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

68. Haarautuva tarina Haarautuva tarina tehdään kuvassa näkyvän kuuden elementin avulla

    lisäten väliin kysymyksiä, 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)
69. None

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

71. Course Presentation Tee diasetti, johon lisäät tekstin ja kuvien oheen

    mm. (interaktiivisia) videoita ja luot erilaisia aukko-, yhdistämis- ja monivalintatehtäviä. Diasarja rakennetaan tällä PowerPointia yksinkertaisemmalla työkalulla. Organisaatiolle voi itse luoda tai tilata ylläpitäjältä omia esityspohjia.

72. Course Presentationilla voi luoda interaktiivisia kuvia Kuvista tehdään interaktiivisia lisäämällä

    niihin tekstiä tai linkkejä. Tutustu myös Image hotspots –työkaluun!

73. Course Presentation: Tampereen korkeakouluyhteisön mallipohjat Käytössä ei ole virallisia pohjia,

    mutta alla olevaa kahta mallia voi käyttää. Ne löytyvät kirjautumalla TUNI Moodlen Opet-esimerkkialueelle: https://moodle.tuni.fi/course/view.php?id=42 Ja tässä suorat linkit esityksiin, jotka voi ladata itselle: • Malli 1: https://moodle.tuni.fi/mod/hvp/view.php?id=247318 • Malli 2: https://moodle.tuni.fi/mod/hvp/view.php?id=247316

74. 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 organisaation tekemän tai oman mallipohjan Interactive Presentation –esitykseen. • 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, Drupal, h5p.org, h5p.com). • haluat jakaa H5P-sisällön muille käytettäväksi (lisää käyttöehdot metadataan).

75. Lataa H5P-sisältö ensin koneellesi…

76. … ja tuo sitten uuteen ympäristöön (tai vaikka samaankin, jos

    haluat muokata siitä uuden version)

77. Sisältöjen kopioiminen ympäristön tai kurssin sisäisesti Kun kopioit sisältöjä kurssin

    (tai verkkoympäristön) sisäisesti, voit tehdä kopioinnin editorista tai avattuasi sisällön (kuvat alla). Voit kopioida sisältöjä eri tehtävien välillä, esim. tuoda aiemmin luomasi aukkotehtävän interaktiiviseen videoon. HUOM: Joissain Moodle-ympäristöissä kopioiminen ja upottaminen on mahdollista suljetulta kurssilta toiselle. Toisissa Moodle-ympäristöissä ainakaan upottaminen ei onnistu kuin kurssin sisäisesti, jolloin kurssikopion upotukset tulee tehdä uudestaan.

78. Interactive video Interaktiivisen videon avulla voit lisätä keskelle videota mm.

    omia kommentteja ja erilaisia tehtäviä.

79. 1/3: Lataa tai linkitä video 1.

80. Miten tuon videon? Oletuksena video tuodaan tiedostona tai YouTube-linkkinä. •

    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: onnistuu Moodle-lisäosan avulla.

81. Videon asetukset Voit mm. määritellä videon alkamisajan, estää videon kelaamisen

    ja määritellä, voiko opiskelija katsoa oikean vastauksen vai ei.

82. 2/3: Lisää tietoja ja/tai tehtäviä 2.

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

84. 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 tarkoittaa, että interaktio tulee näkyviin videon päälle. Sekunti riittää näyttöajaksi ja tällöin kannattaa valita asetuksista kohta Pysäytä video.

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

86. 4) Ääneen liittyvät H5P-työkalut Audio Recorder Audio Dictation Speak the

    Words Speak the Words Set

87. Audio Recorder • Tallenna äänitiedosto ja lataa se koneellesi. Ääntä

    voit hyödyntää useissa H5P-sisällöissä. • Mukana ei ole automaattista jakoa esim. opettajalle, vaan äänitiedoston voi jakaa esim. Audio-työkalulla. • Toimii selaimilla Edge, Chrome and FireFox.

88. Audio Työkalun avulla voit jakaa äänitiedostoja tiedostona tai linkkinä.

89. Dictation Tehtävässä oppija kirjoittaa kuulemansa tekstin sanelusta. Kieltenopetuksen ohella tehtävää

    voi käyttää myös esim. erilaisten sydänäänien analysointiin, eläinten äänien tunnistamiseen tai kysymyksiin vastaamiseen. Voit määritellä, annetaanko pienet kirjoitusvirheet anteeksi. • Voit sanella saman uudelleen myös hidastettuna. • Äänitiedoston voit tehdä Audio Recorder –sisältötyypillä. • UUTTA: Tehtävään saa vaihtoehtoisia vastauksia.

90. Speak the Words & Speak the Words Set Näillä työkaluilla

    tehdään kysymyksiä, joihin vastataan äänittämällä oma vastaus. Vastaajan on käytettävä Chrome-selainta. Opettaja ei äänitä mallivastausta, vaan kirjoittaa sen ja valitsee kielen.

91. 5) Kuvien ympärille rakentuvat tehtävät Mukana ohje, miten oppijasta saadaan

    Moodlessa sisällön tuottaja

92. Flashcards • Kääntökorttien tehtävissä on erilaisia valintoja, voit esimerkiksi antaa

    vihjeitä. • Voit käyttää kuvia ja/tai sanoja. • Vastaus annetaan kirjoittamalla. • Vrt. Dialog Cards, missä vain itse mietitään vastaus ennen kortin kääntämistä.

93. Dialog Cards Kysymys/vastaus: mieti vastaus, sitä ei tarvitse kirjoittaa tai

    sanoa ääneen • Voit määritellä, että kortit näytetään useaan kertaan, etenkin ne, joihin on vastattu väärin. • Korttiin voi tuoda kuvan ja/tai äänitiedoston.

94. Find the Hotspot / Find Multiple Hotspots Oppijan tehtävänä on

    löytää kuvasta yksi/useita kohtia (hotspots). Voit valita, näkyvätkö kohdat, minne vaihtoehdot on piilotettu. Esimerkiksi • Etsi kuvasta maailman viisi väkimäärältään suurinta kaupunkia. • Etsi kuvasta kohdat, joissa on turvallisuusriski. • Etsi koneesta kohdat, jotka täytyy tarkastaa viikoittain. • Etsi kuvasta kolme ensimmäistä kohtaa, joista vikatilanteen selvittäminen kannattaa aloittaa.

95. Kuvaan voi merkitä yhden tai useita oikeita ja vääriä kohtia

    ja niihin teksti- kommentin. Voit määritellä, minkä kokoiselle alueelle vastauksen on osuttava.

96. Guess the Answer Yksi kysymys, johon voi halutessaan liittää kuvan

    tai videon. Vastauksen näkee klikkaamalla painiketta.

97. Image Hotspots Interaktiivinen kuva • Kuva verkkokurssin työvälineistä • Tiimin

    ryhmäkuva ja esittäytyminen • Ohjeet ruudunkaappauskuvaan • Lisätietoja kaaviokuvasta • Käyttö- tai huolto-ohjeet • Osien nimeäminen ja lisätiedot kuvaan liittyen Mm. vastaavia interaktiivisia kuvia ja useita muitakin kuviin ja videoihin pohjautuvia sisältöjä voi luoda myös ThingLinkillä: bit.ly/thinglinkohjeet

98. Image Hotspots 1. Anna kuvalle otsikko 2. Lataa taustakuva ja

    lisää vaihtoehtoinen teksti 3. Valitse ikoni (kuvat) 4. LISÄÄ HOTSPOT –kohdasta määrittelet paikan mihin uusi ikoni lisätään. Lisää ainakin teksti, video ja/tai kuva.
99. None

100. Moodle: Opiskelija sisällön tuottajaksi Moodlen eri aktiviteettien muokkauskohdasta 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.

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

102. Image Sequencing Järjestä kuvat oikeaan järjestykseen. Kuviin voi halutessaan liittää

     tekstiä tai äänitiedoston.

103. Drag and Drop 1. Tuo taustakuva, missä on tyhjää tilaa

     raahattaville sisällöille. 2. Valitse haluamasi asetukset. 3. Siirry tehtävä-välilehdelle: Lisää pudotuskohteet. → Lisää raahattava teksti tai kuva. → Yhdistä oikea teksti/kuva oikeaan sisältöön. 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.

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

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

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

107. Virtual Tour (360) Interaktiiviset 360-kuvat ja kuvasarjat (tour). Kuviin voi

     liittää tekstiä (linkkejä), kuvia, videoita, ääntä ja monivalintoja sekä summary-tehtävän. UUTTA: Voit luoda kuvasarjoja myös tavallisista kuvista.

108. Kuvitus ilman tehtäviä • Collage • Greeting Card • Image

     Juxtaposition • Image Slider

109. Collage Kuvakollaasin tekeminen: otsikoi, valitse layout ja lisää kuvat. Kuvakkeista

     voit vaihtaa kuvat, zoomata niitä ja tuoda tekstivasteen (alt) tai teksin, joka näkyy, kun vie hiiren kuvan päälle (hover). .

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

     tekstin.

111. Image Juxtaposition Liukukuvien avulla voit esittää saman kohteen esim. eri

     ajankohtana.

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

113. 6) Muut H5P-tehtävät ja –sisällöt Esim. sanaristikko ja pelit

114. Find the Words Sanaristikko, kuvan esimerkki: h5p.org/node/585763

115. Board Game 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.

116. Memory Game Muistipelissä voit kertoa kuvasta jotain, mikä näkyy, vasta

     kun kuvaparit on löydetty. Kuviin voit liittää myös tekstiä ja valita kuvan korttien taakse (oletuksena on harmaa kysymysmerkki). Kortteihin saa mukaan äänen.

117. Advent Calendar Adventtikalenteri luodaan tuomalla taustakuva ja valitsemalla asetukset. Voit

     esim. lisätä taustamusiikin, luukkujen määrän, lumisadetta taustalle ja sen voiko luukut avata yhden kerrallaan joulukuussa vai milloin tahansa. Yksittäiseen luukkuun voi halutessaan lisätä kuvan ja taustakuva, jotka voivat olla kaikissa samatkin. Sisällöksi voi lisätä äänitiedoston, kuvan, linkin, tekstiä ja videon.

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

119. Iframe Embedder 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)”

120. Chart Piirakka- ja pylväskaaviot • Valitse kummanlaisen kaavion teet •

     Lisää teksti ja lukuarvo sekä värit

121. Agamotto (Image Blender) Kuva(sarja), jota voi zoomata tai vaihtaa seuraavaan

     kuvaan kursoria liikuttamalla. Esimerkkejä: h5p.org/content-types/agamotto • Kartta, josta näkee vain mantereet ja vesistöt, mutta kursoria liikuttamalla kuva tarkentuu ja näyttää myös joet ja valtioiden rajat (kuva alla). • Zoomattava mikroskooppikuva. • Runo keväästä ja siihen liittyvä kuvasarja vuodenajoista.

122. Documentation Tool Työkalun avulla autat oppijoita luomaan esim. kirjoitusprosessille, projektityölle

     tai CV:lle tavoitteet, arviointikriteerit ym. Vastattuaan kysymyksiin oppija kopioi tai lataa tiedoston itselleen pohjaksi, jatkaa sen työstämistä ja tekee sen mukaisesti esim. itsearviointia.

123. 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”. Tampereen kaupungin esimerkeissä teemoina • Minä verkko-oppijana • Minä työpaikkaohjaajana

124. Impressive Presentations • Kehitysvaiheessa oleva työkalu, millä luodaan esityksiä, joissa

     kuvat vaihtuvat animoidusti esimerkiksi zoomaten yksityiskohtiin (vrt Prezi). • Esimerkki ja kuvan lähde: h5p.org/impressive-presentation

125. Facebook Page Feed Facebook-sivun syötteet

126. Questionnaire Kyselylomake, johon saa monivalintoja ja avoimia kysymyksiä.

127. Twitter User Feed Voit upottaa yksittäisen käyttäjän Twitter-syötteet. Käyttäjä voi

     Twitterissä olla esim. henkilö tai organisaatio.

128. Appear.in for Chat and Talk • Yksinkertainen selaimella toimiva chat

     ja videopuhelu max 4 henkilölle. • Ilmaisversiolla voit omistaa yhden videoneuvotteluhuoneen (claim a room).

129. • CC-lisenssien suomenkielinen verkkosivusto: creativecommons.fi • CC BY-SA 4.0 eli

     Creative Commons Nimeä-Jaa samoin 4.0 Kansain- välinen -lisenssi creativecommons.org/licenses/by-sa/4.0/deed.fi lyhyesti: – Sinä saat jakaa ja muuntaa tätä diasarjaa, myös kaupallinen hyödyntäminen on sallittu. – Ehtona on, että viittaat aina alkuperäiseen tekijään ja lisäät linkin tähän diasarjaan. Muokattu teos tulee jakaa tällä samalla lisenssillä. • Tätä lisenssiä laajempia oikeuksia voit kysyä tekijältä: www.matleenalaakso.fi Tämä diasarja on lisensoitu Creative Commons -lisenssillä CC BY-SA 4.0