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ä Syyskuu 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. Pelilliset työkalut ja muut
4. Mikä on H5P? H5P (=HTML5 Package) on 60 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 maksutta 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. Lumi-sovellus • Joubelista erillinen saksalainen avoimen lähdekoodin palvelu. • Voi käyttää selaimella tai ladata omalle tietokoneelle. • Maksuton, mutta sisältää rajoitteita. 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. H5P:n verkkosivut: h5p.org Esimerkkejä, ohjeita, keskustelua, mahdollisuus kokeilla omien sisältöjen luomista yms.
9. Ohjeet ja esimerkit: www.matleenalaakso.fi/p/h5p.html • Johdanto, myös videoina. • Tämä päivittyvä diasarja. • Mitä uutta? • Hyperlinkit – Saavutettavien työkalujen listaus. – Esimerkkien avoin Moodle-kurssi. – Jari Sarjan opas: bit.ly/sarjah5p – YouTuben H5P-soittolista: www.youtube.com/ c/MatleenaLaakso/playlists
10. H5P-esimerkkien avoin Moodle
11. H5P-työkaluja on jo 60 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.
12. Saavutettavuus
13. 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 H5P-blogisivun kautta): h5p.org/documentation/installation/content- type-accessibility
14. 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.
15. 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ä
16. Saavutettavaksi muokattuna Ylimpänä olevaan YouTuben koodiin on tuotu kuvaukseen (title) videon nimi. Kahteen seuraavaan upotukseen on lisätty title-attribuutti.
17. 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 aina jättää linkkikin näkyville ja kertoa upotuksesta, ettei katsoja suotta klikkaa sitä uudelleen auki.
18. 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, voit koota aineistoa Moodle-osion sijaan sivulle. Tekstin ja linkkien osalta voit hyödyntää myös H5P:n haitaritekstiä (Accordion).
19. Tekijänoikeudet, Creative Commons ja sisältöjen jakaminen
20. The H5P OER HUB Pääkäyttäjä voi ottaa käyttöön ensimmäinen version jakamisalustasta: h5p.org/start-sharing-your-oer Lisäksi mahdollista on organisaation sisäinen jakaminen.
21. Mitä kuvia ym. saa käyttää? • Omia ja organisaatiosi käyttöösi antamia. • Niitä, joihin sinulla on käyttölupa, esim. CC-lisenssillä jaetut sisällöt. • Tekijänoikeusvapaita kuvia, videoklippejä, äänitehosteita, esim. pixabay.com • HUOM: sisältö ja käyttötapa voivat vaikuttaa käyttöoikeuksiin!
22. Creative Commons Maailman käytetyin avoin lisenssi eli käyttölupa • Kansainvälinen ja epäkaupallinen hanke. • Etsi ja jaa sisältöjä: creativecommons.fi • Yhdistelemällä kuvan neljää ehtoa, saadaan seuraavan dian lisenssit. Kuva on muunnelma Tarmo Toikkasen tarmo.fi CC BY-SA -lisensoidusta teoksesta: Tekijänoikeudet ja Creative Commons datan avaajille: www.slideshare.net/tarmot/tekijanoikeudet-ja-creative-commons-datan-avaajalle
23. 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
24. 1.) Määrittele/kerro tekijänoikeudet Voit määritellä H5P-sisältösi tekijän- oikeudet (CC-lisenssi tai copyright) otsikon vierestä kohdasta metadata. Lisää tieto tekijänoikeuksista tarvittaessa myös media- tiedostoihin (kuvat, videot ym).
25. 2.) Salli/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. Upotus ulkopuolelle ei toimi, jos alkuperäinen sisältö on kirjautumisen takana. • Tekijänoikeuspainike näyttää taipiilottaa katsojalle edellisellä dialla lisäämäsi tiedot. • Toimintopalkista saat kaikki em. valinnat kerralla päälle tai pois.
26. Sisältöjen luominen Moodle, WordPress (esim. Mobie), Lumi (sovellus & selain) ja H5P.org Itse H5P-sisällöt luodaan aina samalla tavalla. Se mistä ne löytyvät ja jaetaan ja miten ne näkyvät oppijoille, vaihtelee eri ympäristöissä.
27. 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ää.
28. 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.
29. 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.
30. Yleisasetukset (behavioural settings) ovat eri sisällöissä erilaisia
31. Moodlecloud-ohje 1. Laita kurssin muokkaustila päälle. 2. Lisää aktiviteetti tai aineisto ja valitse H5P. 3. Valitse Käytä sisältöpankkia. Valitse LISÄÄ lisätäksesi uuden H5P-sisällön (kuva). Muista kohdista löydät aiemmin luomasi tai jaetut H5P-sisällöt. 4. Valitse H5P-sisältötyyppi ja nimeä se. 5. Luo sisältö ja muokkaa asetukset.
32. WordPress: Näin luot H5P-sisältöjä (esimerkkinä Mobien oppimisympäristö) 3. Luo uusi tai lataa 5. Määrittele asetukset ja luo 2. Otsikoi 4. Valitse listauksesta sisältötyyppi ja luo siihen sisältö. 1. Lisää uusi
33. 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.
34. Maksuton Lumi-sovellus Saksalainen Lumi mahdollistaa H5P-sisältöjen luomisen ja jakamisen maksutta myös kaupalliseen käyttöön: app.lumi.education Lumi toimii • Selaimella • Työpöytäsovelluksella
35. UUTTA: Lumi selaimella app.lumi.education → Kirjaudu ja vahvista s-postisi (verify). → Create new content & Save. → Jaa linkillä (tai tiedostona).
36. Lumi selaimella • Vain sisältöjen tekijä kirjautuu. • Et saa palautetta oppijoiden tekemisistä. • Tietoturva heikompi verrattuna oppimisympäristöasennukseen. • Näyttöasetukset määritellään linkkiä luotaessa (kuva oikealla). – Jos muutat näyttöasetuksia jälkikäteen a) itse sisällön muokkaamisen näkymästä, saat uuden linkin uusin ominaisuuksin. b) Shared Links -kohdan listauksesta, linkki ei muutu.
37. Lumi-työpöytäsovellus Työpöytäsovellukseen (Windows, macOS, Linux) kuuluu H5P-editori ja Analytics. Sisältöjen jakamisen voi tehdä vaihtoehtoisilla tavoilla: • Viemällä SCORM12-pakettina. • Jakamalla HTML-tiedostona. • Lähettämällä sisällöt HTML-tiedostona oppijoille Tiedostot välilehden Viedä-kohdasta. 1. Lähetä tiedostot esim. sähköpostitse tai jaa OneDriven kautta. 2. Oppija tallentaa tiedoston koneelleen ja avaa sen. 3. Jos otat Analyticsin käyttöön, saat oppijan edistymisen näkyviin: www.lumi.com/help/questions/how-do-i-use-lumi-analytics
38. 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.
39. 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. • Yleensä työkaluista käytetään englanninkielistä nimeä, vaikka H5P muutoin onkin suomennettu. Voit valita tehtäville muitakin kielivaihtoehtoja. • Osa sisältötyypeistä on beta-versioita. Jos niitä ole organisaatiollenne ole asennettu, voit mahdollisesti testata niitä h5p.org- tai Lumi-sivustolla tai uutiskirjeiden linkeistä.
40. 1) Haitariteksti, infoseinä ja aukkotehtävät (esimerkit H5P:helpot-välilehdellä) Mukana myös oppijan saama palaute ja Moodlen edistymisen seuranta
41. 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.
42. UUSI: Information Wall Infoseinä, minne voi kuvan tavoin lisätä tekstiä ja hyperlinkkejä sekä reunaan kuvia.
43. 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).
44. 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ä*
45. Muokkaustilassa näet ohjeita ja linkin H5P.org:n esimerkkeihin
46. Advanced/Complex Fill in the Blanks Aukkotehtäviä esim. kielten opetukseen. • Aukko tehdään kolmella alaviivalla ja vihjeeksi voi antaa sanan, mikä on tarkoitus lisätä oikeassa taivutusmuodossa. • Voi myös määritellä sanallisen palautteen, kun tietty väärä vastaus annetaan. • Voi lisätä kuvan tai videon tehtävän alkuun. • Jos vastauksessa on pieni kirjoitusvirhe, voit hyväksyä sen tai kehottaa tarkastamaan kirjoitusasun. • Voit määritellä, tuleeko vastaus olla kirjoitettu isolla/pienellä kirjaimella.
47. 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.
48. 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.
49. 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
50. 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
51. 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
52. 2) Erilaiset monivalinnat ja lauseiden järjestys (esimerkit H5P:helpot-välilehdellä) Lisäksi tekstipohjainen editori ja vaihtoehtoja jakamiseen
53. 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.
54. True/False Question Väitteeseen voi halutessaan lisätä kuvan.
55. 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.
56. Single Choice Set Perättäisten monivalintakysymysten sarja.
57. 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ä.
58. (Quiz) Question Set Kysymyskokoelma
59. (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.
60. 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.
61. 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.
62. 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, Image Hotspots ZUM Edition, 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.
63. 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.
64. 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
65. Essay
66. 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.
67. 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ää.
68. 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.
69. Editointinäkymä ja valmis kirja
70. Timeline Aikajana on suunniteltu vuosiluvuille, joten esim. opinnäytetyön prosessin vaiheet on numeroitava 0001, 0002, 0003,… Nimeä aikajana, tuo taustakuva ja lisää medialinkki: Twitter, YouTube, Vimeo, Flickr, Wikipedia, Google Maps tai SoundCloud.
71. The Branching Scenario Interaktiivinen haarautuva skenaario etenee tekemiesi valintojen perusteella. Esimerkissä lyhyet videoklipit näyttävät, mitä mistäkin valinnasta seuraa. • Esimerkissä olet terveydenhoitajana kotikäynnillä. Teet valintoja vuoro- vaikutustilanteissa. Jos et reagoi oikein, näet ensin, mihin toimintasi johtaa ja saat siitä palautteen. Sen jälkeen teet uuden valinnan ja näet taas, miten tilanne etenee. Pääset uuteen vaiheeseen vasta valittuasi oikean vaihtoehdon. Esimerkki ja kuvat Ryerson University, CC BY-ND: h5p.org/branching-scenario
72. Skenaarion luominen Skenaario luodaan kuvassa näkyvän kuuden elementin avulla lisäten väliin valintoja, joista tarina haarautuu eri suuntiin. • Kaikki haarat voivat päätyä samaan lopputulemaan tai tarina voi eriytyä vastaajan valintojen kautta. • Reunimmaisesta sarakkeesta vasemmalla löydät mm. ohjeet ja asetukset (esim. pisteytys)
73. Työkalun idea on sama kuin helppokäyttöisemmässä ThingLink-skenaarioissa: www.matleenalaakso.fi/2021/11/th inglink-skenaario-360-kuvaamisen- opas.html
74. 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.
75. Course Presentation Tee diasetti, johon lisäät tavanomaisen sisällön oheen mm. (interaktiivisia) videoita ja luot erilaisia tehtäviä ja niihin automatisoidun palautteen.
76. 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.
77. 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
78. 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.
79. 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.
80. … ja lataa sitten uuteen ympäristöön (tai vaikka samaankin, jos haluat muokata siitä uuden version)
81. 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.
82. Interactive video Interaktiivisen videon avulla voit lisätä keskelle videota mm. omia kommentteja ja erilaisia tehtäviä.
83. 1/3: Lataa tai linkitä video 1.
84. 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 video).
85. Videon asetukset Voit mm. määritellä videon alkamisajan, estää videon kelaamisen ja määritellä, voiko opiskelija katsoa oikean vastauksen vai ei.
86. 2/3: Lisää interaktiot 2.
87. Interaktiot voivat olla esim. tehtäviä Kuvat: Jari Sarja: sisaltotiimi.wordpress.com/2017/11/17/2226
88. 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ä.
89. 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.
90. 3/3: Lopuksi ehdotetaan lisättäväksi Summary-yhteenvetotehtävä 3.
91. Cornell Notes Cornellin yliopiston prof. Walter Paukin kehittämä kolmeosainen muistiinpanotekniikka. 1. Muistiinpanot tavalliseen tapaan esim. videosta, äänitiedostosta tai tekstistä. 2. Tiivistelmä muistiinpanojen pohjalta, mm. avainsanoja, väliotsikoita ja kysymyksiä. 3. Yhteenveto opitusta parilla lauseella.
92. Cornell Notes Käynnistä video. Klikkaa kynä-kuvaketta aina kun haluat tehdä muistiinpanoja. Tee kohdat 1.-3. kyseisessä järjestyksessä. Vaihtelee organisaatiokohtaisesti miten muistiinpanot tallentuvat.
93. 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.
94. 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.
95. 4) Reaaliaikainen osallistaminen Bingo Sanapilvi, emojipilvi ja äänestys The Chase -tietovisa
96. UUSI: Bingo • Bingo sanoille tai numeroille. • Voit lisätä jokerikuvan, joka toisinaan korvaa sanan/numeron.
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ä, esim. Memory game tai Dialog Cards. • Mukana ei ole automaattista jakoa esim. opettajalle, vaan äänitiedosto jaetaan esim. Audio-työkalulla. • Toimii selaimilla Edge, Chrome and FireFox.
101. Audio Työkalun avulla voit jakaa äänitiedostoja tiedostoista tai linkeistä.
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 vastaus annetaan kirjoittamalla. • Voin sallia vastauksen katsomisen ilman vastauksen kirjoittamista, mutta tällöin pisteet jäävät aina saamatta. • Voit määrittää, että vain tietty vastaus kelpaa (iso/pieni kirjain yms.) • Voi lisätä vihjeen.
107. Dialog Cards Kysymys/vastaus: mieti vastaus, sitä ei tarvitse kirjoittaa tai sanoa ääneen. • Valitse kertasuoritus tai useita kierroksia. • Voit lisätä vihjeen, 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 Interaktiivisia kuvia voit luoda myös ThingLinkillä, ks. ohjeet ja esimerkit: bit.ly/thinglinkohjeet
112. Image Hotspots 1. Nimeä tehtävä (ja lisää metadata). 2. Lataa taustakuva ja lisää vaihtoehtoinen teksti. 3. Valitse ikoni (sama kaikissa hotspoteissa). 4. Valitse LISÄÄ HOTSPOT ja klikkaa pikkukuvasta sen sijainti. Lisää sitten sisältö: teksti, video ja/tai kuva.
113. Image Hotspots ZUM Edition Kuten Image Hotsports, mutta tekstin, kuvan ja videon ohella kuvien tageihin voi lisätä monenlaisia H5P-tehtäviä.
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. • Viherrakennus ja sisustus: suunnitelma/toteutus tai ennen/jälkeen. • Työturvallisuus: siisti/sotkuinen työpiste. • Vanhat käsialat: kuva vanhasta dokumentista / teksti koneella kirjoitettuna. • Valokuvat/piirrokset vanhoista rakennuksista tai kaupungeista (ennen/nyt).
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. palapeli, sanaristikot, pelit, AR ja vähemmän käytetyt
128. UUSI: Jigsaw puzzle Palapelin asetuksissa runsaasti valinnanvaraa, mm: • Palojen määrä. • Mallikuvan näkyminen taustalla. • Reunojen näkyminen. • Omien äänien lisääminen palautteeksi. – Tekijänoikeusvapaita ääniefektejä: pixabay.com/fi/sound-effects/ – Äänitä itse: H5P-Audio Recorder
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. AR Scavenger (beta) Lisätyn todellisuuden sovellus (AR, Augmented Reality), minkä avulla voi avata H5P-tehtävän tai 3D-mallin katsottavaksi mobiililaitteelle. Voit katsoa mobiililaitteella kohdistuskuvaa (marker) tietokoneelta tai tulosteena. Em. vaihtoehdossa H5P-sisältö avataan yhtäaikaa tietokoneella ja mobiililaitteella. • Salli laitteillesi kameran käyttö. • Luo selkeä neliskanttinen kohdistuskuva (marker), mielellään mustavalkoinen ilman pieniä yksityiskohtia. Ohessa esimerkki. Paksut mustat reunukset lisätään automaattisesti. • Lataa 3D-malli glTF (.glb/.gltf) –tiedostona. Paras tiedostomuoto on "glTF 2.0 binary". HUOM: H5P-sisältöjen luominen onnistuu helposti. Sen sijaan 3D-mallista saan aina viestin, että “tiedostotyyppi ei ole sallittu”, vaikka se oli em. ohjeen mukainen. Ratkaisu WordPress-käyttäjille: h5p.org/comment/45030#comment-45030
134. 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.
135. 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
136. 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)”
137. Chart Piirakka- ja pylväskaaviot • Valitse kummanlaisen kaavion teet • Lisää teksti ja lukuarvo sekä värit
138. 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.
139. 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.
140. 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
141. 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
142. Questionnaire Kyselylomake, johon saa monivalintoja ja avoimia kysymyksiä.
143. Poistuneita työkaluja Valikosta voi löytyä myös poistuneita työkaluja: • Facebook Page Feed • Appear.in for Chat and Talk – Nykyisin whereby.com • Twitter User Feed – Twitter ei enää tue tätä. • . Kuva: Stevepb, pixabay.com
144. • 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