Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 22KB

4 vuotta sitten
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>Retours à chaud sur Paris-Web 2009 — 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/20091012-retours-chaud-sur-paris-web-2009">
  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">Retours à chaud sur Paris-Web 2009</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <img src="/static/david/biologeek/images/logos/parisweb09.png" alt="vignette" style="float:left; margin: 0.5em 1em;" property="schema:thumbnailUrl" />
  45. <p><a href="http://www.paris-web.fr">Paris-Web</a> c'est le rendez-vous annuel des passionnés du web. L'événement (avec PyCon) que je ne peux pas louper. Cette édition était encore une fois un succès. Bref résumé de ce que j'ai vécu.</p>
  46. <h2>Conférences</h2>
  47. <p>Je suis finalement resté dans le grand amphi les 2 jours, je regarderai les vidéos qui m'intéressaient dans le petit amphi, notamment celle de Thierry Régagnon qui parlait de RDFa.</p>
  48. <h3>Intégrateurs avec Stéphane Deschamps</h3>
  49. <p>Bon résumé des frustrations que peut éprouver un intégrateur HTML/CSS et quelques pistes pour en sortir. Un peu déprimant quand même, c'est notamment pour ça que j'essaye de limiter/sous-traiter/éviter de plus en plus cette partie de la conception d'un produit web qui est très fastidieuse et peu valorisée...</p>
  50. <p>Rien à dire sur Stéphane qui est la mascotte de Paris-Web, et on l'aime pour ça :-).</p>
  51. <h3>Un seul web avec Daniel Glazman</h3>
  52. <p>Perpectives intéressantes au niveau des styles de boutons que je n'avais pas envisagées.</p>
  53. <h3>HTTP par Karl Dubost</h3>
  54. <p>Excellente métaphore qui apportait un regard d'enfant sur les conversations clients/serveurs, un peu de poésie ne fait pas de mal dans ce monde de brutes :-).</p>
  55. <p>Un exemple final un peu plus concret aurait peut-être été plus parlant aux techniciens de la salle mais je sais à quel point il est difficile de vouloir satisfaire tous les publics...</p>
  56. <h3>Pour un web ouvert avec Éric Daspet</h3>
  57. <p>Brillante explication des différences entre un site internet et un site web, je suis pas sûr que les termes soient bons mais j'ai rien trouvé de mieux pour différencier cette notion de connexion qui fait le web et les sites vitrines qui pourraient être des pdf.</p>
  58. <p>J'attendais beaucoup cette conférence et je n'ai pas été déçu, j'aurais préféré aller plus dans le détail mais ça m'arrive toujours lorsque je connais le sujet. À force de répéter ces concepts, ça finira bien par rentrer.</p>
  59. <h3>Sécurité web avec Christian Heilmann</h3>
  60. <p>Chris vient depuis 3 ans et je ne m'en lasse pas. Il a un boulot de rêve qu'il a résumé dans <a href="http://developer-evangelism.com/">son livre</a> et connait une multitude de choses qui ne diminuent en rien sa soif d'apprendre.</p>
  61. <p>Il a rappelé l'importance de la sécurité et fait la liste des failles évidentes qui sont encore trop facilement exploitables. Ça m'a d'ailleurs donné des idées pour réserver mon prochain billet de train vu la qualité de voyages-sncf ;-).</p>
  62. <h3>Agilité avec Stephanie Troeth</h3>
  63. <p>Difficile de passer le vendredi matin après la soirée/apéro. Je connais le sujet mais j'ai pourtant été captivé par cette présentation qui frôlait la perfection en terme de transmission de message.</p>
  64. <p>La qualité des orateurs de Paris-Web est une véritable leçon de transmission de savoirs et de passions. J'en ressors toujours avec plein d'idées pour mes futures interventions.</p>
  65. <h3>CSS orientées objet avec Nicole Sullivan</h3>
  66. <p>Plutôt sceptique au premier abord, j'ai remarqué que les commentaires sur Twitter étaient soit très enthousiastes, soit très réticents et une réaction aussi contrastée est révélatrice d'une idée innovante.</p>
  67. <p>Après réflexion, il y a en effet du bon à vouloir utiliser des composants réutilisables en CSS autour d'une sémantique visuelle qui pourra être distincte de la sémantique du contenu dans certains cas. Notez que Nicole évoquait des problématiques relatives aux très gros sites auxquels les amoureux de certains standards ne sont pas forcément confrontés.</p>
  68. <h3>CSS 3 avec Molly Holzschlag</h3>
  69. <p>Niveau contenu, c'était pas très intéressant <strong>pour moi</strong>, je sais déjà plus ou moins ce qu'il y a dans CSS 3. Par contre Molly est une leçon vivante en terme d'expressivité et c'est ce qui la rend si passionnante.</p>
  70. <p>J'ai eu la chance de passer 2 soirées avec Molly et c'est vraiment une personne qui <em>est</em> amour. Il me faudra un moment pour oublier les mots qu'elle a eu à mon égard lorsqu'on s'est quitté :').</p>
  71. <p>D'une manière générale, je trouve très intéressant d'inviter des personnes du W3C à Paris-Web qui brillent par leur humilité (bon à part notre exception française...) et qui contrastent énormément avec les rock stars américaines que l'on peut avoir par ailleurs dont l'ego dépasse la tour IBM.</p>
  72. <h3>Acceptation d'un produit web par Gautier Barrère et Alain Vagner</h3>
  73. <p>Exercice très très difficile auquel se sont livrés Gautier et Alain, la mise en scène a fini par marcher (après quelques hésitations au début), ce qui est loin d'être évident dans cette configuration. Chapeau.</p>
  74. <p>Les concepts complexes ont été très bien transmis mais c'est normal lorsqu'on a affaire à des pros de l'acceptation, non ? ;-)</p>
  75. <h3>Firefox Minefields par Tristan Nitot et Paul Rouget</h3>
  76. <p>Ça m'a fait extrêmement plaisir de retrouver un Tristan marrant qui n'est pas un VRP Mozilla. Les dernières démonstrations de Paul étaient bluffantes et à mon avis beaucoup plus utiles (dans leur usage) que les premières que j'avais déjà vu et qui sont excellentes techniquement mais auxquelles je n'arrive pas forcément à voir d'intérêt pour l'instant.</p>
  77. <h2>Ateliers</h2>
  78. <p>Je suis arrivé un peu en retard le matin mais bon après 4 nuits à moins de 5h il fallait que je récupère un peu... du coup l'atelier sur la sécurité auquel je voulais assister était complet. Ce qui m'a quand même fait plaisir car c'est un sujet un peu trop sous-estimé de manière générale.</p>
  79. <h3>FOAF+SSL avec Henry Story</h3>
  80. <p>J'avais déjà assisté à la présentation mais ça m'a permis de mieux comprendre certains détails et ça m'a surtout conforté dans l'idée de faire une implémentation dans Django dès que j'ai un peu de temps.</p>
  81. <h3>Portabilité des données avec moi... et la salle :-)</h3>
  82. <p>Je considère les ateliers comme des moments d'échanges (vs. de don pour les conférences), je voulais donc essayer d'initier la discussion pour continuer ensuite avec les personnes de la salle qui étaient normalement intéressées par le sujet. Je pense avoir réussi et je suis assez content de moi sur ce coup car les participants ont joué le jeu (ce qui était difficile sur la digestion) et c'était vraiment intéressant, au moins pour moi ! Cet approche à mi-chemin entre les barcamps et les conférences réunit peut-être le meilleur des deux mondes...</p>
  83. <p><em>Note : n'hésitez pas à m'envoyer votre feedback par email si vous étiez présent(e), c'est ce qui me permet de progresser.</em></p>
  84. <h3>Le Web Sémantique avec Fabien Gandon</h3>
  85. <p>Je crois bien que mon cerveau ne s'en ait pas encore remis. Passer en revue autant les standards/recommandations de la pile sémantique de manière aussi didactique en un peu plus d'une heure est un véritable exploit. Je connaissais Fabien pour avoir vu ses slides mais le discours qui les accompagne est passionnant. Par contre c'était tellement dense que je ne suis pas sûr que tout le monde ait pu suivre, les retours sur Twitter me donnant tort.</p>
  86. <p>J'ai notamment appris l'existance du groupe de travail sur SPARQL 2 qui sera l'API des applications web de prochaine génération. C'est vraiment motivant de voir que la vision de Tim Berners-Lee n'a pas pris une ride et continue sa progression. Je suis vraiment impatient de pouvoir jouer avec tout ça !</p>
  87. <p><strong>Pour conclure sur ces 3 jours, je n'ai pas mentionné les rencontres et les discussions off qui ajoutent une valeur inestimable à l'événement. Les rencontres de cette année étaient particulièrement belles. Je vais à Paris-Web pour ça et je ne suis jamais déçu.</strong></p>
  88. <p><strong>Les lendemains de Paris-Web ont ce goût de nostalgie et de motivation qui font l'apannage des grands événements. Organisateurs, vous pouvez être fiers de vous !</strong></p>
  89. </div>
  90. </article>
  91. <footer>
  92. <h6 property="schema:datePublished">— 12/10/2009</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/20091013-securite-twitter-confiance-habitudes/" title="Accès à Sécurité, twitter, confiance et habitudes">Sécurité, twitter, confiance et habitudes</a></li>
  100. <li><a href="/david/biologeek/archives/20090615-ouvert-et-decentralise-est-ce-suffisant/" title="Accès à Ouvert et décentralisé, est-ce suffisant ?">Ouvert et décentralisé, est-ce suffisant ?</a></li>
  101. <li><a href="/david/biologeek/archives/20090313-lelitisme-de-la-curiosite/" title="Accès à ★ L&#39;élitisme de la curiosité">★ L&#39;élitisme de la curiosité</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">NiKo</span> le <span class="comment-date" property="schema:commentTime">12/10/2009</span> :
  111. </p>
  112. <div class="comment-content" property="schema:commentText">
  113. <p>La session de Fabien a t-elle été filmée ? Les slides en l&#39;état sont hyper denses à avaler et mériteraient assurément un commentaire oral de l&#39;auteur (un slidecast sur slideshare ?)</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">Frank Taillandier</span> le <span class="comment-date" property="schema:commentTime">12/10/2009</span> :
  119. </p>
  120. <div class="comment-content" property="schema:commentText">
  121. <p>Tout pareil sauf que J&#39;ai préféré zappé les démos de Mozilla - perso Tristan m&#39;a insupporté pendant les tables rondes - pour aller assister à la conférence d&#39;Hervé de chez Dailymotion sur le design itératif, qui se situait directement dans le prolongement de celles sur l&#39;acceptation et les méthodes agiles. Toujours instructif.</p>
  122. <p>T&#39;as donc loupé la démo de Eye Tracking, mais Maurice a mis une petite vidéo en ligne et c&#39;est fou ce que l&#39;on peut déjà faire en terme d&#39;interface utilisateur avec ces technologies. Adrien a du s&#39;éclater.</p>
  123. <p>Merci en tout cas pour tous les échanges en off, c&#39;est hyper enrichissant, j&#39;en ai encore la tête qui tourne :)</p>
  124. </div>
  125. </div>
  126. <div class="comment" typeof="schema:UserComments">
  127. <p class="comment-meta">
  128. <span class="comment-author" property="schema:creator">Desaleux Nicolas</span> le <span class="comment-date" property="schema:commentTime">12/10/2009</span> :
  129. </p>
  130. <div class="comment-content" property="schema:commentText">
  131. <p>Concernant l&#39;atelier sur la sécurité, il devait être intéressant pour des personnes n&#39;étant que très peu sensibilisé à ce domaine, il n&#39;était qu&#39;une piqûre de rappel pour les autres. Pour moi, cet atelier semble nécessaire ne serait ce que pour rappeler que la sécurité est souvent un parent pauvre.</p>
  132. <p>Concernant ton intervention, l&#39;ouverture à la discussion est appréciable et a permis à tout a chacun d&#39;agrandir le périmètre de réflexion sur le sujet.</p>
  133. <p>Pour ce qui est de l&#39;intervention Fabien Gandon, il me faut encore du temps pour digérer, car il y a eu pour moi, beaucoup de notions abordées. </p>
  134. <p></p>
  135. </div>
  136. </div>
  137. <div class="comment" typeof="schema:UserComments">
  138. <p class="comment-meta">
  139. <span class="comment-author" property="schema:creator">Florent V.</span> le <span class="comment-date" property="schema:commentTime">12/10/2009</span> :
  140. </p>
  141. <div class="comment-content" property="schema:commentText">
  142. <p>Les conférences sont filmées, mais pas les ateliers du samedi. Donc à priori non, la session de Fabien n’a pas été filmée.</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">Stéphane Deschamps</span> le <span class="comment-date" property="schema:commentTime">12/10/2009</span> :
  148. </p>
  149. <div class="comment-content" property="schema:commentText">
  150. <p>La mascotte te dit merci :)</p>
  151. <p>J&#39;ai adoré autant que toi les soirées, sans doute parmi les meilleures de ma vie.</p>
  152. <p>Molly est une grande dame, Stephanie est une pédagogue incroyable, et le reste j&#39;abonde plus ou moins dans ton sens pour tout.</p>
  153. <p>En fait je crois que je vais simplement faire un lien vers chez toi au lieu de m&#39;embêter à rédiger un compte-rendu, tiens. :)</p>
  154. </div>
  155. </div>
  156. <div class="comment" typeof="schema:UserComments">
  157. <p class="comment-meta">
  158. <span class="comment-author" property="schema:creator">saludes</span> le <span class="comment-date" property="schema:commentTime">12/10/2009</span> :
  159. </p>
  160. <div class="comment-content" property="schema:commentText">
  161. <p>A lire ce feedback je ne puis etre que plus frustré de n&#39;avoir pu faire ces 3 jours ! une tentative infructueuse pour les ateliers... Promis l&#39;année prochaine sera meilleure :p<br />Heureusement que j&#39;ai pu suivre et apprendre pas mal de choses, ne serais-ce qu&#39;en &quot;googlant&quot; les noms et principes, un bon avant-gout de la qualité de cette rencontre.</p>
  162. </div>
  163. </div>
  164. <div class="comment" typeof="schema:UserComments">
  165. <p class="comment-meta">
  166. <span class="comment-author" property="schema:creator">Henri Bourcereau</span> le <span class="comment-date" property="schema:commentTime">12/10/2009</span> :
  167. </p>
  168. <div class="comment-content" property="schema:commentText">
  169. <p>J&#39;ai suivi le même programme.</p>
  170. <p>La trilogie FOAF+SSL, portabilité des données et Web sémantique était assez exeptionelle, avec l&#39;ahurissante prestation de Fabien Gandon en feu d&#39;artifice final.</p>
  171. <p>Niko, où se trouve la vidéo sur Eye Tracking ?</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">Goulven</span> le <span class="comment-date" property="schema:commentTime">12/10/2009</span> :
  177. </p>
  178. <div class="comment-content" property="schema:commentText">
  179. <p>La vidéo sur l&#39;eye tracking : <a href="http://vimeo.com/7008859">http://vimeo.com/7008859</a></p>
  180. <p>Pour y avoir assisté, c&#39;est vraiment bluffant.<br />Le texte défile tout seul ligne par ligne, ou plus vite en fonction de la direction du regard. Et en ultra bonus, la position/distance de l&#39;utilisateur et l&#39;orientation de sa tête sont également prises en compte...</p>
  181. </div>
  182. </div>
  183. <div class="comment" typeof="schema:UserComments">
  184. <p class="comment-meta">
  185. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">12/10/2009</span> :
  186. </p>
  187. <div class="comment-content" property="schema:commentText">
  188. <p>@NiKo : non l&#39;atelier de Fabien n&#39;était pas enregistré à ma connaissance, seuls les ateliers dans l&#39;amphi étaient filmés grâce à mauriz.</p>
  189. <p>@Frank Taillandier : c&#39;était un plaisir de te rencontrer :-)</p>
  190. <p>Je n&#39;ai pas parlé des tables rondes car elles sont beaucoup trop consensuelles pour avoir un réel intérêt en fait et les questions ne sont pas terribles. Ça serait bien qu&#39;il y ait un vrai modérateur pour cette partie.</p>
  191. <p>@Desaleux Nicolas : merci pour les retours !</p>
  192. <p>@Stéphane Deschamps : oui j&#39;ai pas parlé des soirées car c&#39;est du cadre privé et ça doit le rester mais c&#39;était exceptionnel.</p>
  193. <p>@saludes : j&#39;avoue que j&#39;ai eu la flemme de mettre tous les liens après avoir écrit le billet dans le train en rentrant, je vais essayer d&#39;en ajouter quelques uns quand même...</p>
  194. <p>@Henri Bourcereau : la vidéo en question <a href="http://vimeo.com/7008859">http://vimeo.com/7008859</a><br /></p>
  195. </div>
  196. </div>
  197. <div class="comment" typeof="schema:UserComments">
  198. <p class="comment-meta">
  199. <span class="comment-author" property="schema:creator">xethorn</span> le <span class="comment-date" property="schema:commentTime">13/10/2009</span> :
  200. </p>
  201. <div class="comment-content" property="schema:commentText">
  202. <p>Ca fait longtemps que ton blog etait silencieux, heureux de voir un retour en force :) </p>
  203. <p>Concernant les CSS, il existe de nombreuses methodes, je ne peux pas vraiment dire que l&#39;on appelle ca de l&#39;objet mais plutot de la compression. J&#39;en parle ici: <a href="http://silent-strength.com/carnet/450-CSS-Best-Practices-for-Modern-Designs">http://silent-strength.com/carnet/450-CSS-Best-Practices-for-Modern-Designs</a>. </p>
  204. <p>N&#39;ayant pas vu le programme, j&#39;aurai voulu savoir s&#39;il y avait eu au moins une conference sur les sites &quot;cross-platform&quot;? Les sites que l&#39;on peut visionner aussi bien sur mobile que sur ordinateur?</p>
  205. </div>
  206. </div>
  207. <div class="comment" typeof="schema:UserComments">
  208. <p class="comment-meta">
  209. <span class="comment-author" property="schema:creator">Stéphane Deschamps</span> le <span class="comment-date" property="schema:commentTime">13/10/2009</span> :
  210. </p>
  211. <div class="comment-content" property="schema:commentText">
  212. <p>@David : c&#39;est toi qui as dit &quot;soirées&quot; le premier... :)</p>
  213. <p>C&#39;est pour la même raison que toi que je n&#39;ai pas épilogué, bien sûr. Vivement l&#39;année prochaine...</p>
  214. </div>
  215. </div>
  216. <div class="comment" typeof="schema:UserComments">
  217. <p class="comment-meta">
  218. <span class="comment-author" property="schema:creator">kevin</span> le <span class="comment-date" property="schema:commentTime">24/06/2010</span> :
  219. </p>
  220. <div class="comment-content" property="schema:commentText">
  221. <p>Moi aussi jai suivi le meme programme avec succes.</p>
  222. </div>
  223. </div>
  224. <div class="comment" typeof="schema:UserComments">
  225. <p class="comment-meta">
  226. <span class="comment-author" property="schema:creator">sanae</span> le <span class="comment-date" property="schema:commentTime">19/02/2012</span> :
  227. </p>
  228. <div class="comment-content" property="schema:commentText">
  229. <p>svp je veux un petit résumé pour la conférence du Daniel Glazman Un seul web <br />merci</p>
  230. </div>
  231. </div>
  232. </div>
  233. </section>
  234. <footer>
  235. <nav>
  236. <p>
  237. <small>
  238. 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>
  239. </small>
  240. </p>
  241. </nav>
  242. </footer>
  243. </div>
  244. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  245. <script data-no-instant>InstantClick.init()</script>
  246. </body>
  247. </html>