Accions

Incrustar arxius H5P al wiki: diferència entre les revisions

De Recursos docents

Cap resum de modificació
Cap resum de modificació
Línia 7: Línia 7:
Hem preparat l'espai [https://ubiqua.uvic.cat/course/view.php?id=1191 H5P Repositori], que permet l'accés com a visitant.
Hem preparat l'espai [https://ubiqua.uvic.cat/course/view.php?id=1191 H5P Repositori], que permet l'accés com a visitant.


''https://recursosdocents.uvic.cat/images/9/9e/Gif_h5p_1.mp4''
''https://recursosdocents.uvic.cat/images/9/9e/Gif_h5p_1.mp4''[[Fitxer:Gif_h5p_1.gif|center|marc]]


''Tots els h5p han destar a ubiqua''
Cal obtenir l'enllaç d'incrustació d'aquest H5P.


''aquesta aula esptà preparada per....''
Per fer-ho, afegim una activitat H5P a l'aula, hi enllacem l'H5P en qüestió i en les opcions d'H5P marquem que es mostri el botó d'incrustació.[[Fitxer:Gif_h5p_2.gif|center|marc]]
 
''Verificar que l'aula Ubiqua H5P Repositori permet l'accés com a visitant.''
[[Fitxer:Gif_h5p_1.gif|center|marc]]
 
Cal obtenir l'enllaç d'incrustació d'aquest H5P. Per fer-ho, afegim una activitat H5P a l'aula, hi enllacem l'H5P en qüestió i en les opcions d'H5P marquem que es mostri el botó d'incrustació.
 
''Afegir una activitat H5P i activar el botó de incrustació.''
[[Fitxer:Gif_h5p_2.gif|center|marc]]


Quan entrem en l'activitat H5P, podrem obtenir el codi d'incrustació des del botó corresponent a la part inferior esquerra de l'H5P.  
Quan entrem en l'activitat H5P, podrem obtenir el codi d'incrustació des del botó corresponent a la part inferior esquerra de l'H5P.  
Línia 25: Línia 17:
Accedim a aquest codi i el copiem en un altre document. Hem d'utilitzar només la part del codi de la font del fitxer, a partir de "/h5p" (alerta que no cal incloure les cometes finals). Aquest codi s'ha de substituir pel guió baix del següent codi:
Accedim a aquest codi i el copiem en un altre document. Hem d'utilitzar només la part del codi de la font del fitxer, a partir de "/h5p" (alerta que no cal incloure les cometes finals). Aquest codi s'ha de substituir pel guió baix del següent codi:


<nowiki><iframe key="ubiqua"path="_"h/></nowiki>
<nowiki><iframe key="ubiqua"path="_"h/></nowiki>[[Fitxer:Gif_h5p_3A.gif|center|marc]]
 
''Copiar el codi a través del botó incrustar. Enganxar-lo en la part destacada:''
[[Fitxer:Gif_h5p_3A.gif|center|marc]]






Si volem fixar amplada i alçada, podem copiar els atributs "width" i "height" i determinar la mida de visualització de l'H5P.
Si volem fixar amplada i alçada, podem copiar els atributs "width" i "height" i determinar la mida de visualització de l'H5P.
''Copiar la amplada i alçada de l'arxiu pot ajusar a la seva visualització al tamany adequat.''
[[Fitxer:Gif_h5p_3B.gif|center|marc]]
[[Fitxer:Gif_h5p_3B.gif|center|marc]]
El codi resultant cal copiar-lo en el wiki en el format d'edició de "Modifica codi".


El codi resultant cal copiar-lo en el wiki en el format d'edició de "Modifica codi".
El codi resultant cal copiar-lo en el wiki en el format d'edició de "Modifica codi".


Reviseu la correcta visualització de l'H5P.
Reviseu la correcta visualització de l'H5P.[[Fitxer:Gif_h5p_4.gif|center|marc]]
 
''Enganxar el codi generat al wiki i verificar la correcta visualització de l'arxiu H5P.''
[[Fitxer:Gif_h5p_4.gif|center|marc]]
</div>
</div>

Revisió del 07:40, 31 oct 2024

En aquesta pàgina expliquem com incrustrar un H5P en aquest wiki.

Per fer-ho, l'H5P ha d'estar allotjat en un altre espai i aquí hi inserirem el codi d'incrustació.

Hem preparat l'espai H5P Repositori, que permet l'accés com a visitant.

https://recursosdocents.uvic.cat/images/9/9e/Gif_h5p_1.mp4
Gif h5p 1.gif

Cal obtenir l'enllaç d'incrustació d'aquest H5P.

Per fer-ho, afegim una activitat H5P a l'aula, hi enllacem l'H5P en qüestió i en les opcions d'H5P marquem que es mostri el botó d'incrustació.
Gif h5p 2.gif

Quan entrem en l'activitat H5P, podrem obtenir el codi d'incrustació des del botó corresponent a la part inferior esquerra de l'H5P.

Accedim a aquest codi i el copiem en un altre document. Hem d'utilitzar només la part del codi de la font del fitxer, a partir de "/h5p" (alerta que no cal incloure les cometes finals). Aquest codi s'ha de substituir pel guió baix del següent codi:

<iframe key="ubiqua"path="_"h/>
Gif h5p 3A.gif


Si volem fixar amplada i alçada, podem copiar els atributs "width" i "height" i determinar la mida de visualització de l'H5P.

Gif h5p 3B.gif

El codi resultant cal copiar-lo en el wiki en el format d'edició de "Modifica codi".

El codi resultant cal copiar-lo en el wiki en el format d'edició de "Modifica codi".

Reviseu la correcta visualització de l'H5P.
Gif h5p 4.gif