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>