H5P-työkalut

Transcript

1. H5P-työkalut Näin teet interaktiivisia sisältöjä ja tehtäviä WordPress-, Moodle- ja

   Drupal-ympäristöihin Lokakuu 2020 Matleena Laakso Blogi: www.matleenalaakso.fi Twitter: @matleenalaakso H5P-sivu: www.matleenalaakso.fi/p/h5p.html

2. Tämä diasarja päivittyy Diasarjan keskeiset linkit mm. esimerkit kustakin H5P-työkalusta:

   www.matleenalaakso.fi/p/h5p.html Ohjeita verkon sovelluksiin • Päivittyvien diojen sivu, mukana linkkejä bloggauksiin (kuva): www.matleenalaakso.fi/p/koulutusdiat.html • Mobie Academy/eSmart –oppimisympäristöt sisältävät aina H5P-työkalut. Ks. ohjeet: www.matleenalaakso.fi/p/onedu.html • Tämä diasarja on jaettu Speaker Deckiin, jotta voin päivittää tätä linkin muuttumatta. Upotuskoodin saa tehtyä linkistä täällä: embed.ly/provider/speakerdeck

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 sisältöjen jakaminen Sisältöjen luominen: H5P.org, Moodle ja Mobie eSmart/Academy (WordPress) H5P-tehtävä- ja sisältötyökalut 1) H5P-helpot: Haitariteksti ja aukkotehtävät sekä palaute ja arviointi 2) H5P-helpot: Erilaiset monivalinnat, teksipohjainen 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) 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 pisteinä ja/tai sanallisesti. – 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. Sisältöjen saavutettavuus 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). Saavutettavuutta parannetaan jatkuvasti ja H5P:n sivulta voit lukea tästä sisältökohtaisesti: h5p.org/documentation/installatio n/content-type-accessibility

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. • Maksuttoman kokeilujakson jälkeen hinta käyttäjää kohden esim. 10-57 $/kk, myös oppilaitoslisenssejä. Organisaatiolisenssi on tarjolla kaikille, yksittäisen henkilön lisenssi vain Norjaan ja Yhdysvaltoihin.

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 luomisen/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. essee tai kysely) • Opettajan/sisällöntuottajan (myös oppijat) luomat oppimateriaalit tai muut interaktiiviset sisällöt, joihin ei välttämättä liity tehtäviä (esim. haitariteksti tai kuvakollaasi).

13. H5P-työkaluja on noin 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. H5P:n uusia ominaisuuksia Vuosi 2020: • Uusia työkaluja: Mark the

    Letters ja Interaktiivinen Book • Runsaasti uudistuksia ja parannuksia tulossa 2020-2021 lukuvuoden aikana. Kun H5P-sisältöjen jakamisen paikka H5P Content Hub o julkaistu, alkaa virtuaalikonferenssin suunnittelu. • H5P.org-sivulla ei voi enää kokeilla kaikkia tehtävätyyppejä • Jotain pientä ekstraa tulossa toimintaa rahoittaville h5p.comin asiakkaille. Joulukuu 2019: www.matleenalaakso.fi/2019/12/h5p-upotukset-ja-moodle-kysymyksia.html • Muistutus: H5p.org on tarkoitettu vain H5P-työkalujen testaamiseen. 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 • Matemaattiset yhtälöt: “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 • Kun luot sisältöjä

    tai lisäät mediatiedostoja, voit määritellä niiden tekijänoikeudet. • Voit myös teknisesti sallia tai estää sisältöjesi jatkokäytön.

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ä näitä 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 Suositus oppimateriaaleille on CC BY-SA Avoimempi CC BY käy myös hyvin Suosituksesta poikkeamiseen kannattaa olla mietitty perustelu

21. 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 lisäämiisi mediatiedostoihin.

22. Salli tai estä jatkokäyttö • Latauspainike mahdollistaa, että H5P-sisällön voi

    ladata itselle tiedostona ja siirtää toiseen H5P:tä tukevaan ympäristöön. • Upota-painike mahdollistaa sisällön upottamisen muille verkkosivuille. Upottamista ei kannata tehdä kuin julkisesti 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. 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

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

    tiedostona aiemmin tekemäsi tai muualta kopioimasi). 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äkyvyyden asetukset. • 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. Mobie eSmart/Academy: näin luot H5P-sisältöjä 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äkyvyyden asetukset

28. Mobie eSmart: näin viet H5P-sisällön kurssillesi • Sisällön saat vietyä

    verkkukurssillesi kahdella vaihtoehtoisella tavalla, 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 saamasi 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-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.

32. 1) H5P-helpot Haitariteksti, aukkotehtävät sekä oppijan saama palaute ja Moodlen

    edistymisen seuranta

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

34. H5P-sisällön otsikko: Moodlessa näkyy oppijoille, eSmartissa vain opettajalle. Sisältötyypiksi on

    valittu Accordion eli haitariteksti Ensimmäisen kohdan otsikko Ensimmäisen kohdan kuvaus Lisää haitaritekstiin uusia kohtia: otsikko ja sen kuvaus H5P-sisällön tekijänoikeustiedot

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. Tämän

    jälkeen seuranta määritellään päälle haluttuihin aktiviteetteihin ja/tai aineistoihin. • H5P:ssä seurannan saa päälle 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 ole tarkoitus korvasta tenttejä!

44. 2) H5P-helpot 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. Moodle: neljä tapaa jakaa H5P-sisältöjä 1. Oletuksena H5P-sisältö näkyy niin,

    että H5P-logon perässä on tehtävän nimi. 2. H5P:n Column-työkalulla voit luoda/koota sisältöjä kokonaisuudeksi – Tällöin Moodlessa näkyy em. kohdan tavoin yksi H5P-linkki, mutta se voi sisältää useita sisältöjä ja tehtäviä. 3. Voit luoda Moodleen sivun, minne kokoat esim. tekstiä, kuvia ja upotuksia niin H5P-sisällöistä kuin verkon muistakin sisällöistä. 4. Voit upottaa H5P-sisältöjä – Jos käytät useita upotuksia, kurssin rakenteeksi kannattanee valita esim. välilehdet. – Upotetuilla sisällöillä on rajoituksia näkymisessä edistymisen seurannassa. – Upotetut sisällöt eivät useinkaan ole saavutettavia, joten saa ne myös linkillä.

52. 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: Mobien oppimisympäristöissä et tarvitse tätä, sillä siellä sisällöt näkyvät aina valmiiksi upotettuna.

53. Moodle: sisältöjen upottaminen 1/2 • Upota vain sisältöjä, joihin osallistujilla

    on pääsy. Esim. kurssikopion upotukset tulee tehdä uudestaan, sillä ne viittaavat alkuperäiseen kurssiin. • Upotuskoodin saa kopioitua H5P-sisällön alaosasta (ellei tekijä ole sitä piilottanut) ja koodi tuodaan kurssille lohkon muokkaustilassa kohdasta HTML (kuva). • Jos käytät upotuksia, varsinkin laajan kurssin luettavuutta auttaa, jos kurssiformaattina on allekkain olevien lohkojen sijaan esimerkiksi välilehdet (sitä käytän SnellmanEdun Moodlessa). Avaa kaikki työkalut näkyviin

54. Moodle: sisältöjen upottaminen 2/2 Luo/tuo H5P-sisältö kurssillesi ja upota se

    sitten samalle kurssille. Upotus, joka ei ole saavutettava • Avaa upotuksen jälkeen H5P-aktiviteetti muokkaustilaan ja valitse PIILOTA. Valitse tämän jälkeen kohta PÄÄSY SALLITTU. • Nyt H5P näkyy vai upotettuna eikä se näy ruudunlukusovellusta käyttäville. Saavutettava toimintatapa • Voit upottaa sisällön, mutta jätä näkyviin linkki ja kerro, että sama sisältö löytyy edeltä. Näin näkevät eivät suotta klikkaa sisältöä uudelleen auki.

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

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

56. Essay

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

58. 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 21 aiheeseen liittyvästä tutkimuksesta 21 avainsanaa • Oppijat vastasivat kysymykseen orientoivana tehtävänä ennen asiaa tarkemmin käsittelevää lähipäivää .

59. Timeline • Suunniteltu vuosiluvuille, sillä luvut merkitään tuhatlukuina. • Esimerkiksi

    opinnäytetyön prosessin kuvaus tehdään niin, että vuosilukuina ovat 0001, 0002, 0003,… • Nimeä aikajana, tuo taustakuva ja tuo sisältöä valitsemillesi ajankohdille: – Medialinkki: Twitter, YouTube, Flickr, Vimeo, Wikipedia, Google Maps, SoundCloud

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

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

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

63. Course Presentation: Korkeakouluyhteisön mallipohjat Korkeakouluyhteisällä 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ä vielä 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

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

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

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

    haluat muokata siitä uuden version)

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

    omia kommentteja ja erilaisia tehtäviä. • Moodleen ja muihin ympäristöihin, missä on oma arviointityökalu, voi tehdä myös avoimia kysymyksiä (ks. h5p.org/july-2018-release-note#heading2)

68. 1/3: Lataa tai linkitä video 1. Oletuksena on videon tuominen

    tiedostona tai YouTube-linkkinä. • Planet eStreamin videon saa tuotua mp4-videolinkillä. • Ubicastista videon voi tuoda Mediamaisterilta löytyvän lisäosan avulla. • Panoptosta videon voi tuoda valitsemalla video settings → outputs. Valitse sitten View Podcast ja kopioi URL.

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

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

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

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

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

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

74. Interactive Book • Julkaistu elokuussa 2020: h5p.org/august-2020-release-note • Lisää vain

    sisällöt (oppimateriaali ja/tai tehtävät) asettelu tapahtuu automaattisesti. • Responsiivinen eli asettelu mukautuu näytön koon mukaan. Myöhemmin tulossa mahdollisuus lisätä palstoja. • Jokaisella kirjalla on oma URL (nettiosoite), joten nettihakukin toimii.

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

    Words Speak the Words Set

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

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

78. 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. Tehtävään ei saa vaihtoehtoisia vastauksia, mutta voit määritellä, annetatko pienet kirjoitusvirheet anteeksi. • Voit sanella saman uudelleen myös hidastettuna. • Äänitiedoston voit tehdä Audio Recorder –sisältötyypillä.

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

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

    Moodlessa sisällön tuottaja

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

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

    sanoa ääneen • Kielten opiskeluun: esim. kääntökortti kuvalla vadelma/rasberry • Kuvaan voi tuoda äänitiedoston. • Voit määritellä, että kortit näytetään useaan kertaan, etenkin ne, joihin on vastattu väärin.

83. Find Multiple Hotspots Oppijan tehtävänä on löytää kuvasta tietyt kohdat

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

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

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

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

    tai videon. Vastauksen näkee klikkaamalla painiketta.

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

87. 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.
88. None

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

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

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

    tekstiä tai äänitiedoston.

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

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

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

95. 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 (lisää valinnat lopuksi, sillä tehtävää tehdessä kaikki eivät vielä näy). • Läpinäkyvyydeksi 100 • Voit valita pudotus- kohteelle korostuksen esim. raahattaessa. Lisää

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

    Juxtaposition • Image Slider • Virtual Tour (360)

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

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

    tekstin.

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

    ajankohtana.

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

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

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

102. 6) Muut H5P-tehtävät ja -sisällöt

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

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

105. KewAr Code Tehtävätyypillä voi käsittääkseni luoda linkeistä QR-koodeja. Uusi työkalu,

     jota ei löydy omista ympäristöistäni, joten en ole vielä päässyt testaamaan. • QR-koodeja luot helposti esim. osoitteessa: https://www.qr-koodit.fi/generaattori • QR-koodit opetuksessa –diasarja: https://www.matleenalaakso.fi/p/koulutusdiat.html

106. Iframe Embedder Työkalun avulla voit tuoda 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)”

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

     Lisää teksti ja lukuarvo sekä värit

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

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

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

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

112. Facebook Page Feed Facebook-sivun syötteet

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

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

     Twitterissä olla esim. henkilö tai organisaatio.

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

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

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