Accions

H5P: altres elements dins dels continguts: diferència entre les revisions

De URecursos

Cap resum de modificació
 
Línia 105: Línia 105:


=== Altres informacions i ajudes d'interès ===
=== Altres informacions i ajudes d'interès ===
Si voleu ampliar la informació, podreu trobar més detalls a la [https://h5p.org/ pàgina web d'H5P]
Si vols ampliar la informació, pots trobar més detalls a la [https://h5p.org/ pàgina web d'H5P].
 
Pots, també, consultar la [[Tipus d'H5P|llista de tipus de continguts H5P]].

Revisió de 12:56, 9 jul 2025

Què és

Dins d’alguns continguts d’H5P es poden incloure elements com ara Text, Enllaç, Imatge, Forma geomètrica, Vídeo, Àudio i Taula.

En alguns casos es selecciona una icona en una barra d’eines per triar el contingut i en d’altres casos se selecciona des d’un desplegable.

Com es configura

Text

Per afegir un text, cal clicar la icona "T".

CoursePresentation-02-Text.png

S'obrirà una nova pàgina en la que pots escriure el text (1) i fer-ne una edició de format força senzilla (2). Per acceptar l'edició d'aquest text, has de clicar el botó Fet.

CoursePresentation-03-Text02.png

No et confonguis amb el botó Desa, que desa i et fa sortir no només del text, sinó també del contingut H5P que estàs editant.

Si has posat el text en una diapositiva de Course presentation, podràs reubicar-lo en la diapositiva (1), editar-lo de nou (2), copiar-lo (3), modificar-ne la ubicació respecte a altres elements de la diapositiva, és a dir, posar-lo davant o darrere (4) o eliminar-lo (5).

A través dels tiradors (els requadres blancs que hi ha en els extrems i a les parts mitges de cada costat), també el pots fer més gran o més petit.

CoursePresentation-04-Text03.png

Enllaç

Si vols posar un enllaç has de clicar la icona de la cadena o seleccionar Link del desplegable corresponent.

CoursePresentation-28-enllac-e1624457252331.png


En l’espai següent has de posar el nom que vols que tingui l’enllaç (1) i la URL del destí (2). Per desar, cal que cliquis el botó Fet de la part inferior.

CoursePresentation-29-enllac02.png

Una vegada donat d’alta aquest enllaç en Course presentation, pots reubicar-lo en la diapositiva (1), editar-lo de nou (2), copiar-lo (3), modificar-ne la relació amb altres elements de la diapositiva, és a dir, posar-lo davant o darrere (4), o eliminar-lo (5).

A través dels tiradors de l’element, també el pots fer-lo més gran o més petit.

CoursePresentation-30-enllac03.png

Si vols posar un enllaç en una paraula o una part d’un text, l’has d’editar, seleccionar el text que tindrà l’enllaç i utilitzar la icona de cadena per configurar-lo.

CoursePresentation-31-enllac04.png

Imatge

Per afegir una imatge clica el botó d’imatge o selecciona Image del desplegable corresponent.

CoursePresentation-06-Imatge 01a.png

S'obre una pàgina nova on pots afegir la imatge (1) i posar-hi un text alternatiu (2).

En alguns continguts (com Interactive video o Course presentation) pots fer que es mostri en forma de botó (3). Cal que cliquis el botó Fet per tornar a la diapositiva.

CoursePresentation-07-Imatge01.png

Una vegada col·locada la imatge, igual que amb el text, pots reubicar-la en la diapositiva de Course presentation (1), editar-la de nou (2), copiar-la (3), modificar-ne la relació amb altres elements de la diapositiva, és a dir, posar-la davant o darrere (4), o eliminar-la (5).

A través dels tiradors (els requadres blancs que hi ha en els extrems i a les parts mitges de cada costat), també la pots fer més gran o més petita.

CoursePresentation-08-Imatge02.png

Forma geomètrica

Per inserir una forma geomètrica en una diapositiva de Course Presentation, cal que cliquis la icona de Shapes.

CoursePresentation-09-Forma01.png

En clicar-la, s'obrirà una finestra emergent on hauràs de triar quina forma vols incloure.

CoursePresentation-09b-Forma02.png

Aquesta acció et portarà a una altra pàgina on podràs configurar el color interior de de la forma (1), el color del contorn (2), la mida de la línia del contorn -si ho deixes a 0, no tindrà contorn- (3), l'estil de la línia del contorn (4) i el radi dels vèrtex del contorn -més o menys arrodonit (5). Per validar, has de clicar Fet.

CoursePresentation-10-Forma03.png

A la diapositiva, amb la forma seleccionada, pots reubicar-la en la diapositiva (1), editar-la de nou (2), copiar-la (3), modificar-ne la ubicació respecte a altres elements de la diapositiva, és a dir, posar-la davant o darrere (4) o eliminar-la (5).

A través dels tiradors (els requadres blancs que hi ha en els extrems i a les parts mitges de cada costat), també el pots fer més gran o més petit.

CoursePresentation-11-Forma04.png

Vídeo

Si vols inserir un vídeo, cal que cliquis la icona de vídeo o selecciona l’opció Video del desplegable corresponent.

CoursePresentation-09-Video01.png

S'obre una pàgina on pots posar el nom del vídeo i seleccionar quin és l'origen del vídeo, clicant el requadre que té un "+" a l'interior.

CoursePresentation-12-Video02.png

En la següent pàgina, pots pujar un vídeo que tinguis en el teu ordinador (1) o bé posar l'enllaç a un vídeo que ja està disponible en alguna altra plataforma (2), com per exemple YouTube. Et recomanem aquesta segona opció. Per validar el vídeo, has de clicar el botó Insereix.

CoursePresentation-13-Video03.png

En Course presentation, a les opcions de l’apartat Reproducció pots decidir que el vídeo s’executi així quan s’bra la plana (diapositiva) (1) i que es vagi repetint des de l’inici mentre no es canviï de plana (2).

CoursePresentation-14-Video04.png

Aquest vídeo, igual que un text o una imatge inserits en la diapositiva, es pot mostrar com a botó (1). Per desar el vídeo, has de clicar el botó Fet.

CoursePresentation-15-Video05.png

Una vegada inserit el vídeo en la diapositiva, podràs reubicar-lo en la diapositiva (1), editar-lo de nou (2), copiar-lo (3), modificar-ne la ubicació respecte a altres elements de la diapositiva, és a dir, posar-lo davant o darrere (4) o eliminar-lo (5).

A través dels tiradors (els requadres blancs que hi ha en els extrems i a les parts mitges de cada costat), també el pots fer més gran o més petit.

CoursePresentation-16-Video06.png

Àncora

Si en una diapositiva de Course presentation vols posar un enllaç a una altra diapositiva, clica el botó de l’àncora.

CoursePresentation-17-Ancora01.png


En la pàgina següent, has de configurar el nom d'aquest enllaç intern (1), seleccionar a quina diapositiva vols que porti (2) i si has seleccionat Especifica el número de diapositiva, podràs posar el número de la diapositiva de destí (3). Cal que cliquis Fet per validar la inserció de l'àncora.

CoursePresentation-18-Ancora02.png

Una vegada inserida l'àncora, igual que amb els textos, imatges i vídeos, pots reubicar-la en la diapositiva (1), editar-la de nou (2), copiar-la (3), modificar-ne la ubicació respecte a altres elements de la diapositiva, és a dir, posar-la davant o darrere (4) o eliminar-la (5).

A través dels tiradors (els requadres blancs que hi ha en els extrems i a les parts mitges de cada costat), també la pots fer més gran o més petita.

CoursePresentation-19-Ancora03.png

L'àncora és un requadre transparent. Per tal que qui visualitzi el Course Presentatiion sàpiga on ha de clicar, l'has de sobreposar a un text o una imatge que sigui prou indicativa de la diapositiva on porta aquesta àncora.

CoursePresentation-20-Ancora04.png

Àudio

Per incloure un àudio, has de seleccionar la icona de l’altaveu o bé triar l’opció Audio corresponent.

CoursePresentation-22-Audio01.png

En la següent pàgina, pots posar un nom a l'àudio (1), seleccionar la font d'origen de l'àudio (2) i fer que l'àudio es reprodueixi en entrar a la diapositiva (3). Per desar, has de clicar el botó Fet.

CoursePresentation-23-Audio02.png

Quan hagis clicat el símbol "+" per seleccionar la font de l'àudio, pots penjar-ne un que tinguis al teu ordinador (1) o bé enllaçar-ne algun que estigui en un espai a internet (2). Cal que cliquis el botó Insereix.

CoursePresentation-24-Audio03.png

Taula

Per incloure una taula, has de seleccionar la icona de taula o bé triar l’opció Table corresponent.

H5P Elements Taua01.png

Has de posar un nom a la Taula (1) i modificar el contingut de cada cel·la (2) substituint el text que H5P et mostra escrit.

Per acabar, clica el botó Desa.

H5P Elements Taua02.png

Altres informacions i ajudes d'interès

Si vols ampliar la informació, pots trobar més detalls a la pàgina web d'H5P.

Pots, també, consultar la llista de tipus de continguts H5P.