Tarkempia ohjeita esillä olleisiin sovelluksiin: https://www.matleenalaakso.fi/p/koulutusdiat.html OKO-hankkeen tapahtumakalenteri: https://www.edusuunta.fi/oko-tapahtumat

1. Elävöitä opetusta lyhyillä
videoilla ja animaatioilla
OKO! - osallisuus, kokemuksellisuus ja
osaaminen näkyväksi –hanke, Otavia
Webinaari 8.9.2021
Matleena Laakso
Blogi: www.matleenalaakso.fi
Twitter: @matleenalaakso
Diat: www.matleenalaakso.fi/p/koulutusdiat.html

2. Ohjelma klo 14.00-16.30
• Videot opetuksessa
• Sovelluksia
– Adobe Spark Video
– Biteable ja Powtoon
– Muutama muu sovellusvinkki
• YouTube-kanava, videon asetukset ja tekstittäminen
Kuva: Alexandra Koch, CC0, pixabay.com

3. Videot opetuksessa
Kuka tekee?
• Verkon valmiit videot
• Oppilaitos/hanke/opettajat videoiden tekijöinä
• Opiskelijat videoiden tekijöinä
Miten hyödynnetään?
• Tervetulotoivotus verkkokurssille
• Videot osana (verkko-)oppimateriaaleja
• Videot flippauksen itseopiskelumateriaalina
• Videoiden tekeminen osana oppimisprosessia
• Verkkovideopiiri
• Flipgrid-videochat
• Palautteen anto videomuodossa
• Interaktiiviset/haarautuvat videot (H5P, ThingLink)
• 360-videot havainnollistamisessa
• Livestriimaus, webinaarit ja niiden tallenteet
Kuva: Free-Photos, pixabay.com

4. Oppijat videoiden tekijöinä
• Osaamisen osoittaminen
• Oppimisprosessin dokumentointi
• Harjoittelun tai työssäoppimisen raportointi
• Esittelyvideo: työhakemus, CV, portfolio
• Medialukutaidon kehittyminen: kuluttajasta
tuottajaksi, vaikuttamisen tavat,..
• Kirjatraileri tai kansansadun modernisointi
• Vieraalla kielellä selostettu kuvatarina
• Historialliset tarinat tai päiväkirjamerkinnät
• Projektit: vierailu, yrittäjyys, kv, ilmiöviikko,..
• Videoesseet
• Ohjevideot
Kuva: Pexels, pixabay.com

5. Mikä on seuraavan videosi otsikko?
Voit nimetä useitakin ☺
answergarden.ch/2086381

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

7. Kolme vinkkiä videoprojekteihin
Richard Byrne: www.freetech4teachers.com/2016/03/three-tips-for-planning-video-projects.html
www.freetech4teachers.com/2015/05/seven-steps-for-creating-videos-in-your.html
1. Keep it short and sweet
• Hyvin suunniteltu ja editoitu 90 sekunnin video toimii!
• Aikarajan määrittely helpottaa rajaamista.
2. Vaadi suunnitelmaa ennen kuvaamista
• Etukäteissuunnittelu ohjaa pohtimaan videon tarkoitusta.
• Suunnitelmaan mm. taustakuvat, ääniefektit, keskustelu, kertojan ääni,..
3. Määrittele, mitä arvioidaan ja kerro se oppijoille (tai sopikaa yhdessä)
• Arvioinnin kohteena esim. syy-seuraussuhteiden ymmärtäminen, tietyn ilmiön
moninaisuuden ymmärtäminen, videokerronta,..

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

9. pixabay.com
• Tekijänoikeusvapaita kuvia, videoklippejä ja musiikkia.
• Hakutulosten ensimmäisellä rivillä näytetään maksullisia Shutterstockin
kuvia palvelun rahoittamiseksi
• Muita kuvapankkeja: unsplash.com, www.pexels.com, stocksnap.io
Kuva: tookapic, pixabay.com, CC0

10. www.adobe.com/fi/express
• Adobe Sparkin peruskäyttö on maksutonta, myös kaupalliseen käyttöön.
Ilmaisversio toimii hyvin esim. yksittäisen opettajan käytössä.
• Koulutuksen järjestäjä saa Premiumin maksutta ja GDPR:n mukaisesti,
kun Spark integroidaan osaksi käyttäjähallintaa.
– Ohjeet tietohallinnolle: spark.adobe.com/edu
– IlonaIT Oy:n palveluna (300 €): www.ilonait.fi/adobe-spark-kaeyttoeoenotto

11. Adobe Sparkin sovellukset
Spark Video (pc, iOS)
• Sopii lyhyille videoille ja kuvatarinoille (max 12 min).
• Esimerkkejä: www.youtube.com/c/matleenalaakso
(ks. Adobe Spark Video –soittolista)
Spark Page (pc, iOS)
• Pagella luodaan verkkosivuja tai digijulkaisuja, mihin saa
tekstiä, kuvia, videoita ja linkkejä.
• Esimerkki: bit.ly/matleenabett2019
• Samankaltainen kuin Microsoftin Sway.
Spark Post (pc, Android, iOS)
• Postin avulla yhdistellään tekstiä, kuvia ja grafiikkaa.
Valmismalleja hyödyntäen voi luoda mm. somepostauksia,
kuvakollaaseja, julisteita ja infograafeja.
• Samankaltainen kuin Canva.

12. Adobe Spark Post
Muut vaihtoehdot kuin video ja verkkosivu tehdään Post-sovelluksella, jossa
yhdistetään tekstiä, kuvaa ja grafiikkaa. Tee kuvista interaktiivisia ThingLinkin
tai H5P:n avulla! www.thinglink.com/scene/1362378945231585283

13. spark.adobe.com/fi-FI/sp

14. Maksuton versio

15. Spark-videon luominen
Selaimella
1. Luo projekti → Video
2. Nimeä video
3. Valitse malli tai klikkaa
Aloita alusta.
Katso ehdotettu
ohjevideo.
iOS-sovelluksella
• Plus → Valitse aloitatko valokuvistasi, juttumallista vai
siirrytkö suoraan editoriin.

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

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

18. Videon jakaminen
• Esikatsele videosi aina ennen jakamista.
• Yhteiseditointi onnistuu (eriaikaisesti).
• Videon voit jakaa piilotetulla linkillä (jaa → julkaise). Se on helpoin
tapa ja etuna on mahdollisuus päivittää videota linkin muuttumatta.
• Videon voit myös ladata tiedostona ja jakaa haluamallasi tavalla esim.
YouTubessa tai organisaatiosi videopalvelussa.

19. Biteable, Powtoon ja Animaker
- animaatioita valmispohjista
Kolme samankaltaista sovellusta.
Ne ovat maksuttomia ei-kaupalliseen käyttöön.
• Luo animaatiota valmispohjista, jotka on koottu animoiduista dioista.
– Kaikilla muokkaus onnistuu pelkkiä tekstejä muokaten.
– Biteablessa voi rajatusti muokata kuviakin. Kahdesta muusta voi valita yksin-
kertaisen tai monipuolisemman muokkausnäkymän kuvienkin muokkaamiseen.
• Kaikilla voi luoda videoita myös omista tai osin sovelluksenkin kautta
löytyvistä kuvista ja videoklipeistä.

20. biteable.com: Valitse mallipohja
tai aloita tyhjästä
Aloita mallista (templates) tai
tyhjästä pohjasta.
Voit lisätä ja poistaa dioja
(scene) tai vaihtaa niiden
järjestystä.
Dioja on kolmenlaisia:
• sovelluksesta löytyviä
animoituja dioja
• sovelluksen kuvia tai videoita
• omia kuvia tai videoita

21. Nimeä, valitse koko ja vesileima
Valitse videon koko ja lisää vesileima jo heti alussa (jos käytät
ilmaisversiota), niin voit huomioida sen sijainnin videota muokatessasi.
Video settings

22. Dian tekstiä muokkaat tuplaklikaten,
voit vaihtaa fontin ja tekstin animoinnin

23. Tuplaklikkaamalla kuvaa/taustaa,
voit muokata väritystä, kokoa ja sijaintia

24. Aikajanalla luot kokonaisuuden
Venytä tai supista yksittäisen dian tai sen
tekstin kestoa aikajanalla. Yhdellä dialla
voi olla peräkkäin useampikin teksti.
Esikatselu
Lisää uusia dioja tästä tai
vas. yläkulman ADD-kohdasta.
Diojen
vaihtumisen
tehoste
Valitse taustamusiikki tai
tuo oma äänitiedosto
Aikajanan
zoomaus

25. Lopuksi
STYLE-kohdasta voit muokata koko videon
värivalintoja.
Esikatsele video ja valitse EXPORT.
• Viimeistään tässä vaiheessa videoon lisätään
vesileima, jos haluat käyttää maksutonta versiota.
Valitse miten jaat videon
• Lataa koneellesi ja vie esim. YouTubeen.
• Julkaise video Biteablessa julkisella tai piilotetulla
linkillä. Voit päivittää videota linkin muuttumatta.

26. www.powtoon.com
Ilmaisversiolla voit tehdä max 3 min animaatiota.
Rajattu määrä maksuttomia valmispohjia ja ominaisuuksia.
• Edit: valmispohjia (templates) muokkaamalla
animaation luominen on erittäin helppoa.
• Create: monipuoliset työkalut, jos luot animaation
alusta asti itse ja/tai haluat monipuoliset mahdollisuudet muokkaamiseen.

27. Powtoon-animaation aloitat helpointen
valitsemalla pohjan (template)
• CREATE: tutustu vaihtoehtoihin (pikkukuva alla)
• TEMPLATES-kohdasta voit selailla mallipohjia eri kategorioista.
Etsi sopiva (Pro/Pro+ ovat maksullisia) ja avaa se muokattavaksi.
• IMPORT: käytä pohjana PowerPoint-diasarjaa
• BLANK-kohdasta aloitat tyhjästä.

28. Edit: muokkaa valmispohjien tekstit

29. Create antaa monipuolisemmat
työkalut sisällöt muokkaamiseen

30. Hyviä video- ja animaatiosovelluksia
Kuvatarinat ja lyhyet videot
• Adobe Spark Video (pc, iOS)
Perinteinen videoeditointi
• Windows 10:n videoeditori – löytyy (valo)kuvat-sovelluksesta
• iMovie (iOS) – Applen laitteille
• PowerDirector Video Editor App (Android, iOS)
Animaatioita valmispohjista
• Biteable tai vähän monipuolisempi Powtoon
Ruudunkaappausvideot
• Screencast-O-Matic
• PowerPointin tallennusvälilehti

31. Eri sovelluksilla tehtyjä esimerkkejä
Videot otsikoitu sovelluksen mukaan: www.youtube.com/c/MatleenaLaakso
padlet.com/matlaakso/digitarinat → Animaatioiden soittolista:

32. Windows 10: videoeditori

33. PowerDirector Video Editor App
• Helppo ja monipuolinen sovellus (Android, iOS, myös pc-versio)
• Toimii hyvin jopa puhelimen näytöllä
• Mukana musiikkia, monipuolisia tehosteita yms.
• Sovelluksen sisällä selkeät tutoriaalit
Ehdottaa
maksua,
tästä saat
ilmaisversion.
Luo uusi
video

34. PowerDirector Video Editor App
Aloita lisäämällä videoklipit, kuvat ja/tai ääniraidat.
Klikkaa yksittäistä kuvaa/videota tai siirtymää, niin muokkausvalikko avautuu.
Kuvassa videoklipin muokkausvalikon työkalut.
VASEMMAN REUNAN KUVAKKEET
Palaa video-
projekteihisi
Lisää video,
kuva tai ääni
Layerit esim.
tekstin tai
kuvan lisäys
Hups
OIKEAN REUNAN KUVAKKEET
Tallenna/
tee videoksi
Video ja
äänen
Asetukset
ja ohjeet
Esikatsele

35. TextingStory Chat Story Maker
(Android, iOS)
Sovelluksen avulla teet
helposti videoita
vuorovaikutustilanteista
tekstareiden/chatin
muodossa.

36. www.youtube.com/c/matleenalaakso
Osio
Osio
Soitto-
listoja
Kanavan
esittelyvideot

37. YT-kanavan muokkaaminen
Kolme välilehteä:
• Asettelu näkyy
kuvassa.
Siitä määrittelet
kanavasi ulkoasua.
• Brändäys-välilehdeltä
lisäät mm. kanavan
banneri-kuvan
• Perustiedot-
välilehdellä kuvailet
kanavasi ja voit kertoa
sometilisi ym.

38. Kanavan soittolistat
Soittolistojen avulla saat koottua omia ja
muiden videoita yhteen.
Soittolista voi olla julkinen, piilotettu tai
yksityinen.
Lisää
katso
myöhem-
min
-listalle

39. Ladattuasi videon, muokkaa asetukset
Asetukset voi muokata
videota ladattaessa tai
jälkikäteen.
Asetukset ovat samat,
mutta valintojen järjestys
hieman erilainen.
Tutki itse, YouTube neuvoo
tai katso bloggaus:
www.matleenalaakso.fi/2021/03
/youtube.html

40. Monta syytä tekstittää videoita
HAMK: blog.hamk.fi/ohjeet/nain-tuotat-saavutettavan-videon
• Katsoja ei voi aina käyttää ääntä tai on vaikea kuulla taustamelun vuoksi.
• 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

41. Saavutettavuus ja helppokäyttöisyys
on muutakin kuin tekstittämistä 1/2
• Suunnittele video hyvin, jotta se etenee loogisesti
ja keskityt oleelliseen.
• Hyödynnä puhetta, (video)kuvaa ja grafiikkaa.
• Äänimaailma
– Puhu selkeästi ja rauhallisesti. Katsoja voi
halutessaan muuttaa toistonopeutta.
– Käytä erillistä mikrofonia ja ulkona sen tuulisuojaa.
– Vältä musiikin käyttöä puheen taustalla.
– Lisää tekstityksiin myös taustaäänet,
esim. [ukkosen jyrinää].
• Kerro, että linkit löytyvät kuvauksesta tai tee
interaktiivisia videoita ThingLinkillä tai H5P:llä.
Kuva: eConnekt, pixabay.com

42. Saavutettavuus ja helppokäyttöisyys
on muutakin kuin tekstittämistä 1/2
• Hyödynnä Creative Commons -lisenssejä
– CC kertoo selkeästi videosi käyttöoikeudet.
– Hyödynnä muiden CC-materiaaleja.
• Käytä saavutettavaa upotuskoodia tai jaa linkki.
– Lisää title-atribuutti iframen sisään seuraavasti:
välilyönti title=”sisällön kuvaus” välilyönti
• YouTube
– Hyödynnä päätösruutuja (suositus seur. videosta).
Jätä tällaisten videoiden loppumusiikille ym 20 sek
”tyhjää”, jottei päätösruutu peitä sisältöä.
– Muokkaa kanavasi selkeäksi esim. osioiden tai
soittolistojen avulla.
– Jos sallit kommentoinnin, osallistuthan itsekin
keskusteluun.
Kuva: eConnekt, pixabay.com

43. Tekstittämisen vaihtoehdot
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.
Saavutettavan videon voit toteuttaa myös
tarjoamalla saman sisällön erikseen
tekstimuodossa.

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

45. 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."
Ohjeistus sallii tiivistämisen ja
selventämisen, jotta tekstitys on
ymmärrettävää.
Sanatarkasti ei siis kaikkea tarvitse
tekstittää.

46. www.matleenalaakso.fi
• Yli 320 bloggausta ja lisää tulossa.
• Koulutusdiojen sivulla noin 30 päivittyvää
diasarjaa verkon palveluista, myös nyt esillä
olleista. Diojen perässä bloggauksia
esimerkkeineen ja videoineen.
• Sähköisten kokeiden sivu:
esimerkkikyselyitä ja ohjediat.
• H5P-työkalujen sivu:
video, ohjediat ja linkki esimerkkeihin.
• Webinaarikoonti:
linkkien takana myös satoja tallenteita.

47. Kerro ääneen tai jaa chattiin
yksi tärkeä oivallus, mikä
tekee seuraavasta videostasi
entistä paremman ☺

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