Mitä on saavutettavuus?
AVI: www.saavutettavuusvaatimukset.fi
”Saavutettavuus tarkoittaa sitä,
että mahdollisimman moni
erilainen ihminen voi käyttää
verkkosivuja ja mobiilisovelluksia
mahdollisimman helposti.
Saavutettavuus on ihmisten
erilaisuuden ja moninaisuuden
huomiointia verkkosivujen ja
mobiilisovelluksien suunnittelussa
ja toteutuksessa.”
Eri kohderyhmien näkökulmia:
www.saavutettavuusvaatimukset.fi/yleista-
saavutettavuudesta/ohjeita-suunnittelun-tueksi
Ohjeita erityistä tukea tarvitsevien oppijoiden
inklusiiviseen verkko-opetukseen
Earlin asiantuntijaryhmä, suom. Kati Sormunen:
helda.helsinki.fi/bitstream/handle/10138/326641/EARLI_SIG15_Ohjeita_erityisoppilaiden_verkkoopetukseen.pdf
Erinomainen tutkimustietoon
perustuva ohjeistus
perusopetuksen opettajille ja
muille koulutusalan ammattilaisille.
Ryhmärengin kysymyskortit
Ryhmärengin Kirsi Alastalon materiaalit ja kuvien lähde: ryhmarenki.fi
Hyödynnä esim. erilaisia tutustumiskysymyksiä.
• Tulosta tai käytä WordWall-sovelluksella tehtyjä interaktiivisina
verkkoversioita.
• Pääosa materiaaleista jaettu CC BY-NC-SA -lisenssillä.
• Kielinä su, ru, en
Sanoita tekemisiäsi verkossa
Hetkinen, avaan
selaimen ja näytän
teille, miten…
Päästän vielä pari
osallistujaa
mukaan ja sitten…
Seuraavaksi näytän
teille videon.
Tuon linkin varmuuden
vuoksi myös chattiin.
Ohjeista chatin käyttöön
Kun olet vastannut
tietovisaan,
kommentoi chattiin…
Kerro ääneen tai
kirjoita chattiin…
Seuraavaksi katsotaan
3 min video. Kun se loppuu,
kirjoita chattiin mikä oli tärkein
siitä oppimasi asia.
Verkkotapaamisen vaiheet
1. Kutsu ja mahdollinen ennakkotehtävä/-materiaali
• Valmistautuneena tapaamiseen
• Käänteinen oppiminen: www.uef.fi/web/flippaus/flippausmanuaali
2. Virtuaalikahvit
3. Yhteinen aloitus
• Webinaarityökalu haltuun (tai jo virtuaalikahveilla)
• Tutustuminen, kuulumiset, virittäytyminen, tavoitteet,..
• Pelisäännöt: kommentointi, luottamuksellisuus, kamerat, tallennus,..
4. Varsinainen opetus ja/tai työskentely
5. Lopetus
• Opitun/työskentelyn reflektio, palaute
• Jatkosta sopiminen ym.
6. Jatkot
Kuva: Alexandra Koch, CC0, pixabay.com
Vuorovaikutus verkossa
• Suunnittele etukäteen.
– Tutustuminen madaltaa osallistumiskynnystä.
– Osallista ensimmäisen vartin aikana.
– Huomioi tallenteen katsojat.
• Kerro tai luokaa yhdessä pelisäännöt.
• Käyttäkää kameroita & katso kameraan ☺
• Tarjoa monipuolisia mahdollisuuksia vuorovaikutukseen.
• Hyödynnä rooleja.
– De Bonon ajatteluhatut: www.matleenalaakso.fi/2013/02/ajatteluhatut.html
– PBL:n mukaisesti puheenjohtaja, kirjuri ja tarkkailija
• Yksin, pareittain, pienryhmissä, kaikki yhdessä.
• Parhaimmillaan vuorovaikutus motivoit ja tukee oppimista!
Mitä sinä tarvitset, jotta tunnet
etäryhmän turvalliseksi?
Ohjaajan tehtävänä on tukea
ryhmän molempia tavoitteita
Tunnetavoite
liittyy ryhmän
kiinteyteen ja
toimivuuteen
ryhmänä.
Tehokkuus eli
asiatavoite
liittyy ryhmän
tuloksellisuuteen.
Kuva: OpenClipart-Vectors, pixabay.com
Yhteisöllinen verkko-oppiminen
Essi Vuopalan lektio: lehti.yliopistopedagogiikka.fi/2014/05/12/onnistuneen-yhteisollisen-verkko-oppimisen-
edellytykset-nakokulmina-yliopisto-opiskelijoiden-kokemukset-ja-verkkovuorovaikutus (CC BY)
”Oppimisen tutkimus tukee vahvasti
näkemystä yhteisöllisen oppimisen
tehokkuudesta yksin opiskeluun verrattuna.”
Yhteistä onnistuneille ryhmille
• Käsittelivät sisältöjen lisäksi ryhmän
työskentelyä.
• Käyttivät aikaa yhteisen toiminnan
suunnitteluun ja organisointiin.
• Vuorovaikutuksella pyrittiin myös jännityksen
lieventämiseen ja yhteenkuuluvaisuuden
ilmaisemiseen.
Pyydä oppijoita reflektoimaan
oppimaansa ja työskentelyään
• Mitkä asiat edistävät oppimistasi? Mitkä vaikeuttavat?
• Mitä etäopiskelu tällä hetkellä sujuu?
• Mitä pitäisi muuttaa työskentelyssä, jotta se tukisi paremmin oppimistasi?
• Mikä oli tärkein oppimasi asia?
• Mikä olisi hyvä koekysymys päivän teemasta?
• Miten ryhmä tukee oppimistasi?
• Mitä viet mukanasi?
Kuva: Manfredsteger, CC0, pixabay.com
Padlet-muistitaulu
Padletin viesteihin voi lisätä mm. linkkejä, kuvia, videoita ja liitteitä
sekä kirjoittaa, piirtää tai äänittää.
• Suosittu palvelu ryhmän työskentelyalustana. Sopii hyvin myös ohjeille,
kuratointiin, kommenteille, oppimispäiväkirjaksi tai kevyeksi
oppimisympäristöksi.
• Maksutta 3-4 yhtäaikaista.
• Ohjeet ja esimerkit: padlet.com/matlaakso/padlet
Google Jamboard
Jamboard on Googlen muistitaulu, mihin voi esim. piirtää ja tuoda post-it-
lappuja: jamboard.google.com Jaa muokkausoikeus kohdasta JAA.
Neljä työkalua sanapilviin
• AnswerGarden, kun haluat että ryhmä luo yhteisen
sanapilven.
• WordArt, kun haluat, että jokainen voi luoda oman
sanapilven ja määritellä sen muodon, värit, fontin ym.
• Teamsin Forms on kokouksiin lisättävissä oleva
sovellus kyselyiden ja yhteisten sanapilvien
tekemiseen.
• Mentimeter, kun haluat luoda diasarjoja, joihin liität
kysymyksiä. Yhtenä kysymystyyppinä on sanapilvi.
– Opettajille monipuolisempi, mutta ilman sanapilvi-
kysymystä, on Quizizz Lesson.
Lue lisää ja katso ohjevideot:
www.matleenalaakso.fi/2020/03/sanapilvet-opetuksessa.html
Sähköiset kyselyt ja kokeet
Kokeilulinkit: www.matleenalaakso.fi/p/sahkoiset-kokeet.html
Sulkeissa max ryhmäkoko opettajan ilmaisversiolla.
Mielipidekyselyt, harjoitukset, kokeet, aktivointi ja pelillisyys
• Microsoft Forms: lomake tai kysely
• Quizizz: monipuoliset monivalinnat, mukaan saa dioja (100)
– Maksuton vain opettajille.
• Blooket: monivalintavisat, mihin saa yllätyksellisyyttä (tuuria & taitoa)
12 eri pelimoodin avulla, kyselyitä voi tuoda Quizletistä (60)
• Quizlet: sanaston ja termien opettelu, kuvan ja tekstin yhdistämistehtävät
sekä pienryhmien Quizlet live (livessä 40, muissa ei rajoitusta)
• Mentimeter: diasarja, johon saa
muutaman kysymyksen (kaikille 2000+)
• X-breikki: Liikkuvan koulun innovaatio (kuva)
Quizizz Lesson
Diasarja, mihin voi lisätä kysymyksiä- Diat voi luoda sovelluksella tai tuoda
PDF:nä PowerPointista tai Google Slidesta.
Avoin jakaminen yleistyy
Opetushallitus ja moni koulutuksen järjestäjä suosittelee
• Tampereen kaupunki & Jaa jotain –viikko maaliskuisin (Suomessa 2013 alk.)
• Kehittämishankkeissa usein rahoituksen ja työsuhteen edellytys.
• Korkea-aste, Avoimen tieteen ja tutkimuksen koordinaatio: avointiede.fi
Standardilisensseiksi CC BY ja CC0 –lisenssit
• Suomen julkishallinto (2014 alk.)
– Kataisen hallitusohjelma 2011: "Julkiset tietoaineistot saatetaan koneluettavassa
muodossa avoimesti saataville ja jatkokäytettäviksi.”
– Sipilän hallitusohjelma 2015: "Luodaan avoimella datalla ja tietovarantojen
paremmalla hyödyntämisellä edellytyksiä uusille liiketoimintaideoille.”
• Euroopan komissio (2014 suositus, 2019 päätös)
UNESCO 2019
• Velvoittava suositus oppimateriaalien avoimesta jakamisesta.
Creative Commons
creativecommons.fi
• Maailman käytetyin avoin lisenssi eli käyttölupa.
• Kansainvälinen ja epäkaupallinen hanke.
• Kun haluat hyödyntää muiden jakamaa.
• Kun jaat materiaaleja.
Avointen oppimateriaalien
kirjasto: aoe.fi
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!
pixabay.com
• Tekijänoikeusvapaita kuvia, videoklippejä, musiikkia ym.
• Muita kuvapankkeja: unsplash.com, www.pexels.com, stocksnap.io
• Smithsonian: kuvia, 3D-malleja ym: www.si.edu/openaccess
• Hakutulosten ensimmäisellä rivillä näytetään maksullisia Shutterstockin
kuvia palvelun rahoittamiseksi.
Kuva: tookapic, pixabay.com, CC0
Adobe Creative Cloud Express
• Peruskäyttö on maksutonta, myös kaupalliseen käyttöön.
• Ilmaisversio toimii hyvin esim. yksittäisen opettajan käytössä.
• Yhdessä muokkaaminen onnistuu ja jaettuja sisältöjä voi päivittää.
• Expressillä tehdyt ohjeet ja esimerkit:
www.matleenalaakso.fi/p/koulutusdiat.html
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.
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.
Kirjautuneen käyttäjän näkymä
Voit luoda uuden sisällön
yläosan hakukentästä,
PLUS-merkistä tai valitsemalla
etusivulta mallin muokattavaksi.
Sivupalkin toiminnot
CC Express -kuvakkeesta palaat
muokkaustilasta aloitusnäkymään.
Luo uusi.
Projekteista löydät aiemmat tuotoksesi ja sinulle jaetut
sisällöt, jotka on luokiteltu kolmenlaisiin sisältöihin:
grafiikat, verkkosivut ja videot.
Premium-lisenssi mahdollistaa oman brändin eli
visuaalisen ilmeen luomisen sekä kirjastot eli jaetut kansiot.
Spark-videon luominen
Selaimella
1. Klikkaa PLUS-merkkiä ja valitse VIDEO.
2. Nimeä video (nimeä voi vaihtaa myöhemmin).
3. Valitse juttumalli tai klikkaa alareunasta
Aloita alusta.
• Juttumalli ohjeistaa tarinan kerrontaa,
mutta ei pakota mihinkään valintoihin.
• → Jos ongelmia, vaihda selainta!
Luo video
Lisää videon sisällöt
• Video (max 30 sek/dia)
• Teksti (teema määrittää fontin ja tehosteet)
• Valokuva (omat tai sovelluksen kautta löytyvät)
• Kuvake
Kuvan ja videon yläkulmasta löydät
huomaamattoman muokkausnapin
Videon valikosta voit mm. hiljentää Kuvan valikoista voit
tai voimistaa videoklipin ääntä. zoomata kuvaa.
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. eStreamiin tai
YouTubeen.
Express: verkkosivut/-julkaisut
1. Klikkaa PLUS-merkkiä ja valitse VERKKOSIVU.
2. Lisää otsikko, alaotsikko ja valitse taustakuva.
3. Lisää sisällöt: teksti, linkki, kuvat eri tavoin aseteltuna tai video linkkinä
YouTubesta, Vimeosta tai Spark Videosta.
4. Valitse esityksellesi teema.
5. Jaa linkki yhdessä muokkaamiseen tai katsomiseen.
Express: grafiikka
Luo erilaisia kuvia, joihin saat hieman animointiakin.
• Kuvat voi jakaa somessa, liittää dioihin tai hyödyntää
Expressin muissa työkaluissa.
• Rikasta kuvia H5P-työkaluilla (Image Hotspots).
• Optimoi kuvat käyttötarkoituksen mukaan, esim. You-
Tuben otsake, Instagram-tarina tai Moodlen otsakekuva.
Kuva: Matleena Laakso, CC BY
Mikä on H5P?
H5P (=HTML5 Package) on yli 50 työkalun kokoelma.
• Toteutettu avoimella lähdekoodilla.
• Kannustaa avoimeen jakamiseen.
• Suurin osa työkaluista on saavutettavia.
• Flash- tai Java-tekniikkaa ei tarvita.
• Responsiivinen ja mobiiliystävällinen
• Kehittyy jatkuvasti.
• Lähtöisin Norjasta.
• Asennettu teidän Moodleen.
H5P on monipuolinen
• Interaktiiviset verkkosisällöt ja oppimateriaalit
• Interaktiiviset tehtävät, joista oppija saa välittömän palautteen
– Oppija voi harjoitella niin monesti kuin haluaa.
– Palaute (pisteet/sanallinen) rakennetaan tehtäviä tehtäessä ja oppija saa sen
automaattisesti.
– H5P ei korvaa tenttejä. Opettaja ei tarkasta (eikä aina näe) vastauksia, mutta
tehtävät voidaan liittää Moodlen suoritusten seurantaan.
• Myös oppijat voivat luoda sisältöjä
– Oppijoille voidaan antaa oikeus opettajan rooliin tietyssä tehtävässä.
Suomenkieliset ohjeet ja esimerkit:
www.matleenalaakso.fi/p/h5p.html
• H5P:n esittely.
• Tämä päivittyvä diasarja.
• Linkki saavutettavien
työkalujen listaukseen.
• Mitä uutta?
• Linkkejä muidenkin ohjeisiin.
• Ohjevideoita (aikaleimat!).
Näin luot H5P-sisältöjä 1/3
1. Laita kurssin muokkaustila päälle.
2. Lisää aktiviteetti tai aineisto.
3. Valitse H5P ja lisää.
Näin luot H5P-sisältöjä 2/3
4. Valitse H5P-sisältötyyppi
(tai lataa valmis sisältö tiedostona
tai käytä jaettua).
5. Nimeä H5P-sisältö.
Voit lisätä kuvauksen ja valita
näkyykö se kurssisivulla vai ei.
Näin luot H5P-sisältöjä 3/3
6. Luo sisältö ja määrittele asetukset
• Näyttöasetukset (vasen kuva)
• Yleisasetukset
• Moodlen opiskelijoiden edistyminen -kohdasta voit määritellä näkymisen
edistymisen seurannassa. Arvioinnista voi määritellä minimipisteet ym.
7. Tallenna
Asetusten valikoissa on pieniä organisaatiokohtaisia eroja.
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.
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