Notre but est créer dans LaboMep un exercice analogue à cet exercice.

Pour créer cette ressource vous devez utiliser la version JavaScript de MathGraph32, version 6.6.0 ou ultérieure, ou utiliser la version en ligne sur le site de MathGraph32.

Si nécessaire, à l'aide de l'icône de la barre supérieure, mettez MathGraph32 en mode Avancé sans prise en charge des nombres complexes.

Commençons par créer la figure mathgraph.

Si vous désirez sauter ce qui suit vous pouvez, dans MathGraph32, utiliser l'icône puis choisir Figure par code Base 64, puis coller le code Base64 de notre figure ci-dessous.

TWF0aEdyYXBoSmF2YTEuMAAAABM+TMzNAAJmcvb6#gEA#wEAAAAAAAAAAAQDAAACgQAAAQEAAAAAAAAAAQAAACT#####AAAAAQAKQ0NhbGNDb25zdAD#####AAJwaQAWMy4xNDE1OTI2NTM1ODk3OTMyMzg0Nv####8AAAABAApDQ29uc3RhbnRlQAkh+1RELRj#####AAAAAQAHQ0NhbGN1bAD#####AAVuYnZhcgABNQAAAAFAFAAAAAAAAAAAAAIA#####wAGbmJjYXMxAAE5AAAAAUAiAAAAAAAAAAAAAgD#####AAZuYmNhczIAAjEwAAAAAUAkAAAAAAAAAAAAAgD#####AAZuYmNhczMAATkAAAABQCIAAAAAAAAAAAACAP####8ABm5iY2FzNAABMwAAAAFACAAAAAAAAAAAAAIA#####wAGbmJjYXM1AAE1AAAAAUAUAAAAAAAAAAAAAgD#####AAJyMQATaW50KHJhbmQoMCkqbmJjYXMxKf####8AAAACAAlDRm9uY3Rpb24C#####wAAAAEACkNPcGVyYXRpb24CAAAAAxEAAAABAAAAAAAAAAA#5gb9IcIc4v####8AAAABAA9DUmVzdWx0YXRWYWxldXIAAAACAAAAAgD#####AAJyMgATaW50KHJhbmQoMCkqbmJjYXMyKQAAAAMCAAAABAIAAAADEQAAAAEAAAAAAAAAAD#oxJvzzkOqAAAABQAAAAMAAAACAP####8AAnIzABNpbnQocmFuZCgwKSpuYmNhczMpAAAAAwIAAAAEAgAAAAMRAAAAAQAAAAAAAAAAP+iHGCyK8zIAAAAFAAAABAAAAAIA#####wACcjQAE2ludChyYW5kKDApKm5iY2FzNCkAAAADAgAAAAQCAAAAAxEAAAABAAAAAAAAAAA#2HkNMfwVgAAAAAUAAAAFAAAAAgD#####AAJyNQATaW50KHJhbmQoMCkqbmJjYXM1KQAAAAMCAAAABAIAAAADEQAAAAEAAAAAAAAAAD+1v1Ngx+hgAAAABQAAAAb#####AAAAAQAFQ0ZvbmMA#####wAEemVybwASYWJzKHgpPDAuMDAwMDAwMDAxAAAABAQAAAADAP####8AAAACABFDVmFyaWFibGVGb3JtZWxsZQAAAAAAAAABPhEuC+gm1pUAAXgAAAACAP####8AAWEAFShyMSsxKSoxMDArcjIqMTArcjMrMQAAAAQAAAAABAAAAAAEAAAAAAQCAAAABAAAAAAFAAAABwAAAAE#8AAAAAAAAAAAAAFAWQAAAAAAAAAAAAQCAAAABQAAAAgAAAABQCQAAAAAAAAAAAAFAAAACQAAAAE#8AAAAAAAAAAAAAIA#####wABYgAHLShyNCsxKf####8AAAABAAxDTW9pbnNVbmFpcmUAAAAEAAAAAAUAAAAKAAAAAT#wAAAAAAAAAAAAAgD#####AAFjAAQxMF5i#####wAAAAEACkNQdWlzc2FuY2UAAAABQCQAAAAAAAAAAAAFAAAADgAAAAIA#####wACYTEAA2EqYwAAAAQCAAAABQAAAA0AAAAFAAAADwAAAAIA#####wABZAAEcjUrMQAAAAQAAAAABQAAAAsAAAABP#AAAAAAAAAAAAACAP####8AAmQxAANkK2IAAAAEAAAAAAUAAAARAAAABQAAAA4AAAACAP####8AAmQyAAQxMF5kAAAACQAAAAFAJAAAAAAAAAAAAAUAAAARAAAAAgD#####AAJhMgAHYSoxMF5kMQAAAAQCAAAABQAAAA0AAAAJAAAAAUAkAAAAAAAAAAAABQAAABIAAAACAP####8ABnZhbGV4cAABZAAAAAUAAAARAAAAAgD#####AAxyZXBFZGl0YWJsZTEAATAAAAABAAAAAAAAAAAAAAACAP####8ADHJlcEVkaXRhYmxlMgABMAAAAAEAAAAAAAAAAP####8AAAACAAZDTGF0ZXgA#####wEAAAABAAZlbm9uY2X#####EEBIAAAAAAAAQCoAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAEVcYmVnaW57YXJyYXl9e2x9Clx0ZXh0eyRcdW5kZXJsaW5lIHtcdGV4dHtDb21wbMOodGUgOn19JH0KXGVuZHthcnJheX0AAAAKAP####8BAAAAAQAKZm9ybXVsYWlyZf####8QQEgAAAAAAABATVttwAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAVVx0ZXh0eyRcVmFse2EyLDh9PSBcVmFse2ExLDh9XHRpbWVzIFxlZGl0YWJsZXt9ID0gXFZhbHthMSw4fVx0aW1lcyAxMF57XGVkaXRhYmxle319JH0AAAACAP####8ABXZhbGQyAAJkMgAAAAUAAAATAAAAAgD#####AA5leGFjdEVkaXRhYmxlMQAVemVybyhyZXBFZGl0YWJsZTEtZDIp#####wAAAAEADkNBcHBlbEZvbmN0aW9uAAAADAAAAAQBAAAABQAAABYAAAAFAAAAE#####8AAAADABBDVGVzdEVxdWl2YWxlbmNlAP####8AD3Jlc29sdUVkaXRhYmxlMQAAABoAAAAWAQAAAAABP#AAAAAAAAABAAAAAgD#####AA5leGFjdEVkaXRhYmxlMgAZemVybyhyZXBFZGl0YWJsZTItdmFsZXhwKQAAAAsAAAAMAAAABAEAAAAFAAAAFwAAAAUAAAAVAAAADAD#####AA9yZXNvbHVFZGl0YWJsZTIAAAAVAAAAFwEAAAAAAT#wAAAAAAAAAQAAAAIA#####wAGZHVucG9zAARkMT4wAAAABAUAAAAFAAAAEgAAAAEAAAAAAAAAAAAAAAIA#####wAHZHVuc3VwMQAEZDE+MQAAAAQFAAAABQAAABIAAAABP#AAAAAAAAAAAAACAP####8ABmR1bm5lZwAEZDE8MAAAAAQEAAAABQAAABIAAAABAAAAAAAAAAAAAAACAP####8ABWRzdXAxAANkPjEAAAAEBQAAAAUAAAARAAAAAT#wAAAAAAAAAAAACgD#####AQAAAAEACHNvbHV0aW9u#####xBARwAAAAAAAEBYwAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAG6XGJlZ2lue2FycmF5fXtsfQpcdGV4dHskXHRleHRjb2xvcntibHVlfXtcdGV4dHtDb3JyZWN0aW9uIDp9fSR9ClxcXHRleHR7UG91ciBwYXNzZXIgZGUgJFxWYWx7YTEsOH0kIMOgICRcVmFse2EyLDh9JH0KXFxcdGV4dHtvbiBkw6ljYWxlIHNlcyBjaGlmZnJlcyBkZSAkXHRleHRjb2xvcntyZWR9e1xWYWx7ZH19JCBcSWZ7ZHN1cDF9e3JhbmdzfXtyYW5nfSB2ZXJzIGxhIGdhdWNoZS59ClxJZntkdW5wb3N9CnsKXFwgXHRleHR7ZW4gY29tYmxhbnQgbGVzIGVzcGFjZXMgYXZlYyAkXFZhbHtkMX0kIFxJZntkdW5zdXAxfXt6w6lyb3N9e3rDqXJvfS59Cn0KewouCn0KXFxcdGV4dHskXFZhbHthMiw4fT1cVmFse2ExLDh9XHRpbWVzIFx0ZXh0Y29sb3J7Ymx1ZX17XFZhbHtkMn19PVxWYWx7YTEsOH1cdGltZXMxMF5cdGV4dGNvbG9ye3JlZH17XFZhbHtkfX0kfQpcZW5ke2FycmF5ff###############w==

Sinon, suivez les étapes suivantes.

Utilisez l'icône de création d'une nouvelle figure et choisissez de créer une Figure sans repère et sans longueur unité.

Notre figure en fait ne sera jamais affichée. Elle sera juste chargée de fournir l'énoncé, de valider ou non les réponses de l'élève et de fournir une correction.

A l'aide de l'icône créez les calculs réels suivants :

La création de ces calculs est indispensable pour que la ressource j3p associée donne lors des répétitions successives des valeurs à r1, r2, …, r5 toutes distinctes les unes des autres.

Par exemple il sera donné à r1 des valeurs distinctes successives comprises entre 0 et 8 lors des répétitions (car nbcas1 est égal à 9) et à r5 des valeurs distinctes successives comprises entre 0 et 3 (car nbcas5 est égal à 4).

Les formules que nous mettons dans r1, r2, …, r5 ne servent donc qu'à simuler les formules qui seront mises dans ces calculs lors des répétitions successives.

L'idée est de créer un nombre entiers de 3 chiffres (les chiffres des unités et des centaines non nuls), de la multiplier par 10^b avec b égal à -3, -2 ou -1.

On obtient ainsi un nombre a1. On va ensuite multiplier a1 pas 10^d avec d entier de 1 à 5. On obtient un nombre a2.

On demandera ensuite à l'élève par quelle puissance de 10 on doit multiplier a1 pour obtenir a2 (la réponse sera donc 10^d}.

Utilisez l'icône pour créer les calculs réels suivants :

Nous allons maintenant créer un premier affichage LaTeX qui contiendra la première ligne de la consigne.

Déroulez la barre des outils d'affichage et utilisez l'icône d'affichage LaTeX libre.

Cliquez en haut et à gauche de la figure.

Remplissez la boîte de dialogue avec le code LaTeX suivant :

\begin{array}{l}
\text{$\underline {\text{Complète :}}$}
\end{array}

Notre affichage LaTeX est un tableau colonne formé d'une seule ligne.

C'est le contenu du \text{} qui sera utilisé pour afficher la consigne.

A noter que pour rajouter une ligne il suffirait de rajouter une nouvelle ligne du type :

\text{code Latex de la deuxième ligne}

A noter aussi, que, pour une consigne d'une seule ligne nous aurions pu utiliser ne pas utiliser de tableau et avoir comme code LaTeX :

\text{$\underline {\text{Complète :}}$}

Pour que ce LaTeX soit reconnu comme contenant la consigne, nous devons lui afficher le tag consigne.

Utilisez pour cela l'outil protocole de la barre supérieure, sélectionnez dans la liste le dernier objet qui est notre affichage LaTeX et cliquez sur le bouton Changer le tag pour lui affecter le tag enonce.

Nous allons maintenant créer un deuxième affichage LaTeX qui contiendra le formulaire que l'élève doit remplir.

Utilisez à nouveau l'outil et cliquez au-dessous de l'affichage LaTeX précédent.

Entrez le code LaTeX suivant et validez :

\text{$\Val{a2,8}= \Val{a1,8}\times \editable{} = \Val{a1,8}\times 10^{\editable{}}$}

Utilisez à nouveau l'outil protocole de la barre supérieure, sélectionnez dans la liste le dernier objet qui est notre affichage LaTeX et cliquez sur le bouton Changer le tag pour lui affecter le tag formulaire.

Ce qui est fourni pour afficher le formulaire est le contenu du \text{} donc ici :

$\Val{a2,8}= \Val{a1,8}\times \editable{} = \Val{a1,8}\times 10^{\editable{}}$

Quand on affiche le formulaire dans l'exercice, on est en mode texte.

Mais tout ce qui est entre des $ est en mode maths.

Notre formulaire est donc entièrement en mode maths.

C'est pourquoi les champs d'édition doivent être ici repérés par des \editable{} (sans les numéroter).

\Val{a2,8} provoque l'affichage de la valeur de a2 avec 8 décimales (les zéros inutiles n'étant pas écrits).

Nous aurions pu nous contenter ici de lettre \Val{a2,8} mais \Val{a2} n'aurait pas suffi car, en l'absence de deuxième paramètre, \Val affiche au maximum deux décimales.

Pour avoir bon, l'élève devra donc rentrer comme réponse la valeur de 10^d dans le premier champ d'édition et la valeur de d dans le second.

A noter que, comme nous sommes ici en mode maths, 10^{\editable{}} provoque l'affiche de l'éditeur de la puissance de 10 en hauteur, à l'intérieur de l'exposant. C'est toute la puissance des \editable.

Nous avons créé précédemment deux calculs nommés repEditable1 et repEditable2.

Lorsque l'élève validera sa réponse, les formules contenues dans les deux champs d'édition seront affectées à repEditable1 et repEditable2 (dans l'ordre où ils apparaissent dans la formule initiale).

Pour savoir si les réponses contenues dans repEditable1 et repEditable2 sont bonnes ou non, nous devons créer quatre calculs :

Commencez par utiliser l'icône pour créer une fonction réelle nommée zero de la variable réelle x avec comme formule :

abs(x)<0.000000001

Créez maintenant deux calculs réels :

Nous allons maintenant créer deux tests d'équivalence dont le rôle sera de voir si l'élève a bien simplifié au maximum ses réponses dans les deux champs d'édition.

Utilisez l'icône située à droite de la barre de créations des calculs quand elle est déroulée et, dans la liste proposée, choisissez Test d'équivalence.

Remplissez la boîte de dialogue comme ci-dessous et validez :

Créez de nouveau test d'équivalence comme ci-dessous :

Il nous reste maintenant à fournir la correction de l'exercice. Nous la fournirons via un affichage LaTeX donc le tag sera solution.

Cet affichage LaTeX va utiliser des affichages conditionnels \If spécifiques à MathGraph32.

Nous devons auparavant créer les calculs réels suivants :

Créons maintenant notre affichage LaTeX en cliquant au-dessous des affichages LaTeX précédents avec le code LaTeX suivant :

\begin{array}{l}
\text{$\textcolor{blue}{\text{Correction :}}$}
\\\text{Pour passer de $\Val{a1,8}$ à $\Val{a2,8}$}
\\\text{on décale ses chiffres de $\textcolor{red}{\Val{d}}$ \If{dsup1}{rangs}{rang} vers la gauche.}
\If{dunpos}
{
\\ \text{en comblant les espaces avec $\Val{d1}$ \If{dunsup1}{zéros}{zéro}.}
}
{
.
}
\\\text{$\Val{a2,8}=\Val{a1,8}\times \textcolor{blue}{\Val{d2}}=\Val{a1,8}\times10^\textcolor{red}{\Val{d}}$}
\end{array}

Utilisez l'outil protocole de la barre supérieure pour affecter à ce dernier affichage LaTeX le tag enonce.

Notre figure est prête à être utilisée.

Enregistrez-la à l'emplacement de votre choix.

Connectez vous à LaboMep V2 avec votre identifiant et votre mot de passe : https://labomep.sesamath.net/

A droite, déroulez Mes Ressources, et faites un clic droit sur un dossier contenu dans Mes Ressources. Dans l’exemple ci-dessous, il s’agit du dossier Test. Si vous n’avez pas de dossier dans Mes Ressources, vous devez en créer un (en cliquant droit sur l’icône avec un dossier et un signe + vert).

Cliquez sur l’item de menu Créer une ressource.

Au centre de la fenêtre apparaît un nouvel onglet Nouvelle ressource et une page avec des éléments à compléter.

Dans le champ Titre, entrez par exemple Calcul sur les puissances de 10.

Dans le champ Type technique, choisissez activité j3p.

Dans Catégories, cochez la case Exercice interactif.

Dans Niveau, cochez les cases quatrieme et troisième.

Dans les champs Résumé et Description, entrez Demande par quelle puissance de 10 d'exposant positif on multiplie un nombre pour en obtenir un deuxième.

En bas de la page, cliquez sur Créer la ressource.

Apparaît alors en bas de la page un éditeur de graphe.

Vous pouvez donner plus de place à l’arbre de gauche en faisant glisser la barre de séparation entre les deux parties de l’éditeur de graphe. Vous pouvez aussi passer en mode plein écran pour l’éditeur de graphe.

Dans l’arbre de gauche, déroulez le nœud Composants MathGraph32 pour J3P.

Ensuite faites glisser Exercice de calcul multi-éditeurs dans l’éditeur de graphe.

Un nœud apparaît (Nœud 1).

Faites un clic droit sur Nœud 1 et choisissez Paramétrage.

Dans le champ Titre entrez ce qui suit :

Calculer sur les puissances de 10

Dans le champ nbrepetitions entrez la valeur 4.

Ouvrez la figure principale depuis l'endroit où vous l'aviez sauvegardée et utilisez l'icône d'exportation de la barre d'outil supérieure pour coller dans le presse-papier le code Base 64 de la figure.

Vous pouvez maintenant changer le paramètre fig de deux façons :

La première méthode est de cliquer sur le bouton Saisie brute et de copier le code base 64 dans l'éditeur qui apparaît.

La deuxième méthode (recommandée) est de cliquer sur le bouton Editer qui démarre en ligne une instance de MathGraph32 avec la figure déjà contenue comme paramètre (ici la figure était vide). Dans cette fenêtre MathGraph32, utilisez le bouton et demandez une nouvelle figure par code Base64 puis collez dans le champ code Base64 le contenu du presse-papier. Cliquez ensuite en haut sur le bouton Sauvegarder.

Avantage de cette deuxième méthode : Si votre figure ne contient pas les éléments nécessaires à votre exercice, vous verrez apparaître en haut de la fenêtre un ou plusieurs avertissements et la fenêtre ne se refermera pas. Vous pouvez néanmoins cliquer sur le bouton Annuler mais dans ce cas le paramètre fig restera inchangé.

Il serait possible d'afficher sous les consignes notre figure MathGraph32 et dans ce cas nous devrions entrer la largeur et la hauteur en pixels comme paramètres width et height mais ici notre figure ne sert qu'à fournir ce qui sera affiché, aussi bien lors des questions que lors de la correction.

Nous allons donc entrer 0 comme paramètres width et height.

Dans le champ width entrez 0 (Largeur en pixels de la figure principale).

Dans le champ height entrez 0 (Hauteur en pixels de la figure principale).

Dans le champ param entrez une chaîne vide (pas de paramétrage possible pour l'utilisateur).

Dans le champ nbEssais entrez 2 (C'est le nombre d'essais maximum pour répondre à la question).

Dans le champ charset entrez :

\d,.²()\^\+\-\*\/

Il s'agit d'une expression régulière Javascript donnant les caractères autorisés à la frappe.

Certains sont précédés d'un \ car il s'agit en fait d'une expression régulière. Quand vous avez un doute sur un caractère, préfixez-le d'un \.

\d désigne tous les chiffres (on aurait pu le remplacer par 0123456789)

Cochez la case btnPuisspour avoir un bouton permettant d'élever à une puissance et cochez la case false pour les autres boutons.

Dans le champ InfoParam entrez :

Cet exercice n'est pas paramétrable.

Vous pouvez maintenant valider la boîte de dialogue de choix des paramètres.

Ensuite cliquez en bas sur le bouton Enregistrer pour enregistrer votre ressource.

Si vous voulez maintenant tester votre ressource, fermez d’abord l’onglet Calcul sur les puissances de 10 puis, dans Mes Ressources, faites un clic droit sur la ressource.

Vous pouvez maintenant tester la ressource.

Tout notre formulaire était en mode maths parce qu'encadré par deux caractères $. Les éditeurs qu'il contenait devait donc être des \editable.

Mais un formulaire peut aussi mélanger mode texte et maths (le mode d'affichage par défaut du formulaire est le mode texte).

Imaginons par exemple le formulaire donné par ce code LaTeX :

\text{En réduisant, $f(x)$ = edit1 et $f(\sqrt{2})=\editable{} \times \sqrt{2} + \editable{}$}

Ici le premier éditeur est en mode texte (il n'est pas entre des caractères $).

Il doit alors être repéré dans le formulaire par les caractères suivi de son numéro (ici 1).

Pour valider la réponse de l'élève , la figure doit contenir :

Un calcul (ou une fonction) nommé rep1 destiné à recevoir la réponse de l'élève.

Un calcul nommé resolu1 qui vaut 1 quand l'élève a fourni dans cet éditeur une réponse qui est acceptée comme simplifiée et 0 sinon.

Un calcul nommé exact1 qui vaut 1 quand l'élève a fourni dans cet éditeur une réponse qui est exacte (mais pas nécessairement acceptée comme finale) et 0 sinon

Notre exemple n'utilisait pas de liste déroulante dans les formulaires.

Si, par exemple, vous voulez que le formulaire contienne une liste déroulante proposant deux choix 'positif' et 'négatif'.

Le code LaTeX de notre affichage LaTeX pourrait être :

\text{On passe de $\Val{a1}$ à $\Val{a2}$ en le multipliant par une puissance d'exposant list1  et $\Val{a2,8} = \Val{a1,8}\times 10^{\editable{}}$}

Pour donner les items de notre liste déroulante, il faudrait créer un affichage LaTeX ayant pour tag list1, le chiffre 1 correspondant à l'indice de l'éditeur dans le formulaire.

Cet affichage LaTeX aurait pour code LaTeX :

\begin{array}{l}
\text{positif} 
\\ \text{négatif}
\end{array}

C'est donc lui qui fournit les items affichés dans la liste.

Il faudrait aussi créer un calcul nommé reslist1 (le chiffre est le numéro de la liste dans le formulaire) avec comme valeur 1 car ici le bon item de la réponse est le numéro1.

Il est aussi possible d'utiliser un macro faisant apparaître des éléments de correction et d'afficher une autre figure d'explications lors de la phase de correction.

Pour ces fonctionnalités vous pouvez vous référer à ce tutoriel