Champ réponse en exposant

Accueil Forums Programmation WIMS Programmation d’exercices OEF Champ réponse en exposant

Étiqueté : 

Vous lisez 15 fils de discussion
  • Auteur
    Messages
    • #5336
      Avatar photoMichel
      Participant
      Up
      0
      Down
      ::

      Bonjour,
      Est-il possible de mettre un champ réponse en exposant ?
      J’ai essayé sans succès avec la balise html <sup>

    • #5337
      bernadette
      Maître des clés
      Up
      0
      Down
      ::

      on peut utiliser en effet la balise sup qui n’est pas toujours efficace.
      Sinon, si c’est une partie d’une formule mathématique, on peut utiliser la méthode spéciale mathmlinput . Voir exemoples dans la classe ouverte de développement et la documentation de createxo.

      Bernadette

    • #5338
      Avatar photoMichel
      Participant
      Up
      0
      Down
      ::

      Je vous remercie. Voilà ce que cela donne :

      \title{Modèle}
      
      \statement{
      \special{mathmlinput [\begin{array}{lcc}  
                            && reply1    \\ 
                          Completer :&f(x)= C e & \\
                           \end{array}],2
      reply1,1}
      }
      
      \answer{}{5}{type=numeric}
      

      Je n’ai pas tout compris mais ça marche.

    • #5339
      bernadette
      Maître des clés
      Up
      0
      Down
      ::

      J’aurais plutôt fait simplement

      \title{Modèle}
      
      \statement{
      Compléter \special{mathmlinput [f(x)= C e^{reply1}],5
      reply 1,2
      }
      }
      
      \answer{}{5}{type=numeric}

      Mais c’est vrai que j’avais le souvenir que le champ de réponse était moins haut,
      donc mieux placé.
      Je ne sais pas si quelque chose a changé ??

    • #5340
      jm.evers
      Participant
      Up
      0
      Down
      ::

      On default -unstyled theme- there is no issue, and it looks fairly good.

      default.jpg
      standard.jpg

      joke

    • #5341
      Avatar photoOlivier
      Maître des clés
      Up
      0
      Down
      ::

      Merci pour ces remarques 😉
      Je viens de faire une correction qui devrait améliorer l’affichage des champs en exposants (sup) et en indices (sub) dans la prochaine version de WIMS.

      Olivier Bado-Faustin / Université Côte d’Azur

    • #5344
      Avatar photoMichel
      Participant
      Up
      0
      Down
      ::

      Oui en effet, c’est plus simple sans utiliser de tableau !

    • #5347
      bernadette
      Maître des clés
      Up
      0
      Down
      ::

      Le champ de réponse avait été élargi pour faciliter l’usage sur les écrans tactiles et pour une meilleure accessibilité (la hauteur fait globalement un doigt).
      Il est difficile de penser à tout !

      Bernadette

    • #7980
      Wissam
      Participant
      Up
      0
      Down
      ::

      Bien le bonjour,

      je souhaite utiliser un tableau html pour aligner des calculs avec des champs à compléter.

      Pour cela je défini un style CSS dans lequel la valeur de background-color est « transparent », mais au lieu de cela on obtient un tableau avec des lignes blanches et grises alternativement.

      Cette valeur n’est pas acceptée dans wims? Ou bien est-ce autre chose?

      Je crois avoir vu qu’il existe une méthode spéciale pour aligner les calculs (que vais d’ailleurs regarder),  mais j’aimerais comprendre ce qui ne fonctionne pas ici.

       

      le tableau (en gros)

      <table class= »calcul »>
      <tr>
      <td> 0.0138 km </td>
      <td> = </td>
      <td>  \embed{reply1,10} x 10<sup><sup>\embed{reply2,5}</sup></sup> km</td>
      </tr>
      <tr>
      <td>   </td>
      <td> = </td>
      <td> 1.38 x 10<sup><sup>-2</sup></sup> x 10<sup><sup>\embed{reply3, 5}  </sup></sup> m </td>
      </tr>

      <tr>
      <td>   </td>
      <td> = </td>
      <td> \nb x 10<sup><sup>\embed{reply4, 5}</sup></sup> m </td>
      </tr>
      </table>

       

      le style :

      `.calcul, calcul tr, calcul td
      {
      background-color: transparent;
      font-size:18px;
      margin:auto;
      border:0px
      }`

      Wissam

       

      PS: désolé pour la présentation du code, mais je ne comprends pas comment le mettre en forme…

    • #7981
      Avatar photoGilles Marbeuf
      Modérateur
      Up
      0
      Down
      ::

      Bonjour,

      en ce qui concerne les lignes alternativement blanches et grises dans le tableau, c’est le comportement normal pour des raisons d’accessibilité.
      Si vous voulez ne pas avoir ce comportement, il existe une classe css dans wims qui s’appelle unstriped et qu’il faut donc appeler dans la balise table.

      Gilles

    • #7982
      bernadette
      Maître des clés
      Up
      0
      Down
      ::

      Je ne pense pas que cela soit une bonne idée de faire un tableau pour faire une présentation et simplement pour aligner des signes = …

      N’oubliez pas de mettre des label, cela serait beaucoup plus utile.

      Bernadette

      Merci aussi d’ouvrir un autre sujet plutôt que de suivre un sujet qui n’a pas à voir.

       

    • #7983
      Wissam
      Participant
      Up
      0
      Down
      ::

      Mince!
      Je suis désolé, je pensais avoir démarré un nouveau sujet…

      Merci pour vos réponses.

    • #7984
      Wissam
      Participant
      Up
      0
      Down
      ::

      N’oubliez pas de mettre des label, cela serait beaucoup plus utile.

      Des labels? J’avoue n’avoir aucune idée de ce que c’est dans Wims

      • #7985
        Avatar photoOlivier
        Maître des clés
        Up
        0
        Down
        ::

        Un label c’est une balise HTML qui n’est pas spécifique à WIMS.
        Pour qu’une page soit accessible, il est important davoir une balise label associée à chaque balise input. En gros, chaque champ de saisie doit avoir un titre défini dans une balise label.
        Cela donne ceci par exemple en HTML :

        
        <div><label for="rep1">Réponse 1</label> <input id="rep1" type="text"></div>
        <div><label for="rep2">Réponse 2</label> <input id="rep2" type="text"></div>
        

        et en OEF ca devrait ressembler à ceci :

        
        <div><label for="reply1">Réponse 1</label> \embed{reply1, 5}</div>
        <div><label for="reply2">Réponse 2</label> \embed{reply2, 5}</div>
        

        Pour rapidement savoir si un label est correctement associé à son champ de réponse, cliquez sur le titre et le champ de réponse associé doit automatiquement se sélectionner.

        • Cette réponse a été modifiée le il y a 9 mois par Avatar photoOlivier.
        • Cette réponse a été modifiée le il y a 9 mois par Avatar photoOlivier.

        Olivier Bado-Faustin / Université Côte d’Azur

    • #8228
      Gérard LAUTON
      Participant
      Up
      0
      Down
      ::

      Bonjour,

      Où doit-on placer

      <label for= »reply1″>Réponse 1</label> \embed{reply1, 5}

      lorsque le \embed{} n’est pas assorti d’une indication Réponse1 ?

      De même, lorsqu’il y a une liste

        de \embed avec {type=radio} ?

        Merci par avance, Gérard Lauton.`

      • Cette réponse a été modifiée le il y a 3 mois et 3 semaines par Gérard LAUTON.
    • #8233
      Avatar photoOlivier
      Maître des clés
      Up
      0
      Down
      ::

      Bonjour,
      Pour des raisons d’accessibilité, un embed doit toujours avoir un label associé. Il faut donc trouver une indication à donner dans tous les cas.

      Pour savoir comment mettre en forme un exercice, je vous invite à commencer avec les modèles préparés de createxo, et éventuellement les modifier s’il ne conviennent pas ou vous en inspirer.

      Par exemple le modèle « Choix multiple » présente des boutons radios ainsi :

      
      \statement{
        <div class="oef_explain">\explain</div>
        <fieldset>
        <legend>Votre choix</legend>
          \for{i=1 to \tot}
          {<div class="oefreply">\embed{reply 1,\i, \list[\i] : \pick[\i;]}</div>}
        </fieldset>
      }
      

      Ici, le 3e parametre de \embed{x,y,z} va automatiquement placer un label, ce qui donne :

      
      <fieldset>
        <legend>Votre choix</legend>	   
        <div class="oefreply"> 
          <input type="radio" name="reply1" id="reply1_1" value="A">
          <label for="reply1_1">A&nbsp;: Mauvais choix n°8</label>
        </div><div class="oefreply"> 
          <input type="radio" name="reply1" id="reply1_2" value="B">
          <label for="reply1_2">B&nbsp;:  Mauvais choix n°4</label>
        </div><div class="oefreply">
          <input type="radio" name="reply1" id="reply1_3" value="C">
          <label for="reply1_3">C&nbsp;: Bon choix n°4</label>
        </div><div class="oefreply"> 
          <input type="radio" name="reply1" id="reply1_4" value="D">
          <label for="reply1_4">D&nbsp;: Bon choix n°3</label>
        </div><div class="oefreply"> 
          <input type="radio" name="reply1" id="reply1_5" value="E">
          <label for="reply1_5">E&nbsp;: Mauvais choix n°5</label>
        </div> 
      </fieldset>
      

      Olivier Bado-Faustin / Université Côte d’Azur

    • #8234
      bernadette
      Maître des clés
      Up
      0
      Down
      ::

      Les labels sont mis automatiquement si l’on met juste

      \statement{\embed{r1}}
      \answer{}{2;text1,text2,text3,text4}{type=radio}

      Sinon, le label peut être mis sur l’énoncé même s’il n’est pas sur la même ligne que le input. Par contre, il faut respecter les règles html.

      Bernadette

Vous lisez 15 fils de discussion
  • Vous devez être connecté pour répondre à ce sujet.