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.

Commencez par créer la figure mathgraph.

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

TWF0aEdyYXBoSmF2YTEuMAAAABM+TMzNAAJmcvb6#gEA#wEAAAAAAAAAAAUeAAACygAAAQEAAAAAAAAAAQAAABv#####AAAAAQAKQ0NhbGNDb25zdAD#####AAJwaQAWMy4xNDE1OTI2NTM1ODk3OTMyMzg0Nv####8AAAABAApDQ29uc3RhbnRlQAkh+1RELRj#####AAAAAQAHQ0NhbGN1bAD#####AAVuYnZhcgABMQAAAAE#8AAAAAAAAAAAAAIA#####wAGbmJjYXMxAAEyAAAAAUAAAAAAAAAAAAAAAgD#####AAJyMQATaW50KHJhbmQoMCkqbmJjYXMxKf####8AAAACAAlDRm9uY3Rpb24C#####wAAAAEACkNPcGVyYXRpb24CAAAAAxEAAAABAAAAAAAAAAA#zEO0pGfZuP####8AAAABAA9DUmVzdWx0YXRWYWxldXIAAAACAAAAAgD#####AANjYXMABHIxKzEAAAAEAAAAAAUAAAADAAAAAT#wAAAAAAAAAAAAAgD#####AARjYXMxAAVjYXM9MQAAAAQIAAAABQAAAAQAAAABP#AAAAAAAAAAAAACAP####8ABGNhczIABWNhcz0yAAAABAgAAAAFAAAABAAAAAFAAAAAAAAAAP####8AAAACAAZDTGF0ZXgA#####wEAAAABAAZlbm9uY2X#####EEA2AAAAAAAAQFZUeuFHrhQAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAC1cdGV4dHskXHRleHRjb2xvcntibHVlfXtcdGV4dHtDb21wbMOodGUgOn19JH0AAAAGAP####8BAAAAAQAKZm9ybXVsYWlyZf####8QQDUAAAAAAABAXtR64UeuFAAAAAAAAAAAAAAAAAABAAAAAAAAAAAA#1xJZntjYXMxfQp7Clx0ZXh0e1NpIFtBQl0gYSBwb3VyIG1pbGlldSBJIGFsb3JzIGxlIHBvaW50IGVkaXR0ZXh0MSBlc3QgbGUgc3ltw6l0cmlxdWUgZHUgcG9pbnQgZWRpdHRleHQyIHBhciByYXBwb3J0IMOgIGVkaXR0ZXh0M30KfQp7Clx0ZXh0e1NpIFtBSV0gYSBwb3VyIG1pbGlldSBCIGFsb3JzIGxlIHBvaW50IGVkaXR0ZXh0MSBlc3QgbGUgc3ltw6l0cmlxdWUgZHUgcG9pbnQgZWRpdHRleHQyIHBhciByYXBwb3J0IMOgIGVkaXR0ZXh0M30KfQAAAAYA#####wEAAAABAAdyZXN0ZXh0#####xBANAAAAAAAAEBjKj1wo9cKAAAAAAAAAAAAAAAAAAEAAAAAAAAAAABwXGJlZ2lue2FycmF5fXtsfQpcSWZ7Y2FzMX0KewpcdGV4dHtBKipCKipJfQpcXFx0ZXh0e0IqKkEqKkl9Cn0KewpcdGV4dHtJKipBKipCfQpcXFx0ZXh0e0EqKkkqKkJ9Cn0gClxlbmR7YXJyYXl9CgAAAAIA#####wAGbmJjYXIxAAExAAAAAT#wAAAAAAAAAAAAAgD#####AAZuYmNhcjIAATEAAAABP#AAAAAAAAAAAAACAP####8ABm5iY2FyMwABMQAAAAE#8AAAAAAAAAAAAAYA#####wEAAAABAAhzb2x1dGlvbv####8QQDUAAAAAAABAaYo9cKPXCgAAAAAAAAAAAAAAAAABAAAAAAAAAAAC4FxiZWdpbnthcnJheX17bH0KXElme2NhczF9CnsKXHRleHR7U2kgW0FCXSBhIHBvdXIgbWlsaWV1IEkgYWxvcnMgbGUgcG9pbnQgJFx0ZXh0Y29sb3J7bWFyb29ufXtcdGV4dHtCfX0kIGVzdCBsZSBzeW3DqXRyaXF1ZSBkdSBwb2ludCAkXHRleHRjb2xvcnttYXJvb259e1x0ZXh0e0F9fSQgcGFyIHJhcHBvcnQgw6AgJFx0ZXh0Y29sb3J7bWFyb29ufXtcdGV4dHtJfX0kfQpcXFx0ZXh0e291IGVuY29yZSA6ICRcdGV4dGNvbG9ye21hcm9vbn17XG1hdGhybXtBfX0kIGVzdCBsZSBzeW3DqXRyaXF1ZSBkdSBwb2ludCAkXHRleHRjb2xvcnttYXJvb259e1xtYXRocm17Qn19JCBwYXIgcmFwcG9ydCDDoCAkXHRleHRjb2xvcnttYXJvb259e1xtYXRocm17SX19JH0KfQp7Clx0ZXh0e1NpIFtBSV0gYSBwb3VyIG1pbGlldSBCIGFsb3JzIGxlIHBvaW50ICRcdGV4dGNvbG9ye21hcm9vbn17XHRleHR7SX19JCBlc3QgbGUgc3ltw6l0cmlxdWUgZHUgcG9pbnQgJFx0ZXh0Y29sb3J7bWFyb29ufXtcdGV4dHtBfX0kIHBhciByYXBwb3J0IMOgICRcdGV4dGNvbG9ye21hcm9vbn17XHRleHR7Qn19JH0KXFxcdGV4dHtvdSBlbmNvcmUgOiAkXHRleHRjb2xvcnttYXJvb259e1x0ZXh0e0F9fSQgZXN0IGxlIHN5bcOpdHJpcXVlIGR1IHBvaW50ICRcdGV4dGNvbG9ye21hcm9vbn17XHRleHR7SX19JCBwYXIgcmFwcG9ydCDDoCAkXHRleHRjb2xvcnttYXJvb259e1x0ZXh0e0J9fSR9Cgp9IApcXCAKXGVuZHthcnJheX3#####AAAAAQAKQ1BvaW50QmFzZQD#####AQAAAAAQAAAAAAAAAAAAAABACAAAAAAAAAAAAQABQF5AAAAAAABARCj1wo9cKf####8AAAABABRDRHJvaXRlRGlyZWN0aW9uRml4ZQD#####AQAAAAEQAAABAAAAAQAAAA4BP#AAAAAAAAD#####AAAAAQAPQ1BvaW50TGllRHJvaXRlAP####8BAAAAABAAAAAAAAAAAAAAAEAIAAAAAAAAAAABAAFAaWAAAAAAAAAAAA######AAAAAQAHQ01pbGlldQD#####Af8AAAAQAAAAAAAAAAAAAABACAAAAAAAAAAAAQAAAAAOAAAAEP####8AAAABAAhDU2VnbWVudAD#####AQAAAAAQAAABAAAAAQAAAA4AAAARAAAACwD#####AQAAAAAQAAABAAAAAQAAABEAAAAQ#####wAAAAEADkNNYXJxdWVTZWdtZW50AP####8BAAD#AAAAAgMAAAASAAAADAD#####AQAA#wAAAAIDAAAAEwAAAAYA#####wH#AAAAAAAAAAAAAABAEAAAAAAAAAAAAAAAERQAAAAAAAEAAAAAAAAAAQAAAAAAAAAAAB1cSWZ7Y2FzMX17XHRleHR7SX19e1x0ZXh0e0J9fQAAAAYA#####wEAAAAAP#AAAAAAAABAEAAAAAAAAAAAAAAADhQAAAAAAAEAAAAAAAAAAQAAAAAAAAAAAAhcdGV4dHtBfQAAAAYA#####wEAAAAAP#AAAAAAAABACAAAAAAAAAAAAAAAEBQAAAAAAAEAAAAAAAAAAQAAAAAAAAAAAB1cSWZ7Y2FzMX17XHRleHR7Qn19e1x0ZXh0e0l9ff####8AAAABABBDTWFjcm9BcHBhcml0aW9uAP####8BAAD#AQAA#####xBAfBAAAAAAAEBAqPXCj1wpAgH2+v4AAAAAAAAAAAAAAAEAAAAAAAAAAAAIc29sdXRpb24AAAAAAAoAAAAOAAAAFwAAABIAAAAUAAAAFgAAABEAAAATAAAAFQAAABAAAAAYAP####8AAAABABFDTWFjcm9EaXNwYXJpdGlvbgD#####AQAA#wEAAP####8QQHwgAAAAAABAUlR64UeuFAIAAAAAAAAAAAAAAAABAAAAAAAAAAAAEE1hc3F1ZXIgc29sdXRpb24AAAAAAAoAAAAOAAAAFwAAABIAAAAUAAAAFgAAABEAAAATAAAAFQAAABAAAAAY################

Sinon :

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 servira à fournir la consigne, le formulaire à remplir, les réponses autorisées pour le formulaire et à afficher après la réponse une figure d'explication.

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

La création des calculs nbvar, nbcas1 et r1 est indispensable pour que la ressource j3p associée donne lors des répétitions successives des valeurs à r1 toutes distinctes les unes des autres. mais ici on au bout de 3 répétitions on retombera sur une question déjà posée. Il faudra ici donc limiter le nombre de répétitions à 2.

Par exemple il sera donné à r1 des valeurs distinctes successives comprises entre 0 et 1 lors des répétitions (car nbcas1 est égal à 2) .

La formule que nous mettons dans r1 ne sert donc qu'à simuler les formules qui seront mises le calcul r1 lors des répétitions successives.

Nous allons d'abord créer un premier affichage LaTeX libre qui servira à donner la première ligne de la consigne.

Utilisez l'icône , cliquez au tiers environ en haut de la figure et à gauche, et entrez comme code LaTeX le code suivant :

\text{$\textcolor{blue}{\text{Complète :}}$}

C'est le contenu du \text{} qui sera fourni pour l'affichage de la consigne.

Ici nous utilisons une astuce pour afficher cette consigne en bleu : nous passons en mode maths (grâce aux deux caractères $) et nous utilisons un \textcolor{}.

A noter que si nous avions voulu une consigne de plusieurs lignes il nous aurait fallu utiliser un tableau colonne de plusieurs lignes comme ceci :

\begin{array}{l}
\text{Ici le contenu de la première ligne de la consigne} 
\\ \text{Ici le contenu de la deuxième ligne de la consigne}
\end{array}

Maintenant utilisez l'outil de protocole de la figure, sélectionnez dans la liste le dernier élément (qui est notre affichage LaTeX), cliquez sur le bouton Changer le tag et affectez comme tag la chaîne enonce (sans accent).

Nous allons maintenant créer un autre affichage LaTeX chargé de donner le formulaire à remplir par l'élève.

Utilisez à nouveau l'icône , cliquez au-dessous de l'affichage LaTeX précédent et entrez le code LaTeX suivant :

\If{cas1}
{
\text{Si [AB] a pour milieu I alors le point edittext1 est le symétrique du point edittext2 par rapport à edittext3}
}
{
\text{Si [AI] a pour milieu B alors le point edittext1 est le symétrique du point edittext2 par rapport à edittext3}
}

Si la valeur de cas1 est égale à 1, c'est le premier formulaire qui sera affiché (contenu dans le premier \text{} et sinon ce sera le second.

Examinons le contenu du premier champ texte :

Si [AB] a pour milieu I alors le point edittext1 est le symétrique du point edittext2 par rapport à edittext3

Utilisez l'outil protocole de la barre d'outils supérieure pour affecter à ce nouvel affichage LaTeX le tag formulaire.

Notre phrase trois éditeurs de texte repérés ci-dessus par les chaînes edittext1, edittext2 et edittext3.

Il est possible de limiter le nombre de caractères que l'élève pourra entrer dans chacun de ces formulaires. Ici nous limiterons ce nombre à 1.

Créez pour cela les trois calculs suivants :

Nous allons maintenant créer un affichage LaTeX chargé de donner les réponses possibles pour nos trois éditeurs de texte (la validation est globale pour les 3 champs car la réponse contenue dans l'un peut dépendre de la réponse contenue dans l'autre).

Utilisez à nouveau l'outil pour créer au-dessous des précédents un affichage LaTeX donc le code LaTeX est le suivant :

\begin{array}{l}
\If{cas1}
{
\text{A**B**I}
\\\text{B**A**I}
}
{
\text{I**A**B}
\\\text{A**I**B}
} 
\end{array}

Utilisez à nouveau l'outil pour affecter à ce dernier affichage LaTeX le tag restext.

Cet affichage LaTeX contient lui aussi des affichages conditionnels et renvoie un tableau de 2 lignes donc chaque ligne est un \text{}. Le contenu de chaque \text{} donne une des réponses possibles à la question posée.

Supposons par exemple que la valeur de nbcas1 est égal 1 (c'est- à-dire que nbcas vaut1).

Dans ce cas les lignes renvoyées dans les \text{} sont :

A**B**I
B**A**I

Une première réponse possible à la première question est en effet : A est le symétrique de B par rapport à I et la seconde est B est le symétrique de A par rapport à I

Chaque ligne contient donc les réponses acceptables pour chacun des champs d'édition, ces réponses étant séparées par des **.

A noter que si nos lignes étaient :

A//a**B//b**I//i
B//b**A//a**I//i

alors nous accepterions aussi les mêmes réponses avec des minuscules.

Il suffit donc de séparer les différentes réponses possibles pour un champ donné par deux caractères /.

Il nous reste à créer un affichage LaTeX qui fournira la correction à afficher.

Utilisez à nouveau l'outil et créez au-dessous des deux affichages LaTeX un affichage LaTeX libre dont le code LaTeX est le suivant :

\begin{array}{l}
\If{cas1}
{
\text{Si [AB] a pour milieu I alors le point $\textcolor{maroon}{\text{B}}$ est le symétrique du point $\textcolor{maroon}{\text{A}}$ par rapport à $\textcolor{maroon}{\text{I}}$}
\\\text{ou encore : $\textcolor{maroon}{\mathrm{A}}$ est le symétrique du point $\textcolor{maroon}{\mathrm{B}}$ par rapport à $\textcolor{maroon}{\mathrm{I}}$}
}
{
\text{Si [AI] a pour milieu B alors le point $\textcolor{maroon}{\text{I}}$ est le symétrique du point $\textcolor{maroon}{\text{A}}$ par rapport à $\textcolor{maroon}{\text{B}}$}
\\\text{ou encore : $\textcolor{maroon}{\text{A}}$ est le symétrique du point $\textcolor{maroon}{\text{I}}$ par rapport à $\textcolor{maroon}{\text{B}}$}

} 
\\ 
\end{array}

Cet affichage LaTeX est formé d'un tableau de deux lignes, chaque ligne étant formée d'un \text{} dont le contenu est ce qui sera affiché dans chaque ligne (car l'affichage de la correction se fait en mode texte alors que dans MathGraph32 les affichages LaTeX sont par défaut en mode maths).

Utilisez à nouveau l'outil pour affecter à ce dernier affichage LaTeX le tag solution.

Vous pouvez maintenant utiliser l'outil pour masquer nos quatre affichages LaTeX : ils n'ont pas à être affichés. Ils seront transmis par la figure pour les données de l'exercice.

Pour finir nous allons faire en sorte que lors de la correction, la figure affiche un segment et son milieu, en accord avec la question posée.

Dans la palette de style de point activez le rond de taille moyenne, dans la palette des couleurs activez la couleur noire.

Utilisez l'outil pour créer un point libre. Ne nommez pas ce point.

Avec l'outil créez la droite horizontale passant pas ce point.

Créez un point lié à cette droite avec l'outil pour créer un point lié à cette droite. Ne nommez pas ce point.

Activez la couleur rouge.

A l'aide de l'outil créez le milieu du segment formé par ces deux points. Ne nommez pas ce point.

Activez la couleur noire.

Avec l'outil joignez le milieu du segment aux deux autres points par des segments.

Dans la palette des couleurs actives la couleur bleue et sélectionnez une épaisseur de trait de 2 pixels.

Dans la palette de style de marque, activez la marque en forme de croix.

Activez l'outil de création de marque de segment et cliquez sur chacun des deux segments créés pour lui affecter une marque.

Il nous reste à créer des affichages LaTeX liés à notre points qui feront apparaître des noms en accord avec notre question.

Dans la palette de couleurs, activez la couleur noire.

Cliquez sur l'outil de création d'un affichage LaTeX lié à un point et cliquez sur le point de gauche. Une boîte de dialogue s'ouvre.

Entrez comme code LaTeX le code suivant :

\text{A}

Avant de refermer la boîte de dialogue, choisissez un alignement horizontal centré et une taille de police de 20. Validez.

Créez de même un affichage LaTeX lié au point de droite de notre segment avec le code LaTeX suivant :

\If{cas1}{\text{B}}{\text{I}}

Dans la palette de couleurs, activez la couleur rouge.

Créez de nouveau un affichage LaTeX lié au milieu du segment avec le code LaTeX suivant :

\If{cas1}{\text{I}}{\text{B}}

Nous allons maintenant créer une macro qui fera apparaître ces derniers objets graphiques lors de la correction. Cette macro doit avoir pour intitulé solution.

Déroulez la barre d'outil des affichages et cliquez sur l'outil de création d'une macro.

Une boîte de dialogue vous présente les différents types de macro disponibles.

Cliquez sur Macro d'apparition et cliquez sur un emplacement libre de la figure.

Une boîte de dialogue apparaît.

Dans le champ Intitulé, entrez solution.

Validez la boîte de dialogue. Il vous est alors demandé de cliquer sur les objets que la macro doit faire apparaître.

Cliquez sur les trois points, les deux segments, les deux marques d'angles et les trois affichages LaTeX liés aux trois points.

Cliquez en bas et à droite sur le bouton rouge STOP lorsque vous avez désigné tous les objets.

Pour plus de facilité, créons une macro qui sera chargée de masquer ces mêmes objets.

Déroulez à nouveau la barre d'outil des affichages et cliquez sur l'outil de création d'une macro.

Choisissez dans la liste Macro de masquage à partir d'une autre macro, cliquez au voisinage de la macro précédente. Une boîte de dialogue apparaît.

Dans la liste des macros, la macro solution est déjà sélectionnée.

Choisissez masquer solution comme intitulé de cette macro et validez.

Il nous reste à tout masquer avant d'enregistrer notre figure.

Cliquez sur l'outil d'exécution d'une macro, cliquez sur la macro Masquer solution pour masquer nos éléments graphiques.

Enfin utilisez l'outil pour masquer les deux macros.

La figure doit sembler vide.

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 Vocabulaire sur centre de symétrie.

Dans le champ Type technique, choisissez activité j3p.

Dans Catégories, cochez la case Exercice interactif.

Dans Niveau, cochez par exemple la cinquième.

Dans les champs Résumé et Description, entrez par exemple Demande de compléter une phrase.

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 :

Maîtriser la notionde centre de symétrie

Dans le champ nbrepetitions entrez la valeur 2. (une valeur supérieure reposerait les mêmes questions.

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.

Collez ce code Base 64 dans le champ fig.

Nous avons juste besoin pour la figure affichée sous la consigne de la place pour voir les le segment, son milieu et les éléments de correction.

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

Dans le champ height entrez 200 (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).

Nous laisserons ici les champs charset et charsetText vides. Ces champs permettent de limiter les caractères disponibles à la frappe dans les éditeurs de calcul pour le premier (nous n'en avons pas dans notre formulaire) et dans les éditeurs de texte pour le second (nous en avons trois).

Nous pourrions par exemple entrer dans le champ charsetText les caractères ABI.

Cochez la case false pour tous les affichages de boutons (btnPuiss et suivants). Ces boutons ne servent que pour les éditeurs de calcul et nous n'en avons pas ici.

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 Vocabulaire sur centre de symétrie puis, dans Mes Ressources, faites un clic droit sur la ressource.

Vous pouvez maintenant tester la ressource.

Notre formulaire ne contenait que des éditeurs de texte.

Mais un formulaire peut aussi comprendre des éditeurs de formule en mode texte repérés par les caractères edit1, edit2 etc. , des éditeurs de formules en mode maths repérés par des \editable{} et des listes déroulantes repérées par des list1, list2 etc.

Pour plus de renseignements sur ces possibilités vous pouvez vous référer à cet article ainsi que celui-ci.