Accions

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

De Recursos docents

Cap resum de modificació
Cap resum de modificació
 
(92 revisions intermèdies per 3 usuaris que no es mostren)
Línia 1: Línia 1:
<div align="center">
{{Template:H5P}}


https://recursosdocents.uvic.cat/images/9/9e/Gif_h5p_1.mp4
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.


<iframe width="750" height="500" src="https://recursosdocents.uvic.cat/images/9/9e/Gif_h5p_1.mp4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
== 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]]


Tots els h5p han destar a ubiqua


aquesta aula esptà preparada per....
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.


Verificar que l'aula Ubiqua H5P Repositori permet l'accés com a visitant.
Hem d'utilitzar només la part del codi de la font del fitxer, a partir de "/h5p" (sense les cometes finals).  
[[Fitxer:Gif_h5p_1.gif|center|marc]]


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


* <nowiki><iframe key="ubiqua"path="_"/></nowiki>
[[Fitxer:Gif_h5p_3A.gif|cap|marc]]


Si volem fixar l'amplada i l'alçada, podem copiar els atributs "width" i "height".
[[Fitxer:Gif_h5p_3B.gif|cap|marc]]


 
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]]
 
 
 
Afegir una activitat H5P i activar el botó de incrustació.
[[Fitxer:Gif_h5p_2.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]]
 
 
 
 
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]]
 
 
 
 
Enganxar el codi generat al wiki i verificar la correcta visualització de l'arxiu H5P.
[[Fitxer:Gif_h5p_4.gif|center|marc]]
</div>

Revisió de 08:37, 21 nov 2024

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 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
Obtingut de «https://recursosdocents.uvic.cat/index.php?title=Incrustar_arxius_H5P_al_wiki&oldid=4735»