U N I TAT 1

H5P

Objectius

En aquesta unitat coneixerem què són les activitats H5P, així com els tipus disponibles. Entre els
objectius de la unitat, tenim:

Conèixer les característiques d'aquesta mena d'activitats i els seus avantatges.

Conèixer i analitzar els tipus d'activitats disponibles.
Conèixer el lloc oficial d'H5P i tot el material disponible en ell.
Obtenir un compte en la web oficial per a realitzar les nostres proves.
1 . I n t ro d u cc i ó

Introducció

H5P és una plataforma de programari lliure muntada per una empresa de Noruega anomenada
Joubel. Cansats d'utilitzar eines com a Flash per als seus components educatius, van dedicar tots els
esforços a generar HTML5 Rich Content.

H5P són la sigles d'H

HT M L 5 P a c k a g e i fa referència a un conjunt d'activitats interactives que poden
ser incrustades en gestors de contingut (CSM=Content Manager System) com Wordpress, Drupal... o
usades en plataformes educatives LMS com Moodle / AULES (LMS=Learning Management System).

Aquestes activitats fan més atractiu l'aprenentatge en requerir interactuar amb l'usuari. D'aquesta
manera, amb una metodologia més lúdica, el procés d'ensenyament-aprenentatge impacta més en
els alumnes i resulta més amè. Però encara que parlem d'H5P o tecnologia HTML5 i no ho
entenguem bé, no ens ha de preocupar, perquè la seva complexitat resulta transparent per a
nosaltres i gràcies a un plugin, podem inserir aquest tipus d'activitats en la nostra plataforma.
2 . L l o c o fi
ficci a l

Lloc oficial

Podem crear activitats interactives H5P directament en el seu lloc oficial.

h t t p s : // h 5 p . o r g < h t t p s : // h 5 p . o r g >

El primer que farem serà accedir al lloc web i registrar-nos. D'aquesta manera, podrem seguir el curs
tant si disposem de cursos en AULES com si no disposem.

Si disposem de'AULES, ja tindrem instal·lat un plugin per a poder crear directament aquest
tipus d'activitats en els nostres cursos, així que no ens haurem de preocupar de fer res més.
Si no disposem d'accés a AULES, però sí d'una plataforma MOODLE, haurem d'instal·lar un
plugin per a poder crear directament aquest tipus d'activitats en la plataforma.

P LU G I N P E R A M O O D L E

h t t p s : // m o o d l e . o r g / p l u g i n s / m o d _ h v p < h t t p s : // m o o d l e . o r g / p l u g i n s / m o d _ h v p >

Si no disposem de cap de les opcions anteriors, no ens queda una altra opció que treballar
directament en la web oficial d'h5p.org. D'aquí ve que s'incloga com un objectiu més en el
nostre aprenentatge sobre les activitats h5p.

Si volem usar aquest tipus d'activitats en el nostre blog o pàgina web, també necessitarem instal·lar
el plugin. No és tema d'aquest curs, però com el procés de creació de les activitats és el mateix, us
deixe ací un v í d e o < h tt p s : //w w w.y o u t u b e . c o m /w a t c h ? r e l o a d = 9 & v = w r u O y z 6 M 1 h 8 &
f e a t u r e = y o u t u . b e > de Daniel Primo, professor d'informàtica, on comenta la instal·lació del plugin
en Wordpress per a crear ací les activitats, per si algú vol ampliar el seu horitzó.
3 . Re g i s t r e

Registre en H5P.org

Per a poder començar a conèixer el tema i veure tot el seu potencial, seria interessant registrar-se en
la web oficial d'H5P.

h t t p s : // h 5 p . o r g / < h t t p s : // h 5 p . o r g / >

La web d''h 5 p . o r g és lliure i gratuïta i podem usar-la per a fer les nostres proves, però tenint en
compte que les nostres activitats tindran una vida limitada perquè, amb el temps, podran
desaparèixer. Si volem disposar de la nostra zona permanent de treball en el núvol i col·laborar amb
aquesta comunitat, hauríem de registrar-nos en   h 5 p . c o m < h tt p s : // h 5 p . c o m / > però només
disposaríem de 30 dies de prova i després hauríem de pagar. 

H5P és d'ús gratuït, és a dir, tecnologia completament gratuïta i oberta amb la llicència MIT. En la
seua plataforma podem trobar demostracions i descàrregues així com tutorials i documentació
disponible per als usuaris que desitgen unir-se a la comunitat.

H5P està basat en tecnologia HTML5  i això ens permetrà usar les nostres activitats en plataformes
com Moodle o altres webs basades en HTML5 com Wordpress, Drupal... Un altre avantatge de la
tecnologia HTML5 és la seua capacitat d'adaptabilitat a qualsevol dispositiu, siga ordinador, mòbil o
tauleta.

Per a registrar-nos, clicarem el botó " C r e a t e f r e e a c c o u n t " que trobarem en la part superior dreta
de la web i completarem els camps indicats que, encara que la web estiga en anglés, pràcticament és
com qualsevol altre registre, amb usuari, contrasenya i algun apartat més. Si disposem del navegador
Chrome, podrem tenir la web en espanyol.

Completem els camps:

 

Com he comentat, si la traduïm amb el traductor del navegador Chrome, podrem tenir la web en
espanyol. Si no tens el navegador Chrome o no tens activa la traducció en el teu navegador, sempre
la pots instal·lar o activar. Si necessites ajuda, pots consultar l'Annex.

Seguim completant els camps, encara que no tots són obligatoris, soles els que tenen l'asterisc són
imprescindibles completar.
I ja tindríem accés per a poder fer ací les nostres proves si no disposem d'una altra web.

Una vegada en la nostra sessió, podrem editar el nostre perfil amb la informació que ens interesse i
pujar fins i tot una foto que ens puga identificar.
4 . L a n o s t ra s e s s i ó

Editar perfil

Ja tením un compte en H5P.

Per a tancar la nostra sessió, busquem en la part superior dreta, el botó ""L o g o u t "  i cliquem.

Per a accedir a la nostra sessió, cliquem en " L o g i n " a l'esquerra del botó "Create free account"
que havíem premut abans. Aquí escriurem l'usuari i contrasenya que posàrem durant el
registre.

Si observem en la finestra que apareix després de clicar "Log in", tenim 3 opcions.

La primera per a crear compte, per si encara no ho havíem fet.

La segona per a *loguearnos amb el nostre usuari i contrasenya.

Si observamos en la ventana que aparece después de clicar "Log in", tenemos 3 opciones.
 1. La primera per a crear compte, per si encara no ho havíem fet.
2. La segona per a accedir amb el nostre usuari i contrasenya.

3. I la tercera, per si hem oblidat la nostra contrasenya. D'aquesta manera, escrivint el nostre
correu, ens enviaran un enllaç per a poder afegir una nova contrasenya d'accés a la plataforma.

Una vegada en la nostra sessió, podrem:

1. Editar el nostre perfil amb la informació que ens interesse i pujar fins i tot una foto que ens
puga identificar (com ja vaig comentar amb anterioritat, si usem la mateixa foto, crearem la
nostra pròpia identitat en el núvol).

2. Crear continguts nous o importar paquets que tinguem guardats en el nostre dispositiu.
També podem editar contingut existent si volem modificar algun aspecte de configuració o de
contingut.

3. L'últim apartat és per a llegir tots els comentaris que rebem dels nostres lectors.
5. Ti p u s d ' a c t i v i t a ts

Tipus d'activitats

Q u i n t i p u s d e r e c u r s o s i /o a c t i v i t a t s p o d e m c r e a r e n H 5 P ?

H5P permet crear fins a 38 tipus diferents d'activitats interactives, les quals podem classificar en
recursos, si ofereixen més informació que exercicis i en activitats, si estan més enfocades a exercicis
concrets o jocs.

R EC U RS O S

Els recursos són tot aquell material que oferim al nostre alumnat per a aprendre o com a reforç a
les explicacions.

Tant si creem un compte gratuït en H5P i treballem des del seu lloc web com si usem el seu
plugin per a Moodle, tindrem a la nostra disposició una gran varietat de recursos per a presentar
continguts com:

- Presentacions interactives

- Vídeos interactius

- línies de temps

- Gravacions d'àudio

- Gràfiques

Quan diem que el contingut és interactiu és pel fet que permet inserir elements, com a botons,
que podran ser activats per l'alumnat. Per exemple, en un vídeo podem incloure elements
interactius en moments puntuals de la reproducció per a activar preguntes o informació
addicional i d'aquesta manera enriquir l'experiència de l'aprenentatge.

A C T I V I TAT S

Les activitats requereixen obtenir un resultat com a resposta de l'usuari a exercicis o jocs.

- Quiz d'aritmètica

- Joc de memòria

- Exercicis d'arrossegar i soltar paraules o imàtgens

- Emplenar buits
 - Marcar paraules

- Selecció múltiple

- Vertader/fals

Tant els recursos com les activitats interactuen amb el nostre alumnat, d'una manera o d'una altra,
però sempre requereixen la seua atenció i actuació.

En aquest curs, veurem la quantitat més gran possible d'activitats, així d'entre elles, podrem triar les
que millor s'adapten als nostres continguts o al nostre alumnat.

Si creem una activitat des de zero, en la nostra sessió d'h5p.org, només ens permetrà crear 12 tipus
d'activitats, però ja veurem en altres unitats, com crear més a partir dels exemples que ens ofereix la
web.

                
6 . Crè d i ts i l l i cè n c i e s

Crèdits i llicències

Aquest material ha estat creat per David Barelles Adsuara gràcies a la informació obtinguda de les
següents webs:

Bibliografia

Lloc oficial d'H5P: hhtt p s : // h 5 p . o r g < h tt p s : // h 5 p . o r g >

"TIC y educación": hhtt p : // t i c y d o c e n c i a . c o m /e s / 2 0 1 7/ 0 6 / 0 2 /c r e a - m a t e r i a l e s - e d u c a t i v o s -
i n t e r a c t i v o s - c o n - h 5 p / < h t t p : // t i c y d o c e n c i a . c o m / e s / 2 0 1 7/ 0 6 / 0 2 / c r e a - m a t e r i a l e s -
e d u c a t i v o s - i n t e ra c t i v o s - c o n - h 5 p / >
Daniel Primo: hhtt p s : //w w w. d a n i e l p r i m o . i o / b l o g /c r e a r - u n - c u e s t i o n a r i o - i n t e r a c t i v o -
c o n - h 5 p < h t t p s : // w w w . d a n i e l p r i m o . i o / b l o g / c r e a r - u n - c u e s t i o n a r i o - i n t e r a c t i v o - c o n -
h5p>

Aquesta obra està subjecta a llicència de Re c o n e i x e m e n t 4 .0 I n t e r n a c i o n a l d e C r e a t i v e

C o m m o n s < h t t p s : // c r e a t i v e c o m m o n s . o r g / l i c e n s e s / b y / 4 . 0 / > .
A n n ex

Traduir amb Chrome

Com hem comentat, la pàgina o lloc oficial d'H5P està en anglés. Si no entenem tot el que ens diu,
podem usar un traductor, però si el traductor està en el mateix navegador, resultarà més com i serà
més ràpid.

Chrome és un navegador multiplataforma, així que no importa el sistema operatiu del teu ordinador,
podràs buscar-lo, descarregar-lo i instal·lar-lo si no el tens ja.

Per a buscar-ho, com sempre, usem Google amb el navegador que tinguem:

Una vegada en la pàgina de descàrregues, cliquem el botó corresponent.

Quan ho tinguem descarregat en el nostre ordinador, l'instal·lem, com qualsevol altre programa. Ho
llancem i provem de buscar la nostra pàgina en anglés h 5 p . o r g . Si quan aparega en el nostre
navegador no ens pregunta si volem traduir la pàgina, serà perquè no tenim activa la traducció. En
tal cas, explicaré com activar-la.

T RA D U Ï M
Si no ens apareix la finestra del traductor, és perquè està desactivat. En la part superior dreta podem
trobar les seues opcions. Despleguem el menú i localitzem " Co n fifiggu r a c i ó" , accedint així a tots els
ajustos del nostre navegador. També podem accedir directament si teclegem en la barra de
direccions del navegador " c h r o m e : //s e tt i n g s / " sense les dobles cometes.
Ens desplacem en la finestra cap avall fins a localitzar el botó " Co n fifiggu r a c i ó a v a n ç a d a " i quan
despleguem, veurem " I d i o m e s ".

Les opcions de " I d i o m a " per defecte estan comprimides i només es veuen les més utilitzades, per la
qual cosa haurem de clicar en la fletxa superior dreta per a desplegar totes les seves opcions i poder
així localitzar la que ens interessa.
Ara ja només resta desplaçar la pestanya que activa o desactiva el traductor. Si està desactivada,
quan obrim una pàgina en anglés, no ens preguntarà si la volem traduir. Si la tenim activada, cada
vegada que obrim una pàgina en anglés, ens preguntarà si la volem traduir.

El mateix ocorrerà si la pàgina està en francés o qualsevol altre idioma.

Si tingueres problemes amb el navegador, no dubtes en preguntar. Però sinó t'importa treballar en
inglés, quasevol navegador (Safari, Opera, Firefox...) ens serveria per a seguir el curs.
 Obra publicada con LLiicceenncciiaa CCrreeaattiivvee CCoom mm moonnss R Reeccoonnoocciim
miieennttoo CCoom
mppaarrttiirr iigguuaall 44..0
0
<<hhttttpp::////ccrreeaattiivveeccoom
mmmoonnss..oorrgg//lliicceennsseess//bbyy--ssaa//44..0
0//>>

20 de 20 19/4/21, 13:55