Subversion Repositories wimsdev

Rev

Rev 15107 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 15107 Rev 17348
Line 1... Line 1...
1 
<h2>Les fonctionalités de l'éditeur interactif (disponible dans le mode brut de Createxo)</h2>
 1 
<h2>Les fonctionalités de l'éditeur interactif (disponible dans le mode brut de Createxo)</h2>
2 
<div class="container">
 2 
<div class="container">
3 
  <h4> Menu horizontal : <img src="gifs/editor/help/menu_fr.png" alt="Copie d'ecran du menu horizontal" /></h4>
 3 
  <h4> Menu horizontal : <img src="gifs/editor/help/menu_fr.png" alt="Copie d'ecran du menu horizontal"></h4>
4 
  <div class="content">
 4 
  <div class="content">
5 
    <p> Le menu horizontal contient des boutons de mise en page (HTML), d'autres qui permettent d'insérer les instructions Wims les plus fréquenteset enfin  un bouton qui affiche l'aide que vous lisez.</p>
 5 
    <p> Le menu horizontal contient des boutons de mise en page (HTML), d'autres qui permettent d'insérer les instructions Wims les plus fréquenteset enfin  un bouton qui affiche l'aide que vous lisez.</p>
6 
    <p> Le premier groupe de boutons permet d'insérer des balises HTML de mise en page. Par exemple on sélectionne un mot, on clique sur le bouton <span class="editor_button">I</span> et le mot sélectionné sera entouré de la manière suivante&nbsp;:</p>
 6 
    <p> Le premier groupe de boutons permet d'insérer des balises HTML de mise en page. Par exemple on sélectionne un mot, on clique sur le bouton <span class="editor_button">I</span> et le mot sélectionné sera entouré de la manière suivante&nbsp;:</p>
7 
    <p><code><em> &lt;em&gt;</em>le mot sélectionné<em>&lt;/em&gt;</em></code>.</p>
 7 
    <p><code><em> &lt;em&gt;</em>le mot sélectionné<em>&lt;/em&gt;</em></code>.</p>
8 
    <p>Ce qui aura pour effet d'afficher le mot sélectionné en italiques.</p>
 8 
    <p>Ce qui aura pour effet d'afficher le mot sélectionné en italiques.</p>
9 
    <p> Les autres boutons sont plus spécifiques au language OEF de WIMS, et sont regroupés en trois parties : avant, pendant, après&nbsp;: </p>
 9 
    <p> Les autres boutons sont plus spécifiques au language OEF de WIMS, et sont regroupés en trois parties : avant, pendant, après&nbsp;: </p>
10 
    <ul>
 10 
    <ul>
11 
      <li><strong>Avant</strong> - Les instructions de cette partie s'exécutent avant le chargement de l'exercice. Ces instructions concernent généralement les métadonnées de l'exercice, comme son titre, le format d'affichage.<br />
 11 
      <li><strong>Avant</strong> - Les instructions de cette partie s'exécutent avant le chargement de l'exercice. Ces instructions concernent généralement les métadonnées de l'exercice, comme son titre, le format d'affichage.<br>
12 
      </li>
 12 
      </li>
13 
      <li><strong>Pendant</strong> - La deuxième partie permet de gérer les affichages sur l'écran depuis le début de l'énoncé jusqu'à ce que l'utilisateur ait entré toutes ses réponses.<br />
 13 
      <li><strong>Pendant</strong> - La deuxième partie permet de gérer les affichages sur l'écran depuis le début de l'énoncé jusqu'à ce que l'utilisateur ait entré toutes ses réponses.<br>
14 
      </li>
 14 
      </li>
15 
      <li><strong>Après</strong> - La troisième partie permet d'analyser les réponses de l'utilisateur.</li>
 15 
      <li><strong>Après</strong> - La troisième partie permet d'analyser les réponses de l'utilisateur.</li>
16 
    </ul>
 16 
    </ul>
17 
  </div>
 17 
  </div>
18 
</div>
 18 
</div>
19 
<div class="_spacer"><br/>
 19 
<div class="_spacer"><br>
20 
</div>
 20 
</div>
21 
<div class="container">
 21 
<div class="container">
22 
  <h4>Liste des instructions</h4>
 22 
  <h4>Liste des instructions</h4>
23 
  <img src="gifs/editor/help/instruction_list_fr.png" alt="Copie d'ecran de la liste des instructions" style="float:left;margin-right:1em;" />
 23 
  <img src="gifs/editor/help/instruction_list_fr.png" alt="Copie d'ecran de la liste des instructions" style="float:left;margin-right:1em;">
24 
  <div class="content">
 24 
  <div class="content">
25 
    <p>La liste des instructions contient l'intégralité des instructions du langage OEF.</p>
 25 
    <p>La liste des instructions contient l'intégralité des instructions du langage OEF.</p>
26 
    <p>Elle a trois fonctionnalités : insertion, documentation, auto complétion :</p>
 26 
    <p>Elle a trois fonctionnalités : insertion, documentation, auto complétion :</p>
27 
    <ul>
 27 
    <ul>
28 
      <li> <strong>Insertion</strong> - On peut insérer des instructions de la liste en double cliquant ou via le bouton <em>insérer la sélection</em>.</li>
 28 
      <li> <strong>Insertion</strong> - On peut insérer des instructions de la liste en double cliquant ou via le bouton <em>insérer la sélection</em>.</li>
Line 30... Line 30...
30 
      <li> <strong>Auto complétion</strong> - Les instructions wims et latex commencent par un antislash. Quand l'utilisateur commence à écrire une instruction, l'éditeur détecte cette action et propose un certain nombre de choix. Par exemple on tape <em>\a</em> et dans la liste des instructions s'affichent toutes les instructions qui commence par la lettre <em>a</em>. Avec un  simple clic, on affiche l'aide de l'instruction selectionnée. En double cliquant, l'éditeur complète ce qu'on vient de taper.</li>
 30 
      <li> <strong>Auto complétion</strong> - Les instructions wims et latex commencent par un antislash. Quand l'utilisateur commence à écrire une instruction, l'éditeur détecte cette action et propose un certain nombre de choix. Par exemple on tape <em>\a</em> et dans la liste des instructions s'affichent toutes les instructions qui commence par la lettre <em>a</em>. Avec un  simple clic, on affiche l'aide de l'instruction selectionnée. En double cliquant, l'éditeur complète ce qu'on vient de taper.</li>
31 
    </ul>
 31 
    </ul>
32 
    <div class="_spacer"></div>
 32 
    <div class="_spacer"></div>
33 
  </div>
 33 
  </div>
34 
</div>
 34 
</div>
35 
<div class="_spacer"><br/>
 35 
<div class="_spacer"><br>
36 
</div>
 36 
</div>