Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

index.html 22KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>37signals : ce qu&#39;ils ont appris — Biologeek — David Larlet</title>
  7. <!-- Define a viewport to mobile devices to use - telling the browser to assume that the page is as wide as the device (width=device-width) and setting the initial page zoom level to be 1 (initial-scale=1.0) -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  9. <!-- Fake favicon, to avoid extra request to the server -->
  10. <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  11. <link type="application/atom+xml" rel="alternate" title="Feed" href="/david/log/" />
  12. <link rel="manifest" href="/manifest.json">
  13. <link rel="stylesheet" href="/static/david/css/larlet-david-_J6Rv.css" data-instant-track />
  14. <noscript>
  15. <style type="text/css">
  16. /* Otherwise fonts are loaded by JS for faster initial rendering. See scripts at the bottom. */
  17. body {
  18. font-family: 'EquityTextB', serif;
  19. }
  20. h1, h2, h3, h4, h5, h6, time, nav a, nav a:link, nav a:visited {
  21. font-family: 'EquityCapsB', sans-serif;
  22. font-variant: normal;
  23. }
  24. </style>
  25. </noscript>
  26. <!-- Canonical URL for SEO purposes -->
  27. <link rel="canonical" href="https://larlet.fr/david/biologeek/archives/20081104-37signals-ce-quils-ont-appris">
  28. </head>
  29. <body>
  30. <div>
  31. <header>
  32. <nav>
  33. <p>
  34. <small>
  35. Je suis <a href="/david/" title="Profil public">David Larlet</a>, <a href="/david/pro/" title="Activité professionnelle">artisan</a> du web qui vous <a href="/david/pro/accompagnement/" title="Activité d’accompagnement">accompagne</a><span class="more-infos"> dans l’acquisition de savoirs pour concevoir des <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">produits essentiels</a></span>. <span class="more-more-infos">Discutons ensemble d’une <a href="/david/pro/devis/" title="En savoir plus">non-demande de devis</a>.</span> Je partage ici mes <a href="/david/blog/" title="Expériences bienveillantes">réflexions</a> et <a href="/david/correspondances/2017/" title="Lettres hebdomadaires">correspondances</a>.
  36. </small>
  37. </p>
  38. </nav>
  39. </header>
  40. <section>
  41. <h1 property="schema:name">37signals : ce qu&#39;ils ont appris</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <img src="/static/david/biologeek/images/logos/jason_fried_37signals.png" alt="vignette" style="float:left; margin: 0.5em 1em;" property="schema:thumbnailUrl" />
  45. <p>Traduction des <a href="http://www.krisjordan.com/2008/09/17/jason-fried-10-things-weve-learned-at-37signals/">conseils recueillis par Kris Jordan</a> et issus de la Web 2.0 Expo où Jason Fried donnait une conférence intitulée <em>Things We’ve Learned at 37signals</em>. Beaucoup de bon sens au final mais qu'il est bon de rappeler et de relire lorsqu'on a la tête dans le guidon. Il faudra peut-être que j'écrive mon <a href="https://gettingreal.37signals.com/">Getting Real</a> un de ces 4 car il y a certaines bonnes pratiques qui méritent à mon avis d'être diffusées.</p>
  46. <h2>Restez passionné</h2>
  47. <p>Toucher à tout est extrêmement important. Surtout pour le moral. La plupart des projets sont vraiment passionnants au début puis perdent de leur intérêt et s'éteignent. Les projets longs vous consument de l'intérieur, vous ne cherchez plus à bien faire les choses mais juste à les finir et ça se termine mal. Créez des situations pour lesquelles les projets sont courts et il y a de la passion, un projet de 2 semaines laisse les participants en mode excitation. Découpez les gros projets en autant de petits projets. La règle des 2 semaines.</p>
  48. <h2>Oubliez les plannings</h2>
  49. <p>À 37signals on ne fait pas de roadmaps, spécifications ou projections. On a bien des idées en interne mais elles ne sont pas partagées avec l'extérieur. Même en interne, elles ne sont pas gravées dans le marbre ou écrite. Pensez à ce que vous faites actuellement et peut-être à ce qui va arriver juste après. Si vous faites trop de prédictions, les choses changent. Ne vous contraignez pas à des décisions que vous avez faites 10 ans plus tôt. On ne maintient pas de documentation sur le design ou des spécifications fonctionnelles qui ne permettent pas d'aller de l'avant. Des specs contiennent des milliers de oui-oui. Elles donnent une illusion d'accord. Chacun peut lire le même paragraphe et penser être d'accord à tort. Ne faites pas des projections comme les projections financières.</p>
  50. <h2>Tordez le cou aux abstractions</h2>
  51. <p>Concentrez vous à ce qui est réel maintenant. Pas sur quelque chose qui ne représente pas la réalité. Le concret. C'est ce qui est le plus important. Ne vous inquiétez pas de ce que vous devriez faire.</p>
  52. <h2>Les décisions sont temporaires</h2>
  53. <p>Les entreprises sont bien souvent paralysées par des grandes décisions qu'elles pensent être définitives. Elles pensent que ce qui est décidé aujourd'hui sera toujours le cas. À 37signals, on travaille 4 jours par semaine et on s'offre des activités qui nous intéressent. On a posté ça sur notre blog et on a eu des commentaires « vous êtes géniaux ». 37signals a 12 employés à cette heure. La moitié à Chicago et l'autre moitié dans d'autres villes. Si nous devons changer, nous changerons. Ça peut évoluer mais pour le moment ça marche. Optimisez pour l'instant présent. Ne vous inquiétez pas trop de ce qui va arriver. Concentrez vous sur l'instant présent.</p>
  54. <h2>Les mots-alerte</h2>
  55. <p>Nous tchatons beaucoup et de nombreuses communications passent par l'écrit. Le plus nous collaborons et le plus nous utilisons certains mots. Des mots qui n'apparaissent pas tout de suite comme étant dangereux : « doit », « ne peut pas », « tout le monde », « facile », « personne ». « On a besoin de cette fonctionnalité ». Beaucoup de besoins mais peu de nécessités. Lorsque vous en arrivez à une situation où tout le monde à des besoins, l'animosité arrive aussi. « Ne peut pas » est à l'opposée, « Je ne peux pas faire ceci avant que tu n'aies fait cela », la vérité c'est que vous pourriez sûrement. Vous allez peut-être le faire mais il est plus probable que non. « Facile » est un mot que vous employez pour décrire le boulot des autres. C'est très présomptueux. Prenez garde à ces mots-alerte. « Tout le mode » et « personne » sont des mots pour bâcler des décisions.</p>
  56. <h2>L'interruption est l'ennemi de la productivité</h2>
  57. <p>Lorsque Jason et DHH travaillaient éloignés l'un de l'autre, ils étaient hyper productifs. Lorsque DHH a déménagé à Chicago ils faisaient beaucoup moins de choses. La proximité invite à la collaboration. Interruptions : une tape sur l'épaule avec une question, les réunions imposées, appeler quelqu'un, « jette un œil à ça ! », téléphones, etc. La journée de travail a été découpée en moments de travail. La plupart des gens arrivent à travailler le matin ou le soir. Il n'y a pas plus de travail aujourd'hui mais il y a moins de temps dans la journée. Une journée fragmentée n'est pas une journée productive. Stratégie : le jeudi, personne ne parle aux autres. Collaboration passive au lieu d'une collaboration active. Si quelqu'un est occupé, il est possible de mettre quelque chose de côté et d'y revenir lorsque c'est possible. Les interruptions vous pourrissent la vie.</p>
  58. <h2>Concentrez vous sur ce qui ne change pas</h2>
  59. <p>La technologie et le business des logiciels semblent obsédés par ce qui évolue. Il y a toujours des nouveaux trucs. Nouveaux langages et frameworks. Concentrez-vous sur ce qui ne change pas et pensez aux choses qui sont importantes aujourd'hui et le seront dans 10 ans. La rapidité est une composante importante de nos produits, dans 10 ans nos clients voudront toujours que ce soit rapide. On aurait pu faire une appli Facebook ou rendre les choses plus rapide - on a donc opté pour la rapidité. Investissez dans ce qui ne change pas, vos compétiteurs continueront à traquer la nouveauté.</p>
  60. <h2>Focalisez vous sur l'essentiel</h2>
  61. <p>Se faire du soucis pour les choses qui ne sont pas encore importantes arrive tout le temps dans le business car les gens s'intéressent aux choses qui ne sont pas encore arrivées. Lorsque vous êtes un designer et travaillez sur les idées initiales, Jason a trouvé qu'il était plus facile de faire des maquettes avec un feutre plutôt qu'un stylo. Avec un feutre vous ne pouvez pas vous occuper des détails. Vous ne devez pas vous inquiéter de ça trop tôt. Ne passez pas des jours sur des maquettes, passez quelques minutes. Les finitions sont importantes mais il ne faut pas s'attarder là-dessus à ce moment là. Plus un produit met de temps à être développé moins il y a de chance qu'il sorte.</p>
  62. <h2>Faites moins</h2>
  63. <p>Il y a une guerre froide dans le monde des logiciels où chacun doit faire plus que son prochain. S'ils dépensent X, vous devez dépenser XX. C'est comme une course à l'armement. Il est très coûteux et très difficile de gagner une guerre froide. Il n'y a généralement qu'un seul gagnant et les autres meurent. Faites moins. Créez un produit plus simple. Ciblez la non-consommation. Il y a un groupe de gens appelés les non-consommateurs qui veulent être consommateurs mais, pour une raison particulière, n'en sont pas capable à cause du prix ou de la complexité. Le problème c'est que les entreprises visent le haut. Beaucoup de personnes développent des logiciels pour le bureau, n'essayant pas de rivaliser avec Excel, mais quelque chose de beaucoup plus simple. Résolvez les problèmes les plus simples car les gros qui ont plein d'argent ne vont même pas se soucier de vous - vous attaquez un marché qu'ils ont déjà délaissé.</p>
  64. <h2>Trouvez la bonne taille</h2>
  65. <p>Il y a deux choses qui ne s'arrêtent jamais de croître : le business et les tumeurs. Grossir, grossir, grossir uniquement pour grossir. Il est mieux de trouver la bonne taille pour votre entreprise. Si vous faites quelques millions ou quelques centaines de milliers de dollars par an, vous êtes vraiment sur la bonne voie. Si vous voulez croître rapidement et avancer à pas de géants, vous pouvez louper la bonne taille. Découvrez-la en expérimentant. Maverick Ricardo Semler a un bon exemple : l'université d'Oxford est l'une des meilleures universités du monde. Pourquoi est-ce qu'il n'y en a pas plus alors ? Car l'université qui existe a la bonne taille.</p>
  66. <h2>Suivez les Chefs</h2>
  67. <p>Lagasse, Batali, Flay, Child, Oliver. Ce qu'ils font c'est enseigner, partager, sans avoir peur de leurs concurrents. Ils sont là à dire « regarde, je suis un chef, je vais vous donner tous mes secrets, les voici ». Ils ne sont pas effrayés à l'idée de les dévoiler et aiment apprendre aux autres. Ils n'ont pas peur que quelqu'un s'empare de leurs idées et crée un restaurant juste à côté d'eux. Pensez à ce qu'est votre livre de recettes, pour 37signals c'est Getting Real. Dans le monde du business, on nous pose souvent la question « pourquoi parlez vous de ça, vous ne pensez pas que vos concurrents vont s'en servir ? ». Oubliez ça et transmettez votre message. Une entreprise est chanceuse si elle a des clients, vraiment chanceuse si elle a des fans, incroyablement chanceuse si elle a un public qui vient voir ce que vous dites au quotidien.</p>
  68. <h2>Posez vous des questions</h2>
  69. <p>« Pourquoi faisons nous cela ? », « Quel problème résolvons nous ? », « Est-ce que quelque chose ne va pas ? », « Ajoutons-nous de la valeur ? », « Est-ce utile ou juste cool ? ». Chaque chose que vous ajoutez à votre produit dilue tout le reste. « Est-ce que ça va changer le comportement ? », « Existe-t-il une manière plus simple de faire ? » La manière facile est probablement bien suffisante.</p>
  70. <h2>Renoncez aux problème difficiles</h2>
  71. <p>Il n'y a aucun remords à être fainéant. Il y a pléthore de problèmes faciles qui ne demandent qu'à être résolus. Ceux qui sont complexes seront probablement mieux entre les mains de vos compétiteurs. Résolvez un ensemble de problèmes simples. La plupart des problèmes de gens sont simples et vous pourrez probablement en résoudre 10 dans le mois plutôt qu'un seul en 10 mois.</p>
  72. <h2>Travaillez moins</h2>
  73. <p>Cette industrie est pleine de personnes qui travaillent trop. À 37signals, on a découvert qu'en travaillant moins, on travaille mieux. 32 heures contre 40 a montré que le travail est d'aussi bonne qualité et les personnes concernées sont plus heureuses. Les gens sont plus motivés et frais lorsqu'ils reviennent le lundi. Une bonne partie de la semaine est faite de choses qui n'ont pas vraiment d'importance.</p>
  74. </div>
  75. </article>
  76. <footer>
  77. <h6 property="schema:datePublished">— 04/11/2008</h6>
  78. </footer>
  79. </section>
  80. <section>
  81. <div>
  82. <h3>Articles peut-être en rapport</h3>
  83. <ul>
  84. <li><a href="/david/biologeek/archives/20081209-choisissez-votre-avenir/" title="Accès à ★ Choisissez votre avenir">★ Choisissez votre avenir</a></li>
  85. <li><a href="/david/biologeek/archives/20080701-critique-du-livre-presentation-zen/" title="Accès à Critique du livre Presentation Zen">Critique du livre Presentation Zen</a></li>
  86. <li><a href="/david/biologeek/archives/20080613-artiste-qui-sommeille-en-chaque-geek/" title="Accès à ★ L&#39;artiste qui sommeille en chaque geek">★ L&#39;artiste qui sommeille en chaque geek</a></li>
  87. </ul>
  88. </div>
  89. </section>
  90. <section>
  91. <div id="comments">
  92. <h3>Commentaires</h3>
  93. <div class="comment" typeof="schema:UserComments">
  94. <p class="comment-meta">
  95. <span class="comment-author" property="schema:creator">Kevin</span> le <span class="comment-date" property="schema:commentTime">04/11/2008</span> :
  96. </p>
  97. <div class="comment-content" property="schema:commentText">
  98. <p>J&#39;ai la chance d&#39;être encore étudiant et d&#39;avoir pu découvrir Getting Real avant de me lancer dans la vie professionnelle.</p>
  99. <p>J&#39;ai lu ce livre cet été, en même temps que mon premier stage dans une boîte de services web, et ça m&#39;a ouvert les yeux. Les conseils et les idées offerts par ce bouquin sont vraiment intéressants.</p>
  100. <p>À lire absolument, donc.</p>
  101. </div>
  102. </div>
  103. <div class="comment" typeof="schema:UserComments">
  104. <p class="comment-meta">
  105. <span class="comment-author" property="schema:creator">Christian Fauré</span> le <span class="comment-date" property="schema:commentTime">04/11/2008</span> :
  106. </p>
  107. <div class="comment-content" property="schema:commentText">
  108. <p>Le dernier conseil est le meilleur :-)</p>
  109. </div>
  110. </div>
  111. <div class="comment" typeof="schema:UserComments">
  112. <p class="comment-meta">
  113. <span class="comment-author" property="schema:creator">NiCoS</span> le <span class="comment-date" property="schema:commentTime">04/11/2008</span> :
  114. </p>
  115. <div class="comment-content" property="schema:commentText">
  116. <p>... mais difficile à mettre en place, surtout en France où pour certains projets, on fait bosser les gens nuit et week-end inclus jusqu&#39;à ce que le projet sorte.</p>
  117. <p>Avoir une logique KISS, n&#39;est-ce pas un problème difficile auquel il faut renoncer et dès lors monter des usines à gaz ? Heureusement qu&#39;il faut faire simple et moins... :-P</p>
  118. <p>Pfff pas gagné cette histoire et pas si évident que cela à appliquer... mais faut s&#39;en inspirer.</p>
  119. <p></p>
  120. </div>
  121. </div>
  122. <div class="comment" typeof="schema:UserComments">
  123. <p class="comment-meta">
  124. <span class="comment-author" property="schema:creator">Geoffrey</span> le <span class="comment-date" property="schema:commentTime">04/11/2008</span> :
  125. </p>
  126. <div class="comment-content" property="schema:commentText">
  127. <p>Petite typo dans &quot;Trouvez la bonne taille&quot;:</p>
  128. <p>&quot;vous pouvoir louper la bonne taille.&quot;</p>
  129. <p>Sinon oui, getting real c&#39;est très très bien, même si la pagination n&#39;est pas synchro avec la table des matières (enfin dans mon exemplaire au moins :p)</p>
  130. <p>Autre bouquin à conseiller: rules for revolutionaries, de guy kawasaki (en cours de lecture pour ma part)</p>
  131. <p><a href="http://www.guykawasaki.com/books/rules.shtml">http://www.guykawasaki.com/books/rules.shtml</a></p>
  132. </div>
  133. </div>
  134. <div class="comment" typeof="schema:UserComments">
  135. <p class="comment-meta">
  136. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">04/11/2008</span> :
  137. </p>
  138. <div class="comment-content" property="schema:commentText">
  139. <p>@Kevin : oui, c&#39;est clairement un livre de référence.</p>
  140. <p>@Christian Fauré : je suis mal placé pour commenter je crois ;-)</p>
  141. <p>@NiCoS : je rencontre de plus en plus de personnes sensibles à ce message de simplicité, c&#39;est encourageant même s&#39;il faut souvent passer par l&#39;échec pour l&#39;accepter...</p>
  142. <p>@Geoffrey : merci c&#39;est corrigé. Je commande ce livre de ce pas !</p>
  143. </div>
  144. </div>
  145. <div class="comment" typeof="schema:UserComments">
  146. <p class="comment-meta">
  147. <span class="comment-author" property="schema:creator">Olivier</span> le <span class="comment-date" property="schema:commentTime">04/11/2008</span> :
  148. </p>
  149. <div class="comment-content" property="schema:commentText">
  150. <p>Encore une fois, 37 signals nous livre leur expérience, tellement agile ;)</p>
  151. <p>Du pragmatisme à revendre, grandiose.</p>
  152. <p>Après, lorsque nous avons affaire à des personnes qui sont aux antipodes de ce mode de travail, cela en devient presque démotivant pour soi-même - la conduite de changement risque d&#39;être longue.</p>
  153. </div>
  154. </div>
  155. <div class="comment" typeof="schema:UserComments">
  156. <p class="comment-meta">
  157. <span class="comment-author" property="schema:creator">Pierre</span> le <span class="comment-date" property="schema:commentTime">04/11/2008</span> :
  158. </p>
  159. <div class="comment-content" property="schema:commentText">
  160. <p>Whoo, merci de partager cet article et sa traduction française ! J&#39;étais passé à côté et c&#39;est bigrement plein de bon sens ! Le genre d&#39;entreprise dans lequel tout le monde rêve de bosser, en somme...</p>
  161. <p>Le coup de la semaine de quatre jours, c&#39;est génial ! Combien de fois, le vendredi, je me suis dit « raaah, vivement ce soir que je sois en week-end ! », et où du coup j&#39;étais bizarrement nettement moins productif que d&#39;habitude...</p>
  162. <p>Si tu as un peu de temps pour l&#39;écrire, j&#39;aimerais bien lire ta version de Getting Real ;)</p>
  163. </div>
  164. </div>
  165. <div class="comment" typeof="schema:UserComments">
  166. <p class="comment-meta">
  167. <span class="comment-author" property="schema:creator">NiCoS</span> le <span class="comment-date" property="schema:commentTime">04/11/2008</span> :
  168. </p>
  169. <div class="comment-content" property="schema:commentText">
  170. <p>@Pierre : oui mais si tu termines le jeudi, tu risques de te dire pareil le jeudi matin et ainsi de suite ;-)</p>
  171. <p>@David : oui, tout comme la tendance vers moins de forfait et plus de régie maitrisée vu les résultats déplorables de certains forfaits...</p>
  172. </div>
  173. </div>
  174. <div class="comment" typeof="schema:UserComments">
  175. <p class="comment-meta">
  176. <span class="comment-author" property="schema:creator">DePassage</span> le <span class="comment-date" property="schema:commentTime">05/11/2008</span> :
  177. </p>
  178. <div class="comment-content" property="schema:commentText">
  179. <p>Donc pour atteindre la productivité maximale, il faut juste vouloir aller bosser le lundi matin :p</p>
  180. <p>Je vais en parler à mon chef :)</p>
  181. <p>Sérieusement, je suis content, car c&#39;est toujours ce que je tente d&#39;appliquer &quot;globalement&quot;, simplifier les projets, travailler par petits modules, ne pas trop manger :)</p>
  182. </div>
  183. </div>
  184. <div class="comment" typeof="schema:UserComments">
  185. <p class="comment-meta">
  186. <span class="comment-author" property="schema:creator">tenshu</span> le <span class="comment-date" property="schema:commentTime">05/11/2008</span> :
  187. </p>
  188. <div class="comment-content" property="schema:commentText">
  189. <p>FWD: <a href="mailto:nicolas.sarkozy@elysee.fr.gov">nicolas.sarkozy@elysee.fr.gov</a></p>
  190. <p>&quot;32 heures contre 40 a montré que le travail est d&#39;aussi bonne qualité et les personnes concernées sont plus heureuses&quot;</p>
  191. <p>--<br />La France d&#39;en bas, les travailleurs pauvres et les autres.</p>
  192. </div>
  193. </div>
  194. <div class="comment" typeof="schema:UserComments">
  195. <p class="comment-meta">
  196. <span class="comment-author" property="schema:creator">fredix</span> le <span class="comment-date" property="schema:commentTime">08/11/2008</span> :
  197. </p>
  198. <div class="comment-content" property="schema:commentText">
  199. <p>37Signals c&#39;est vraiment une boite de rêve ...</p>
  200. </div>
  201. </div>
  202. <div class="comment" typeof="schema:UserComments">
  203. <p class="comment-meta">
  204. <span class="comment-author" property="schema:creator">Opi</span> le <span class="comment-date" property="schema:commentTime">25/11/2008</span> :
  205. </p>
  206. <div class="comment-content" property="schema:commentText">
  207. <p>J&#39;ai pu bosser dans une boite où le patron a accepté ma demande &quot;32h au lieu de 37h&quot;.<br />Rien à redire, si ce n&#39;est que j&#39;etais mieux, et que je bossais mieux.</p>
  208. <p>Le progres, c&#39;est ça, c&#39;est pas les 3/8 !</p>
  209. </div>
  210. </div>
  211. </div>
  212. </section>
  213. <footer>
  214. <nav>
  215. <p>
  216. <small>
  217. Je réponds quasiment toujours aux <a href="m&#x61;ilto:d&#x61;vid%40l&#x61;rlet&#46;fr" title="Envoyer un email">emails</a> (<a href="/david/signature/" title="Ma signature actuelle avec possibilité de chiffrement">signés</a>) et vous pouvez me rencontrer à Montréal. <span class="more-infos">N’hésitez pas à <a href="/david/log/" title="Être tenu informé des mises à jour">vous abonner</a> pour être tenu informé des publications récentes.</span>
  218. </small>
  219. </p>
  220. </nav>
  221. </footer>
  222. </div>
  223. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  224. <script data-no-instant>InstantClick.init()</script>
  225. </body>
  226. </html>