Pratiquer les mathématiques en ligne - le nouveau site Mathefritz

Comment intégrer des contenus d'apprentissage interactifs dans votre propre site ?

HTML5 et H5P

Le contenu d'apprentissage interactif a été réalisé avec HTML5 et Javascript. Pour cela, nous utilisons l'interface utilisateur/les possibilités de H5P . Le contenu H5P peut être intégré dans votre propre page d'accueil à l'aide du code HTML. À cette fin, une fenêtre (iframe) est intégrée dans laquelle le contenu de notre page d'accueil est ensuite affiché. Cependant, SEUL le jeu d'apprentissage interactif correspondant est affiché dans cette fenêtre. 

Voici un exemple de jeu d'apprentissage interactif. Il s'affiche toujours sur toute la largeur disponible de la page !

 

Le code pour l'incorporation

Une page WEB séparée est-elle nécessaire ?

NON ! Vous pouvez également insérer le code dans un document nouveau ou vide et ouvrir cette page dans un navigateur. Il faut "seulement" qu'elle ressemble à une page HTML.

Cependant, une connexion Internet est nécessaire pour afficher le contenu, comme décrit ci-dessous.

C'est ainsi que vous reconnaissez le contenu interactif qui peut être inclus !

Interaktive Mathematik Lernspiele / Lernübungen die eingebunden werden können erkennt ihr an dem Text/Zeichen <> Embed unter der Übung.

H5P Embed

<> Embed siehe Bild!

 
Lorsque vous avez cliqué sur Embed, une fenêtre apparaît avec le code. Copiez ce code dans votre page web à l'endroit souhaité.
 
H5P Embed
Der Code von “<iframe…” bis zu “..” muss in die Zwischenablage kopiert und dann an der gewünschten Stelle eingebunden werden.

Inclure dans un document local

Le contenu interactif peut également être intégré dans un document/fichier pour être travaillé sur votre propre PC ou sur le Smartboard à l'école.

Pour que cela fonctionne, un accès à Internet est nécessaire lors de l'appel du fichier, car le contenu est intégré via le site Mathefritz.de.

Pour ce faire, enregistrez un fichier avec, par exemple, le contenu suivant :


<html>

<body>

Voici votre texte et/ou le code incorporé, par ex. 

<script src=”https://mathefritz.de/wp-content/plugins/h5p/h5p-php-library/js/h5p-resizer.js” charset=”UTF-8″>

</script>

</body>

</html>


Important : enregistrez le fichier avec l'extension *.html.

Votre fichier.html peut maintenant afficher le contenu interactif dans n'importe quel navigateur.

L'incorporation est possible sans hésitation et sans frais. Pour des raisons de licence - notamment en raison des droits d'image que nous avons acquis - nous ne pouvons pas mettre le contenu de l'H5P à disposition sous forme de téléchargement complet.