Muokkaus ohjeeseen 11.12.2019:
Artikkelin kirjoittamisen jälkeen h5p.org-sivuston toiminta on muuttunut ja käyttäjät saavat upottamisen yhteydessä seuraavan varoituksen: WARNING: H5P.org is only for trying out H5P. The embed option will be limited soon. Do not use H5P.org to host real content.
Alla oleva ohje on teknisesti toimiva, mutta käyttäjät ojeistetaan h5p.org sivustolla joko käyttämään plugin-ohjelmia alustoillaan tai käyttämään h5p.com -palvelua.
Alkuperäinen ohje
Mikäli Moodleen (tai muuhun järjestelmään) ei ole asennettu H5P-pluginia, voit silti käyttää H5P-sisältöjä upottamalla niitä h5p.org-palvelimelta. Tällöin sinun kannattaa luoda ilmainen H5P-tili osoitteessa h5p.org/. Sen jälkeen voit luoda sisältöä palvelun työkaluilla ja jakaa sitä haluamallasi tavalla. Sinun kannattaa testata upotetu sisällöt huolellisesti, koska kaikki H5P-sisältötyypit eivät toimi upotettuna kaikissa ympäristöissä.
Tässä esimerkissä käytämme alla näkyvää, Golfiin liittyvää Drag the Words -tehtävää. Voit kopioida koodin myös siitä, jos haluat harjoitella upottamista käytännössä.
Saat upotuskoodin klikkaamalla H5P-sisällön alareunasta löytyvää <> Embed -painiketta. Mikäli kyseistä painiketta ei näy, on sisällön haltija estänyt upottamisen asetuksista ja sisältöä ei voi upottaa toisille sivuille.
Embed-painikkeen klikkaamisen jälkeen saat näkyviin sisällön upotuskoodin, joka tulee kopioida muistiin.
Kun upotuskoodi on muistissa, voit avata Moodlen. H5P-sisältöjä voi upottaa useampaankin erilaiseen aktiviteettiin. Tässä esimerkissä luomme Sivu-aktiviteetin ja liitämme upotuskoodin sinne. Avaa ensin Moodle-kurssi, jolle haluat H5P-tehtäväsi upottaa.
Klikkaa Muokkaustila päälle oikean yläkulman ratas-valikosta.
Klikkaa Lisää aktiviteetti tai aineisto -painiketta haluamastasi osiosta.
Valitse Sivu esiin tulevasta listasta ja klikkaa Lisää-painiketta.
Anna sivullesi kuvaava nimi.
Skrollaa tämän jälkeen alas kohtaan, johon lisäät sivun sisällön.
Klikkaa editorin laajennus-painiketta, jolla saat kaikki editorin työkalut näkyviin.
Klikkaa editorin HTML-painiketta, jonka avulla näet sisällön html-koodin ja pystyt muokkaamaan sitä.
Liitä H5P.org-palvelusta kopioimasi upotuskoodi edellisessä kohdassa avaamaasi kenttään.
Klikkaa lopuksi Tallenna ja näytä -painiketta.
Tämän jälkeen H5P-sisältö näkyy Moodlen sivu-aktiviteetissa.
Pari päivää artikkelin kirjoittamisen jälkeen Moodle julkaisi suunnitelmansa, jonka mukaan H5P integroidaan Moodleen seuraavien päivitysten yhteydessä https://moodle.com/news/moodle-announces-h5p-integration/