Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>Trouver un projet d&#39;application web — 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/20070506-trouver-un-projet-d-application-web">
  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">Trouver un projet d&#39;application web</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <img src="/static/david/biologeek/images/logos/web20.png" alt="vignette" style="float:left; margin: 0.5em 1em;" property="schema:thumbnailUrl" />
  45. <p>Vous étudiez l'évolution du web depuis quelques anées et vous vous dites qu'il serait intéressant de participer pleinement à son essor&nbsp;? Il est grand temps de se jeter à l'eau. Voici quelques étapes pour imaginer et définir votre application web.</p>
  46. <h2>Définir le but</h2>
  47. <p>C'est certainement la première question à se poser&nbsp;: <strong>pourquoi vouloir créer une n-ième application web ?</strong> Ce but est différent selon les personnes, en voici une liste non exhaustive&nbsp;:</p>
  48. <ul>
  49. <li><strong>lucratif</strong>&nbsp;: il s'agit de s'en mettre plein les poches ou au moins de ne pas être déficitaire. C'est relativement difficile actuellement et on se demande toujours quel est le business model de certaines des application web 2.0&nbsp;;</li>
  50. <li><strong>renommée</strong>&nbsp;: se faire mousser&nbsp;? Pas vraiment, c'est plutôt pour se faire connaître, cela peut-être une stratégie de carrière ou un moyen de lancer avec succès une autre activité en parallèle&nbsp;;</li>
  51. <li><strong>expérience</strong>&nbsp;: il n'y a qu'en étant en conditions réelles que l'on peut véritablement progresser sur certains plans. Cela permet aussi de découvrir les avantages et les inconvénients de certaines technologies&nbsp;;</li>
  52. <li><strong>personnel</strong>&nbsp;: vous avez un besoin qui n'est pas encore comblé et comme vous êtes un geek vous vous dites que ça prend une après-midi et que ça pourrait servir à d'autres.</li>
  53. </ul>
  54. <p>Il y en a de nombreux autres et <strong>c'est souvent une somme de ces raisons qui peut vous décider</strong>&nbsp;: vous rêvez d'avoir telle application qui vous permette d'accroître votre expérience et votre renommée pour pourquoi pas la rendre rentable au bout d'un certain temps si vous voyez qu'il y a un nombre important de personnes intéressées ;-).</p>
  55. <h2>Analyser les besoins</h2>
  56. <p>Voici quelques uns des besoins actuels et les solutions actuelles qui leurs sont associées (encore une fois il doit en manquer pas mal...), il n'y a pas vraiment d'ordre défini et je ne mets que quelques exemples, l'objectif est avant tout de se faire une idée avec un certain recul&nbsp;:</p>
  57. <ul>
  58. <li><strong>échange</strong>&nbsp;: mail, forum, messagerie instantannée&nbsp;;</li>
  59. <li><strong>rencontre</strong>&nbsp;: meetic, doodle&nbsp;;</li>
  60. <li><strong>identité</strong>&nbsp;: cv, openid, viadeo&nbsp;;</li>
  61. <li><strong>information</strong>&nbsp;: google, netvibes&nbsp;;</li>
  62. <li><strong>contact</strong>&nbsp;: carnet d'adresses, copaing&nbsp;;</li>
  63. <li><strong>participation</strong>&nbsp;: wiki, commentaires, votes&nbsp;;</li>
  64. <li><strong>publication</strong>&nbsp;: blogs, flickr, youtube&nbsp;;</li>
  65. <li><strong>vente</strong>&nbsp;: ebay, comparateurs, magasin en ligne&nbsp;;</li>
  66. <li><strong>divertissement</strong>&nbsp;: jeux en ligne, pr0n&nbsp;;</li>
  67. <li><strong>travail</strong>&nbsp;: veille techno, analyse concurrence, highrise&nbsp;;</li>
  68. <li><strong>gestion du temps</strong>&nbsp;: calendrier, gtd&nbsp;;</li>
  69. <li><strong>déplacement</strong>&nbsp;: ratp/sncf, google maps, mappy&nbsp;;</li>
  70. <li><strong>hébergement</strong>&nbsp;: sauvegarde, serveurs.</li>
  71. </ul>
  72. <p>On remarque que chacun des domaines comporte déjà des leaders qu'il va être difficile de détrôner. Mais est-ce que l'ensemble des besoins utilisateurs sont vraiment couverts&nbsp;? Comment faire la différence face à ces rouleaux compresseurs&nbsp;?</p>
  73. <h2>Stratégie à adopter</h2>
  74. <p>La stratégie va essentiellement dépendre de votre taille.</p>
  75. <p>Si vous êtes de taille à affronter un Google ou un Yahoo! qui sont dans une <strong>stratégie militaire d'écrasement de l'adversaire</strong> (parfois grâce à des alliances comme Google/Apple ou à des fusions comme l'éventuel rachat de Yahoo! par Microsoft). Bon courage, vous en apprendrez sûrement plus en consultant votre services stratégie ;-).</p>
  76. <p>Si vous êtes de taille moyenne, <strong>focalisez-vous sur un seul domaine</strong> comme le fait 37signals avec le monde professionnel par exemple.</p>
  77. <p>Mais si vous êtes en train de lire ce billet, vous n'êtes pas dans ce cas là, vous êtes tout petit. Comment lutter lorsque l'on est en position d'infériorité&nbsp;? Tout simplement en restreignant la cible, c'est-à-dire <strong>en attaquant une toute petite niche d'utilisateurs</strong>. Mais attention, une fois que votre idée aura montré son intérêt, vous allez avoir tous les gros aux trousses et cela va demander d'avoir toujours une longueur d'avance sur ces entreprises qui ont une force de frappe beaucoup plus importante que la votre...</p>
  78. <h2>L'innovation est la clé</h2>
  79. <h3>Miser sur la proximité</h3>
  80. <p>C'est une façon de diminuer drastiquement la concurrence. <strong>Concentrez-vous sur votre ville, votre région</strong>. Le nombre d'utilisateurs potentiellement intéressés n'est pas énorme, rien à voir avec une portée mondiale, mais avez-vous réellement besoins d'autant d'utilisateurs&nbsp;? Il faut parfois commencer petit et cela nécessite moins de développements dans un premier temps par exemple...</p>
  81. <h3>Simplifier</h3>
  82. <p>Malgré le saut ergonomique que les applications web ont fait ces dernières années, il est encore possible de simplifier grandement certaines d'entre elles et il ne faut pas oublier que les générations sachant utiliser basiquement un ordinateur vont bientôt arriver à la retraite. Ne prenez pas des jours et des jours à ajouter une fonctionnalité hype, concentrez-vous sur le cœur de votre application. <strong>Vos utilisateurs ne seront pas forcément des geeks</strong>.</p>
  83. <h3>Mashuper</h3>
  84. <p>Là où avant on utilisait des bibliothèques pour ne pas réinventer la roue en programmation, aujourd'hui on <em>mashupe</em> en se servant d'une application tierce pour réaliser une application précise. Plus besoin de développer votre propre moteur de streaming pour intégrer de la vidéo dans votre application, utilisez l'api de youtube et le tour est joué. <strong>Le développement agile et rapide c'est aussi savoir se servir des ressources existantes !</strong></p>
  85. <h3>Sonder</h3>
  86. <p>Les utilisateurs sont prêts à participer, à vous aider. <strong>Sollicitez-les en demandant leur avis, c'est généralement du gagnant-gagnant</strong>&nbsp;: vous faites une étude de besoin sur votre application à moindres coûts et ils ont au final le service tel qu'ils le rêvaient. Cerise sur le gâteau, il est possible que certains utilisent des services concurrents dont vous n'avez jamais entendu parler...</p>
  87. <h2>Prochainement...</h2>
  88. <p>Bon ça y est, vous avez votre idée qui va révolutionner le monde&nbsp;? En tout cas, c'est mon cas, prochaine étape&nbsp;: mise en place du projet.</p>
  89. </div>
  90. </article>
  91. <footer>
  92. <h6 property="schema:datePublished">— 06/05/2007</h6>
  93. </footer>
  94. </section>
  95. <section>
  96. <div>
  97. <h3>Articles peut-être en rapport</h3>
  98. <ul>
  99. <li><a href="/david/biologeek/archives/20091202-discussions-sur-les-applications-web-libres/" title="Accès à ★ Discussions sur les applications web libres">★ Discussions sur les applications web libres</a></li>
  100. <li><a href="/david/biologeek/archives/20090102-bilan-apres-une-annee-de-freelance/" title="Accès à ★ Bilan après une année de freelance">★ Bilan après une année de freelance</a></li>
  101. <li><a href="/david/biologeek/archives/20080907-pourquoi-avoir-peur-de-google/" title="Accès à ★ Pourquoi avoir peur de Google ?">★ Pourquoi avoir peur de Google ?</a></li>
  102. </ul>
  103. </div>
  104. </section>
  105. <section>
  106. <div id="comments">
  107. <h3>Commentaires</h3>
  108. <div class="comment" typeof="schema:UserComments">
  109. <p class="comment-meta">
  110. <span class="comment-author" property="schema:creator">Laurent - CyberSDF</span> le <span class="comment-date" property="schema:commentTime">06/05/2007</span> :
  111. </p>
  112. <div class="comment-content" property="schema:commentText">
  113. <p>J'en ai plein des idées qui vont révolutionner le monde, seulement je manque cruellement de temps (et certainement de talent en progra) pour les mettre en place... :-(</p>
  114. </div>
  115. </div>
  116. <div class="comment" typeof="schema:UserComments">
  117. <p class="comment-meta">
  118. <span class="comment-author" property="schema:creator">Nicofrand</span> le <span class="comment-date" property="schema:commentTime">06/05/2007</span> :
  119. </p>
  120. <div class="comment-content" property="schema:commentText">
  121. <p>L'innovation c'est la clé ca tout à fait d'accord mais il est vrai que ce n'est pas forcément facile à trouver... L'idée de concevoir un projet dans un cadre local n'est pas mauvaise, d'autant plus qu'en fonction du service proposé, le projet peut ensuite être étendu vers d'autres zones et ainsi devenir en pleine expansion. Idée retenue ;)</p>
  122. </div>
  123. </div>
  124. <div class="comment" typeof="schema:UserComments">
  125. <p class="comment-meta">
  126. <span class="comment-author" property="schema:creator">NiCoS</span> le <span class="comment-date" property="schema:commentTime">07/05/2007</span> :
  127. </p>
  128. <div class="comment-content" property="schema:commentText">
  129. <p>et puis sur les projets à portée local, tu peux ensuite mixer une partie online/offline (rencontrer tes utilisateurs, etc) ou bien avoir des prolongements de ton site offline (et inversement tu peux batir ton projet pour avoir une extension online d'un projet offline...)</p>
  130. </div>
  131. </div>
  132. <div class="comment" typeof="schema:UserComments">
  133. <p class="comment-meta">
  134. <span class="comment-author" property="schema:creator">loïc m.</span> le <span class="comment-date" property="schema:commentTime">07/05/2007</span> :
  135. </p>
  136. <div class="comment-content" property="schema:commentText">
  137. <p>&quot;Bon ça y est, vous avez votre idée qui va révolutionner le monde ? En tout cas, c'est mon cas, prochaine étape : mise en place du projet.&quot;<br />
  138. <br />
  139. Teasing inside ? ;) c'est quoi ton idée révolutionnaire ? :)<br />
  140. <br />
  141. Moi j'en ai une qui me rendrait service d'abord à moi-même et qui pourrai rendre service à bien des personnes. Seulement j'ai pas l'envie de me lancer dans un tel projet :p<br />
  142. Dommage pour tout le monde ^^</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">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">07/05/2007</span> :
  148. </p>
  149. <div class="comment-content" property="schema:commentText">
  150. <p>@Laurent : j'en manque aussi...<br />
  151. <br />
  152. @ux Nico : oui, miser sur la proximité peut avoir de nombreux avantages.<br />
  153. <br />
  154. @loïc m. : si je te le dis, je devrais te tuer ensuite ;-).</p>
  155. </div>
  156. </div>
  157. <div class="comment" typeof="schema:UserComments">
  158. <p class="comment-meta">
  159. <span class="comment-author" property="schema:creator">neolao</span> le <span class="comment-date" property="schema:commentTime">07/05/2007</span> :
  160. </p>
  161. <div class="comment-content" property="schema:commentText">
  162. <p>l'innovation peut se trouver dans l'évolution<br />
  163. <br />
  164. </p>
  165. </div>
  166. </div>
  167. <div class="comment" typeof="schema:UserComments">
  168. <p class="comment-meta">
  169. <span class="comment-author" property="schema:creator">riven</span> le <span class="comment-date" property="schema:commentTime">10/02/2008</span> :
  170. </p>
  171. <div class="comment-content" property="schema:commentText">
  172. <p>Si vous avez des idées je suis preneur (je vais avoir quelques mois de répit pendant mon stage...)<br />
  173. <br />
  174. Je suis d'accord avec à peu près tout ce qui a été dit dans l'article, ca méritait d'être écrit !</p>
  175. </div>
  176. </div>
  177. </div>
  178. </section>
  179. <footer>
  180. <nav>
  181. <p>
  182. <small>
  183. 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>
  184. </small>
  185. </p>
  186. </nav>
  187. </footer>
  188. </div>
  189. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  190. <script data-no-instant>InstantClick.init()</script>
  191. </body>
  192. </html>