H5P-työkalut

H5P:n työkaluilla voi luoda interaktiivisia verkkosisältöjä, oppimateriaaleja ja luoda tehtäviä, joista oppija saa välittömän palautteen. Lue lisää ja katso esimerkit, ohjevideot ja linkit: https://www.matleenalaakso.fi/p/h5p.html
Blogista löydät runsaasti vinkkejä muidenkin verkon sovellusten hyödyntämiseen.

Transcript

1. H5P-työkalut Näin teet interaktiivisia verkkosisältöjä ja automaattisesti tarkastuvia tehtäviä Toukokuu 2022 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ä ohjeita verkon sovelluksista löydät Matleenan blogin koulutusdiojen sivulta: www.matleenalaakso.fi/p/koulutusdiat.html H5P-ohjeet, videot ja esimerkit kootusti: www.matleenalaakso.fi/p/h5p.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 sisältöjen jakaminen Sisältöjen luominen: Moodle, WordPress, Lumi ja H5P.org H5P-tehtävä- ja sisältötyökalut 1. Haitariteksti, infoseinä ja aukkotehtävät sekä palaute ja arviointi 2. Erilaiset monivalinnat ja lauseiden järjestys sekä tekstipohjainen editori ja vaihtoehtoja jakamiseen 3. Monipuolisia sovelluksia verkkokursseille ja sisältöjen kopioiminen 4. Reaaliaikainen osallistaminen 5. Ääneen liittyvät H5P-työkalut 6. Kuvien ympärille rakentuvat tehtävät ja oppija sisällön tuottajana 7. Muut H5P-tehtävät ja –sisällöt
4. Mikä on H5P? H5P (=HTML5 Package) on yli 50 työkalun kokoelma verkkosisältöjen luomiseen. • Toteutettu avoimella lähdekoodilla, lähtöisin Norjasta. • Kannustaa avoimeen jakamiseen. • Suurin osa työkaluista on saavutettavia. • Flash- tai Java-tekniikkaa ei tarvita. • Responsiivinen ja mobiiliystävällinen • Kehittyy jatkuvasti.
5. H5P on monikäyttöinen • Interaktiiviset 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. • Myös oppijat voivat luoda sisältöjä – Moodlessa myös oppijoille/osallistujille voidaan antaa oikeus opettajan rooliin tietyssä tehtävässä, jolloin hekin voivat luoda sisältöä. – Lumi-sovelluksella kuka tahansa voi luoda H5P-sisältöjä.
6. Kolme tapaa saada H5P käyttöön 1/2 1. Asenna maksutta WordPressiin, Drupaliin tai Moodleen • H5P on maksuton, mutta asentamisesta ja ylläpidosta voi syntyä kuluja. • H5P sis. hintaan mm. Mediamaistereiden Pinjassa ja Mobien ympäristöissä. • WordPress.org:sta voi ladata WordPressin omalle palvelimelle. Tällöin lisäosien (esim. H5P) asentaminen on maksutonta. WordPress.com:ssa voi lisäosia asentaa vain Business-tilaukseen. 2. H5P as a Service (SaaS): h5p.com • Kun haluat H5P:n käyttöön ilman, että käytössäsi on joku kolmesta em. ympäristöstä, voit ostaa palvelun Joubelilta, joka on H5P:n kehittäjä. • Integroitavissa LTI:tä tukeviin oppimisympäristöihin, esim. Canvas, Brightspace, Blackboard ja Itslearning. • 30 päivän kokeilujakson jälkeen 1-3 hengen lisenssin hinta on 570 $/vuosi. Alennuksia suuremmille tiimeille ja oppilaitoksille. • Tuotoilla tuetaan kehittämistoimintaa. Muutamia Premium-ominaisuuksia.
7. Kolme tapaa saada H5P käyttöön 2/2 3. Lataa Lumi-työpöytäsovellus • Työpöytäsovelluksella voi luoda H5P-sisältöjä maksutta. • Lumi ei tarjoa sivustoa sisältöjen jakamiseen. • Joubelista erillinen saksalainen avoimen lähdekoodin palvelu. Voit kokeilla sisällön luomista ennen hankintapäätöstä: h5p.org • Kirjautumalla voit kokeilla muutamaa sisältötyyppiä ennen hankintapäätöstä. Luomasi sisällöt ovat julkisia etkä voi jakaa niitä oppijoillesi. • Kirjautuneille luodaan oma profiilisivu (ks. esim. h5p.org/user/161263) ja voit tilata H5P-uutiskirjeen. H5P-sisällöt luodaan samalla tavoin kaikissa ympäristöissä ja niitä voi kopioida ympäristöstä toiseen. Se mistä luodut H5P-sisällöt lisätään verkkoympäristöön, miten ne siellä oletuksena näkyvät (linkki vai upotus) ja miten edistymisen seuranta toteutuu, vaihtelee eri ympäristöissä.
8. lumi.education/fi Lataamalla Lumi-työpöytäsovelluksen (Windows, macOS, Linux) voi luoda H5P-sisältöjä maksutta, myös kaupalliseen käyttöön. Lumi ei tarjoa sivustoa sisältöjen jakamiseen. Sen voi tehdä vaihtoehtoisilla tavoilla: • Viemällä sisällöt SCORM12-pakettina esim. sellaiseen oppimisympäristöön, minne H5P-työkaluja ei voi asentaa. • Jakamalla HTML-tiedoston omalla verkkosivulla. • Lähettämällä sisällöt HTML-tiedostona oppijoille/katsojille. 1. Lähetä tiedostot esim. sähköpostitse tai jaa OneDriven kautta. 2. Oppija tallentaa tiedoston koneelleen ja avaa sen. 3. Jos otat reportterin käyttöön, oppija voi tallentaa edistymisensä ja lähettää sen takaisin opettajalle.
9. Suomenkieliset ohjeet ja esimerkit: www.matleenalaakso.fi/p/h5p.html • H5P:n esittely. • Tämä päivittyvä diasarja. • Linkki saavutettavien työkalujen listaukseen. • Mitä uutta? • Linkkejä muiden ohjeisiin, mm. Jari Sarjan opas: bit.ly/sarjah5p • Ohjevideot löydät myös H5P- soittolistalta: www.youtube.com/ c/MatleenaLaakso/playlists HUOM: Videoiden aikaleimat!
11. Englanninkieliset ohjeet ja esimerkit H5P-työkalusta: h5p.org
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. Saavutettavuus
14. 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 muiltakin osin. Eri työkalujen saavutettavuuden näet taulukosta (linkki löytyy myös Matleenan blogisivun kautta): h5p.org/documentation/installation/content- type-accessibility
15. 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ä. 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.
16. 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ä
17. Saavutettavaksi muokattuna Ylimpänä olevaan YouTuben koodiin on tuotu kuvaukseen (title) videon nimi. Kahteen seuraavaan upotukseen on lisätty title-attribuutti.
18. 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. …mutta… Usein linkillä jaettu näkyy upotusta paremmin mobiiliselainta käyttäville. Näin ollen lienee fiksuinta jättää linkkikin näkyville ja kertoa upotuksesta, ettei katsoja ei suotta klikkaa sitä uudelleen auki.
19. Lisää alaotsikoita, käytä sisennyksiä Hyödynnä väliotsikointia, sisennyksiä ja muita verkkoympäristön sisällön muotoilun työkaluja. Kuva on Moodlesta. Jos linkkejä tai muuta sisältöä alkaa kertyä runsaasti, kokoa aineisto Moodle-osion sijaan omalle sivulleen. Tekstin ja linkkien osalta voit hyödyntää myös H5P:n haitaritekstiä (Accordion).
20. Tekijänoikeudet, Creative Commons ja sisältöjen jakaminen
21. The H5P OER HUB Pian julkaistaan sivusto sisältöjen avoimeen jakamiseen: h5p.org/oer-hub-coming
22. Mitä kuvia/videoita voit käyttää? • Omia ja organisaatiosi käyttöösi antamia. • Niitä, joihin sinulla on käyttölupa, esim. CC-lisenssillä jaetut sisällöt. • Tekijänoikeusvapaita kuvia, videoita ja videoklippejä, esim. pixabay.com • HUOM: sisältö ja käyttötapa voivat vaikuttaa käyttöoikeuksiin!
23. Creative Commons Maailman käytetyin avoin lisenssi eli käyttölupa • Kansainvälinen ja epäkaupallinen hanke. • Etsi ja jaa sisältöjä: creativecommons.fi • Avoimet Creative Commons –lisenssit -diasarja: www.matleenalaakso.fi/p/koulutusdiat.html Kuvat: creativecommons.fi, CC BY
24. 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.
25. 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
26. Määrittele/kerro tekijänoikeudet 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).
27. Salli tai estä jatkokäyttö teknisesti • Latauspainike mahdollistaa, että jokainen jolla on pääsy sisältöihin voi ladata ne tiedostona ja siirtää toiseen H5P:tä tukevaan ympäristöön. • Upota-painike mahdollistaa sisällön upottamisen muille verkkosivuille. Upottaminen ei toimi kuin kirjautumatta näkyviltä verkkosivuilta. • Tekijänoikeuspainike näyttää/piilottaa katsojalle edellisellä dialla lisäämäsi tiedot. • Toimintopalkista saat kaikki em. valinnat kerralla päälle tai pois.
28. Sisältöjen luominen Moodle, WordPress (esim. Mobie), Lumi ja H5P.org
29. 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ää
30. Moodle: näin luot H5P-sisältöjä 2/3 4. Valitse H5P-sisältötyyppi (tai lataa valmis sisältö tiedostona tai käytä jaettua). 5. Nimeä H5P-sisältö. Voit lisätä kuvauksen ja valita näkyykö se kurssisivulla vai ei.
31. Moodle: näin luot H5P-sisältöjä 3/3 6. Luo sisältö ja määrittele asetukset • Näyttöasetukset (vasen kuva) • Yleisasetukset (seur.dia) • Moodlen opiskelijoiden edistyminen -kohdasta voit määritellä näkymisen edistymisen seurannassa. Arvioinnista voi määritellä minimipisteet ym. 7. Tallenna Asetusten valikoissa on pieniä organisaatiokohtaisia eroja.
32. Yleisasetukset (behavioural settings) ovat eri sisällöissä erilaisia
33. WordPress: Näin luot H5P-sisältöjä (esimerkkinä Mobien oppimisympäristö) 3. Luo uusi tai lataa H5P- sisältö tietokoneeltasi 5. Määrittele asetukset ja luo 2. Otsikoi 4. Valitse listauksesta tehtävätyyppi ja luo siihen sisältö 1. Lisää uusi
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. Lumi: näin luot H5P-sisältöjä • Valitse sivupalkista UUSI H5P ja sitten haluamasi työkalu. Asenna/päivitä se tarvittaessa. • Sisällöt luodaan kuten muissakin ympäristöissä, mutta ainakin näin alkuun asetuksia on huomattavasti vähemmän.
38. Lumi-sisältöjen jakaminen Tiedosto-valikosta löydät vaihtoehdot H5P-sisällön jakamiseen. Jos otat reportterin käyttöön, opiskelijan edistyminen tallentuu ja hän voi lähettää tiedot opettajalle. Lue lisää: www.lumi.com/help/questions/how-do-i-use-lumi-analytics
39. H5P.org: näin luot H5P-sisältöjä 1. Kirjaudu (ja tilaa uutiskirje!) 2. Try out H5P 3. Valitse minkä H5P-sisältötyypin haluat luoda. Tarjolla on vain muutama työkalu, koska sivusto on tarkoitettu H5P:n kokeilemiseen ennen hankintaa. 4. Luo sisältö ja määrittele halutessasi asetukset. 5. Tallenna
40. 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.
41. 1) Haitariteksti, infoseinä ja aukkotehtävät (esimerkit H5P:helpot-välilehdellä) Mukana myös oppijan saama palaute ja Moodlen edistymisen seuranta
42. 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 Alaosasta voi kopioida ja upottaa sisällön ja näkee tekijänoikeudet, mikäli tekijä on ne jakanut.
43. UUSI: Information Wall Infoseinä, minne kuvan tavoin tuodaan tekstiä ja hyperlinkkejä ja reunaan kuvia.
44. 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. Esitellään videolla (siirry aikaleimasta kyseiseen kohtaan).
45. Fill in the Blanks Aukkotehtäviä 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ä*
46. Muokkaustilassa näet ohjeita ja linkin H5P.org:n esimerkkeihin
47. 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. • Jos vastauksessa on pieni kirjoitusvirhe, voit hyväksyä sen tai kehottaa tarkastamaan kirjoitusasun. • Voit määritellä, tuleeko vastaus olla kirjoitettu isolla/pienellä kirjaimella.
48. 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.
49. 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.
50. 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
51. 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
52. Moodle: Näkeekö opettaja vastaukset? Osasta tehtäviä opettaja voi nähdä sen, miten tehtäviin on vastattu ja missä oppijat ovat tehneet virheitä. Lisää tällaisia tehtäviä tullee ajan myötä. Mediamaistereiden mukaan ohjeet.mediamaisteri.com/node/418 opettaja voi nähdä opiskelijan vastauksen seuraavista tehtävistä, jos niihin on määritelty arviointikriteerit. Vastaus avautuu pienestä kuvakkeesta arvioijan raportista yksittäisten tehtävien kohdalta. • Interactive Video • Course Presentation • Drag and Drop • Drag The Words • Fill in the blanks • Find the hotspot • Mark the words • Multiple Choice • Single Choice Set • Summary H5P:n idea on, että palaute rakennetaan tehtäviä tehtäessä ja oppija saa sen automaattisesti. H5P ei korvaa tenttejä! • Quiz (Question Set) • Memory Game • Essay • Image Pairing
53. 2) Erilaiset monivalinnat ja lauseiden järjestys (esimerkit H5P:helpot-välilehdellä) Lisäksi tekstipohjainen editori ja vaihtoehtoja jakamiseen
54. 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.
55. True/False Question Väitteeseen voi halutessaan lisätä kuvan.
56. 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.
57. Single Choice Set Perättäisten monivalintakysymysten sarja.
58. Monissa sisällöissä on käytettävissä myös tekstimuotoinen editori Vasemmalla oletusnäkymä, alla tekstimuotoinen editori. 1. riville kysymys. 2. riville oikea vastaus. 3. rivistä alkaen muut vastausvaihtoehdot. Tyhjä rivi ennen seuraavaa kysymystä.
59. (Quiz) Question Set Kysymyskokoelma
60. (Quiz) Question Set Voit luoda suuren joukon kysymyksiä, joista arvotaan vastattavaksi vain tietty määrä kysymyksiä. Nopeimmin teet ne tekstieditorilla monivalintoina tai oikein/väärin kysymyksinä. HUOM: Jotta kyselyistä näkee lopuksi koonnin pisteistään, tulee jokaiseen kysymykseen vastata ja vastaus tarkistaa. • Esim. esseessä oltava vaadittava minimimerkkimäärä. • Aukkotehtävissä ei joka kohta vaadi vastausta.
61. Grid Checker Lisää sanat, valitse millaisen ristikon haluat (vaihtoehtojen kuvat alla) ja kerro oikeat vastaukset. Mukana voi olla ylimääräisiä sanoja, jolloin joka kohtaan ei edellytetä vastausta. Et voi sallia vaihtoehtoisia vastauksia, mutta voit sallia useamman valinnan. • Ylimmässä ruudukossa oletuksena on yksi vastaus/rivi. • Keskimmäinen ruudukossa voi valita useamman vaihtoehdon. • Alimmassa vastaukset kirjoitetaan ruudukkoon. Tehtävätyyppi on vielä keskeneräinen, sillä siihen ei voi määritellä oikeita vastauksia.
62. Sort the Paragraphs Järjestä lauseet oikeaan järjestykseen. Voit valita saako pisteitä vain lauseen oikeasta sijainnista vai siitä, että sijainti on oikea suhteessa edeltävään lauseeseen.
63. 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. – Columnissa on eniten tehtävätyyppejä. Myös mm. seuraavilla voi yhdessä tehtävässä käyttää useita työkaluja: interaktiivinen video ja kirja, Course Presentation, Quiz question set ja AR Scavanger. 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 ja/tai jaa upotettu myös linkkinä, jolloin se toimii hyvin myös mobiiliselaimella.
64. 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.
65. 3) Monipuolisia sovelluksia verkkokursseille sekä sisältöjen kopioiminen Työkalut: Essay, Interactive Book, Timeline, The Branching Scenario, Summary, Course Presentation, Interactive Video, Cornell Notes, Structure Strip
66. Essay
67. 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. Eseen voi lisätä myös Quiz Question Setiin ja käyttää niin, että määrittelet mallivastauksen, jonka oppija näkee vastauksensa jälkeen.
68. 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ää.
69. 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.
70. Editointinäkymä ja valmis kirja
71. 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
72. 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
73. 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)
74. Työkalun idea on sama kuin ThingLinkin skenaarioissa: www.matleenalaakso.fi/2021/11/th inglink-skenaario-360-kuvaamisen- opas.html
75. 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.
76. Course Presentation Tee diasetti, johon lisäät tavanomaisen sisällön oheen mm. (interaktiivisia) videoita ja luot erilaisia tehtäviä ja niihin automatisoidun palautteen.
77. Muokkaa diasarjan tausta Diasarja rakennetaan tällä Power- Pointia yksinkertaisemmalla työkalulla. Organisaatiolle voi luoda diapohjan, jonka jokainen voi ladata itselleen. Teet pohjan helposti itsekin. Yksinkertaisimmillaan valitset tausta- värin ja sijoitat otsikon ja tekstin valitsemassasi koossa sopivaan paikkaan. Sitten vain kopioit diaa. Ilman kopiointia et saa otsikkoa ja leipä tekstiä asettumaan samaan paikkaan. Vaihtoehtoisesti voit käyttää PowerPointin diapohjaa (kuvasuhde 2:1). Tallenna se kuvana ja tuo joko aihioksi (oletuspohja) tai yksittäisen dian taustakuvaksi.
78. Course Presentationilla voi luoda interaktiivisia kuvia Kuvista tehdään interaktiivisia lisäämällä niihin tekstiä tai linkkejä. Tutustu myös Image hotspots –työkaluun!
79. Course Presentation: TUNIn 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: moodle.tuni.fi/course/view.php?id=42 (aineistot ja aktiviteetit –osio) Suorat linkit ladattaviin esityksiin: • Malli 1: moodle.tuni.fi/mod/hvp/view.php?id=247318 • Malli 2: moodle.tuni.fi/mod/hvp/view.php?id=247316
80. 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 Course 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). • haluat varmuuskopioida sisällön.
81. Lataa H5P-sisältö ensin koneellesi… Sisällön kopioiminen (COPY) toimii pääkäyttäjän asetuksista riippuen vain verkkoympäristön tai kurssin sisäisesti. Sisällön lataaminen (DOWNLOAD) toimii aina.
82. … ja lataa sitten uuteen ympäristöön (tai vaikka samaankin, jos haluat muokata siitä uuden version)
83. Sisältöjen kopioiminen ympäristön tai kurssin sisäisesti Kun kopioit sisältöjä kurssin (tai verkkoympäristön) sisäisesti, voit tehdä kopioinnin myös yksittäisen H5P-sisällön editorista. Voit esim. kopioida sisältöjä eri tehtävien välillä, esim. tuoda aiemmin luomasi aukkotehtävän interaktiiviseen videoon. Ole tarkkana, kun liität kopioitua sisältöä muualle! Kun haluat tuoda monivalintatehtävän osaksi interaktiivista videota saatat vahingossa korvata koko videotehtävän monivalinnalla. Peruuta toiminto –valintaa ei ole, joten varmuuskopio on ainoa, mikä pelastaa.
84. Interactive video Interaktiivisen videon avulla voit lisätä keskelle videota mm. omia kommentteja ja erilaisia tehtäviä.
85. 1/3: Lataa tai linkitä video 1.
86. 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: • Tuodaan Moodle-lisäosan avulla • Onnistuu myös latauslinkin avulla (download link). • Onnistuu Vimeo Pro –versiolla myös linkillä. • Echo360: Ei toimi H5P:ssä, joten vie video YouTubeen (tai tuo tiedostona, jos pienikokoinen).
87. Videon asetukset Voit mm. määritellä videon alkamisajan, estää videon kelaamisen ja määritellä, voiko opiskelija katsoa oikean vastauksen vai ei.
88. 2/3: Lisää interaktiot 2.
89. Interaktiot voivat olla esim. tehtäviä Kuvat: Jari Sarja: sisaltotiimi.wordpress.com/2017/11/17/2226
90. Kaksi tapaa interaktion näkymiselle Painike tarkoittaa, että katsoja voi halutessaan klikata interaktion näkyviin näyttöajan puitteissa (oletuksena 10 sek). Kuvan valinnoilla video pysähtyy, jos sisällön klikkaa auki. Pop-up (ponnahdusikkuna) tarkoittaa, että interaktio tulee aina näkyviin videon päälle. Sekunti riittää näyttöajaksi, jos pysäytä video –kohta on valittuna. Jos et valitse sitä, muokkaa tarvittaessa aikaa, kauanko pop-up näkyy videon päällä.
91. Aikaleimat ja koonti tuloksista Videon alaosan kuvakkeesta voit lisätä aikaleimoja. Jos haluat, että videon katsomisen jälkeen näkyy koonti tuloksista, lisää aikajanalle palautusikkuna.
92. 3/3: Lopuksi ehdotetaan lisättäväksi Summary-yhteenvetotehtävä 3.
93. UUSI: Cornell Notes Cornellin yliopiston prof. Walter Pauk on kehittänyt muistiinpanotekniikan, johon H5P tarjoaa sähköisen työkalun. Ideana on jakaa muistiinpanot kolmeen osaan: 1. Muistiinpanot tavalliseen tapaan videosta, äänitiedostosta tai tekstistä. 2. Tiivistelmä muistiinpanojen pohjalta, mm. avainsanoja, väliotsikoita ja kysymyksiä. 3. Yhteenveto opitusta parilla lauseella.
94. UUSI: Structure Strip Ohjaa oppijoita tekstin jäsentämiseen tarjoamalla tekstille rungon ja apukysymyksiä tai avainsanoja. Kirjoita ohjeet. Lisäksi voit lisätä johdannoksi kuvan, videon tai äänitiedoston. Kun teksti on valmis, oppija voi varmistaa, että tekstiä on vaadittu määrä ja hän voi kopioida tekstin esim. tekstinkäsittelysovellukseen.
95. UUSI: Structure Strip Lisää ohjeistus ja haluamasi kohdat johdannosta alkaen sekä niihin vihjeet? Tekstin min/max-pituuden määrittäminen onnistuu asetuksista (Behavioural settings). • En vielä ymmärtänyt, mikä Slack on. H5P:n esimerkissä siinä on arvona 10 eikä min/max-pituutta ole määritelty.
96. 4) Reaaliaikainen osallistaminen Sanapilvi, emojipilvi ja äänestys The Chase -tietovisa
97. Live engagement tools Työkalu sisältää kolme työkalua reaaliaikaiseen vuorovaikutukseen lähi- ja etäopetuksessa: sanapilvi, emojipilvi ja äänestys. Tätä ei vielä ole tarjolla käytössäni olevissa ympäristöissä ja h5p.org-sivultakin esimerkki vielä puuttuu, mutta uutiskirjeestä löytyy sen esittely: h5p.org/live-engagement-tools-released (kuvien lähde).
98. The Chase • Tarjolla vain maksaville asiakkaille. • Luo tekemistäsi sisällöistä tehtäväkokoelma, missä oppijat kilpailevat reaaliaikaisesti toisiaan vastaan. Kuva: h5p.org/the-chase-ar-scavenger-cornell-notes-structure-strip-released?nl=1
99. 5) Ääneen liittyvät H5P-työkalut Audio Recorder Audio Dictation Speak the Words Speak the Words Set
100. 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.
101. Audio Työkalun avulla voit jakaa äänitiedostoja tiedostona tai linkkinä.
102. 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ä. • Tehtävään saa vaihtoehtoisia vastauksia.
103. 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.
104. 6) Kuvien ympärille rakentuvat tehtävät Mukana ohje, miten oppijasta saadaan Moodlessa sisällön tuottaja
105. Image Choice Oppija vastaa kysymykseen valitsemalla oikean kuvan (yhden tai useampia).
106. 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ä.
107. 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.
108. 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.
109. Kuvaan voi merkitä yhden tai useita oikeita ja vääriä kohtia ja niihin teksti- kommentin. Voit määritellä, minkä kokoiselle alueelle vastauksen on osuttava.
110. Guess the Answer Yksi kysymys, johon voi halutessaan liittää kuvan tai videon. Vastauksen näkee klikkaamalla painiketta.
111. 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
112. Image Hotspots 1. Anna kuvalle otsikko. 2. Lataa taustakuva ja lisää vaihtoehtoinen teksti. 3. Valitse ikoni (sama kaikissa hotspoteissa). 4. LISÄÄ HOTSPOT –kohdasta määrittelet paikan mihin uusi ikoni lisätään. Lisää ainakin teksti, video ja/tai kuva.
114. 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.
115. Image Pairing Raahaa kuvaparit päällekkäin.
116. Image Sequencing Järjestä kuvat oikeaan järjestykseen. Kuviin voi halutessaan liittää tekstiä tai äänitiedoston.
117. 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.
118. 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.
119. 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
120. 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ää
121. Virtual Tour (360) Tavallisista tai 360-kuvista tehtävä kuvasarja. Kuviin voi liittää viidenlaista sisältöä, monivalintoja ja summary-tehtävän. Perusteellinen ohjevideo H5P-soittolistalla: www.youtube.com/c/MatleenaLaakso
122. Kuvitus ilman tehtäviä • Collage • Greeting Card • Image Juxtaposition • Image Slider
123. 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). .
124. Greeting Card Kortin teet helposti valitsemalla kuvan ja lisäämällä siihen tekstin.
125. Image Juxtaposition Liukukuvien avulla voit esittää saman kohteen esim. eri ajankohtana.
126. 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ä
127. 7) Muut H5P-tehtävät ja –sisällöt Esim. AR, sanaristikot ja pelit, vähemmän käytetyt
128. UUSI: AR Scavanger (beta) Lisätyn todellisuuden sovellus (AR, Augmented Reality), missä H5P-tehtävät tai 3D-malli avautuu, kun kohdistuskuvaa (marker) katsotaan mobiililaitteella tietokoneelta tai tulostettujen kuvien kautta. Katsojalla tulee olla sivu avoinna kahdella laitteella yhtäaikaa eli yleensä tietokoneella ja mobiililaitteella. • Salli laitteillesi kameran käyttö. • Luo selkeä neliskanttinen kohdistuskuva (marker), mielellään mustavalkoinen ilman pieniä yksityiskohtia. Ohessa esimerkki. Paksut mustat reunukset lisätään automaattisesti. • Lataa 3D-malli glTF (.glb/.gltf) –tiedostona. Paras tiedostomuoto on "glTF 2.0 binary". HUOM: H5P-sisältöjen luominen onnistuu helposti. 3D-mallista saan aina viestin, että “tiedostotyyppi ei ole sallittu”, vaikka se oli em. ohjeen mukainen. Ratkaisu WordPress-käyttäjille: h5p.org/comment/45030#comment-45030
129. Crossword Sanaristikko, johon voi lisätä vihjeitä ja oman taustakuvan. Asetuksista voi määritellä esim. että väärästä vastauksesta menettää pisteitä.
130. Find the Words Sanaristikko. Etsittävät sanat voi näyttää tai piilottaa.
131. Memory Game Muistipelissä voit kertoa kuvasta jotain, mikä näkyy, vasta kun kuvaparit on löydetty. Kuviin voit liittää myös tekstiä tai äänitiedoston.
132. 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.
133. 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 taustakuvan jotka voivat olla kaikissa samatkin. Sisällöksi voi lisätä äänitiedoston, kuvan, linkin, tekstiä ja videon.
134. 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
135. 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)”
136. Chart Piirakka- ja pylväskaaviot • Valitse kummanlaisen kaavion teet • Lisää teksti ja lukuarvo sekä värit
137. 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.
138. 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.
139. Personality-quiz Persoonallisuusvisa, missä saa tuloksen sen pohjalta miten kysymyssarjaan vastaa. Voi olla hyvä muistuttaa, ettei tyypittelyn tarkoitus on lähinnä herättää ajatuksia ja kenties keskusteluakin teemasta, ei olla ”tuomio” tai itseään toteuttava ennuste. Tampereen kaupungin esimerkeissä teemoina • Minä verkko-oppijana • Minä työpaikkaohjaajana
140. 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
141. Facebook Page Feed Facebook-sivun syötteet
142. Questionnaire Kyselylomake, johon saa monivalintoja ja avoimia kysymyksiä.
143. • 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