Différences

Ci-dessous, les différences entre deux révisions de la page.

--- tutoriels:ressources:mathgraph:exercice_fractions_1 [23/01/2025 14:27] – ybiton
+++ tutoriels:ressources:mathgraph:exercice_fractions_1 [05/11/2025 18:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 1: / Ligne 1: @@
-Ce tutoriel est en cours d'écriture.
+====== Comparaison de fractions ======
 Nous désirons créer une ressource sur la comparaison de fractions en cinquième, analogue à cet exercice déjà en ligne : [[https://bibliotheque.sesamath.net/public/voir/6790fffedc7aca546820c28f]]
 Il s'agit de proposer 7 situations différentes (tous les dénominateurs des fractions sont positifs):
 cas 1 : Comparer deux fractions a/b et a'/b' irréductibles avec a/b < 1 < a'/b'
@@ Ligne 18: / Ligne 19: @@
 cas 7 : comparer deux fractions dont le numérateur est égal au dénominateur
-Pour créer cette ressource il est conseillé utiliser la version JavaScript de MathGraph32, version 8.4.4 ou ultérieure, ou utiliser la [[https://www.mathgraph32.org/ftp/js/mtg32online/indexLyceeSansComplexes.html|version en ligne]] sur le site de MathGraph32.
+Pour créer cette ressource vous pouvez utiliser MathGraph32 dans sa [[https://app.mathgraph32.org/|version en ligne]].
 Si nécessaire, à l'aide de l'icône {{:exercices_calcul:outiloptionsfig.png?32|}} de la barre supérieure, mettez MathGraph32 en mode Avancé sans prise en charge des nombres complexes.
@@ Ligne 24: / Ligne 25: @@
 ==== Etape 1 : Création de la figure MathGraph ====
-Commencez par [[tutoriels:ressources:mathgraph:start|créer la figure mathgraph]].
+Commencez par [[figure_mathgraph|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 {{:exercices_calcul:outilnew.png?32|}} puis choisir **Figure par code Base 64**.
@@ Ligne 33: / Ligne 34: @@
 Nous vous proposons de télécharger ci-dessous une bibliothèque de macro constructions qui vont nous simplifier un peu la tâche. Cliquez sur le lien ci-dessous pour télécharger le fichier zip, et décompressez le dans le dossier de votre choix. Les fichiers contenant des macro constructions MathGraph32 ont le suffixe //mgc//.
-{{ :exercices_calcul:macrosaidepourmultietapes.zip |}}
+{{ :exercices_calcul:macrosaidepourmultiedit.zip |}}
 Une fois le logiciel démarré, cliquez sur l'icône {{:exercices_calcul:outilnew.png?32|}} et choisissez de créer une **figure sans repère et sans longueur unité**.
@@ Ligne 85: / Ligne 86: @@
 |nbcas1|prov|7|
 |nbcas2|prov|12|
-Vous pouvez maintenant supprimer le calcul prov qui ne servait qu'à créer nos calculs ci-dessous. Pour cela vous pouvez utiliser l'icône {{:exercices_calcul:outilmodifobjnum.png?32|}} de la barre supérieure.
 Nous allons maintenant créer une matrice à 24 lignes et deux colonnes qui servira à nous fournir le numérateur et le dénominateur de deux fractions irréductibles différentes, l'une inférieure à 1, l'autre supérieure à 1.
@@ Ligne 237: / Ligne 236: @@
 Ainsi ici le contenu de nbsol est le nombre de 1 contenus dans la deuxième colonne de la matrice A1.
 Nous allons maintenant isoler au hasard un terme de la première colonne de cette matrice pour lequel la deuxième colonne contient un 1.
@@ Ligne 243: / Ligne 243: @@
 rand(0) renvoie un nombre aléatoire entre 0 (compris) et 1 exclu, int(nbsol*rand(0)) renvoie donc un entier compris entre 0 et nbsol - 1. On isole donc au hasard un des nbsol derniers termes de la première colonne de la matrice A1 et on le met dans a".
+Créez aussi avec cette même icône les calculs réels suivants :
+^Nom du calcul^Formule^Explication^
+|q3|a"/b|Servira à l'affichage de la troisième fraction|
+|asura|a/a|Servira à afficher une première fraction a/a dans l'énoncé et la solution|
+|bsurb|b/b|Servira à afficher une deuxième fraction b/b dans l'énoncé et la solution|
+Nous devons maintenant créer les éléments nécessaires pour que notre figure soit reconnue comme générant un exercice reconnue par le modème multi-édit (une seule étape).
+Pour cela notre figure doit contenir un affichage LaTeX de tag enonce contenant l'énoncé, un affichage LaTeX de tag formulaire contenant le formulaire (qui fournitla question à poser à l'élève) et un affichage LaTeX de tag solution contenant la solution à afficher à la fin.
+.
+Cela peut être automatisé par l'emploi d'une deuxième macro construction
+Suivant le contenu des formulaire il faudra aussi créer des objets numériques permettant de savoir si l'élève a répondu juste ou pas. Ici notre formulaire contiendra juste une liste déroulante contenant trois items : <, > et =.
+Cliquez ensuite sur l'icône {{:exercices_calcul:outilgestionconst.png?32|}} (gestion des constructions) et choisissez l'item **Incorporer une construction depuis un fichier**.
+Allez dans le dossier où vous avez décompressé le fichier zip contenant les constructions et cliquez sur le fichier nommé preparationMultiEtapes.mgc puis validez.
+Cette construction fait maintenant partie de votre figure.
+Cliquez ensuite sur l'icône {{:exercices_calcul:outilgestionconst.png?32|}} (gestion des constructions) et choisissez l'item **Implémenter une construction de la figure**.
+Dans la boîte de dialogue qui s'ouvre, sélectionnez //PreparationMultiEdit// et cliquez sur le bouton **Implémenter**.
+Une nouvelle boîte de dialogue s'ouvre.
+Comme ci-dessous, affectez le calcul //prov// comme objet source n°1 (c'est le seul) et validez.
+Vous voyez apparaître sur la figure trois affichages LaTeC, un pour lénoncé, un pour le formulaire, un pour la solution.
+Pour cela utilisez l'icône {{:exercices_calcul:outilgestionconst.png?32|}} et cliquez sur l'item **Fusionner les constructions implémentées de la figure**.
+Si vous cliquez sur l'outil {{:exercices_calcul:outilmodifobjgraph.png?32|}} de modification d'objet graphique et si vous cliquez sur chacun des ces trois affichages LaTeX vous verrez que, en bas, dans le champ Angle vous avez comme formule 0*prov. C'et une astuce pour que les objets finaux de la construction dépendent du calcul prov. Si vous remplacez cette formule par 0, vous pourrez alors supprimer le calcul prov mais vous pouvez aussi garder prov et ne rien changer.
+Il va falloir maintenant changer le contenu de chacun de ces trsoi affichages LaTeX avec l'outil {{:exercices_calcul:outilmodifobjgraph.png?32|}} de modification d'objet graphique.
+Cliquez d'abord sur l'affichage LaTeX fournissant l'énoncé et remplacez son code LaTeX par ce qui suit : l'énoncé :
+<code>
+\begin{array}{l}
+\text{On demande de comparer
+\If{cas1}
+{
+$\ForSimp{q1}$ et $\ForSimp{q2}$
+}
+{
+\If{cas2}
+{
+$\ForSimp{q2}$ et $\ForSimp{q1}$
+}
+{
+\If{cas3}
+{
+$\ForSimp{q1}$ et $\ForSimp{q3}$
+}
+{
+\If{cas4}
+{
+$\ForSimp{q3}$ et $\ForSimp{q1}$
+}
+{
+\If{cas5}
+{
+$\ForSimp{q1}$ et $1$
+}
+{
+\If{cas6}
+{
+$\ForSimp{q2}$ et $1$
+}
+{
+$\ForSimp{asura}$ et $\ForSimp{bsurb}$
+}
+}
+}
+}
+}
+}
+sans s'aider d'une calculatrice.
+}
+\\ \text{ }
+\end{array}
+</code>
+Le contenu de chaque \text{} de cet affichage LaTeX fournit chaque ligne de l'énoncé, ici deux lignes dont le deuxième contient juste un caractère espace (pour séparer mieux l'énoncé des réponses de l'élève).
+Cet affichage LaTeX utilise le code LaTeX \If soécifique à MathGraph32 dont la syntaxe est :
+<code>
+\If{test, affichage LaTeX si test vaut 1, affichage LaTeX sinon}
+</code>
+test doit être le nom d'un calcul réel (ou complexe).
+Il utilise aussi le code LaTeX \ForSimp{calc}, où calc est le nom d'un calcul ou une fonction, qui renvoie le code LaTeX nécessaire pour afficher la formule de calc, en remplaçant les calculs utilisés par cal par leur valeur et supprimant les additions de 0, les produits et divisions par 1)
+Modifions maintenant l'affichage LaTeX fournissant le formulaire (la question) avec l'outil {{:exercices_calcul:outilmodifobjgraph.png?32|}}
+Remplacez son code LaTeX par le code suivant:
+<code>
+\text{
+$
+\If{cas1}
+{
+\ForSimp{q1}
+}
+{
+\If{cas2}
+{
+\ForSimp{q2}
+}
+{
+\If{cas3}
+{
+\ForSimp{q1}
+}
+{
+\If{cas4}
+{
+\ForSimp{q3}
+}
+{
+\If{cas5}
+{
+\ForSimp{q1}
+}
+{
+\If{cas6}
+{
+\ForSimp{q2}
+}
+{
+\ForSimp{asura}
+}
+}
+}
+}
+}
+}
+$
+list1
+$
+\If{cas1}
+{
+\ForSimp{q2}
+}
+{
+\If{cas2}
+{
+\ForSimp{q1}
+}
+{
+\If{cas3}
+{
+\ForSimp{q3}
+}
+{
+\If{cas4}
+{
+\ForSimp{q1}
+}
+{
+\If{cas5}
+{
+}
+{
+\If{cas6}
+{
+}
+{
+\ForSimp{bsurb}
+}
+}
+}
+}
+}
+}
+$
+}
+</code>
+Cet affichage LaTeX contient un unique code \text{} dont le contenu est le formulaire.
+Son contenu est formé de l'affichage des deux fractions à comparer (en mode maths dont encadré par des $) avec entre les deux, en mode texte, list1.
+Lors du traitement de cette figure MathGraph32 par LaboMep, list1 sera remplacé par une liste déroulante.
+Nous nous occuperons du troisième affichage LaTeX plus tard.
+Nous avons vu que notre formulaire comprenait dans son texte edit. Cela indique que le formulaire contient une seule liste déroulante.
+Nous devons fournir un affichage LaTeX de tag list1 contenant les items de la liste et un calcul nommé resList1 renvoyant comme valeur l'indice de l'item correspondant à la bonne réponse.
+Dans la barre d'outil des affichages, utilisez l'icône {{:exercices_calcul:outillatex.png?32|}} (affichage LaTeX libre).
+Cliquez à un emplacement libre de la figure. Une boîte de dialogue s'ouvre.
+Entrez le code LaTeX ci-dessous :
+<code>
+\begin{array}{l}
+\text{$<$}
+\\ \text{$>$}
+\\ \text{$=$}
+\end{array}
+</code>
+Chacun des contenus des trois \text{} fournit le contenu des trois items. Ils sont entourés de $ car nous choisirons ici que les items soient affichés en mode LaTeX (mode maths).
+Il faut maintenant affecter à cet affichage LaTeX le tag list1.
+Pour cela utilisez dans la barre supérieure l'outil {{:exercices_calcul:outilprotocole.png?32|}}, dans la liste de gauche allez tout en bas et sélectionnez le dernier affichage LaTeX puis cliquez sur le bouton Changer le tag et entrez comme tag list1. Refermez la boîte de dialogue de protocole.
+Créons maintenant un calcul nommé resList1 avec l'outil {{:exercices_calcul:outilcalcul.png?32|}} de création d'un calcul réel. Entrez la formule ci-dessous :
+<code>
+si(cas1|cas3|cas5,1,si(cas7,3,2))
+</code>
+Ainsi si cas vaut 1, 3 ou 5 c'est le premier item qui est le bon (<), si cas vaut 7, c'est le troisième (symbole d('égalité) et sinon c'est le deuxième (>).
+Il nous reste à modifier l'affichage LaTeX qui fournit la solution.
+Pour cela, utilisez dans la barre supérieur l'icône {{:exercices_calcul:outilmodifobjgraph.png?32|}} de modification d'objet graphique et cliquez sur l'affichage LaTeX créé par la macro construction.
+Remplacez le code LaTeX par le code suivant :
+<code>
+\begin{array}{l}
+\If{cas1}
+{
+\text{$\ForSimp{q1}<1$ car $\Val{a}<\Val{b}$ et $\ForSimp{q2}>1$ car $\Val{a'}>\Val{b'}$}
+\\ \text{On a donc $\ForSimp{q1}<1<\ForSimp{q2}$}
+\\ \text{donc $\ForSimp{q1}<\ForSimp{q2}$}
+}
+{
+\If{cas2}
+{
+\text{$\ForSimp{q1}<1$ car $\Val{a}<\Val{b}$ et $\ForSimp{q2}>1$ car $\Val{a'}>\Val{b'}$}
+\\ \text{On a donc $\ForSimp{q2}>1>\ForSimp{q1}$}
+\\ \text{donc $\ForSimp{q2}>\ForSimp{q1}$}
+}
+{
+\If{cas3}
+{
+\text{Les deux fractions ont le même dénominateur positif $\Val{b}$.}
+\\ \text{Elles sont donc rangées dans l'ordre de leurs numérateurs.}
+\\ \text{$\Val{a}<\Val{a"}$}
+\\ \text{Donc $\ForSimp{q1}<\ForSimp{q3}$}
+}
+{
+\If{cas4}
+{
+\text{Les deux fractions ont le même dénominateur positif $\Val{b}$.}
+\\ \text{Elles sont donc rangées dans l'ordre de leurs numérateurs.}
+\\ \text{$\Val{a"}>\Val{a}$}
+\\ \text{Donc $\ForSimp{q3}>\ForSimp{q1}$}
+}
+{
+\If{cas5}
+{
+\text{Le numérateur $\Val{a}$ de la fraction $\ForSimp{q1}$ est inférieur à son dénominateur $\Val{b}$ (et son dénominateur est positif)}
+\\ \text{donc $\ForSimp{q1}<1$}
+}
+{
+\If{cas6}
+{
+\text{Le numérateur $\Val{a'}$ de la fraction $\ForSimp{q2}$ est supérieur à son dénominateur $\Val{b'}$ (et son dénominateur est positif)}
+\\ \text{donc $\ForSimp{q2}>1$}
+}
+{
+\text{Le numérateur et le dénominateur des deux fractions sont égaux donc ces deux fractions sont égales à 1.}
+\\ \text{Donc $\ForSimp{asura}=\ForSimp{bsurb}=1$}
+}
+}
+}
+}
+}
+}
+\end{array}
+</code>
+Avant d'enregistrer votre figure, vous pouvez éventuellement supprimer les deux macro constructions que nous avons utilisées, cela allégera la taille de la figure quand nous récupérerons son code Base 64.
+Pour cela utilisez l'icône {{:exercices_calcul:outilgestionconst.png?32|}} (gestion des constructions) et utiliser l'item **Supprimer une construction de la figure**.
+Notre figure est maintenant prête pour être utilisée pour créer une ressource Labomep.
+Enregistrez la par précaution dans le dossier de votre choix.
+==== Etape 2 : Création de notre ressource dans LaboMep ====
+Connectez vous à LaboMep 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).
+{{:exercices_calcul:ex1_fig12.png?200|}}
+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 //cinquième// et //sixième//.
+Dans les champs **Résumé** et **Description**, entrez //Demande de comparer deux fractions en utilisant la valeur 1//.
+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 :
+<code>Comparer deux fractions</code>
+Dans le champ **nbrepetitions** entrez la valeur 7 (ainsi les 7 cas prévus seront proposés une fois).
+Ouvrez la figure principale depuis l'endroit où vous l'aviez sauvegardée et utilisez l'icône {{:constructions:outilexport.png?32|}} 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 {{:exercices_calcul:outilnew.png?32|}} 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).
+Cochez la case **listesLatex** (nous avons entouré les items de l'affichage LaTeX fournissant les choix entre des caractères $).
+Dans le champ **nbEssais** entrez //1// (Un seule chance pour choisir <, > ou = ).
+Laissez le champ **charset** vide, car il n'y a pas de champ d'édition à remplir.
+Dans le champ **InfoParam** entrez :
+<code>
+Cet exercice n'est pas paramétrable.
+</code>
+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.