mardi 6 août 2013

Insérer des formules mathématiques dans un contenu E-Learning

Nous allons voir comment intégrer dans un contenu multimédia Ludiscape une formule mathématique sans utiliser d'images.

Pour cela nous allons utiliser la bibliothèque mathajax.js disponible à cette adresse :

Pour utiliser cette bibliothèque avec une connexion directe à la bibliothèque nous allons utiliser la zone code supplémentaire.

1 - Ouvrir un projet vide Ludiscape puis sélectionner options en bas à gauche :


2 - Puis sélectionner paramètres en haut à droite :


3 - Vous pouvez apercevoir une zone appelé  code supplémentaire :

Dans le code supplémentaire saisir le code suivant :

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    extensions: ["tex2jax.js"],
    jax: ["input/TeX", "output/HTML-CSS"],
    tex2jax: {
      inlineMath: [ ['$','$'], ["\\(","\\)"] ],
      displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
      processEscapes: true
    },
    "HTML-CSS": { availableFonts: ["TeX"] }
  });
</script>
<script type="text/javascript"
   src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

4 - Puis dans chaque page faire "format de page" et saisir dans la zone Script de démarrage la formule suivante

MathJax.Hub.Queue(["Typeset",MathJax.Hub]);

Télécharger le fichier final