<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>
<channel>
	<title>La Case de l&#039;Oncle Tom &#187; parisweb</title>
	<atom:link href="http://case.oncle-tom.net/tag/parisweb/feed/" rel="self" type="application/rss+xml" />
	<link>http://case.oncle-tom.net</link>
	<description>Développement Web, bonnes pratiques et performances</description>
	<lastBuildDate>Sun, 25 Dec 2011 19:33:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<atom:link rel="search"
           href="http://case.oncle-tom.net/opensearch"
           type="application/opensearchdescription+xml"
           title="Content Search" />		<item>
		<title>Paris Web 2011 : transversalité</title>
		<link>http://case.oncle-tom.net/2011/paris-web-2011-transversalite/</link>
		<comments>http://case.oncle-tom.net/2011/paris-web-2011-transversalite/#comments</comments>
		<pubDate>Fri, 21 Oct 2011 09:34:07 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Standards du Web]]></category>
		<category><![CDATA[Travail 2.0]]></category>
		<category><![CDATA[accessibilité]]></category>
		<category><![CDATA[communication]]></category>
		<category><![CDATA[conférence]]></category>
		<category><![CDATA[humanité]]></category>
		<category><![CDATA[kiss]]></category>
		<category><![CDATA[paris]]></category>
		<category><![CDATA[parisweb]]></category>
		<category><![CDATA[typographie]]></category>
		<category><![CDATA[web]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=18460</guid>
		<description><![CDATA[<a href="http://paris-web.fr/2011/">Paris Web 2011</a>, 3 jours de conférences et d'ateliers dont le fil rouge était la <em>simplicité</em>. L'occasion de revenir sur les moments marquants et ce qui m'a plu dans cette 6<sup>ème</sup> édition.]]></description>
			<content:encoded><![CDATA[<p>Une année s&#8217;est déjà écoulée depuis <a href="http://paris-web.fr">Paris Web</a> 2010. À mon retour de cette précédente édition, je l&#8217;avais même qualifiée d&#8217;<a title="Paris Web 2010 : l’âge de raison" href="http://case.oncle-tom.net/2010/paris-web-2010-age-de-raison/">âge de raison</a>. Petit à petit, année après année, les conférences Paris Web en sont arrivées à 2 sessions simultanées, 500 inscrits, 60 orateurs, de la traduction en langue des signes française et même de la <a href="http://fr.wikipedia.org/wiki/V%C3%A9lotypie">vélotypie</a> pour une retranscription écrite en direct.</p>
<p>Pour ma part, c&#8217;est la <strong>quatrième année consécutive</strong> où je m&#8217;y rends … et où on accepte de me voir déblatérer des sujets de plus en plus bizarre. Qu&#8217;y ai-je vu cette année ?</p>
<p><a href="http://media.oncle-tom.net/images/2011/10/shot_1318684180740.jpg"><img class="aligncenter size-medium wp-image-18461" title="Legalize Table" src="http://media.oncle-tom.net/images/2011/10/shot_1318684180740-300x300.jpg" alt="Legalize Table" width="300" height="300" /></a></p>
<h3><span id="more-18460"></span>Gloire au petit amphitéâtre</h3>
<p>Les double sessions sont apparues à l&#8217;origine avec une orientation décideur/technique. Aujourd&#8217;hui j&#8217;y vois davantage une découpe <strong>atypique</strong>/<strong>grand public</strong> puisque dans la pratique, la distinction se fait sur la contenance de l&#8217;amphithéâtre.</p>
<p>Dans ce petit amphi, on a décortiqué <strong>la base de notre travail</strong> : <a href="http://www.paris-web.fr/2011/conferences/la-science-au-service-du-design.php">l&#8217;impact du webdesign dans les neurosciences</a> et vu <a href="http://www.paris-web.fr/2011/conferences/un-navigateur-comment-ca-marche.php">comment fonctionnait un navigateur</a>, d&#8217;une requête <acronym title="HyperText Transfer Protocol">HTTP</acronym> au rendu de l&#8217;interface.<br />
Subtilement, en deux heures, on a pu se rendre compte qu&#8217;un changement de code hexadécimal dans un fichier <acronym title="Cascading Style Sheets">CSS</acronym> transitait au travers de plusieurs milliers de ligne de code au sein de votre navigateur Web … mais surtout, traversait 7 zones différentes du cerveau pour provoquer une … <strong>sensation</strong>.</p>
<p>Sensation. Mot qui navigue lui aussi au travers de l&#8217;<strong>accessibilité</strong>, de l&#8217;<strong>ergonomie</strong> ou plus généralement, d&#8217;<strong>UX</strong> (expérience utilisateur).</p>
<h3>De la technique au management</h3>
<p>Le public a eu du mal à retenir un rire sarcastique, moi compris, lorsqu&#8217;<a href="http://www.paris-web.fr/2011/conferences/l-accessibilite-vue-dun-grand-compte-et-comment-la-loi-de-2005-a-change-nos-facons-de-travaille.php">Arthur Rigaud de Voyages-SNCF.com a débuté sa présentation sur l&#8217;accessibilité</a>. Malin, il a préféré utiliser <em>grand compte</em> pour éviter la désertion de la salle ?</p>
<p>Toujours est-il qu&#8217;on a vite oublié les sarcasmes devant l&#8217;ampleur de la mission : 70 sites Internet, 450 sites Intranet et 1 mission commune, les rendre accessible. Tous ne le seront pas à la date buttoir mais l&#8217;explication dans leur démarche mérite attention.</p>
<p>En effet, classiquement, un expert accessibilité a été missionné pour aider les différentes équipes à rendre leurs sites accessibles. Grand bien leur en a pris, car ça s&#8217;est soldé par un échec. L&#8217;ampleur et la dureté de sa mission a certainement contribué à l&#8217;intégrisme de son application, <em>excluant</em> cette personne de tous les projets.</p>
<p>Une <strong>approche tranversale</strong> a ensuite été adoptée : communication dans les lieux communs (machine à café, affichages de communication interne), formations au personnel et surtout, une responsabilisation de différents postes, du développeur au chef de projet en passant par les graphistes.</p>
<p>De la brutalité isolée à la douce transversalité.</p>
<h3>Du public au grand public</h3>
<p>On ne parle pas de <em>backend</em> à Paris Web par contre on y parle <em>Open Data</em> !</p>
<p>David &laquo;&nbsp;Nippon&nbsp;&raquo; Larlet et Olivier Thereau ont présenté à la fois un <a href="http://www.paris-web.fr/2011/conferences/lopendata-une-evolution-culturelle-politique-et-technique.php">panorama d&#8217;Open Data au travers des cultures</a>, et <a href="http://www.paris-web.fr/2011/conferences/les-donnees-ouvertes-et-liees-linked-open-data-pour-les-allergiques-au-rdf.php">comment la BBC s&#8217;y prenait pour utiliser Open Data avec leurs contenus et ceux issus de communautés spécialisées</a>.</p>
<p><strong>Open Data</strong> est le gros <em>buzzword</em> pour lequel le retour sur visibilité reste faible, en partie à cause du manque d&#8217;accompagnement, des coûts de développement et de maintenance (ben quoi, c&#8217;est de l&#8217;informatique et du temps de cerveau piqué à TF1) … et pourra-t&#8217;on constater, du manque d&#8217;outillage.</p>
<p>Y&#8217;a du maille pour mailler les données, car le Web sémantique c&#8217;est bien beau, mais lier des fichiers <acronym title="Portable Document Format">PDF</acronym> entre eux, c&#8217;est priver un diabétique de son insuline en le gavant de chamallow (OK ? © Pablo).</p>
<h3>L&#8217;atelier des bonnes idées</h3>
<p>Samedi fût un peu plus difficile : réveil tardif suite à la retombée de pression de la veille et d&#8217;un épuisement lié au manque de sommeil. Bref, j&#8217;ai préféré rogner sur le premier atelier pour réserver mon attention au reste de la journée.</p>
<p>Après un énième café, la journée débute sur un sujet de <a href="http://www.paris-web.fr/2011/ateliers/typography-for-programmers.php">typographie adressée aux développeurs</a>. Le sujet couvrait les aspects de ce qu&#8217;on devait connaître mais après les 2 excellentes conférences de l&#8217;an dernier (<a href="http://www.paris-web.fr/2010/programme/macrotypographie-page-web.php">macrotypographie de la page Web</a> et <a href="http://www.paris-web.fr/2010/programme/la-typographie-comme-outil-de-design.php">typographie comme outil de design</a>), dur dur. On repartait en tous cas avec l&#8217;idée essentielle : <strong>d&#8217;abord le contenu, ensuite le design</strong>. Couplé avec <em>Mobile First</em> et l&#8217;accessibilité, le lien n&#8217;en est que plus évident.</p>
<p>Songeant de plus en plus régulièrement à publier ce blog sous forme de contenu versionné avec git (<em>geek</em>), je pensais naïvement que ce serait le sujet de l&#8217;atelier <a href="http://www.paris-web.fr/2011/ateliers/creation-et-partages-darchives-web-personnelles.php">Création et partage d&#8217;archives Web personnelles</a>. La bonne surprise c&#8217;est qu&#8217;il y fût surtout question de créer des archives distribuées pour éviter les liens morts sur nos propres blogs : chaque lien externe est indexé en local pour s&#8217;y substituer en cas de disparition de la page cible respective. Ce sera à suivre sur le projet <a href="http://owark.org/">Owark</a>.</p>
<p>Et le meilleur pour la fin : <a href="http://www.paris-web.fr/2011/ateliers/planification-ou-iteration-specialisation-ou-heterogeneite-transmission-orale-ou-ecrite-deux-jeux-po.php">deux jeux sur l&#8217;itération et la communication de Pablo Pernot</a>. J&#8217;avais déjà entendu parler du <a href="http://marshmallowchallenge.com/">Marshmallow Challenge</a> et ce fût l&#8217;occasion de l&#8217;expérimenter. Tout le monde (ou presque) a eu le réflexe de construire la tour la plus haute possible … et de <strong>se planter au dernier moment</strong>. Comme dans nos projets informatiques en fin de compte. Livraisons itératives vs. grosse livraison finale (qui fait mal).</p>
<p>Puis de tester la communication écrite (nos belles specs et cahiers des charges) vs. la communication orale. Cette dernière a donné de meilleurs résultats, en permettant d&#8217;ajuster en fonction du <em>feedback</em>. Ça m&#8217;a donné à réfléchir sur la <strong>capitalisation technique</strong> : travailler à 2 en même temps, pour qu&#8217;un formalise par écrit semble plus efficace qu&#8217;une seule personne, réfléchissant et écrivant. Et de constater une fois de plus la difficulté à imposer un processus formalisé à des personnes ne se sentant pas en mesure de le faire.</p>
<h3>Des outils aux ressentis</h3>
<p>C&#8217;est avec surprise que je suis reparti sans le <em>boost</em> d&#8217;énergie habituel, et sans le <em>spleen</em> post-évènement. Et de me rendre compte que finalement, j&#8217;ai passé tout mon temps à m&#8217;imprégner des expériences humaines exposées sur scène, ainsi que des conversations pendant les repas, apéritifs et autres diners plus ou moins informels.</p>
<p>J&#8217;y vois trois raisons :</p>
<ol>
<li>l&#8217;expérience <a href="http://sudweb.fr">Sud Web</a> a déjà regonflé le ballon il y a 6 mois ;</li>
<li>en travaillant en indépendant, <strong>je ne subis plus cette pression</strong> du boulot mal fait ou de l&#8217;incompréhension auxquelles Paris Web apporte une grande bouffée d&#8217;air frais ;</li>
<li>je n&#8217;espérais pas révolutionner ma vision des outils pour améliorer radicalement mon quotidien.</li>
</ol>
<p>À vrai dire, ça doit bien être la première année où je me suis fichu éperdument des outils pour me focaliser totalement sur le <strong>comment</strong> et le <strong>pourquoi</strong>. Pourquoi ça foire ? Comment des hommes et femmes font réussir un projet ?</p>
<h3>Et ma conférence ?</h3>
<p>J&#8217;y reviens dans un prochain article pour apporter à la fois une explication à mes <em>slides</em> et aussi des éléments complémentaires.</p>
<p>D&#8217;ici là, <strong>tous mes remerciements</strong> à l&#8217;organisation impeccable de l&#8217;évènement (notamment sur l&#8217;arrivée des orateurs), à l&#8217;excellente soirée communautaire au <a href="http://www.lecomptoirgeneral.com/">Comptoir Général</a> et aux personnes avec qui j&#8217;ai pu échanger, que ça soit sur ma coupe de cheveux ou sur nos vies respectives.</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2011/paris-web-2011-transversalite/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Industrialiser l&#8217;artisanat de l&#8217;intégration Web, retour sur l&#8217;atelier</title>
		<link>http://case.oncle-tom.net/2010/industrialiser-lartisanat-de-lintegration-web-retour-sur-latelier/</link>
		<comments>http://case.oncle-tom.net/2010/industrialiser-lartisanat-de-lintegration-web-retour-sur-latelier/#comments</comments>
		<pubDate>Thu, 18 Nov 2010 16:35:19 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Standards du Web]]></category>
		<category><![CDATA[atelier]]></category>
		<category><![CDATA[bonnes pratiques]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[livre blanc]]></category>
		<category><![CDATA[opquast]]></category>
		<category><![CDATA[parisweb]]></category>
		<category><![CDATA[temesis]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=17740</guid>
		<description><![CDATA[Industrialiser l'artisanat ? N'est-ce pas là un sacrilège ? Je partage ma vision et mon retour sur cet atelier. Pratique si vous n'aviez pas eu l'occasion d'y assister. D'ailleurs, il sera possible de contribuer, 2 livrables étant à l'étude.]]></description>
			<content:encoded><![CDATA[<p>De l&#8217;eau a coulé sous les ponts depuis <a href="http://paris-web.fr/">Paris Web</a>, et surtout, depuis que j&#8217;ai animé mon atelier technique intitulé &laquo;&nbsp;Industrialiser l&#8217;artisanat de l&#8217;intégration Web&nbsp;&raquo; (titre amélioré sur une judicieuse remarque de <a href="http://frank.taillandier.free.fr/">Frank Taillandier</a> &#8230; comme quoi on peut être végétarien et avoir de bonnes idées <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> ).</p>
<p><span id="more-17740"></span></p>
<h3>La présentation</h3>
<p style="text-align: center;"><iframe src="http://www.slideshare.net/slideshow/embed_code/5459902" width="400" height="337" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe><br/><br/></p>
<p>J&#8217;ai <strong>complètement changé d&#8217;axe d&#8217;approche</strong> entre l&#8217;appel à proposition de Paris Web et le jour venu. J&#8217;ai retourné le sujet dans tous les sens pour arriver à transmettre le message de la manière la plus adaptée qu&#8217;il soit au public. Parce qu&#8217;il est vraiment <a href="http://thinkvitamin.com/user-science/understanding-your-audience/">essentiel de comprendre votre auditoire</a>.</p>
<p>De ce fait, j&#8217;ai préféré laisser tomber l&#8217;atelier magistral où j&#8217;aurais été le seul à partager. L&#8217;approche choisie fût celle de l&#8217;<a href="http://en.wikipedia.org/wiki/Interaction_design"><em>interaction design</em></a> (IxD) ; notion découverte la veille pendant la conférence de <a href="http://stephanietroeth.com/">Stéphanie Troeth</a>. L&#8217;idée étant de <strong>construire ensemble</strong> le corps de l&#8217;atelier, de produire ensemble la réflexion et d&#8217;en arriver à des conclusions plus rapidement.</p>
<p>Le plus amusant fût qu&#8217;<strong>on arrivait aux mêmes conclusions</strong>, et que les <em>slides </em>suivant la phase de <em>design</em> répondaient aux questions nouvellement créées.</p>
<p>Pour l&#8217;expérience, et le résultat produit, j&#8217;en suis satisfait <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<h3>Déroulement de l&#8217;atelier</h3>
<p>L&#8217;atelier consistait à passer en revue 3 des étapes du développement <em>frontend</em> : l&#8217;intégration <acronym title="HyperText Markup Language">HTML</acronym>, l&#8217;habillage <acronym title="Cascading Style Sheets">CSS</acronym> et les interactions JavaScript. Chaque étape se divisait en 4 composants de travail :</p>
<ul>
<li>Production / réalisation</li>
<li>Organisation / équipe</li>
<li>Documentation</li>
<li>Tests</li>
</ul>
<p>Pour chacun de ces composants, toute personne dans la salle pouvait suggérer une <strong>bonne pratique</strong>, une <strong>mauvaise pratique</strong> ou un <strong>outil</strong>. Cela s&#8217;est matérialisé avec un tableau blanc découpé en 4 zones, dans lesquelles on collait des post-it.</p>
<p>Pour la petite histoire, n&#8217;ayant pas pensé à acheter les post-il avant d&#8217;arriver à Paris, je me suis rabattu sur le premier choix venu, en me basant sur la connaissance du terrain de <a href="http://larlet.fr/">David Larlet</a> : Loisirs &amp; Créations du Bercy Village.</p>
<p>C&#8217;est ainsi que je me retrouvais avec 200 post-it en forme de cœur,  de maison ou de fleur.</p>
<p><img class="aligncenter size-medium wp-image-17834" title="Post-it" src="http://media.oncle-tom.net/images/2010/11/post-it-paris-web-300x179.jpg" alt="" width="300" height="179" /></p>
<p>Un peu de gaieté pour un atelier sérieux et créatif.<br />
D&#8217;ailleurs, parce qu&#8217;on n&#8217;a pas bossé pour rien, et que Paris Web c&#8217;est aussi la création en plus de <em>share the love</em>, voici la carte mentale de notre heure de travail :</p>
<iframe width="600" height="400" frameborder="0" scrolling="no" class="mindmeister-presentation mindmeister-presentation-id-65925228" src="http://www.mindmeister.com/maps/public_map_shell/65925228?width=600&height=400&zoom=0"></iframe>
<h3>Constats</h3>
<p>Mon premier constat, en regardant la carte mentale, c&#8217;est qu&#8217;on a quand même réussi à produire un <strong>bon nombre d&#8217;éléments</strong> en 1 heure, avec un public qui n&#8217;était pas préparé et dans une configuration de salle de classe, remplie de surcroît.<br />
La logistique s&#8217;est organisée d&#8217;elle-même, avec des contributions diverses pour ramasser les post-it, leur circulation et même la modération.</p>
<p>Quant au contenu en lui-même, plusieurs remarques s&#8217;imposent :</p>
<ul>
<li>la très grande majorité des contributions concernaient la <strong>production</strong> (c&#8217;était flagrant, face au tableau)</li>
<li>par extension, il y a peu d&#8217;éléments de documentation et de tests et dans une moindre mesure, peu de travail en équipe/organisationnel (à part les classiques <em>versionning</em>)</li>
<li>en production de <acronym title="Cascading Style Sheets">CSS</acronym> et de JavaScript, le<strong> nombre de mauvaises pratique équivaut ou dépasse les bonnes pratiques</strong></li>
</ul>
<p>En une phrase et une seule : le développement frontend, en tous cas représentatif de la population présente dans la salle, <strong>travaille dans son coin</strong>, avec ses méthodes, peu adaptables à d&#8217;autres cadres.</p>
<h3>Et la suite ?</h3>
<p>Mon avis c&#8217;est que si la production n&#8217;est pas forcément industrialisable au sens où on ne peut que difficilement automatiser la production du code, en revanche on peut <strong>automatiser les tests et la documentation</strong>, voire certains aspects d&#8217;organisation (diffusion automatique des <em>commits</em>, rapports etc.).</p>
<p>Une de mes hypothèses est que si le caractère individuel du travail est si marqué, c&#8217;est que nombre des méthodes, astuces et outils de travail sont basés sur des <strong>avis subjectifs</strong>. Pas étonnant que les réactions sur le mot <em>industrialisation</em> soient si virulentes et chargées d&#8217;émotions.</p>
<p>C&#8217;est une des raisons pour laquelle j&#8217;ai proposé en conclusion d&#8217;<strong>aller au-delà de nos jugements personnels</strong> pour formaliser des bonnes et mauvaises pratiques, que l&#8217;on applique ensuite à son projet si l&#8217;on est concerné. Un mélange des <em><a href="http://www.bbc.co.uk/guidelines/futuremedia/technical/css.shtml">guidelines</a></em><a href="http://www.bbc.co.uk/guidelines/futuremedia/technical/css.shtml"> BBC</a> et des bonnes pratiques <a href="http://www.opquast.com/">Opquast</a> en somme.</p>
<p>Ce que j&#8217;aimerais, c&#8217;est produire 2 livrables :</p>
<ul>
<li>une <em><strong>checklist</strong></em><strong> de bonnes pratiques</strong> de développement <em>frontend</em></li>
<li>un <strong>livre blanc du développement <em>frontend</em></strong>, comprenant en plus le processus de dialogue entre acteurs, pendant les phases projet</li>
</ul>
<p>Ces livrables seront <em>Open Source</em>, libres, gratuits et créés collectivement, parce qu&#8217;on a tous des terrains d&#8217;expertise différents et complémentaires.</p>
<div id="attachment_17833" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-17833" title="Délire de post-it" src="http://media.oncle-tom.net/images/2010/11/post-it-delire-300x179.jpg" alt="" width="300" height="179" /><p class="wp-caption-text">Share the love <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p></div>
<p>Je ne manquerai pas de vous tenir informé des avancées de ces projets, qui me tiennent à coeur.<br />
Je ne saurais que trop remercier les participants, présents lors de l&#8217;atelier Paris Web, ceux qui apporteront leur pierre à l &#8216;édifice (même si ça ne concerne qu&#8217;un changement de virgule dans une phrase) et ceux qui apporteront leur soutien, <a href="http://temesis.com/">Elie Sloïm</a> en tête. Il propose en effet de mettre à disposition la plate-forme Opquast en tant qu&#8217;outil de contribution.</p>
<p>Une idée qu&#8217;elle est bonne.</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2010/industrialiser-lartisanat-de-lintegration-web-retour-sur-latelier/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Paris Web 2010 : l&#8217;âge de raison</title>
		<link>http://case.oncle-tom.net/2010/paris-web-2010-age-de-raison/</link>
		<comments>http://case.oncle-tom.net/2010/paris-web-2010-age-de-raison/#comments</comments>
		<pubDate>Thu, 28 Oct 2010 16:25:22 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Standards du Web]]></category>
		<category><![CDATA[a11y]]></category>
		<category><![CDATA[accessibilité]]></category>
		<category><![CDATA[architecture]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[grilles]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[parisweb]]></category>
		<category><![CDATA[qualité]]></category>
		<category><![CDATA[typographie]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[ux]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[yahoo]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=17772</guid>
		<description><![CDATA[Paris Web, rien que d'y penser j'ai déjà envie d'y retourner. Condensé de l'édition 2010, où l'on parlera de typographie, d'innovation, d'architecture, d'outils et d'expérience utilisateur.
Paris Web, c'est LE cycle de conférence sur le webdesign, la qualité et l'accessibilité en France.]]></description>
			<content:encoded><![CDATA[<p><a href="http://paris-web.fr/">Paris Web</a>. Déjà 2 semaines que cet évènement est passé. 1 an à attendre à chaque fois : ça fait long mais au final, l&#8217;attente passe vite. Plus on se rapproche de la prochaine édition, plus le temps file.</p>
<p>Cette année, j&#8217;ai décidé de participer à toutes les conférences qui ne sont pas au cœur de mon activité quotidienne, au sens <em>production</em>. En gros, j&#8217;ai voulu laisser tomber tous les <em>buzzwords</em> et me concentrer sur des compétences et connaissances périphériques à activité. Satisfaire ma curiosité.</p>
<p>Je suis donc arrivé à Paris Web sans avoir regardé le programme, en décidant entre chaque pause le titre de la conférence que j&#8217;allais inscrire sur mon carnet de notes.</p>
<p><a href="http://case.oncle-tom.net/images/2010/09/logotype-paris-web.png"><img class="aligncenter size-medium wp-image-17530" title="Paris-Web" src="http://case.oncle-tom.net/images/2010/09/logotype-paris-web-300x203.png" alt="" width="300" height="203" /></a></p>
<p><span id="more-17772"></span></p>
<h3>L&#8217;ouverture par l&#8217;architecture</h3>
<p>Ce n&#8217;est pas tout à fait vrai : je savais quelle était la <em>première conférence</em> à laquelle j&#8217;allais assister. Graine semée il y a 2 ans, dans le retour en métro de Paris Web 2008. J&#8217;apprenais que <a href="http://arkhi.org/">Fabien Basmaison</a> partait 1 année entière en Chine (ou ailleurs en Asie ?).<br />
Absent de Paris Web 2009, il propose &laquo;&nbsp;<a href="http://www.paris-web.fr/2010/programme/le-web-lespace-public.php">Espace construit et espace virtuel, un retour vers le futur ?</a>&laquo;&nbsp; en guise d&#8217;introduction.</p>
<p>Ou comment ne pas parler de Web mais d&#8217;architecture, de construction et d&#8217;alliage fonctionnel/esthétique.</p>
<p>Il citait d&#8217;ailleurs une phrase que j&#8217;apprécie beaucoup : <q>l&#8217;architecture, c&#8217;est savoir changer d&#8217;échelle, de point de vue</q>. Je me plais à appliquer ce <em>moto</em> au quotidien mais au fond, n&#8217;est-ce pas là une chose essentielle pour toute personne travaillant dans le Web ? Savoir sortir le nez du cambouis, observer ce qui l&#8217;entoure, s&#8217;en inspirer et replonger/changer d&#8217;angle d&#8217;attaque.</p>
<p>L&#8217;architecture, c&#8217;est également <strong>réduire les obstacles</strong> pour obtenir davantage de fluidité, et augmenter le rendement. C&#8217;est la raison d&#8217;être des méthodes agiles, comme <a href="http://www.scrum.org/">scrum</a>. Parce que notre défi, c&#8217;est <a href="http://blog.akei.com/post/1415889011/choisir-son-metier-arreter-de-le-faire-subir">réussir un projet sur une base qui est tout sauf industrialisée</a> (voire industrialisable).</p>
<p>L&#8217;architecture, c&#8217;est <strong>travailler sur un patrimoine</strong>, ensemble, en utilisant l&#8217;existant (cf. <a href="#title-interface">Let&#8217;s Interface!</a>). On ne peut créer un ouvrage sans tenir compte de l&#8217;existant, de l&#8217;environnement ou même de l&#8217;intérêt même du-dit ouvrage. On ne peut décemment pas concevoir un site Web optimisé pour Internet Explorer 6 et une résolution de 1024&#215;748, ce serait juste omettre/nier l&#8217;existence du Web tout entier.</p>
<p>Paris Web est un moment où l&#8217;<strong>on s&#8217;ouvre l&#8217;esprit</strong> : cette conférence était programmée au bon moment, avec le bon intervenant mais surtout avec le bon contenu. Quelque chose qui n&#8217;était pas axée sur le Web. Celui qui replace le Web dans son contexte, celui de l&#8217;inspiration.</p>
<p><strong>Conseil livre</strong> :  de Le Corbusier.</p>
<h3 id="title-interface">Let&#8217;s Interface!</h3>
<p><a href="http://www.wait-till-i.com">Christian Heilmann</a> me fascine littéralement. Il a le don d&#8217;arriver à insuffler ce qu&#8217;il recherche : du fun et de l&#8217;intelligence.<br />
Si je devais résumer cette conférence en une phrase, ça serait la sienne : <q>le Web est un outil, utilisons-le</q>. On ne construit pas pour le Web, on construit <em>avec</em> le Web.</p>
<p>C&#8217;est la transcription parfaite de l&#8217;architecture vers le Web. Tenir compte de l&#8217;existant, des outils, pour construire les siens et arrêter de réinventer la roue.</p>
<p><strong>Les interfaces devraient être des outils faciles à utiliser</strong>, et à comprendre. De l&#8217;accessibilité au sens large en somme.<br />
De quoi insister auprès des clients de ne pas perdre de vue l&#8217;objectif principal ? L&#8217;utilisateur ?</p>
<h3>L&#8217;accessibilité dans une chaîne de production Web</h3>
<p>Quel meilleur moyen de ne pas perdre ses objectifs de vue en effectuant un contrôle qualité, matérialisé par une vérification de l&#8217;accessibilité à <em>toutes</em> les étapes du processus, plutôt qu&#8217;en livraison finale. C&#8217;est le point de vue de <a href="http://twitter.com/dboudreau">Denis Boudreau</a> et de <a href="http://accessibiliteweb.com/">Vincent François</a>.</p>
<p>Pourquoi la fin de chaîne pose problème ? Tout simplement parce qu&#8217;il est (souvent) déjà trop tard, que le coût des modifications en est multiplié mais surtout, c&#8217;est beaucoup plus simple d&#8217;intégrer ça dès le départ.<br />
Si on en revient à l&#8217;architecture, c&#8217;est comme si on mettait des fenêtres à 2 mètres de hauteur et qu&#8217;on se rendait compte à la livraison de la maison que ce n&#8217;est pas accessible car trop en hauteur pour les habitants. Vous vous voyez casser le mur et descendre la fenêtre ?</p>
<p>Leur <a href="http://accessibiliteweb.com/presentations/2010/parisweb/accessibilite-chaine-production/">présentation de l&#8217;accessibilité dans une chaine de production Web</a>, navigable au clavier et à la souris, est équivoque et découpe ces différentes phases au sein du projet :</p>
<ul>
<li>Analyse</li>
<li>Architecture</li>
<li>Ergonomie</li>
<li>Graphisme</li>
<li>Prototypage</li>
<li>Rédaction</li>
<li>Développement</li>
<li>Contrôle qualité</li>
</ul>
<p>Le liant entre ces phases étant la gestion de projet, menée de concert entre la maîtrise d&#8217;oeuvre et la maîtrise d&#8217;ouvrage. Une personne a même très justement souligné qu&#8217;il faudrait ajouter une nouvelle dernière étape, la livraison/maintenance. Pour s&#8217;assurer notamment qu&#8217;à l&#8217;usage, lors de la contribution ou des évolutions de l&#8217;application, l&#8217;accessibilité soit maintenue à niveau.</p>
<p><a href="http://www.flickr.com/photos/nicolas-hoizey/5107972863/"><img class="aligncenter" title="Paris Web Marketing Fail" src="http://farm2.static.flickr.com/1328/5107972863_754420e883.jpg" alt="" width="500" height="333" /></a></p>
<h3>Innover de 9 à 5</h3>
<p>Je m&#8217;intéresse à l&#8217;innovation, pas seulement à la théorie mais également à sa mise en pratique, depuis que je vois passer sous mon nez des projets intéressants mais qui oublient toujours une chose. Les usagers (tiens, on y revient). Un site est réalisé par une entreprise, pour accomplir un but (besoin marketing, nouveau produit ou autre) mais &#8230; la praticité et l&#8217;intérêt de l&#8217;usager, bien souvent, y sont absent ou trop peu représenté.</p>
<p>J&#8217;y reviendrai dans d&#8217;autres articles, par le biais de mes lectures et de mes projets.</p>
<p>Toujours est-il, j&#8217;ai découvert une autre personne de <a href="http://pheromone.ca/">Phéromone</a>, <a href="http://ot.zoy.org/">Olivier Théreaux</a>. Il a présenté de manière méthodique les différents types d&#8217;innovations possibles (<em>business</em>, <em>design</em>, incrémentales, radicales). Leur mélange provoque de l&#8217;efficacité, une amélioration des processus, de nouveaux produits, une découverte de nouveaux besoins et j&#8217;en passe.</p>
<p>Le travail de l&#8217;innovation, ce n&#8217;est pas seulement l&#8217;acquisition de l&#8217;idée : c&#8217;est l<strong>&#8216;art de la faire fructifier</strong>, de la mettre concrètement en oeuvre.<br />
En ce sens, il cite Scott Berkun : <q>les gens ne veulent pas innover, ils veulent avoir innové</q>. N&#8217;avez-vous jamais entendu de client qui vous demandait une application iPhone sans savoir ce qu&#8217;ils voulaient y mettre ? La réponse est dans la citation.</p>
<p>Innover, c&#8217;est <strong>apprendre à échouer</strong>. C&#8217;est admettre que des fautes seront commises et que la réussite se mesure également en terme de ressources : elles doivent être à la mesure des ambitions. L&#8217;amplitude entre les 2 augmente les risques d&#8217;échec.</p>
<p>Olivier soulignait aussi un détail essentiel, qu&#8217;on oublie un peu et qui pourtant caractérise tellement notre métier, notre univers : c&#8217;est la <strong>culture hacker</strong>. <em>Hacker</em> au sens bidouilleur. Celui qui parvient à ses fins en se servant d&#8217;outils à disposition. LE Web est à notre disposition.</p>
<p>Encore une fois, les personnes les plus fascinantes ne sont pas celles qui apportent de nouvelles choses ou qui sont les &laquo;&nbsp;meilleures&nbsp;&raquo;. Mais celles qui apportent un regard différent, de par leur(s) culture(s), leur expérience et leur vécu.</p>
<p><strong>Conseil lecture</strong> :  de Scott Berkun.</p>
<h3>Journey over Destination: creating an effective framework with UX tools</h3>
<p>J&#8217;ai malheureusement été moins attentif sur la conférence de <a href="http://unadorned.org/">Stéphanie Troeth</a> (projet client à régler, à croire que chaque année j&#8217;y coupe pas ;-(). Néanmoins, à la lecture de ses <em>slides</em> pendant sa présentation, une chose m&#8217;avait frappé : tout est clair, limpide et extrêmement synthétique. Sans le son, il y avait de quoi apprendre. C&#8217;est d&#8217;ailleurs comme ça que je me suis aperçu que la méthode employée lors de mon atelier technique (<a href="http://case.oncle-tom.net/2010/paris-web-industrialiser-integration-html/">dont vous pouvez lire l&#8217;annonce </a>; le détail et résumé arrivent) était en fait de l&#8217;<em>interactive design</em>.</p>
<p>L&#8217;expérience utilisateur repose avant tout sur la conception, du site, de l&#8217;outil ou de je ne sais quoi (le concept s&#8217;applique à tout, pas seulement au Web). Encore une fois, l&#8217;<strong>agilité du processus</strong>, la fragmentation des tâches et les contraintes (limites de temps, de fonctionnalités etc.) sont un élément essentiel à la qualité du résultat final.</p>
<p>L&#8217;exemple le plus parlant est celui du curseur : tirer d&#8217;un côté enlève du poids à l&#8217;extrême opposé. De même que parmi la trinité temps, argent, fonctionnalité, on ne peut en conserver que 2. Lesquels choisiriez-vous au moment d&#8217;acter un choix ? Que diraient vos clients ?</p>
<p>Notre conversation en <em>off</em> m&#8217;a confirmé mon intuition : sa présentation représente des mois de réfléxion, au fil de l&#8217;eau. Tiens, ce n&#8217;est pas justement le concept de l&#8217;innovation ? <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p><a href="http://www.flickr.com/photos/mauriz/5107657136/"><img class="aligncenter" title="Amphithéâtre IBM à Paris Web" src="http://farm2.static.flickr.com/1139/5107657136_4c4de67512.jpg" alt="" width="500" height="333" /></a></p>
<h3>La typographie comme outil de design</h3>
<p>Encore un petit nouveau à Paris Web : <a href="http://www.davidrault.com/">David Rault</a>. Encore un globetrotter, à croire que ça va devenir un élément déterminant sur le CV <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>La typographie, de mémoire, est un sujet qui a été peu abordé à Paris Web, en tous cas pas lors de conférences. Je m&#8217;y connaissais assez peu et le moins que je puisse en dire, c&#8217;est que je suis resté le regard rivé sur la scène, à noter avec délectation cet enseignement, fort souvent un choix par défaut. <q>On va utiliser quelle typo ? Oh bof, de l&#8217;Arial ou du Verdana</q>.</p>
<p>Quelques explications sur la classification typographique, et hop, tout devient plus clair quant aux termes serif, sans-serif, linéales, humanes, garaldes, romaines etc. Je ne paraphraserai pas cette classification.</p>
<p>En revanche, retour à l&#8217;architecture, c&#8217;est tout le <strong>bagage culturel</strong> que les polices de caractères véhiculent. Sans oublier leur base historique et sociale. Je n&#8217;imaginais pas utiliser sur un ordinateur une police datant du XVI<sup>ème</sup> siècle, considérée comme parfaite.</p>
<p>En considérant que le Web, c&#8217;est 95% de typographie (ce que l&#8217;on lit), ce n&#8217;est clairement pas le choix banal que l&#8217;on a l&#8217;habitude de faire, ou de subir. Je rajoute cette notion aux indispensables à réunir pour réussir un projet, par le biais de la communication écrite.</p>
<p><strong>Conseil lecture</strong> : de David Rault.</p>
<h3>La macrotypographie de la page Web</h3>
<p>On reste dans l&#8217;univers de la communication visuelle avec <a href="http://lasoeurkaramazov.net/">Anne-Sophie Fradier</a>. L&#8217;occasion d&#8217;ailleurs de me rendre compte que j&#8217;avais déjà lu son blog auparavant, et que je le découvre juste maintenant, à l&#8217;occasion de la rédaction de cet article <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_biggrin.gif' alt=':-D' class='wp-smiley' />  Le Web est petit et on se connait plus facilement en avatar en fin de compte.</p>
<p>Macrotypographie vous dites ? Il s&#8217;agit de concevoir la typographie au niveau du paragraphe, de la page, par le biais de grilles, de colonnes, leur ratio etc. C&#8217;est forcément une personne bien puisque les grilles, elle adore et en mange au petit-déjeuner mais surtout, a eu une réponse extra à ma question (oui j&#8217;ai posé beaucoup de questions, je sais <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> ) : <q>les grilles apportent-elles une contrainte qui brident la créativité ?</q><br />
Réponse : non, bien au contraire, <strong>il faut des contraintes pour développer la créativité</strong>. Elles agissent comme un guide.</p>
<p>Le rapport permanent du livre au Web était très intéressant. On a tendance à opposer print au Web, moi le premier &#8230; et finalement, elle considère que la page Web se rapproche du <em>volumen</em> (les rouleaux de papier, utilisé pour la Torah notamment).<br />
Plus amusant encore, tout ce qui concerne la typographie a déjà été inventé &#8230; par les moines. Enluminures, marges, blocs de lecture etc.</p>
<p>Un <strong>regard rafraîchissant</strong> de plus sur la manière de concevoir et d&#8217;architecturer nos contenus, nos sites et nos applications.</p>
<p><strong>Conseil lecture</strong> : de Josef Muller-Brockmann.</p>
<div class="wp-caption aligncenter" style="width: 510px"><a href="http://www.flickr.com/photos/nicolas-hoizey/5108562588/"><img class="  " title="La croix au rouge français" src="http://farm2.static.flickr.com/1153/5108562588_7a9d7e59d8.jpg" alt="" width="500" height="333" /></a><p class="wp-caption-text">La crois au rouge français</p></div>
<h3>Conclusion</h3>
<p>Alors, pourquoi avoir titré mon article l&#8217;âge de la raison ? Parce qu&#8217;en plus de partager notre amour du Web, les intervenants de Paris Web, les organisateurs, mais aussi les participants, ont réussi à démontrer qu&#8217;on n&#8217;était plus que dans la diffusion d&#8217;informations à coup de slides.<br />
Non, on était dans la <strong>création</strong>.</p>
<p>L&#8217;âge de la raison parce que finalement, le fond de <strong>cette édition était basé sur les réflexions</strong>. Qui sommes-nous ? Comment valoriser nos compétences ? Comment dialoguer avec le client ? Comment dire que la qualité ce n&#8217;est pas une option (pas la nôtre) ? Comment faire un site Web standard et un site Web mobile en un seul développement ?</p>
<p>L&#8217;âge de la raison car les <strong>processus </strong>de création et les <strong>enjeux métier</strong> étaient au centre des réflexion. Et qu&#8217;on n&#8217;a d&#8217;ailleurs toujours pas une réponse claire. L&#8217;argumentation va s&#8217;étoffer avec le temps, je n&#8217;en doute pas.</p>
<p>Je remercie chaleureusement les organisateurs d&#8217;avoir si bien <strong>réussi </strong>la programmation. Cette matinée typographie est un vent de fraîcheur qu&#8217;il faut continuer à pousser, pour aborder le <em>webdesign</em> d&#8217;un angle peu pratiqué jusqu&#8217;à présent.<br />
L&#8217;expérience de la <a href="http://fr.wikipedia.org/wiki/V%C3%A9lotypie">vélotypie </a>et de la traduction simultanée (et les 2 en même temps) était excellente. Je découvrais l&#8217;effervescence d&#8217;un organisateur des RMLL se demandant comment mettre en place un tel système.</p>
<p>Je terminerai malgré tout par quelques critiques, car on peut toujours progresser :</p>
<ul>
<li>HTML5 c&#8217;est sympa, il faut aller vers du concret, au-delà des balises section, header etc. La démo de Paul Rouget cassait la baraque car elle <strong>apportait ce qu&#8217;il manquait</strong> jusque là : la concrétisation au-delà du <em>slide</em> ;</li>
<li>le <strong>mobile </strong>a quasiment disparu de la programmation alors que l&#8217;an dernier, on sentait que c&#8217;était le sujet de toutes les interrogations</li>
<li>les conférences sur le <strong>contenu</strong>, leur rédaction me font trop souvent penser à des cours de référencement naturel de bas étage (je suis dur, j&#8217;assume)</li>
</ul>
<p>Encore une fois, rendez-vous de pris pour l&#8217;année prochaine, à savoir en 2011 &#8230; à moins qu&#8217;un <strong>Sud Web</strong> se glisse entre temps dans le calendrier ? <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p><strong>Remarque</strong> : j&#8217;oublie plein de choses, plein de personnes (Ryan, toute la <em>famille</em> avec Frank, N1k0 etc.) &#8230; dur dur de tout caser en 1 billet ;-(</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2010/paris-web-2010-age-de-raison/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Paris-Web 2010 : industrialiser l&#8217;artisanat de l&#8217;intégration HTML</title>
		<link>http://case.oncle-tom.net/2010/paris-web-industrialiser-integration-html/</link>
		<comments>http://case.oncle-tom.net/2010/paris-web-industrialiser-integration-html/#comments</comments>
		<pubDate>Mon, 20 Sep 2010 09:00:04 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Standards du Web]]></category>
		<category><![CDATA[atelier]]></category>
		<category><![CDATA[blueprint]]></category>
		<category><![CDATA[bonnes pratiques]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[discussion]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[industrialisation]]></category>
		<category><![CDATA[oocss]]></category>
		<category><![CDATA[optimisation]]></category>
		<category><![CDATA[parisweb]]></category>
		<category><![CDATA[performances]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=17526</guid>
		<description><![CDATA[Je présente un nouvel atelier Paris-Web : "industrialiser l'artisanat de l'intégration HTML" le samedi 16 octobre 2010 à Télécom Paris. Présentation de l'atelier, pourquoi j'ai décidé de l'animer et comment il va s'organiser.
Une chose est sure : on va tous réfléchir ensemble !]]></description>
			<content:encoded><![CDATA[<p>J&#8217;ai le plaisir d&#8217;animer un atelier technique à <a href="http://www.paris-web.fr">Paris-Web</a> pour la troisième année consécutive. Mon premier atelier, en 2008, traitait des <strong>frameworks <acronym title="Cascading Style Sheets">CSS</acronym></strong> ; et en 2009, des capacités de Gears et d&#8217;HTML5 pour <strong>construire un site Web consultable hors-ligne</strong>.</p>
<p>Je reviens aux sources et à mon grand dada avec l&#8217;<strong>intégration <acronym title="HyperText Markup Language">HTML</acronym></strong> au sens large du terme. J&#8217;ai choisi d&#8217;intituler cet atelier : <a href="http://www.paris-web.fr/2010/programme/industrialiser-lartisanat-de-lintegration-html.php">industrialiser l&#8217;artisanat de l&#8217;intégration <acronym title="HyperText Markup Language">HTML</acronym></a>. Rendez-vous le samedi 16 octobre 2010 à 10h50 dans les locaux de <a href="http://www.telecom-paristech.fr/">Télécom Paris</a> pour en discuter &#8230; et maintenant, pour le préparer et en dessiner les contours.</p>
<p><img class="aligncenter size-medium wp-image-17530" title="Paris-Web" src="http://case.oncle-tom.net/images/2010/09/logotype-paris-web-300x203.png" alt="" width="300" height="203" /></p>
<p><span id="more-17526"></span></p>
<h3>Origine de l&#8217;atelier</h3>
<p>Juste après l&#8217;édition 2009 de Paris-Web, je me demandais sur quoi je pourrais parler en conférence ou en atelier. Cette manifestation a le mérite d&#8217;attirer des orateurs de qualité &#8230; et ce n&#8217;est pas évident de monter sur scène en se disant : que pourrais-je apporter au public, qui ne soit pas de la redite et suscite autant d&#8217;intérêt qu&#8217;une <a href="http://stephanietroeth.com/">Stéphanie Troeth</a>, <a href="http://www.la-grange.net/">Karl Dubost</a> ou <a href="http://icant.co.uk/">Christian Heilmann</a>.</p>
<p>Et là j&#8217;ai lu <a href="http://blog.temesis.com/post/2009/12/15/Ma-lettre-a-papa-ParisWeb">la lettre au papa Paris-Web d&#8217;Elie Sloïm</a>. J&#8217;ai de suite pensé à un sujet lié à l&#8217;<strong>intégration <acronym title="HyperText Markup Language">HTML</acronym></strong>. Cette spécialité connaît une effervescence d&#8217;outils depuis 2008 (<em>frameworks</em> <acronym title="Cascading Style Sheets">CSS</acronym>, pré-processeurs <acronym title="Cascading Style Sheets">CSS</acronym> et performances Web) &#8230; pourtant les méthodes de travail restent toujours très liées au développeur, à son tempérament et à ses connaissances d&#8217;outils capables d&#8217;améliorer la productivité. Quelque chose de tout sauf normalisé, industrialisé.</p>
<p>Comme il s&#8217;agit également d&#8217;une pratique ayant du mal à accepter les changements &#8211; je me souviens encore des réticences liées aux <em>frameworks</em>, alors que dans tout langage de programmation ces outils sont perçus comme du pain béni &#8211; je me suis dis qu&#8217;il y avait quelque chose à faire.</p>
<h3>Les axes initiaux de l&#8217;atelier</h3>
<p>En préparant l&#8217;appel à propositions de Paris-Web, j&#8217;avais convenu que cet atelier devrait tenter de répondre aux objectifs suivants :</p>
<ul>
<li>dresser un état de l&#8217;art de l&#8217;intégration <acronym title="HyperText Markup Language">HTML</acronym></li>
<li>offrir une large tribune à l&#8217;audience, notamment en partageant ses  propres retours d&#8217;expérience</li>
<li>déterminer ce dont on dispose et ce dont on manque en terme  d&#8217;outillage</li>
</ul>
<p>Par extension, je souhaitais répondre (au moins) à ces questions :</p>
<ul>
<li>comment bâtir des <acronym title="Cascading Style Sheets">CSS</acronym> indépendantes et réutilisables ?</li>
<li>quand et comment utiliser un préprocesseur <acronym title="Cascading Style Sheets">CSS</acronym> ?</li>
<li>comment dialoguer avec le graphiste ?</li>
<li>comment dialoguer avec le développeur ?</li>
<li>comment détecter les régressions et assurer une qualité de code en  <acronym title="Cascading Style Sheets">CSS</acronym> ?</li>
</ul>
<p>J&#8217;ai également repris l&#8217;historique des précédents Paris-Web pour voir que de précédents ateliers s&#8217;étaient déjà penchés sur la question de la chaine d&#8217;intégration. D&#8217;où mon souhait de ne pas forcément réinventer la roue.</p>
<p>Pour autant, les objectifs tout comme les questions ne sont pas figées dans le marbre. Cet article est également là pour <strong>capter vos avis et vos remarques</strong>, pour ajuster cela avant le jour de l&#8217;atelier.</p>
<h3>Discuter, échanger, et créer</h3>
<p>Enfin, mon évolution personnelle au long de cette année 2010 et certaines paroles de <a href="http://larlet.fr/">David Larlet</a> résonnaient dans ma tête.<br />
Un sujet de cette importance ne peut pas être magistral. Pourquoi ? Parce que tous les intégrateurs rencontrent une <strong>variété de conditions de travail différentes</strong>, et qu&#8217;il serait d&#8217;autant plus difficile d&#8217;obtenir un consensus en prodiguant cet atelier de manière magistrale.</p>
<p>D&#8217;où l&#8217;idée d&#8217;introduire l&#8217;atelier par un <strong>bref résumé de mes retours d&#8217;expérience</strong> sur les <em>frameworks</em> (existants, ou créés pour le besoin), les pré-processeurs <acronym title="Cascading Style Sheets">CSS</acronym>, leur combinaison ainsi que l&#8217;application de la philosophie <a href="http://oocss.org/">Object Oriented <acronym title="Cascading Style Sheets">CSS</acronym></a>. Quelque chose comme 10/15 minutes maximum.</p>
<p>Le reste du temps serait réparti de manière équitable sur chacune des questions, et <strong>animé sous forme de discussion</strong>. Chaque participant répondrait (<em>via</em> des post-it, je les fournirai <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> ) par 1 ou plusieurs réponses, positives et négatives. En gros, ce qu&#8217;il faut faire, et ce qu&#8217;il ne faut pas faire.</p>
<p>Cette collecte en <em>live</em> des post-it, affichés au tableau, permettrait de dresser une <strong>cartographie des bonnes et mauvaises pratiques</strong>, des actions à mener et dont il faut se méfier.</p>
<p>A défaut de parler d&#8217;une industrialisation vidant l&#8217;intégration <acronym title="HyperText Markup Language">HTML</acronym> de son côté artisanal, on aurait une excellente occasion pour tous se poser ensemble les bonnes questions, et <strong>repartir avec des réponses et des idées pleins la tête</strong>.</p>
<h3>Conclusion</h3>
<p>Bref, si le sujet de l&#8217;intégration <acronym title="HyperText Markup Language">HTML</acronym> vous préoccupe, est au centre de vos intérêts et que vous souhaitez en améliorer sa pratique professionnelle (pour une meilleure reconnaissance de celle-ci ?), je vous invite à la fois à venir à l&#8217;atelier technique du samedi (<a href="http://inscriptions.paris-web.fr/">il reste quelques places ; ça ne coûte que 22€</a>) et à réagir en commentaires. Je ferai mon possible pour adapter l&#8217;animation de l&#8217;atelier à vos problématiques et questionnements.</p>
<p>Cet atelier serait ainsi à l&#8217;image de Paris-Web : une <strong>grande discussion conviviale, constructive et enrichissante</strong>.<br />
L&#8217;idée sera ensuite de concrétiser ces échanges soit par un ensemble de billets de blogs soit, si la matière le permet, en <strong>livre blanc</strong>.</p>
<p>Ne me demandez pas ce que je prévois pour 2011, je n&#8217;en ai aucune idée &#8230; <em>pour l&#8217;instant</em> <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2010/paris-web-industrialiser-integration-html/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>Rentrée en vrac : widget VCUB, livres et Internet</title>
		<link>http://case.oncle-tom.net/2010/rentree-widget-vcub-livres-interne/</link>
		<comments>http://case.oncle-tom.net/2010/rentree-widget-vcub-livres-interne/#comments</comments>
		<pubDate>Thu, 09 Sep 2010 09:00:39 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[37signals]]></category>
		<category><![CDATA[apanum]]></category>
		<category><![CDATA[couchdb]]></category>
		<category><![CDATA[livres]]></category>
		<category><![CDATA[netvibes]]></category>
		<category><![CDATA[nodejs]]></category>
		<category><![CDATA[parisweb]]></category>
		<category><![CDATA[rmll]]></category>
		<category><![CDATA[uwa]]></category>
		<category><![CDATA[VCUB]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=17469</guid>
		<description><![CDATA[C'est la rentrée scolaire. Le moment de reprendre les bonnes habitudes qu'on aurait laissé de côté pendant les vacances. Comme celle de bloguer par exemple ; après 2 mois de pause plus ou moins forcée.
Concentré de ce qui s'est passé, et va se passer : mes lectures, synthèse rapide des RMLL, mise à jour du widget VCUB, création d'une association du numérique en Aquitaine et introduction à mon atelier technique de Paris-Web 2010.]]></description>
			<content:encoded><![CDATA[<p>C&#8217;est la rentrée scolaire. Le moment de reprendre les bonnes habitudes qu&#8217;on aurait laissé de côté pendant les vacances. Comme celle de bloguer par exemple ; après 2 mois de pause plus ou moins forcée.</p>
<p>Un peu forcée puisque l&#8217;on s&#8217;est quitté lors du <a href="http://case.oncle-tom.net/2010/rmll-2010/">lancement des RMLL 2010</a>, au début du mois de juillet. Je n&#8217;ai pas pris le temps d&#8217;en dresser un compte-rendu. Toujours est-il que ce fût une expérience à vivre, tant lors des conférences que des <em>afters</em>.<br />
Le remplissage des salles était vraiment aléatoire, avec semblerait-il une légère allergie aux conférences en langue anglaise. J&#8217;ai pris quelques claques, d&#8217;humilité notamment. Merci les indiens (vraiment).</p>
<p>Toujours est-il qu&#8217;il est temps de revenir à la réalité. J&#8217;aurais pu écrire plusieurs articles.<br />
Par manque de temps (ou plutôt parce que je préfère le consacrer à d&#8217;autres choses), je mutualise tout ça dans cet article.</p>
<p><a class="tt-flickr tt-flickr-Medium" title="Homeless" href="http://www.flickr.com/photos/the-jedi/4931830643/"><img class="aligncenter" src="http://farm5.static.flickr.com/4135/4931830643_00fd97c26b.jpg" alt="Homeless" width="500" height="500" /></a></p>
<p><span id="more-17469"></span></p>
<h3>Widget VCUB</h3>
<p>J&#8217;ai peaufiné le <a href="http://case.oncle-tom.net/2010/widget-netvibes-vcub/">widget VCUB pour Netvibes annoncé en avril dernier</a>. J&#8217;ai ajouté ces quelques éléments :</p>
<ul>
<li><strong>simplification de l&#8217;affichage</strong> de la date de mise à jour</li>
<li><strong>recherche</strong> du nom des station (à la volée, ou via la recherche Netvibes)</li>
<li>affichage d&#8217;une carte réduite de station (avec stations à proximité)</li>
<li>choix de la langue d&#8217;affichage (en français par défaut)</li>
<li>correction du <strong>bug d&#8217;ajout de station en favori</strong> (merci à <a href="http://www.ibordeaux.fr/">Sébastien Dugué</a> pour m&#8217;avoir mis sur la piste)</li>
</ul>
<p>En parallèle, je me suis lancé dans un petit projet utilisant les données de VCUB avec <a href="http://nodejs.org/">Node.js</a> et <a href="http://couchdb.apache.org/">CouchDB</a>. J&#8217;espère aboutir à des résultats en 2011.<br />
D&#8217;ici là, je dois accumuler des données, à la fois pour secouer les performances de la base NoSQL mais aussi pour arriver au résultat qui m&#8217;intéresse.</p>
<p>En attendant, vous pouvez toujours <em><a href="http://github.com/oncletom/uwa-vcub">forker</a></em><a href="http://github.com/oncletom/uwa-vcub"> uwa-vcub sur Github</a> ou <a href="http://eco.netvibes.com/widgets/378209/vcub-disponibilite-des-velos">installer le widget VCUB sur votre page Netvibes</a>.</p>
<h3>Boulimie littéraire</h3>
<p>Catalogué <em>geek</em> ou pas, on a beau passer ses journées à travailler dessus/sur/devant un ordinateur, cela n&#8217;empêche pas d&#8217;aimer lire.<br />
Je suis tenu en haleine par un pavé ô combien instructif :  de Jean Lopez. Il s&#8217;agit d&#8217;un livre historique sacrément bien ficelé sur les offensives finales de l&#8217;Armée Rouge entre 1944 et 1945.<br />
Il contient beaucoup d&#8217;explications sur les contextes politiques, géopolitiques et les raisons du succès des Soviets &#8230; jusqu&#8217;aux fondements de la Guerre Froide.<br />
Je recommande fortement sa lecture, pour peu que le sujet vous intéresse.</p>
<p>Se sont entassés sur le canapé, pour cause de bibliothèque remplie :</p>
<ul>
<li>Beginning <strong>CoucbDB</strong> − <a href="nicolas.steinmetz.fr/journal/post/2010/08/28/Lecture-:-Beginning-CouchDB">suite à un article de Nicolas Steinmetz</a></li>
<li>CoucbDB: the Definitive Guide − pour approfondir le sujet</li>
<li>Micro-ISV: from Vision to Reality</li>
<li>Rework − déjà lu et prêté/<a href="http://borisschapira.com/blog/rework-jason-fried-et-david-heinemeier-hansson/">commenté par mon éminent collègue Boris Schapira</a></li>
<li>Absolument dé-bor-dée ! &#8211; comment faire 35 h en un mois&#8230;Quand on est fonctionnaire</li>
<li>Scrum and XP from the Trenches: How We Do Scrum</li>
<li>Améliorer ses taux de conversion Web</li>
<li><strong>Design Thinking</strong>: Integrating Innovation, Customer Experience, and Brand Value</li>
<li>Business Model Generation: A Handbook for Visionaries, Game Changers, and Challengers</li>
<li>Tribes: We Need You to Lead Us</li>
<li>Les Mots sont importants</li>
</ul>
<p>Bref, il me faudra un petit bout de temps pour voir la lumière au bout du tunnel de la lecture.<br />
Peut-être devenir fonctionnaire pour avoir davantage de temps ? <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<h3>Association du numérique en Aquitaine</h3>
<p>Le besoin commençait à se faire sentir depuis quelques temps déjà. <strong>La filière numérique en Aquitaine s&#8217;organise</strong> et est en train de se constituer en association de loi 1901. Elle <q>s’adresse aux acteurs du numérique en Aquitaine qui, par l’innovation, la recherche, la formation ou l’usage, développent la filière numérique dans cette région</q>.</p>
<p><a href="http://www.editoile.fr/association-professionnels-numerique-aquitaine/">Le reste du compte-rendu a été fort bien synthétisé par la secrétaire de l&#8217;association sur le site Éditoile</a>. Il y a à mon avis un besoin d&#8217;opérer en liberté, sans s&#8217;embourber dans des déblatérations sans fin. Je rêve de voir des <em>task force</em> émerger pour apporter leurs réponses à des sujets.<br />
En espérant que cela puisse aider à faire <strong>aboutir une solution intelligente de lieu de coworking à Bordeaux</strong>, pour commencer.<br />
Et éviter une rivalité inutile entre CUB et Mairie de Bordeaux.</p>
<p>Bref, j&#8217;y participe et j&#8217;ai hâte de voir cette agence tous risques à l&#8217;œuvre <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p style="text-align: center;"><a class="tt-flickr tt-flickr-Medium" title="How I Met a Good Moment − Again" href="http://www.flickr.com/photos/the-jedi/4871868747/"><img class="aligncenter" src="http://farm5.static.flickr.com/4102/4871868747_448ba41195.jpg" alt="How I Met a Good Moment − Again" width="500" height="500" /></a></p>
<h3>Paris-Web 2010</h3>
<p>J&#8217;animerai un atelier technique pour la troisième année consécutive. Rendez-vous à l&#8217;atelier provoc&#8217; <a href="http://www.paris-web.fr/2010/programme/industrialiser-lartisanat-de-lintegration-html.php">Industrialiser l&#8217;artisanat de l&#8217;intégration <acronym title="HyperText Markup Language">HTML</acronym></a> le samedi matin, à 10h50. Ça se passe dans les locaux de Télécom Paris, donc beaucoup plus proche du centre de la capitale que lors des précédentes éditions.</p>
<p><strong>Pourquoi industrialiser un artisanat</strong> ? Parce que j&#8217;ai toujours eu la sensation que tenter d&#8217;apporter un semblant d&#8217;organisation (grilles, frameworks &amp; cie) dérangeaient les habitudes, parce qu&#8217;on n&#8217;a pas besoin de davantage, parce que les <acronym title="Cascading Style Sheets">CSS</acronym> doivent rester simple etc.</p>
<p>Bref, cet atelier s&#8217;orientera sur mes retours d&#8217;expériences, dans mon coin et au quotidien, dans divers contextes. J&#8217;ai envie de confronter les problématiques habituelles entre personnes de l&#8217;assemblée.</p>
<p>Je détaillerai tout ça dans mon prochain billet, afin de présenter cela plus en détail.</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2010/rentree-widget-vcub-livres-interne/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>6 changements pour 2010</title>
		<link>http://case.oncle-tom.net/2010/6-changements-pour-2010/</link>
		<comments>http://case.oncle-tom.net/2010/6-changements-pour-2010/#comments</comments>
		<pubDate>Tue, 05 Jan 2010 13:31:53 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Personnel]]></category>
		<category><![CDATA[Projets]]></category>
		<category><![CDATA[6changes]]></category>
		<category><![CDATA[bilan]]></category>
		<category><![CDATA[clever age]]></category>
		<category><![CDATA[couchsurfing]]></category>
		<category><![CDATA[cours]]></category>
		<category><![CDATA[cpp]]></category>
		<category><![CDATA[habitudes]]></category>
		<category><![CDATA[mystery tour]]></category>
		<category><![CDATA[parisweb]]></category>
		<category><![CDATA[rmll]]></category>
		<category><![CDATA[symfony]]></category>
		<category><![CDATA[voyage]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=1483</guid>
		<description><![CDATA[Nous voilà déjà en janvier, le mois des bonnes résolutions, des galettes et du régime alimentaire post-fêtes. L'occasion de jeter un coup d'œil dans le rétroviseur avant de partir fermement en 2010 ... sans résolution, juste avec des améliorations :-)]]></description>
			<content:encoded><![CDATA[<p>Il s&#8217;en est passé des choses en 2009. Pour une année de crise, c&#8217;était avant tout une année on ne peut plus remplie, pleine de projets, de rencontres et de changements.<br />
Ce fût à mes yeux une <strong>excellente année</strong> et si 2010 continue sur cette lancée, le résultat n&#8217;en sera que meilleur.</p>
<p>C&#8217;est l&#8217;occasion de dresser un <strong>rapide bilan de l&#8217;année</strong> et de parler de <a href="http://6changes.com/">6 Changes</a>, une méthode sympathique qui m&#8217;a plu et assez facile à mettre en œuvre.</p>
<p style="text-align: center;"><a title="Bordeaux Fireworks de Oncle Tom, sur Flickr" href="http://www.flickr.com/photos/the-jedi/3728205591/"><img class="aligncenter" src="http://farm4.static.flickr.com/3493/3728205591_48db6692ac.jpg" alt="Bordeaux Fireworks" width="500" height="332" /></a></p>
<p><span id="more-1483"></span></p>
<h3>2009 en 12 mois/moments marquants</h3>
<p>En 2009, j&#8217;ai repris goût au voyage. Ou plutôt, le virus m&#8217;est revenu. Ce fût une excellente année dans le domaine du Web avec des évènements de qualité et une consolidation de mon réseau.</p>
<ol>
<li><strong>janvier</strong> : <a href="http://www.flickr.com/photos/the-jedi/sets/72157612800546826/">séjour en Pologne</a> et première expérience de <a href="http://couchsurfing.org/">CouchSurfing</a> ! − j&#8217;aime le café !</li>
<li><strong>février</strong> : <a href="http://case.oncle-tom.net/2009/faire-part-de-naissance/">teasing sur un projet de livre</a></li>
<li><strong>mars</strong> : mon premier quart de siècle prend fin − la fin d&#8217;une époque, le début d&#8217;une autre</li>
<li><strong>avril</strong> : refonte graphique du blog &#8230; il en avait besoin</li>
<li><strong>mai</strong> : mon dernier <a href="http://blogcamp.fr/">BlogCamp</a> dans l&#8217;organisation, la gestion et le reste − passage de Pentax chez Nikon : ça change la vie !</li>
<li><strong>juin</strong> : je suis officiellement auto-entrepreneur</li>
<li><strong>juillet</strong> : annonce officielle de la sortie du livre « <a href="http://reussir-son-blog.pro/">Réussir son blog professionnel</a> » − derniers ajustements dans la rédaction</li>
<li><strong>août</strong> : trêve estivale − photos, sorties &amp; cie</li>
<li><strong>septembre</strong> : sortie de mon livre « <a href="http://reussir-son-blog.pro/">Réussir son blog professionnel</a> » − <a href="http://www.flickr.com/photos/the-jedi/sets/72157594569683157/">séjour au Canada</a>, en Corse, à <a href="http://www.flickr.com/photos/the-jedi/sets/72157623046822656/">Bayonne</a> et <a href="http://yulbiz.org/">Yulbiz Montréal</a> !</li>
<li><strong>octobre</strong> : <a href="http://paris-web.fr/2009/">Paris-Web 2009</a> ! Excellente cuvée dont je n&#8217;ai pas parlé − est-il trop temps d&#8217;en parler ? − <a href="http://www.flickr.com/photos/the-jedi/sets/72157623046665232/">séjour à New York</a></li>
<li><strong>novembre</strong> : 2 ans chez <a href="http://www.clever-age.com/">Clever Age</a> ; le temps passe vite, chaque année est différente avec de nouveaux défis</li>
<li><strong>décembre</strong> : retouche graphique du blog, décompression, réveillon − plein de bons moments avec des gens que j&#8217;aime</li>
</ol>
<p><a class="tt-flickr tt-flickr-Medium" title="Benches. Alone. Fall." href="http://www.flickr.com/photos/the-jedi/4103189447/"><img class="aligncenter" src="http://farm3.static.flickr.com/2629/4103189447_b906e33a31.jpg" alt="Benches. Alone. Fall." width="500" height="362" /></a></p>
<h3>6 changements</h3>
<p>À vrai dire, j&#8217;attends rarement le mois de janvier pour prendre des résolutions. J&#8217;aime les prendre quand il le faut.<br />
Par le biais de <a href="http://twitter.com">Twitter</a>, je suis tombé sur la méthode <a href="http://6changes.com/">6 Changes</a>. Plutôt que de prendre des résolutions (qui ne sont pas tenues), l&#8217;idée est de <strong>choisir 6 habitudes</strong> que l&#8217;on avait l&#8217;année précédente pour les améliorer l&#8217;année suivante, de manière progressive.</p>
<p>Du coup je me suis dis que j&#8217;allais embrasser cette méthode : ça ne peut être que positif. J&#8217;ai choisi celles-ci :</p>
<ol>
<li><strong>manger plus sainement le midi</strong><br />
L&#8217;inconvénient de travailler dans un cadre garni de bons restaurants, c&#8217;est d&#8217;aimer à goûter à un maximum de choses (l&#8217;inconvénient de la gourmandise <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> )</li>
<li><strong>sortir du lit plus tôt</strong><br />
J&#8217;ai pris la sale habitude de trainer au lit le matin ; l&#8217;objectif étant de retrouver ma spontanéité à sauter du lit au réveil (malgré la fatigue).</li>
<li><strong>utiliser davantage les transports en commun</strong><br />
Je dois prendre la voiture quotidiennement pour atteindre le tramway. J&#8217;aimerais arriver à faire au moins 3 jours sans voiture.</li>
<li><strong>marcher davantage</strong><br />
J&#8217;adore marcher donc cette année, davantage de randonnées. Le top, ça serait avec des <a href="http://www.vibramfivefingers.com">Vibram FiveFingers</a>.</li>
<li><strong>améliorer ma technique photo</strong><br />
Une continuité de 2009, armé de mon D700 et de <a href="http://www.lightcrafts.com/lightzone/">LightZone</a>.</li>
<li><strong>diversifier mes sorties</strong><br />
Le cinéma c&#8217;est chouette, les concerts aussi mais le théâtre, le musée, les expos, les animations locales c&#8217;est bien aussi. Au gré du calendrier.</li>
</ol>
<p>Rien de terrible. Rien d&#8217;impossible.</p>
<h3>Et en 2010 ?</h3>
<p>Pour autant, en 2010 il va se passer des tas de choses.</p>
<h4>Paris-Web 2010</h4>
<p>Comme d&#8217;habitude, difficile de passer à côté de cet évènement. <a href="http://blog.temesis.com/post/2009/12/15/Ma-lettre-a-papa-ParisWeb">Il se murmure dans les couloirs</a> que la tendance sera à l&#8217;<strong>industrialisation</strong>. J&#8217;ai déjà ma petite idée d&#8217;atelier technique, très certainement axée sur l&#8217;intégration graphique, à mon sens, un des secteurs dans lequel il y a encore beaucoup de choses à faire.<br />
La seule interrogation porte sur le temps à ma disposition pour mettre en œuvre sa préparation &#8230; mais j&#8217;imagine que je terminerai la présentation comme cette année, dans la chambre d&#8217;hôtel <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<h4>Master Pro Communication Publique et Politique (CPP)</h4>
<p>Cette année je retourne sur les bancs de l&#8217;école, à nouveau de l&#8217;autre côté du bureau, celui de l&#8217;enseignement. Cette filière est à la croisée entre Sciences Po et l&#8217;<a href="http://www.isic.u-bordeaux3.fr/">ISIC</a>. Mon but sera d&#8217;expliquer les rouages de la communication Web, en passant par les blogs et Twitter.<br />
C&#8217;est une des conséquences de la publication de <a href="http://reussir-son-blog.pro/">Réussir son blog professionnel</a> (merci Amar <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> ).</p>
<h4>Symfony Live 2010</h4>
<p>En février, je présenterai une session sur le couplage entre <a href="http://gears.google.com">Gears</a> et l&#8217;admin-generator de <a href="http://symfony-project.org/">symfony</a>. A priori, je partirai directement sur l&#8217;utilisation d&#8217;HTML5 mais dans tous les cas, ça sera 50 minutes sur l&#8217;automatisation d&#8217;un procédé, un peu compliqué de prime abord.<br />
Ça sera en anglais, devant plein de gens super balèzes. J&#8217;ai peur.</p>
<h4>Rencontres Mondiales du Logiciel Libre (RMLL)</h4>
<p>En juillet, les <a href="http://rmll.info/">RMLL</a> reviennent à Bordeaux pour fêter leurs 10 ans ! À ce titre,  je suis co-responsable des sessions Internet avec <a href="http://prendreuncafe.com/">Nicolas Perriault</a>. Les appels à candidatures ont lieu jusqu&#8217;en mars donc si vous avez envie de participer, n&#8217;hésitez pas à me <a href="/contact/">contacter</a> ou à envoyer une requête à <a href="mailto:contact@rmll.info">contact@rmll.info</a>.</p>
<h4>Mystery Tour</h4>
<p>Chaque année, chez Clever Age, on organise un séjour de 2 jours dans une destination inconnue, tous ensemble. Cette année je me charge d&#8217;organiser cet enfer &#8230; je ne sais pas où <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_biggrin.gif' alt=':-D' class='wp-smiley' /><br />
Mais il y a de fortes chances que ça soit quelque chose proche de mes valeurs &#8230; appréciées de tous <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<h4>Voyages &amp; escapades</h4>
<p>La France est belle alors je vais en continuer son exploration. J&#8217;aimerais également aller à Berlin, et pourquoi pas si je gagne au Loto, en Islande. Sinon ça sera pour l&#8217;an prochain <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>Et vous, des choses de prévues ? Des choses à retenir &#8230; ou à améliorer ?</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2010/6-changements-pour-2010/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Développement efficace avec les frameworks CSS</title>
		<link>http://case.oncle-tom.net/2008/developpement-efficace-frameworks-css/</link>
		<comments>http://case.oncle-tom.net/2008/developpement-efficace-frameworks-css/#comments</comments>
		<pubDate>Tue, 25 Nov 2008 06:00:08 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[blueprint]]></category>
		<category><![CDATA[bonnes pratiques]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[frameworks]]></category>
		<category><![CDATA[logiciels libres]]></category>
		<category><![CDATA[parisweb]]></category>
		<category><![CDATA[rythme vertical]]></category>
		<category><![CDATA[xhtml]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=1211</guid>
		<description><![CDATA[J&#8217;ai eu peur il y a 2 semaines en arrivant à Paris-Web 2008 : en discutant avec plusieurs personnes, il se trouve que peu d&#8217;entre elles connaissaient les frameworks CSS. Je craignais de n&#8217;attirer personne avec ce sujet lors des ateliers du samedi. Les frameworks CSS ont été mentionnés la première fois dans la conférence [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-1214" title="Logo Blueprint" src="http://case.oncle-tom.net/images/2008/11/blueprint-logo.png" alt="" width="340" height="82" /></p>
<p>J&#8217;ai eu peur il y a 2 semaines en arrivant à <a href="http://case.oncle-tom.net/2008/11/20/paris-web-2008-webdesign-qualite-standards/">Paris-Web 2008</a> : en discutant avec plusieurs personnes, il se trouve que peu d&#8217;entre elles connaissaient les <em>frameworks</em> <acronym title="Cascading Style Sheets">CSS</acronym>. Je craignais de n&#8217;attirer personne avec ce sujet lors des <a href="http://www.paris-web.fr/2008/-samedi-15-novembre-technique-">ateliers du samedi</a>.</p>
<p>Les <em>frameworks</em> <acronym title="Cascading Style Sheets">CSS</acronym> ont été mentionnés la première fois dans la conférence <a href="http://www.wait-till-i.com/2008/10/31/working-in-the-now/">Working in the Now</a> (<a title="Visualiser la présentation Working in the Now de Christian Heilmann" href="http://www.slideshare.net/cheilmann/working-in-the-now-presentation">visualiser la présentation</a>). Au final, on n&#8217;était pas loin de faire salle comble avec plus d&#8217;une vingtaine de participants à vue de nez.</p>
<p>Une petite scéance de rattrapage s&#8217;impose <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p><span id="more-1211"></span></p>
<h3>Pourquoi avoir choisi ce sujet ?</h3>
<p>J&#8217;ai lu un article sur <a href="http://www.biologeek.com/ergonomie,informatique/l-importance-du-rythme-vertical-en-design-css/">l&#8217;importance du rythme vertical</a> l&#8217;an dernier sur <a href="http://www.biologeek.com">Biologeek</a> et ça m&#8217;a sensibilisé au fait qu&#8217;on pouvait rendre la lecture d&#8217;un site tout simplement en rendant prédictible la position du texte.</p>
<p>Entre temps j&#8217;ai également lu l&#8217;excellent <a href="http://case.oncle-tom.net/2007/12/11/critique-transcender-css-sublimez-design-web/">Transcender <acronym title="Cascading Style Sheets">CSS</acronym></a> d&#8217;<a href="http://www.stuffandnonsense.co.uk">Andy Clarke</a>. J&#8217;y ai été sublimé par des présentations de sites totalement en grille.</p>
<p>Depuis je suis devenu fan de <a href="http://www.blueprintcss.org/">Blueprint <acronym title="Cascading Style Sheets">CSS</acronym></a> (je crois que ça s&#8217;est remarqué lors de mon intervention <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> ). J&#8217;ai commencé à l&#8217;utiliser sur des projets personnels puis dans un cadre professionnel. J&#8217;utilisais déjà <a href="http://www.symfony-project.org">symfony</a> comme framework <acronym title="Pre-Hypertext Processing">PHP</acronym> et <a href="http://jquery.com">jQuery</a> comme framework JavaScript alors pourquoi pas Blueprint ?</p>
<p>Comme le suggérait très justement <a href="http://www.wait-till-i.com">Christian Heilmann</a> dans sa présentation, l&#8217;utilisation d&#8217;outils déjà existants est nécessaire pour réduire les coûts de production. C&#8217;était déjà un bon alibi mais je les apprécie aussi parce qu&#8217;on gagne un temps fou ! On se concentre sur le code métier, pas le reste.</p>
<h3>La présentation</h3>
<p>Je n&#8217;en dis pas plus, je vous laisse lire la présentation. Ayez toutefois en tête qu&#8217;en vrai elle dure facilement 1h.</p>
<div style="text-align:center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=pariswebdeveloppementefficaceframeworkscss-1226764594180788-9&amp;stripped_title=dveloppement-efficace-avec-les-frameworks-css-presentation" /><embed type="application/x-shockwave-flash" width="425" height="355" src="http://static.slideshare.net/swf/ssplayer2.swf?doc=pariswebdeveloppementefficaceframeworkscss-1226764594180788-9&amp;stripped_title=dveloppement-efficace-avec-les-frameworks-css-presentation" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<h3>Ce qu&#8217;il faut en retenir</h3>
<p>J&#8217;ai rencontré 2 types de réactions lorsque j&#8217;ai parlé des frameworks : les enthousiastes et les réfractaires.</p>
<p>Je ne reviens pas sur les enthousiastes : il suffit de lire ma présentation. Les atouts les ont clairement séduit.<br />
Je m&#8217;intéresserai plutôt aux réfractaires. Assez paradoxalement, ce n&#8217;est pas dans la salle que je les ai eu mais en dehors. Les principaux arguments étaient :</p>
<ul>
<li>ça rajoute des kilo-octets superflus</li>
<li>on perd le contrôle de notre code</li>
<li>j&#8217;utilise déjà le mini-framework d&#8217;un collègue ou qui existait dans mon entreprise avant que j&#8217;arrive</li>
</ul>
<p>Ces arguments sont tout à fait acceptables &#8230; mais ça dépend dans quel contexte.</p>
<div id="attachment_1215" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-1215" title="Exemple de mise en forme en grille" src="http://case.oncle-tom.net/images/2008/11/blueprint-sample.png" alt="Exemple de mise en forme en grille" width="500" height="226" /><p class="wp-caption-text">Exemple de mise en forme en grille</p></div>
<p>Les sites à la recherche de performances exceptionnelles, ceux pour qui un Ko supprimé économise plusieurs Go de bande-passante par jour &#8230; oui ceux-là ont un grand intérêt à réfléchir à l&#8217;adoption d&#8217;un <em>framework</em>, aussi compressé qu&#8217;il soit.<br />
Je ne me fais pas de soucis pour eux : en général ils ont leur propre <em>framework</em>, totalement adapté à leur besoin. Cependant ça n&#8217;empêche pas d&#8217;aller prendre des idées ailleurs et de découvrir de nouveaux concepts. Puis de les intégrer.</p>
<p>Lorsqu&#8217;on adopte un outil de développement rapide (RAD), la conception ne se fait plus par rapport à nos habitudes mais par rapport à des <strong>principes établis</strong>. On ne fait plus forcément comme on veut mais les meilleurs <em>frameworks</em> disposent de fonctionnalités répondant à cette problématique. Le <a href="http://www.jdclayton.com/blueprints_compress_a_walkthrough.html"><em>compressor</em></a> de Blueprint en est un parfait exemple.<br />
Il permet de construire une version de Blueprint adaptée à son besoin, inclut des feuilles de notre choix et compresse le tout en un seul fichier prêt à la mise en production.</p>
<p>Maintenant l&#8217;avantage d&#8217;un <em>framework</em> c&#8217;est qu&#8217;une <strong>communauté</strong> ou un groupe de personnes compétentes en ont la gestion. Ces mainteneurs produisent une documentation, des spécifications et un code suffisamment compréhensible à lire. Ce n&#8217;est pas forcément le cas de Joe le développeur à qui on aura demandé 36 choses en même temps.<br />
Je fais davantage confiance à un outil éprouvé avec succès sur des milliers de projets qu&#8217;un outil développé sur un coin de bureau, malgré toute la bonne volonté de son concepteur.<br />
C&#8217;est également un risque certes mais un bon outil délaissé aura tout de même le mérite de fonctionner &#8230; et d&#8217;avoir davantage de chances de trouver un repreneur.</p>
<p>Une remarque intéressante a également émergé de l&#8217;atelier : faut-il utiliser un <em>framework</em> <acronym title="Cascading Style Sheets">CSS</acronym> avant ou après que la créa graphique ait été établie ?<br />
Je réitère ma réponse : <strong>l&#8217;idéal est que tout soit pris en charge le plus tôt possible</strong>. Autrement dit, intégrer les contraintes du <em>framework</em> dès la conception graphique est un gros atout. Le découpage de la maquette n&#8217;en sera que facilité et ça évitera tout bricolage.<br />
Certains outils l&#8217;ont d&#8217;ailleurs bien compris en proposant des supports pour graphistes au format PSD, Visio, Fireworks etc.</p>
<div id="attachment_1213" class="wp-caption aligncenter" style="width: 310px"><a href="http://case.oncle-tom.net/images/2008/11/960-sketch-sheets.png"><img class="size-medium wp-image-1213" title="Feuilles de dessin pour 960 Grid System" src="http://case.oncle-tom.net/images/2008/11/960-sketch-sheets-300x232.png" alt="Feuilles de dessin pour 960 Grid System" width="300" height="232" /></a><p class="wp-caption-text">Feuilles de dessin pour 960 Grid System</p></div>
<h3>Conclusion</h3>
<p>Quoiqu&#8217;il en soit, les <em>frameworks</em> <acronym title="Cascading Style Sheets">CSS</acronym> sont à mon avis promis à un bel avenir dès lors que les critères d&#8217;industrialisation auront débarqué au sein des agences Web.</p>
<p>Aujourd&#8217;hui une petite agence a tout à gagner à maîtriser de tels outils et à annoncer qu&#8217;elle développera mieux, plus vite et moins cher. Le prix ne fait pas tout : ce sont les <strong>outils et la qualité du développement</strong>. Tous les <em>frameworks</em> cités sont également des logiciels libres.</p>
<p>J&#8217;espère que cet aperçu rapide aura ouvert les yeux à certains d&#8217;entre vous. Je suis preneur de vos retours, surtout en entreprise. Ça vaut également pour celles et ceux qui ne sont toujours pas convaincu de l&#8217;intérêt des <em>frameworks</em> <acronym title="Cascading Style Sheets">CSS</acronym> <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p><strong>Remarque</strong> : il y avait 2 ateliers complémentaires à Paris-Web :</p>
<ul>
<li><a href="http://css.mammouthland.net/parisweb/optimisation-css.php">Optimiser ses <acronym title="Cascading Style Sheets">CSS</acronym></a></li>
<li><a href="http://romy.tetue.net/spip.php?article555">Cascade et héritage : concevoir, organiser, optimiser et maintenir ses feuilles de style</a></li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2008/developpement-efficace-frameworks-css/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>Paris-Web 2008 : au nom du webdesign, de la qualité et des standards</title>
		<link>http://case.oncle-tom.net/2008/paris-web-2008-webdesign-qualite-standards/</link>
		<comments>http://case.oncle-tom.net/2008/paris-web-2008-webdesign-qualite-standards/#comments</comments>
		<pubDate>Thu, 20 Nov 2008 06:00:13 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[Standards du Web]]></category>
		<category><![CDATA[bonnes pratiques]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[logiciels libres]]></category>
		<category><![CDATA[paris]]></category>
		<category><![CDATA[parisweb]]></category>
		<category><![CDATA[performances]]></category>
		<category><![CDATA[pw2008]]></category>
		<category><![CDATA[qualité]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=1203</guid>
		<description><![CDATA[J&#8217;ai enfin pu assister à mon premier Paris-Web à Paris du 13 au 15 novembres 2008 inclus. C&#8217;était bien, très bien mais que dis-je : excellent ! J&#8217;ai rarement eu aussi peu envie de rentrer chez moi après cette multitude de rencontres dans un état d&#8217;esprit des plus respectueux. Y&#8217;a même pas de troll pendant [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-1204" title="Badge Paris-Web 2008" src="http://case.oncle-tom.net/images/2008/11/badge-paris-web-2008.jpg" alt="" width="327" height="500" /></p>
<p>J&#8217;ai <em>enfin</em> pu assister à mon premier <a href="http://www.paris-web.fr/">Paris-Web</a> à Paris du 13 au 15 novembres 2008 inclus. C&#8217;était bien, très bien mais que dis-je : excellent ! J&#8217;ai rarement eu aussi peu envie de rentrer chez moi après cette multitude de rencontres dans un état d&#8217;esprit des plus respectueux.</p>
<p>Y&#8217;a même pas de troll pendant la conférence <em>Internet Explorer 8</em>, c&#8217;est dire.</p>
<p><span id="more-1203"></span></p>
<h3>Les conférences en quelques mots</h3>
<p>Les <a href="http://www.paris-web.fr/2008/-programme-">conférences de Paris-Web 2008</a> étaient réparties du jeudi au vendredi. Je souhaitais intituler cette partie &laquo;&nbsp;mes conférences préférées&nbsp;&raquo; mais en faisant le décompte, j&#8217;en citerais au moins 75% :</p>
<ul>
<li><a href="http://www.slideshare.net/elirene/sp-parisweb2008-20081113-presentation/">Qualité et accessibilité Web : vers l’amélioration continue</a></li>
<li><a href="http://www.slideshare.net/cheilmann/working-in-the-now-presentation">Travailler dans le présent</a></li>
<li><strong>Accessibilité, des volontaires ?</strong></li>
<li>Internationalisation</li>
<li><strong>La mode se démode, le &lt;style&gt; jamais</strong></li>
<li>Identité 2.0 et Web sémantique</li>
<li>IE8 et les standards du Web</li>
<li><strong>Performances côté client</strong></li>
</ul>
<div class="wp-caption aligncenter" style="width: 344px"><a class="tt-flickr tt-flickr-Medium" title="Stéphane Deschamps" href="http://www.flickr.com/photos/the-jedi/3034676683/"><img src="http://farm4.static.flickr.com/3237/3034676683_5eedcfdbb4.jpg" alt="Stéphane Deschamps" width="334" height="500" /></a><p class="wp-caption-text">Stéphane Deschamps</p></div>
<p>Ce qu&#8217;il faut retenir c&#8217;est que désormais, nous sommes dans une époque où nombre d&#8217;outils sont à notre disposition. Il faut <strong>maximiser l&#8217;utilisation d&#8217;outils déjà existants</strong> et s&#8217;en servir pour bâtir nos applications, interfaces et présentations.</p>
<p>Il faut également qu&#8217;on en finisse avec notre approche trop technique et intégriste de travailleurs du Web : <strong>le client se fiche éperdument de la techno employée</strong> ou de la fonctionnalité en elle-même. Ce qui compte c&#8217;est ce qu&#8217;elle apporte ainsi que le résultat final.<br />
Bien entendu, si la solution employée tient compte des performances et est facile à mettre en œuvre, c&#8217;en n&#8217;est que mieux.</p>
<p>Élie me faisait la remarque : <strong>il faut vendre de la qualité et pas de l&#8217;accessibilité</strong>. Il faut vendre un site qui rassure et guide le client. Si le site n&#8217;est déjà pas adapté aux individus sans déficiences, à quoi bon s&#8217;acharner à le rendre accessible ?<br />
Mieux vaut beaucoup de sites accessibles à 60% qu&#8217;une infime proportion de sites accessibles à 99%.</p>
<p>Bon nombre de conseils sur l&#8217;optimisation des sites Web étaient déjà cités dans l&#8217;excellentissime <a href="http://case.oncle-tom.net/2008/07/15/high-performance-web-sites/">livre High Performances Websites</a>. L&#8217;équipe <em>Exceptional Performance</em> de Yahoo! s&#8217;est toutefois penchée à fond sur l&#8217;optimisation des images.<br />
J&#8217;y reviendrai d&#8217;ailleurs car j&#8217;ai découvert <em>pngnq</em> et <em>pngcrush</em>. Ces 2 programmes sont d&#8217;une utilité redoutable pour compresser et optimiser vos <acronym title="Portable Network Graphics">PNG</acronym>, notamment pour faciliter la transparence <acronym title="Internet Explorer 6">IE6</acronym> sans douleur.</p>
<div class="wp-caption aligncenter" style="width: 348px"><a class="tt-flickr tt-flickr-Medium" title="Chris Wilson" href="http://www.flickr.com/photos/the-jedi/3043455147/"><img src="http://farm4.static.flickr.com/3135/3043455147_016c2baa1d.jpg" alt="Chris Wilson" width="338" height="500" /></a><p class="wp-caption-text">Chris Wilson</p></div>
<p>On terminera également avec une perspective du futur.<br />
Daniel Glazman a fait un show exceptionnel sur les <strong>nouveautés de CSS3</strong> avec tout plein de bonnes choses. J&#8217;ai vraiment hâte qu&#8217;on puisse jouer avec &#8230; peut-être dans pas si longtemps que ça vu que les navigateurs intègrent ces nouveautés par anticipation.</p>
<p>De son côté, Chris Wilson (qui faisait déjà partie de l&#8217;équipe de développement de Mozaïc) a abordé les standards et Internet Explorer 8. En toute honnêteté, j&#8217;admire la bravoure de cet homme &laquo;&nbsp;seul&nbsp;&raquo; face à une assemblée pro-standards qui passe sa journée à jeter des cailloux sur Internet Explorer.<br />
Pour avoir un peu discuté avec lui après coup, il représente une chance exceptionnelle d&#8217;enfin avoir Internet Explorer au niveau des autres navigateurs.</p>
<p>Si fonctionnellement je me fiche éperdument du navigateur puisque je ne l&#8217;utiliserai plus, le monde a tout à gagner à avoir <strong>un navigateur de plus à respecter les standards</strong>.<br />
Bon courage à Chris car ça ne doit pas être évident tous les jours pour lui. Je n&#8217;ose pas imaginer les montages qu&#8217;il a dû déplacer pour imposer ce choix du respect.</p>
<h3>Du côté des ateliers</h3>
<p>Le samedi c&#8217;était ateliers : 2 sessions le matin et 2 l&#8217;après-midi. Je me suis d&#8217;ailleurs vite retrouvé avec des choix cornéliens puisque pour chaque horaire, il y avait 5 sujets qui se faisaient concurrence.</p>
<p>J&#8217;ai pour ma part assisté à :</p>
<ul>
<li><a href="http://www.paris-web.fr/2008/-samedi-15-novembre-technique-#hcalendar-Paris-Web_2008-15_novembre_2008-atelier-redaction_et_referencement_naturel">Rédaction Web et référencement naturel</a></li>
<li><a href="http://www.paris-web.fr/2008/-samedi-15-novembre-technique-#hcalendar-Paris-Web_2008-15_novembre_2008-atelier-validation_formulaires">Validation avancée des formulaires</a></li>
<li><a href="http://www.paris-web.fr/2008/-samedi-15-novembre-technique-#hcalendar-Paris-Web_2008-15_novembre_2008-atelier-frameworks_CSS">Développement efficace avec les <span lang="en">frameworks <acronym title="Cascading Style Sheet"><acronym title="Cascading Style Sheets">CSS</acronym></acronym></span></a></li>
<li><a href="http://www.paris-web.fr/2008/-samedi-15-novembre-technique-#hcalendar-Paris-Web_2008-15_novembre_2008-atelier-rdf_vs_microformats"><acronym title="Resource Description Framework" lang="en"><acronym title="Resource Description Framework">RDF</acronym></acronym>a <abbr class="discret" title="versus" lang="en">vs</abbr> Microformats</a></li>
</ul>
<p>La <strong>rédaction Web était intéressante</strong> même si je n&#8217;ai pas appris grand chose et j&#8217;en profitais pour terminer mes <em>slides</em>. Vous retrouverez tout le contenu de cette présentation dans le livre <a href="http://case.oncle-tom.net/2008/01/08/ecrit-web-traitement-information-sur-internet/">l&#8217;écrit Web</a>.</p>
<p>La <strong>validation avancée des formulaires partait d&#8217;un bon principe</strong> mais s&#8217;enfonçait inutilement dans certaines parties. À mon avis, expliquer chaque fonction (y compris celles du <acronym title="Document Object Model">DOM</acronym>) était une perte de temps.<br />
Conseil : charger ses slides ne rend pas pour autant l&#8217;information digeste. C&#8217;est pas un document Word.<br />
C&#8217;était néanmoins intéressant pour le raisonnement et la satisfaction de mettre en place son propre validateur. Toutefois en production autant utiliser de l&#8217;existant. Il y a des <em>plugins</em> pour tous les bons frameworks JavaScript qui se respectent.</p>
<p>Je passe sur l&#8217;atelier des <strong>frameworks <acronym title="Cascading Style Sheets">CSS</acronym></strong> puisque je l&#8217;animais. J&#8217;y reviendrai dans un prochain article pour appuyer ma présentation et fournir des explications à ceux qui n&#8217;ont pas pu y assister.<br />
J&#8217;étais en revanche étonné qu&#8217;ils soient si peu connus. J&#8217;ai par contre été enchanté de les voir cités à plusieurs reprises dans mes conférences préférées <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>Rien à redire sur <strong>RDFa vs. Microformats</strong> même si on aurait pu éjecter les microformats rapidements et plonger encore plus loin dans la pratique de RDFa. Ça sera prétexte à une suite plus technique l&#8217;an prochain <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<div class="wp-caption aligncenter" style="width: 510px"><a class="tt-flickr tt-flickr-Medium" title="Amélie Boucher" href="http://www.flickr.com/photos/the-jedi/3035518848/"><img src="http://farm4.static.flickr.com/3175/3035518848_5670eddbfa.jpg" alt="Amélie Boucher" width="500" height="334" /></a><p class="wp-caption-text">La sublime Amélie Boucher</p></div>
<h3>Sans oublier les gens !</h3>
<p>Paris-Web c&#8217;est aussi l&#8217;occasion de <a href="http://www.biologeek.com/2008/11/paris-web-2008-retours-chaud/">rencontrer la moitié de son aggrégateur</a> et de ses <em>followers</em> Twitter <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>Et Dieu sait s&#8217;il y avait tout un tas de pointures du Web à notre disposition dans une ambiance exceptionnellement cordiale :</p>
<ul>
<li>Sophie Major, big boss du Yahoo! Developer Network</li>
<li><a href="http://www.stubbornella.org/">Nicole Sullivan</a>, de l&#8217;équipe Yahoo! <em>Exceptional Performance</em></li>
<li><a href="http://www.wait-till-i.com/">Christian Heilmann</a> et son incroyable bonne humeur pragmatique ; je suis fan !</li>
<li><a href="http://glazman.org">Daniel Glazman</a>, du <acronym title="Cascading Style Sheets">CSS</acronym> Working Group ; franc, direct et j&#8217;aime ça</li>
<li>Sans oublier pêle-mêle <a href="http://www.sutekidane.net/">Than</a>, <a href="http://www.tentatives-accessibles.eu">Sébastien Delorme</a>, <a href="http://blog.webatou.info/">Monique</a>, <a href="http://www.jeuxdemaux.com/">La Lène</a>, <a href="http://www.ergolab.net">Amélie Boucher</a>, <a href="http://redisdead.net">Hellgy</a>, <a href="http://goetter.fr">Raphaël Goetter</a>, <a href="http://openweb.eu.org/">Fabrice Bonny</a>, <a href="http://www.netvibes.com/znarf">François Hodierne</a>, <a href="http://xavier.borderie.net/blog/">Xavier Borderie</a> &#8230; et en oubliant très certainement plein d&#8217;autres :&#8217;(</li>
<li>Et d&#8217;excellentes découvertes : <a href="http://hanblog.info/blog/">Anthony Ricaud</a>, <a href="http://blog.virgule.info/">Mathieu Pillard</a> et toute l&#8217;<strong>équipe Paris-Web</strong> !</li>
</ul>
<div class="wp-caption aligncenter" style="width: 510px"><a class="tt-flickr tt-flickr-Medium" title="Table ronde du jeudi" href="http://www.flickr.com/photos/the-jedi/3034679191/"><img src="http://farm4.static.flickr.com/3270/3034679191_d551c06a85.jpg" alt="Table ronde du jeudi" width="500" height="334" /></a><p class="wp-caption-text">La brochette des meilleurs !</p></div>
<h3>Conclusion</h3>
<p>Bref, <strong>Paris-Web c&#8217;est bien</strong>. Tellement bien que l&#8217;attente de l&#8217;édition 2009 me paraît déjà insoutenable !</p>
<p>Je ne regrette au final qu&#8217;une chose : 3 jours ça paraît long mais ça passe teeeeeeeeeeeeellement vite en compagnie de personnes de qualité avec un programme chargé.<br />
J&#8217;ai essayé de discuter avec un maximum de personnes, que je connaissais ou pas, mais des fois c&#8217;est très insuffisant.</p>
<p>Les tables rondes étaient également exceptionnelles &#8230; désolé ça frise le billet sponsorisé mais il est difficile de ne pas déborder d&#8217;enthousiasme après un tel évènement.</p>
<p>C&#8217;est l&#8217;<strong>effet Paris-Web</strong>. Rendez-vous est pris.</p>
<p><a class="tt-flickr tt-flickr-Medium" title="François Yergeau nous parle d'internationalisation" href="http://www.flickr.com/photos/the-jedi/3039040472/"><img class="aligncenter" src="http://farm4.static.flickr.com/3020/3039040472_65bfdecfbd.jpg" alt="François Yergeau nous parle d'internationalisation" width="500" height="334" /></a></p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2008/paris-web-2008-webdesign-qualite-standards/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>Mes rendez-vous d&#8217;octobre/novembre : Web2, Paris-Web &amp; cie</title>
		<link>http://case.oncle-tom.net/2008/rendez-vous-octobre-novembre-web2-paris-web/</link>
		<comments>http://case.oncle-tom.net/2008/rendez-vous-octobre-novembre-web2-paris-web/#comments</comments>
		<pubDate>Fri, 03 Oct 2008 20:30:30 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Personnel]]></category>
		<category><![CDATA[blogcamp]]></category>
		<category><![CDATA[bordeaux]]></category>
		<category><![CDATA[diagnostic aquitaine]]></category>
		<category><![CDATA[digiborigene]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[netvibes]]></category>
		<category><![CDATA[parisweb]]></category>
		<category><![CDATA[rendez-vous]]></category>
		<category><![CDATA[symfony]]></category>
		<category><![CDATA[webdeux.connect]]></category>
		<category><![CDATA[yann leroux]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=1152</guid>
		<description><![CDATA[Les mois d&#8217;octobre et de novembre seront assurément chargés cette année puisqu&#8217;il y aura, entre autre, 3 évènements où il me paraît difficile de ne pas être : Le Diagnostic de l&#8217;Aquitaine Numérique Webdeux.Connect Paris-Web 2008 Bref, 2 évènements à Paris, 1 à Bordeaux et beaucoup de contacts en perspective Diagnostique de l&#8217;Aquitaine Numérique Chaque [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-thumbnail wp-image-1153 aligncenter" title="Webdeux.connect" src="http://case.oncle-tom.net/images/2008/10/webdeuxconnect_300_250-150x150.jpg" alt="" width="150" height="150" /></p>
<p>Les mois d&#8217;octobre et de novembre seront assurément chargés cette année puisqu&#8217;il y aura, entre autre, 3 évènements où il me paraît difficile de ne pas être :</p>
<ul>
<li><a href="http://www.aecom.org/blog/rdv/2008/09/un-nouvel-outil-de-gouvernance-des-tic.html">Le Diagnostic de l&#8217;Aquitaine Numérique</a></li>
<li><a href="http://fr.amiando.com/webdeux-connect.html">Webdeux.Connect</a></li>
<li><a href="http://www.paris-web.fr/2008/">Paris-Web 2008</a></li>
</ul>
<p>Bref, 2 évènements à Paris, 1 à Bordeaux et beaucoup de contacts en perspective <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> <span id="more-1152"></span></p>
<h3>Diagnostique de l&#8217;Aquitaine Numérique</h3>
<p>Chaque année depuis 7 ans, l&#8217;<a href="http://www.aecom.org">AEC</a> publie son Diagnostique de l&#8217;Aquitaine Numérique qui recense entre autre :</p>
<ul>
<li>l&#8217;évolution de l&#8217;équipement numérique des <strong>entreprises</strong></li>
<li>l&#8217;évolution de l&#8217;équipement numérique et des <strong>comportements des ménages</strong></li>
<li>l&#8217;évolution de l&#8217;<strong>infrastructure et des organismes</strong> liés au développement du numérique en Aquitaine</li>
</ul>
<p>Ce sera une première pour moi mais j&#8217;imagine que ça sera à la hauteur de mes espérances : c&#8217;est à dire bien. Les buffets de <a href="http://www.dailymotion.com/video/x6n1yl_mesure-de-laquitaine-numerique_tech">Monsieur Gilliard</a> sont toujours un succès <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>C&#8217;est <strong>lundi 6 octobre à 17h00</strong> à Cap Sciences à Bordeaux.</p>
<h3><img class="aligncenter size-medium wp-image-1155" title="Diagnostique Aquitaine" src="http://case.oncle-tom.net/images/2008/10/diagnotic-aquitaine.gif" alt="" width="149" height="61" /></h3>
<h3>Webdeux.Connect</h3>
<p>J&#8217;ai failli y aller l&#8217;an dernier, on m&#8217;a plus que très fortement recommandé et insisté d&#8217;y être cette année donc sous la pression, j&#8217;y serai &#8230; parmi les 400 autres personnes attendues !</p>
<p>Alors non je ne vais pas participer à la link-party <a href="http://www.webdeux.info/online-link-party-en-vue-du-webdeuxconnect">Webdeux.Connect</a> car à part vous étouffer avec plus de 300 liens, j&#8217;ai le vague sentiment que vous n&#8217;apprécierez pas.<br />
Je suis cependant très content de pouvoir aller y réseauter et rencontrer en chair et en os des personnes que je croise régulièrement sur le Web français comme :</p>
<ul>
<li><a href="http://webdeux.info/">Jean-François Ruiz</a> (et merci <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  )</li>
<li><a href="http://www.monetiweb.com/">Frédéric Cozic</a></li>
<li><a href="http://www.simpleentrepreneur.com/">Stéphane Thomas</a></li>
<li><a href="http://www.fran6art.com/">Francis Chouquet</a></li>
<li><a href="http://www.blogsnco.fr/">Laure Dessaux</a> (depuis l&#8217;temps !)</li>
<li>et tant d&#8217;autres</li>
</ul>
<p>Et grosse surprise de voir <a href="http://www.flickr.com/">Samir Ramjan</a> m&#8217;ajouter ce matin dans ses contacts Facebook ! Si je gagne pas un autocollant Flickr avec tout ça <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  Un de mes sites modèles !</p>
<p>Si jamais certains d&#8217;entre vous y vont, n&#8217;<strong>hésitez pas à vous signaler</strong> <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  Histoire qu&#8217;on se croise dans la foule.</p>
<p>À noter par contre que je repars le soir donc pas de présence à la soirée sauf si éventuellement quelqu&#8217;un veut bien partager un dessous de pont avec moi (je dis ça, je dis rien &#8230;).</p>
<p>C&#8217;est <strong>samedi 11 octobre de 8h30</strong> jusqu&#8217;à pas d&#8217;heure à l&#8217;<a href="http://www.lusine-saintdenis.com">Usine</a>.</p>
<h3>Paris-Web 2008</h3>
<p><img class="aligncenter size-full wp-image-1154" title="Paris-Web 2008" src="http://case.oncle-tom.net/images/2008/10/paris-web-2008.png" alt="" width="326" height="84" /></p>
<p>Je l&#8217;attendais depuis 1 an, j&#8217;ai posé mes congès et pris mes billets de train dès l&#8217;annonce l&#8217;évènement &#8230; toute la crème du Web accessible et du Web que j&#8217;aime y sera avec un <a title="programme de Paris-Web 2008" href="http://www.paris-web.fr/2008/-programme-">programme plus qu&#8217;alléchant</a>.</p>
<p>Parmi les conférences que je vise :</p>
<ul>
<li><strong>Ergonomie des interfaces riches</strong></li>
<li><strong>Qualité et accessibilité Web : vers l&#8217;amélioration continue</strong></li>
<li><strong>Travailler dans le présent</strong></li>
<li>Accessibilité : des volontaires ?</li>
<li><strong>Table ronde : Web mobile</strong></li>
<li>Internationalisation</li>
<li>La mode se démode, le style jamais</li>
<li><strong>Identité Web 2.0 et Web sémantique</strong></li>
<li>IE8 et les standards du Web</li>
<li>Table ronde : navigateurs</li>
</ul>
<p>OK, autrement dit 90% m&#8217;intéressent &#8230; pour la partie technique. Sauf à me dédoubler pour les <a title="conférences décideurs de Paris-Web 2008" href="http://www.paris-web.fr/2008/-vendredi-14-novembre-decideurs-">conférences décideurs</a>.</p>
<p>C&#8217;est également sans compter avec les <a title="ateliers techniques de Paris-Web 2008" href="http://www.paris-web.fr/2008/-samedi-15-novembre-technique-">ateliers techniques du samedi</a> qui s&#8217;avèreront passionnants à n&#8217;en pas douter.<br />
Ateliers où il faudra peut-être que je prépare quelque chose car j&#8217;ai été cruellement dénoncé pour y apporter de ma contribution. Ça porterait sur symfony, du widget Netvibes, les frameworks <acronym title="Cascading Style Sheets">CSS</acronym> ou d&#8217;autres bricoles en JavaScript (qui a dit jQuery ? <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  ).</p>
<p>Là c&#8217;est plus violent, c&#8217;est du <strong>jeudi 13 au samedi 15 novembre</strong> inclus, chez IBM à la tour Descarte (Paris la Défense).</p>
<h3>BlogCamp Bordeaux #7</h3>
<p><img class="aligncenter size-full wp-image-864" title="Logo BlogCamp France" src="http://case.oncle-tom.net/images/2008/02/blogcamp-france-logo.png" alt="" width="376" height="100" /></p>
<p>Et petit <em>teasing</em> puisqu&#8217;il y aura bel et bien un <a href="http://blogcamp.fr/wiki/bordeaux/blogcamp7">BlogCamp Bordeaux #7</a> après la trève estivale passée. C&#8217;est <a href="http://www.psyetgeek.com/">Yann Leroux</a> qui prendra la parole sur les <a href="http://www.digiborigenes.fr">digiborigènes</a> (<em>digital natives</em>) avant d&#8217;enchainer sur un débat et des ateliers blogs.</p>
<p>Ça se passera le <strong>vendredi 31 octobre de 19h00 à minuit</strong> à l&#8217;Utopia (Bordeaux).<br />
Plus d&#8217;informations sur <a href="http://bordeaux.blogcamp.fr">BlogCamp Bordeaux</a> et sur Facebook dans le week-end.</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2008/rendez-vous-octobre-novembre-web2-paris-web/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

