index.html 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  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. <li class="toctree-l1"><a class="reference internal" href="../Champs-%C3%A9ditables-1/">Champs éditables «partie 1»</a>
  64. </li>
  65. <li class="toctree-l1"><a class="reference internal" href="../Champs-%C3%A9ditables-2/">Champs éditables «partie 2»</a>
  66. </li>
  67. </ul>
  68. </div>
  69. </div>
  70. </nav>
  71. <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
  72. <nav class="wy-nav-top" role="navigation" aria-label="top navigation">
  73. <i data-toggle="wy-nav-top" class="fa fa-bars"></i>
  74. <a href="..">Les Tutoriels du Yojik</a>
  75. </nav>
  76. <div class="wy-nav-content">
  77. <div class="rst-content">
  78. <div role="navigation" aria-label="breadcrumbs navigation">
  79. <ul class="wy-breadcrumbs">
  80. <li><a href="..">Docs</a> &raquo;</li>
  81. <li>Tutoriel Anki &raquo;</li>
  82. <li>Complétion</li>
  83. <li class="wy-breadcrumbs-aside">
  84. </li>
  85. </ul>
  86. <hr/>
  87. </div>
  88. <div role="main">
  89. <div class="section">
  90. <h1 id="completion-de-notre-premiere-lecon-de-japonais">Complétion de notre première leçon de japonais</h1>
  91. <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>
  92. <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>
  93. <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>
  94. <h2 id="les-fichiers-des-hiraganas-et-kanas">Les fichiers des hiraganas et kanas.</h2>
  95. <p>Voici les tableaux des Hiragana et Kataka : </p>
  96. <p><img alt="étape 36" src="../Images/image-44.png" /></p>
  97. <p><img alt="étape 37" src="../Images/image-45.png" /></p>
  98. <h2 id="decoupage-en-lecons-elementaires">Découpage en leçons élémentaires</h2>
  99. <p>Je vais découper mes tableaux en lignes. Chaque leçon contiendra donc au maximum 5 kanas.</p>
  100. <p>Il sera bien sûr possible d'étudier un tableau complet ou les 2 tableaux ensemble.</p>
  101. <ul>
  102. <li>Hiragana (tous les fichiers individuels ainsi que le fichier complet): <a href="../Ressources/hiragana.zip">hiragana</a></li>
  103. <li>katana (tous les fichiers individuels ainsi que le fichier complet): <a href="../Ressources/hiragana.zip">katana</a></li>
  104. </ul>
  105. <h2 id="creation-de-nos-lecons-sur-anki">Création de nos leçons sur Anki</h2>
  106. <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>
  107. <pre><code>japonais::leçon-1::hiragana::partie-1
  108. japonais::leçon-1::hiragana::partie-2
  109. japonais::leçon-1::hiragana::partie-3
  110. japonais::leçon-1::hiragana::partie-4
  111. japonais::leçon-1::hiragana::partie-5
  112. japonais::leçon-1::hiragana::partie-6
  113. japonais::leçon-1::hiragana::partie-7
  114. japonais::leçon-1::hiragana::partie-8
  115. japonais::leçon-1::hiragana::partie-9
  116. japonais::leçon-1::hiragana::partie-10
  117. japonais::leçon-2::katakana::partie-1
  118. japonais::leçon-2::katakana::partie-2
  119. japonais::leçon-2::katakana::partie-3
  120. japonais::leçon-2::katakana::partie-4
  121. japonais::leçon-2::katakana::partie-5
  122. japonais::leçon-2::katakana::partie-6
  123. japonais::leçon-2::katakana::partie-7
  124. japonais::leçon-2::katakana::partie-8
  125. japonais::leçon-2::katakana::partie-9
  126. japonais::leçon-2::katakana::partie-10
  127. Voilà le résultat :
  128. </code></pre>
  129. <p><img alt="étape 38" src="../Images/image-46.png" /></p>
  130. <p>Alors, voilà ce que nous pouvons constater avec cette méthode :</p>
  131. <ul>
  132. <li>c'est un gros travail de découper nos leçons en petits fichiers</li>
  133. <li>Anki se plaint du trop grand nombre de paquets!</li>
  134. </ul>
  135. <p>La solution à ce problème viendra avec le marquage (tag) de chaque carte. Nous verrons cela au chapitre suivant.</p>
  136. <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>
  137. <p>Voici une capture d'écran après import des fichiers individuels (hiragana.)</p>
  138. <p><img alt="étape 39" src="../Images/image-47.png" /></p>
  139. </div>
  140. </div>
  141. <footer>
  142. <div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
  143. <a href="../Nouvelle-approche/" class="btn btn-neutral float-right" title="Nouvelle approche">Next <span class="icon icon-circle-arrow-right"></span></a>
  144. <a href="../Cartes/" class="btn btn-neutral" title="Les cartes"><span class="icon icon-circle-arrow-left"></span> Previous</a>
  145. </div>
  146. <hr/>
  147. <div role="contentinfo">
  148. <!-- Copyright etc -->
  149. </div>
  150. 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>.
  151. </footer>
  152. </div>
  153. </div>
  154. </section>
  155. </div>
  156. <div class="rst-versions" role="note" aria-label="versions">
  157. <span class="rst-current-version" data-toggle="rst-current-version">
  158. <span><a href="../Cartes/" style="color: #fcfcfc;">&laquo; Previous</a></span>
  159. <span style="margin-left: 15px"><a href="../Nouvelle-approche/" style="color: #fcfcfc">Next &raquo;</a></span>
  160. </span>
  161. </div>
  162. <script>var base_url = '..';</script>
  163. <script src="../js/theme.js" defer></script>
  164. <script src="../search/main.js" defer></script>
  165. <script defer>
  166. window.onload = function () {
  167. SphinxRtdTheme.Navigation.enable(true);
  168. };
  169. </script>
  170. </body>
  171. </html>