H5P-työkalut

Transcript

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

   Maaliskuu 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 (nuoli laatikosta ylös).

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

   käyttöön? • Ohjeita, esimerkkejä ja erilaisia työkaluja • H5P:n uusia ominaisuuksia Tekijänoikeudet, Creative Commons 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, jonka avulla voi tehdä interaktiivisia tehtäviä ja luoda monipuolista sisältöä esim. verkkosivuille tai sähköisiin oppimisympäristöihin. • Flash- tai Java-tekniikkaa ei tarvita. • Responsiivinen ja mobiiliystävällinen • Toteutettu avoimella lähdekoodilla, lähtöisin Norjasta. • 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. • Moodlessa myös oppijoille/osallistujille voidaan antaa oikeus opettajan rooliin tietyssä tehtävässä, jolloin hekin voivat tuottaa sisältöä.

6. Saavutettavuus Saavutettavien H5P-sisältöjen listaus: h5p.org/documentation/installation/c ontent-type-accessibility H5P on suunniteltu niin,

   että myös sokeat ja näkövammaiset voivat sitä käyttää. Sen vuoksi kuvat tulee kuvailla sanallisesti (vaihtoehtoinen teksti, alt, alternative text).

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

8. 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 ja miten edistymisen seuranta toteutuu, vaihtelee hieman eri ympäristöissä.

9. 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
10. None

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

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

    Yksinkertaiset tehtävätyökalut • Monipuoliset tehtävätyökalut, milloin tehtäviä luotaessa hyödynnetään usein em. yksinkertaisempia työkaluja • Sisällön esittämisen työkalut (esim. haitariteksti) 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).

13. H5P-työkaluja on 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.

14. Poimintoja uusista ominaisuuksista Vuosi 2021: • Uusia työkaluja: Board Game,..

    Vuosi 2020: • Uusia työkaluja: Interaktiivinen Book, KewAr 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.”

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

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

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

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

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

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

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

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

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

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

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

    2. Lisää aktiviteetti tai aineisto 3. Valitse H5P ja lisää

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

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

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

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

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

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

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

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

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

    niitä yleensä työpajoissani harjoitellaan - osa mainintana, osa perusteellisemmin esiteltynä. Tehtävien lomassa on tarkentavia ohjeita H5P:n käyttöön yleisesti. 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.

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

    saama palaute ja Moodlen edistymisen seuranta

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

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

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

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

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

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

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

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

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

43. 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:n ei korvaa tenttejä!

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

    vaihtoehtoja jakamiseen

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

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

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

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

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

50. (Quiz) Question Set Kysymyskokoelma

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

52. 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 näy edistymisen seurannassa. – H5P-sisältöjen upotus ei automaattisesti ole saavutettava, vaan upotuskoodia tulee muokata (ks. seuraavat diat). Vaihtoehtoisesti voit jakaa upotetut sisällöt myös linkkeinä ja kertoa linkin kuvauksessa, että ne on upotettu edelle. H5P-linkit toimivat usein upotusta paremmin mobiiliselaimella.

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

54. Saavutettava upotuskoodi Voit upottaa verkkoon H5P- ja muita sisältöjä. 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. Siihen ohjeet seuraavassa. 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ä (ks. seuraavat diat). 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

55. Ennen Kuvassa on upotuskoodit YouTubesta, H5P:stä ja ThingLinkistä. Näistä vain

    YouTubessa on oletuksena title-atribuutti, 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ä

56. Jälkeen Ylimpänä olevaan YouTuben koodiin on tuotu kuvaukseen (title) videon

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

57. 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. • Käytä tätä harkiten, sillä usein linkillä jaettu näkyy upotusta paremmin mobiiliselainta käyttäville.

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

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

59. Essay

60. 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 • Voin määritellä mallivastauksen, jonka opiskelija näkee vastauksensa jälkeen. • Voit lisätä esseen Quiz Question Setiin.

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

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

63. Editointinäkymä ja valmis kirja

64. Timeline • Suunniteltu vuosiluvuille, joten esim. opinnäytetyön prosessin vaiheet numeroitavat

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

65. The Branching Scenario (beta) Haarautuva interaktiivinen videotarina, joka etenee tekemiesi

    valintojen perusteella. • 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/february-2019-release-note

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

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

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

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

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

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

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

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

    haluat muokata siitä uuden version)

73. 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 Moodleissa ainakaan upottaminen ei onnistu kuin kurssin sisäisesti, jolloin kurssikopion upotukset tulee tehdä uudestaan.

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

    omia kommentteja ja erilaisia tehtäviä.

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

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

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

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

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

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

80. Kaksi tapaa interaktion näkymiselle Painike tarkoittaa, että katsoja voi halutessaan

    klikata interaktion näkyviin näyttöajan puitteissa (oletuksena 10 sek). Video pysähtyy, jos sisällön klikkaa auki, vaikkei sitä asetuksista valitsisi. 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.

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

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

    Words Speak the Words Set

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

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

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

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

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

    Moodlessa sisällön tuottaja

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

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

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

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

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

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

    tai videon. Vastauksen näkee klikkaamalla painiketta.

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

    ryhmäkuva ja esittäytyminen • Ruudunkaappauskuva harjoiteltavasta sovelluksesta ja ohjeet hotspotien avulla. • Lisätietoja kaaviokuvasta • Käyttö- tai huolto-ohjeet • Osien nimeäminen ja lisätiedot kuvaan liittyen Samankaltainen, mutta yksinkertaisempi kuin ThingLink: http://bit.ly/thinglinkohjeet

94. 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.
95. None

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

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

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

    tekstiä tai äänitiedoston.

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

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

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

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

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

     Juxtaposition • Image Slider • Virtual Tour (360)

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

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

     tekstin.

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

     ajankohtana.

107. Image Slider • Selailtava kuvaesitys • Mikäli kohtaan Hover text

     kirjoittaa jotain, se näkyy pienellä, kun vie kursorin kuvan päälle.

108. Image Slider Selailtava kuvaesitys Kuvat ovat Lahden Radio- ja tv-museo

     Mastolan näyttelystä

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

     liittää tekstiä (linkkejä), kuvia, videoita, ääntä ja monivalintoja sekä summary-tehtävän. Samankaltainen kuin monipuolisempi www.thinglink.com

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

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

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

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

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

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

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

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

     Lisää teksti ja lukuarvo sekä värit

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

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

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

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

122. Facebook Page Feed Facebook-sivun syötteet

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

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

     Twitterissä olla esim. henkilö tai organisaatio.

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

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

126. • 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