1. Digi haltuun:
minustako sisällöntuottaja? 2 op
Uudet oppimisratkaisut erilaisissa oppimisympäristöissä -hanke
TAMK, ammatillinen opettajankoulutus
Sasky, Hämeenkyrö 8.-9.11.2018
Matleena Laakso
Blogi: www.matleenalaakso.fi
Twitter: @matleenalaakso
Diat: www.matleenalaakso.fi/p/koulutusdiat.html
2. Tavoite
Koulutuksen tavoitteena on oppia tuottamaan ja
jakamaan monipuolisesti sekä oppimateriaaleja että
erilaisia tehtäviä.
Tutustumme sovelluksiin, jotka toimivat
mobiililaitteilla (Android tai iOS), mutta suurinta osaa
voi käyttää myös läppärillä eli usein työkalun voi valita
tilanteen ja omien mieltymysten mukaan.
4. Tänään klo 9-15
• Koulutuksen käytännöt ja omat tavoitteet
• Tunnetko mobiililaitteesi? Entä tekijänoikeudet?
• Digitarinat opetuksessa
• Tutustumista erilaisiin video- ja julkaisusovelluksiin, esim.
– Videoeditointi
– Kuvatarinat
– Animaatiot
– Ruudunkaappausvideot
– Sähköiset julkaisut
Sisältöihin voi
vielä vaikuttaa
5. Huomenna 10-14
• ThingLink: interaktiiviset kuvat ja videot (myös 360)
• Moodlen H5P-työkalut: oppimistehtävät ja sisällön
muokkaaminen
6. Webinaari pe 14.12. klo 8.30-10.30
Lähipäivien jälkeen jokainen harjoittelee kokeiltuja
sovelluksia ja tekee videon, animaation, julkaisun,
Thinglink-kuvan tms. esiteltäväksi webinaarissa.
• Tuo linkki sisältöösi Padletiin tai lähetä Matleenalle
(matleena.laakso ät tamk.fi) viim. ke 12.12.
• Jos et voi jakaa linkkiä (esim. H5P), kirjoita Padletiin lyhyt
kommentti, millä työkalulla tehtävän teit. Voit esitellä sen
webinaarissa esim. jakamalla näyttösi tai lähettämällä
Matleenalle etukäteen muutaman ruudunkaappauskuvan /
pari diaa.
7. Koulutuksen materiaalit ja linkit yms.
• Salasanan löydätte s-postistanne.
• Padlet on suljettu, mutta diat löytyvät julkisesti verkosta:
www.matleenalaakso.fi/p/koulutusdiat.html
8. Tunnetko mobiililaitteesi? 1/3
Osaatko…
• yhdistää laitteesi langattomaan verkkoon?
• sallia/estää sijaintitiedon?
• lukita näytön suunnan?
• säätää kirkkautta?
• määritellä kiinnitetyssä alavalikossa näkyvät sovellukset?
• lisätä lukituksen allekirjoituksen (oma nimi ja ICE)?
• määritellä ladataanko uudet sovellukset puhelimeen vai
muistikortille? Ja osaatko siirtää niitä?
• varmuuskopioida laitteesi?
Mitä muuta asetuksista löytyy ja olisi hyvä osata?
9. Tunnetko mobiililaitteesi? 2/3
Tunnetko kamerasi?
• Tunnetko kamerasi toiminnot?
• Mitä ominaisuuksia löydät kameran asetuksista?
• Löydätkö ottamasi kuvat ja videot?
• Osaatko jakaa kuvia ja videoita?
• Tunnetko kuvasovelluksesi: galleria/kuvat, Google-kuvat,..
• Osaatko ottaa ruudunkaappauskuvan?
Onko laitteellasi valmiiksi kuva- ja videoeditointisovelluksia?
Mitä kuva- tai videoeditointisovelluksia käytätte?
10. Tunnetko mobiililaitteesi? 3/3
Sovellusten (apps) hallinta
• Osaatko etsiä, ladata ja päivittää sovelluksia?
• Osaatko järjestellä ja kansioida sovelluksia? Entä kiinnittää niitä
näytön alapalkkiin?
• Osaatko sulkea ja poistaa sovelluksia?
• Tunnetko laitteessasi olevat sovellukset?
Ymmärrätkö mitä tarkoittaa, kun sovellus pyytää lupaasi
• käyttää esim. kameraasi, kuviasi, mikrofonia tai sijaintiasi?
– Ja mistä voit myöhemmin näitä lupia muuttaa?
• lähettää sinulle push up –ilmoituksia?
Esittele ryhmälle yksi hyvä ja paljon käyttämäsi sovellus!
12. kopiraittila.fi
• Tekijänoikeusopetusmateriaalia peruskoulusta toiselle asteelle ja
opettajankoulutukseen
• Pelillisiä tehtäviä opsin tavoitteisiin
• Hyödynnä esim. 1-2 tunnilla/lukuvuosi tai erillisinä paloina tiettyjen
teemojen yhteydessä.
Ruudunkaappauskuva
palvelusta
13.
14. • Maailman käytetyin avoin lisenssi eli
käyttölupa
• Kansainvälinen ja epäkaupallinen hanke
• Jos haluat antaa muille oikeuden eri tavoin
käyttää aineistoasi, sinun täytyy kertoa siitä.
Suositeltavinta on tehdä se merkitsemällä
aineisto avoimella Creative Commons
-lisenssillä.
• creativecommons.fi
Kuva: creativecommons.org/licenses, CC BY
15. 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ä näitä neljää ehtoa, saadaan seuraavan dian lisenssit
16. 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
Epävirallinen suositus oppimateriaaleille on CC BY-SA
Avoimempi CC BY käy myös hyvin. Voit toki käyttää muitakin lisenssejä,
mutta suosituksesta poikkeamiseen kannattaa olla mietitty perustelu.
Oppi-
materiaalit
Julkishallinnon
avoimen datan
lisenssisuositus
17. CC0-kuvia: pixabay.com
• Valokuvia, piirroksia, vektoreita ja videoita.
• Palvelu näyttää myös maksullisia Shutterstockin kuvia rahoittaakseen
palvelun. Maksulliset kuvat näkyvät hakutuloksissa ylimpänä ja ne on
merkitty vesileimalla.
• Lisää CC0-kuvia: unsplash.com, www.pexels.com, stocksnap.io
Kuva: tookapic, pixabay.com, CC0
18. Mika Myllymäki (2018). Development and evaluation study of a video-based blended education model: jyx.jyu.fi/handle/123456789/58853
20. Kuudenlaisia videoita
Richard Byrne: www.freetech4teachers.com/2017/06/six-types-of-classroom-video-
projects.html#.WbV_47JJaUm
1. Yhden otoksen tarinat
2. Kuvista tai dioista tehdyt tarinat, joissa selostus tai taustamusiikki
3. Ruudunkaappauksena kuvattu ohjevideo
4. Animoidut videot
5. Stopmotion/timelapse-videot (ajastettu kuvaus)
6. Dokumentit ja elokuvat
Kuva: JanBaby, CC0, pixabay.com
21. Kolme vinkkiä videoprojekteihin
Richard Byrne: www.freetech4teachers.com/2016/03/three-tips-for-planning-video-projects.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,..
• TOISAALTA: Lyhyiden videoiden kanssa toimii myös kokeileminen. Kun on
kuvannut ensimmäisen version, tietää mikä toimii ja mikä ei ja voi kuvata
uudelleen. www.freetech4teachers.com/2015/05/seven-steps-for-creating-videos-in-your.html
3. Määrittele oma tavoitteesi tai se, mitä arvioidaan
• Kerro se oppijoille (tai sopikaa yhdessä)
• Arvioinnin kohteena esim. syy-seuraussuhteiden ymmärtäminen, tietyn ilmiön
moninaisuuden ymmärtäminen, videokerronta,..
24. Adobe Spark
Adobe Sparkilla on kolme sovellusta:
• Video
• Page (=Web Page) – sähköiset julkaisut, uutiskirjeet, lehdet,.. (vrt. Sway)
• Post (=Graphic) – somepostaukset, esitteet, kuvat, infograafit,..
Pc-koneella: spark.adobe.com (vältä Explorer-selainta)
Mobiilisovellukset:
• iOS: Video, Page, Post
• Android: Post (Video & Page tulossa pian)
Tarvitset tunnukset
• Luo oma tunnus eli Adobe ID (13 v. ikäraja)
• Hankkikaa maksutta oppilaitoksen käyttäjähallintaan integroituja Spark-
sovelluksia. Lisätiedot: spark.adobe.com/edu
25. Adobe Spark Video
Videon pohjana voi käyttää tekstiä, sovelluksen kautta
löytyviä kuvia (ikonit tai valokuvat) tai omia kuvia ja
videoita. Taustalle saat musiikin ja/tai oman selostuksen.
Sovelluksella tehdään videoita, vaikka sovellus puhuu
dioista. Voit ajatella diat lyhyinä videoklippeinä.
Yksittäisen videoklipin pituus on max 30 sek, mikä
tarkoittaa, että sovellus on parhaimmillaan, jos tuo
aikaraja riittää. Pidemmät klipit tuodaan 30 sek pätkissä,
mikä toimii yksittäisten videoiden kohdalla, mutta jos
videomateriaalia on runsaasti, kannattaa valita joku
toinen sovellus videon editointiin.
26. Näin luot Spark-videon 1/2
1. Lisää uusi valitsemalla:
2. Valitse kolmesta vaihtoehdosta VIDEO
ja nimeä se. (Tämä vaihe puuttuu mobiilista.)
3. Valitse valmis pohja, jossa on vinkkejä
tarinan kuljettamiseen tai aloita tyhjästä
4. Voit katsoa lyhyen ohjevideon ja sitten pääset
muokkausnäkymään (vas. selaimella, oik. mobiili).
27. Näin luot Spark-videon 2/2
• Voi tuoda omia videoita (max 30 s/dia),
tekstiä (teema määrittää fontin ja
värin), kuvia (omat tai sovelluksen
kautta löytyvät) ja ikoneita eli
kuvasymboleita
• Voit vaihtaa kunkin dian layoutin,
esityksen teeman, valita esityksen
muodon (laajakuva/neliö) ja musiikin.
• Voit äänittää selostuksen diaan
kerrallaan. Dia näkyy vain 2 sek tai
äänityksen keston ajan, ellet muuta
valitse.
• Esikatsele ja jaa linkillä tai lataa
tiedostona laitteellesi ja siitä esim.
YouTubeen.
28. Adobe Spark Post (Graphic)
Tee somepostauksia, kuvia, infograafeja tai vaikka julisteita esim. somessa,
muissa Sparkin sisällöissä, blogissa tai dioissa julkaistavaksi.
29. Adobe Spark Post
• Valitse valmis malli (Template) tai selainversiolla tyhjä pohja, jonka pohjalta
muokkaat (Remix) oman postauksen.
• Selain-versiossa voit valita suoraan tiettyyn some-kanavaan optimoidun
pohjan, mobiililaitteella valinta tehdään mallin valinnan jälkeen.
31. Tekstistä kuvaksi
notegraphy.com
Toimii selaimella myös mobiililaitteilla. Saman
niminen mobiilisovellus on nykyisin eri palvelu.
Luo oma tunnus tai kirjaudu (sign in)
yhteisellä…
1. Klikkaa Make a note ja kirjoita teksti
2. Style it ja valitse visuaalinen malli ja sen
väri lukuisista vaihtoehdoista
3. Jaa kuva ja määrittele julkaisuasetukset
Notegraphy opettajan työssä, Spark
Videolla tehty sovelluksen esittely
(1:58 min): bit.ly/2Q1Qx9S
32. PowerDirector Video Editor App
(Android)
• Helppo ja monipuolinen sovellus
• Toimii hyvin jopa puhelimen näytöllä
• Mukana musiikkia, monipuolisia tehosteita yms.
• Sovelluksen sisällä selkeät tutoriaalit
33. PowerDirector Video Editor App
(Android)
VASEMMAN REUNAN KUVAKKEET
Palaa video-
projekteihisi
Lisää video,
kuva tai ääni
Layerit esim.
Tekstin lisäys
Efektit
Kolme alinta
Kuvaketta:
kuva- ja
ääniraidat
OIKEAN REUNAN KUVAKKEET
Tallenna/
tee videoksi
Asetukset
Peru
edellinen
toiminto
Esikatsele
34. Monipuolinen iMovie (iOS)
Monipuolinen sovellus elokuvien tekemiseen. Itse kuvattujen videoiden lisäksi
mukaan saa muita iPadilla tehtyjä tuotoksia (animaatiot,..) sekä kuvia ja
ääniraidan. Sovellus tarjoaa käyttöön musiikkia.
35. iMoviella myös trailereita
Trailerin kesto on aina noin minuutti. Ne ovat nopeita ja helppoja tehdä.
Trailereissa käytetään valmiita työpohjia, jotka sisältävät äänet ja joiden
käsikirjoitusta voi muokata, mutta ei kuvien/videoiden kestoa.
• PAOK-verkoston Marjon ja Minnan
traileri: bit.ly/iduistakasvaa
Valitse
työpohja
Muokkaa
käsikirjoituksen
tekstit ja lisää kuvat
sekä videot.
36. www.magisto.com (Android, iOS, pc)
Hyvin yksinkertainen sovellus, jossa video
koostetaan automaattisesti kuvistasi
ja/tai videoistasi. Et saa mukaan selostusta
tai tekstitystä. Tee video seuraavasti:
1. Kuvaa kuvat ja videot (haluamassasi
järjestyksessä, vaikka järjestys voikin
sekoittua) tai valitse ne laitteeltasi.
2. Valitse teema.
3. Valitse musiikki.
4. Valitse pituus tai hyväksy ehdotus.
5. Magisto koostaa elokuvan tehosteineen
automaattisesti. Video jaetaan linkillä.
Mainostaa aktiivisesti maksullista versiota
(Premium), mutta ilmainenkin on tarjolla. Siinä
videon kesto max 1:30 min, korkeintaan 10
kuvaa/videoklippiä ja video jaetaan linkillä.
37. Videoiden jakaminen ja kokoaminen
Videot jaetaan usein linkillä, QR-koodilla tai upottamalla.
Useimmiten ne voi myös ladata omalle laitteelle, pilveen tai YouTubeen.
Yksittäisen oppijan, opettajan ja ryhmän on usein kätevää koota
ainakin tiettyyn tehtävään tai teemaan liittyvät videot ja muut
tuotokset yhteen, riippumatta siitä, millä välineillä ne on tehty.
Ne voidaan koota yhteen esim.
• Sähköiseen oppimisympäristöön
• Yhteiselle kanavalle YouTubeen tai Vimeoon
• Office365:een (esim. Stream, Teams, OneDrive)
• Omiin blogeihin tai kurssin yhteiseen blogiin
• Padlet-seinälle (linkkeinä): ks. esim. padlet.com/matlaakso/digitarinat
• Hashtagien avulla esim. Twitteriin
• Yhteiseen digijulkaisuun (esim. Sway)
38. YouTubeen jakaminen
• Suuri osa erilaisista video- ja animaatiosovelluksista tarjoaa jakamista
suoraan YouTubeen. Toisinaan video tulee tallentaan ensin omalle laitteelle ja
jakaa YouTubeen sieltä.
• Google-tilin (esim. gmail) voi tehdä ryhmälle yhteiseksi.
• Voit perustaa kanavia (oma, oppilaitos, oppiaine, kurssi, projekti,..).
• Videoiden jakotavat: yksityinen, piilotettu tai julkinen.
• HUOM: Mobiililaitteita käytettäessä et pääse muokkaamaan YouTuben kaikkia
asetuksia (esim. käyttölupa, jakotapa, aloituskuva).
Kuva: geralt, pixabay.com, CC0
39. QR-koodien avulla jaat videot mm. julisteissa,
monisteissa ja painetuissa esitteissä
www.qr-koodit.fi/generaattori (toimii myös mobiililaitteilla)
• Jos haluat koodin kuvasta, vie kuva verkkoon, esim. Google Driveen tai
OneDriveen. Koodin teet kuvan julkisesti jaetusta linkistä.
• Pitkä linkki kannattaa ensin lyhentää: bit.ly
Testaa koodit ennen
käyttöönottoa!
URL = linkki;
Vapaavalintainen
= teksti
40. Animaatioita pc-koneella
• Vartissa valmista: tee animaatioita pc-koneella valmiiden hahmojen,
taustojen ja musiikin avulla: www.dvolver.com/moviemaker/index.html
• Esikatselun jälkeen saat videon talteen lähettämällä sen s-postiisi kohdasta
Recipients email(s). Sen jälkeen saat myös upotuskoodin.
42. biteable.com
Selaimella (myös mobiililaitteissa) toimiva helppo sovellus
animaatioiden tekemiseen
• Animaatioesitykset tehdään valitsemalla valmiiksi animoituja kohtauksia
(scene) ja lisäämällä niihin omat tekstit.
• Esitykseen voi valita taustamusiikin, valikoimaa on runsaasti.
• Useimpiin kohtauksiin mahtuu tekstiä vain 80 merkkiä.
• Maksuton versio: viisi animaatiota/kk.
• Esikatselun lataaminen hidasta (noin minuutti/dia)
• Bloggaus: www.matleenalaakso.fi/2018/10/biteable.html
44. Maksuttomassa versiossa on tarjolla
tuhat erilaista kohtausta (scene)
Tässä on näkyvillä
muutama kohtaus
teemasta
INFOGRAPHIC.
Klikkaamalla näet
animoinnin.
45. Esikatsele Jaa animaatio
Maksuttomalla versiolla tehdyt animaatiot ovat julkisia. Saat linkin ja
upotuskoodin Biteablen sivulle. Animaatiot voi jakaa myös mm. YouTubeen.
46. www.powtoon.com
Pc-koneella toimiva sovellus animoitujen esitysten luomiseen
• Valmispohjilla (templates) ja Quick edit –näkymässä animaation luominen
on erittäin helppoa.
• Jos luot animaation alusta asti itse ja haluat monipuoliset mahdollisuudet
muokkaamiseen, käytä Full studio –näkymää.
• Ilmaisversiossa animaation kesto max 3 min, jaettavissa YouTubeen.
• Ks. www.matleenalaakso.fi/2018/10/powtoon.html
50. Sway
• Työkalu esim. sähköisen julkaisun, uutiskirjeen, portfolion tai
raportin tekemiseen.
• iOS-sovellus poistuu joulukuussa 2018, mutta Sway toimii selaimella
myös mobiililaitteilla: sway.office.com
• Ulkonäkö mukautuu käytettävän laitteen mukaan, saa pdf:ksi.
• Ohjeita:
– Microsoft: bit.ly/swayohje
– Sanna-Kaisa Salonniemen
Swayllä tehdyt ohjeet:
sway.com/JcsMOuDuC1PFEsE7
51. Uuden Swayn voit luoda mallin tai aiemman
asiakirjan pohjalta tai luoda tyhjästä
52. Uuden Swayn muokkaaminen
Aloita nimeämällä Sway. Voit tuoda otsikon taakse taustakuvan.
Lisää Swayhin plus-merkistä kortteja, joihin saa erilaista sisältöä.
56. Jakamisen vaihtoehdot
Valitse kuinka julkisesti haluat
Swayn jakaa.
Voit jakaa sekä tarkastelu-
että muokkauslinkin.
Muokkauslinkki on tarjolla
vain O365-käyttäjillä.
57. Valinnat kolmen
pisteen takaa
• Voit esim. monistaa
Swayn tai tallentaa sen
malliksi.
• Täältä muokkaat myös
Swayn asetukset, esim.
voivatko muut sen
kopioida.
60. Eilen julkistettuja ominaisuuksia
h5p.org/november-2018-release-note
• Voit kopioida sisältöjä vapaasti eri tehtävien välillä.
– Esim. interaktiivisen videon monivalintatehtävän osaksi Question Set -
kyselyä.
• Lisää mahdollisuuksia tekijänoikeusmerkintöihin
– Voit lisätä CC-lisenssin kuvien ja videoiden lisäksi mm. tekstiin tai
kokonaisiin H5P-tehtäviin. Tekijöillä voi olla useita eri rooleilla yms.
– Uusi copyright-infolaatikko on nimeltään metadata. Sitä tullaan
laajentamaan mm. avainsanoihin. Tuleviasuudessa H5P-sisällöille
tulee kv-jakopaikka H5P Content Hub.
• Matematiikka: voit käyttääh LaTeXia
– Formulas are entered as LaTeX and rendered with the help of the open
source MathJax project
62. Yle: Thinglink 360-esimerkkejä
”Elävän arkiston toteuttama VR-kokeilu vie sinut
virtuaalimatkalle presidentti Urho Kekkosen kotiin
Tamminiemeen. Eri ympäristöissä seuraamme talon
tunnetuimman isännän eloa arkistofilmien kautta.”
https://yle.fi/aihe/artikkeli/2017/01/03/tamminiemi-vr
Yle: Miltä näytti helsinkiläisen
porvarisperheen kodissa vuonna 1917?
yle.fi/aihe/artikkeli/2017/12/01/milta-naytti-helsinkilaisen-
porvarisperheen-kodissa-vuonna-1917-astu-sisaan-ja
63. Tämä diasarja on lisensoitu Creative
Commons -lisenssillä CC BY-SA 4.0
• CC-lisenssien verkkosivu: creativecommons.fi
• CC BY-SA 4.0 eli Creative Commons Nimeä-Jaa samoin 4.0
Kansainvä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 linkität tähän
diasarjaan. Muokattu teos tulee jakaa tällä samalla lisenssillä.
• Tätä laajempia oikeuksia voit kysyä tekijältä: www.matleenalaakso.fi