Accions

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

De Recursos docents

Cap resum de modificació
Cap resum de modificació
 
(57 revisions intermèdies per 2 usuaris que no es mostren)
Línia 1: Línia 1:
{{Template:H5P}}


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 [https://ubiqua.uvic.cat/course/view.php?id=1191 H5P Repositori] a la plataforma Moodle Ubiqua, que permet l'accés com a visitant.


En aquesta pàgina expliquem com incrustrar un H5P en aquest wiki.
== Obtenir l'enllaç d'incrustació 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ó.
[[Fitxer:Gif_h5p_2.gif|cap|marc|vora]]


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 [https://ubiqua.uvic.cat/course/view.php?id=1191 H5P Repositori], que permet l'accés com a visitant.
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.
[[Fitxer:Gif_h5p_1.gif|marc|cap|esquerra]]


Hem d'utilitzar només la part del codi de la font del fitxer, a partir de "/h5p" (sense les cometes finals).


Aquest fragment s'ha d'inserir en lloc del guió baix del següent codi:


Cal obtenir l'enllaç d'incrustació d'aquest H5P.  
* <nowiki><iframe key="ubiqua"path="_"/></nowiki>
[[Fitxer:Gif_h5p_3A.gif|cap|marc]]


Per fer-ho, afegim una activitat H5P a l'aula, hi enllacem l'H5P en qüestió
Si volem fixar l'amplada i l'alçada, podem copiar els atributs "width" i "height".
[[Fitxer:Gif_h5p_3B.gif|cap|marc]]


i en les opcions d'H5P marquem que es mostri el botó d'incrustació.
Cal inserir el codi resultant en el wiki fent servir el mode d'edició "Modifica codi".
 
Revisa la correcta visualització de l'H5P.[[Fitxer:Gif_h5p_4.gif|cap|marc]]
[[Fitxer:Gif_h5p_2.gif|marc|cap|esquerra]]
 
 
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:
 
<nowiki><iframe key="ubiqua"path="_"h/></nowiki>
[[Fitxer:Gif_h5p_3A.gif|marc|cap|esquerra]]
 
 
 
Si volem fixar amplada i alçada, podem copiar els atributs "width" i "height"
i determinar la mida de visualització de l'H5P.
[[Fitxer:Gif_h5p_3B.gif|marc|cap|esquerra]]
 
 
 
 
 
El codi resultant cal copiar-lo en el wiki en el format d'edició de "Modifica codi".
Reviseu la correcta visualització de l'H5P.[[Fitxer:Gif_h5p_4.gif|marc|vora|esquerra]]
 
 
 
 
 
 
ARXIU DE VIDEO (espai de prova)
 
''https://recursosdocents.uvic.cat/images/9/9e/Gif_h5p_1.mp4''

Revisió de 08:37, 21 nov 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 a la plataforma Moodle Ubiqua, que permet l'accés com a visitant.

Obtenir l'enllaç d'incrustació 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" (sense les cometes finals).

Aquest fragment s'ha d'inserir en lloc del guió baix del següent codi:

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

Si volem fixar l'amplada i l'alçada, podem copiar els atributs "width" i "height".

Gif h5p 3B.gif

Cal inserir el codi resultant en el wiki fent servir el mode d'edició "Modifica codi".

Revisa la correcta visualització de l'H5P.

Gif h5p 4.gif