Ks. omat blogisivut H5P:lle ja tekoälylle: https://www.matleenalaakso.fi/ Tallenne SAMKin opettajien katsottavissa.

1. Interaktiiviset
verkkomateriaalit
(H5P ja tekoäly)
SAMK / Kuukauden huiput
Webinaari 16.2.2024
Matleena Laakso
Blogi: www.matleenalaakso.fi
Kuva: ML & Copilot/Designer

2. Matleena Laakso
• Digipedagoginen asiantuntija
• Freelancer-kouluttaja
• Sivutoimisesti työskentelee
TAMKissa
• Aktiivinen bloggaaja
• Avoimen oppimisen vaikuttaja 2023
• Koulutukseltaan KM ja AmO
Teksti on Copilotin laatima
esittely, jota on hieman
lyhennetty.

3. Ohjelma klo 13.00-14.30
• Johdanto tekoälyyn, Copilotiin, H5P-työkaluihin ja
avoimiin oppimateriaaleihin
• H5P-sisältöjen luominen Copilotin avulla
• Interaktiivinen diaesitys (Course Presentation)
• Muita H5P-työkaluja
Pari kysymystä & materiaalit: padlet.com/matlaakso/huiput24
Tässä diasarjassa on käytetty PowerPointin kuvakkeita.

4. Generatiivinen
tekoäly tarkoittaa
sovelluksia, jotka
luovat ihmisen
pyynnöstä uusia
sisältöjä (teksti, kuva,
video, dia, taulukko,..).
Kuva: Franz26, pixabay.com. Generoitu tekoälyn avulla.

5. Kuva: Matleena Laakso ja tekoälysovellus: www.bing.com/create
Tukiäly = tekoäly toimii parhaiten
ihmisen kanssa yhteistyössä!
Moniin tekoälyn tuotoksiin
hyvä suhtautua
luonnoksina, jotka on
vähintään tarkastettava ja
usein ihmisvoimin
muokattava paremmiksi.

6. Linkkivinkit: padlet.com/matlaakso/ai
Löydät tämän muistitaulun myös Matleenan blogin tekoälysivulta.

7. Yhteistä monille generatiivista
tekoälyä hyödyntäville sovelluksille
• Helppoja.
• Maksuttomia kokeilla.
• Kokeilu- ja kehitysvaiheessa.
• Moni toimii suomeksikin,
mutta paremmin englanniksi.
• Tietosuoja harvoin EU:ssa
vaaditulla tasolla.
• Tekijänoikeuskysymyksissä
paljon epäselvää.
• Kun käytät, ilmaise se selkeästi.
Kuva: Matleena Laakso. Luotu tekoälyn avulla: www.bing.com/create

8. ChatGPT, Copilot ja Gemini
Hyödyntävät suuri kielimalleja, mutta osaavat myös esim. kuvien
tunnistamista ja generointia, musiikin luomista tai internetin käyttöä.
Tuottavat ja muokkaavat sisältöjä koulutusdatan ja kehotteen
perusteella.
Eivät käsittele tai ymmärrä sanoja, vaan todennäköisyyksiä.
→ Jokainen fakta tarkistettava.
Sopii parhaiten käytettäväksi aiheessa, jonka tunnet hyvin ☺

9. copilot.microsoft.com
Pääsy internettiin, sis. kuvien generoinnin (DALL-E 3), osaa myös kertoa
kuvista, avoinna olevasta verkkosivusta/PDF:stä (sallittava asetuksista),..
Tyyli
Edgessä Copilot
löytyy myös
sivupalkista.

10. Kuvan tekstivaste (Copilotin tarkempi tyyli)
”Tämä on kuva ryhmästä ihmisiä,
jotka kävelevät kohti suurta
kasvihuonetta puistossa.
Kasvihuone on suuri lasirakennus,
jossa on kaareva katto. Ihmiset
kävelevät polkua pitkin, joka
johtaa kasvihuoneeseen.
Polun molemmin puolin on puita
ja ruohoa. Taivas on sininen ja
siellä on muutama pilvi.”
Kuva: Matleena Laakso, CC BY
Kuva: Matleena Laakso, CC BY

11. Kielimallien hyödyntäminen
Ideoinnin ja
ajattelun apu.
Kielenhuolto ja
palaute omasta
tekstistä
Selko- tai
puhekielistä-
minen.
Kääntäminen
(kielitaitotasot).
Tehtävien ja
materiaalien
eriyttäminen.
Käsitelistan tekijä
tai yleiskuvan
tarjoaja.
Selittäminen roolin
tai näkökulman
mukaan.
Yhteenveto,
tiivistys, luokittelu,
kysymysten teko.
Asioiden
yhdistäminen tai
vertailu.
Esimerkkien
luominen.
Tuntisuunnitelmien
ja tehtävien
luonnostelu
Virheiden
selittäminen.
Tekstittäminen,
tekstivasteet.
Oppimateriaalien
ja arviointi-
kriteerien teko.
Tehtävän
muokkaaminen
tekoälyaika-
kaudelle.
Kahden kurssin
Integrointi-
suunnitelma.

12. Kielimallien ja tekoälyn haasteita
Ks. esim: areena.yle.fi/podcastit/1-64840896 ja Tarmo Toikkanen: bit.ly/3PhJXMR
• Ei ymmärrä sanojen merkityksiä – eikä käsittele sanoja.
• Hallusinoi. Jokainen fakta tarkistettava!
• Ei ole hakukone! Ei kerro luotettavasti lähteitä.
• Toistaa ja uusintaa esim. syrjintää.
• Datan oikeellisuus, kattavuus ja eettisyys.
• Kehittäjäyrityksen arvot.
• Tietosuoja: ole tietoinen, mitä voit jakaa.
• Tekijänoikeuskysymykset epäselviä.
• Rahalla saa paremman version.
• Toimii parhaiten englanniksi.
• Hiilidioksidipäästöt ja energiankulutus
• Myös nettirikollisten työkalu.
Kuva: Qimono, pixabay.com

13. Avointen oppimateriaalien kirjasto: aoe.fi
• Opettajille, oppijoille ja kaikille kansalaisille, kehittäjinä OKM, OPH ja CSC.
• Oppimateriaalit ovat löydettävissä myös museoiden, kirjastojen ja arkistojen
aineistoja kokoavasta palvelusta finna.fi
• Voit etsiä ja jakaa mm. H5P-sisältöjä. Tarjolla CC-lisensoitua materiaalia niin
opiskelijoiden kanssa käytettäväksi kuin omaan opiskeluun.

15. Creative Commons
Maailman käytetyin avoin lisenssi eli käyttölupa.
Kansainvälinen ja epäkaupallinen hanke
creativecommons.fi
• Kun jaat materiaalejasi.
• Kun haluat hyödyntää muiden jakamaa.
Aina kun luot H5P-sisöltöjä
• Voit määritellä tekijänoikeudet.
• Kun käytät muiden sisältöjä, tulee sinun
yleensä kertoa niiden tekijänoikeustiedot.
• Lisäksi voit teknisesti estää tai sallia
H5P-sisältöjesi uudelleen käytön.
Kuva: creativecommons.org/licenses, CC BY

16. 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.
Kerro tekijä ja lähde!

17. Oppimateriaaleille sopivat parhaiten
CC BY ja CC BY-SA -lisenssit
Suosituksesta poikkeamiseen kannattaa olla mietitty perustelu
Yleisin →

18. pixabay.com/fi
• Tekijänoikeusvapaita kuvia, videoklippejä, musiikkia, äänitehosteita ym.
• Hakutulosten ensimmäisellä rivillä näytetään maksullisia Shutterstockin
kuvia palvelun rahoittamiseksi.
Kuva: tookapic, pixabay.com, CC0

19. H5P löytyy SAMKin Moodlesta
H5P (=HTML5 Package) on avoimella lähdekoodilla luodun 60 työkalun
kokoelma. Luo interaktiivisia oppimateriaaleja ja automaattisesti
tarkastuvia tehtäviä harjoituksiksi ja itsearvioinnin tueksi.
• 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.

20. Ohjeet ja esimerkit:
www.matleenalaakso.fi/p/h5p.html
• Päivittyvä diasarja.
• Pikaopas interaktiivisena kuvana.
• Esimerkkien avoin Moodle-kurssi.
• Erilaisten sisältötyyppien listaukset.
• Mitä uutta H5P:ssä?
• Linkit muihin ohjeisiin
– Jari Sarjan opas
– H5P:n englanninkieliset
verkkosivut
– YouTuben H5P-soittolista

21. Moodle: näin luot H5P-sisältöjä 1/3
1. Laita kurssin muokkaustila päälle.
2. Lisää aktiviteetti tai aineisto.
Omat suosikit kannattaa merkitä tähdellä, niin löydät ne jatkossa helpommin.
3. Valitse H5P ja lisää (musta H5P-kuvake).

22. Moodle: näin luot H5P-sisältöjä 2/3
4. Valitse H5P-sisältötyyppi
(tai lataa valmis sisältö tiedostona).
5. Nimeä H5P-sisältö.
Voit lisätä kuvauksen ja valita
näkyykö se kurssisivulla vai ei.
H5P-sisällön nimi tähän!
Metadata

23. Moodle: näin luot H5P-sisältöjä 3/3
6. Luo sisältö ja määrittele
sen asetukset.
7. Muokkaa tarvittaessa muut
asetukset.
• Arvioinnista voi määritellä
minimipisteet ym.
• Opiskelijoiden edistyminen -
kohdasta voit määritellä
näkymisen edistymisen
seurannassa jne.
8. Tallenna

24. Käytetyimmät H5P-työkalut
H5P.comin tilasto 12/2022 – 2/2023. Kuva: h5p.org/blog/status-update-february-2023

25. Game map: uusin työkalu
Digitaalinen lautapeli
Monipuoliset ominaisuudet
• Runsaasti asetuksia, miten saa edetä,
montako elämää käytettävissä,
kauanko on peliaikaa,..
• Voit lisätä peliin taustamusiikin tai
ääniefektejä eri toiminnoille.
• Työkaluja tageihin lisätään vähitellen.
Kuvat: Jelena.m: h5p.org/node/1466205, H5P-demo: h5p.org/content-types/game-map ja Matleenan oma kokeilu.

26. Course Presentation
• Aloita luomalla diapohja ja lisää tekstien paikat TAI kopioi mallipohja.
• Samankaltainen kuin interaktiviinen video.

27. Single Choice Set
Perättäisten monivalintakysymysten sarja.
Millainen on hyvä kehote tekoälylle?
Kehittele kehotetta paremmaksi tekoälyn avulla ☺

28. Single Choice Set
Kun tuot valmiit monivalinnat, esim. tekoälyllä tehdyt, valitse
tekstimuotoinen editori. Näin saat tuotua sisällöt tekstimassana
”laatikkoleikin” sijaan. Tämän työkalun ohje:
1. riville kysymys.
2. riville oikea vastaus.
3. rivistä alkaen muut vaihtoehdot. Tyhjä rivi.

29. www.matleenalaakso.fi
Lähes 400 bloggausta ja lisää #digipeda-
vinkkejä, ohjeita ja esimerkkejä blogisivuilla:
• Ohjeet ja diasarjat
• Generatiivinen tekoäly
• H5P-työkalut
• Sähköiset kokeet ja kyselyt
• Opetusalan webinaarit
• Tervetuloa: tulevia koulutuksiani

30. Tämä diasarja on lisensoitu Creative
Commons -lisenssillä CC BY-SA 4.0
• CC-lisenssien verkkosivusto: creativecommons.fi
• CC BY-SA 4.0 eli Creative Commons Nimeä-Jaa samoin 4.0
Kansainvälinen: creativecommons.org/licenses/by-sa/4.0/deed.fi
– Sinä saat käyttää, 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.
– Jos teet tästä diasarjasta oman version,
se tulee jakaa tällä samalla lisenssillä.
• Tätä lisenssiä laajempia oikeuksia voit kysyä tekijältä:
www.matleenalaakso.fi