Mostra la font per a H5P: Course Presentation

=== 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.
[[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.
[[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. 

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]]

==== Text ====
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.

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.[[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]]

==== À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

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