index.html 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. <!DOCTYPE html>
  2. <!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]-->
  3. <!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <link rel="shortcut icon" href="../img/favicon.ico">
  9. <title>Complétion - Les Tutoriels du Yojik</title>
  10. <link rel="stylesheet" href="../css/theme.css" />
  11. <link rel="stylesheet" href="../css/theme_extra.css" />
  12. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/github.min.css" />
  13. <script>
  14. // Current page data
  15. var mkdocs_page_name = "Compl\u00e9tion";
  16. var mkdocs_page_input_path = "Compl\u00e9tion.md";
  17. var mkdocs_page_url = null;
  18. </script>
  19. <script src="../js/jquery-2.1.1.min.js" defer></script>
  20. <script src="../js/modernizr-2.8.3.min.js" defer></script>
  21. <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
  22. <script>hljs.initHighlightingOnLoad();</script>
  23. </head>
  24. <body class="wy-body-for-nav" role="document">
  25. <div class="wy-grid-for-nav">
  26. <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
  27. <div class="wy-side-scroll">
  28. <div class="wy-side-nav-search">
  29. <a href=".." class="icon icon-home"> Les Tutoriels du Yojik</a>
  30. <div role="search">
  31. <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
  32. <input type="text" name="q" placeholder="Search docs" title="Type search term here" />
  33. </form>
  34. </div>
  35. </div>
  36. <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
  37. <p class="caption"><span class="caption-text">Tutoriel Anki</span></p>
  38. <ul class="current">
  39. <li class="toctree-l1"><a class="reference internal" href="..">Introduction</a>
  40. </li>
  41. <li class="toctree-l1"><a class="reference internal" href="../Installation/">Installation</a>
  42. </li>
  43. <li class="toctree-l1"><a class="reference internal" href="../Les-fiches/">Les fiches</a>
  44. </li>
  45. <li class="toctree-l1"><a class="reference internal" href="../Premi%C3%A8re-utilisation/">Premières utilisations et impressions</a>
  46. </li>
  47. <li class="toctree-l1"><a class="reference internal" href="../Personnalisation/">Personnalisation</a>
  48. </li>
  49. <li class="toctree-l1"><a class="reference internal" href="../Cartes/">Les cartes</a>
  50. </li>
  51. <li class="toctree-l1 current"><a class="reference internal current" href="./">Complétion</a>
  52. <ul class="current">
  53. <li class="toctree-l2"><a class="reference internal" href="#les-fichiers-des-hiraganas-et-kanas">Les fichiers des hiraganas et kanas.</a>
  54. </li>
  55. <li class="toctree-l2"><a class="reference internal" href="#decoupage-en-lecons-elementaires">Découpage en leçons élémentaires</a>
  56. </li>
  57. <li class="toctree-l2"><a class="reference internal" href="#creation-de-nos-lecons-sur-anki">Création de nos leçons sur Anki</a>
  58. </li>
  59. </ul>
  60. </li>
  61. <li class="toctree-l1"><a class="reference internal" href="../Nouvelle-approche/">Nouvelle approche</a>
  62. </li>
  63. </ul>
  64. </div>
  65. </div>
  66. </nav>
  67. <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
  68. <nav class="wy-nav-top" role="navigation" aria-label="top navigation">
  69. <i data-toggle="wy-nav-top" class="fa fa-bars"></i>
  70. <a href="..">Les Tutoriels du Yojik</a>
  71. </nav>
  72. <div class="wy-nav-content">
  73. <div class="rst-content">
  74. <div role="navigation" aria-label="breadcrumbs navigation">
  75. <ul class="wy-breadcrumbs">
  76. <li><a href="..">Docs</a> &raquo;</li>
  77. <li>Tutoriel Anki &raquo;</li>
  78. <li>Complétion</li>
  79. <li class="wy-breadcrumbs-aside">
  80. </li>
  81. </ul>
  82. <hr/>
  83. </div>
  84. <div role="main">
  85. <div class="section">
  86. <h1 id="completion-de-notre-premiere-lecon-de-japonais">Complétion de notre première leçon de japonais</h1>
  87. <p>Nous allons terminer l'implémentation de nos premières leçons de japonais, améliorant par là l'esthétique -nous introduirons d'autres tags CSS- et en ajoutant le reste des tableaux hiragana et katakana.</p>
  88. <p>Je vous donnerai les liens vers le paquet Anki (Deck en anglais) fini (c'est ainsi que l'on nomme les ensembles tout prêts de Anki.)</p>
  89. <p>Nous verrons au chapitre suivant une autre manière plus «Anki-ènne» de gérer nos listes dans les paquets, en introduisant la notion de «tag» associé à chaque carte.</p>
  90. <h2 id="les-fichiers-des-hiraganas-et-kanas">Les fichiers des hiraganas et kanas.</h2>
  91. <p>Voici les tableaux des Hiragana et Kataka : </p>
  92. <p><img alt="étape 36" src="../Images/image-44.png" /></p>
  93. <p><img alt="étape 37" src="../Images/image-45.png" /></p>
  94. <h2 id="decoupage-en-lecons-elementaires">Découpage en leçons élémentaires</h2>
  95. <p>Je vais découper mes tableaux en lignes. Chaque leçon contiendra donc au maximum 5 kanas.</p>
  96. <p>Il sera bien sûr possible d'étudier un tableau complet ou les 2 tableaux ensemble.</p>
  97. <ul>
  98. <li>Hiragana (tous les fichiers individuels ainsi que le fichier complet): <a href="../Ressources/hiragana.zip">hiragana</a></li>
  99. <li>katana (tous les fichiers individuels ainsi que le fichier complet): <a href="../Ressources/hiragana.zip">katana</a></li>
  100. </ul>
  101. <h2 id="creation-de-nos-lecons-sur-anki">Création de nos leçons sur Anki</h2>
  102. <p>Nous allons procéder comme avant, ce qui nous donnera l'arboresence suivante (vous noterez que j'ai corrigé les dénominations : katakana et hiragana sans «s») : </p>
  103. <pre><code>japonais::leçon-1::hiragana::partie-1
  104. japonais::leçon-1::hiragana::partie-2
  105. japonais::leçon-1::hiragana::partie-3
  106. japonais::leçon-1::hiragana::partie-4
  107. japonais::leçon-1::hiragana::partie-5
  108. japonais::leçon-1::hiragana::partie-6
  109. japonais::leçon-1::hiragana::partie-7
  110. japonais::leçon-1::hiragana::partie-8
  111. japonais::leçon-1::hiragana::partie-9
  112. japonais::leçon-1::hiragana::partie-10
  113. japonais::leçon-2::katakana::partie-1
  114. japonais::leçon-2::katakana::partie-2
  115. japonais::leçon-2::katakana::partie-3
  116. japonais::leçon-2::katakana::partie-4
  117. japonais::leçon-2::katakana::partie-5
  118. japonais::leçon-2::katakana::partie-6
  119. japonais::leçon-2::katakana::partie-7
  120. japonais::leçon-2::katakana::partie-8
  121. japonais::leçon-2::katakana::partie-9
  122. japonais::leçon-2::katakana::partie-10
  123. Voilà le résultat :
  124. </code></pre>
  125. <p><img alt="étape 38" src="../Images/image-46.png" /></p>
  126. <p>Alors, voilà ce que nous pouvons constater avec cette méthode :</p>
  127. <ul>
  128. <li>c'est un gros travail de découper nos leçons en petits fichiers</li>
  129. <li>Anki se plaint du trop grand nombre de paquets!</li>
  130. </ul>
  131. <p>La solution à ce problème viendra avec le marquage (tag) de chaque carte. Nous verrons cela au chapitre suivant.</p>
  132. <p>Cette façon de procéder a été ma première approche de Anki ... oui, j'aurai pu lire les docs un peu plus soigneusement, mais cela a fonctionné très bien. Il y a aussi des avantages à cette façon de procéder.</p>
  133. <p>Voici une capture d'écran après import des fichiers individuels (hiragana.)</p>
  134. <p><img alt="étape 39" src="../Images/image-47.png" /></p>
  135. </div>
  136. </div>
  137. <footer>
  138. <div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
  139. <a href="../Nouvelle-approche/" class="btn btn-neutral float-right" title="Nouvelle approche">Next <span class="icon icon-circle-arrow-right"></span></a>
  140. <a href="../Cartes/" class="btn btn-neutral" title="Les cartes"><span class="icon icon-circle-arrow-left"></span> Previous</a>
  141. </div>
  142. <hr/>
  143. <div role="contentinfo">
  144. <!-- Copyright etc -->
  145. </div>
  146. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
  147. </footer>
  148. </div>
  149. </div>
  150. </section>
  151. </div>
  152. <div class="rst-versions" role="note" aria-label="versions">
  153. <span class="rst-current-version" data-toggle="rst-current-version">
  154. <span><a href="../Cartes/" style="color: #fcfcfc;">&laquo; Previous</a></span>
  155. <span style="margin-left: 15px"><a href="../Nouvelle-approche/" style="color: #fcfcfc">Next &raquo;</a></span>
  156. </span>
  157. </div>
  158. <script>var base_url = '..';</script>
  159. <script src="../js/theme.js" defer></script>
  160. <script src="../search/main.js" defer></script>
  161. <script defer>
  162. window.onload = function () {
  163. SphinxRtdTheme.Navigation.enable(true);
  164. };
  165. </script>
  166. </body>
  167. </html>