travail sur chapitres supplémentaires

tutoanki/docs/Champs-éditables-2.md

@@ -64,12 +64,10 @@ Ce qui nous donne ceci :
 * Puisque j'étais peu inspiré et tiraillé par la faim, j'ai décidé de me rendre à la cuisine pour y chercher une collation **énergétique** qui me
 permettrait, l'espérais-je, d'être plus concentré. 
 * En chemin, j'ai vu, de mes yeux **vu**, le président de la compagnie pour laquelle je travaille – celui qui ne vient jamais au bureau sans qu'on l'annonce. J'étais inquiet. Je me suis rendu à la salle d'impression, près de la cuisine, où j'entendais parler deux de mes collègues. 
-* Ils avaient une discussion **oiseuse** sur les fonctionnalités des imprimantes –   apparemment, plusieurs imprimantes **laser** ont une fonctionnalité que la **nôtre** n'a pas. 
-* Je les ai interrompus pour leur annoncer que j'avais vu le président. Je leur ai 
-dit avec qui il était et les raisons présumées de sa présence – des
+* Ils avaient une discussion **oiseuse** sur les fonctionnalités des imprimantes –   apparemment, plusieurs imprimantes **laser** ont une fonctionnalité que la **nôtre** n'a pas. Je les ai interrompus pour leur annoncer que j'avais vu le président. 
+* Je leur ai dit avec qui il était et les raisons présumées de sa présence – des
 coupes dans le personnel, une fermeture, qui sait... Soudain, j'ai
-remarqué qu'ils me regardaient tous les deux avec un drôle d'air. 
-* J'ai alors ressenti une désagréable impression de **déjà-vu**. 
+remarqué qu'ils me regardaient tous les deux avec un drôle d'air. J'ai alors ressenti une désagréable impression de **déjà-vu**. 
 * Je me suis tourné et je me suis retrouvé, évidemment, **face à face** avec le 
 président. 
 * « C'est une visite **officieuse**, monsieur, c'est pourquoi on 
@@ -80,3 +78,187 @@ Il aurait été possible de diviser le texte différemment. J'ai essayé de divi
 
 ### Préparation du texte pour Anki
 
+* le texte découpé en «parties», une ligne par partie.
+
+* Ajout des tags qui permettent de délimiter les champs correspondants aux indices/saisies. Le format est le suivant : 
+    
+        Laissez-moi vous rapporter un récit {{c1::véridique::véritable | véridique}}.
+
+    Vous voyez que le champ est entouré par des double-accolades ; 
+
+    * c1 : correspond au numéro du champ (il peut y en avoir plusieurs et Anki les numérotte)
+    *  «::» : correspond au séparateur entre la réponse à donner et les indices, après les seconds «::».
+
+    On a donc le format suivant : 
+
+        {{numéro-du-champ::réponse::indices}}
+
+Nous allons donc préparer notre texte en incorporant ces formatages. je vais marquer en gras les champs et séparer les lignes apr une ligne blanche pour la visibilité.
+
+---
+
+Laissez-moi vous rapporter un récit **{{c1::véridique::véridique | véritable}}**.  
+
+La semaine dernière, j'étais assis à mon bureau et je **{{c1::projetais de::projetais | projetais de}}** commencer la rédaction d'un rapport important. 
+
+Puisque j'étais peu inspiré et tiraillé par la faim, j'ai décidé de me rendre à la cuisine pour y chercher une collation **{{c1::énergétique::énergisante | énergétique}}** qui me permettrait, l'espérais-je, d'être plus concentré. 
+
+En chemin, j'ai vu, de mes yeux **{{c1::vu::vu | vus}}**, le président de la compagnie pour laquelle je travaille – celui qui ne vient jamais au bureau sans qu'on l'annonce. J'étais inquiet. Je me suis rendu à la salle d'impression, près de la cuisine, où j'entendais parler deux de mes collègues. 
+
+Ils avaient une discussion **{{c1::oiseuse::oiseuse | oisive}}** sur les fonctionnalités des imprimantes –   apparemment, plusieurs imprimantes **{{c2::laser::laser | lasers}}** ont une fonctionnalité que la **{{c3::nôtre::notre | nôtre}}** n'a pas. Je les ai interrompus pour leur annoncer que j'avais vu le président. 
+
+Je leur ai dit avec qui il était et les raisons présumées de sa présence – des coupes dans le personnel, une fermeture, qui sait... Soudain, j'ai remarqué qu'ils me regardaient tous les deux avec un drôle d'air. J'ai alors ressenti une désagréable impression de **{{c1::déjà-vu::déjà vu | déjà-vu}}**. 
+
+Je me suis tourné et je me suis retrouvé, évidemment, **{{c1::face à face::face-à-face | face à face}}** avec le président. 
+
+« C'est une visite **{{c1::officieuse::officielle | officieuse}}**, monsieur, c'est pourquoi on ne l'a pas annoncée. Arrêtez de vous en faire », me dit-il. Et il est parti. Ces choses n'arrivent qu'à moi...
+
+---
+
+![étape 87](Images/image-103.png)
+
+### Importation du fichier
+
+* créer un paquet
+
+    ![étape 88](Images/image-104.png)
+
+    ![étape 89](Images/image-105.png)
+
+* importer en faisant attention au type de note associée (fiches à trous)
+
+   ![étape 90](Images/image-106.png)
+
+   ![étape 91](Images/image-107.png)
+
+   ![étape 92](Images/image-108.png)
+
+   Attention, ici vous voyez que le séparateur de champ est erroné : il est mis à «:» mais dout être mis à «\t» qui correspond à une tabulation.
+
+   ![étape 93](Images/image-109.png)
+
+   ![étape 94](Images/image-110.png)
+
+   ![étape 95](Images/image-111.png)
+
+   ![étape 96](Images/image-112.png)
+
+   ![étape 97](Images/image-113.png)
+
+   ![étape 98](Images/image-114.png)
+
+   ![étape 99](Images/image-115.png)
+
+   ![étape 100](Images/image-116.png)
+
+* tester (avec une réponse correcte puis une réponse éronnée)
+
+    ![étape 101](Images/image-117.png)
+
+    ![étape 102](Images/image-118.png)
+
+    ![étape 103](Images/image-119.png)
+
+    ![étape 104](Images/image-120.png)
+
+    ![étape 105](Images/image-121.png)
+
+
+### Un peu d'amélioration esthétique 
+
+Nous allons un peu personnaliser nos cartes pour les rendre plus attractives.
+
+![étape 106](Images/image-122.png)
+
+![étape 107](Images/image-123.png)
+
+![étape 108](Images/image-124.png)
+
+* recto
+        <div class=tags> Pile: {{Deck}} </div>
+
+        <div class="cadre">
+
+        {{cloze:Texte}}
+
+        <div class="réponse">{{type:cloze:Texte}}</div>
+
+        </div>
+        
+* style
+
+        .card {
+        font-family: arial;
+        font-size: 20px;
+        text-align: center;
+        color: black;
+        background-color: bisque;
+        }
+
+        .cloze {
+        font-weight: bold;
+        font-size: 30px;
+        color: blue;
+        margin: 15px;
+        padding: 20px;
+        }
+        .nightMode .cloze {
+        color: lightblue;
+        }
+
+        .tags {color:gray;text-align:right;font-size:12pt;padding:15px;}
+
+
+
+        .réponse {
+            font-size: 35px;
+            color: blue;
+            margin: 50px;
+            padding: 20px;
+        }
+
+        .fond {
+            background-color: lightgrey;
+        }
+
+        .cadre {
+            border-radius: 15px;
+                border: 1px solid red;
+            margin: 15px;
+            padding: 20px;
+        }
+
+        .centre {
+            text-align: left;
+        }
+
+* verso
+        <div class="cadre">
+
+            {{cloze:Texte}}
+        
+        </div>
+
+        <br>
+
+
+        <div class="cadre">
+
+            {{Extra}}
+
+            {{type:cloze:Texte}}
+
+        </div>
+
+Voilà le résultat : 
+
+![étape 109](Images/image-125.png)
+
+![étape 110](Images/image-126.png)
+
+![étape 111](Images/image-127.png)
+
+![étape 112](Images/image-128.png)
+
+![étape 113](Images/image-129.png)
+

tutoanki/site/Champs-éditables-2/index.html

@@ -66,6 +66,22 @@
                     <li class="toctree-l1"><a class="reference internal" href="../Champs-%C3%A9ditables-1/">Champs éditables «partie 1»</a>
                     </li>
                     <li class="toctree-l1 current"><a class="reference internal current" href="./">Champs éditables «partie 2»</a>
+    <ul class="current">
+    <li class="toctree-l2"><a class="reference internal" href="#le-fichier">Le fichier</a>
+        <ul>
+    <li class="toctree-l3"><a class="reference internal" href="#le-texte-original">Le texte original</a>
+    </li>
+    <li class="toctree-l3"><a class="reference internal" href="#preparation-du-texte">Préparation du texte</a>
+    </li>
+    <li class="toctree-l3"><a class="reference internal" href="#preparation-du-texte-pour-anki">Préparation du texte pour Anki</a>
+    </li>
+    <li class="toctree-l3"><a class="reference internal" href="#importation-du-fichier">Importation du fichier</a>
+    </li>
+    <li class="toctree-l3"><a class="reference internal" href="#un-peu-damelioration-esthetique">Un peu d'amélioration esthétique</a>
+    </li>
+        </ul>
+    </li>
+    </ul>
                     </li>
                 </ul>
       </div>
@@ -104,7 +120,218 @@
           <div role="main">
             <div class="section">
               
-                
+                <h1 id="les-textes-a-trous">Les textes à trous</h1>
+<p>Le principe des textes à trous est bien connu :  une phrase avec un trou à remplir et un indice de ce qu'il faut entrer.</p>
+<p>Par exemple, travail sur les articles, on a la phrase suivante </p>
+<pre><code>««la maison est sur la colline»
+</code></pre>
+<p>On veut que l'étudiant trouve l'article qui va avec «colline»</p>
+<p>La phrase à trous devient :</p>
+<pre><code>««la maison est sur ?? colline»
+</code></pre>
+<p>Et l'indice serait : «saisissez l'article qui correpond à <strong>colline</strong>» dans cette phrase.</p>
+<p>C'est juste un exemple. Il est possible d'avoir plusieurs trous dans la phrase. Nous verrons cela dans une deuxième partie.</p>
+<h2 id="le-fichier">Le fichier</h2>
+<h3 id="le-texte-original">Le texte original</h3>
+<p>Nous allons partir d'un texte exemple récupéré sur un <a href="https://www.oqlf.gouv.qc.ca/ressources/auto_eval/dictee_trou/tat_20100610.aspx">site pédagogique</a>.</p>
+<p>Voici le contenu du texte : </p>
+<hr />
+<p>Rencontre fortuite</p>
+<p>Laissez-moi vous rapporter un récit <strong>véridique</strong>. La semaine dernière, j'étais
+assis à mon bureau et je <strong>projetais</strong> de commencer la rédaction d'un rapport
+important. Puisque j'étais peu inspiré et tiraillé par la faim, j'ai décidé
+de me rendre à la cuisine pour y chercher une collation <strong>énergétique</strong> qui me
+permettrait, l'espérais-je, d'être plus concentré. En chemin, j'ai vu, de mes
+yeux <strong>vu</strong>, le président de la compagnie pour laquelle je travaille – celui qui
+ne vient jamais au bureau sans qu'on l'annonce. J'étais inquiet. Je me suis
+rendu à la salle d'impression, près de la cuisine, où j'entendais parler
+deux de mes collègues. Ils avaient une discussion <strong>oiseuse</strong> sur les
+fonctionnalités des imprimantes – apparemment, plusieurs imprimantes
+<strong>laser</strong> ont une fonctionnalité que la <strong>nôtre</strong> n'a pas. Je les ai 
+interrompus pour leur annoncer que j'avais vu le président. Je leur ai 
+dit avec qui il était et les raisons présumées de sa présence – des
+coupes dans le personnel, une fermeture, qui sait... Soudain, j'ai
+remarqué qu'ils me regardaient tous les deux avec un drôle d'air. 
+J'ai alors ressenti une désagréable impression de <strong>déjà-vu</strong>. Je me suis 
+tourné et je me suis retrouvé, évidemment, <strong>face à face</strong> avec le 
+président. « C'est une visite <strong>officieuse</strong>, monsieur, c'est pourquoi on 
+ne l'a pas annoncée. Arrêtez de vous en faire », me dit-il. Et il est 
+parti. Ces choses n'arrivent qu'à moi...</p>
+<hr />
+<p>Vous voyez en gras les parties qui feront l'objet de l'exercice; vous aurez à entrer la bonne réponse. Un choix est proposé, et il faudra taper le bon!</p>
+<h3 id="preparation-du-texte">Préparation du texte</h3>
+<p>Il faut commencer à diviser le texte en parties.</p>
+<p>Ce qui nous donne ceci : </p>
+<ul>
+<li>Laissez-moi vous rapporter un récit <strong>véridique</strong>.  </li>
+<li>La semaine dernière, j'étais assis à mon bureau et je <strong>projetais</strong> de commencer la rédaction d'un rapport important. </li>
+<li>Puisque j'étais peu inspiré et tiraillé par la faim, j'ai décidé de me rendre à la cuisine pour y chercher une collation <strong>énergétique</strong> qui me
+permettrait, l'espérais-je, d'être plus concentré. </li>
+<li>En chemin, j'ai vu, de mes yeux <strong>vu</strong>, le président de la compagnie pour laquelle je travaille – celui qui ne vient jamais au bureau sans qu'on l'annonce. J'étais inquiet. Je me suis rendu à la salle d'impression, près de la cuisine, où j'entendais parler deux de mes collègues. </li>
+<li>Ils avaient une discussion <strong>oiseuse</strong> sur les fonctionnalités des imprimantes –   apparemment, plusieurs imprimantes <strong>laser</strong> ont une fonctionnalité que la <strong>nôtre</strong> n'a pas. Je les ai interrompus pour leur annoncer que j'avais vu le président. </li>
+<li>Je leur ai dit avec qui il était et les raisons présumées de sa présence – des
+coupes dans le personnel, une fermeture, qui sait... Soudain, j'ai
+remarqué qu'ils me regardaient tous les deux avec un drôle d'air. J'ai alors ressenti une désagréable impression de <strong>déjà-vu</strong>. </li>
+<li>Je me suis tourné et je me suis retrouvé, évidemment, <strong>face à face</strong> avec le 
+président. </li>
+<li>« C'est une visite <strong>officieuse</strong>, monsieur, c'est pourquoi on 
+ne l'a pas annoncée. Arrêtez de vous en faire », me dit-il. Et il est 
+parti. Ces choses n'arrivent qu'à moi...</li>
+</ul>
+<p>Il aurait été possible de diviser le texte différemment. J'ai essayé de diviser de telle façon que chauqe partie n'ait qu'une seule question. Mais vous voyez qu'une phrase a 3 trous. Anki générera 3 cartes différentes, avec pour chaque carte, une question. Le titre pourra être le titre de l'exercice (paquet.)</p>
+<h3 id="preparation-du-texte-pour-anki">Préparation du texte pour Anki</h3>
+<ul>
+<li>
+<p>le texte découpé en «parties», une ligne par partie.</p>
+</li>
+<li>
+<p>Ajout des tags qui permettent de délimiter les champs correspondants aux indices/saisies. Le format est le suivant : </p>
+<pre><code>Laissez-moi vous rapporter un récit {{c1::véridique::véritable | véridique}}.
+</code></pre>
+<p>Vous voyez que le champ est entouré par des double-accolades ; </p>
+<ul>
+<li>c1 : correspond au numéro du champ (il peut y en avoir plusieurs et Anki les numérotte)</li>
+<li>«::» : correspond au séparateur entre la réponse à donner et les indices, après les seconds «::».</li>
+</ul>
+<p>On a donc le format suivant : </p>
+<pre><code>{{numéro-du-champ::réponse::indices}}
+</code></pre>
+</li>
+</ul>
+<p>Nous allons donc préparer notre texte en incorporant ces formatages. je vais marquer en gras les champs et séparer les lignes apr une ligne blanche pour la visibilité.</p>
+<hr />
+<p>Laissez-moi vous rapporter un récit <strong>{{c1::véridique::véridique | véritable}}</strong>.  </p>
+<p>La semaine dernière, j'étais assis à mon bureau et je <strong>{{c1::projetais de::projetais | projetais de}}</strong> commencer la rédaction d'un rapport important. </p>
+<p>Puisque j'étais peu inspiré et tiraillé par la faim, j'ai décidé de me rendre à la cuisine pour y chercher une collation <strong>{{c1::énergétique::énergisante | énergétique}}</strong> qui me permettrait, l'espérais-je, d'être plus concentré. </p>
+<p>En chemin, j'ai vu, de mes yeux <strong>{{c1::vu::vu | vus}}</strong>, le président de la compagnie pour laquelle je travaille – celui qui ne vient jamais au bureau sans qu'on l'annonce. J'étais inquiet. Je me suis rendu à la salle d'impression, près de la cuisine, où j'entendais parler deux de mes collègues. </p>
+<p>Ils avaient une discussion <strong>{{c1::oiseuse::oiseuse | oisive}}</strong> sur les fonctionnalités des imprimantes –   apparemment, plusieurs imprimantes <strong>{{c2::laser::laser | lasers}}</strong> ont une fonctionnalité que la <strong>{{c3::nôtre::notre | nôtre}}</strong> n'a pas. Je les ai interrompus pour leur annoncer que j'avais vu le président. </p>
+<p>Je leur ai dit avec qui il était et les raisons présumées de sa présence – des coupes dans le personnel, une fermeture, qui sait... Soudain, j'ai remarqué qu'ils me regardaient tous les deux avec un drôle d'air. J'ai alors ressenti une désagréable impression de <strong>{{c1::déjà-vu::déjà vu | déjà-vu}}</strong>. </p>
+<p>Je me suis tourné et je me suis retrouvé, évidemment, <strong>{{c1::face à face::face-à-face | face à face}}</strong> avec le président. </p>
+<p>« C'est une visite <strong>{{c1::officieuse::officielle | officieuse}}</strong>, monsieur, c'est pourquoi on ne l'a pas annoncée. Arrêtez de vous en faire », me dit-il. Et il est parti. Ces choses n'arrivent qu'à moi...</p>
+<hr />
+<p><img alt="étape 87" src="../Images/image-103.png" /></p>
+<h3 id="importation-du-fichier">Importation du fichier</h3>
+<ul>
+<li>
+<p>créer un paquet</p>
+<p><img alt="étape 88" src="../Images/image-104.png" /></p>
+<p><img alt="étape 89" src="../Images/image-105.png" /></p>
+</li>
+<li>
+<p>importer en faisant attention au type de note associée (fiches à trous)</p>
+</li>
+</ul>
+<p><img alt="étape 90" src="../Images/image-106.png" /></p>
+<p><img alt="étape 91" src="../Images/image-107.png" /></p>
+<p><img alt="étape 92" src="../Images/image-108.png" /></p>
+<p>Attention, ici vous voyez que le séparateur de champ est erroné : il est mis à «:» mais dout être mis à «\t» qui correspond à une tabulation.</p>
+<p><img alt="étape 93" src="Images/image-109.png" /></p>
+<p><img alt="étape 94" src="../Images/image-110.png" /></p>
+<p><img alt="étape 95" src="../Images/image-111.png" /></p>
+<p><img alt="étape 96" src="../Images/image-112.png" /></p>
+<p><img alt="étape 97" src="../Images/image-113.png" /></p>
+<p><img alt="étape 98" src="../Images/image-114.png" /></p>
+<p><img alt="étape 99" src="../Images/image-115.png" /></p>
+<p><img alt="étape 100" src="../Images/image-116.png" /></p>
+<ul>
+<li>
+<p>tester (avec une réponse correcte puis une réponse éronnée)</p>
+<p><img alt="étape 101" src="../Images/image-117.png" /></p>
+<p><img alt="étape 102" src="../Images/image-118.png" /></p>
+<p><img alt="étape 103" src="../Images/image-119.png" /></p>
+<p><img alt="étape 104" src="../Images/image-120.png" /></p>
+<p><img alt="étape 105" src="../Images/image-121.png" /></p>
+</li>
+</ul>
+<h3 id="un-peu-damelioration-esthetique">Un peu d'amélioration esthétique</h3>
+<p>Nous allons un peu personnaliser nos cartes pour les rendre plus attractives.</p>
+<p><img alt="étape 106" src="../Images/image-122.png" /></p>
+<p><img alt="étape 107" src="../Images/image-123.png" /></p>
+<p><img alt="étape 108" src="../Images/image-124.png" /></p>
+<ul>
+<li>
+<p>recto
+        <div class=tags> Pile: {{Deck}} </div></p>
+<pre><code>&lt;div class="cadre"&gt;
+
+{{cloze:Texte}}
+
+&lt;div class="réponse"&gt;{{type:cloze:Texte}}&lt;/div&gt;
+
+&lt;/div&gt;
+</code></pre>
+</li>
+<li>
+<p>style</p>
+<pre><code>.card {
+font-family: arial;
+font-size: 20px;
+text-align: center;
+color: black;
+background-color: bisque;
+}
+
+.cloze {
+font-weight: bold;
+font-size: 30px;
+color: blue;
+margin: 15px;
+padding: 20px;
+}
+.nightMode .cloze {
+color: lightblue;
+}
+
+.tags {color:gray;text-align:right;font-size:12pt;padding:15px;}
+
+.réponse {
+    font-size: 35px;
+    color: blue;
+    margin: 50px;
+    padding: 20px;
+}
+
+.fond {
+    background-color: lightgrey;
+}
+
+.cadre {
+    border-radius: 15px;
+        border: 1px solid red;
+    margin: 15px;
+    padding: 20px;
+}
+
+.centre {
+    text-align: left;
+}
+</code></pre>
+</li>
+<li>
+<p>verso
+        <div class="cadre"></p>
+<pre><code>    {{cloze:Texte}}
+
+&lt;/div&gt;
+
+&lt;br&gt;
+
+&lt;div class="cadre"&gt;
+
+    {{Extra}}
+
+    {{type:cloze:Texte}}
+
+&lt;/div&gt;
+</code></pre>
+</li>
+</ul>
+<p>Voilà le résultat : </p>
+<p><img alt="étape 109" src="../Images/image-125.png" /></p>
+<p><img alt="étape 110" src="../Images/image-126.png" /></p>
+<p><img alt="étape 111" src="../Images/image-127.png" /></p>
+<p><img alt="étape 112" src="../Images/image-128.png" /></p>
+<p><img alt="étape 113" src="../Images/image-129.png" /></p>
               
             </div>
           </div>

tutoanki/site/sitemap.xml

@@ -1,43 +1,43 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><url>
      <loc>None</loc>
-     <lastmod>2021-04-14</lastmod>
+     <lastmod>2021-04-15</lastmod>
      <changefreq>daily</changefreq>
     </url><url>
      <loc>None</loc>
-     <lastmod>2021-04-14</lastmod>
+     <lastmod>2021-04-15</lastmod>
      <changefreq>daily</changefreq>
     </url><url>
      <loc>None</loc>
-     <lastmod>2021-04-14</lastmod>
+     <lastmod>2021-04-15</lastmod>
      <changefreq>daily</changefreq>
     </url><url>
      <loc>None</loc>
-     <lastmod>2021-04-14</lastmod>
+     <lastmod>2021-04-15</lastmod>
      <changefreq>daily</changefreq>
     </url><url>
      <loc>None</loc>
-     <lastmod>2021-04-14</lastmod>
+     <lastmod>2021-04-15</lastmod>
      <changefreq>daily</changefreq>
     </url><url>
      <loc>None</loc>
-     <lastmod>2021-04-14</lastmod>
+     <lastmod>2021-04-15</lastmod>
      <changefreq>daily</changefreq>
     </url><url>
      <loc>None</loc>
-     <lastmod>2021-04-14</lastmod>
+     <lastmod>2021-04-15</lastmod>
      <changefreq>daily</changefreq>
     </url><url>
      <loc>None</loc>
-     <lastmod>2021-04-14</lastmod>
+     <lastmod>2021-04-15</lastmod>
      <changefreq>daily</changefreq>
     </url><url>
      <loc>None</loc>
-     <lastmod>2021-04-14</lastmod>
+     <lastmod>2021-04-15</lastmod>
      <changefreq>daily</changefreq>
     </url><url>
      <loc>None</loc>
-     <lastmod>2021-04-14</lastmod>
+     <lastmod>2021-04-15</lastmod>
      <changefreq>daily</changefreq>
     </url>
 </urlset>