Accions

H5P: Course Presentation: diferència entre les revisions

De Recursos docents

(Es crea la pàgina amb «=== Què és === Course presentation és un contingut H5P que agafa la forma bàsica d'una presentació de diapositives. Es pot incloure un menú a l'esquerra per...».)
 
Cap resum de modificació
 
(Hi ha 5 revisions intermèdies del mateix usuari que no es mostren)
Línia 9: Línia 9:
Clica l'opció Banc de contingut de la part esquerra de l'aula Moodle.
Clica l'opció Banc de contingut de la part esquerra de l'aula Moodle.
[[Fitxer:BancContingut01.png|vora|center|300x300px]]
[[Fitxer:BancContingut01.png|vora|center|300x300px]]
Dins de banc de contingut, clica el botó Afegeix i tria el tipus de contingut H5P que vols configurar.
Dins de banc de contingut, clica el botó ''Afegeix'' i tria el tipus de contingut H5P que vols configurar.
[[Fitxer:BancContingut02.png|vora|center|833x833px]]
[[Fitxer:BancContingut02.png|vora|center|833x833px]]El contingut Course Presentation té l'estructura d'un conjunt de diapositives que poden contenir diferents elements. Cal posar-hi un títol (1) i inserir l'element que vols posar a la diapositiva (2), sigui text, enllaç, imatge, forma geomètrica, vídeo, enllaç a una altra diapositiva, àudio o altres activitats interactives que permet H5P.
[[Fitxer:CoursePresentation-01.png|vora|center]]
 
[[Fitxer:CoursePresentation-02-Text.png|vora|center]]
A la part inferior (3) tens les opcions per afegir una nova diapositiva, duplicar la diapositiva actual, omplir el fons de la diapositiva amb un altre color, canviar l'ordre de la diapositiva (avançar-la o posar-la una posició més endavant) o eliminar-la. [[Fitxer:CoursePresentation-01.png|vora|center]]
[[Fitxer:CoursePresentation-03-Text02.png|vora|center]]
 
[[Fitxer:CoursePresentation-04-Text03.png|vora|center]]
==== Text ====
[[Fitxer:CoursePresentation-05b-Text04b.png|vora|center]]
Per afegir un text, cal clicar la icona "T".[[Fitxer:CoursePresentation-02-Text.png|vora|center]]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''. [[Fitxer:CoursePresentation-03-Text02.png|vora|center]]'''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.
[[Fitxer:CoursePresentation-05-Text04.png|vora|center]]
 
[[Fitxer:CoursePresentation-06-Text05.png|vora|center]]
Una vegada inserit el text 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).
[[Fitxer:CoursePresentation-07-Imatge01.png|vora|center]]
 
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.[[Fitxer:CoursePresentation-04-Text03.png|vora|center]]Si vols que el text no aparegui directament a la diapositiva, dins de l'edició de text pots marcar ''Mostra com a botó''.[[Fitxer:CoursePresentation-05b-Text04b.png|vora|center]]En la reproducció de l'H5P, en aquesta diapositiva, apareixerà un botó rodó amb una "i" al mig.[[Fitxer:CoursePresentation-05-Text04.png|vora|center]]Quan qui visualitzi l'H5P cliqui aquest botó, apareixerà una finestra emergent amb el contingut del text que has editat.[[Fitxer:CoursePresentation-06-Text05.png|vora|center]]
 
==== Imatge ====
Per afegir una imatge a la diapositiva, has de clicar el botó d'imatge.
[[Fitxer:CoursePresentation-06-Imatge 01a.png|vora|center]]
S'obre una pàgina nova on pots afegir la imatge (1), posar-hi un títol (2) i també, com abans hem vist amb el text, fer-ho en forma de botó (3). Al que cliquis el botó ''Fet'' per tornar a la diapositiva.[[Fitxer:CoursePresentation-07-Imatge01.png|vora|center]]Una vegada col·locada la imatge, igual que amb el text, 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.
[[Fitxer:CoursePresentation-08-Imatge02.png|vora|center]]
 
==== Forma geomètrica ====
Per inserir una forma geomètrica a la diapositiva, cal que cliquis la icona de ''Shapes''.
[[Fitxer:CoursePresentation-09-Forma01.png|vora|center]]
 
En clicar-la, s'obrirà una finestra emergent on hauràs de triar quina forma vols incloure.
[[Fitxer:CoursePresentation-09b-Forma02.png|vora|center]]
 
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''.
[[Fitxer:CoursePresentation-10-Forma03.png|vora|center]]
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.
[[Fitxer:CoursePresentation-11-Forma04.png|vora|center]]
 
==== Vídeo ====
Si vols inserir un vídeo, cal que cliquis la icona de vídeo.
[[Fitxer:CoursePresentation-09-Video01.png|vora|center]]
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.
[[Fitxer:CoursePresentation-12-Video02.png|vora|center]]
 
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''.
[[Fitxer:CoursePresentation-13-Video03.png|vora|center]]
En les opcions de l'apartat Reproducció pots decidir que el vídeo s'executi així que es carregui la diapositiva (1) on està i que es vagi repetint des de l'inici mentre no es canviï de diapositiva (2).
[[Fitxer:CoursePresentation-14-Video04.png|vora|center]]
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''.
[[Fitxer:CoursePresentation-15-Video05.png|vora|center|
 
 
]]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.
[[Fitxer:CoursePresentation-16-Video06.png|vora|center]]
 
==== Àncora ====
Si en una diapositiva vols posar un enllaç a una altra diapositiva, has de clicar el botó de l'àncora.
[[Fitxer:CoursePresentation-17-Ancora01.png|vora|center]]
 
 
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.
[[Fitxer:CoursePresentation-18-Ancora02.png|vora|center]]
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.
 
[[Fitxer:CoursePresentation-19-Ancora03.png|vora|center]]
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.
[[Fitxer:CoursePresentation-20-Ancora04.png|vora|center]]
 
==== Àudio ====
Per incloure un àudio, has de seleccionar la icona de l'altaveu.
[[Fitxer:CoursePresentation-22-Audio01.png|vora|center]]
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''.
[[Fitxer:CoursePresentation-23-Audio02.png|vora|center]]
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''.
[[Fitxer:CoursePresentation-24-Audio03.png|vora|center]]
 
==== Índex de diapositives ====
Pots fer un índex a la part esquerra del Course Presentation que serveixi per moure's directament a cada una de les diapositives.
 
Has de clicar ''Diapositives'' i marcar ''Mostra els títols'' i ''Mostra sempre''. Per validar has de clicar el botó ''D'acord''.
[[Fitxer:CoursePresentation-26-Titols01.png|vora|center]]
 
 
Per posar títol a cada diapositiva, has de clicar el llapis que hi ha a la part dreta.
[[Fitxer:CoursePresentation-27-Titols02.png|vora|center]]
 
 
En l'execució del Course Presentation, es quedarà fixat a la part esquerra aquest índex.
[[Fitxer:CoursePresentation-28-Titols03.png|vora|center]]
 
==== Desar ====
Quan vulguis desar el Course Presentation, has de clicar el botó Desa de la part superior o de la part inferior de la pàgina.
[[Fitxer:CoursePresentation-25-Desa.png|vora|center]]
 
==== La resta d'interaccions ====
Quan cliquis qualsevol de la resta de botons que permeten incloure interaccions en les diapositives, el funcionament és el mateix que per cada un d'aquests continguts H5P per separat.
 
Te'ls expliquem en les següents entrades:
 
* Fill in the Blanks
* Single Choice Set
* Multiple Choice
* True/False Question
* Drag and Drop
* ...


=== Altres recursos d'interès ===
=== Altres recursos d'interès ===

Revisió de 19:30, 21 juny 2021

Què és

Course presentation és un contingut H5P que agafa la forma bàsica d'una presentació de diapositives. Es pot incloure un menú a l'esquerra per navegar entre diapositives.

Cada diapositiva pot contenir text, imatge, vídeo i altres recursos d'interacció que poden permetre recollir respostes a preguntes de diferents tipus.

Com configurar-la

Per donar d'alta un contingut H5P, et suggerim que ho facis des del banc de contingut de l'aula on voldràs fer servir aquest contingut (si et cal, després tindràs diferents maneres de reutilitzar-la en altres aules Moodle).

Clica l'opció Banc de contingut de la part esquerra de l'aula Moodle.

BancContingut01.png

Dins de banc de contingut, clica el botó Afegeix i tria el tipus de contingut H5P que vols configurar.

BancContingut02.png

El contingut Course Presentation té l'estructura d'un conjunt de diapositives que poden contenir diferents elements. Cal posar-hi un títol (1) i inserir l'element que vols posar a la diapositiva (2), sigui text, enllaç, imatge, forma geomètrica, vídeo, enllaç a una altra diapositiva, àudio o altres activitats interactives que permet H5P. A la part inferior (3) tens les opcions per afegir una nova diapositiva, duplicar la diapositiva actual, omplir el fons de la diapositiva amb un altre color, canviar l'ordre de la diapositiva (avançar-la o posar-la una posició més endavant) o eliminar-la.

CoursePresentation-01.png

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.

Una vegada inserit el text 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-04-Text03.png

Si vols que el text no aparegui directament a la diapositiva, dins de l'edició de text pots marcar Mostra com a botó.

CoursePresentation-05b-Text04b.png

En la reproducció de l'H5P, en aquesta diapositiva, apareixerà un botó rodó amb una "i" al mig.

CoursePresentation-05-Text04.png

Quan qui visualitzi l'H5P cliqui aquest botó, apareixerà una finestra emergent amb el contingut del text que has editat.

CoursePresentation-06-Text05.png

Imatge

Per afegir una imatge a la diapositiva, has de clicar el botó d'imatge.

CoursePresentation-06-Imatge 01a.png

S'obre una pàgina nova on pots afegir la imatge (1), posar-hi un títol (2) i també, com abans hem vist amb el text, fer-ho en forma de botó (3). Al 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 (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-08-Imatge02.png

Forma geomètrica

Per inserir una forma geomètrica a la diapositiva, 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.

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 les opcions de l'apartat Reproducció pots decidir que el vídeo s'executi així que es carregui la diapositiva (1) on està i que es vagi repetint des de l'inici mentre no es canviï de diapositiva (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 vols posar un enllaç a una altra diapositiva, has de clicar 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.

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

Índex de diapositives

Pots fer un índex a la part esquerra del Course Presentation que serveixi per moure's directament a cada una de les diapositives.

Has de clicar Diapositives i marcar Mostra els títols i Mostra sempre. Per validar has de clicar el botó D'acord.

CoursePresentation-26-Titols01.png


Per posar títol a cada diapositiva, has de clicar el llapis que hi ha a la part dreta.

CoursePresentation-27-Titols02.png


En l'execució del Course Presentation, es quedarà fixat a la part esquerra aquest índex.

CoursePresentation-28-Titols03.png

Desar

Quan vulguis desar el Course Presentation, has de clicar el botó Desa de la part superior o de la part inferior de la pàgina.

CoursePresentation-25-Desa.png

La resta d'interaccions

Quan cliquis qualsevol de la resta de botons que permeten incloure interaccions en les diapositives, el funcionament és el mateix que per cada un d'aquests continguts H5P per separat.

Te'ls expliquem en les següents entrades:

  • Fill in the Blanks
  • Single Choice Set
  • Multiple Choice
  • True/False Question
  • Drag and Drop
  • ...

Altres recursos d'interès