Opettajan some-paketti III:

Eri välineiden yhteiskäyttö

TOP-keskus, Digipolut-hanke Turku 23.3.2015

Matleena Laakso Blogi: www.matleenalaakso.fiTwitter: @matleenalaaksoDiat: www.slideshare.net/MatleenaLaakso Kuva: Matleena Laakso, CC BY

Esityksen kuvissa muitakin lisenssejä.

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?

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?

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

todaysmeet.com1. 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”.

NMC Technology Outlook: Scandinavian Schools, 1-2 years

www.nmc.org/publication/2015-nmc-technology-outlook-scandinavian-schools/ (CC BY)

NMC: Horizon raportti – Koulut 2014ec.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

NMC: Horizon raportti – Koulut 2014ec.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

NMC: Horizon raportti – Koulut 2014ec.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

Jere Majava: Opetuksen tähtimalli

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

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ö-kohtainenja jaettu Formaali,

informaali ja non-formaali

Globaali ja lokaaliPalapelin kuva: Kimhunghan, CC BY-SA

PLE – Personal Learning EnvironmentHä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

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

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öä.

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

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!

Verkkoelämän 365 astettawww.slideshare.net/Tuija/lydy-esittely

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

Seuraavaksi• Oppimisympäristöjen/some-välineiden virittelyä:

– Upottaminen– Vimpaimet– RSS-syötteet

• Mitä muuta?– Keskustelu– Ryhmätyöt– Uutiset– Materiaalin jakaminen– Portfolio

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ämpija visuaalisesti mukavampi.

• Vaihtoehtona on käyttää tekstilinkkejä• Upottaminen onnistuu kopioimalla upotuslinkki

(embed code) ja tuomalla tämä html-koodiomalle verkkosivulle asianomaiseen paikkaan.

YouTube-videon upotuskoodi 1/2

Jaa

YouTube-videon upotuskoodi 2/2

Kopioi lopuksi upotuskoodi

Tee ensin valinnat tästä

SlideSharen upotuskoodiUpotuskoodi löytyy diasarjan alaosan < > merkinnän takaa.

Klikkaamalla upotuskoodia(embed) saa näkyviin valinnan diojen koosta jaaloitusdiasta.

Upotuskoodin tuominen Bloggeriin 1/2

Tuodessasi koodin blogiteksti in, 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.

Upotuskoodin tuominen Bloggeriin 2/2

Kun haluat tuoda upotuskoodin Bloggerin sivupalkin vimpaimeksi, valitse kohta ULKOASU LISÄÄ GADGET HTML

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

Wikispaces: embed widget

HUOM: Other HTML löytyy sivun alaosasta

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

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 kir jautua, sillä muutoin työt ovat

näkyvillä vain hetken. Kirjautumalla saat käyttöösi monipuolisemmat ominaisuudet.

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.

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

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.

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

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.

UpotuskoodiSuositut/kaikki

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.

Maksuttomia kuvia opetuskäyttöönMainitse 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

Pientä maustetta kuvitukseenTekstigeneraattorit, 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 presentat ions , t-shirt sales, or any other similar purpose.”

Äänitiedostojen tekeminenMobiililaitteet•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

Puhuva pää viestin tuojana

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

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

www.makebeliefscomix.comTee sarjakuvia valmiiden hahmojen, taustojen ja musiikin avulla.

Thinglink – interaktiiviset kuvat ja videot

• Voit upottaa kuviin (videoihin) tekstiä tai nettisisältöä ”kuumien pisteiden” avulla

• www.thinglink.com, App Store, Google play

Thinglink-kuvan tekeminenAlla ohje selaimelle, seuraavassa diassa mobiililaitteille

• Kirjaudu ja valitse kohta CREATE– valitse kuva (voi tehdä myös videosta)

• Tuplaklikkaa kuvaa kohdasta, minne haluatinteraktiivista 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

Thinglink-kuvan tekeminenOhje 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

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

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.0HUOM: Kuvissa käytetty muitakin lisenssejä.