Digiä esityksiin
Digitalisaation mahdollisuudet ja
hyödyntäminen esityksissä
Helsingin kaupungin sosiaali- ja terveystoimi
Helsinki 17.9.2019
Matleena Laakso
Blogi: www.matleenalaakso.fi
Twitter: @matleenalaakso #digiesitys
Diat: www.matleenalaakso.fi/p/koulutusdiat.html

Ohjelma klo 12-16
• Johdanto
• Pikkusovelluksia
• Muistitaulut
• Tekstit kuvina, infograafit ja interaktiiviset sisällöt
• Videot ja animaatiot
• Kyselytyökalut ja äänestykset
• Palautteen kerääminen
Kahvit klo 14

Tutustuminen ja/tai lähtötilanne
• Ennakkokysely
• Kuinka moni teistä…?
• Janat
• Nurkat
• Intiaaninimet

Ilmainen vai maksullinen sovellus?
Hintaan vaikuttavia tekijöitä:
• Käyttäjäryhmä
• Lisäominaisuudet
• Saako sovellusta tai sillä tuotettua sisältöä käyttää kaupallisesti?
• Yksilö- vai organisaatiolisenssi?
• Perustuuko käyttö mainosrahoitukseen?
• Maksullisista sovelluksista on usein
saatavilla muutaman viikon
kokeilujakso.
Tässä diasarjassa on julkishallinnolle
sekä ilmaisia että maksullisia
sovelluksia. Varmista ehdot
sovelluksen nettisivulta.
Kuva: Klimkin, CC0. pixabay.com

bloochat.com
Kun menet chatin etusivulle ja se arpoo sinulle chat-huoneen osoitteen, jonka
voit halutessasi muuttaa ja suojata salasanalla.
• Kerro etunimi/nimimerkki
• Jaa chatin linkki niille, joiden haluat osallistuvan.
• Viestit näkyvät 24 h ajan.
• Samankaltaisten chat-työkalujen esittely:
www.matleenalaakso.fi/2018/08/helppoja-chat-tyokaluja.html

10 Trends for Digital Learning in 2018
Jane Hart: www.toptools4learning.com/analysis
1. Web resources still dominate.
– Videot kärjessä, rinnalle tullut muuta sisältöä, mm. audio.
2. Some social networks are up, some down.
– Twitter ja LinkedIn koetaan hyödylliseksi, FB ei enää 10 joukossa.
3. Web courses are increasing in popularity.
– Coursera suosituin, oppimisen vapaus
4. There is a subtle shift from course development to content
development.
– PP johtaa, Adoben työkalut pärjäävät, uutena mm. H5P-sisällöt.
5. Learning at work is becoming personal and continuous.
– Perinteisten oppimisympäristöjen tilalle uusia palveluita, joissa vahva
oman oppimisen painotus.
– Degreed oli merkittävin nousija Top Tools for Learning –äänestyksessä
(86 sijaa ylös sijalle 47.).

10 Trends for Digital Learning in 2018
Jane Hart: www.toptools4learning.com/analysis
6. Team collaboration tools support the real social learning at work.
– Slack ensimmäisenä yritysten käyttämänä yhteistyöalustana 10
joukossa, myös Microsoft Teams ja pienempiä nousussa. Tämä
tapahtunut yritysten sometyökalujen (esim. Yammer) kustannuksella.
– Työkalujen avulla oppiminen integroituminen työhön.
7. The Microsoft ecosystem is regaining its power.
– Microsoftin palveluiden käyttö nousussa, Google ei enää dominoi.
8. OneNote is winning the digital notebook battle.
– Google Keep haastajana, Evernote tipahtanut kisasta.
9. Video conferencing eclipses conference calls
– Zoom noussut kärkeen.
– Videoneuvottelusta hyviä kokemuksia.
10. Audience engagement has become a big thing.
– Sähköiset kyselytyökalut (esim. Kahoot) yleisön osallistamisessa.

answergarden.ch
Luo uusi vastauspuutarha ja kirjoita kysymys tai otsikko (TOPIC).
Kaikki muut valinnat ovat vapaaehtoisia. Edes kirjautumista ei tarvita.
Valitse lopuksi CREATE.
Create

Oppimisen ja opettamisen parhaat
sähköiset palvelut

padlet.com/matlaakso/digi19

Verkon ja somen suosituimpia
Top Tools for Learning
2018
www.toptools4learning.com
(2019 tulokset julki pian)
1. YouTube
2. PowerPoint
3. Google Search
4. Twitter
5. LinkedIn
6. Google Docs/Drive
7. Word
8. WordPress
9. Slack
10. Zoom
11. Wikipedia
12. WhatsApp
13. Dropbox
14. Feedly
15. Facebook
Suomen suosituimmat
verkkosivut (8/2019)
www.alexa.com/topsites
1. Google.com
2. YouTube
3. Reddit
4. Google.fi
5. Vk.com
6. Yle
7. Wikipedia
8. Twitch
9. Facebook
10. Nordea
11. Iltasanomat
12. Osuuspankki
13. Tori
14. Live
15. Iltalehti
Top Tools for Learning
2018 / Education
www.toptools4learning.com
1. PowerPoint
2. YouTube
3. Word
4. Google Docs/Drive
5. Google Search
6. Kahoot
7. Padlet
8. Canva
9. WhatsApp
10. Zoom
11. OneNote
12. Prezi
13. Wikipedia
14. WordPress
15. Twitter
Päivitetty
listaus
julkaistaan
ensi viikolla.

Ajastimet
www.timeanddate.com/timer & vclock.com/timer &
www.online-stopwatch.com/classroom-timers

wordart.com
Sanapilvet ovat monipuolisesti muokattavissa (värit, fontit,..) ja muotoja on
tarjolla kymmenittäin. Myös omia kuvia voi käyttää pohjana. Sovellus toimii
kirjautumatta, myös mobiililaitteilla. Luo oma sanapilvi kohdasta CREATE.
IMPORT = tuo muualta
kopioimasi teksti tai lista sanoista
ADD = lisää sanoja yksitellen
Luo
sana-
pilvi

QR-koodin lukeminen
Monta vaihtoehtoista tapaa
• Avaa QR-koodin lukija (QR reader, QR
scanner) ja katso koodia sen kautta.
Riippuu sovelluksesta ja sen
asetuksista, avautuuko koodin takana
oleva sisältö suoraan VAI avautuuko
ensin esim. linkki, joka täytyy itse
klikata auki.
• Mobiililaitteen kamera
• Snapchat-sovellus

QR-koodin tekeminen
www.qr-koodit.fi/generaattori
• Pitkät linkit kannattaa lyhyentää: bit.ly tai goo.gl
URL = linkki;
Vapaavalintainen
= teksti

Etherpad-muistiot
Kun tarvitset nopeasti ja ilman kirjautumista käyttöön otettavan muistion,
voit luoda sen nopeasti. Jaa linkki niille, joiden haluat osallistuvan.
• http://muistio.tieke.fi
• https://kirjoitusalusta.fi (vain ryhmätyötilaan kirjauduttava)
Kaipaatko monipuolisempaa?
• Käytä muistitauluja
• Luo dokumentti OneDriveen tai Google Driveen ja jaa se niin, että linkin
tietävät voivat sitä muokata.

Nimen, ryhmäjaon tms. arpominen
wheelofnames.com & www.randomlists.com/random-picker & www.classtools.net/education-games-
php/fruit_machine & www.online-stopwatch.com/random-name-pickers

Muistitaulut

Muistitaulut
• Mitä jo tiedät aiheesta?
• Mikä on tavoitteesi?
• Minkä kysymyksen kanssa saavuit?
• Mitä kysymyksiä esityksestä heräsi?
• Kommentoitu linkkikokoelma
• Pariporinan tulokset
• Tärkein oppimasi asia?

Padlet
• Tutustu ja kokeile: padlet.com/matlaakso
• Viesteihin voi lisätä mm. linkkejä, kuvia, videoita ja liitteitä sekä kirjoittaa,
piirtää tai äänittää.
• Kun kirjaudut suosittelijan linkillä padlet.com/referrals/matlaakso, saat
kolmen maksuttoman Padletin sijaan neljännenkin. Lisää saat, kun poistat
entisiä. Ne saa talteen esim. kuvana tai taulukkona.
• Ohjediat: www.matleenalaakso.fi/p/koulutusdiat.html

flinga.fi
• Suomalainen helppokäyttöinen palvelu: www.nordtouch.fi/flinga/qards/etusivu
• Maksutta saa viisi yhtäaikaista taulua. Vanhat voi tallentaa taulukkona tai ottaa
niistä ruudunkaappauskuvan ja sitten poistaa.
• Flinga-taulujen vaihtoehdot
– Wall: viestit allekkain tai
ruudukkona.
– Whiteboard: miellekartat yms,
sisällöt asetellaan vapaasti ja
niitä voi yhdistellä nuolilla.
Luo uusi

Miten muistitauluja voi
hyödyntää esityksissä?
Kerätään ideoita yhteiseen
Flingaan!
flinga.fi/s/FZFP5GZMit

Lino: en.linoit.com
Kirjautumatta voi jakaa tekstiä, kuvia ja linkkejä. Suosituksena Firefox, Safari tai Chrome.
Kokeile!

Lino-muistitaulun luominen 1/2
Kirjaudu palveluun, oppijoiden ei tarvitse kirjautua.
Kirjautumalla saa uusia ominaisuuksia, esim. voi lisätä liitteitä.
Preference-kohdasta
voit muokata
profiilitietojasi, valita
aikavyöhykkeen ym.
Tästä luot uuden
muistitaulun

Lino-muistitaulun luominen 2/2
Anna muistitaulullesi nimi, mistä tulee
sen verkko-osoite ja valitse taustakuva tai
lataa oma kuva.
Valitse Linon julkisuus. Vaihtoehdot ovat:
• Yksityinen
• Kaikki voivat katsoa
• Kaikki voivat katsoa ja lisätä viestejä
Valitse myös mm. haluatko s-posti-ilmoituksia
muutoksista ja näkyykö Lino julkisesti vai vain
linkin tietäville.
Tästä löydät
upotuskoodin

Luo muistilappu ja siirrä se
haluamaasi kohtaan taululla!
Hyödynnä muistilappujen
värejä erottamaan esim.
• kysymykset ja kommentit
• mahdollisuudet ja haasteet
Tästä näet kirjautuneen
käyttäjän muistilapun valikot.
Tältä näyttää oppijan
muistilappu. Se tulee
julkaisemisen jälkeen
raahata halutulle paikalle
muistitaulussa. Oppija voi
muokata, siirtää tai poistaa
oman lappunsa.
Tutustu
valikkoon
Kukin voi
muokata omia
muistilappujaan,
opettaja kaikkia.
Matleena
Tähän oppijan nimi

Tekstit kuvina, infograafit ja
interaktiiviset sisällöt

#digiesitys @matleenalaakso

notegraphy.com
Toimii selaimella myös mobiililaitteilla.
Saman niminen mobiilisovellus on nykyisin eri palvelu.
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

Faktoja Suomesta
Finnairin Blue wings -lehdessä
Infograafin kuvitus Angelina Lutzhina. Valokuva: Matleena Laakso, CC BY.

Mikä on infograafi?
Infograafit ovat selittävää ja viestintää tukevaa grafiikkaa. Niissä tietoa
visualisoidaan niin, että sitä on helpompi omaksua kuin esim. tekstimuotoisena.
• Kuvahaku: infographic health
Sovelluksia
• https://www.canva.com
• https://spark.adobe.com/ (Post)
• http://www.easel.ly
• https://piktochart.com
• https://infogram.com
Kuva: The Department for International Development (DFID), CC BY

Matleena Laakson Canvalla tekemiä infograafeja, CC BY

Canva (canva.com, Android, iOS)
• ”Wannabe web designer” -sovellus
• Canva tarjoaa runsaasti valmiita mallipohjia eri tarkoituksiin. Niiden kuvia,
tekstejä ym. muokkamalla voi luoda omia sisältöjä, myös yhdessä
muokaten. Maksuttomaan versioon voi ostaa maksullisia sisältöjä ja pohjia.
• Canvan avulla voi luoda mm. esitteitä, e-kirjoja, infograafeja ja some-kuvia.

Infograafin luominen
Siirry ensin infograafeihin ja valitse pohja
(layout), josta muokkaat oman versiosi.

Infograafin muokkaaminen

Infograafin jakaminen
Nimeä infograafisi ja valitse miten
haluat sen jakaa
• SHARE
– Voit jakaa katsomislinkin.
– Muokkauslinkin voit jakaa 10
tiimin jäsenelle.
– Jaa suoraan Twitteriin tai
Facebookiin.
– Jaa linkkinä (katso/muokkaa).
– Upota verkkosivulle (embed).
• DOWNLOAD: lataa
• MAKE PUBLIC: jaa infograafi
Canvan sivullasi

Adobe Spark Post (Graphic)
• Tee somepostauksia, kuvia, infograafeja tai vaikka julisteita.
• Yksi kolmesta Adobe Sparkin sovelluksesta: spark.adobe.com (Android, iOS)

Adobe Spark Post (pc, iOS)
spark.adobe.com

ThingLink: bit.ly/thinglinkohjeet

Videot ja animaatiot

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

spark.adobe.com
Chromen, Safarin tai Firefoxin uusin versio. Jos ei toimi hyvin → vaihda
selainta. Toimii myös Chromebookien selaimella.
Spark Video (pc, iOS)
4 erilaista esimerkkiä: padlet.com/matlaakso/digitarinat
Spark Page = Web Page, (pc, iOS), vrt. Sway
- Esimerkkejä: spark.adobe.com/page/Xyyze ja bit.ly/matleenabett2019
- Pagen ja Postin ohjeet digijulkaisujen dioissa: www.matleenalaakso.fi/p/koulutusdiat.html
Spark Post = Graphic (pc, Android, iOS)

Spark videon luominen 1/3
Selaimella
1. Lisää uusi valitsemalla:
2. Valitse VIDEOS, jolloin näet ehdotuksia mallipohjiksi.
START FROM SCRATCH mahdollistaa videon luomisen ilman valmispohjaa.
3. Nimeä videosi. Saat ehdotuksen ohjevideosta.
iPadilla valitset yhden kolmesta vaihtoehdosta:
• START WITH MY PHOTOS: aloita valitsemalla kuvat
• USE STORY TEMPLATE: valitse mallipohja
• SKIP TO EDITOR: siirry suoraan videoeditoriin

Näin luot Spark-videon 2/3
Lisää sisällöt
• Video (max 30 s/dia)
• Teksti (teema määrittää fontin ja värin)
• Kuva (omat tai sovelluksen kautta löytyvät)
• Ikoni (kuvasymboli, etsi engl. hakusanoilla)
Layoutista määrittelet, montako
sisältöä esillä olevaan diaan
mahtuu ja miten sisältö asetellaan.

Näin luot Spark-videon 3/3
• Äänitä selostus yhteen diaan kerrallaan.
• Dia näkyy 2 sek tai videon/äänityksen keston ajan, ellet muuta valitse.
• THEME: valitse videosi teema, se määrittää värit, fontit ja siirtymät
• RESIZE: neliön vai suorakaiteen muotoinen video?
• MUSIC: Valitse tai poista musiikki. Säädä tarvittaessa hiljemmälle, jos
tallennat myös selostuksen.
• Esikatsele, lisää tekijätiedot yms. Jaa linkillä tai lataa tiedostona.
Tästä saat lisää
dioja

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.
• Maksuton versio: 10 julkista animaatiota
• Bloggaus: www.matleenalaakso.fi/2018/10/biteable.html
• Esikatselun lataaminen hidasta (noin minuutti/dia)

Muokkausnäkymä

Maksuttomassa versiossa on tarjolla
tuhat erilaista kohtausta (scene)

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 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.
”Verkkopalveluun tallennettujen videoiden on oltava saavutettavia 23.9.2020
alkaen. Suoria videolähetyksiä vaatimukset eivät koske. Tallennetut videot on
tehtävä saavutettaviksi 14 vrk:n kuluessa julkaisemisesta.”
www.saavutettavasti.fi/syventavat-ohjeet/videot-ja-aanitteet

Näin tuotat saavutettavan videon
Ks. esim. Celia: www.saavutettavasti.fi/syventavat-ohjeet/videot-ja-aanitteet/
Saavutettavan videon voit toteuttaa tekstittämällä videon tai tarjoamalla saman
sisällön erikseen tekstimuodossa. Kuvailutulkkauksessa kerrotaan myös se, mitä
videolla näkyy.
Sovelluksia videon automaattiseen tekstittämiseen puheesta:
• Clips (iOS) ja ScreenCast-O-Matic (pc) –ruudunkaappausvideot, ks. ohjeet:
blog.hamk.fi/ohjeet/screencast-o-matic-auttaa-videon-tekstityksessa
YouTuben tekstitystyökalu
• Tekstitykset voi lukea myös näkövammaisten apuvälineillä.
• Jos käytät muita editointityökaluja ja julkaisualustoja, selvitä, onko
tekstitys luettavissa myös ruudunlukuohjelman avulla.
• Helppo käyttää YouTuben ohjeilla:
support.google.com/youtube/answer/2734796?hl=fi
• Käyttäjän tulee valita tekstitys näkyviin.

Kyselytyökalut ja äänestykset

directpoll.com
Kokeillaan: http://etc.ch/kbQ5
• Maksuton, mahdollistaa 500 vastaajaa
• Kysely pysyy tallessa 30 pv sen luomisesta tai
edellisestä tallennuksesta.
• Luo kysely ja kerro s-postisi. Saat sinne kolme
linkkiä:
– Yleisölle jaettava
– Tulokset kertova
– Hallinnoinnin mahdollistava linkki (cockpit),
Josta käynnistät kyselyn.

X-breikki liikuttaa opiskelijoita
• X-breikki on Liikkuvan koulun innovoima liikunnallinen kyselytyökalu.
• Linkit ohjeisiin ja ladattavaan mallipohjaan:
www.matleenalaakso.fi/2016/02/x-breikki-liikuttaa.html

www.menti.com

www.mentimeter.com
Sovelluksella luodaan erilaisia kysymyksiä (monivalinnat, sanapilvet,
avoimet kysymykset…) sisältäviä diasarjoja.
Maksutta tarjolla
• Rajattomasti vastaajia.
• Kaikki kysymystyypit, mutta kysymystyypistä riippuen vain 2-5 kysymystä,
lisäksi tekstiä ja kuvaa yhdistäviä dioja.
• Ryhmän tulokset talteen ruudunkaappauksena
HUOM: Kun käytät samaa pohjaa useammalla ryhmällä, tyhjennä väillä
vastaukset. Muuten uuden ryhmän vastaukset lisätään edellisten päälle.
Tekemämme kyselyn vastausten koonnit näet Padletistämme.

kahoot.it
Kyselyn tekijän kirjautuminen sivun alaosasta

Suosittu Kahoot
• Hauska kilpailullinen kyselytyökalu
• Nopeudesta lisäpisteitä
• Tulokset tallentuvat automaattisesti
• Maksullisessa versiossa useita kyselytyyppejä:
– Quiz-monivalinnat. Vastataan yksin, pareittain tai pienryhmissä.
– Jumble-järjestämistehtävät
– Poll äänetyksiin
– Sisältödiat (Slide)

www.innoduel.com/fi
Innoduelin avulla voit kartoittaa ja kerätä nopeasti vastauksia, toiveita ja
ideoita suureltakin joukolta samanaikaisesti.
• Vastaaja pääsee vertailemaan jo annettuja vastauksia sekä lisäämään
omia vastauksia muiden arvioitavaksi.
• Jokainen osallistuu tasavertaisesti.
• Vastaaminen tehdään anonyymisti.
• Ilmainen päiväkodeille, peruskouluille,
2. asteen oppilaitoksille sekä voittoa
tavoittelemattomille yhdistyksille.

Palautteen kerääminen

2. 4.
16. 18.
20. 24.

Palautteen kerääminen
• Kuvakortit ym.
• Em. sovelluksista mm. sanapilvet, muistitaulut ja kyselyt
• Kierrokset
• Twitter: https://walls.io/n65jd
• Asteikkokysymykset
– Miten arvioit osaamistasi asteikolla 1-10?
– Mitä pitäisi tapahtua, että voisit antaa itsellesi yhden numeron
enemmän?

Best tools for…

www.matleenalaakso.fi
• Bloggauksia digin hyödyntämisestä
• Koulutusdiat: päivittyviä ohjeita edellä
mainittuihin sovelluksiin
• Sähköisten kokeiden sivu: erilaisten
kyselyiden esimerkkejä ja ohjeet
• Webinaarikoonti

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