<?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; Développement Web</title>
	<atom:link href="http://case.oncle-tom.net/categorie/web/developpement-web/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>L’étudiant est pauvre et incompétent</title>
		<link>http://case.oncle-tom.net/2011/etudiant-pauvre-incompetent/</link>
		<comments>http://case.oncle-tom.net/2011/etudiant-pauvre-incompetent/#comments</comments>
		<pubDate>Wed, 15 Jun 2011 13:46:05 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Travail 2.0]]></category>
		<category><![CDATA[Au travail]]></category>
		<category><![CDATA[compétences]]></category>
		<category><![CDATA[contrat]]></category>
		<category><![CDATA[mission]]></category>
		<category><![CDATA[petit boulot]]></category>
		<category><![CDATA[polémique]]></category>
		<category><![CDATA[stagiaire]]></category>
		<category><![CDATA[twitter]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=18449</guid>
		<description><![CDATA[J’ai été contacté récemment par une blogueuse vivant en région parisienne. Elle cherchait à refondre l'esthétique de son blog afin de lui donner un aspect plus professionnel. Une recherche Twitter et un passage sur mon blog plus tard, elle me contacte pour savoir si je peux m’en occuper.
Où comment la recherche d’une personne de bonne volonté m’a ramené au fait qu’après la dure condition du stagiaire-salarié-payé-une-misère il y a aussi celle de l’étudiant, pauvre et incompétent de nature.]]></description>
			<content:encoded><![CDATA[<p>J’ai été contacté récemment par une blogueuse vivant en région parisienne. Elle cherchait à refondre l&#8217;esthétique de son blog afin de lui donner un aspect plus professionnel. Une recherche Twitter et un passage sur mon blog plus tard, elle me contacte pour savoir si je peux m’en occuper.</p>
<p>Où comment la recherche d’une personne de bonne volonté m’a ramené au fait qu’après la dure condition du stagiaire-salarié-payé-une-misère il y a aussi celle de l’étudiant, pauvre et incompétent de nature.</p>
<p>Pour les âmes sensibles, <strong>oui</strong> le titre est provocateur et reflète l’inverse de mes pensées (et de mes propos).</p>
<p><a href="http://www.flickr.com/photos/the-jedi/5385820844/"><img class="aligncenter" src="http://farm6.static.flickr.com/5212/5385820844_758b8d0c23.jpg" alt="" width="500" height="500" /></a></p>
<p><span id="more-18449"></span></p>
<h3>L’objet de la demande</h3>
<p>Prompt à diffuser un message rapide, je me suis servi de Twitter en m’adressant en ces termes : « <a href="http://twitter.com/oncletom/status/80544032941539328">Si un étudiant parisien s’ennuie cet été, j’ai une refonte de blog #wordpress pour lui. Payée il va de soi.</a> ».</p>
<h3>Particulier à particulier</h3>
<p>Revenons-en au contexte. La blogueuse dispose déjà d’un blog et se fait aider par un graphiste pour la conception graphique de la refonte. Reste à trouver une personne capable de décliner ce travail dans un thème WordPress, quitte à y adjoindre des plugins supplémentaires :</p>
<ul>
<li>la blogueuse est un particulier ;</li>
<li>le budget est inférieur à 1000€ ;</li>
<li>le souhait est donné à travailler avec une personne proche géographiquement parlant.</li>
</ul>
<p>Le boulot n’est pas forcément énorme mais pour un indépendant, surtout s’il a conscience de la valeur de son travail, le salaire est maigre, surtout après abattement des charges. C’est toujours mieux que rien, on est d’accord.</p>
<p>La seule alternative que je voyais était de payer un étudiant :</p>
<ul>
<li>c’est un particulier qui le paie, il n’a pas à cotiser pour sa retraite ;</li>
<li>c’est l’occasion pour lui de travailler sur un projet externe, se faire la main et d’acquérir en expérience ;</li>
<li>ça paie les prochaines vacances, un loyer ou autre.</li>
</ul>
<h3>L’étudiant : la Cosette des temps modernes</h3>
<p>Quelques réactions m’ont par la suite interpelé :</p>
<ul>
<li>&laquo;&nbsp;Pourquoi un étudiant, on	 peut espérer moins cher ?&nbsp;&raquo;</li>
<li>&laquo;&nbsp;Parce que l’étudiant n’aurait pas les mêmes frais que le freelance ? Et il serait forcément aussi compétent ?&nbsp;&raquo;</li>
<li>&laquo;&nbsp;Qu’est-ce qui justifie de payer moins cher un étudiant qu’un freelance ?&nbsp;&raquo;</li>
</ul>
<p>À la première question, à part un bénévole, je ne vois pas comment espérer moins cher. Et vous ?</p>
<p>Les deux questions suivantes se basent sur des postulats qui n’avaient jamais été évoqués ou sous-entendu par le tweet initial, ou partent du principe que c’est devenu une base de réalité quand on écrit le mot «étudiant» :</p>
<ul>
<li>l’étudiant devrait facturer autant qu’un indépendant ;</li>
<li>la tarification dépend de la tâche/temps travaillé, et non de son statut ;</li>
<li>l’étudiant est aussi compétent que l’indépendant, mais toujours payé moins cher ;</li>
<li>quand on veut exploiter quelqu’un, c’est soit le stagiaire, soit l’étudiant – points bonus si on lui dit ouvertement.</li>
</ul>
<p>Sans vouloir tomber dans la réponse de Normand ou en éluder sa formulation, il n’y a pas de solution unique et dépend de plusieurs critères :</p>
<ul>
<li>un étudiant payé en direct n’a pas de charges à payer, juste un chèque à encaisser ;</li>
<li>une des nécessités première de l’étudiant est d’acquérir l’expérience (celle tant demandée en stage ou entretien d’embauche), si en plus il y a moyen de se faire de l’argent de poche, pourquoi pas ;</li>
<li>il n’est nulle part question d’affirmer qu’un indépendant ou un étudiant ont des compétences et un niveau de compétences identiques – il y en a probablement, mais ceux-ci ne seront pas intéressés par la mission, car pas assez rémunérée à leur goût (et c’est tout à fait compréhensible) ;</li>
<li>un étudiant voulant monnayer (régulièrement) ses compétences passera par le statut d’auto-entrepreneur et là oui, il devrait facturer autant qu’un indépendant.</li>
</ul>
<h3>Petit boulot vs. professionnalisation</h3>
<p>Pour résumer, à somme identique, la perception de cette rémunération sera différente.</p>
<p>On a le cas de l’étudiant travaillant pour le plaisir/l’expérience/qui se prend pas la tête. Le ratio temps/argent sera forcément différent. Je me souviens qu’à mes tous débuts, demander 300€ à un professionnel pour un site me paraissait énorme.<br />
L’apprentissage du prix et de la confiance en soi n’est pas innée ; l’individu construit ainsi sa propre perception de la rémunération et de la valeur du travail, et celle de son savoir.</p>
<p>Il y a ensuite le cas de l’étudiant se professionnalisant. Il sait plus ou moins ce qu’il vaut, ce que demande le marché, tant en terme de prix que de compétences. Il intègre déjà qu’il y a un delta entre le montant de sa facture et ce qu’il percevra réellement, déduction faite des impôts et des charges.</p>
<h3>Conclusion</h3>
<p>Il serait quand même dommage de terminer sans parler de <strong>l’intention</strong> ; celle de la personne proposant le boulot.<br />
Pour une somme donnée, elle peut être de l’exploitation (surtout s’il y a revente à un tarif bien plus élevé et assimilation à de la sous-traitance), du beurre dans les épinards etc.</p>
<p>L’envers du décors est celle de la <strong>perception par l’étudiant</strong> (en généralisant, de toute personne travaillant contre rétribution) : pas cher payé mais j’ai faim donc j’y vais, bien payé parce que ça ne coûte pas trop d’efforts, sensation d’être pris pour une machine d’usine etc.</p>
<p>L’idéal est alors que personne n’aie la sensation d’avoir à se prostituer, que ça soit sa conscience ou son temps. De travailler en accord avec soi-même, ou de l’outrepasser si nécessité fait loi.</p>
<p>L’étudiant est tout sauf pauvre et incompétent.<br />
Auriez-vous procédé autrement ? N&#8217;hésitez pas à apporter vos éléments de réflexion <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/2011/etudiant-pauvre-incompetent/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Freelance, 4 mois plus tard</title>
		<link>http://case.oncle-tom.net/2011/freelance-4-mois-plus-tard/</link>
		<comments>http://case.oncle-tom.net/2011/freelance-4-mois-plus-tard/#comments</comments>
		<pubDate>Tue, 03 May 2011 08:00:50 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Entrepreneuriat]]></category>
		<category><![CDATA[comptable]]></category>
		<category><![CDATA[cyneticmonkey]]></category>
		<category><![CDATA[expérience]]></category>
		<category><![CDATA[gestion]]></category>
		<category><![CDATA[projet]]></category>
		<category><![CDATA[stratégie]]></category>
		<category><![CDATA[tarif]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=18428</guid>
		<description><![CDATA[La petite entreprise ne connaît pas la crise, c'est bien connu. Encore faut-il la créer et faire en sorte que la boutique tourne. Je vous livre ce qui a rythmé le début de cette aventure : comptable, banque, assurance, clients, tarifs etc.]]></description>
			<content:encoded><![CDATA[<p>Je suis officiellement gérant de la SARL <a href="http://cyneticmonkey.com">CyneticMonkey</a> depuis le 5 janvier 2011. J&#8217;ai d&#8217;ailleurs expliqué des raisons m&#8217;ayant poussé à <a title="Pourquoi j’ai décidé de devenir indépendant ?" href="http://case.oncle-tom.net/2011/pourquoi-devenir-freelance/">devenir indépendant</a>. Je complète la réflexion avec l&#8217;animation d&#8217;un atelier au <a href="http://www.barcamp-bordeaux.com/">BarCamp Bordeaux</a> intitulé « <a href="http://www.barcamp-bordeaux.com/wiki/wiki/freelance-pourquoi-comment-avec-qui">Freelance : pourquoi, comment et avec qui ?</a> ». 4 mois c&#8217;est court, ça passe vite mais ça reste significatif quand on démarre &#8230; surtout dans la mesure où on n&#8217;attend qu&#8217;une chose : faire ses preuves.</p>
<p>Je vous fais part de mes impressions, de mes actions mais aussi de mes craintes. J&#8217;en profite aussi pour vous communiquer un pré-requis indispensable : <strong>motivation</strong>. En étant seul à bord, on n&#8217;a pas d&#8217;autre choix que de maintenir le cap, et d&#8217;aller au-delà de son propre ressenti.</p>
<p><img class="aligncenter size-medium wp-image-17929" title="CyneticMonkey" src="http://media.oncle-tom.net/images/2011/03/logo_cyneticmonkey_standard-300x207.png" alt="" width="300" height="207" /></p>
<p><span id="more-18428"></span></p>
<h3>Choisir une banque</h3>
<p><a href="http://www.lesbanquiers.com/">La banque est un univers formidable</a> (évitez d&#8217;avoir votre patron dans le dos pour ouvrir le précédent lien &#8230;). Tout est plus ou moins sujet à taxe ou autre prélèvement : frais de tenue de compte, frais de mouvement, frais d&#8217;immobilisation etc. Leurs sites Web sont nazes mais à part ça, faut quand même payer.</p>
<p>Bref, le choix d&#8217;une banque est crucial, pour encaisser des contrats et surtout, faire chauffer la carte bleue. Étant en perso à la Banque Postale, j&#8217;ai tenté le coup. Grand bien m&#8217;en a pris puisque de toutes façons, <strong>cette banque n&#8217;est pas perçue comme une banque dans le milieu professionnel</strong> mais surtout, j&#8217;ai du mal à comprendre que lorsqu&#8217;on appelle pour prendre rendez-vous, si mon conseiller n&#8217;est pas disponible, ce dernier ne peut pas me rappeler dès qu&#8217;il le peut. Parce que soit disant la standardiste ne peut pas lui faire passer le message.<br />
<em>End of line</em> comme dirait l&#8217;autre.</p>
<p>Je me suis au final tourné vers le Crédit Mutuel – non pas pour leur ignoble site Web de gestion de comptes mais plutôt parce que la conseillère a d&#8217;une part été dynamique, disponible, et surtout suffisamment efficace pour que tout se passe rapidement. Pas folle non plus, aucun coût d&#8217;acquisition de client, peu de complications en prévision.<br />
J&#8217;ai apprécié le coup de pouce consistant à exonérer de frais de gestion pendant les 6 premiers mois, et d&#8217;une grille tarifaire claire (on ne paie rien de plus que les frais de gestion mensuels). J&#8217;adore leur machine à scanner/encaisser les chèques : saisie du montant à l&#8217;écran et photocopie dans la foulée. Qui plus est, ça simplifie simplifie la gestion comptable.</p>
<h3>Mise en place de l&#8217;infrastructure technique</h3>
<p>J&#8217;ai passé les premiers jours de mon activité à mettre en place toute mon infrastructure technique. Ça passe aussi bien par l&#8217;outillage nécessaire à produire, via mon ordinateur, que par les solutions logicielles à employer pour facturer, suivre les projets et gérer mes opportunités commerciales.</p>
<p>J&#8217;avais déjà décidé d&#8217;utiliser Google Apps pour gérer ma messagerie, du coup j&#8217;ai orienté ma recherche de CRM sur le <a href="http://www.google.com/enterprise/marketplace/"><em>marketplace</em> Google Apps</a>. C&#8217;est ainsi que j&#8217;ai découvert <a href="http://insight.ly/">Insight.ly</a>. J&#8217;ai été séduit tant par son intégration à Gmail que par la simplicité de l&#8217;outil.<br />
Je peux transformer un email en opportunité, en projet ou l&#8217;ajouter (ainsi que ses pièces-jointes) à l&#8217;historique des activités liées à une entité (personne ou entreprise).<br />
Vraiment pas mal du tout, pour mes besoins en tous cas. Le produit s&#8217;améliore régulièrement, et c&#8217;est une bonne chose aussi.</p>
<p>Côté facturation et émission de devis, je m&#8217;en tiens à <a href="http://cedarloop.com/">Cedarloop</a> puisque là aussi, sa simplicité me suffit et les documents générés sont de belle facture (sans jeu de mot <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> ). En plus, ça fait toujours plaisir d&#8217;utiliser un outil développé par des gens qu&#8217;on connaît. En l&#8217;occurrence, <a href="http://neokraft.net/">Olivier Meunier</a>, papa de Dotclear et depuis passé du côté <a href="http://temesis.com">Temesis</a> de la Force.</p>
<p>Enfin, une micro-instance <a href="http://aws.amazon.com/ec2/">Amazon EC2</a> et un certificat <acronym title="Secure Sockets Layer">SSL</acronym> plus tard, Redmine était déployé sur du Nginx et Passenger. Il cohabite avec git (via <a href="https://github.com/sitaramc/gitolite">gitolite</a>) ce qui me permet de créer des dépôts à la volée depuis Redmine, de fonctionner avec une authentification par certificat et d&#8217;éviter la contrainte de la création manuelle de dépôt.<br />
Je me sers pour l&#8217;instant des fonctionnalités par défaut, des <em>milestones</em> au suivi du temps (estimé et passé) &#8230; encore une fois tellement pratique puisque piloté par les commits.</p>
<p><a href="http://www.flickr.com/photos/the-jedi/5515047854/"><img class="aligncenter" title="Bloody Crime Scene" src="http://farm6.static.flickr.com/5017/5515047854_9c3d2912f7.jpg" alt="" width="500" height="500" /></a></p>
<h3>Formalités administratives</h3>
<p>Tout ça c&#8217;est bien beau, mais la réalité administrative attend.</p>
<p>Dès le courant du mois de janvier, je me suis lancé dans la recherche d&#8217;un expert-comptable. Pour deux raisons :</p>
<ul>
<li>la compta c&#8217;est pas mon truc (mais alors pas du tout) : <strong>ça me coûtera moins cher de bien déléguer le travail</strong> que de le faire moi-même (et le foirer) ;</li>
<li>en SARL, il faut publier les comptes annuels ; et tout ce bazar, il va s&#8217;en occuper <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  ;</li>
</ul>
<p>La troisième raison, c&#8217;est aussi parce que j&#8217;ai besoin d&#8217;une <strong>attestation mensuelle pour pôle emploi</strong>, afin de continuer à bénéficier de 100% du montant de mes indemnités. Ça fera l&#8217;objet d&#8217;un autre billet, les modalités ayant changé en cours de route.<br />
Toujours est-il, pour en trouver un bien, j&#8217;ai demandé autour de moi, afin de sonder les personnes satisfaites de leur comptable. Gain de temps, puisque ça s&#8217;est fait du premier coup.<br />
Et cerise sur le gâteau, j&#8217;ai compris en 2 heures de rendez-vous ce que je n&#8217;ai jamais compris en 3 ans de cours de compta <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>La Responsabilité Civile professionnelle est l&#8217;autre indispensable – et qui coûte d&#8217;entrée de jeu. Dans le milieu informatique, vous pouvez oublier votre assurance perso : ils seront incapables de vous en délivrer une. Ça semble se jouer au coude à coude entre <a href="http://www.hiscox.fr/">Hiscox</a> et <a href="http://www.chartisinsurance.com/">Chartis</a>. Dans tous les cas, il faudra compter sur environ 500€ jusqu&#8217;à 100 000€ de chiffre d&#8217;affaire annuel. Sans pouvoir travailler avec l&#8217;Amérique du Nord – soumis à des contraintes supplémentaires sur lesquelles je ne me suis pas apesenti.</p>
<p>Restent encore les volets de la <strong>mutuelle santé et de la prévoyance</strong>. Bénéficiant encore du portage de mon ancienne mutuelle pro, j&#8217;en suis resté au stade des devis. Toujours est-il qu&#8217;en tant que travailleur non-salarié, faites passer les deux sur la <a href="http://www.loimadelin.com/cadre-fiscal-madelin/fiscalite-prevoyance-sante-madelin">loi Madelin</a> : c&#8217;est la boîte qui paie, pas vous. Vos impôts vous diront merci.</p>
<h3>Création des documents types</h3>
<p>Entre les installations et les rendez-vous administratifs à droite et à gauche, le temps file. Pour autant, avant de signer le premier contrat, il est important de disposer du minimum pour &#8230; les signer justement :</p>
<ul>
<li>conditions générales de vente</li>
<li>modèle de document</li>
<li>base de proposition commerciale</li>
</ul>
<p>L&#8217;idéal est d&#8217;en avoir un maximum avant d&#8217;avoir le premier client. Surtout pour les premiers clients. Vu que quasiment tout est à faire, autant en laisser un minimum pour le dernier moment, histoire de se concentrer sur l&#8217;essentiel : la réponse adressée au client. Ce n&#8217;est d&#8217;ailleurs pas à ce moment là qu&#8217;il faudra vous soucier de votre charte graphique – un peu tard pour ça.</p>
<p>À terme je compte passer par la case juriste pour tout ce qui est document légal ou contrat – sur de sages conseils. Ça se fera par la suite, après avoir signé quelques contrats et sécurisé ma trésorerie.</p>
<h3>Premiers clients, premières propositions</h3>
<p>Une des choses qui m&#8217;a le plus effrayé au début, c&#8217;est le fait de ne pas avoir de rentrées d&#8217;argent. En fait j&#8217;ai eu quelques petites missions, suffisantes pour couvrir les frais de départ (responsabilité civile, comptable) mais rien de très long. Se pose alors le <strong>problème de la disponibilité et de la visibilité</strong>.</p>
<p>J&#8217;ai eu la chance d&#8217;avoir d&#8217;entrée de jeu 2 missions : un accompagnement de projet innovant ainsi qu&#8217;une mission <em>product design</em> et la réalisation de son site Web. Mon autre chance fût surtout la grande souplesse d&#8217;emploi du temps, et l&#8217;absence quasi systématique de date de livraison. Ça m&#8217;a permis de pouvoir gérer le flux commercial entrant, de caser mes rendez-vous imprévus sans pour autant mettre en cause ma crédibilité ni occasionner un retard projet.</p>
<p>J&#8217;avoue que pour commencer, c&#8217;est l&#8217;idéal. J&#8217;ai pu travailler l&#8217;esprit tranquille &#8230; surtout que pour ma première proposition commerciale, je m&#8217;y suis escrimé pendant 5 jours, histoire de bien faire et surtout, parce qu&#8217;il y avait tout à faire (et puis OpenOffice quoi &#8230;).</p>
<p>Ma première erreur a été d&#8217;accepter de répondre à un petit projet – par son budget, alors que fonctionnellement le prix était plus élevé que ça. Pour un premier contrat, je me suis dis que je pouvais bien le faire, que je me ferais la main sur une techno que je connais mais sans être expert non plus.<br />
Ça m&#8217;a posé 2 problèmes : la nette sensation qu&#8217;il était impossible de tenir parole sur les délais/charges engagées et surtout, que je me vendais en expert sans être expert. Je ne suis pas sûr que débuter, en solo, sur <strong>une mission éloignée de sa zone de confort soit un bon départ</strong>, tant pour sa santé que pour une optique <em>business</em>.</p>
<p>Au final, les opportunités suivantes ont été beaucoup plus rassurantes, le besoin étant plus modéré et/ou sur des technos que je maîtrise – suffisamment pour qu&#8217;en cas d&#8217;inconnu, je ne m&#8217;inquiète pas sur mes <strong>capacités à trouver des solutions</strong>. Ce dernier point est le plus important. On ne peut pas tout savoir ; <strong>il faut en revanche se faire confiance</strong> pour combler ce manque.</p>
<p>En tous cas, c&#8217;est aussi l&#8217;occasion de constater que rien n&#8217;est à l&#8217;heure et que compter sa dispo au jour près suivant la date de réponse théorique d&#8217;un projet se révèle être périlleux. En pratique, il y a toujours plusieurs jours ou plusieurs semaines de flottement. Une bonne communication, à la fois pour prospecter une réponse, mais aussi envers les clients avec qui je suis engagé est importante et nécessaire. Pas de tension, pas de friction, pas de conflit.</p>
<h3>S&#8217;adapter au rythme de travail</h3>
<p>J&#8217;étais déjà habitué à travailler dans un cadre autre qu&#8217;un bureau avec des collègues : chez moi, dans un autre logement ou encore dans les locaux de mes clients.<br />
Toutefois, ça n&#8217;a jamais été une situation permanente et la dernière des choses à se dire, c&#8217;est qu&#8217;il n&#8217;y a pas de règles. Mon réveil est calé tous les matins sur 7h30 – sauf cas où j&#8217;estime que dormir plus m&#8217;apportera un travail de meilleure qualité. De même, j&#8217;essaie de m&#8217;astreindre à 1h30 voire 2h de pause le midi. En prenant bien le soin de faire autre chose que de l&#8217;ordinateur : ménage, bouquiner, prendre l&#8217;air/marcher.</p>
<p><strong>Ce qui change tout, c&#8217;est de devoir tout faire</strong> : production, prospection, administration. En étant dans une organisation en solo, on peut rapidement se laisser déborder en cédant à tous les signaux : emails, coups de fil, Twitter etc. Considérer qu&#8217;on travaille 8h par jour est utopique. Il n&#8217;y a pas 8h de production en tous cas.<br />
Je sais en revanche que je bénéficie d&#8217;un environnement calme, où les distractions sont limitées et où ma capacité de concentration s&#8217;en retrouve augmentée. C&#8217;est tout bénéf&#8217; pour les clients : leurs projets avancent plus vite. Je conserve une bonne visibilité sur ce que je fais, et eux aussi.</p>
<p>En revanche clairement, j&#8217;ai banni Twitter et Facebook de mes heures de travail : la tentation est trop forte. Ma fenêtre de navigation &laquo;&nbsp;loisir&nbsp;&raquo; se trouve sur un autre bureau, que je ne consulte que pendant mes pauses, courtes ou longues. Ces pauses sont dictées par la <a href="http://www.pomodorotechnique.com/">méthode Pomodoro</a>. À défaut de couper mes tâches en 25 minutes, je travaille en <em>sprints</em> de 25 minutes, avec pause forcée et arrêt d&#8217;utilisation de l&#8217;ordinateur. Ça a le gros avantage de retarder l&#8217;effet de lassitude, si prompt à pédaler dans la choucroute.</p>
<h3>Affiner le positionnement et les tarifs</h3>
<p>Dans le temps que je consacre à mon activité, j&#8217;ai en revanche une chance énorme : celle de n&#8217;avoir quasiment pas à prospecter. J&#8217;ai répondu à 3 appels d&#8217;offre, parce qu&#8217;ils me plaisaient et que j&#8217;en avais envie. Le reste, c&#8217;est sur cooptation et recommandation. Mon blog, celui-là même, joue encore un rôle important puisqu&#8217;il permet à quiconque de suivre mon évolution et, détail récurrent, c&#8217;est ce qui les motive à vouloir travailler avec moi. Même si ce n&#8217;était pas mon but initial, force est de constater que la part de <strong>confiance joue un rôle déterminant</strong> dans l&#8217;acquisition de mon flux commercial.</p>
<p>Je me suis toutefois posé la question des tarifs. J&#8217;étais habitué à la tarification au &laquo;&nbsp;profil&nbsp;&raquo; des SSII &#8230; j&#8217;allais presque en oublier que tout simplement, je facture mon temps &#8230; et mes compétences. Simplement, je me suis orienté vers un <strong>tarif journalier unique</strong>, peu importe ma prestation. Ma force de développeur ? C&#8217;est d&#8217;avoir une vision d&#8217;ensemble, une approche projet et une capacité à communiquer avec le client. Ma force de maîtrise d&#8217;ouvrage ? C&#8217;est d&#8217;être dans le cambouis, de savoir ce qu&#8217;impliquent les décisions, comment parler à des individus fonctionnels et techniques.</p>
<p>En étant une seule personne, je ne vois pas comment je pourrais dissocier ces compétences, se prêtant main forte mutuellement – sauf à devenir schizophrène.</p>
<p>Outre le tarif unique, je propose 3 modes opératoires :</p>
<ul>
<li>la facturation de <strong>crédit temps</strong> à l&#8217;avance (et consommé au fil de l&#8217;eau) – pratique pour budgétiser des interventions ponctuelles ;</li>
<li>la <strong>facturation à l&#8217;heure</strong> – mode agile, que ça soit au forfait ou au consommé (rassure beaucoup les petites structures) ;</li>
<li>la <strong>facturation à la journée</strong> – classique.</li>
</ul>
<p>Ce mode opératoire, accompagnée d&#8217;une transparence totale sur le temps passé suffit à rassurer mes clients, notamment car je suis proactif sur le temps passé. Ils savent ainsi si le projet prend plus de temps que prévu ; j&#8217;apporte mon ressenti et des solutions. Ils choisissent en connaissance de cause, selon leur budget et/ou leurs priorités.</p>
<p>Ils n&#8217;ont ainsi (jusqu&#8217;à présent) jamais eu l&#8217;impression de payer autre chose que de la qualité et de la tranquillité, dans le déroulement et la communication.</p>
<h3>Investissement matériel</h3>
<p>Initialement, j&#8217;avais tendance à croire que mon ordinateur portable (Ubuntu sur Centrino Duo, 2Go de RAM et écran 17&#8243;) suffirait, en terme de puissance et d&#8217;habitude de travail pour me procurer efficacité et donc productivité. Jusqu&#8217;au jour où j&#8217;ai réalisé la nécessité de me déplacer (notamment pour <a href="http://sudweb.fr">Sud Web</a> – 5 heures de train jusqu&#8217;à Nîmes &#8230;). Qu&#8217;à cela ne tienne, je complète cela par un Netbook (Ubuntu Netbook sur HP PC Mini puis eeePC suite à un problème matériel du premier).</p>
<p>Au bout de 2 mois, je me résous à penser que ce n&#8217;est pas la bonne stratégie : en déplacement, je manque de puissance ; à domicile, je manque de mobilité. Je ne peux donc pas utiliser les mêmes outils, ni bénéficier du même confort &#8230; surtout après avoir été habitué à l&#8217;inspection de code de Netbeans et d&#8217;Eclipse. Quand je réalise que j&#8217;adapte mes tâches de travail à l&#8217;ordinateur que j&#8217;utilise, car en déplacement ou à domicile, je me mets à prospecter un ordinateur puissant, bénéficiant d&#8217;une bonne autonomie et qui ne soit pas de la camelote.</p>
<p>L&#8217;improbable se passe alors : <strong>je bascule sous Mac</strong>. D&#8217;abord pour la machine. Ensuite pour l&#8217;intégration <acronym title="Operating System">OS</acronym>/machine qui, il faut le reconnaître, renvoie au placard tous les micro-détails de la gestion matérielle d&#8217;Ubuntu (excellente au demeurant – agaçante parfois). En clair, j&#8217;ai considéré la combinaison <acronym title="Operating System">OS</acronym>/machine comme un <strong>investissement en productivité</strong>, en temps que je ne perds pas et surtout, en confort de travail, peu importe mon lieu de travail.</p>
<h3>Conclusion</h3>
<p>En bref, je trouve le bilan positif pour l&#8217;instant, tant dans l&#8217;apprentissage que dans l&#8217;accomplissement des valeurs me tenant à cœur.</p>
<p>J&#8217;ai appris à mes dépends que grossir le trait du risque, ou de ne pas se faire confiance est une des pires choses, à vivre et à faire. L&#8217;écoute de son entourage, proche et/ou professionnel, est un facteur clé qui évite de se planter. Croire en leur parole est salvateur ; et à défaut de ne pas penser comme eux, c&#8217;est un bon étalon pour ajuster sa propre estime de soi.</p>
<p>Au contraire, ma confiance et le fait de prendre du temps pour m&#8217;approprier la problématique de mes clients est ce qui les convainc. D&#8217;une part car je ne produis pas le discours habituel et, c&#8217;est lié, car je leur livre une vision personnelle des projets, en plus d&#8217;une grille tarifaire très précise. Autrement dit, j&#8217;écris ce que je pense, et on me choisit parce qu&#8217;on me fait confiance.</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2011/freelance-4-mois-plus-tard/feed/</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
		<item>
		<title>Rendez-vous du printemps, dans le Sud et le Web</title>
		<link>http://case.oncle-tom.net/2011/rendez-vous-printemps-sud-web/</link>
		<comments>http://case.oncle-tom.net/2011/rendez-vous-printemps-sud-web/#comments</comments>
		<pubDate>Tue, 19 Apr 2011 08:00:13 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Entrepreneuriat]]></category>
		<category><![CDATA[aperoweb]]></category>
		<category><![CDATA[aquinum]]></category>
		<category><![CDATA[évènement]]></category>
		<category><![CDATA[barcamp]]></category>
		<category><![CDATA[bordeaux]]></category>
		<category><![CDATA[opendata]]></category>
		<category><![CDATA[startup weekend]]></category>
		<category><![CDATA[sudweb]]></category>
		<category><![CDATA[tedx]]></category>
		<category><![CDATA[web]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=18421</guid>
		<description><![CDATA[Ce n'est pas parce qu'il fait beau et que les oiseaux chantent qu'on va se tourner les pouces ou bronzer tous les week-end au soleil. Entre BarCamp, Sud Web, Startup Weekend et TEDx, on n'est pas prêt de s'ennuyer :-)]]></description>
			<content:encoded><![CDATA[<p>Le printemps est posé, le travail afflue, le soleil brille dans un ciel dégagé &#8230; et pourtant, il y a des raisons de s&#8217;enfermer dans le noir à faire rouler les mécaniques. Plusieurs évènements méritent le détour – encore que je cite uniquement ceux auxquels je vais participer.</p>
<p>Alsacréations a publié hier son <a href="http://www.alsacreations.com/actu/lire/1202-conferences-web-2011-a-vos-agendas.html">calendrier des conférences 2011</a>. J&#8217;en profite pour étayer quelque peu, et ajouter d&#8217;autres sujets tout aussi intéressants.</p>
<p><img class="aligncenter size-full wp-image-17916" title="Sud Web" src="http://media.oncle-tom.net/images/2011/01/logo-sudweb.png" alt="" width="295" height="201" /></p>
<h3><span id="more-18421"></span>BarCamp Bordeaux</h3>
<p><strong>Lieu</strong> : hôtel de ville de Bordeaux, du 23 au 24 avril.</p>
<p>Je garde un excellent souvenir du <a href="http://www.barcamp-bordeaux.com/">BarCamp Bordeaux</a> 2010. C&#8217;est l&#8217;occasion de remettre les couverts cette année et ce, d&#8217;autant plus que l&#8217;évènement commence à rayonner au-delà des environs des Bordeaux.</p>
<p>Je pensais animer un atelier sur le <em>freelancing</em> mais ne restant qu&#8217;une journée, j&#8217;animerai un atelier &laquo;&nbsp;<strong>défis et objectifs d&#8217;un groupement régional des professionnels du numérique</strong>&nbsp;&raquo; avec <a href="http://temesis.com">Élie Sloïm</a>. On s&#8217;inscrit ainsi dans la logique de co-construction chère aux BarCamp, avec la ferveur et le dynamisme qui caractérise l&#8217;évènement.</p>
<p><a href="http://www.barcamp-bordeaux.com/inscription.html">Inscriptions BarCamp Bordeaux</a>.</p>
<h3>Startup Weekend Bordeaux</h3>
<p><strong>Lieu</strong> : BEM, Talence, du 20 au 22 mai.</p>
<p>Ça sera mon premier <strong>Startup Weekend</strong> mais j&#8217;ai hâte d&#8217;y être : être à fond pendant 2 jours (et 2 nuits), à <strong>créer et développer une idée innovante</strong>, commercialisable et (espérons-le) utile, en équipe &#8230; c&#8217;est une occasion rêvée pour apprendre des autres, ainsi que partager son expérience.</p>
<p>J&#8217;espère que les travaux d&#8217;Open Data de la Cub et/ou la Région avanceront d&#8217;ici là, afin de donner des idées supplémentaires et d&#8217;amorcer une ou plusieurs applications.</p>
<p><a href="http://bordeaux.startupweekend.org/inscriptions">Inscriptions Startup Weekend Bordeaux</a>.</p>
<h3>Sud Web 2011</h3>
<p><strong>Lieu</strong> : EMA, Nîmes, le 27 mai.</p>
<p>Là aussi, première année pour l&#8217;évènement et cette fois je suis du côté de l&#8217;organisation avec pas mal de personnes motivées.</p>
<p>Cela s&#8217;organise sous forme d&#8217;une journée de conférences Web tournées autour de 4 thèmes : <strong>développement, métier, valeurs et méthodologie</strong>. Au programme on trouvera donc du Web mobile, du <acronym title="Scalable Vector Graphics">SVG</acronym>, comment acheter des prestations Web, le Web en contexte humanitaire, développement avec un IDE dans le <em>cloud</em>, fonctionnement d&#8217;une mission agile etc.</p>
<p>On s&#8217;est vraiment démené pour proposer un <strong>programme digeste, instructif et animé par des intervenants de qualité</strong>.<br />
Pensez-y <strong>avant le 2 mai</strong>, date de fermeture des ventes des tickets <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p><a href="http://sudweb.fr/category/Programme">Programme Sud Web</a>, <a href="http://sudweb.fr/pages/Inscription">inscriptions Sud Web</a>.</p>
<p><a href="http://www.flickr.com/photos/startupweekend/5611576044/in/photostream/"><img class="aligncenter" title="Startup Weekend" src="http://farm6.static.flickr.com/5309/5611576044_fa51c24c93.jpg" alt="" width="500" height="333" /></a></p>
<h3>Mais aussi</h3>
<p>J&#8217;aurais pu vous parler de <a href="http://rencontres.django-fr.org/2011/">Djangocong</a> &#8230; sauf que c&#8217;était le week-end dernier. À Bordeaux, il y a désormais le <a href="http://bordeauxpug.org/"><acronym title="Pre-Hypertext Processing">PHP</acronym> User Group</a> à suivre de près. Le 28 mai se tiendra le premier <a href="http://www.tedxbordeaux.com/">TEDx Bordeaux</a> : des prises de parole courtes, avec des idées qui changent la vie/vision. D&#8217;ici là, le 5 mai, se tiendra le cinquième <a href="http://twittercamp.fr/">TwitterCamp</a> à Cap Sciences.</p>
<p>Côté rendez-vous mensuels, je tiens aussi à signaler l&#8217;existence des <a href="http://www.aperoweb.fr/category/Toulouse">Apéroweb à Toulouse</a> et des Happynum à Bordeaux (via <a href="http://aquinum.fr">Aquinum</a>).</p>
<p>Bref, il n&#8217;y a pas de quoi s&#8217;ennuyer d&#8217;autant plus qu&#8217;après, je lorgne déjà sur <a href="http://paris-web.fr">Paris Web</a> et <a href="http://www.metro-num.com/">Métro&#8217;num</a> (Métropole Numérique).<br />
Vous avez des évènements à rajouter à la liste ? On s&#8217;y croise ? <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2011/rendez-vous-printemps-sud-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sud Web : entre rêve et marketing</title>
		<link>http://case.oncle-tom.net/2011/sud-web-reve-marketing/</link>
		<comments>http://case.oncle-tom.net/2011/sud-web-reve-marketing/#comments</comments>
		<pubDate>Fri, 11 Mar 2011 14:47:32 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[conférences]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[nimes]]></category>
		<category><![CDATA[sudweb]]></category>
		<category><![CDATA[valeurs]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=17936</guid>
		<description><![CDATA[Sud Web, un nom de conférences qui fait penser au soleil ... et pourtant c'est sérieux, on veut bien faire ! Un nom qui résume les valeurs, marque et démarque dans le paysage des conférences de plus en plus important. Une goutte d'eau dans l'océan des plus de 2000 conférences annuelles !]]></description>
			<content:encoded><![CDATA[<p>D&#8217;habitude, le vendredi c&#8217;est la journée des trolls. Je préfère terminer la semaine doucement, sur une note d&#8217;ouverture.</p>
<p>Samedi dernier, le 5 mars, l&#8217;équipe de <a href="http://sudweb.fr">Sud Web</a> s&#8217;est réunie à Nîmes pour voter le programme, déjà fortement élagué par le pôle orateurs pour n&#8217;en retenir que la crème.<br />
Pour être précis, ce sont 12 personnes qui ont fait le déplacement jusqu&#8217;aux arènes, depuis Bordeaux, depuis Paris et même depuis Arles ! <strong>12 personnes sur combien ? 14</strong>. Dont 1 excusé ayant prévu de venir et une personne en plein déménagement.</p>
<p>S&#8217;il y avait un pareil engouement pour se rendre aux urnes en avril 2012, j&#8217;en serais ravi.</p>
<p><img class="aligncenter size-full wp-image-17916" title="Sud Web" src="http://media.oncle-tom.net/images/2011/01/logo-sudweb.png" alt="" width="295" height="201" /></p>
<h3><span id="more-17936"></span>Qu&#8217;y a-t&#8217;il à retenir ?</h3>
<p>Jusqu&#8217;à présent, depuis le mois d&#8217;octobre 2010, toute l&#8217;équipe a œuvré à distance, chacun dans son coin sans pour autant être désorganisée, au contraire : des pôles se sont vite structurés, le <em>leadership</em> rapidement affirmé. Toute l&#8217;équipe s&#8217;informait hebdomadairement des avancées, des problèmes rencontrés et du reste à faire.</p>
<p><strong>On a travaillé dans la confiance</strong>. L&#8217;objectif est avant tout le groupe, l&#8217;évènement et non les intérêts personnels.<br />
Pour autant, unir une équipe en créant une rencontre physique a toute son importance. J&#8217;y vois <strong>un besoin vital et amical à travers ce plébiscite</strong>. Non pas qu&#8217;on arrivait à un point de rupture mais plutôt pour <em>transformer</em>, poursuivre l&#8217;engagement, marquer un jalon.</p>
<h3>Serait-ce le « Sud » qui motive tant ?</h3>
<p>Au-delà de l&#8217;équipe, qu&#8217;est-ce qui peut autant motiver à organiser un évènement, bénévolement, tout en conservant une cohésion d&#8217;équipe à distance ?<br />
Serait-ce partager nos valeurs ? Où sont nos valeurs ?</p>
<p>Je dirais que rien que <strong>le nom correspond à nos valeurs</strong>, et celles de ceux qui viendront et aiment/aimeront l&#8217;évènement. Pas parce qu&#8217;il est symétrique (2 mots de 3 lettres) ni que ces 2 mots ont des courbes similaires (S → W, u → e, d → b) mais plutôt parce que c&#8217;est un des rares <strong>noms</strong> à véhiculer autre chose qu&#8217;une technologie, une information pratique ou une information géographique :</p>
<ul>
<li><strong>PyCon</strong> : Conférence Python (information sur le contenu) ;</li>
<li><strong>SXSW</strong> Interactive : information géographique (tient également lieu des valeurs, rassemble un pays territorialement très grand) ;</li>
<li><strong>Codebits</strong> : Développement orienté rétro/8 bits (information sur le contenu) ;</li>
<li><strong>W3Café</strong> : Conférence courte sur les technos <acronym title="World Wide Web Consortium">W3C</acronym> (information sur le contenu) ;</li>
<li><strong>Augmented Reality DevCamp</strong> : BarCamp orienté développement sur la réalité augmentée ;</li>
<li>etc.</li>
</ul>
<p>Les noms sont ainsi car au final, <strong>ils permettent de s&#8217;y retrouver plus facilement</strong>.</p>
<h3>Le boom des conférences Web</h3>
<p>La tendance est aux <strong>conférences produits</strong>, le marché se segmente. Si je reprends l&#8217;historique des conférences enregistrées sur Lanyrd, c&#8217;est équivoque (pour peu que les conférences passées aient bien été renseignées) :</p>
<ul>
<li>2000 : 12 conférences</li>
<li>2001 : 22 conférences</li>
<li>2002 : 17 conférences</li>
<li>2003 : 34 conférences</li>
<li>2004 : 40 conférences</li>
<li>2005 : 57 conférences</li>
<li>2006 : 102 conférences</li>
<li><strong>2007 : 182 conférences</strong></li>
<li>2008 : 295 conférences</li>
<li>2009 : 499 conférences</li>
<li><strong>2010 : 2799 conférences</strong></li>
<li>2011 : 2701 conférences (et l&#8217;année n&#8217;est pas terminée &#8230;)</li>
</ul>
<p>Les chiffres sont très certainement inexacts pour les conférences avant 2010 mais je les pense représentatifs de la <strong>tendance</strong>. Jusqu&#8217;à 2007, travailler dans le Web passait encore pour quelque chose de fou, en marge du monde du travail voire de l&#8217;informatique. Depuis 2007, c&#8217;est de plus en communément accepté, voire même tendance.</p>
<p>En 2012, il faudra travailler dans le Web sinon on aura raté sa vie. Je soupçonne même <a href="http://www.leparisien.fr/politique/buzz-pour-valerie-pecresse-facebook-existe-seulement-depuis-un-an-20-01-2011-1236244.php">Valérie Pécresse d&#8217;avoir en réalité fait un appel du pied afin de devenir RP pour Facebook en France</a>.<br />
Si on le voulait, on pourrait passer son année en déplacement pour assister aux conférences. Ou en faire un job à plein temps.</p>
<h3>D&#8217;où l&#8217;importance des valeurs</h3>
<p>Ce n&#8217;est plus une jungle, c&#8217;est un véritable bordel. <strong>Choisir sa conférence va devenir un véritable sport</strong>. La créer aussi. <a href="http://bballizlife.com/blog/">Loïc Mathaud</a> nous le disait ce week-end : si on ne lançait pas Sud Web cette année, on ne sait pas si on aurait pu s&#8217;y atteler plus tard. Ce n&#8217;est plus seulement une question d&#8217;argent mais aussi de visibilité au sein de ce paysage de plus en plus rempli d&#8217;évènements.</p>
<p>À l&#8217;échelle du temps les langages de programmation sont éphémères. Les BuzzWordConf naîtront et mourront. Les SEOCon(g) et RockStarCamp mourront aussi.</p>
<p>Dans tous les cas, une fois passée la bulle, on souhaitera revenir à l&#8217;essentiel : « Dis papa, c&#8217;est quoi le Web ? ».<br />
<strong>Le Web ? C&#8217;est un ensemble de valeurs qui évoluent</strong>, se font et se défont. Aussi <em>nerd</em> ou <em>geeks</em> que l&#8217;on soit, on croit encore à la liberté de parole, à sa diffusion et à des valeurs dissociées de l&#8217;argent. On voit aujourd&#8217;hui ce que cela fait de bâtir un modèle entièrement dessus : on perd de vue l&#8217;essentiel, jusqu&#8217;à <a href="http://www.youtube.com/watch?v=HPLiEN6UdXM">vendre de la <del>merde</del> poudre dans nos assiettes</a>.</p>
<h3>Conclusion</h3>
<p>Sans avoir la prétention d&#8217;affirmer qu&#8217;on est des visionnaires, qu&#8217;on sera <em>mieux</em> que d&#8217;autres conférences, au moins je me dis qu&#8217;on propose quelque chose d&#8217;inédit.<br />
Une conférence où pour la première fois, le « Sud » c&#8217;est le rêve, celui d&#8217;échanger avec des gens chouettes, au soleil et dans un joli cadre.</p>
<p>Parce qu&#8217;on peut être <em>geek</em>, partager un <strong><em>savoir-faire</em></strong> et aimer le <strong><em>savoir-vivre</em></strong>.<br />
C&#8217;est ça, le Sud ! <a href="http://jehaisleprintemps.net/blog/fr/2011/03/10/non-alea-jacta-sudweb/">Alea Jacta Sud Web</a> <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2011/sud-web-reve-marketing/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Sud Web 2011 : développement, métier, valeurs et méthodologie</title>
		<link>http://case.oncle-tom.net/2011/sud-web-2011/</link>
		<comments>http://case.oncle-tom.net/2011/sud-web-2011/#comments</comments>
		<pubDate>Tue, 18 Jan 2011 17:45:15 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Projets]]></category>
		<category><![CDATA[call for paper]]></category>
		<category><![CDATA[conférences]]></category>
		<category><![CDATA[développement]]></category>
		<category><![CDATA[méthodologie]]></category>
		<category><![CDATA[métier]]></category>
		<category><![CDATA[nimes]]></category>
		<category><![CDATA[sudweb]]></category>
		<category><![CDATA[valeurs]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=17912</guid>
		<description><![CDATA[Retour sur la constitution de Sud Web, et ce qui nous a amené à choisir le développement, le métier, les valeurs et la méthodologie comme thèmes de conférences. Prenez rendez-vous : vendredi 27 mai 2011 à Nîmes.]]></description>
			<content:encoded><![CDATA[<p>L&#8217;appel à conférences de <a href="http://sudweb.fr/">Sud Web</a> est lancé depuis le début du mois de janvier 2011. Il court <strong>jusqu&#8217;au 7 février</strong> (minuit, cachet de la Poste faisant foi). C&#8217;est l&#8217;occasion pour tout un chacun d&#8217;exprimer son savoir-faire lié au Web, et de le faire savoir.</p>
<p>En 2011, nous avons décidé de mettre en avant ces thèmes de conférences : développement, métier, valeurs et méthodologie. 4 thèmes, c&#8217;est beaucoup &#8230; et bien peu face au nombre de sujets à traiter.<br />
Retour sur la constitution de Sud Web, et ce qui nous a amené à choisir ces thèmes, chers à nos cœurs &#8230; et nos professions.</p>
<p><img class="aligncenter size-full wp-image-17916" title="Sud Web 2011" src="http://media.oncle-tom.net/images/2011/01/logo-sudweb.png" alt="" width="295" height="201" /></p>
<h3><span id="more-17912"></span>Sud Web : 3 mois montre en main</h3>
<p><a href="http://paris-web.fr/2010/">Paris Web 2010</a>, c&#8217;était du 13 au 15 octobre. Loïc Mathaud écrit son compte-rendu de l&#8217;évènement de manière enthousiaste 2 jours plus tard. <a href="bballizlife.com/blog/post/2010/10/Sud-Web-pour-en-finir-avec-l-arlesienne">Il en profite pour annoncer la fin de l&#8217;arlésienne de Sud Web</a>. Les premiers mails liés à Sud Web se sont envoyés le 19 octobre (à peine 3 jours après).<br />
Un mois après, tout le monde était déjà sur le pied de guerre avec une <em>baseline</em>, des équipes et des tâches à accomplir.</p>
<p>3 mois après, Sud Web disposait d&#8217;une identité graphique (très chouette, de mon propre avis ; une fleur, la vie et tout ça), d&#8217;un lieu, de thèmes et d&#8217;une grande envie de réussir.<br />
Surtout, 3 mois après, on pouvait déjà annoncer qu&#8217;<a href="http://bit.ly/sudweb-2011-appel-orateurs">on recherchait des orateurs</a>, connus ou pas connus, ayant une forte envie de faire savoir leur savoir-faire.</p>
<p>Tout ça avec plusieurs centaines d&#8217;emails, et <em>juste</em> 1 rencontre physique de travail (d&#8217;où est né <a href="http://twitter.com/sudwebleaks">@sudwebleaks</a>, remerciements à <a href="http://jehaisleprintemps.net">Bruno Bord</a> pour cette délicieuse inspiration <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> ).</p>
<h3>Qui sommes-nous ? L&#8217;interrogation de Paris Web 2010</h3>
<p>Je qualifiais <a href="http://case.oncle-tom.net/2010/paris-web-2010-age-de-raison/">Paris Web 2010 d&#8217;âge de raison</a>. Et pour cause, au-delà des démonstrations et partages, il y a eu énormément de réflexions.<br />
Des réflexions sur nos <strong>métiers</strong>, les manières de le <strong>faire comprendre</strong> face à nos clients (qui achètent des prestations, ils ont autant droit à l&#8217;ignorance qu&#8217;à l&#8217;information), sur l&#8217;<strong>éducation</strong> (on allait même jusqu&#8217;à parler de certifications. <a href="http://w3fools.com/#trouble">Y&#8217;a pas marqué W3Schools !</a>) et même les manières de travailler.</p>
<p>Plusieurs conférences ont marqué cette tendance. <a href="http://www.paris-web.fr/2010/programme/le-web-un-metier-de-valeur.php">Éric Daspet a parlé du Web comme un métier de valeur</a>, entre précarité, plaisir et réalité(s). Francis Chouquet traitait de cette question au travers des outils : <a href="http://www.paris-web.fr/2010/programme/css3-photoshop-avenir-web-designer.php">Photoshop ou CSS3</a> ? Le fond était là : qui sommes-nous, <em>webdesigners</em>, et comment allons-nous travailler ?</p>
<p>Enfin, la conclusion était là : <a href="http://www.paris-web.fr/2010/programme/la-conference-dont-vous-etes-le-heros.php">la conférence dont vous êtes le héros</a>. Toute cette conférence a été tournée vers ce sujet, celui du <strong>métier et des valeurs</strong>. Certains trouvaient qu&#8217;être une <em>rockstar SEO</em> ou un directeur artistique junior avait sa place dans le paysage, d&#8217;autres se posaient la question de facturer aux compétences plutôt qu&#8217;à la prestation, ou encore de l&#8217;intérêt de certifier des compétences.</p>
<p><a href="http://www.flickr.com/photos/the-jedi/4800705487/"><img class="aligncenter" title="Reeds &amp; Summer" src="http://farm5.static.flickr.com/4138/4800705487_1529a661ab_m.jpg" alt="" width="240" height="240" /></a></p>
<h3>Développement, métier, valeurs et méthodologie</h3>
<p><strong>Sud Web n&#8217;est pas et ne sera pas une copie de Paris Web</strong> dans le Sud. On souhaite apporter la même envie de partager (<em>share the love</em>) tout en n&#8217;abordant pas les mêmes sujets.<br />
On se disait qu&#8217;attendre 12 mois pour répondre aux interrogations clôturant Paris Web 2010, c&#8217;était long &#8230; donc autant en profiter pour y puiser des thèmes de conférences illustrant la <em>baseline</em> : savoir-faire et faire-savoir.</p>
<p>Parce qu&#8217;on est des <em>geeks</em>, et que c&#8217;est aussi notre boulot, le développement est le fil rouge. Qu&#8217;il soit <em>frontend</em>, <em>backend</em>, <em>desktop</em> ou mobile.</p>
<p><strong>Le métier et les valeurs se rejoignent indéniablement</strong>. Toujours est-il que  le métier de certains a pu être changé par le Web. De même que les métiers du Web changent grâce/à cause du Web.<br />
En parler et le savoir permet d&#8217;aborder le sujet d&#8217;un point de vue différent, en apportant pragmatisme et humanité.<br />
Ça, ça fait partie de nos valeurs.</p>
<p>Enfin, la méthodologie est essentielle pour atteindre un Web de <strong>qualité</strong>, et proposer des prestations à la hauteur.<br />
Comment, avec quels outils, pourquoi et comment ? Ça, on aimerait le savoir.</p>
<h3>Parlons vite, parlons bien : Lightning Talk !</h3>
<p>Je passerai sur les formats de conférence standards, de 40 et 20 minutes.<br />
Je m&#8217;attarderai sur les <em>lighning talks</em>. 5 minutes c&#8217;est court. Ça évite de préparer des slides, ça permet de faire passer un message et surtout, ce dernier en est d&#8217;autant plus <strong>percutant</strong>.</p>
<p>Traiter d&#8217;un sujet, d&#8217;une problématique (surtout s&#8217;il s&#8217;agit de soulever une polémique ou un gros troll velu de <em>SEO rockstar</em>) est presque plus intéressant en 5 minutes qu&#8217;en 40. La longueur ne fait pas tout (contrairement à ce qu&#8217;on pourrait penser <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> ). Le public, le message et comment on en parle oui.</p>
<p>L&#8217;apéritif communautaire, juste après les <em>lightning talks</em>, sera le moment idéal pour <strong>continuer à discuter</strong> entre orateurs et assemblée.</p>
<h3>Rendez-vous à Sud Web, à Nismes ! <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </h3>
<p>Il y a pour le moment de beaux sujets dans les tuyaux, beaucoup d&#8217;attentes (y compris des orateurs) et des profils vraiment variés.<br />
Ça nous plait et on ne demande qu&#8217;à encore étoffer ça pour offrir une double dose de plaisir :  <strong>du contenu et des gens passionnés</strong>.<br />
N&#8217;hésitez pas à <a href="http://bit.ly/sudweb-2011-appel-orateurs">proposer un ou plusieurs sujets à Sud We</a>b, il y a ensuite latitude à modifier votre ou vos propositions, ensemble.</p>
<p>Du côté du staff Sud Web, ça se donne à fond pour solliciter sponsors et préparer cette première édition, dans la joie et la bonne humeur.<br />
Sud Web, une conférence sur le Web organisée <strong>au travers du Web</strong>, c&#8217;est possible !</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2011/sud-web-2011/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Pourquoi j&#8217;ai décidé de quitter mon travail</title>
		<link>http://case.oncle-tom.net/2010/pourquoi-quitter-travail/</link>
		<comments>http://case.oncle-tom.net/2010/pourquoi-quitter-travail/#comments</comments>
		<pubDate>Mon, 06 Dec 2010 09:30:15 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Projets]]></category>
		<category><![CDATA[clever age]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[humain]]></category>
		<category><![CDATA[indépendant]]></category>
		<category><![CDATA[prospective]]></category>
		<category><![CDATA[relations]]></category>
		<category><![CDATA[rh]]></category>
		<category><![CDATA[rmll]]></category>
		<category><![CDATA[valeurs]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=17852</guid>
		<description><![CDATA[Explications sur les raisons qui me poussent à quitter mon travail au bout de 3 ans. Entre rejet du mode SSII, attrait pour la liberté et désir de mener ma barque, mon cœur balance.]]></description>
			<content:encoded><![CDATA[<blockquote><p><strong>Remarque</strong> : j&#8217;ai initialement intitulé cet article « pourquoi j&#8217;ai décidé de devenir indépendant » mais au final, je me suis rendu compte que je ne répondais pas à la question. Ce sera l&#8217;objet d&#8217;un autre billet, détaillant pourquoi j&#8217;ai préféré l&#8217;indépendance à un autre employeur.</p>
<p><strong>Remarque (bis)</strong> : <a href="http://case.oncle-tom.net/2010/pourquoi-quitter-travail/#comment-30577">comme le fait justement remarquer Padawan en commentaire</a>, un meilleur titre à ce billet aurait pu (ou dû) être « Pourquoi j&#8217;ai décidé de quitter le salariat ». Subtile différence qui marque une volonté de changer de façon de travailler. C&#8217;est ce qu&#8217;il faut en retenir.</p></blockquote>
<p>Le 30 novembre dernier, j&#8217;effectuais mon dernier jour chez <a href="http://www.clever-age.com">Clever Age</a>, société que j&#8217;ai rejoins <a href="http://case.oncle-tom.net/2007/clever-age/">3 ans plus tôt</a>, le 5 novembre 2007. Aujourd&#8217;hui, je pointe à Pôle Emploi dans un contexte de <strong>création d&#8217;entreprise</strong>. De toutes façons, personne ne me prend au sérieux quand je dis être chômeur (ce qui est pourtant une réalité, positive dans mon cas).</p>
<p>Pourtant, certaines personnes s&#8217;interrogeaient sur ma volonté de <em>partir</em>. J&#8217;insiste sur le mot <em>partir</em> car c&#8217;est ce sur quoi elles se sont arrêtées. Alors que moi, je me focalisais sur ce que j&#8217;allais <em>entreprendre</em>. Trait culturel ? Se fixer sur ce qui se termine au lieu de <strong>regarder au loin</strong> ?</p>
<p>Peut-être. Dans tous les cas, je vous livre mon point de vue et ce qui me motive à me lancer dans l&#8217;aventure et à prendre des risques.</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/the-jedi/5226018642/"><img class="aligncenter" title="about:robots" src="http://farm6.static.flickr.com/5041/5226018642_972d32f7e3_m.jpg" alt="about:robots" width="240" height="240" /></a></p>
<p><span id="more-17852"></span></p>
<h3>It&#8217;s About Time</h3>
<p>En janvier 2010, lors de mon entretien annuel, je n&#8217;étais pas fichu de savoir où je serais dans 2 ou 3 ans. Je me voyais toujours chez Clever Age, et absolument pas indépendant. Je <strong>craignais</strong> trop la nécessité d&#8217;avoir à démarcher commercialement et à traiter la paperasse administrative (la comptabilité par dessus tout).</p>
<p>Pourtant, un jour, le doute m&#8217;est venu, <strong>petit à petit</strong>, par concordance de signaux. Je commençais à être de plus en plus sollicité pour travailler sur des projets, pas mal de monde croyait que j&#8217;étais déjà indépendant et j&#8217;avais envie de participer à des projets externes, en conseil ou en réalisation.</p>
<p>Puis finalement, arrivent les <a href="http://2010.rmll.info">RMLL à Bordeaux</a>. L&#8217;occasion d&#8217;héberger <a href="http://prendreuncafe.com/">Nicolas Perriault</a> et <a href="http://frank.taillandier.me">Frank Taillandier</a>, de cotoyer un peu plus <a href="http://larlet.fr">David Larlet</a> et de voir <a href="http://jehaisleprintemps.net/">Bruno Bord</a> s&#8217;ennuyer à Bayonne (alors qu&#8217;il ne demande qu&#8217;une chose, <strong>faire ce qu&#8217;il aime</strong>, du Python) ont provoqué le déclic.</p>
<p>Les doutes se sont alors forgés en conviction : j&#8217;étais en train de <strong>perdre mon temps</strong>.</p>
<h3>La croissance ne fait pas tout</h3>
<p>Je perdais mon temps car mes <strong>convictions</strong> et celles de mon employeur divergeaient de plus en plus. La croissance économique voulue et assumée entraîne des recrutements, le nombre de projets et fatalement, la taille de l&#8217;entreprise.</p>
<p>Qui dit taille plus importante implique davantage de <strong>structuration</strong>, davantage de <strong>hiérarchie</strong>.<br />
Tout ça pour tourner à fond, limiter l&#8217;intercontrat et être le plus productif possible.</p>
<p>Enfin, productif, être le plus facturable possible.<br />
En fait, à mes yeux, ce qui n&#8217;était pas une SSII car plutôt proche d&#8217;une agence Web de techos, était/est en train de devenir une SSII. Psychologiquement parlant, je n&#8217;ai pas pu ni voulu passer ce cap.</p>
<h3>Privilégier l&#8217;homme à la ressource</h3>
<p>Qui dit SSII dit « ressource ». Au même type que ressource humaine. À partir du moment où on parle de ressource, <strong>l&#8217;homme n&#8217;existe plus</strong>, en tant qu&#8217;individu, on ne voit plus que ce qu&#8217;on pourra en tirer.<br />
Et plus la taille de l&#8217;entreprise augmente, plus l&#8217;homme devient une ressource.</p>
<p>On ne dira plus « j&#8217;ai ton homme » mais « j&#8217;ai les compétences » ou encore « j&#8217;ai suffisamment de ressources ». Ça n&#8217;a l&#8217;air de rien, ces mots, mais c&#8217;est toute la <strong>vision</strong> que l&#8217;on peut avoir des gens avec qui on travaille. Si on considère la personne pour ce qu&#8217;elle <strong>r</strong>apporte (car <em>louée</em> pour <em>certaines</em> compétences) et non ce qu&#8217;elle apporte, c&#8217;est le début de la (longue) fin.</p>
<p>Combien parmi vous se sont déjà sentis sous-exploités, car vous savez en faire plus que ce qu&#8217;on vous demande ? Combien parmi vous n&#8217;ont jamais eu cette sensation de <strong>frustration</strong>, explicable ou pas ?</p>
<p>J&#8217;ai été définitivement convaincu de ça le jour où je n&#8217;ai pas été défendu face au client, et que le seul <strong>argument du client payeur</strong> cautionnait le fait qu&#8217;il s&#8217;essuie les pieds sur moi. Ce jour là, le divorce était consommé : je n&#8217;étais plus consultant, <em>j&#8217;étais une ressource</em>.</p>
<p><a href="http://www.flickr.com/photos/the-jedi/5155103053/"><img class="aligncenter" title="We are not clowns" src="http://farm5.static.flickr.com/4151/5155103053_876a5b8df6_m.jpg" alt="" width="240" height="240" /></a></p>
<h3>Parce que je me suis senti prêt</h3>
<p>Même si j&#8217;ai mon amour-propre et que j&#8217;ai servi de paillasson, j&#8217;avoue que cela m&#8217;a apporté, couplé au fait qu&#8217;il s&#8217;agissait d&#8217;une mission de longue durée. Le <strong>recul</strong>.</p>
<p>Le genre de recul qui fait poser plein de questions, sur soi, sur ce qu&#8217;on fait, où on est et ce qu&#8217;on tente de faire.<br />
Comme me le soulignait un collègue, être en prestation chez un client, c&#8217;est comme si <strong>ton propre employeur devenait le client</strong>. Tu es loin, tu ne sais plus ce qui s&#8217;y passe et tu t&#8217;en détaches.</p>
<p>Une bonne manière de prendre du recul, et de réaliser que les aspirations ne seront pas satisfaites par les missions. Bien entendu, je parle pour moi. J&#8217;ai du mal à ne rien faire et j&#8217;ai encore plus de mal à me sentir inutile.</p>
<p>Après moult discussions, réflexions et interruptions de sommeil, j&#8217;ai réalisé ceci :</p>
<ul>
<li>on est tout le temps sous l&#8217;eau</li>
<li>le marché cherche les bons profils</li>
<li>le marché a <em>besoin</em> de bons profils</li>
<li>les <em>freelances</em> que j&#8217;estime s&#8217;en sortent bien et sont comme moi, n&#8217;ont pas été destinés ni formés à être indépendants</li>
<li>je cherche à améliorer ma qualité de vie</li>
<li>j&#8217;ai envie de défi(s)</li>
<li>ma famille, mes amis, mes relations professionnelles et ma tendre compagne me soutiennent et m&#8217;encouragent</li>
</ul>
<p>En clair, il est temps, ni trop tard, ni trop tôt. Juste le moment, dans ma vie, où je veux me lancer. J&#8217;ai envie de me dire que je réussirai et s&#8217;il s&#8217;avérait que ce n&#8217;était pas le cas, tant pis, j&#8217;aurais essayé.</p>
<h3>Liberté</h3>
<p>J&#8217;ai réalisé une chose cette année, parmi d&#8217;autres : <strong>mon évolution est conditionnée par ma liberté</strong>. Dès que j&#8217;ai la sensation d&#8217;être en cage, d&#8217;avoir à subir un boulet au quotidien, j&#8217;essaie de rectifier le tir. Si ça ne fonctionne pas, je dérive le chemin, et je trace le mien.</p>
<p>Cette liberté, j&#8217;en ai besoin, et je la réalise au travers d&#8217;autres individus, des humains. Ils me guident positivement (admiration, inspiration) ou négativement (opposition, rejet).</p>
<p>C&#8217;est sur ces fondements que reposera mon activité : un travail de qualité, souple et indépendant, connecté avec d&#8217;autres professionnels pour leurs qualités, leurs compétences et leurs valeurs. Une activité où les projets qui me seront confiés seront aussi importants à mes yeux qu&#8217;à mon cœur.</p>
<p>Je suis convaincu que l&#8217;implication est le facteur premier de la réussite.<br />
La frustration a ça de bénéfique : elle pousse à la liberté.</p>
<p><a href="http://www.flickr.com/photos/the-jedi/5210196928/"><img class="aligncenter" title="End of Line" src="http://farm6.static.flickr.com/5005/5210196928_a7ffcd5266_m.jpg" alt="" width="240" height="240" /></a></p>
<h3>Et la suite ?</h3>
<p>Je suis en train de préparer mon avenir, administrativement et stratégiquement parlant. J&#8217;aurai l&#8217;occasion d&#8217;expliquer dans un prochain billet pourquoi j&#8217;ai souhaité choisir la formule <em>freelance</em> / indépendant.</p>
<p>Rien ne démarrera avant 2011, je me laisse encore le temps d&#8217;y réfléchir et de profiter des fêtes de fin d&#8217;année dans le sud de la France.</p>
<blockquote><p><strong>Nota bene</strong> : pour éviter toute confusion, je n&#8217;ai aucun regret à avoir passé 3 ans de ma vie chez Clever Age. Sans cette étape, sans les gens que j&#8217;y ai cotoyé et sans ce que j&#8217;y ai appris, je n&#8217;aurais peut-être pas franchi le pas. Ce n&#8217;est pas un règlement de compte, ou un tir à boulet rouge. C&#8217;est un constat.</p>
<p><strong>Nota bene </strong><em>again</em> : à celles et ceux qui pensent qu&#8217;il s&#8217;agit d&#8217;un billet plein de rancune contre mon ancien employeur, relisez le titre. J&#8217;aime mes anciens collègues, ils sont bons et motivés. Ils ont été et sont une famille à mes yeux. Mais ne lisez pas entre les lignes : je partage un ressenti, c&#8217;est personnel et lié à ma personne.</p></blockquote>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2010/pourquoi-quitter-travail/feed/</wfw:commentRss>
		<slash:comments>47</slash:comments>
		</item>
		<item>
		<title>WordPress, mises à jour automatiques et FTP : la solution</title>
		<link>http://case.oncle-tom.net/2010/wordpress-updates-automatiques/</link>
		<comments>http://case.oncle-tom.net/2010/wordpress-updates-automatiques/#comments</comments>
		<pubDate>Mon, 22 Nov 2010 16:33:14 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[astuce]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[configuration]]></category>
		<category><![CDATA[logiciels libres]]></category>
		<category><![CDATA[upgrade]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=17698</guid>
		<description><![CDATA[Marre de mettre à jour vos extensions WordPress à la main ? Vous ne comprenez pas quoi faire avec l'écran de mise à jour FTP de WordPress ? Cet article contient la solution pour rétablir les mises à jour automatiques sans toucher à votre configuration serveur.]]></description>
			<content:encoded><![CDATA[<p>Lorsque j&#8217;étais hébergé chez <a href="http://www.ovh.com/">OVH</a>, avant de basculer vers <a href="http://alwaysdata.com/">AlwaysData</a> pour gagner en vitesse d&#8217;affichage, la mise à jour de mes extensions se faisait le plus simplement du monde depuis l&#8217;interface d&#8217;administration.</p>
<p>Seulement voilà, lors de toute tentative de mise à jour, que ce soit du blog, d&#8217;une extension ou d&#8217;un thème, un écran de configuration de paramètres <acronym title="File Transfer Protocol">FTP</acronym> apparaît. Comme nous sommes des feignants, on ne voudra en aucun cas ouvrir un serveur <acronym title="File Transfer Protocol">FTP</acronym>, qui n&#8217;aurait d&#8217;ailleurs pour d&#8217;autre intérêt que de faciliter les intrusions dans votre système.</p>
<p><span id="more-17698"></span></p>
<h3>Où trouver l&#8217;information ?</h3>
<p>En cherchant un peu, je suis tombé sur l&#8217;ensemble des <a href="http://codex.wordpress.org/Editing_wp-config.php">directives de configuration de WordPress</a>, dont les <a href="http://codex.wordpress.org/Editing_wp-config.php#WordPress_Upgrade_Constants">constantes liées au système de fichier</a>.<br />
Cette section précise ce qu&#8217;il faut savoir, même si c&#8217;est suffisamment technique pour perdre toute personne ne comprenant rien au code (et on ne leur en voudra pas).</p>
<p>Le problème vient du fait que si l&#8217;<strong>utilisateur propriétaire</strong> du système de fichier n&#8217;est pas le même utilisateur du serveur <acronym title="HyperText Transfer Protocol">HTTP</acronym>, WordPress bascule automatiquement en mise à jour via <acronym title="File Transfer Protocol">FTP</acronym>.</p>
<p>L&#8217;astuce consiste à forcer WordPress en mode <em>direct</em> (système de fichier) et à donner les droits d&#8217;écriture au <strong>groupe propriétaire</strong> correspondant à celui du serveur <acronym title="HyperText Transfer Protocol">HTTP</acronym> (<em>www-data</em> pour Apache et Nginx sous Debian et Ubuntu).</p>
<h3>Configuration de wp-config.php</h3>
<p>Forcer le mode direct est très simple. Il suffit d&#8217;éditer le fichier <em>wp-config.php</em>, celui-là même qui contient les identifiants de connexion à la base de données et autres joyeusetés. Et d&#8217;y rajouter cette ligne, avant la première directive par exemple :</p>
<pre><code class="php">define('FS_METHOD', 'direct');</code></pre>
<p>Enregistrez, et c&#8217;est plié.</p>
<h3>Réglage des permissions</h3>
<p>Côté permissions, ça peut également se régler en 2 coups de terminal. Partons du principe que le <strong>groupe propriétaire</strong> de votre serveur <acronym title="HyperText Transfer Protocol">HTTP</acronym> est <em>www-data</em>, à la base de votre installation WordPress, il suffit de faire ceci :</p>
<pre><code class="shell">chgrp -R www-data wp-content/upgrade wp-content/themes wp-content/plugins wp-content/uploads
chmod g+wx wp-content/upgrade wp-content/themes wp-content/plugins wp-content/uploads</code></pre>
<p>Cette manipulation attribue <em>www-data</em> comme propriétaire des répertoires que vous souhaitez rendre accessibles en écriture et ce, de manière récursive. Dans un second temps, elle attribute les droits d&#8217;écriture et d&#8217;exécution au groupe propriétaire (peu importe le nom du groupe).<br />
Si vous êtes perdu(e) avec la commande <a href="http://www.siteduzero.com/tutoriel-3-36115-les-chmod.html"><code>chmod</code>, un peu de lecture pour apprendre à le manipuler</a> (ça sauve la vie).</p>
<h3>Conclusion</h3>
<p>A ce stade des choses, tout est fonctionnel : tentez d&#8217;installer une nouvelle extension, ça passera comme une lettre à la poste.<br />
Si vous rencontrez des difficultés, c&#8217;est très certainement parce que les permissions des fichiers qui tentent d&#8217;être modifiées ne sont pas suffisantes pour le groupe propriétaire du serveur <acronym title="HyperText Transfer Protocol">HTTP</acronym>. Ajustez la procédure des permissions par rapport à votre besoin.</p>
<p>C&#8217;est pas sorcier, il suffisait de le savoir  :-)</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2010/wordpress-updates-automatiques/feed/</wfw:commentRss>
		<slash:comments>14</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>RMLL 2010 : c&#8217;est parti !</title>
		<link>http://case.oncle-tom.net/2010/rmll-2010/</link>
		<comments>http://case.oncle-tom.net/2010/rmll-2010/#comments</comments>
		<pubDate>Tue, 06 Jul 2010 14:50:32 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[accessibilité]]></category>
		<category><![CDATA[bordeaux]]></category>
		<category><![CDATA[conférences]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[django]]></category>
		<category><![CDATA[ezpublish]]></category>
		<category><![CDATA[ftth]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[logiciels libres]]></category>
		<category><![CDATA[opendata]]></category>
		<category><![CDATA[openstreetmap]]></category>
		<category><![CDATA[rmll]]></category>
		<category><![CDATA[symfony]]></category>
		<category><![CDATA[typo3]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=14602</guid>
		<description><![CDATA[Les RMLL commencent ! Petit aperçu du programme de la session Internet, que je co-organise avec <a href="http://prendreuncafe.com">Nicolas Perriault</a>.]]></description>
			<content:encoded><![CDATA[<p>La <a href="http://2010.rmll.info">onzième édition des Rencontres Mondiales du Logiciel Libre</a> (<em>Libre Software Meeting</em> pour les anglophones) vient de débuter à Bordeaux. Ce cycle de conférences signe son retour dans le terroir puisque sa toute première édition s&#8217;est déroulée à Bordeaux, 10 ans plus tôt.</p>
<p>Je vous parlais en janvier de l&#8217;appel à conférence. Celui-ci a battu les records : 35 conférences, 1 table ronde et plus d&#8217;une demi-journée de conférences en anglais pour la session Internet, que je co-organise avec <a href="http://prendreuncafe.com">Nicolas Perriault</a>.</p>
<p><a href="http://case.oncle-tom.net/images/2010/07/logo-11es_fr.png"><img class="aligncenter size-full wp-image-14603" title="RMLL 2010" src="http://case.oncle-tom.net/images/2010/07/logo-11es_fr.png" alt="Logo RMLL 2010" width="308" height="85" /></a></p>
<h3><span id="more-14602"></span>La session Internet</h3>
<p>Toutes les conférences liées à la thématique de l&#8217;Internet et du libre se déroulent sur 3 jours, du <strong>mercredi 7 juillet</strong> (demain) jusqu&#8217;au <strong>vendredi 8 juillet</strong>. Ça se passe dans l&#8217;<strong>amphitéâtre A</strong> (150 places) de l&#8217;<a href="http://www.enseirb.fr/">ENSEIRB-MATMECA</a>, à 2 pas de l&#8217;arrêt de tramway B « Arts et Métiers ». Tout se trouve sur le <a href="http://2010.rmll.info/spip.php?page=osm&amp;lang=fr">plan détaillé de l&#8217;évènement</a>, en particulier dans la rubrique <a href="http://2010.rmll.info/Venir-en-tramway.html">déplacement en tramway</a>.</p>
<p>La philosophie consiste à réduire les durées de conférence sur des durées de 20 minutes, pour offrir un message clair, sans longueur ainsi qu&#8217;une variété d&#8217;intervenants et de sujets.<br />
Coïncidence de la vie et organisation aidant, on a réussi à caser ça en demi-journées thématiques.<br />
Cela offre d&#8217;une part une vision claire du programme mais aussi, si vous avez une attente bien précise, une (ou plusieurs) demi-journées suffisent pour y répondre.</p>
<p>On aurait aimé en faire plus &#8230; difficile en 3 jours, déjà intenses.</p>
<h4>Frameworks et tests</h4>
<ul>
<li>Date : mercredi matin</li>
<li>6 conférences</li>
</ul>
<p>Où l&#8217;on parlera de <em>frameworks</em> de développement avec Django et Symfony2, de tests avec Selenium et une avant-première Temesis.<br />
SPIP sera de la partie pour inaugurer ce bal technique, servant autant à du site Web que de l&#8217;applicatif ou de la création d&#8217;<acronym title="Application Programming Interface">API</acronym>.</p>
<h4><acronym title="HyperText Markup Language">HTML</acronym>, <acronym title="Cascading Style Sheets">CSS</acronym> et accessibilité</h4>
<ul>
<li>Date : mercredi après-midi</li>
<li>8 conférences</li>
</ul>
<p>On habille le Web avec des présentations d&#8217;HTML5, CSS3 mais également des outils d&#8217;amélioration de qualité (comme KBAccess, ou Tanaguru).<br />
La journée se terminera sur 2 conférences clé : l&#8217;intégration accessible de vidéos et l&#8217;<a href="http://2010.rmll.info/spip.php?article409&amp;lang=fr">accessibilité pour les non-lecteur</a>s. Oui, les non-lecteurs <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<h4><acronym title="Content Management System">CMS</acronym> et gestion de contenu</h4>
<ul>
<li>Date : jeudi matin</li>
<li>6 conférences</li>
</ul>
<p>eZ Publish sera à l&#8217;honneur, aux côtés d&#8217;Automne, Typo3 et Joomla. Piwigo illustrera la gestion de contenu de photos et d&#8217;images.<br />
L&#8217;orientation est données aux cas pratiques : intégration de recherche à facette, optimisation de performances.</p>
<h4>Internet I/O</h4>
<ul>
<li>Date : jeudi après-midi</li>
<li>6 conférences</li>
</ul>
<p>À la fin de la demi-journée, vous saurez ce qu&#8217;il faut pour devenir votre propre hébergeur, de l&#8217;infrastructure matérielle jusqu&#8217;à l&#8217;accès Internet maitrisé.<br />
Une autre partie des conférences est dédiée à des outils d&#8217;extraction et d&#8217;accès à Internet, autrement qu&#8217;avec un navigateur Web.</p>
<h4>Matinée anglophone</h4>
<ul>
<li>Date : vendredi matin</li>
<li>3 conférences</li>
</ul>
<p>C&#8217;est un peu plus fourre-tout : <acronym title="Content Management System">CMS</acronym> Java avec <a href="http://lenya.apache.org/">Apache Lenya</a> (présenté par des membres de la fondation Apache), tests de montée en charge et outil de traduction collaborative par <a href="http://automattic.com/">Automattic</a>.</p>
<h4>Collaboratif, traduction et Open Data</h4>
<ul>
<li>Date : vendredi après-midi</li>
<li>6 conférences</li>
<li>1 table ronde</li>
</ul>
<p>Le clou du spectacle : traduction automatisée, réseau social décentralisé, collaborer à OpenStreetMap, gérer une communauté Open Source, Open Data et moteur de recherche décentralisé.</p>
<p>On terminera sur une table ronde dédiée à <strong>Open Data</strong>, afin de décrypter ensemble tous les intérêts à libérer ses données, créer de la richesse et apporter l&#8217;innovation jusqu&#8217;à la société civile ; un levier de croissance trop facilement oublié.</p>
<h3>On se voit sur place !</h3>
<p>Je serai sur place pendant toute la durée de la session Internet donc n&#8217;hésitez pas à nous interpeler, Nicolas ou moi.<br />
Le programme continue également en soirée, en aparté :</p>
<ul>
<li>mardi soir à <a href="http://www.laparcelle.fr">la Parcelle</a></li>
<li><a href="http://blog.temesis.com/post/2010/07/06/RMLL-2010-Bordeaux-c-est-parti">mercredi soir chez Élie</a> − c&#8217;est celui qui est plus beau en vrai que sur le Net, et c&#8217;est pas un <em>self-service</em></li>
<li><a href="http://blog.temesis.com/post/2010/07/06/RMLL-2010-Bordeaux-c-est-parti"></a>jeudi soir au <a href="http://2010.rmll.info/Le-repas-du-Libre.html">repas du libre</a></li>
<li>vendredi soir <a href="http://www.gotoresto.com/la-guinguette-chez-alriq">chez Alriq</a></li>
</ul>
<p>Vous pourrez y croiser entre autre (et dans le désordre) <a href="http://prendreuncafe.com">Nicolas Perriault</a>, <a href="http://ideance.net/">Sébastien Delorme</a>, <a href="http://david.larlet.fr/">David Larlet</a>, <a href="http://www.yab-le-o.com/">Mickaël Hoareau</a>, <a href="http://romy.tetue.net/">Romy Tetue</a>, <a href="http://temesis.com">Élie Sloïm</a>, <a href="http://frank.taillandier.free.fr/">Frank Taillandier</a>, <a href="http://www.denderello.com/">Dennis Benkert</a> et moi-même.</p>
<p>Je remercierai quand même mon employeur, <a href="http://www.clever-age.com/actualites/dernieres-actualites/autres-actualites/clever-age-participe-a-la-onzieme-edition-des-rencontres-mondiales-du-logiciel-libre.html">Clever Age, qui prend intégralement en charge mes jours de participation à cet évènement</a>. Participer à l&#8217;écosystème du libre sans se soucier de l&#8217;aspect financier est un confort très appréciable.</p>
<p>Pour un Internet libre !</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2010/rmll-2010/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>1 seule raison de proposer une application plutôt qu&#8217;une version mobile de son site</title>
		<link>http://case.oncle-tom.net/2010/raison-application-site-web-mobile/</link>
		<comments>http://case.oncle-tom.net/2010/raison-application-site-web-mobile/#comments</comments>
		<pubDate>Thu, 22 Apr 2010 12:10:00 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[app store]]></category>
		<category><![CDATA[bordeaux]]></category>
		<category><![CDATA[buzz]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[market]]></category>
		<category><![CDATA[presse-citron]]></category>
		<category><![CDATA[usages]]></category>
		<category><![CDATA[webapp]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=9231</guid>
		<description><![CDATA[Réaction suite à la lecture d'un article traitant des 10 raisons de proposer une application mobile au lieu d'un site Web mobile. C'était tellement ahurissant que je me suis senti obligé de réagir pour partager mon point de vue et surtout, les <strong>réels intérêts</strong> d'utiliser l'un ET l'autre.]]></description>
			<content:encoded><![CDATA[<p>J&#8217;ai lu hier un article intitulé <a href="http://www.presse-citron.net/internet-mobile-10-raisons-de-proposer-une-application-plutot-quune-version-web-mobile-de-son-site">Internet mobile : 10 raisons de proposer une application plutôt qu&#8217;une version Web mobile de son site</a>. Je passerai outre le « x raisons / meilleures applis / bla bla » dont l&#8217;intérêt a été usé par son usage.</p>
<p>Non, ce qui m&#8217;a vraiment frappé c&#8217;est que sur les 10 raisons évoquées, à peine 2 sortent la tête du lot :</p>
<ul>
<li>utilisation du push</li>
<li>l&#8217;écosystème de l&#8217;App Store</li>
</ul>
<p>Mais surtout, les véritables raisons ne sont même pas évoquées.<br />
Rectification.</p>
<p><img class="aligncenter size-full wp-image-9330" title="Logo Android" src="http://case.oncle-tom.net/images/2010/04/android-nq8.png" alt="Logo Android" width="256" height="256" /></p>
<p><span id="more-9231"></span></p>
<h3>Ces 10 raisons sont du <em>bullshit</em></h3>
<p>La grosse dérive de ces articles à base de n-raisons, c&#8217;est qu&#8217;on se sent obligé d&#8217;en pondre pour arrondir le compteur. Forcément, 2 raisons ça fait pas rêver.</p>
<p>Je vais revenir sur chacune de ces raisons de préférer une application à une version mobile :</p>
<ol>
<li><strong>un format adapté</strong><br />
Ça ne veut strictement rien dire : le site Web mobile et l&#8217;application peuvent avoir la même apparence et s&#8217;affichent dans le même espace disponible (à quelques détails près − les boutons de navigation par exemple).  L&#8217;application ne garantit par le rendu mais utilise bien souvent une charte <em>de facto</em> ; charte qui est rarement reprise pour les sites Web mobile et pour cause, ces derniers s&#8217;adressent à <em>tous les mobinautes</em>.</li>
<li><strong>une plus grande facilité d&#8217;utilisation pour le public</strong><br />
Là encore il y a grosse confusion entre fond et forme. Un site Web mobile peut avoir la même apparence et le même type de navigation qu&#8217;une application. La preuve : l&#8217;application Facebook (pour Android en tous cas) renvoie régulièrement sur la version mobile (adaptée aux écrans tactiles) pour terminer certaines actions.<br />
En terme d&#8217;apparence, elles sont quasiment identiques. D&#8217;ailleurs, vu qu&#8217;il est impossible de consulter ses messages privés sur l&#8217;application, le site Web mobile est plus facile à utiliser que l&#8217;application.</li>
<li><strong>le grand public déteste les <acronym title="Uniform Resource Locator">URL</acronym></strong><br />
Il s&#8217;en fiche surtout, parce qu&#8217;il ne comprend pas. Donc bien souvent le nom du site est cherché dans le moteur de recherche par défaut du navigateur. Cela se termine par un ajout dans les favoris.<br />
Entre chercher un nom d&#8217;appli dans un <em>store</em> ou dans un moteur de recherche Web, il n&#8217;y a strictement aucune différence.</li>
<li><strong>le grand public adore les icônes</strong><br />
Difficile de laisser échapper un sourire en lisant cette raison <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  Je cherche encore le rapport car des icônes, on peut en mettre à foison sur un site Web mobile.</li>
<li> <strong>le push</strong><br />
C&#8217;est quelque chose qu&#8217;on ne peut effectivement pas faire depuis un site Web mobile. C&#8217;est un avantage pour l&#8217;application. Combien de sites ont besoin de fournir du <em>push</em> ? Je n&#8217;imagine pas avoir 26 applications de blogs m&#8217;envoyer du push à chaque publication d&#8217;article. Donc à consommer avec modération d&#8217;autant plus que l&#8217;existence du <em>push</em> ne rend pas son utilisation obligatoire.</li>
<li><strong>le buzz</strong><br />
Le buzz ne se fait pas par rapport à l&#8217;application mais aux fonctionnalités du service. Que je sache, je joue avec Foursquare, j&#8217;utilise Seesmic pour son widget Android et ses options poussées, pas parce que c&#8217;est une application ou un site Web. Foursquare serait pourri, l&#8217;application n&#8217;y changerait pas grand chose.<br />
Le buzz est possible mais ça concerne un nombre tellement faible de services (par rapport à l&#8217;ensemble des sites Web existants) qu&#8217;il ne faut pas espérer un <em>buzz</em> uniquement parce qu&#8217;une application existe.</li>
<li><strong>c&#8217;est bon pour ton image, coco</strong><br />
Ne pas proposer une application pour un service à usage de masse est effectivement une erreur à l&#8217;heure actuelle. En revanche, c&#8217;est une décision stratégique qui n&#8217;empêche pas pour autant de disposer d&#8217;un site Web mobile. La raison est hors-contexte : ça se décide entre l&#8217;application et l&#8217;application.</li>
<li><strong>une application est plus facile à trouver qu&#8217;un site Web</strong><br />
Cf. ce que j&#8217;ai écrit plus haut : chercher sur l&#8217;App Store ou sur Google, c&#8217;est pareil. En revanche, le réflexe de chercher dans le <em>store</em> sera probablement bien plus élevé. Ça n&#8217;ajoute aucune facilité. C&#8217;est juste une habitude différente − donc ce n&#8217;est clairement pas la même chose.</li>
<li><strong>une application offre des possibilités de fonctions plus avancées qu&#8217;une version Web mobile</strong><br />
Oui, et le push en fait partie. Mais là encore, l&#8217;auteur de l&#8217;article n&#8217;a pas compris qu&#8217;un site Web est universel, à la différence de l&#8217;application qui est spécifique à la plateforme en question. C&#8217;est d&#8217;ailleurs pour ça que ça porte un nom différent, site Web, application.<br />
Encore que, avec des technos Web on peut réaliser une application mobile grâce à des outils comme <a href="http://www.phonegap.com/">PhoneGap</a>.</li>
<li><strong>l&#8217;écosystème de l&#8217;App Store, iAd et la possibilité de monétiser une application</strong><br />
C&#8217;est fortement lié à la 8ème raison : l&#8217;écosystème fait qu&#8217;on va chercher en premier dans le <em>store</em> plutôt que depuis son navigateur mobile. D&#8217;ailleurs, pour un service existant, les utilisateurs n&#8217;attendent même pas que la communication soit faite sur l&#8217;application : les possesseurs de <em>smartphones</em> cherchent dans le <em>store</em>. Point final.<br />
iAd n&#8217;est qu&#8217;une plateforme publicitaire parmi d&#8217;autres mais on n&#8217;a pas le choix (sur iPhone en tous cas).<br />
La monétisation est possible en paiement à l&#8217;acte sur un site Web mobile, mais clairement pas à l&#8217;installation. La manière de monétiser est différente. L&#8217;acte d&#8217;achat aussi : l&#8217;utilisateur sera très certainement plus propice à payer une application qu&#8217;un accès à un site Web mobile.</li>
</ol>
<h3>S&#8217;il ne fallait retenir qu&#8217;une seule raison</h3>
<p>Quand même, je vais citer LA raison qui me fait utiliser une application plutôt qu&#8217;un site Web mobile : la <strong>vitesse</strong>. L&#8217;application ayant toute l&#8217;interface préchargée, la navigation est fatalement plus rapide.</p>
<p>Je pourrai quand même citer un excellent contre-exemple : le <a href="http://m.flickr.com/">site Web mobile de Flickr</a>. Sa navigation entièrement en Ajax (pour les mobiles supportant cela) la rend véloce et très agréable à utiliser. Elle est aussi rapide à consulter que l&#8217;application Facebook. Elle est même plus rapide en ce qui concerne le chargement d&#8217;images.</p>
<p><a href="http://case.oncle-tom.net/images/2010/04/bordeaux-agenda.jpg"><img class="aligncenter size-medium wp-image-9331" title="Écran de l'application Bordeaux Agenda" src="http://case.oncle-tom.net/images/2010/04/bordeaux-agenda-208x300.jpg" alt="Écran de l'application Bordeaux Agenda" width="208" height="300" /></a></p>
<h3>Application ou site mobile ? Les deux mon capitaine !</h3>
<p>Il faut quand même comprendre une chose : le choix ne se fait pas entre une application <strong>ou</strong> un site Web mobile.</p>
<p>Comme je l&#8217;expliquais avant, <strong>la cible est différente</strong>.<br />
Quand je publie une application iPhone, le public est mécaniquement la population possédant un iPhone.<br />
Quand je publie un site Web mobile, le public est mécaniquement la population connectée à l&#8217;Internet mobile, y compris les utilisateurs d&#8217;iPhone naviguant avec Opera Mini.</p>
<p>Le Web a une notion d&#8217;universalité que n&#8217;ont pas les <em>stores</em>. Un <em>store</em>, c&#8217;est un service Minitel 2.0. On se connecte au service et on n&#8217;en sort pas.<br />
<strong>Ne pas proposer de site Web mobile, c&#8217;est nier une frange des internautes</strong>. Et ce n&#8217;est pas ce que j&#8217;appelle un progrès, l&#8217;exclusion.</p>
<p>Ah et dernier point : il n&#8217;y a pas que l&#8217;iPhone dans la vie. Il y a aussi Android, webOs et Windows Phone. Certes en Europe l&#8217;iPhone domine l&#8217;Internet mobile et le marché des <em>smartphones</em> mais ce n&#8217;est pas une généralité mondiale.</p>
<h3>Conclusion</h3>
<p>La mobilité et le Web mobile sont des sujets très chauds et en pleine croissance. Ça serait bien d&#8217;arrêter de se secouer la nouille pour le bon plaisir des statistiques.</p>
<p>Vous pouvez proposer un site Web mobile.<br />
Vous pouvez proposer une application mobile.</p>
<p>Vous n&#8217;avez par contre pas vocation ni obligation de sortir une application mobile pour y caser tous les <em>buzzwords</em> ou être <em>hype</em>. Un exemple ? L&#8217;<a href="http://itunes.apple.com/fr/app/a-bordeaux-agenda-culture-et-sorties/id345268578">application Agenda de la ville de Bordeaux</a>. C&#8217;est une appli mais un chargement systématique de 10 minutes au lancement, c&#8217;est un non-sens complet.</p>
<p>Comme quoi, application ou site Web mobile, encore une fois, la clé du succès c&#8217;est une <strong>bonne conception et surtout une réflexion sur les apports à l&#8217;usager en situation de mobilité</strong>.</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2010/raison-application-site-web-mobile/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>Widget Netvibes VCUB</title>
		<link>http://case.oncle-tom.net/2010/widget-netvibes-vcub/</link>
		<comments>http://case.oncle-tom.net/2010/widget-netvibes-vcub/#comments</comments>
		<pubDate>Wed, 14 Apr 2010 08:00:45 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[git]]></category>
		<category><![CDATA[github]]></category>
		<category><![CDATA[netvibes]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[scm]]></category>
		<category><![CDATA[social]]></category>
		<category><![CDATA[Subversion]]></category>
		<category><![CDATA[temps réel]]></category>
		<category><![CDATA[uwa]]></category>
		<category><![CDATA[VCUB]]></category>
		<category><![CDATA[widgets]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/?p=7989</guid>
		<description><![CDATA[Le <a href="http://vcub.fr/">VCUB</a> est le système de vélos en libre-service de la communauté urbaine de Bordeaux. Je propose un widget Netvibes en Open Source afin de faciliter l'accès à la disponibilité des vélos et des stations.]]></description>
			<content:encoded><![CDATA[<p>Cela faisait un petit moment que je n&#8217;avais pas réalisé de <a href="http://case.oncle-tom.net/code/netvibes/">widget Netvibes</a>. À vrai dire, je n&#8217;en avais pas publié depuis 2008. C&#8217;était encore le boom et la folie des widgets.</p>
<p>Le compteur est remis à zéro cette année avec la publication du <a href="http://case.oncle-tom.net/code/netvibes/vcub/">widget VCUB</a>.</p>
<h3><span id="more-7989"></span>VCUB</h3>
<p>Le soir en sortant du travail, j&#8217;aime bien prendre un VCUB pour prendre l&#8217;air, raccourcir mon trajet (les bus en centre-ville à 18h c&#8217;est pas forcément gagné) ou pour me déplacer plus rapidement.</p>
<p>Mon seul ennui, c&#8217;était la facilité d&#8217;accès à l&#8217;information principale : <strong>la disponibilité des vélos</strong>. Elle est disponible à la fois sous forme de <a href="http://www.vcub.fr/stations/plan">carte</a> ou de <a href="http://www.vcub.fr/stations/liste">liste</a> sur le site Web officiel. Cela reste toutefois assez long pour y accéder.</p>
<p>Étant toujours utilisateur du service Netvibes, je me suis dis <q>pourquoi ne pas en faire un widget ?</q>.<br />
Quelques jours après, le <a href="http://case.oncle-tom.net/code/netvibes/">widget VCUB</a> était né. Vous pouvez <a href="http://eco.netvibes.com/subscribe/378209">ajouter le widget VCUB sur votre page Netvibes en 2 clics</a>.</p>
<div id="attachment_7986" class="wp-caption aligncenter" style="width: 210px"><a href="http://case.oncle-tom.net/images/2010/04/uwa-vcub.png"><img class="size-medium wp-image-7986" title="Aperçu du widget VCUB" src="http://case.oncle-tom.net/images/2010/04/uwa-vcub-200x300.png" alt="" width="200" height="300" /></a><p class="wp-caption-text">Aperçu du widget VCUB</p></div>
<p>En terme de fonctionnalités, ça reste simple : il y a la liste des stations ainsi que vos stations favorites. Ces dernières permettent d&#8217;accéder rapidement aux stations que vous utilisez le plus fréquemment, afin de ne pas avoir à les chercher sans arrêt parmi la centaine de bornes existantes.</p>
<p>Si vous avez des idées ou d&#8217;autres besoins, n&#8217;hésitez pas à m&#8217;en faire part. J&#8217;essaierai de les ajouter dans un délai raisonnable.<br />
Sinon, il ne vous restera plus qu&#8217;à contribuer au code.</p>
<h3>Github</h3>
<p>J&#8217;ai profité de l&#8217;occasion pour <em>jouer</em> (oui un <em>geek</em> joue quand il s&#8217;amuse à produire du code) avec <em>git</em> et <a href="http://github.com">Github</a>, cette plate-forme de <em>social coding</em>.</p>
<p>En plus d&#8217;être ultra pratique à utiliser et d&#8217;être pédagogue dans la manière d&#8217;expliquer <em>git</em> aux nouveaux venus, <strong>Github facilite énormément les contributions</strong> possibles à n&#8217;importe quel projet. Étant habitué de Subversion, j&#8217;étais un peu effrayé par le terme <em>fork</em>. Les fusions de code étant plutôt galères, un <em>fork</em> raisonnait dans ma tête comme étant une fuite de code, une branche qui vit sa vie sans revenir à la source.</p>
<p>Avec Github ce n&#8217;est pas ça, c&#8217;est presque le contraire : <em>forker</em> c&#8217;est vraiment reprendre du code dans son coin pour le proposer confortablement au projet d&#8217;origine. L&#8217;interface en ligne du projet et la magie du <em>merge</em> de <em>git</em> font tout le reste.</p>
<p>En clair, Github peut devenir une réelle addiction pour qui aime contribuer à des projets libres et ouverts. On a envie de tout <em>forker</em> et d&#8217;apporter notre pierre à l&#8217;édifice.</p>
<h3>Conclusion</h3>
<p>Il est tellement plus facile de pouvoir compenser un problème lorsqu&#8217;on a les outils à disposition. En quelques 400 lignes de <acronym title="HyperText Markup Language">HTML</acronym>, JavaScript et <acronym title="Cascading Style Sheets">CSS</acronym> tous les bordelais ont 2 choses :</p>
<ul>
<li>des informations fraiches sur la disponibilité des vélos à portée de main</li>
<li>une possibilité d&#8217;enrichir eux-même le widget</li>
</ul>
<p><strong>La pérennité est assurée par l&#8217;ouverture du code</strong>. Libre à vous d&#8217;en faire un widget concurrent ou de l&#8217;adapter pour une autre ville que Bordeaux.</p>
<p>Mais surtout, tout l&#8217;intérêt d&#8217;un service (comme VCUB) repose dans la communauté et les usagers. Certaines personnes sont prêtes à donner de leur temps et de leurs idées pour enrichir un service qu&#8217;ils utilisent et apprécient.</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2010/widget-netvibes-vcub/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

