Webinaarisarjan materiaalit ja linkkejä: https://padlet.com/matlaakso/verkkopeda2022

1. Videot, animaatiot ja kuvat
opetuksen monipuolistamisessa
(luo, jaa ja tee saavutettaviksi)
Verkko-opetuksen digitaaliset työkalut, osa 5/5
Samiedun webinaari 24.5.2022
Matleena Laakso
Blogi: www.matleenalaakso.fi
Twitter: @matleenalaakso
Ohjeet: www.matleenalaakso.fi/p/koulutusdiat.html

2. Ohjelma klo 13-16
• Hyvä opetusvideo
• Sovelluksia
– Adobe Creative Cloud Express: videot ja kuvat
– Animaatiot ja videoeditointisovellukset
– YouTube: asetukset ja tekstittäminen
• Reflektio ja palaute
• Hankkeen syksyn koulutukset: TTS, YSAO ja Sykli.
”Webinaarissa perehdytään erilaisiin tapoihin hyödyntää videoita opetuksessa ja hyvän
opetusvideon ominaisuuksiin. Tutustumme muutamiin sovelluksiin, joilla videoita ja animaatioita ja
erilaisia kuvia voi tehdä tai editoida. Esillä ovat mm. animaatiot valmispohjista ja Adobe Creative
Cloud Expressin helpot video- ja grafiikkatyökalut.
Lopuksi tutustumme YouTuben mahdollisuuksiin: Miten videoista saa tekstittämällä saavutettavia?
Miten lisätään aikaleimoja? Miten oman tai oppilaitoksen YouTube-kanavan asetuksia voi muokata?”
Kuvat: Alexandra Koch, CC0, pixabay.com

3. padlet.com/matlaakso/verkkopeda2022

4. Erilaisia tapoja hyödyntää videoita
• Tiedottaminen ja markkinointi
• Tervetulotoivotus verkkokurssille
• Videot osana oppimateriaaleja
• Kertaus, eriyttäminen, syventäminen
• Flippauksen itseopiskelumateriaalit
• Verkkovideopiiri
• Flipgrid-videochat
• Oppijat videoiden tekijöinä
• Palautteen anto videomuodossa
• 360-videot havainnollistamisessa
• Interaktiiviset ja haarautuvat videot (H5P)
• Livestriimaus, webinaarit ja tallenteet
Kuva: Free-Photos, pixabay.com

5. Millainen on hyvä opetusvideo?

6. Onnistunut opetusvideo
Satu Hakanurmi: blogit.utu.fi/erappu/pedagogisesti-mielekas-video
”Opiskelijalle sisältö on kuningas ja seuraavaksi eniten
he arvostavat opettajan henkilökohtaista panosta eli
opettajan persoonan peliin laittamista.”
Tuo lisäarvoa oppimisprosessiin
• Innostaa, aktivoi, syventää, konkretisoi, tukee muistamista tms.
• Liitä videot oppimistehtäviin tai kurssisuorituksiin.
Teknisessä toteutuksessa opiskelijat
arvostavat kahta asiaa:
• Äänenlaatu hyvä ja tasalaatuinen.
• Kuva ei tärise.

7. Helpota katsojan kognitiivista kuormaa
Satu Hakanurmi: blogit.utu.fi/erappu/pedagogisesti-mielekas-video
• Palastele – Suosi lyhyitä videoita sarjana ja
sijoita videoihin välikysymyksiä.
• Käytä sekä verbaalista että visuaalista ilmaisua.
• Karsiminen – Keskity tavoitteisiin ja harkitse tarvitaanko
taustamusiikkia tai tehosteita.
• Korostaminen – Nosta esiin olennaisia ideoita ja käsitteitä
symbolein tai tekstein. Avaintiedon korostaminen
auttaa katsojaa kohdistamaan huomiota,
muistamaan ja soveltamaan tietoa muualla.
• Mieti mikä on videosi pääviesti?
Kuva: OpenClipart-Vectors, pixabay.com

8. Suosituksia MOOC-kurssien perusteella
Satu Hakanurmi: blogit.utu.fi/erappu/pedagogisesti-mielekas-video
Alkuperäinen lähde: Guo, P., Rubin, R. & Kim. J. 2014.
Tutkijat analysoivat 6,9 miljoonaa MOOC-kurssien videonkatselukertaa
ja sen perusteella suosituksiksi nousivat:
• Ennakkosuunnittelu!
• Videosarjoja max. 6 min videoista.
• Näytä puhuvia kasvoja, ei vain dioja.
• Kuvaa informaaleissa olosuhteissa.
• Kerro sekä visuaalisesti näyttäen että puheen avulla.
• Jos käytetään luentosalitallenteita, ne on hyvä jakaa pienempiin osiin.
• Välitä omaa innostusta!
Kuva: Sandra_schoen, pixabay.com

9. www.thinglink.com/scene/1559609598019633154

10. Kuudenlaisia tarinoita
Richard Byrne: www.freetech4teachers.com/2017/06/six-types-of-classroom-video-
projects.html#.WbV_47JJaUm
1. Yhden otoksen tarinat
2. Kuvatarinat
3. Ruudunkaappauksena kuvattu ohjevideo
4. Animoidut videot
5. Stopmotion/timelapse-videot (ajastettu kuvaus)
6. Dokumentit ja elokuvat
Kuva: JanBaby, CC0, pixabay.com

11. Prosessikuvaus, uutinen ja tarina
Opas laadukkaan videon suunnitteluun ja toteutukseen
Johanna Ailio, Turku AMK. 2015: julkaisut.turkuamk.fi/isbn9789522165831.pdf
Prosessikuvaus:
• Näyttää toiminnan alusta loppuun jaoteltuna ajallisesti perättäisiin
kohtauksiin.
Uutinen:
• Tärkein asia alkuun.
• Alkujuonto vastaa lehtijutun otsikkoa ja ingressiä.
• Tavoitteena, että kuva kertoo mitä ja puhe miksi.
• Käytä selkokieltä ja hyödynnä tekstiä ja grafiikkaa.
Tarina
• Draaman kaaren kuusi vaihetta (Ola Ohlson)
– Alkusysäys, esittely, syventäminen, kiihdytys eli ristiriitojen kärjistyminen,
ratkaisu ja häivytys.
– Rakennetta voi hyödyntää myös dokumentissa.
• Kaikkea ei paljasteta alussa.

12. Mitä useampi tekijä,
sitä tarkempi suunnitelma tarvitaan
• Lyhyiden videoiden kanssa toimii myös kokeileminen. Kun on kuvannut
ensimmäisen version, tietää mikä toimii ja mikä ei ja voi kuvata uudelleen.
• Yksin on helppo improvisoida tai suunnitelma voi olla omassa päässä.
Täky alkuun:
Herätä
kiinnostus.
Usein vain alku
katsotaan.
Intro:
Kuka, logo,
musiikki,..
Itse sisältö
Loppu:
Päätösviesti,
tunnelma,
koonti
Esimerkissä lyhyen somevideon rakenne.

13. Huomioitavia asioita esim. kemian
ohjevideoiden tekemiseen
Matti Linna, Pro gradu, kemian opettajankoulutus: jyx.jyu.fi/handle/123456789/69930 (s. 99)
Suunnittelu
• Mieti videon oppimistavoitteet.
• Selkeä runko.
• Etene helposta vaikeaan.
• Pysy aiheessa.
• Tee lyhyitä (alle 5 min) videoita tai
jaa pidempi video lyhyempiin osiin.
Kuvaaminen
• Harjoittele ensin.
• Kuvaa tarvittaessa monta kertaa.
• Rauhallinen keskusteleva kerronta.
• Selkeä ja innostava puhe.
• Lyhyet tauot eri osien välissä.
• Sopiva puheen ja kuvien rytmi.
Huomioi tekniikassa
• Äänenlaatu!
• Hiiren selkeä näkyminen.
• Lisää videolle puhuvat kasvot.
Editointi
• Lisää tarvittavat kuvat,
visuaaliset efektit ja selitetekstit.
• Lisää aikaleimat (YouTube).
Kuva: Konstantin Kolosov, pixabay.com

15. Tallentamista vai kuvaamista?
yle.fi/uutiset/osasto/uutisluokka/opettaja_nailla_ohjeilla_teet_hyvan_videon__katso_yle_
uutisluokan_opetusvideot/9347161
Viisi erinomaista ohjevideota videoiden tekemiseen mobiililaitteella.
Videot on toteutettu osana Opetushallituksen rahoittamaa Mediat haltuun
-hanketta ja ne on tehnyt Mikko Laine, Yle.

16. Hyviä videosovelluksia
Ohjeita myös: www.matleenalaakso.fi/p/koulutusdiat.html
Kuvatarinat ja lyhyet videot
• Adobe Creative Cloud Express (ent. Spark; pc, iOS)
Perinteinen videoeditointi
• iMovie (iOS) – Applen laitteille
• PowerDirector Video Editor App (Android, iOS)
• Windows 10:n videoeditori – löytyy (valo)kuvat-sovelluksesta
• Windows 11 – Clipchamp (Microsoft (Edu)Storesta myös Win10:iin)
• Adobe Rush, jos se kuuluu oppilaitoksesi Express-pakettiin (Android, iOS, pc)
Animaatioita valmispohjista
• Biteable tai monipuolisempi Powtoon
Ruudunkaappausvideot
• Screencast-O-Matic
• PowerPointin tallennusvälilehti
360-videoeditointi
• DaVinci Resolve tai yksinkertaisemmat kameroiden sovellukset kuten Theta+

17. Adobe Creative Cloud Express
• Peruskäyttö on maksutonta, myös kaupalliseen käyttöön (yli 13 v).
• GDPR-turvallinen Premium maksutta koulutuksenjärjestäjille (myös alle 13 v!).
• Yhdessä muokkaaminen onnistuu ja jaettuja sisältöjä voi päivittää.
• Ohjeet: www.matleenalaakso.fi/p/koulutusdiat.html
• Kirjaudu: express.adobe.com/fi-FI/sp

18. Expressin sovelluksia
Adobe Spark Video (pc, iOS)
• Sopii lyhyille videoille ja kuvatarinoille (max 12 min).
• Videoita voi luoda omista tai sovelluksen sisällöistä –
ja hyödyntää esim. Pixabaytä.
Adobe Spark Page (pc, iOS)
• Luo verkkosivuja/-julkaisuja, joihin lisäät tekstiä, kuvia,
videoita ja linkkejä, esim. Express-ohjeet.
• Samankaltainen kuin Microsoftin Sway.
Adobe Creative Cloud Express on Web/Mobile,
eli grafiikka (pc, Android, iOS)
• Luo erilaisia kuvia yhdistellen tekstiä, kuvia ja grafiikkaa.
• Valmismalleja hyödyntäen voi luoda mm. somepostauksia,
kuvakollaaseja, julisteita ja infograafeja.
• Samankaltainen kuin Canva.

19. express.adobe.com/fi-FI/sp

20. Kirjautuneen käyttäjän näkymä

21. Lisää sisällöt
• Video (max 30 sek/dia)
• Teksti (teema määrittää fontin ja tehosteet)
• Valokuva (omat tai sovelluksen kautta löytyvät)
• Kuvake

22. Kuvan ja videon yläkulmasta löydät
huomaamattoman muokkausnapin
Videon valikosta voit mm. hiljentää Kuvan valikoista voit
tai voimistaa videoklipin ääntä. zoomata kuvaa.

23. Videon jakaminen
• Esikatsele video aina ennen jakamista!
• Piilotetulla linkillä jakaminen (jaa → julkaise) on helpointa ja
etuna on mahdollisuus päivittää videota linkin muuttumatta.
• Tiedostona jakaminen mahdollistaa jakamisen esim. YouTubeen
tai ThingLinkiin.

24. Adobe CC Express: grafiikka
Sovelluksella yhdistellään tekstiä, kuvaa ja grafiikkaa ja
tarjolla on runsaasti mallipohjia.
• Kuvat voi jakaa somessa, diasarjassa tai hyödyntää muissa
Express-sisällöissä, ThingLinkissä jne.
• Voit tehdä eri palveluihin optimoituja kuvia, esim. YouTuben
otsake, FB-tapahtuma tai Instagram-tarina.
• Mukaan saa pientä animointia.

25. Monipuoliset infograafit
Infograafit ovat selittävää ja viestintää tukevaa grafiikkaa. Niissä tietoa
visualisoidaan niin, että sitä on helpompi omaksua kuin tekstimuotoisena.
• Lukekaa artikkeli ja tehkää infograafi sen keskeisistä sisällöistä.
• Tehkää ydinasioista infograafi ja kertokaa lisää ThingLinkin/H5P:n tageilla.
• Oppilaitoksen vuosikertomuksen keskeiset teemat.
• Hankkeen tulosten ja toiminnan tiivistys.
Kuvat: Matleena Laakso, CC BY

26. Muokkaaminen selaimella
Kuvan ThingLink-versio: www.thinglink.com/scene/1362378945231585283
Lisää uusia Muokkaa nykyisiä elementtejä
elementtejä (valitse muokattavaksi klikkaamalla)

27. biteable.com
Helppo sovellus animaatioiden ja videoiden tekemiseen selaimella,
myös mobiilisti.
• Lue lisää: www.matleenalaakso.fi/2018/10/biteable.html

28. Clips (iOS)
• Applen oma sovellus on suunniteltu somekäyttöön.
• Sovellus halutessasi tekstittää puheen suomeksi tai vierailla kielillä.
Automaattitekstitys tekee virheitä, mutta ne on helppo korjata.

29. PowerDirector Video Editor App
• Helppo ja monipuolinen mobiilisovellus (Android, iOS)
• Mukana musiikkia, monipuolisia tehosteita yms.
• Sovelluksen sisällä selkeät tutoriaalit.
Houkuttelee testaamaan maksullista
versiota. Nuolten kohdalta löydät
ilmaisversion.
Luo uusi video
(projekti),
nimeä se ja
valitse koko.

30. PowerDirector Video Editor App
Klikkaa yksittäistä kuvaa/videota tai siirtymää, niin kuvan alaosan
muokkausvalikko avautuu.
VASEMMAN REUNAN KUVAKKEET
Palaa video-
projekteihisi
Lisää video,
kuva tai ääni
Layerit esim.
tekstin tai
kuvan lisäys
Hups
Roskakori
OIKEAN REUNAN KUVAKKEET
Tallenna/
tee videoksi
Video ja
äänen
Asetukset
ja ohjeet
Esikatsele

31. Oletuksena YouTube-kanava
on nimetty nimelläsi
• Kun jaat videoita useista eri teemoista tai eri tahoihin liittyen, voit jaotella
videot eri kanaville, soittolistoille tai osioihin.
• Kanava voi olla myös ryhmän yhteinen.
Aloita
kanavasi
tiedoista

32. www.youtube.com/c/matleenalaakso
Osio
Osio
Soitto-
listoja
(kaikki
sivun
yläosassa)
Kanavan kaksi
esittelyvideota ja -teksti
100 seuraajalla
saat helposti
muistettavan
osoitteen.

33. Muokkaa kanavaa: kolme välilehteä
Asettelu (kuvassa)
-välilehdellä määrittelet
kanavatrailerit
ja kanavan osiot.
Brändäys-välilehdeltä lisäät
oman ja kanavan kuvan sekä
videon vesileiman.
Perustiedot-välilehdellä
nimeät ja kuvailet kanavan,
valitset oman URLin ja voit
kertoa sometilisi sekä
yhteystietosi.

34. Ladattuasi videon, muokkaa asetukset
Esittelen asetukset myös videolla:
Videon lataaminen YouTubeen (10 min)
www.matleenalaakso.fi/2021/03/youtube.html
Asetukset voi muokata videota
ladattaessa tai jälkikäteen.

35. Monta syytä tekstittää videoita
HAMK: blog.hamk.fi/ohjeet/nain-tuotat-saavutettavan-videon
• Katsoja ei voi aina käyttää ääntä tai sitä on vaikea kuulla taustamelulta.
• Tekstitys auttaa lukivaikeuksista kärsiviä henkilöitä.
• Tekstitys auttaa ymmärtämään ei-äidinkielenä puhuttua kieltä.
• Tekstitetyt videot on helpompi ymmärtää kuin pelkät kuvat.
• Tapahtumien kuvaileminen teksteinä auttaa hahmottamaan myös non-
verbaalia viestintää.
• Kuulovammaiset käyttäjät voivat lukea videoissa äänenä olevan tiedon
tekstityksen avulla.
• Puhevammaisen henkilön puhetta on helpompi ymmärtää tekstitettynä.
• Videon näkyvyys hakukoneissa paranee.
• EU:n saavutettavuusdirektiivi velvoittaa.
www.saavutettavuusvaatimukset.fi
→ Videoiden ja äänilähetysten
saavutettavuus

36. Tekstittämisen sovelluksia
Sovelluksia videon tekstittämiseen, kolme alinta osaa tehdä sen myös
suomenkielisestä puheesta, mutta edellyttävät oikolukua.
(lue lisää kohdasta tekstitys: www.matleenalaakso.fi/p/koulutusdiat.html):
• YouTube
• Clips-mobiilisovellus (iOS)
• Screencast-O-Matic (maksullinen versio alk. 2-4 $/kk, oma suosikkini)
• Teams

37. Tekstittämisen vaihtoehdot
YouTubeen voit tuoda valmiiksi tekstitetyn videon,
erillisen tekstitystiedoston tai tehdä tekstityksen
YouTuben työkalulla.
• Tekstitys on suositeltavaa lisätä
ns. Closed Captions –tekniikalla
(esim. YouTuben oma tekstitystyökalu), jolloin
se on luettavissa näkövammaisten apuvälineillä.
• Vaihtoehto on Open Captions, jolloin tekstitys
on poltettu kiinni videoon.

38. YT-tekstityksen vaihtoehdot
Ohjeet: support.google.com/youtube/answer/2734796?hl=fi
Kirjoita itse
(ks. seur. diat)
Automaattinen synkronointi: ei toimi suomeksi
Automaattinen käännös toimii,
kun video on ensin tekstitetty yhdellä kielellä.
Lataa esim. Screencast-O-
Maticilla tehty tekstitystiedosto.
Tekstitys

39. 1. Kuuntele repliikki. → 2. Avaa +-merkistä uusi
tekstilaatikko. → 3. Kirjoita repliikki. → 3. Toista.
Avaa
teksti-
laatikko

40. YouTuben tekstitystyökalu
Rasti
ruutuun!
Tekstityksen kestoa
voit muokata
aikaleimoista tai
aikajanalta.

41. Tekstittäjän laatusuositukset
kieliasiantuntijat.fi/ohjelmatekstityksille-laatusuositukset
"Ohjelmatekstitys noudattaa suomen
yleiskielen kielioppi- ja oikeinkirjoitus-
sääntöjä lauserakenteita myöten.
Säännöistä poiketaan vain perustelluista
syistä, esimerkiksi tyylin vuoksi."
• Käytä yleiskieltä,
ellei ole perusteita muulle.
• Voit tiivistää ja selventää tekstitystä,
jotta se on ymmärrettävää.

43. Jatketaan keskustelua & opitaan yhdessä!
• Keskustelu
• Kysymykset
• Ideoiden ja tuotosten jakaminen
• Vertaispalaute
• Kommentointi ja tykkäykset
Oppiminen edellyttää webinaarissa esillä
olleiden teemojen pohtimista suhteessa
omaan työhön ja sovellusten harjoittelua.
Sitä kannattaa tehdä melko pian, kun asia
on tuoreessa muistissa.
Ota ideointiin ja kokeiluun mukaan
kollegasi tältä kurssilta tai nappaa
kiinnostunutta hihasta kahvihuoneessa!
Jatketaan oppimista myös Padletissa!

44. www.matleenalaakso.fi
• Yli 340 bloggausta ja lisää tulossa.
• Koulutusdiojen sivulla kymmeniä
ohjeita verkon palveluista.
• Sähköisten kokeiden sivu:
esimerkkikyselyitä ja ohjediat.
• H5P-työkalujen sivu:
video, ohjediat ja linkki esimerkkeihin.
• Webinaarikoonti:
linkkien takana myös satoja tallenteita.

45. Lisätietoja
• CC-lisenssit: 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 lähteeseen.
– 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