index.html 8.5 KB

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