Cómo integrar el contenido de aprendizaje interactivo en su propio sitio web
HTML5 y H5P
El contenido de aprendizaje interactivo se realizó con HTML5 y Javascript. Para ello, utilizamos la interfaz de usuario/posibilidades de H5P . El contenido H5P puede integrarse en su propia página de inicio mediante código HTML. Para ello, se integra una ventana (iframe) en la que se muestra el contenido de nuestra página web. Sin embargo, en esta ventana sólo se muestra el juego de aprendizaje interactivo correspondiente.
Este es un ejemplo de juego de aprendizaje interactivo. Siempre se muestra en todo el ancho de la página disponible.
El código de incrustación
¿Es necesaria una página web aparte?
¡NO! También puede insertar el código en un documento nuevo o vacío y abrir esta página en un navegador. Sólo tiene que parecerse a una página HTML.
Sin embargo, se requiere una conexión a Internet para visualizar el contenido, como se describe a continuación.
Así se reconocen los contenidos interactivos que se pueden incluir.
Interaktive Mathematik Lernspiele / Lernübungen die eingebunden werden können erkennt ihr an dem Text/Zeichen <> Embed unter der Übung.
<> Embed siehe Bild!
Incluir en un documento local
El contenido interactivo también se puede incrustar en un documento/archivo para trabajar en su propio PC o en la pizarra inteligente de la escuela.
Para que esto funcione, es necesario tener acceso a Internet cuando se llama al archivo, ya que el contenido se integra a través del sitio Mathefritz.de.
Para ello, guarde un archivo con, por ejemplo, el siguiente contenido:
<html>
<body>
Aquí viene su texto y/o el código incrustado, por ejemplo
<script src=”https://mathefritz.de/wp-content/plugins/h5p/h5p-php-library/js/h5p-resizer.js” charset=”UTF-8″>
</script>
</body>
</html>
Importante: Guarde el archivo con la extensión *.html.
Su archivo. html puede ahora mostrar el contenido interactivo en cualquier navegador.
La incrustación es posible sin vacilaciones y sin costes. Por razones de licencia -especialmente por los derechos de imagen que hemos adquirido- no podemos poner a disposición el contenido de H5P como una descarga completa.