DocAide Documents

Sommaire

Si un document en ligne est simpement la transposition sur l'écran d'un polycopié papier, il est moins confortable d'utilisation donc il est moins intéressant. Par contre si vous concevez un document en ligne avec toutes les possibilités offertes par WIMS au service de votre pédagogie, alors vous améliorez votre document : mettez de la couleur, concevez la taille des pages (bloc) en fonction de la taille de l'écran et des objectifs pédagogiques, faites des liens vers des ressources internet, vers des exercices, insérez des figures, des graphiques, proposez une navigation aisée dans le contenu, concevez des exemples aléatoires, prévoyez des zones qui peuvent être cachées ou vues...

Vous venez de cliquer sur l'image d'un lien utile de WIMS, c'est un faux lien, le vrai est sur la barre de navigation de WIMS

Vous venez de cliquer sur l'image d'un lien utile de WIMS, c'est un faux lien, le vrai est sur la barre de navigation de WIMS

Vous venez de cliquer sur l'image d'un lien utile de WIMS, c'est un faux lien, le vrai est sur la barre de navigation de WIMS

Vous venez de cliquer sur l'image d'un lien utile de WIMS, c'est un faux lien, le vrai est sur la barre de navigation de WIMS

Exercice : Visiter ce document (sans nécessairement lire en détail le contenu des parties) et dessiner sa carte.

Nous avons vu ici comment créer un document dans une classe. Il est possible aussi de le créer dans un compte Modtool, la gestion du document est ensuite la même (voir DocAide Modules d'exercices OEF ). Le transfert de la classe vers un compte Modtool demande pour l'instant l'intervention du gestionnaire d'un serveur wims ou l'utilisation de votre installation privée si vous en avez une.

Votre navigateur ou divers logiciels vous permettent de composer des pages web en html. La commande source de la page vous permet d'accèder au code d'une page et donc de découvrir comment coder certaines mises en forme.

Les bases

L'avertissement n'a plus lieu d'être mais comme le pli est donné en exemple, je le laisse.

 <br> aller à la ligne
 <p>paragraphe</p>
<center>pour centrer</center>
 <ul>
   <li>liste</li>
   <li>liste</li>
 </ul>
 <ol>
  <li>liste numérotée</li>
  <li>liste encore</li>
 </ol>

 <font color="purple">en violet</font>
 <b>En gras</b>)

Exercice : Ecrivez votre liste de courses en changeant de couleur selon les produits. Donnez-lui un titre centré en gras.

ou avec des attributs à table

 <table align="center" border =1 bgcolor="yellow" width="50%">
   <tr align="center">
     <td>1</td>
     <td>2</td>
   </tr>
   <tr align="center">
     <td>3</td>
     <td>4</td>
   </tr> 
 </table>

1	2
3	4

.

Exercice : Essayez de créer un tableau avec les valeurs de deux fonctions en trois points donnés.

Pour faire plus

Dans l'exemple suivant, on définit un style de division pour faire un fond au théorème :

.thm {
		margin: 0% 8% 0% 8%;
		width: 80%;
		padding: 2%;
		background-color: #E8E4D8;
		}

Il vaut mieux définir la largeur (width) de façon relative avec un pourcentage. Le margin donne la répartiion des marges entre la couleur et le reste. Le  padding indique la marge intérieure à la couleur de fond. Evidemment, le total 2m+w+2p doit faire 100 %.

Dans une balise

<div style="
  margin: 0% 2% 0% 2%;
  width: 94%;
  padding: 2%;
  background-color: #CCFFCC;
">

Dans un document wims.

Dans une classe

Dans style sheet css, vous pouvez ne rien choisir (----), choisir la feuille associer au thème (-thème-). Vous pouvez aussi définir votre style dans la dernière case, par exemple :

.intro {
  margin: 0% 2% 0% 2%;
  width: 94%;
  padding: 2%;
  background-color: #CCFFCC;
}

Vous devez alors choisir class dans style sheet css.

Alors pour définir un fond de couleur pour les introductions de feuilles, il suffira de rédiger le message ainsi :

<div class="intro"> Apprenez votre cours avant de faire les exercices !</div>

  \(2*e_2)
  \(4+-1*x+1*y)
  \(3 4)
  \([1,2;3,4])
  \(e_1 + 3 e_2)
  \(\int_0^x  (x^4+x^2) dx)
  \(\frac{1}{x^2+1})
  \(\vec{e_1})
  \(\sqrt{2})
  \(\sqrt[3]{2})

• pour un angle : \(\widehat{ABC}) donne
• pour un vecteur : \(\ vec u ) donne
• pour une flèche plus longue : \(\overrightarrow{AB}) donne
• pour faire de crochets : \(\lbrack -5,+5 \rbrack) donne

Commandes de mise en forme

La commande \embed permet de mettre en plusieurs endroits le même contenu (par exemple l'énoncé d'un théorème) en éditant un seul bloc.

Différents plis

  \comment{Ca marche !}

Insertion d'une image (jpeg,gif,png), d'un fichier PDF, d'un document audio ...

    <a href="\filedir/jentilez.jpg">jentilez.jpg</a>
    <img src="\filedir/myfile.jpg"> 

    <img style="border: 2px solid blue; width: 80%;"alt="image"src="\filedir/image.jpg"> 

Pour tester, vous devez d'abord refermer le document, puis le rouvrir.
De la même manière, vous pouvez insérer tous types de fichiers : textes, images, musiques, etc.

Un exemple simple

Le pgcd des entiers 83281 et 42057 est égal à 1.

grâce au code suivant :

 <a name=pgcd>
  \def{integer n = randint(1000..200000)}
  \def{integer m = randint(1000..200000)}
  \def{integer p = gcd(\n , \m)}
  Le pgcd des entiers \n et \m est égal à \p.
  \reload{Recommencez}{pgcd}

Définition d'une variable.

  \def{integer a =  8}

Programmation

 
   \for{i = 1 to 10}{ \i , }

   \def{ text n = randitem( exercice, exercices) }
   \if{\n issametext exercice}{Un}{Des}\n
 

   \reload{<img src = "gifs/doc/etoile.gif" alt = "rechargez" width = "20" height = "20">}

• Il est commode d'éditer son document dans son éditeur préféré puis de le copier dans la fenêtre d'édition WIMS pour tester l'effet. Le travail est plus confortable et vous en gardez une copie.
• Evitez les pages trop longues, quitte à les faire grossir à l'aide des plis (\fold). Les écrans ne sont pas tous très grands. Le lecteur peut déplier ou replier les remarques, les digressions, les solutions...
  Les grandes pages avec TeX mettent un certain temps à sortir.
• Pensez à l'option sup = parent en plus de précédent et suivant (par défaut, il est sur main). C'est en fait extrêmement commode pour gérer des "chapitres" et des tables des matières de chapitres.
• Pensez à la version imprimable, même si elle ne peut être parfaite (elle permet de détecter les erreurs de syntaxe css ou html : si le fond devient bleu à partir d'un certain temps ou se met à devenir de plus en plus étroit ...) Vérifiez par exemple qu'elle prend bien toutes les pages, qu'il n'y a pas d'orphelin et que l'ordre est à peu près correct.
• Lisez les parties 3, 4 et 9 de l'Aide.