H5P - Interaktioita helposti. Jari Sarja

Transkriptio

1 - Interaktioita helposti Jari Sarja 2018

2 SISÄLLYSLUETTELO 1 Johdanto Tausta Mistä kaikki alkoi? org sisällön linkittäminen ja upottaminen sisällön kopioiminen sisällön liittäminen Oikeuksien hallinta :n asennus julkaisujärjestelmään tai oppimisalustaan :n lukuisat vaihtoehdot Kysymystehtävät Arithmetic Quiz laskutehtäviä Drag the Words sanojen yhdistelytehtävä Fill in the Blanks aukkotehtävä Kuvien järjestäminen - Image Sequencing Mark the Words Multiple Choice Quiz (Question Set) Single Choice Set Summary True/False Question Multimedia Audio Recorder Flashcards - tehtäväkortit Image Hotspots Interactive Video vuorovaikutteinen video Speakt the Words vastaa puhumalla

3 4.6 Speak the Words Set Timeline eli aikajana Sisältö Chart - kaavio Column Course Prsentation Dialog Cards eli tehtäväkortit Pelit Memory Game - muistipeli Sosiaalinen media Twitter User Feed testit Personality Quiz Liite 1 :n asennus WordPressiin Liite 2 :n asennus Moodleen Liite 3 :n asennus Drupaliin

4 1 JOHDANTO mahdollistaa monipuolisten interaktioiden luomisen ilman, että käytetään Flash tai Java -tekniikkaa. :n tavoitteena on hyödyntää HTML5:n mahdollisuudet, siinä se onnistunut hyvin. Siitä nimikin on peräisin ( = HTML5 Package). Sen vahvuutena on helppokäyttöisyyden lisäksi responsiivisuus. :llä tehdyt interaktiot toimivat hyvin eri päätelaitteilla. on sikäli kätevä, ettei se ole erillinen ohjelma, joka pitää asentaa. Kaiken voi tehdä webselaimen kautta eli internetyhteys riittää. :tä voi kuka tahansa käyttää :n sivuilla heti rekisteröitymisen jälkeen. :n voi myös asentaa osaksi julkaisujärjestelmiä: WordPress ja Drupal. :n voi lisäksi asentaa oppimisalusta Moodleen. 1.1 Tausta :n kehittäjien ajatus oli luoda sellainen työkalu, jolla kenen tahansa on mahdollista luoda interaktiivista sisältöä. Voi jopa sanoa, että kyse on valtauttamisesta. Oppimateriaalin tekijät pystyvät itse luomaan mieleisiään interaktiota ilman ulkopuolisten apua. :n kehitystä kuljettelee ja määrittelee yhteisö, jossa on mukana mm. Joubel niminen yritys. Fyysisesti kehitystiimi sijaitsee Tromssassa norjassa. : n keksijä ja pääarkkitehti on SveinTore Griff With. Hän on nykyisin Joubelin toimitusjohtaja. Ensimmäinen konferenssi järjestettiin Tromssassa Siellä :n tavoitteeksi esitettiin esteettömyys. Interaktioiden olisi toimittava siten, että niitä voisivat käyttää myös sokeat ja heikkonäköiset. 4

5 1.2. Mistä kaikki alkoi? :n kehitys alkaa siitä, että Norjan koulutusalan johtava toimija NDLA (National Digital Learning Arena), sai julkista rahoitusta oppimisportaalia varten. NDLAn oppimisportaalin, kävijämäärä oli 2,6 miljoonaa yksittäistä kävijää vuonna Portaali oli hyvin suosittu, mutta NDLA päätti haluavansa eroon Flash -tekniikasta ja samalla se uudistaisi toimintatapojaan. Joubel niminen yritys tarttui haasteeseen ja niin syntyi, josta tuli standardi NDLA:n portaalin sisällöille. on avointa lähdekoodia, joten kaikki koodi on saatavissa GitHubista. Rahoitus on hoitunut pääosin vienninedistämisorganisaatio Innovasjon Norgen avulla, joka on tukenut hanketta 5 miljoonalla kruunulla. on saanut tukea myös seuraavilta toimijoilta: Joubel, NDLA, Victoria University, Opigno, FoxyLearning, WebAnywhere, Mediamaisteri, University of Manchester, Cerpus ja University of Southampton. suosion kasvu on ollut nopeaa. Tammikuussa 2014 oli käytössä vain kahdeksalla sivustolla. Nyt pelkästään WordPressillä tehtyihin sivuihin on asennettu plugineja yli 7000! Tilastot joulukuu 2017 Drupaliin asennettu: WordPressiin asennettu: Modleen asennettu: org sivuille rekisteröityneet:

6 1.3.org Helpoin tapa aloittaa tutustuminen :hen on rekisteröityminen :n sivuilla. Rekisteröitymisen jälkeen kaikki :n työkalut ovat käytössä. Työkaluja on yli 40, joilla voi luoda erilaista sisältöä. Kirjautumisen jälkeen kannattaa napsauttaa painiketta My account. Sieltä pääsee käsiksi jo luotuihin -sisältöihin. Siellä on myös linkki Create New Content, jota napsauttamalla pääsee luomaan uutta -sisältöä. Sisällön luominen alkaa laittamalla otsikko. Sen jälkeen valitan, millaista sisältöä halutaan tuoda. Käyttöliittymä on tismalleen samanlainen, jos on asennettu johonkin julkaisujärjestelmään tai oppimisalustaan. 6

7 sisällön linkittäminen ja upottaminen.org sivustolle tehty materiaali on erillinen saareke, joka ei ole oppimisalustaasi tai websivusi. Mutta sisältöön on helppo linkittää, koska :llä tehdyt sisällöt ovat avoimia. Opiskelijan ei tarvitse kirjautua sivuille. Linkki on sama, joka näkyy osoiterivillä, kun -sisältö on auki (1). Kannattaa laittaa View aktiiviseksi, (2) koska muussa tapauksessa opiskelijalle tulee ilmoitus Access denied. 7

8 Upottaminen tapahtuu siten, että kopioidaan upotuskoodi avoimena olevasta sisällöstä. Siellä näkyy painike Embed.! HUOM.! Moodleen asennetussa :stä ei ole ole mahdollista suorittaa upotuksia. Siellä ei ole <> Embed -painiketta sisällön kopioiminen on sikäli kätevä, että kaikki mitä sillä tehdään, on kopioitavissa. Jos teet esim. yksittäisen tehtävän, on se kopiotavissa. Kopioidu sisällön voi tuoda mihin tahansa julkaisujärjestelmään tai oppimisalustaan, johon on asennettu. 8

9 Kopioiminen tapahtuu siten, että napsautetaan sisällön alla olevaa painiketta Download sisällön liittäminen Omalle koneelle kopioidun -sisällön voi liittää mihin tahansa :n ympäristöön. On esim. mahdollista kopioda tehtävä Moodlesta ja liittää se toiseen Moodleen. Liittäminen tapahtuu siten, että :ssä valitaan Upload. 9

10 1.3.4 Oikeuksien hallinta mahdollistaa myös oikeuksien hallinnan. Mikäli haluat, ettei tekemäsi ole kopioitavissa. Voit asetuksissa jättää ruksin pois kohdasta Download button. Mikäli haluat, ettei tekemääsi sisältöä voi upottaa mihinkään, ota ruksi pois kohdasta Embed button. Asetuksissa on myös painike Copyright button, mutta se ei koske tekemäsi tuotoksen oikeuksia. Kyseinen painike on toiminnassa vain, jos laitat kuville oikeuksia. Jos otat esim. kuvia Pixabaysta voi laittaa jokaisen kuvan kohdalle tekijänoikeustiedot. 1.4 :n asennus julkaisujärjestelmään tai oppimisalustaan on mahdollista asentaa oppimisalusta Moodleen (ks. liite 2), julkaisujärjestelmä WordPressiin (ks. liite 1) ja julkaisujärjestelmä Drupaliin (ks liite 3). 10

11 Jos on asennettu julkaisujärjestelmään tai oppimisalustaan, on se käytettävissä eli käyttäjän ei tarvitse sitä erikseen asentaa. löytyy eri paikasta, riippuen siitä missä ympäristössä käytät sitä. Toiminnot ovat samanlaiset ympäristöstä riippumatta. 11

12 2 :N LUKUISAT VAIHTOEHDOT :llä voidaan tehdä monenlaisia asioita. Se on paljon muutakin kuin yksinkertaisia interaktiotehtäviä. Karkeasti jaoteltuna :n vaihtoehdot voidaan jaotella seuraavasti. Kysymystehtävät Multimedia Sisältö Pelit Sosiaalinen media Kysymystehtävien idea on, että tehtävistä saa välittömästi palautteen. mahdollistaa hyvin erilaisten kysymysten tekemisen. On esimerkiksi mahdollista tehdä monivalinta- ja aukkotehtäviä. Multimedia mahdollistaa mm interaktiiviset videotehtävät. On esimerkiksi mahdollista pysäyttää video ja laittaa kysymys vastattavaksi. Multimedia mahdollistaa myös äänivastaukset ja puhutut vastaukset. :n avulla on myös mahdollista tehdä sisältöä. Sen avulla voi mm. tehdä aineistoa Powerpointin tapaan. Myös pelin tekeminen on mahdollista, mutta tällä hetkellä vain muistipelin tekeminen onnistuu. Sosiaalisen median osalta on tällä hetkellä tarjolla ainoastaan Twitterin liittäminen :hen. Seuraavissa luvuissa kaikki :n vaihtoehdot käydään yksitellen läpi esimerkkien kera. 12

13 3 KYSYMYSTEHTÄVÄT Kysymykset on perinteisin interaktion muoto. Toteutustapoja on monia. On esim. mahdollista rakentaa samanlainen kysymyspatteristo kuin ohjelmassa Haluatko miljonääriksi. Seuraavissa luvuissa käsittelen kysymystehtävät yksitellen. Jos haluat oikaista, voit kunkin luvun lopusta mennä suoraan esimerkkiin ja tallentaa sen itsellesi. Olen jättänyt pois sellaiset kysymystehtävät, jotka vaativat kuvankäsittelytaitoa. Sellaiset tehtävätyypit ovat hauskoja ja näyttäviä, mutta ne ovat hitaita tehdä. 3.1 Arithmetic Quiz laskutehtäviä Tällä työkalulla luot nopeasti laskutehtäviä. Kirjoita tehtävälle nimi, etsi Arit ja kohdassa Arithmetic Quiz napsautat painiketta Use. Kirjoita ohjeteksti (1) ja valitse millaisia kysymyksiä tehdään (2) ja kuinka monta (3). 13

14 Mikäli haluat vaikuttaa käännöksiin, löytyvät ne kohdasta Text overrides and translations. Tässä valmis esimerkki Drag the Words sanojen yhdistelytehtävä Tässä tehtävässä raahataan sanoja eli kyseessä on yhdistelytehtävä. Kirjoita tehtävälle nimi (1), etsi Drag (2) ja kohdassa Drag the Words (3) napsautat painiketta Details ja sen jälkeen painiketta Use. 14

15 Tämä tehtävätyyppi on varsin helppo, koska ohjeetkin ovat varsin selkeät. Sanat merkataan tekstiin tähdillä (yleensä Enter näppäimen vieressä oleva näppäin). Alla :n oma esimerkki Kirjoita ensin tehtävän kuvaus. 15

16 Seuraavaksi laitat teksti paikoilleen ja merkkaat sanat tähdillä.. Tältä näyttää, kun se on valmis. arpoo sanat eri järjestykseen, joten siitä ei tarvitse huolehtia. Alla valmis esimerkki: 16

17 3.3 Fill in the Blanks aukkotehtävä Aukkotehtävä on vanha klassikko. Yleensä aukkotehtäviä käytetään kieltenopiskelussa. Tehtävän hyvä puoli on, ettei vastauksia voi arvata, koska ei ole valmiita vaihtoehtoja. Kirjoita tehtävälle nimi (1), etsi Fill (2) ja kohdassa Fill the Blanks (3) napsautat painiketta Use. Laita oheistus. Sitten laitat tekstin paikoilleen ja aukkokohdat merkkaat tähdellä (*). 17

18 Tältä se näyttää valmiina. Tässä esimerkki Kuvien järjestäminen - Image Sequencing Kuvien järjestäminen on kätevä tehtävä esim. silloin, kun tarvitsee laittaa asioita järjestykseen jonkun mukaan. Järjestys voi perusta esim. aikaan tai etäisyyteen. Kirjoita tehtävälle nimi (1), etsi Image (2) ja kohdassa Image Sequencing (3) napsautat painiketta Use. Mikäli painiketta Use ei näy, napsauta Details ja sen jälkeen napsauta painiketta Use eli Valitse 18

19 Kirjoita tehtäväksianto. Laita sen jälkeen kuvat. Kuvat laitetaan oikeaan järjestykseen ja kuville pitää myös laittaa teksti selitteeksi. 19

20 Kuvien järjestystä voi muokata raahaamalla. Alla olevassa linkissä valmis esimerkki. 20

21 3.5 Mark the Words Kirjoita tehtävälle nimi (1), etsi Mark (2) ja kohdassa Mark the Words (3) napsautat painiketta Use. Mikäli painiketta Use ei näy, napsauta Details ja sen jälkeen napsauta painiketta Use eli Valitse Kirjoita tehtäväksianto. Merkitse oikeat sanat tähdillä eli täti molemmin puolin oikeaa sanaa. 21

22 Tässä esimerkki Multiple Choice Multiple choice tarkoittaa monivalintaa. Ideana on, että kysytään jotakin ja tarjotaan muutama vaihtoehto, joista yksi on oikea. Tämän tyylisiä tehtäviä nähdään esim. Haluatko miljonääriksi -ohjelmassa. :n Multiple choice on sikäli erikoinen, että se sisältää tasan tarkkaan vain yhden kysymyksen, mutta joskus tarvitaan vain yksi kysymys ja tämä kysymystyyppi on juuri sellaisia tilanteita varten. Kirjoita tehtävälle nimi (1), etsi Multiple (2) ja kohdassa Multiple Choice (3) napsautat painiketta Use. 22

23 Kirjoita kysymys kenttään kysymys (eng. Question). Kirjoita vaihtoehdot kohtaan Vaihtoehto (en. Option) ja laita ruksi oikean vaihtoehdon kohdalle Oikein (en. Correct). 23

24 Saat lisää vaihtoehtoja napsauttamalla painiketta Add vaihtoehto (en. Add Option). Kun kaikki on valmista niin tarkista, että olet antanut interaktiolle nimen, jonka jälkeen napsauta painiketta Create, jos WordPress. Moodlessa painike on Tallenna. 24

25 Tällainen siitä tuli. Käännä interaktio Kuten yllä olevasta kuvasta näkyy, painike on englanniksi. Onneksi kaiken tämän voi muokata kohdassa Text overrides and translations Tässä ajatuksia käännöksiin Check Tarkista Show solution Katso vastaus Retry Yritä uudestaan Vihjeet ja palaute Tehtävään on myös mahdollista lisätä vihjeitä ja palautetta. Ne sijoitetaan aina vaihtoehdon kohdalle. 25

26 Kohtaan Vihjeteksti (en. Hint) voi laittaa vihjeen esim. Suomen vanhin kaupunki. Seuraavaan kenttään voi laittaa viestiä siitä, jos valinta oli Oulu. Se voisi olla vaikka Vastasit väärin. Tosin Oulun strategiassa lukee rohkeasti uudistuva Skandinavian pohjoinen pääkaupunki. Alla olevassa linkissä on valmis esimerkki. 26

27 Kuvat Mukaan Tämä kysymystyyppi mahdollistaa myös kuvan lisäämisen. Kuva tulee kohtaan Media. Tosin siihen voisi valita myös videon. Ja tässä esimerkki kuvatehtävästä Quiz (Question Set) Tämä sopii hyvin erilaisten testipattereiden tekemiseen eli kysymyksiä voi olla enemmän kuin yksi. Kirjoita tehtävälle nimi (1), etsi Que (2) ja kohdassa Quiz (Question Set) (3) napsautat painiketta Use. 27

28 Tähän voi laittaa erilaisia kysymystyyppejä. Lähes kaikki kysymystyypit on käsitelty jo aiemmissa luvuissa. Kohdasta Add kysymys on mahdollista lisätä kysymyksiä. Tässä esimerkki kysymyspatterista. 28

29 3.8 Single Choice Set Tämä tehtävätyyppi on sellainen, että siinä on vain yksi oikea vastaus. Lisäksi se oikea vastaus laitetaan aina ensimmäisenä. arpoo sitten sen eri paikkaan. Tämä tehtävätyyppi on varsin kätevä, koska kysymyksiä voi olla monta ja helppoa, kun oikea vaihtoehto on aina ekana. Kone arpoo vastausvaihdot joka kerta, joten lunttaaminen on hankalaa, koska eri vastaajilla vastaukset ovat eri järjestyksessä. Kirjoita tehtävälle nimi (1), etsi Single (2) ja kohdassa Single Choice Set (3) napsautat painiketta Use. Tai sitten Details ja sen jälkeen Use eli Valitse. Sitten kirjoitetaan kysymys ja laaditaan vaihtoehdot, 29

30 30

31 Uuden kysymyksen saa lisättyä napsauttamalla painiketta Lisää kysymys.: Tässä esimerkki kysymyspatterista Summary Tämän ideana on, että luet tekstin ja sitten tämä tehtävätyyppi on yhteenveto. Niin yhteenveto siitä, että ymmärsitkö lukemasi. Kirjoita tehtävälle nimi (1), etsi Summary (2) ja kohdassa Sumary (3) napsautat painiketta Use. Tai sitten Details ja sen jälkeen Use eli Valitse. 31

32 Sitten tarvitaan sopivat väittämät. Tässä esimerkki. 32

33 3.10 True/False Question Tämä tehtävätyyppi perustuu siihen, että esitetään väittämä, joka on joko oikein tai väärin. Tavallisuudesta poiketen tähän voidaan lisätä kuva. Kirjoita tehtävälle nimi (1), etsi True (2) ja kohdassa True/False Question (3) napsautat painiketta Use. Tai sitten Details ja sen jälkeen Use eli Valitse. Väittämiä voi tehdä vain yhden, joten kovin hyvä ei ole tämä tehtävätyyppi. 33

34 Tehtävään on mahdollista laittaa kuva tai video. Silloin tehtävästä tulee hieman mielenkiintoisempi. Tässä esimerkki: 34

35 4 MULTIMEDIA on ottanut hyvin haltuun myös multimedian eli äänen ja videon. Varsinkin videot ovat nykyään olennainen osa oppimateriaalia. Tästä osiosta olen jättänyt pois interaktiotyypit, jotka mielestäni ovat turhia kuten esim. kuvienselailuohjelman. 4.1 Audio Recorder :n avulla on myös mahdollista tehdä äänityksiä. Yleensä äänitykset pitää tehdä jollakin koneelle asennettavalla ohjelmalla kuten Audacity, mutta tarjoaa helpomman keinon. Kirjoita otsikko (1), etsi hakusanalla Voi (2) ja valitse Audio Recorder (3). 35

36 Laita ohjeet. Tee käännökset. Sitten kaikki onkin valmista. Katso tästä esimerkki: Flashcards - tehtäväkortit Tämän tehtävätyypin idea on se, että näytetään kuva ja sitten kirjoitetaan vastaus. Tämä sopii hyvin tunnistamistehtäviin, mutta heikkoutena on se, että vastaus on kirjoitettava oikein. Eli pienikin kirjoitusvirhe ja vastaus tulkitaan vääräksi Kirjoita tehtävälle nimi (1), etsi Flash (2) ja kohdassa Flashcards (3) napsautat painiketta Use. Tai sitten Details ja sen jälkeen Use eli Valitse. 36

37 Kirjoita tehtäväksianto ja oikea vastaus. Voit myös muotoilla kysymyksen siten, että se toimii ilman kuvaa. Lisää kuva. 37

38 Jätä ruksi pois kohdasta Case sensitive. Näin siksi, että silloin sekä vasara että Vasara ovat oikeita vastauksia. Kohtaan Omat tekstit ja käännökset voit laittaa käännökset. Uudet tehtävän saat lisättyä napsauttamalla painiketta Lisää... 38

39 Katso tästä esimerkki: Image Hotspots Ideana on, että kuvaan voidaan liittää interaktiota kuten tekstiä ja videoaineistoa. Kirjoita tehtävälle nimi (1), etsi Image (2) ja kohdassa Image Hotspots Presentation (3) napsautat painiketta Use. Tai sitten Details ja sen jälkeen Use eli Valitse. Ihan ensimmäiseksi sinun kannattaa laittaa taustakuva. Se on ikään kuin pohjakuva, jossa kaikki tapahtuu. 39

40 Napsauta seuraavaksi kuvassa kohtaa, johon haluat linkin eli hotspotin, Kirjoita otsikko ja valitse mitä näytetään. 40

41 Voit lisätä hotspotteja napsauttamalla painiketta. Lisää hotspot. Sitten kaikki onkin valmista. Katso tästä esimerkki: Interactive Video vuorovaikutteinen video :n uusimpia valmistuneita työkaluja on Interaktive Video. Ideana on, että video toimii tavalliseen tapaan, mutta sen lisäksi siihen laitetaan mm. tehtäviä. Videossa ei pääse eteenpäin ennen kuin on vastannut kysymykseen. 41

42 Interaktiivisen videon tekeminen alkaa perinteiseen tapaan. Kirjoita tehtävälle nimi (1), etsi Video (2) ja kohdassa Interactive Video (3) napsautat painiketta Use. Interaktiivisen videon tekeminen alkaa sillä, että valitaan video napsauttamalla kuvassa näkyvää ristiä. Suosittelen, että valitset videon YouTubesta, koska se jaksaa pyörittää raskaitakin videoita. Mikäli sinulla on koneellasi sopiva video niin sekin käy, jos ne ovat webm tai mp4 formaatissa. 42

43 Kun video on valittu, on aika siirtyä toiselle välilehdelle. Siellä videoon voi lisäillä kaikenlaista. Kannattaa laittaa video pyörimään ja sopivassa kohtaa sitten painat pause ja määrittelet siihen kohtaan interaktion. Tosin videoon voi lisätä myös nimilapun, tekstiä, taulukon, linkin ja kuvan. Varsinaiset interaktiot kuten esim. kysymykset ovat kuvan käyttöliittymän oikeassa reunassa. 43

44 väite yksi oikein monivalinta oikein / väärin aukkotehtävä raahaustehtävä merkkaa sanat raahaa teksti haarauta siirry kohtaan Tässä esimerkki, kun video pysäytetään ja siihen laitetaan tehtävä. Kannattaa pysäyttää video ja valita Pop-up. 44

45 Videoon voi laitta toimintoja vastauksen mukaan. Esim. jos käyttäjä vastaa vääriin, joutuu hän aloittamaan videon katselun alusta (siirry kohtaan 0:00). 45

46 Videolle laitettavat tehtävät yms. näkyvät editointivaiheessa pieninä palloina videon alalaidassa, Tässä alla on esimerkki valmiista tehtävästä Speakt the Words vastaa puhumalla Tehtäviin vastaaminen on yleensä valitsemista, yhdistelyä tai kirjoittamista. on tälläkin saralla edelläkävijä, koska tehtäviin voi vastata myös puhumalla. Tällainen tehtävätyyppi on kätevä ainakin kielten opiskelussa, koska kirjallisen osaamisen lisäksi pääsee testaamaan myös ääntämistä. 46

47 tunnistaa nykyisin myös puhetta edellyttäen, että vastaaminen tapahtuu Chrome-selaimella. :llä on kaksi tehtävätyyppiä, joissa vastataan puhumalla. Kyseiset tehtävätyypit ovat Speak the Words Set ja Speak the Words. Suosittelen noista kahdesta ensimmäistä, koska Speak the Words Set mahdollistaa kokonaisen kysymyspatterin tekemisen. Mikäli haluat sellaisen niin siirry seuraavaan lukuun. Kirjoita tehtävälle nimi (1), etsi Speak (2) ja kohdassa Speak the Words (3) napsautat painiketta Use. Tai sitten Details ja sen jälkeen Use eli Valitse. Kirjoita kysymys ja oikea vastaus. 47

48 Valitse kieli ja kirjoita teksti mikä näytetään, jos vastaus on oikein tai väärin. 48

49 Voit myös halutessasi tehdä käännökset. Tässä alla on esimerkki valmiista tehtävästä. 49

50 4.6 Speak the Words Set tunnistaa nykyisin myös puhetta edellyttäen, että vastaaminen tapahtuu Chrome-selaimella. :llä on kaksi tehtävätyyppiä, joissa vastataan puhumalla. Kyseiset tehtävätyypit ovat Speak the Words Set ja Speak the Words. Suosittelen noista kahdesta ensimmäistä, koska Speak the Words Set mahdollistaa kokonaisen kysymyspatterin tekemisen. Kirjoita tehtävälle nimi (1), etsi Image (2) ja kohdassa Image Slider (3) napsautat painiketta Use. Tai sitten Details ja sen jälkeen Use eli Valitse. Kirjoita tehtäväksianto. Tässä esimerkissä Kuinka sanot ruotsiksi sinun vuoro? Kirjoita oikea vastaus 50

51 Mikäli oikeita vastauksia on enemmän kuin yksi, on niiden lisääminen mahdollista napsauttamalla painiketta Add item. Kirjoita kysymyksen palaute ja valitse kieli Lisää kysymyksiä 51

52 Kun olet luonut kaikki tehtävät, voit määritellä palautteen kokonaisuudelle kohdassa Overall Feedback. Käännöksiin pääset kohdasta Text overrides and translation. Tässä alla on linkki valmiiseen esimerkkiin. Voit kopioida sen itsellesi napsauttamalla painiketta Download. 52

53 4.7 Timeline eli aikajana Timelinen avulla voit luoda kivoja aikajanoja. Aikajanaa voi selailla monin eri tavoin. Kirjoita tehtävälle nimi (1), etsi Image (2) ja kohdassa Image Slider (3) napsautat painiketta Use. Tai sitten Details ja sen jälkeen Use eli Valitse. 53

54 Ensimmäiseksi laitat otsikon ja kuvauksen, jotta loppukäyttäjä tietää mitä aihetta aikajana käsittelee. 54

55 Halutessasi voit laittaa taustakuvan aikajanalle. Tämä on varsin kätevä toiminta, koska osaa rakentaa aikajanan siten, että taustakuva jää nätisti taustalle. Muista kuitenkin määritellä kuvan korkeus. Laita alkupäivämäärä. 55

56 Kirjoita tapahtuman otsikko ja sisältö. Uuden aikakauden saat lisättyä napsauttamalla painiketta Lisää item. Muista myös määritellä käyttöliittymän kieli. Tässä esimerkki: 56

57 5 SISÄLTÖ ei tarkoita pelkästään erilaisia interaktioita. :n avulla voi tehdä ihan tavallista sisältöä kuten kuvia, kaavioita ja powerpointin tapaisia esityksiä. Tästä osiotsa olen poistanut työkaluja, jotka eivät mielestäni hyödyllisiä. 5.1 Chart - kaavio Tämän työkalun idean on luoda kaavioita. Kaavioita voi tietty luoda monin eri tavoin muutenkin, mutta :n erikoisuus on responsiivisuus eli kaaviot skaalautuvat näytön mukaan. Lisäksi kaavioiden lukuja voidaan muuttaa. Kirjoita tehtävälle nimi (1), etsi Chart (2) ja kohdassa Chart (3) napsautat painiketta Use. Tai sitten Details ja sen jälkeen Use eli Valitse. Sitten syötetään dataa. 57

58 Tämä työkalu on perin yksinkertainen ja kaipaan siihen parannuksia. Tässä kuitenkin esimerkki Column Tämä on varsin mielenkiintoinen työkalu, koska se ei varsinaisesti tee mitään. Sen hienous on siinä, että siihen voidaan poimia muita -interaktioita. Se on tavallaan tyhjä sivu, johon muut :n elementit voidaan asetella. Mutta aiemmin tehtyjä interaktioita ei voi liittää vaan ne on luotava Columnin sisään. Tästä en paljoa kirjoita, koska elementit on tuossa aiemmin jo tullut käsiteltyä. 58

59 Kirjoita tehtävälle nimi (1), etsi Column (2) ja kohdassa Column (3) napsautat painiketta Use. Tai sitten Details ja sen jälkeen Use eli Valitse. Sitten valitaan toimintoja (1) ja osioita (2). 59

60 Tässä esimerkki mitä tuolla voisi tehdä. Tuossa esimerkissä yhdistin kuvan, tehtävän ja tekstin eli kolme osiota. 5.3 Course Prsentation Course Presentation on erikoinen työkalu, koska se tekee vähän kaikkea. Se korvaa Powerpointit, Youtubet ja muut. Se on työkalu, joka tekee ihan kaiken. Myös grafiikka onnistuu tällä työkalulla. Ei voi kuin hämmästellä, että jotakin tällaista on ja vieläpä ilmaiseksi. Kirjoita tehtävälle nimi (1), etsi Cour (2) ja kohdassa Course Presentation (3) napsautat painiketta Use. Tai sitten Details ja sen jälkeen Use eli Valitse. 60

61 Laita otsikko paikoilleen. Sitten voitkin luoda ensimmäisen dian. Valitset valikosta Teksti painikkeen ja Kuva painikkeen. Laitat tekstille taustan läpinäkyvyydeksi 75. Pienen harjoittelun jälkeen huomaat, että ohjelman käyttö on helpompaa kuin Powerpointin käyttö. Voit lisätä uuden dian napsauttamalla työkalun alalaidassa olevaa painiketta "newslide" Laita kuva ja teksti paikoilleen. 61

62 Tämä esitystyökalu on sikäli mielenkiintoinen, että siihen voi lisätä interaktion. Lisätäksesi interaktion napsauta painiketta "Single Choise Set". Muista, että ensimmäinen vaihtoehto on tekovaiheessa se oikea (kone arpoo sitten). Alla esimerkki. 62

63 Tässä esimerkki: Dialog Cards eli tehtäväkortit Tehtäväkortit sopivat loistavasti itseopiskeluun. Toisella puolella on ongelma tai kysymys ja toisella puolella on ratkaisu tai vastaus. Kirjoita tehtävälle nimi (1), etsi Dialog (2) ja kohdassa Dialog Cards (3) napsautat painiketta Use. Tai sitten Details ja sen jälkeen Use eli Valitse. 63

64 Sitten kysymyksiä ja vastauksia. Voit myös laittaa tehtäväkortteihin kuvia ja ääniä. 64

65 Tässä esimerkki. 65

66 6 PELIT :n avulla voit tehdä myös pelejä, mutta ainakin tässä vaiheessa pelit ovat varsin yksinkertaisia. 6.1 Memory Game - muistipeli Tätä peliä pelattiin ennen korteilla. Kortit sekoitettiin ja vuorotelleen avattiin kortteja. Kun pari löytyi niin kortit otettiin sivuun. Eniten kortteja kerännyt oli voittaja. Kirjoita tehtävälle nimi (1), etsi Memory (2) ja kohdassa Memory Game (3) napsautat painiketta Use. Tai sitten Details ja sen jälkeen Use eli Valitse. Muistpelin rakentaminen on varsin helppoa, koska tehdään kortteja joihin valitaan kuva. 66

67 Tässä esimerkki. 67

68 7 SOSIAALINEN MEDIA ja sosiaalinen media on toistaiseksi vielä varsin vaisu yhdistelmä eli kovin paljoa tässä osiossa ei ole luvassa. 7.1.Twitter User Feed Tämän avulla voit hake Twitteristä asioita näkyviin. Kirjoita tehtävälle nimi (1), etsi Twitter (2) ja kohdassa Twitter User Feed (3) napsautat painiketta Use. Tai sitten Details ja sen jälkeen Use eli Valitse. Sitten voisi kaivaa esim. :n julkaisemat feedit osoite on: 68

69 Sitten tarvitsee ainoastaan laittaa käyttäjätunnus, jota seurataan eli tässä tapauksessa Technology. Tässä esimerkki. 69

70 8 TESTIT :n avulla voi myös tehdä yksinkertaisen testin. Testi on aika näyttävä, mutta vastaavan tekeminen on varsin työläs homma. 8.1 Personality Quiz Testin ideana on, että valitaan vaihtoehto ja se vaihtoehto yhdistetään johonkin lopputulemaan kuten esim. persoonallisuus. Tosin lopputulema voi olla myös jokin muu kuten esim. suhde luontoon. Kirjoita tehtävälle nimi (1), etsi Per (2) ja kohdassa Personality Quiz (3) napsautat painiketta Use. Tai sitten Details ja sen jälkeen Use eli Valitse. 70

71 Kirjoita ensimmäiseksi otsikko ja halutessasi voi laittaa siihen myös kuvan. Määrittele ensimmäiseksi testin tulokset eli esim. oppimistyypit. Kirjoita sen jälkeen kysymykset ja niihin liittyvät vastaukset. 71

72 72

73 Näyttävän hyrrän saat, kun valitset animaation Wheel of fortune. Tässä esimerkki. 73

74 LIITE 1 :N ASENNUS WORDPRESSIIN asennetaan WordPressiin lisäosana eli pluginina. Prosessi on hyvin suoraviivainen ja helppo. :n asennusta helpottaa paljon se seikka, että sen voi asentaa samalla tavoin kuin kaikki muutkin WordPressin lisäosat. Vaihe 1. Etsi lisäosa Vaihe 2. Asenna lisäosa Vaihe 3. Ota lisäosa käyttöön 74

75 Asennuksen jälkeen näkyy vasemmassa palkissa hallintapanelin puolella. Vaihe 4. Ota kysymystyyppi käyttöön on nyt asennettu ja voit lisätä ensimmäisen interaktion. Tässä esimerkissä asennan vaihtoehdon Memory napsauttamalla sen kohdalla Get. Asenna kysymystyyppi napsauttamalla painiketta Install. 75

76 Nyt uusi kysymystyyppi on käytettävissä. Napsautat vaan painiketta Use Nyt voit luoda ensimmäisen interaktion eli tässä tapauksessa muistipelin. 76

77 Kun kaikki on valmista, klikkaat oikealla olevaa painiketta Create Ja tuon jälkeen saat koodin, jonka avulla voit upottaa tehtävän sivullesi. Voit myös upottaa tehtävät editorin kautta. 77

78 LIITE 2 :N ASENNUS MOODLEEN :n asennus Moodleen on helppo juttu. Tosin ei yhtä helppo kuin asennus WordPressiin. Kannattaa asentaa perinteisen kaavan mukaisesti eli Moduulit > Install plugins. Ja seuraavaksi asennus Moodlen omasta hakemistosta. Valitse Browse plugins ja etsi ja lataa se koneellesi. Sitten jatkuu. WordPresissä lisäosa olisi jo asennettu, mutta Moodlen kanssa työ jatkuu eli nyt ladataan se plugin. 78

79 Sitten vielä tietokannan päivitys ja asennus on valmis. Toimi seuraavan kaavan mukaisesti, kun haluat luoda :n avulla sisältöä. 1. Laita Moodlessa muokkaustila päälle. 2. Mene kurssillasi osioon, jonne haluat lisätä valintatehtävän. 79

80 3. Lisää aktiviteetti tai aineisto. 4. Valitse 80

81 LIITE 3 :N ASENNUS DRUPALIIN :n asennus Drupaliin on kaikkein vaikein näistä kolmesta eri ohjelmasta. Ihan ensimmäiseksi kannattaa mennä sivuille, josta kyseinen lisäosa löytyy: Lisäosan voi ladata itselleen sivun alareunasta olevista linkeistä.drupalin puolella pitää valita Laajenna ja ruksi kohtaan Update Manager. Tämän jälkeen uuden moduulin asentaminen on mahdollista. Selaa moduuli omalta koneeltasi ja napsauta painiketta Asenna. 81

82 Ota sen jälkeen käyttöön juuri asennettu moduuli. Mene sen jälkeen kohtaan Laajenna ja ota uudet moduulit käyttöösi napsauttamalla sivun alalaidassa olevaa painiketta Asenna. 82

83 Tämän jälkeen on asennettu ja otettu käyttöön, mutta homma jatkuu vielä, koska :tä ei vielä löydy mistään. Se pitää lisätä yhdeksi sisällöksi. Ja se prosessi menee näin. Mene kohtaan Rakenne ja napsauta linkkiä sisältötyypit. Valitse Hallitse kenttiä kohdassa Perussivu. Lisää sinne uusi kenttä. 83

84 Valitse alasvetovalikosta. Se löytyy kohdasta Viittaus nimellä Interactive Content ja laita kentälle otsikoksi. Napsauta Tallenna ja jatka. Sen jälkeen anna kentälle nimi. Seuraavassa näkymässä voit valita oletuksen mukaisesti. 84

85 Seuraavaksi voi kirjoittaa ohjetekstit, jos haluat. Napsauta lopuksi painiketta tallenna. Sen jälkeen valitse Hallitse lomakkeen esitystapaa. Muuta kohdassa siten, että Editor on valittuna ja tallenna muutokset. Sitten voitkin mennä luomaan sisältöä. Valitse Sisältö ja lisää sisältöä. 85

86 Valitse perussivu, koska artikkeleihin ei voi lisätä sisältöjä. Nyt siellä on. 86

87 Laita sivuille otsikko ja ota kysymystyyppi käyttöön. Valitset esim. Quiz (Question Set) ja napsauta painiketta Hae Napsauta sen jälkeen painiketta Asenna. 87

88 Napsauta vielä painiketta Valitse Nyt kaikki on valmista ja voit luoda kysymyspatteriston. 88