1. Opettajan some-paketti III:
Eri välineiden yhteiskäyttö
TOP-keskus, Digipolut-hanke
Turku 23.3.2015
Matleena Laakso
Blogi: www.matleenalaakso.fi
Twitter: @matleenalaakso
Diat: www.slideshare.net/MatleenaLaakso Kuva: Matleena Laakso, CC BY
Esityksen kuvissa muitakin lisenssejä.

2. Koulutuspäivän kuvaus
Sosiaalisen median välineiden sujuva käyttö ja usean eri
välineen monipuolinen yhteiskäyttö: esim. blogin, wikin,
videopalvelun ja Twitter-tilin / RSS-syötteen kytkeminen
PLE-oppimisympäristöksi opintokurssilla.
Tänään on aikaa oman luokan/kurssin/oppiaineen
oppimisympäristön rakentamiseen!
Mikä on sinun tavoite tälle päivälle?

3. Koulutuspäivän kuvaus
Sosiaalisen median välineiden sujuva käyttö ja usean eri
välineen monipuolinen yhteiskäyttö: esim. blogin, wikin,
videopalvelun ja Twitter-tilin / RSS-syötteen kytkeminen
PLE-oppimisympäristöksi opintokurssilla.
Tänään on aikaa oman luokan/kurssin/oppiaineen
oppimisympäristön rakentamiseen!
Mikä on sinun tavoite tälle päivälle?
Millä tavoin aiot tavoitteesi saavuttaa?

4. Ohjelma klo 9-15
• Johdanto: NMC:n katsaus tulevaan
• Opetuksen tähtimalli
• PLE – opettajien ja oppijoiden oma oppimisympäristö
• Esimerkkejä oppimisympäristöistä ja niiden virittelystä
• Oppimisympäristöjen/some-välineiden virittelyä: upottaminen,
vimpaimet, tehtävien palautukset, syötteet jne.
• Oman kurssin tai muun some-ympäristön rakentamista
– Apua ja vinkkejä tarpeen mukaan

5. todaysmeet.com
1. Saat chat-huoneen antamalla sille nimen ja valitsemalla aukioloajan.
2. Sen jälkeen kerrot osoitteen niille, kenet haluat mukaan.
3. Kukin kirjoittaa etunimen/nimimerkin ja valitsee ”Join”.

6. NMC Technology Outlook:
Scandinavian Schools, 1-2 years
www.nmc.org/publication/2015-nmc-technology-outlook-scandinavian-schools/ (CC BY)

7. NMC: Horizon raportti – Koulut 2014
ec.europa.eu/jrc/sites/default/files/horizon_report_eu_fi.pdf CC BY
Trendit
•Sosiaalisen median kasvava
kaikkiallisuus
•Opettajan roolin uudelleen arviointi
•Keskittyminen yhä enemmän
avoimiin oppisisältöihin
•Sulautuvan oppimisen
integroituminen
•Verkko-opiskelun kehittyminen
•Datavetoisen oppimisen
lisääntymien
Tämä dia on kopio Tiina Sarisalmen esityksestä: www.slideshare.net/tiinsari/ops-2016-tvt-jatulevaisuuden-koulu CC BY
1 vuosi
2-3 vuotta
4-5 vuotta

8. NMC: Horizon raportti – Koulut 2014
ec.europa.eu/jrc/sites/default/files/horizon_report_eu_fi.pdf CC BY
Haasteet
•Tvt:n sisällyttäminen
opettajankoulutukseen
•Opiskelijoiden heikot digitaaliset
taidot
•Autenttinen oppiminen
•Formaalin ja nonformaalin
oppimisen sulautuminen
•Kompleksinen ajattelu ja
viestintä
•Opiskelijat oppimisen
suunnittelijoina
Tämä dia on kopio Tiina Sarisalmen esityksestä: www.slideshare.net/tiinsari/ops-2016-tvt-jatulevaisuuden-koulu CC BY
helpohko
vaikeahko
erittäin vaikea

9. NMC: Horizon raportti – Koulut 2014
ec.europa.eu/jrc/sites/default/files/horizon_report_eu_fi.pdf CC BY
Uudet teknogiat
•Pilvipalvelut
•Tablettitietokoneet
•Pelit ja pelillistäminen
•Mobiilioppiminen (BYOD)
•Yksilöllinen oppiminen
•Etä- ja virtuaalilaboratoriot
Tämä dia on kopio Tiina Sarisalmen esityksestä: www.slideshare.net/tiinsari/ops-2016-tvt-jatulevaisuuden-koulu CC BY
1 vuosi
2-3 vuotta
4-5 vuotta

10. Jere Majava: Opetuksen tähtimalli

11. Millainen on sinun tähtimallisi?
• popplet.com (selain, iPad)
• bubbl.us (selain, iPad)
• www.text2mindmap.com (selain)
• www.mindomo.com/fi (selaimelle ladattava, iPad, Android)
Kuva: Poppletin verkkosivun esimerkki

12. Tämän päivän oppimisympäristö
Häkkinen & Viteli (toim.) Pilvilinnoja ja palomuureja – tulevaisuuden oppimisen ja työnteon tilat, 2014
Fyysinen ja virtuaalinen
Henkilö-
kohtainen
ja jaettu Formaali,
informaali
ja non-formaali
Globaali ja lokaali
Palapelin kuva: Kimhunghan, CC BY-SA

13. PLE – Personal Learning Environment
Häkkinen & Viteli (toim.) Pilvilinnoja ja palomuureja – tulevaisuuden oppimisen ja työnteon tilat, 2014
• Personal/Professional Learning
Environment/Network,
henkilökohtainen oppimisympäristö
• ”PLE yhdistää teknologian,
pedagogiikan, oppimisen ja ihmiset
tukien oppijan omistajuutta omaan
oppimisprosessiinsa.
• Parhaimmillaan se tukee erilaisia
oppijoita ja oppimisen tapoja sekä
tekee näkyväksi koko
oppimisprosessin”
• PLE yhdistää oppimisen yksilöllisen
ja sosiaalisen ulottuvuuden.
• PLE muokkautuu jatkuvasti

14. PLE tukee opiskelijoiden erilaisten
yhteisöjen muodostumista
Häkkinen & Viteli (toim.) Pilvilinnoja ja palomuureja – tulevaisuuden oppimisen ja työnteon tilat, 2014
• Yhteisöllisyydellä tärkeä osa PLE:ssä
– Verkostoista netin laajoihin yhteisöihin
– Mahdollistaa avointen ja suljettujen verkostojen rinnakkainelon
• Koulutusorganisaation sovellukset niveltyvät osaksi PLE:tä
• Auttaa informaalin oppimisen näkyväksi tekemisessä ja
rakentamisessa osaksi formaalia koulutusta
• Oppijalla entistä aktiivisempi rooli omassa oppimisprosesseissa

15. PLE:n rakentaminen on
yhteinen tehtävä
Kalliala & Toikkanen: Sosiaalinen media opetuksessa 2012
• Oppijat koostavat oman oppimisympäristönsä ja -verkostonsa,
joista osa on olemassa opiskelun alkaessa.
• Oppimisympäristön rakentaminen osista ei ole vain opettajan
tehtävä.
• Näissä ympäristöissä opitaan virallisesti, epävirallisesti ja
arjen vuorovaikutuksessa sekä vertaistukea että somen
välineitä hyödyntäen.
• Parhaassa tapauksessa oppilaitoksen oppimisympäristöstä
muodostuu tärkeä osa oppijan henkilökohtaista
oppimisympäristöä.

16. Millainen on sinun PLE?
Terhi Nissinen: Ajatuksia - rehtorin PLE & PLN, CC BY-NC
• Missä itse opit? Missä osaamisesi kehittyy?
• Missä säilytät ja muokkaat tietoa?
Missä sovellat ja jaat tietoa ja osaamistasi?
• Millaiset työskentelytavat sinulla on?
– Yksin - yhdessä
– Kasvotusten – verkossa
answergarden.ch

17. Oman PLE:n rakentaminen
• Valitse kanavat ja työkalut ja etsi verkostot: omat ja
opettajan/työnantajan määräämät
– Facebookista löydät opetusalan verkostoja osoitteesta:
opeverkostot.wikispaces.com
– Twitter on uudelle käyttäjälle tyhjä, ei sisältöä eikä verkostoja:
aloita etsimällä sinua kiinnostavia seurattavia ja hashtageja #
– Kurssin tai luokan oppimisympäristö täytyy viritellä. Sisältöä voi
tuoda verkosta ja tuottaa itse.
• Ota ja anna verkostoista
• Keskusteluihin osallistuminen kannattaa!

18. Verkkoelämän 365 astetta
www.slideshare.net/Tuija/lydy-esittely

19. Verkkosivu pitää viritellä
Integrointi muihin sosiaalisen median välineisiin on tärkeää ja tuo
lisää näkyvyyttä
•Twitter: henkilön, ryhmän tai teeman tviitit
•Google-kalenteri: aikataulut ja tapahtumatiedotus
•Syötteet/upotukset muista käytetyistä somen palveluista
– SlideShare-diat
– YouTube-videot
– valokuvat
– osallistujien omat blogit
Kuva: aha-soft-icons

20. Seuraavaksi
• Oppimisympäristöjen/some-välineiden virittelyä:
– Upottaminen
– Vimpaimet
– RSS-syötteet
• Mitä muuta?
– Keskustelu
– Ryhmätyöt
– Uutiset
– Materiaalin jakaminen
– Portfolio

21. Mitä tarkoittaa upottaminen (embed)?
• Kun upotat sisältöä (esim. video tai diasarja) verkkosivulle,
katsoja näkee sen oheisten kuvien tavoin.
• Tällöin oppimisympäristöstä saadaan selkeämpi
ja visuaalisesti mukavampi.
• Vaihtoehtona on käyttää tekstilinkkejä
• Upottaminen onnistuu kopioimalla upotuslinkki
(embed code) ja tuomalla tämä html-koodi
omalle verkkosivulle asianomaiseen paikkaan.

22. YouTube-videon upotuskoodi 1/2
Jaa

23. YouTube-videon upotuskoodi 2/2
Kopioi lopuksi
upotuskoodi
Tee ensin
valinnat tästä

24. SlideSharen upotuskoodi
Upotuskoodi löytyy diasarjan alaosan < > merkinnän takaa.
Klikkaamalla upotuskoodia
(embed) saa näkyviin
valinnan diojen koosta ja
aloitusdiasta.

25. Upotuskoodin tuominen Bloggeriin 1/2
Tuodessasi koodin blogitekstiin, valitse ensin kohta HTML,
jolloin sisältö näkyy koodimuodossa. Sijoita sitten koodi
haluamaasi kohtaan. Kohdasta LUO näet sisällön samaan
tapaan kuin lukijatkin.

26. Upotuskoodin tuominen Bloggeriin 2/2
Kun haluat tuoda upotuskoodin Bloggerin sivupalkin
vimpaimeksi, valitse kohta ULKOASU  LISÄÄ GADGET 
HTML

27. Bloggerissa on tarjolla
paljon omia vimpaimia
Löydät ne kohdasta ULKOASU 
LISÄÄ GADGET
Valitse haluamasi, esim.
•Blogin kuvaus
•Blogiarkisto
•Sivun näyttöjä yhteensä
•Twitterin syötteet
•Tunnisteet

28. Wikispaces: embed widget
HUOM: Other HTML löytyy sivun alaosasta

29. Viestiseinä padlet.com
• Yksi luo seinän ja jakaa muille sen linkin.
• Seinälle voi lisätä tekstiä, kuvia, videoita,
linkkejä ym.
• Kirjautuminen ei ole pakollista, mutta
opettajan kannattaa se tehdä.

30. padlet.com
• Opettaja tai yksi ryhmästä luo seinän ja jakaa linkin muille
• Seinälle voi lisätä tekstiä, kuvia, linkkejä ja tiedostoja
• Opettajan kannattaa kirjautua, sillä muutoin työt ovat
näkyvillä vain hetken. Kirjautumalla saat käyttöösi
monipuolisemmat ominaisuudet.

31. Padlet-seinän yleiset asetukset
(=dashboard)
Määrittele käyttäjänimesi (username) SETTINGS-kohdasta heti
aluksi, sillä myöhemmin sitä ei voi vaihtaa, ilman että aiempien seinien
osoite katoaa. Käyttäjänimi tulee osaksi luomiesi seinien verkko-
osoitetta.

32. Yksittäisen Padlet-
seinän asetukset
• Basic info: seinän nimi ja kuvaus
• Wallpaper: taustakuvan valinta, voi tuoda
myös oman
• Layout: seinän tuotosten järjestys (grid!)
• Privacy: seinän näkyvyys muille verkon käyttäjille
• Notifications: sähköpostin tilaus päivittäisistä muutoksista
• Address: seinän osoitteen valinta
• Copy: seinän kopiointi (joko sisällön kanssa tai vain pohjan
kopiointi)
• Delete: seinän poistaminen

33. Padlet-seinän
upottaminen
Sivupalkin Share/Export-
kohdasta voit jakaa seinän
someen tai tallentaa eri
tiedostomuodoissa.
Sieltä löydät myös seinän QR-
koodin ja upotuskoodin (embed)
mm. Bloggeriin.

34. RSS-syöte
• RSS-syöte on verkkopalvelun tarjoama tiedosto, joka sisältää
säännöllisesti päivittyvää sisältöä
• Esimerkiksi useimmista blogeista saat syötteen, seuraavissa dioissa
kerrotaan, miten saat sen Twitteristä.
• Helsingin Sanomien tarjoama syötteet löydät tästä: www.hs.fi/rss
– Valitse haluamasi syöte ja kopioi sen otsikkokenttä
– Vie se käyttämäsi palvelun syötteenlukijaan, esim.
• Bloggerissa gadget nimeltä AINEISTOTIEDOSTO

35. Twitter-haun tai
yksittäisen tviitin upottaminen
• Tekemällä haun twitter.com -sivulla, näkyviin tulee kolme
pistettä, mistä saat haun upotuskoodin. Sen avulla voit viedä
suosituimmat/kaikki tulokset esim. blogiin tai sähköiselle
oppimisalustalle.
• Samalla tavoin voit upottaa yksittäisen tviitin.
Upotuskoodi
Suositut/kaikki

36. Twitterin upottaminen
verkkosivulle
1. Twitterin asetukset  pienoisohjelmat:
- Valitse mistä tviiteistä haluat aikajanan ja luo pienoisohjelma.
Kopioi annettu html-koodi.
2. Vie html-koodi verkkosivullesi
– Blogger: Asetukset: ulkoasu  lisää gadget 
HTML/JavaScript. Lisää Twitteristä kopioimasi html-koodi
Sisältö-kohtaan.
– Wikispaces: Sivun ollessa muokkaustilassa valitse Widget
ja sieltä Other HTML. Lisää sitten Twitteristä kopioimasi
html-koodi.

37. Maksuttomia kuvia opetuskäyttöön
Mainitse kuvaaja ja/tai lähde
Tarkemmat ehdot näet kyseisen kuvan tai palvelun sivulta
• Googlen kuvahaku
– Hakutyökalut – Käyttöoikeudet
• Wikimedia-säätiö (Wikipedia, Wikimedia Commons, Wikispecies,…)
– lähes kaikissa kuvissa CC-lisenssi tai ovat ns. Public domain-kuvia,
mutta tarkistettava jokaisen
kuvan kohdalta erikseen
• pixabay.com CC0-kuvia
Kuva: pixabay.com, CC0

38. Pientä maustetta kuvitukseen
Tekstigeneraattorit, ks. www.matleenalaakso.fi/2013/04/hyvaa-vappua.html
www.imagechef.com (kuvat alla)
•“Only active ImageChef Pro paid subscription users may use Content that they generate or store on
the site for a commercial or professional purpose, including advertising, printing flyers, selling
merchandise, preparing professional presentations, t-shirt sales, or any other similar purpose.”

39. Äänitiedostojen tekeminen
Mobiililaitteet
•QuickVoice (App Store)
•Smart Voice Recorder (Google play)
•Voice Recorder Pro+ (Windows)
Läppäri/pöytäkone
•vocaroo.com: tuotoksen voi jakaa esim.
oppimisympäristössä, Google/OneDrivessä,
muualla somessa tai QR-koodina, jonka saa
valmiiksi Vocaroosta

40. Puhuva pää viestin tuojana
voki.com: Luo puhuva voki-hahmo
(hahmo, vaatteet, tausta).
Äänitä 60 sek. puheenvuoro ja jaa linkki
tai upota verkkosivulle.

41. Mietelauseet ja tiivistelmät
• notegraphy.com
– Selain, App Store, Google play
• Aloita Make a Note -kohdasta: kirjoita
teksti ja valitse sitten visuaalinen malli
• Ideoita opetuskäyttöön
– Kirjasta lempilainaus
– Itse kirjoitettu aforismi
– Reaaliaineessa käsitellyn asian tai ilmiön
tiivistys
– Vieraskieliset sananlaskut

42. www.makebeliefscomix.com
Tee sarjakuvia valmiiden hahmojen, taustojen ja musiikin avulla.

43. Thinglink – interaktiiviset kuvat ja videot
• Voit upottaa kuviin (videoihin) tekstiä tai nettisisältöä ”kuumien
pisteiden” avulla
• www.thinglink.com, App Store, Google play

44. Thinglink-kuvan tekeminen
Alla ohje selaimelle, seuraavassa diassa mobiililaitteille
• Kirjaudu ja valitse kohta CREATE
– valitse kuva (voi tehdä myös videosta)
• Tuplaklikkaa kuvaa kohdasta, minne haluat
interaktiivista sisältöä
– Tuo linkki ja/tai teksti
– Valitse haluamasi kuvake (icon)
– SAVE TAG
– Lisää uutta sisältöä
• Kun kuva on valmis  SAVE IMAGE
– Pääset halutessasi edelleen muokkaamaan kuvaa
– Voit jakaa kuvan linkkinä tai somen kautta
– Kuvan alla on kohta, mistä voit tuhota kuvan tai
lisätä sen kanavallesi

45. Thinglink-kuvan tekeminen
Ohje mobiilisovellukseen (Android, iOS)
• Kirjaudu
• Uuden kuvan teet +-merkistä
– Valitse kuva laitteeltasi tai kuvaa se nyt
• Siirrä ns. hotspot haluamaasi kohtaan ja muokkaa
sen sisältöä (teksti, oma video tai kuva, YouTube)
– Tuplaklikkaamalla kuvaa voit lisätä näitä kuumia
pisteitä ja niihin sisältöä
• NEXT-kohdasta pääset antamaan kuvallesi nimen
ja halutessasi jakamaan sen somen kautta
• SAVE
• Jos haluat lisätä kuvan kanavallesi,
tee se selaimen kautta

46. Viimeiset kolme vinkkiä!
• Kollegoita löydät kahvihuoneen lisäksi verkosta:
opeverkostot.wikispaces.com  yli 120 opetusalan FB-ryhmää
• Tvt:n opetuskäytön webinaareja ja tallenteita:
www.matleenalaakso.fi/p/webinaarit.html
• Koonti #jaajotain päivän materiaaleista: www.scoop.it/t/jaajotain
– Esim. Marja Oilinki: Opettajan tvt-työkirja, CC BY

47. Lisätietoja
• CC-lisenssit: 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 lähteeseen, tämän diasarjan
osalta: Matleena Laakso, www.slideshare.net/MatleenaLaakso/eri-vlineiden-
yhteiskytt. 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
HUOM: Kuvissa käytetty muitakin lisenssejä.