H5P - Ohjeita, joilla pääset alkuun

Samankaltaiset tiedostot
H5P - Interaktioita helposti. Jari Sarja

Bitnami WordPress - Asenna WordPress koneellesi. Jari Sarja

Webpalvelin muistitikulle - Ohje

Joomla pikaopas. Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta.

H5P - Interaktioita helposti

1. Adobe Digital Editions ohjelman käyttöönotto

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Kurssin asetuksista Kurssin asetukset voidaan muuttaa Kurssin ylläpidon kautta. Moodle ( Mervi Ruotsalainen)

Adobe Digital Editions -ohjeet

F-Secure KEY salasanojenhallintaohjelman käyttöönotto PC -laitteella

Oma kartta Google Maps -palveluun

Ohjeet e kirjan ostajalle

Office Video, pikaopas

Uuden Moodle-kurssin luominen

Poista tietokoneessasi olevat Javat ja asenna uusin Java-ohjelma

Ohjelman käyttöön ei sisälly muita kuluja kuin ohjelman lisenssimaksu ja mahdolliset webbipalvelusi käyttömaksut.

Uuden työtilan luonti

OHJEET HOPSIN TEKEMISEEN KYVYT- PALVELUSSA:

Mikä on Twitter? Rekisteröityminen

MOODLE-OHJE: Liitetiedoston lisääminen ja päivittäminen

MOODLE-KURSSIN LAATIMINEN /OPETTAJAN OHJEET

HAAGA-HELIA ammattikorkeakoulu Lomakkeen tekeminen Google Docsilla

Wikit kouluttajan työkaluna

F-Secure KEY salasanojenhallintaohjelman käyttöönotto Mac -laitteella

Toimi näin, jos et pääse verkkopankkiin Mozilla Firefox-selaimella

TEEMA 2 Aineistot. Kirjautuminen Moodleen. Sisältö. Kirjaudut Moodleen sivulta Voit vaihtaa kielen valikosta.

MultiSave - käyttö ja käyttöönotto

Mikäli olet saanut e-kirjan latauslinkin sähköpostilla, seuraa näitä ohjeita e-kirjan lataamisessa.

Webinaariin liittyminen Skype for

Visma Nova. Visma Nova ASP käyttö ja ohjeet

Poista tietokoneessa olevat Java ja asenna uusin Java-ohjelma

Toimittajaportaalin pikaohje

Moodle-alueen muokkaaminen

Onko tietokoneessasi useita Java-ohjelmia tai vanhoja javoja?

Osaamispassin luominen Google Sites palveluun

MOODLE-OHJE: Linkin lisääminen tehtävänannon yhteyteen. Web-linkin lisääminen

Pika-aloitusopas. Sisältö: Projektin luominen Projektin muokkaaminen ja hallinnointi Projektin/arvioinnin tulosten tarkastelu

Kyvyt.fi eportfolion luominen

eportfolio ammatillisen kasvun ja oman osaamisen kuvaaminen

Juricon Nettisivu Joomlan käyttöohjeet

Moodle opas kurssin tekijälle

Tuplaturvan tilaus ja asennusohje

Discendum Oy

H5P-työkalut Moodlessa

Pedanet oppilaan ohje Aleksanteri Kenan koulu Eija Arvola

Hittitoimiston Forte-kotisivujen päivitysohje

NETTISIVUOHJE. MUITA OHJEITA käyttäjän lisääminen, mediakirjasto, sähköpostien lisääminen

Ohjeet asiakirjan lisäämiseen arkistoon

Kahoot! Kirjautuminen palveluun. Sinikka Leivonen

LibreOffice Calc. Taulukkolaskenta. Otavan Opiston julkaisusarja Jari Sarja 2015 Creative Commons Nimeä-Tarttuva 3.0

Kaakkois-Suomen Ammattikorkeakoulu Oy Mikkelin Ammattikorkeakoulu Oy Kymenlaakson Ammattikorkeakoulu Oy

AUTODESK ACCOUNT -OHJE

Suvi Junes/Pauliina Munter Tietohallinto/Opetusteknologiapalvelut 2014

PDF tarjous Soveltamisesimerkki

Sisältö. Päivitetty viimeksi Sivu 2 / 14

Lumon tuotekirjaston asennusohje. Asennus- ja rekisteröintiohje

Tiedostojen palauttaminen tehtävien palautuskansioihin Office 365 tilin yhdistäminen iperho verkko-oppimisympäristöön

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2013

Contact Form 7 -lomakkeen yhdistäminen Timeline Manageriin

Savalanche käyttöohje

opiskelijan ohje - kirjautuminen

NETIKKA PCTV KÄYTTÖOHJE

Tietosuoja-portaali. päivittäjän ohje

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA. Kirjaudu -palveluun osoitteessa tunnuksellasi.

PRINTER DRIVER PÄÄKÄYTTÄJÄN OPAS

Henkilö- ja koulutusrekisterin asennusohje

1 Johdanto. 2 Kirjautuminen. Sisällysluettelo. Kanakoirakerho - websivujen ylläpito

Liittyminen Sovelton Online-tapahtumaan Microsoft Lync Web App -selainlaajennuksella (Windows, MAC ja ipad)

Ylläpitoalue - Etusivu

Febdok 6.0 paikallisversion asennus OHJEISTUS

PAROC CALCULUS LASKENTAOHJELMA TIETOKONEELLE ASENNETTAVA VERSIO. Latausohjeet Asennusohjeet

MY STANDARD -OHJE. mystandard.hansaworld.com. Standard ERP Pilvipalvelu Sivu 1/6

RATKI 1.0 Käyttäjän ohje

Kopioi cd-levyt kiintolevylle, niin fyysiset levyt joutavat eläkkeelle.

Suvi Junes/Pauliina Munter Tietohallinto / Opetusteknologiapalvelut 2014

Viva-16. Käyttöohje Veikko Nokkala Suomen Videovalvonta.com

Written by Administrator Monday, 05 September :14 - Last Updated Thursday, 23 February :36

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Pauliina Munter/Suvi Junes Tampereen yliopisto / Tietohallinto Valitse muokkaustila päälle kurssialueen etusivun oikean yläkulman painikkeesta.

Mathcad 14.0 Single User -asennus

Käyttöopas Ajanvaraus

Käyttötapauksen nimi Lukija: pääsivu

Tiedostojen lataaminen netistä ja asentaminen

Käyttötapauksen nimi Lukija: pääsivu

NÄIN OTAT F-SECURE SAFEN KÄYTTÖÖN

Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta.

commerce_paytrail_fi Paytrail maksumoduuli Drupal Commerce - verkkokauppaan

Ennen varmenteen asennusta varmista seuraavat asiat:

PÄIVITÄ TIETOKONEESI

Artikkelin lisääminen

Toimittajaportaalin rekisteröityminen Toimittajaportaalin sisäänkirjautuminen Laskun luonti Liitteen lisääminen laskulle Asiakkaiden hallinta Uuden

Suvi Junes/Pauliina Munter Tietohallinto / Opetusteknologiapalvelut 2014

opiskelijan ohje - kirjautuminen

Kielioppivideon tekeminen

1. Opettaja lisää osallistujat: Opettaja poimii opiskelijat/opettajat alueelle

erasmartcardkortinlukijaohjelmiston

OFFICE 365 KOULUKÄYTÖSSÄ. TIIVISTELMÄ Tästä oppaasta löydät ohjeita Office 365 palvelun peruskäyttöön koulutyössä. Office 365 for Education

Suvi Junes Tampereen yliopisto / tietohallinto 2013

elearning Salpaus Elsa-tutuksi

Transkriptio:

- Ohjeita, joilla pääset alkuun Jari Sarja jari.sarja @ 2017 Creative Commons Nimeä-JaaSamoin 4.0 Kansainvälinen

SISÄLLYSLUETTELO 1 Johdanto... 3 1.1 Tausta... 4 1.2. Mistä kaikki alkoi?... 4 2 Missä sitä voi käyttää... 6 2.1.org... 6 2.1.1 -sisällön linkittäminen ja upottaminen...8 2.1.2 -sisällön kopioiminen...9 2.1.3 -sisällön liittäminen...10 2.1.4 Oikeuksien hallinta...10 2.2 :n asennus julkaisujärjestelmään tai oppimisalustaan...11 3 Mistä se H5p löytyy?... 12 3.1.org... 12 3.2 Moodle... 12 3.3 WordPress... 13 3.4 Drupal... 13 Liite 1 :n asennus WordPressiin...16 Liite 2 :n asennus Moodleen...20 Liite 3 :n asennus Drupaliin...22 Jari Sarja, 2017 2

1 JOHDANTO mahdollistaa monipuolisten interaktioiden luomisen ilman, että käytetään Flash tai Java -tekniikkaa. :n tavoitteena on ollut hyödyntää HTML5:n mahdollisuudet ja 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 erikoinen työkalu, että sitä voi käyttää :n sivuilla. Sinun tarvitsee vain rekisteröityä ja voit alkaa luoda erilaisia interaktioita. Kun interaktio on valmis, voit upottaa sen sivuillesi. Voit myös tallentaa sen esim. omalle koneellesi. :n voi myös asentaa Moodlen, WordPressiin ja Drupaliin. on yksi sovellus, joka sisältää lukemattoman määrän erilaisia interaktio -työkaluja. Sillä voi luoda monenlaisia interaktioita. Alla olevassa kuvassa on joitakin esimerkkejä. Jari Sarja, 2017 3

1.1 Tausta :n kehittäjien ajatus on luoda sellainen työkalu, jolla kenen tahansa on mahdollista luoda interaktiivista sisältöä. kehitettiin siihen tarkoitukseen, että asiantuntijat voisivat itse luoda, jakaa ja uusiokäyttää interaktiivisia sisältöjä. Voi jopa sanoa, että kyse on valtauttamisesta. Oppimateriaalin tekijät voivat itse luoda mieleisiään interaktiota ilman ulkopuolisten apua. 1.2. Mistä kaikki alkoi? :n kehitystä kuljettelee ja määrittelee yhteisö, jossa on mukana mm. Joubel niminen yritys. Fyysisesti kehitystiimi sijaitsee Tromssassa norjassa. Ensimmäinen konferenssi järjestettiin Tromssassa 2017. jossa :n tavoitteena esitettiin mm. esteettömyys eli interaktioiden olisi toimittava mm. siten, että sitä voisivat käyttää sokeat ja heikkonäköiset. Lisäksi sen olisi oltava niin helppokäyttöinen, ettei sen käyttöä tarvitse lainkaan opetella erilaisissa koulutuksissa kertoo videolla : n pääkeksijä ja arkkitehti on Svein-Tore Griff With. Hän on nykyisin Joubelin toimitusjohtaja. :n kehitys alkaa siitä, että Norjan koulutusalan johtava toimija NDLA (National Digital Learning Arena), sai julkista rahoitusta oppimisportaalia varten. NDLAn oppimisportaalin, www.ndla.no, kävijämäärä oli 2,6 miljoonaa yksittäistä kävijää vuonna 2013. 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. Jari Sarja, 2017 4

Rahoitus on hoitunut pääosin vienninedistämisorganisaatio Innovasjon Norgen avulla, joka on tukenut hanketta 5 miljoonalla kruunulla. on saanut tukea myös seuraavilta toimijoilta: Jo ubel, 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 lokakuu 2017 Drupaliin asennettu: 3 592 WordPressiin asennettu: 7 000 Modleen asennettu: 3 647.org sivuille rekisteröityneet: 43 300 Jari Sarja, 2017 5

2 MISSÄ SITÄ VOI KÄYTTÄÄ 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 asentaa osaksi julkaisujärjestelmiä WordPress ja Drupal. :n voi lisäksi asentaa oppimisalusta Moodleen. 2.1.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öä. Jari Sarja, 2017 6

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 oppimisympäristöön. Jari Sarja, 2017 7

2.1.1 -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. Kannattaa laittaa View aktiiviseksi, koska muussa tapauksessa opiskelijalle tulee ilmoitus Access denied. Upottaminen tapahtuu siten, että kopioidaan upotuskoodi avoimena olevasta sisällöstä. Siellä näkyy painike Embed Jari Sarja, 2017 8

! HUOM.! Moodleen asennetussa :stä ei ole ole mahdollista suorittaa upotuksia. 2.1.2 -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. Kopioiminen tapahtuu siten, että napsautetaan sisällön alla olevaa painiketta Download. Jari Sarja, 2017 9

2.1.3 -sisällön liittäminen Omalle koneelle kopioidun H%P -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. 2.1.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. Jari Sarja, 2017 10

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. 2.2 :n asennus julkaisujärjestelmään tai oppimisalustaan on mahdollista asentaa oppimisalusta Moodleen (ks. liite 2), julkaisujärjestelmä WordPressiin (ks. liite 1) ja julkaisujärjestelmä Druplaiin (ks liite 3). Jos on asennettu järjestelmään, on se käytettävissä eli käyttäjän ei tarvitse sitä erikseen asentaa. Jari Sarja, 2017 11

3 MISTÄ SE LÖYTYY? löytyy eri paikasta, riippuen siitä missä ympäristössä käytät sitä. Toiminnot ovat samanlaiset tai ainakin melkein samanlaiset, mutta tässä vinkit mistä se löytyy 3.1.org.org sivuilla valitset My account. Sitten olet jo perillä, koska voit luoda h5p interaktioita ja selailla entisiä jo tehtyjä interaktioita. 3.2 Moodle Moodlessa sama asia hoituu seuraavasti. 1. Laita Moodlessa muokkaustila päälle. 2. Mene kurssillasi osioon, jonne haluat lisätä valintatehtävän. 3. Lisää aktiviteetti tai aineisto. Jari Sarja, 2017 12

4. Valitse 3.3 WordPress WordPresissä on erillinen lisäosa, joka löytyy ohjauspaneelin alalaidasta. 3.4 Drupal Drupalissa homma menee niin, että valitset valikosta Sisältö ja sen jälkeen napsautat painiketta Lisää sisältöä. Jari Sarja, 2017 13

Lisää perussivu, koska artikkeleihin eli blogikirjoituksiin ei voi lisätä sisältöjä. Sisällön alapuolella on.. Jari Sarja, 2017 14

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 Jari Sarja, 2017 15

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. Jari Sarja, 2017 16

Nyt uusi kysymystyyppi on käytettävissä. Napsautat vaan painiketta Use Nyt voit luoda ensimmäisen interaktion eli tässä tapauksessa muistipelin. Jari Sarja, 2017 17

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. Jari Sarja, 2017 18

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. Jari Sarja, 2017 19

Sitten vielä tietokannan päivitys ja asennus on valmis. Sen jälkeen löytyy aktiviteeteista. Jari Sarja, 2017 20

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: https://www.drupal.org/project/h5p 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. Jari Sarja, 2017 21

Selaa moduuli omalta koneeltasi ja napsauta painiketta Asenna. 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. Jari Sarja, 2017 22

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. Jari Sarja, 2017 23

Lisää sinne uusi kenttä. 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. Jari Sarja, 2017 24

Seuraavassa näkymässä voit valita oletuksen mukaisesti. 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öä. Jari Sarja, 2017 25

Valitse perussivu. Nyt siellä on. Jari Sarja, 2017 26

Jari Sarja, 2017 27

Laita sivuille otsikko ja ota kysymystyyppi käyttöön. Valitset esim. Quiz (Question Set) ja napsauta painiketta Hae Napsauta sen jälkeen painiketta Asenna. Napsauta vielä painiketta Valitse Nyt kaikki on valmista ja voit luoda kysymyspatteriston. Jari Sarja, 2017 28