<?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; rss</title>
	<atom:link href="http://case.oncle-tom.net/tag/rss/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>Microformats : comment microformater du contenu dÃ©jÃ  existant ?</title>
		<link>http://case.oncle-tom.net/2008/microformats-comment-microformater-du-contenu-deja-existant/</link>
		<comments>http://case.oncle-tom.net/2008/microformats-comment-microformater-du-contenu-deja-existant/#comments</comments>
		<pubDate>Thu, 03 Apr 2008 21:07:42 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[DÃ©veloppement Web]]></category>
		<category><![CDATA[Standards du Web]]></category>
		<category><![CDATA[adr]]></category>
		<category><![CDATA[atom]]></category>
		<category><![CDATA[clever age]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[google maps]]></category>
		<category><![CDATA[hatom]]></category>
		<category><![CDATA[hcalendar]]></category>
		<category><![CDATA[hcard]]></category>
		<category><![CDATA[logiciels libres]]></category>
		<category><![CDATA[microformats]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[tag]]></category>
		<category><![CDATA[wikia]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[xoxo]]></category>
		<category><![CDATA[yahoo]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/2008/04/03/microformats-comment-microformater-du-contenu-deja-existant/</guid>
		<description><![CDATA[Nous avions dressÃ© un panorama des microformats dans un prÃ©cÃ©dent article intitulÃ© Â« microformats : republier et donner du sens aux contenus Â». Nous avions notamment conclu que leur intÃ©gration Ã©tait rapide, peu coÃ»teuse et surtout bÃ©nÃ©fique tant pour le visiteur que pour la visibilitÃ© du contenu. Nous nous intÃ©resserons cette fois-ci Ã  une partie [...]]]></description>
			<content:encoded><![CDATA[
<p style="text-align:center"><img src="http://case.oncle-tom.net/images/2007/07/logo-microformats.gif" alt="Microformats logo" /></p>
<p>Nous avions dressÃ© un panorama des microformats dans un prÃ©cÃ©dent article intitulÃ© Â« <a href="http://case.oncle-tom.net/2008/01/29/microformats-republier-donner-sens-aux-contenus/">microformats : republier et donner du sens aux contenus</a> Â». Nous avions notamment conclu que leur<strong> intÃ©gration Ã©tait rapide, peu coÃ»teuse et surtout bÃ©nÃ©fique</strong> tant pour le visiteur que pour la visibilitÃ© du contenu.</p>
<p>Nous nous intÃ©resserons cette fois-ci Ã  une partie plus pratique des microformats : leur <strong>intÃ©gration</strong>. Toutefois ce rapide apprentissage sera didactique puisque nous apprendrons Ã  identifier visuellement quels contenus dâ€™une page peuvent Ãªtre microformatÃ©s mais aussi comment microformater du code <acronym title="HyperText Markup Language">HTML</acronym> dÃ©jÃ  existant.<br />
<span id="more-896"></span></p>
<h3>Des sites dÃ©jÃ  microformatÃ©s</h3>
<p>IntÃ©ressons-nous toutefois Ã  des sites ayant dÃ©jÃ  microformatÃ© leurs contenus. Nous pourrons ainsi Ã©veiller notre curiositÃ© et prÃ©parer le travail de rÃ©flexion de la prochaine Ã©tape.</p>
<p><strong><a href="http://maps.google.fr/?q=clever-age&amp;near=paris">Exemple avec Google Maps</a></strong> :</p>
<p style="text-align:center"><img src="http://case.oncle-tom.net/images/2008/04/microformats-sites-google-maps.jpg" alt="Microformats sur Google Maps" /></p>
<p>Google Maps est un service de recherche cartographique accessible via un simple navigateur Web. Le moteur donne un accÃ¨s Ã  des recherches de lieux, de calculs d&#8217;itinÃ©raires mais aussi d&#8217;emplacement d&#8217;entreprises.</p>
<p>Le support des microformats sur Google Maps est relativement lÃ©ger mais suffisant pour Ãªtre utile.<br />
Contrairement Ã  ce que l&#8217;on aurait pu penser, Google n&#8217;a pas intÃ©grÃ© le <a href="http://microformats.org/wiki/geo">microformat geo</a> pour exporter les coordonnÃ©es GPS d&#8217;un point. La sociÃ©tÃ© s&#8217;est concentrÃ©e sur les donnÃ©es personnelles au moyen de deux microformats combinÃ©s :</p>
<ul>
<li> <a href="http://microformats.org/wiki/hcard">microformat hCard</a> (correspond Ã  la rÃ©union des encadrÃ©s bleu et vert)</li>
<li> <a href="http://microformats.org/wiki/adr">microformat adr</a> (correspond Ã  l&#8217;encadrÃ© vert uniquement)</li>
</ul>
<p>Cette combinaison facilite l&#8217;extraction des adresse postales et des entitÃ©s (individus ou entreprises).</p>
<p><strong><a href="http://upcoming.yahoo.com/search/?loc=paris">Exemple avec Yahoo ! Upcoming</a></strong> :</p>
<p style="text-align:center"><img src="http://case.oncle-tom.net/images/2008/04/microformats-sites-yahoo-upcoming.jpg" alt="Microformats sur Yahoo! Upcoming" /></p>
<p>Yahoo ! Upcoming est un service gratuit cataloguant tous les Ã©vÃ¨nements Ã  venir par pays, ville, date et mÃªme par catÃ©gories (cinÃ©ma, concerts, expositions etc.).</p>
<p>Le microformat par excellence Ã  adopter Ã©tait bien Ã©videmment le <a href="http://microformats.org/wiki/hcalendar">microformat hCalendar</a>. Chaque occurence microformatÃ©e est reprÃ©sentÃ©e par un rectangle vert et peut contenir ces diffÃ©rents attributs, entre autre :</p>
<ul>
<li> date de dÃ©but de l&#8217;Ã©vÃ¨nement</li>
<li> date de fin de l&#8217;Ã©vÃ¨nement</li>
<li> titre de l&#8217;Ã©vÃ¨nement</li>
<li> description de l&#8217;Ã©vÃ¨nement</li>
<li> le lieu de l&#8217;Ã©vÃ¨nement (sous forme d&#8217;adresse complÃ¨te ou pas)</li>
<li> une <acronym title="Uniform Resource Locator">URL</acronym> menant Ã  un descriptif plus approfondi de l&#8217;Ã©vÃ¨nement</li>
</ul>
<p>Ce microformatage permet d&#8217;aller au-delÃ  d&#8217;une lecture classique puisque de maniÃ¨re simple, elle permet au visiteur de rÃ©cupÃ©rer les Ã©vÃ¨nements qui l&#8217;intÃ©resse pour les ajouter Ã  son gestionnaire de temps favoris, qu&#8217;il soit logiciel ou en ligne.</p>
<h3>Identifier visuellement les microformats Ã  intÃ©grer</h3>
<p>Identifier des microformats dÃ©jÃ  implÃ©mentÃ© est assez simple avec les outils adÃ©quats. En revanche pour dÃ©cider de microformater du contenu, deux outils sont indispensables :</p>
<ul>
<li> la documentation des microformats pour savoir <strong>quoi implÃ©menter</strong></li>
<li> un peu de jugeotte pour savoir <strong>comment implÃ©menter</strong> <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </li>
</ul>
<p>Avec un peu de pratique et de connaissance des diffÃ©rents microformats, il ne faut pas plus de 5 Ã  10 minutes pour identifier les contenus microformatables. La difficultÃ© d&#8217;intÃ©gration dÃ©pendra uniquement de la structure technique affichant les donnÃ©es : plus elle sera complexe, plus le microformatage pourra Ãªtre long &#8230; au mÃªme titre que toute autre modification basique.</p>
<p><strong><a href="http://re.search.wikia.com/search#clever%20age">Exemple avec Wikia Search</a></strong> :</p>
<p style="text-align:center"><img src="http://case.oncle-tom.net/images/2008/04/microformats-tomicroformat-wikia-search.jpg" alt="Microformats sur Wikia Search" /></p>
<p>Wikia Search est un moteur de recherche lancÃ© au tout dÃ©but de l&#8217;annÃ©e 2008 par un des fondateurs de l&#8217;encyclopÃ©die en ligne WikipÃ©dia. Ce moteur en reprend d&#8217;ailleurs le principe du wiki pour contribuer Ã  l&#8217;Ã©laboration et la notation de meilleurs rÃ©sultats.</p>
<p>Il est d&#8217;ailleurs Ã©tonnant de voir qu&#8217;aucun microformat ne soit prÃ©sent malgrÃ© de tels objectifs. La capture d&#8217;Ã©cran ci-dessus dÃ©coupe la page en 3 zones microformatables distinctes :</p>
<ol>
<li> le lien sur logo aurait pu se voir agrÃ©menter d&#8217;un <a href="http://microformats.org/wiki/rel-home">rel-home</a> pour signifier un retour vers la page d&#8217;accueil ;</li>
<li> les rÃ©sultats auraient pu quant Ã  eux embarquer :
<ul>
<li> le <a href="http://microformats.org/wiki/hatom">microformat hAtom</a> pour faciliter la syndication de contenu et l&#8217;extraction des rÃ©sultats.</li>
<li> le <a href="http://microformats.org/wiki/hreview">microformat hReview</a> ou <a href="http://microformats.org/wiki/vote-links">VoteLinks</a> sur les encadrÃ©s orangÃ©s identifiant les zones de votes.</li>
</ul>
</li>
<li> enfin le <a href="http://microformats.org/wiki/hcard">microformat hCard</a> aurait Ã©tÃ© le bienvenu sur la liste des rÃ©sultats correspond Ã  des personnes.</li>
</ol>
<p>On peut constater que plus il y a d&#8217;emplacement reprÃ©sentant des contenus diffÃ©rents sur une page, plus on a de chances qu&#8217;un microformat corresponde.</p>
<p><strong><a href="http://www.clever-age.com/">Exemple avec Clever Age</a></strong> :</p>
<p style="text-align:center"><img src="http://case.oncle-tom.net/images/2008/04/microformats-tomicroformat-cleverage.jpg" alt="Microformats sur Clever Age" /></p>
<p>J&#8217;ai dÃ©nombrÃ© pas moins de 5 zones pouvant accueillir des microformats :</p>
<ol>
<li> les derniÃ¨res actualitÃ©s pourraient utiliser le <a href="http://microformats.org/wiki/hatom">microformat hAtom</a>. Un flux <acronym title="Really Simple Syndication">RSS</acronym> est dÃ©jÃ  disponible sur la page mais ce serait offrir un chemin de traverse pour les visiteurs et les moteurs d&#8217;indexation ;</li>
<li> le <a href="http://microformats.org/wiki/hcalendar">microformat hCalendar</a> aiderait Ã  la rÃ©utilisation des donnÃ©es dans les gestionnaires de temps. Imaginez un chef d&#8217;entreprise affairÃ© dÃ©sireux de transmettre Ã  ses collaborateurs une ressource contenant toutes les informations de leur future formation : peu d&#8217;effort et un gain de communication ;</li>
<li> ajouter facilement Clever Age dans votre carnet de contacts et de prestataires serait Ã©galement facilitÃ© si le <a href="http://microformats.org/wiki/hcard">microformat hCard</a> redistribuait le nom et les moyens de contact de la sociÃ©tÃ© ;</li>
<li> en complÃ©ment au moyen de contact, l&#8217;emplacement gÃ©ographique des agences serait Ã  portÃ©e de clic avec le <a href="http://microformats.org/wiki/geo">microformat geo</a>. AprÃ¨s tout, Google Maps proposera peut-Ãªtre un jour d&#8217;importer des <acronym title="Uniform Resource Locator">URL</acronym> microformatÃ©e en plus des fichiers KMZ (Google Earth) <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  ;</li>
<li> enfin, le microformatage de la derniÃ¨re partie dÃ©pend de ce qu&#8217;on aimerait redistribuer :
<ul>
<li> le <a href="http://microformats.org/wiki/hatom">microformat hAtom</a> pour offrir 3 flux de syndication mais le peu d&#8217;Ã©lÃ©ments (2 Ã  chaque fois) tende Ã  infirmer la pertinence de ce microformat dans le cas prÃ©sent ;</li>
<li> le <a href="http://microformats.org/wiki/xoxo">microformat XOXO</a> est adaptÃ© Ã  dÃ©crire des types de contenus embarquÃ©s dans une page ; ici des flux <acronym title="Really Simple Syndication">RSS</acronym>. Il serait Ã  placer sur chaque lien pointant vers les flux <acronym title="Really Simple Syndication">RSS</acronym> ;</li>
<li> le <a href="http://microformats.org/wiki/xfolk">microformat Xfolk</a> est adaptÃ© aux collections d&#8217;<acronym title="Uniform Resource Locator">URL</acronym> plus communÃ©ment appelÃ©s Â« favoris Â» ou Â« marque-pages Â»</li>
</ul>
</li>
</ol>
<p>Avec ce dernier exemple, nous venons de voir que le microformatage Ã©tait facilement adaptable Ã  un site Web de sociÃ©tÃ©. Dans ce cas prÃ©cis, il y a Ã©normÃ©ment de contenu republiable mais pas systÃ©matiquement de maniÃ¨re pertinente.</p>
<h3>IntÃ©grer les microformats dans du (X)<acronym title="HyperText Markup Language">HTML</acronym></h3>
<p>Les prÃ©cÃ©dents exemples, sur de l&#8217;existant et ce qui pourrait exister, avaient pour but de former notre esprit Ã  reconnaitre des zones susceptibles d&#8217;Ãªtre microformatÃ©es.</p>
<p>La difficultÃ© de l&#8217;exercice est d&#8217;ajouter du balisage sans altÃ©rer la prÃ©sentation actuelle. Je traiterai du site de Clever Age dont nous avons parlÃ© prÃ©cÃ©demment.</p>
<p><strong>Microformater des donnÃ©es d&#8217;entitÃ©s</strong></p>
<p>Voici le code de dÃ©part, repris tel quel :</p>
<pre><code>Clever Age - SiÃ¨ge social : 01.53.34.66.10</code></pre>
<p>Comme nous avons pu le voir, la gestion d&#8217;identitÃ©s passe par le <a href="http://microformats.org/wiki/hcard">microformat hCard</a> :</p>
<pre><code>&lt;span class="vcard"&gt;
&lt;span class="fn org"&gt;Clever Age&lt;/span&gt; - SiÃ¨ge social : &lt;span class="tel"&gt;&lt;span class="value"&gt;01.53.34.66.10&lt;/span&gt;&lt;/span&gt;
&lt;/span&gt;</code></pre>
<p>La balise <em>span</em> est une balise en-ligne neutre au sens oÃ¹ &#8230; n&#8217;en a pas justement. <em>div</em> est son pendant de type bloc.</p>
<p><strong>Microformater des ressources syndiquÃ©es</strong><br />
Voici le code de dÃ©part (simplifiÃ© par rapport Ã  l&#8217;exemple afin de rÃ©duire le code Ã  lire) :</p>
<pre><code>&lt;dl&gt;
&lt;dt&gt;&lt;a href="/rss/blog.xml"&gt;derniers billets du blog&lt;/a&gt;&lt;/dt&gt;
&lt;dd&gt;...&lt;/dd&gt;
&lt;dt&gt;&lt;a href="/rss/publications.xml"&gt;derniÃ¨res publications&lt;/a&gt;&lt;/dt&gt;
&lt;dd&gt;...&lt;/dd&gt;
&lt;dt&gt;&lt;a href="/rss/cleverlink.xml"&gt;derniers Clever Links&lt;/a&gt;&lt;/dt&gt;
&lt;dd&gt;...&lt;/dd&gt;
&lt;/dl&gt;</code></pre>
<p>Le <a href="http://microformats.org/wiki/xoxo">microformat XOXO</a> nous permet de dÃ©finir une liste d&#8217;Ã©lÃ©ments en fonction des <a href="http://microformats.org/wiki/xoxo#The_XOXO_Document_Type">modules <acronym title="eXtensible HyperText Markup Language">XHTML</acronym></a> :</p>
<pre><code>&lt;dl class="xoxo"&gt;
&lt;dt&gt;&lt;a href="/rss/blog.xml" rel="feed" type="text/xml"&gt;derniers billets du blog&lt;/a&gt;&lt;/dt&gt;
&lt;dd&gt;...&lt;/dd&gt;
&lt;dt&gt;&lt;a href="/rss/publications.xml" rel="feed" type="text/xml"&gt;derniÃ¨res publications&lt;/a&gt;&lt;/dt&gt;
&lt;dd&gt;...&lt;/dd&gt;
&lt;dt&gt;&lt;a href="/rss/cleverlink.xml" rel="feed" type="text/xml"&gt;derniers Clever Links&lt;/a&gt;&lt;/dt&gt;
&lt;dd&gt;...&lt;/dd&gt;
&lt;/dl&gt;</code></pre>
<p>Le microformatage a Ã©tÃ© rendu possible uniquement en utilisant de maniÃ¨re standardisÃ©e des attributs dÃ©finis par <acronym title="eXtensible HyperText Markup Language">XHTML</acronym>.<br />
MalgrÃ© cet aspect de simplicitÃ©, il faut s&#8217;investir dans la comprÃ©hension des spÃ©cifications <acronym title="eXtensible HyperText Markup Language">XHTML</acronym>. Ce n&#8217;est un problÃ¨me que pour les personnes produisant du code <acronym title="eXtensible HyperText Markup Language">XHTML</acronym> non-conforme.</p>
<h3>Valider l&#8217;intÃ©gration des microformats</h3>
<p>La question qui se pose toujours aprÃ¨s avoir produit un code quelconque c&#8217;est comment le tester ? Il existe Ã  l&#8217;heure actuelle trois outils gratuits :</p>
<ul>
<li> la relecture manuelle avec la documentation Ã  cÃ´tÃ© <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </li>
<li> l&#8217;<a href="https://addons.mozilla.org/firefox/addon/4106">extension Operator pour Firefox</a>. Elle n&#8217;est toutefois pas complÃ¨te et ne permettra pas de tester tous les microformats existants. Cette extension propose dans ses options un <em>mode dÃ©bogage</em> trÃ¨s utile ;</li>
<li> le service en ligne <a href="http://microformatique.com/optimus/">Optimus</a>. Ce service polyvalent est capable de retourner sous forme de flux <acronym title="eXtensible Markup Language">XML</acronym> ou JSON les microformats prÃ©sents dans une page Web. Il propose Ã©galement un validateur, toujours pour une page Web, dÃ©crivant les erreurs de microformatage.</li>
</ul>
<h3>Conclusion</h3>
<p>Il est difficile d&#8217;infuser en un article la maniÃ¨re de microformater du contenu. Fort heureusement la documentation des microformats abonde d&#8217;exemples en traitant des cas de figure concrets. Les spÃ©cifications restent lÃ  pour savoir quels sont les attributs, obligatoires ou pas.</p>
<p>De maniÃ¨re gÃ©nÃ©rale <strong>l&#8217;intÃ©gration des microformats est relativement aisÃ©e</strong> mais il existe 3 difficultÃ©s principales Ã  l&#8217;intÃ©gration des microformats :</p>
<ul>
<li> difficultÃ©s liÃ©es Ã  la <strong>plate-forme technique</strong> d&#8217;intÃ©gration ;</li>
<li> difficultÃ©s liÃ©es Ã  un <strong>manque de donnÃ©es</strong>. Certaines spÃ©cifications exigent la prÃ©sence de donnÃ©es particuliÃ¨res que l&#8217;on n&#8217;a pas ou que l&#8217;on ne peut afficher, rendant invalide le contenu ;</li>
<li> difficultÃ©s liÃ©es Ã  un <strong>code <acronym title="HyperText Markup Language">HTML</acronym> dÃ©sorganisÃ©</strong>. L&#8217;abus de <em>div</em> et le non-respect de hiÃ©rarchie est une source de problÃ¨mes et si elle rend pÃ©nible l&#8217;intÃ©gration des microformats, elle pose problÃ¨me Ã  la maintenance du code et des <acronym title="Cascading Style Sheets">CSS</acronym>.</li>
</ul>
<p>IntÃ©grer les microformats c&#8217;est finalement mener une <strong>rÃ©flexion sur la qualitÃ© du code produit</strong>. Un bon code, respectueux des standards et sÃ©mantique sera pÃ©renne dans le temps, facilitera le microformatage et aura davantage de chances d&#8217;Ãªtre accessible.</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2008/microformats-comment-microformater-du-contenu-deja-existant/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Netvibes Ginger : bien mais pas top</title>
		<link>http://case.oncle-tom.net/2008/netvibes-ginger-bien-mais-pas-top/</link>
		<comments>http://case.oncle-tom.net/2008/netvibes-ginger-bien-mais-pas-top/#comments</comments>
		<pubDate>Fri, 22 Feb 2008 06:00:02 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Personnel]]></category>
		<category><![CDATA[beta]]></category>
		<category><![CDATA[critique]]></category>
		<category><![CDATA[ginger]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[netvibes]]></category>
		<category><![CDATA[reseaux sociaux]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[widgets]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/2008/02/22/netvibes-ginger-bien-mais-pas-top/</guid>
		<description><![CDATA[J&#8217;Ã©tais impatient de pouvoir accÃ©der Ã  la beta privÃ©e de Netvibes pour bÃ©nÃ©ficier de ses nouvelles fonctionnalitÃ©s. Je n&#8217;attendais pas grand chose si ce n&#8217;est plus de confort d&#8217;utilisation. Tout le bruit gÃ©nÃ©rÃ© par cette beta privÃ©e et ces Ginger c&#8217;est trop bien me laissaient Ã  croire que j&#8217;avais de bonnes raisons d&#8217;avoir attendu. HÃ©las [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:center"><img src="http://case.oncle-tom.net/images/2007/01/netvibes-logo.gif" alt="Netvibes Logo" /></p>
<p>J&#8217;Ã©tais impatient de pouvoir accÃ©der Ã  la beta privÃ©e de <a href="http://blog.netvibes.com/?2007/12/08/148-ginger-the-first-preview">Netvibes pour bÃ©nÃ©ficier de ses nouvelles fonctionnalitÃ©s</a>. <strong>Je n&#8217;attendais pas grand chose si ce n&#8217;est plus de confort d&#8217;utilisation</strong>. Tout le bruit gÃ©nÃ©rÃ© par cette beta privÃ©e et ces <q>Ginger c&#8217;est trop bien</q> me laissaient Ã  croire que j&#8217;avais de bonnes raisons d&#8217;avoir attendu.</p>
<p>HÃ©las au final ce n&#8217;est que dÃ©ception et maigre consolation.<br />
<span id="more-866"></span></p>
<h3>Netvibes Ginger : la critique ergonomique</h3>
<p>La sympathique <a href="http://www.ergophile.com/">Jacinthe Busson</a> s&#8217;est dÃ©jÃ  chargÃ©e de dresser une <a href="http://www.ergophile.com/2008/01/30/ergotest-05-netvibes-ginger-pre-beta/">analyse ergonomique rapide de Netvibes Ginger</a> alors je ne vais pas spolier son travail. D&#8217;autant plus que je suis plutÃ´t d&#8217;accord avec elle : c&#8217;est rÃ©ussi mÃªme si on est loin du sans faute.</p>
<p>Ã€ vrai dire, certaines fonctionnalitÃ©s comme le glisser-dÃ©poser de widgets dans l&#8217;espace privÃ© ou public sont loin d&#8217;Ãªtre flagrantes. Ã€ tel point que si on ne le tente pas, on ne peut pas se douter de sa prÃ©sence. Dommage car c&#8217;est un gain de temps.</p>
<p style="text-align:center"><img src='http://case.oncle-tom.net/images/2008/02/netvibes-widgets.png' alt='Les widgets sur Netvibes Ginger' /></p>
<h3>La navigation et les widgets</h3>
<p>L&#8217;intÃ©gration de l&#8217;Ã©cosystÃ¨me directement dans une barre escamotable est une bonne idÃ©e &#8230; sauf qu&#8217;elle ne contient pas les onglets ni mÃªme les univers publics. Ces derniers Ã©tant une des nouveautÃ©s de Netvibes, le minimum aurait Ã©tÃ© de pouvoir en chercher.<br />
<strong>La recherche est fluide et bien guidÃ©e mais manque de catÃ©gorisation</strong> : impossible de trouver facilement un flux <acronym title="Really Simple Syndication">RSS</acronym> dans la catÃ©gorie jeux vidÃ©o par exemple. Il y a encore un sentiment de fouilli et d&#8217;inachevÃ©.</p>
<p><strong>CÃ´tÃ© gestion de widgets &#8230; c&#8217;est simple, c&#8217;est pareil</strong> (ou presque) ! Notre page privÃ©e se gÃ¨re comme avant, les options sont comme avant, les problÃ¨me sont comme avant (essayez de recharger un widget dont le titre est trop long). Bref pas de quoi sauter au plafond : c&#8217;Ã©tait bien avant, Ã§a l&#8217;est aussi maintenant.</p>
<h3>Les univers publics</h3>
<p>Si jusqu&#8217;Ã  ce niveau on Ã©tait loin de pouvoir crier <q>Ginger c&#8217;est trop bien</q>, on pouvait espÃ©rer que Ã§a soit le cas avec les univers publics (<a href="http://netvibes.com/oncletom">exemple avec mon Univers</a>), LA grosse nouveautÃ© tant attendue. En clair c&#8217;est une page Netvibes mais que l&#8217;on conÃ§oit pour que Ã§a soit les autres qui la regardent, pas nous. L&#8217;idÃ©e est franchement bien : <strong>c&#8217;est idÃ©al pour donner une image de soi et communiquer autour de flux et de widgets qu&#8217;on apprÃ©cie</strong>.</p>
<p><strong>Sauf qu&#8217;en pratique c&#8217;est ingÃ©rable</strong>.<br />
On ne peut en effet pas s&#8217;abonner Ã  un univers public, que ce soit via <acronym title="Really Simple Syndication">RSS</acronym> ou via Netvibes. Non, la seule possibilitÃ© c&#8217;est d&#8217;envoyer un widget vers sa page privÃ©e ou son <acronym title="Uniform Resource Locator">URL</acronym> Ã  un ami par email. Donc autant dire que la consultation d&#8217;un univers sera sporadique, si ce nombre dÃ©passe celui des doigts d&#8217;une main.</p>
<p>Ce faisant, l&#8217;intÃ©rÃªt d&#8217;entretenir un univers devient trÃ¨s restreint. <strong>On affirme une prÃ©sence certes, mais rÃ©duite</strong>.</p>
<p style="text-align:center"><img src='http://case.oncle-tom.net/images/2008/02/netvibes-friends.png' alt='Les amis sur Netvibes Ginger' /></p>
<h3>La dimension sociale</h3>
<p>Les univers publics sont un bon moyen de se faire des amis par affinitÃ©. La tissage du rÃ©seau d&#8217;amis se fera cependant dans des douleurs minimes grÃ¢ce aux diffÃ©rents systÃ¨mes d&#8217;<strong>import depuis <a href="http://twitter.com/">Twitter</a>, Facebook</strong> ou son carnet d&#8217;adresse Gmail, Hotmail ou Yahoo! Mail. Pour le coup on ne peut que les fÃ©liciter car Dieu sait si la crÃ©ation d&#8217;un rÃ©seau est douloureuse quand on en est Ã  son Ã©niÃ¨me &laquo;&nbsp;rÃ©seau social&nbsp;&raquo;.</p>
<p>Car de sociale, la dimension n&#8217;en a que le nom : Ã  part Ã©crire dans le vide son statut (Ã  la <a href="http://www.facebook.com/">Facebook</a>) et lire celui des autres, <strong>toute autre interaction est plus que limitÃ©e</strong>. Impossible de proposer un onglet Ã  un de ses contacts, impossible de transmettre quoi que ce soit en fait. Les contacts sont juste lÃ  pour faire jolis &#8230; et pour voir l&#8217;adresse de leur univers et de finalement se rendre compte qu&#8217;il n&#8217;y a rien Ã  faire socialement sur Netvibes &#8230; pour l&#8217;instant.</p>
<p>Pour le coup, le panneau escamotable est une tare car l&#8217;ouvrir et le fermer juste pour voir ce qu&#8217;ont fait nos amis, c&#8217;est pas gÃ©nial. Du coup un widget a Ã©tÃ© crÃ©Ã© pour suivre tout Ã§a dans &#8230; Netvibes. Amusant : <strong>Netvibes pour suivre Netvibes</strong>. La boucle est bouclÃ©e.</p>
<h3>Mon avis rien qu&#8217;Ã  moi sur Netvibes Ginger</h3>
<p>En attendant, le grand bruit gÃ©nÃ©rÃ© par la sortie de la version beta aura Ã©tÃ© effectivement &#8230; du bruit. Je respecte totalement le travail des gens de Netvibes car je sais Ã  quel point il est difficile de sortir un produit de qualitÃ©, fonctionnel et rÃ©sistant Ã  une forte utilisation.</p>
<p>Je pense cependant qu&#8217;<strong>il aurait prÃ©fÃ©rable de ne pas emballer la machine marketing avant que le produit soit rÃ©ellement fini</strong> &#8230; ou apporte en tous cas davantage d&#8217;avancÃ©es significatives. Parmi celles-ci on pourrait citer le <em>Drive</em> qui permettrait de stocker toutes sortes de fichiers en ligne. L&#8217;idÃ©al serait de pouvoir partager certains fichiers uniquement avec certaines personnes mais la difficultÃ© serait du mÃªme coup de faire s&#8217;inscrire des gens sur Netvibes sans qu&#8217;ils en aient un rÃ©el intÃ©rÃªt. Ã€ voir.</p>
<p>Pour l&#8217;instant c&#8217;est pas chaud du tout : Netvibes Ginger c&#8217;est du Coriander+.</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2008/netvibes-ginger-bien-mais-pas-top/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Qu&#8217;est-ce qu&#8217;un Planet ?</title>
		<link>http://case.oncle-tom.net/2007/planete-libre/</link>
		<comments>http://case.oncle-tom.net/2007/planete-libre/#comments</comments>
		<pubDate>Wed, 18 Jul 2007 11:00:31 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[DÃ©veloppement Web]]></category>
		<category><![CDATA[aggregation]]></category>
		<category><![CDATA[planet]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[veille]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/2007/07/18/planete-libre/</guid>
		<description><![CDATA[Sur le Web, un planet dÃ©signe un agrÃ©gat de sites. Cet agrÃ©gat permet Ã  partir d&#8217;une seule et mÃªme adresse de consulter les derniÃ¨res publications d&#8217;autres sites liÃ©s Ã  sa thÃ©matique. Prenons un exemple simple, Planet Libre. Ce site regroupe plusieurs sites et plusieurs blogs dont le thÃ¨me principal ou un des thÃ¨mes touche aux [...]]]></description>
			<content:encoded><![CDATA[<p>Sur le Web, un <strong>planet</strong> dÃ©signe un agrÃ©gat de sites. Cet agrÃ©gat permet Ã  partir d&#8217;<strong>une seule et mÃªme adresse de consulter les derniÃ¨res publications d&#8217;autres sites liÃ©s Ã  sa thÃ©matique</strong>. Prenons un exemple simple, <a href="http://www.planet-libre.org/">Planet Libre</a>. Ce site regroupe plusieurs sites et plusieurs blogs dont le thÃ¨me principal ou un des thÃ¨mes touche aux logiciels libres.</p>
<p>Si j&#8217;ai pris prÃ©cisÃ©ment cet exemple c&#8217;est parce que je viens de le rejoindre aprÃ¨s avoir Ã©tÃ© sollicitÃ©. ConcrÃ¨tement Ã§a ne me demandera <em>pas de travail supplÃ©mentaire</em> mais tous mes billets placÃ©s dans la <a href="http://case.oncle-tom.net/tags/internet-informatique/linux/">catÃ©gorie Linux</a> seront automatiquement ajoutÃ©s en ce lieu. Une maniÃ¨re comme une autre d&#8217;Ã©vangÃ©liser la bonne parole <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>Voici pour ma part une petite sÃ©lection de Planet sympathiques Ã  suivre dans votre aggrÃ©gateur de flux ou Ã  placer dans vos favoris :</p>
<ul>
<li><a href="http://blogoscoped.com/google/">Google Blogs &#8216;n More</a> (blogs Google, Yahoo! et Microsoft) ;</li>
<li><a href="http://planete-accessibilite.com/">PlanÃ¨te AccessibilitÃ©</a> (accessibilitÃ© des sites Internet) ;</li>
<li><a href="http://www.planet-libre.org/">Planet Libre</a> (logiciels libres) ;</li>
<li><a href="http://planet.ubuntu-fr.org/">Planet Ubuntu-fr (Ubuntu en franÃ§ais)</a>.</li>
</ul>
<p>N&#8217;hÃ©sitez pas Ã  signaler en commentaire d&#8217;autres Planet que vous consultez et pouvant en intÃ©resser d&#8217;autres <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/2007/planete-libre/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Migrer un flux RSS vers Feedburner</title>
		<link>http://case.oncle-tom.net/2007/migrer-un-flux-rss-vers-feedburner/</link>
		<comments>http://case.oncle-tom.net/2007/migrer-un-flux-rss-vers-feedburner/#comments</comments>
		<pubDate>Sat, 17 Mar 2007 12:00:31 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[DÃ©veloppement Web]]></category>
		<category><![CDATA[apache]]></category>
		<category><![CDATA[atom]]></category>
		<category><![CDATA[bonnes pratiques]]></category>
		<category><![CDATA[feedburner]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[xml]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/2007/03/17/migrer-un-flux-rss-vers-feedburner/</guid>
		<description><![CDATA[Pour mesurer l&#8217;utilisation des flux RSS d&#8217;Emu Nova, j&#8217;ai dÃ©cidÃ© d&#8217;utiliser Feedburner dans sa version gratuite. Je l&#8217;utilise dÃ©jÃ  pour ce blog et j&#8217;en suis trÃ¨s satisfait, que ce soit pour les donnÃ©es fournies, les personnalisations possibles ou encore la qualitÃ© du service. La problÃ©matique du jour : comment utiliser Feedburner sur des flux RSS [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:center"><img id="image510" src="http://case.oncle-tom.net/images/2007/03/feedburner-logo.gif" alt="Feedburner logo" /></p>
<p>Pour mesurer l&#8217;utilisation des <a href="http://www.emunova.net/infos/outils/">flux <acronym title="Really Simple Syndication">RSS</acronym> d&#8217;Emu Nova</a>, j&#8217;ai dÃ©cidÃ© d&#8217;utiliser <a href="http://www.feedburner.com/">Feedburner</a> dans sa version gratuite. Je l&#8217;utilise dÃ©jÃ  pour ce blog et j&#8217;en suis trÃ¨s satisfait, que ce soit pour les <em>donnÃ©es fournies</em>, les <em>personnalisations possibles</em> ou encore la <em>qualitÃ© du service</em>.</p>
<p><em>La problÃ©matique du jour</em> : <strong>comment utiliser Feedburner sur des flux <acronym title="Really Simple Syndication">RSS</acronym> dÃ©jÃ  existants</strong> ? Le changement doit Ãªtre transparent pour les utilisateurs.<br />
<span id="more-511"></span></p>
<h3>CrÃ©er son flux Feedburner</h3>
<p>Avant de faire quoi que ce soit, il convient de crÃ©er son flux Feedburner Ã  partir d&#8217;un flux dÃ©jÃ  existant (qu&#8217;on souhaite rediriger tant qu&#8217;Ã  faire). L&#8217;Ã©tape la plus simple.</p>
<p style="text-align:center"><img id="image512" src="http://case.oncle-tom.net/images/2007/03/feedburner-create-feed.png" alt="CrÃ©ation d'un flux Feedburner" /></p>
<h3>Modifier les liens vers les flux</h3>
<p>Une fois le flux crÃ©Ã©, pensez Ã  mettre Ã  jour <strong>tous vos liens</strong> pointant vers ce fichier (balises &lt;link /&gt;, liens hypertextes, boutons personnalisÃ©s etc.). Ceci a pour but d&#8217;unifier toute les adresses et Ã©viter qu&#8217;il y aient plusieurs adresses visibles pour accÃ©der Ã  la mÃªme information.</p>
<h3>Rediriger les flux existants</h3>
<p>ArrivÃ© Ã  ce stade, il faut bien comprendre que nous avons 2 cas de figure :</p>
<ul>
<li><strong>les anciens abonnÃ©s</strong> : ceux qui ont souscrit au flux avant que la modification prÃ©cÃ©dente n&#8217;ait eu lieu. Le changement doit Ãªtre transparent pour eux et ils ne doivent pas avoir Ã  modifier la configuration de leurs agrÃ©gateurs actuels</li>
<li><strong>les nouveaux abonnÃ©s</strong></li>
</ul>
<p>L&#8217;intÃ©rÃªt est d&#8217;auditer <em>tous les abonnÃ©s</em> et donc pas seulement les nouveaux. C&#8217;est lÃ  que la redirection s&#8217;avÃ¨re indispensable.<br />
On est bien d&#8217;accord qu&#8217;il faudrait crÃ©er une redirection renvoyant l&#8217;ancienne adresse du flux vers la nouvelle adresse (celle fournie par Feedburner).</p>
<p>Le plus simple consiste Ã  crÃ©er un fichier <code>.htaccess</code> (ou d&#8217;Ã©diter directement les directives de votre serveur virtuel) dans le mÃªme rÃ©pertoire que celui du fichier <acronym title="eXtensible Markup Language">XML</acronym>. Il contiendrait ce code :</p>
<pre><code>RewriteEngine on
RewriteRule ^<strong>votreFlux</strong>\.xml$ http://feeds.feedburner.com/<strong>votreFluxFeedburner</strong> [R=301,L]</code></pre>
<p>On teste, Ã§a marche. Un peu trop bien puisqu&#8217;en suivant ce principe, quiconque appelle la vÃ©ritable <acronym title="Uniform Resource Locator">URL</acronym> de votre flux sera redirigÃ© vers le flux Feedburner. Si en soi Ã§a ne pose pas problÃ¨me majeur, <em>Ã§a l&#8217;est pourtant pour le robot d&#8217;indexation Feedburner</em> qui, lui, a besoin d&#8217;accÃ©der au vÃ©ritable flux pour en extraire les informations.</p>
<p>Feedburner ayant bien fait les choses, leur robot d&#8217;indexation se signale en envoyant une entÃªte <a href="http://forums.feedburner.com/viewtopic.php?t=707"><em>User Agent</em> <code>FeedBurner/1.0 (http://www.FeedBurner.com)</code></a>. Ca tombe bien, il existe un <a href="http://httpd.apache.org/docs/2.0/mod/mod_rewrite.html#rewritecond">filtre <code>RewriteCond</code> dans le module <em>mod_rewrite</em></a>. Ce dernier va nous servir Ã  <strong>exclure le robot Feedburner de notre redirection</strong> prÃ©cÃ©dente.</p>
<p>Juste au-dessus de notre <code>RewriteRule</code>, il suffit d&#8217;insÃ©rer la ligne suivante :</p>
<pre><code>RewriteCond %{HTTP_USER_AGENT} !FeedBurner</code></pre>
<p>L&#8217;utilisation de cette condition est d&#8217;ailleurs la seule raison pour laquelle une rÃ¨gle de rÃ©Ã©criture a Ã©tÃ© employÃ©e en lieu et place d&#8217;un <code>RedirectPermanent</code>.<br />
<strong>Attention cependant</strong>, le <code>RewriteCond</code> est Ã  spÃ©cifier Ã  <em>chaque rÃ¨gle de rÃ©Ã©criture</em>. La documentation est assez explicite Ã  ce sujet : <strong>la condition n&#8217;est effective que pour une seule rÃ¨gle de rÃ©Ã©criture</strong>.</p>
<h3>Le rÃ©sultat final</h3>
<p>Et plutÃ´t qu&#8217;un long discours, voici le rÃ©sultat final obtenu pour <a href="http://www.emunova.net/">Emu Nova</a>. Les fichiers <acronym title="Really Simple Syndication">RSS</acronym> Ã©taient placÃ©s dans le rÃ©pertoire <code>go/rss/</code>. J&#8217;y ai donc placÃ© un fichier <code>.htaccess</code> contenant le code suivant :</p>
<pre><code>
RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} !FeedBurner
RewriteRule ^news\.xml$ http://feeds.feedburner.com/emunovaNews [R=301,L]
RewriteCond %{HTTP_USER_AGENT} !FeedBurner
RewriteRule ^veda\.xml$ http://feeds.feedburner.com/emunovaVedaTests [R=301,L]
RewriteCond %{HTTP_USER_AGENT} !FeedBurner
RewriteRule ^veda_commentaires\.xml$ http://feeds.feedburner.com/emunovaVedaCommentaires [R=301,L]
</code></pre>
<p>Pas difficile et tellement pratique <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/2007/migrer-un-flux-rss-vers-feedburner/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Google Reader, la revanche de l&#8217;Ã©conomiseur de temps</title>
		<link>http://case.oncle-tom.net/2007/google-reader-revanche-netvibes/</link>
		<comments>http://case.oncle-tom.net/2007/google-reader-revanche-netvibes/#comments</comments>
		<pubDate>Sun, 11 Mar 2007 10:53:09 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Travail 2.0]]></category>
		<category><![CDATA[atom]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[google reader]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[veille]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/2007/03/11/google-reader-revanche-netvibes/</guid>
		<description><![CDATA[Cela faisait un mois que j&#8217;Ã©tais passÃ© sous Netvibes et je ne pensais pas changer de sitÃ´t malgrÃ© Ã  part 2-3 dÃ©fauts acceptables. J&#8217;ai eu envie de tester Google Reader aprÃ¨s avoir lu qu&#8217;il Ã©tait le lecteur Web le plus utilisÃ© ainsi que l&#8217;avis d&#8217;une personne ayant prÃ©fÃ©rÃ© Google Reader Ã  Netvibes. Malheureusement je ne [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:center"><img id="image497" src="http://case.oncle-tom.net/images/2007/03/google-reader.png" alt="Google Reader" /></p>
<p><a href="http://case.oncle-tom.net/2007/02/08/netvibes-economiseur-de-temps/">Cela faisait un mois que j&#8217;Ã©tais passÃ© sous Netvibes</a> et je ne pensais pas changer de sitÃ´t malgrÃ© Ã  part 2-3 dÃ©fauts acceptables.<br />
J&#8217;ai eu envie de tester <a href="http://www.google.com/reader/">Google Reader</a> aprÃ¨s avoir lu qu&#8217;il Ã©tait le <a href="http://blogs.feedburner.com/feedburner/archives/2007/02/feedburners_view_of_the_feed_m.php">lecteur Web le plus utilisÃ©</a> ainsi que l&#8217;avis d&#8217;une <em>personne ayant prÃ©fÃ©rÃ© Google Reader Ã  Netvibes</em>. Malheureusement je ne retrouve plus le lien et c&#8217;est bien dommage car c&#8217;est ce dernier qui m&#8217;en a convaincu.</p>
<p>Quoiqu&#8217;il en soit aprÃ¨s une semaine d&#8217;utilisation, le <strong>verdict est sans appel</strong>.<br />
<span id="more-498"></span></p>
<h3>Basculer de Netvibes Ã  Google Reader</h3>
<p>Avec plus de 90 abonnements, autant dire qu&#8217;il aurait Ã©tÃ© trÃ¨s pÃ©nible de les rajouter manuellement dans <em>Google Reader</em>. Heureusement qu&#8217;il existe l&#8217;export universel au <a href="http://fr.wikipedia.org/wiki/OPML">format <acronym title="Outline Processor Markup Language">OPML</acronym></a>. En 2 clics, j&#8217;ai pu basculer toutes mes lectures. Simple comme bonjour.</p>
<p style="text-align:center"><img id="image499" src="http://case.oncle-tom.net/images/2007/03/migration-netvibes-google-r.png" alt="Migration Netvibes vers Google Reader" /></p>
<h3>Avant-propos sur Google Reader</h3>
<p>Avant de m&#8217;avancer sur l&#8217;utilisation de Google Reader, je vais expliquer son fonctionnement. De maniÃ¨re gÃ©nÃ©rale, un lecteur <acronym title="Really Simple Syndication">RSS</acronym> (que ce soit logiciel ou Web, Ã  quelques exceptions prÃ¨s) <strong>rÃ©cupÃ¨re les diffÃ©rents flux lorsqu&#8217;il est lancÃ©</strong>. Si vous partez une semaine loin d&#8217;un ordinateur, <em>votre lecteur <acronym title="Really Simple Syndication">RSS</acronym> ne fournira donc logiquement pas toute l&#8217;activitÃ© qui s&#8217;est passÃ©e</em>.</p>
<p><strong>Google Reader ne fonctionne pas comme Ã§a</strong>. Au lieu d&#8217;aller vÃ©rifier les nouveautÃ©s sur demande (lorsque vous affichez Google Reader donc), <strong>un robot se charge d&#8217;aller rÃ©guliÃ¨rement interroger les flux auxquels vous Ãªtes abonnÃ©s</strong>. Cette subtile diffÃ©rence anÃ©antit le plus gros dÃ©faut des <acronym title="Really Simple Syndication">RSS</acronym>, Ã  savoir le cÃ´tÃ© Ã©phÃ©mÃ¨re Ã©voquÃ© plus tÃ´t.</p>
<h3>Google Reader au quotidien</h3>
<p>Du fait de cette approche diffÃ©rente (mais totalement pertinente), le <strong>chargement de l&#8217;interface est incroyablement rapide</strong>. C&#8217;est notamment dÃ» au fait que la page n&#8217;a pas Ã  aller interroger tous les flux auxquels vous Ãªtes abonnÃ©s puisque c&#8217;est systÃ©matiquement fait, que vous soyiez connectÃ©(e) ou pas. A l&#8217;inverse sur <em>Netvibes</em>, plus j&#8217;avais de flux, plus la page Ã©tait longue et lourde Ã  charger.</p>
<p>Je sais Ã©galement que maintenant je ne suis plus obligÃ© de tout lire le plus vite possible de peur de rater des titres puisque <strong>tout s&#8217;accumule sans limite, que je sois lÃ  ou pas</strong>. Lorsque certains sites publient plus d&#8217;une dizaine de titres quotidiennement, Ã§a devient vite ingÃ©rable avec <em>Netvibes</em>. Et quand on a plusieurs flux de ce genre Ã  surveiller, autant dire que ne pas s&#8217;en occuper ne serait-ce qu&#8217;une journÃ©e consiste Ã  se couper du monde (j&#8217;exagÃ¨re un peu mais l&#8217;idÃ©e est lÃ ).</p>
<p>Les autres points forts que j&#8217;ai apprÃ©ciÃ© :</p>
<ul>
<li><strong>marquer les Ã©lÃ©ments comme lus / non-lus</strong> : trÃ¨s pratique car Ã§a n&#8217;oblige pas Ã  lire l&#8217;Ã©lÃ©ment original pour s&#8217;en dÃ©barasser</li>
<li><strong>Ã©lÃ©ments marquÃ©s comme lus au fil de la lecture</strong> : au fur et Ã  mesure que l&#8217;on lit ses articles, ils sont marquÃ©s comme lus. Ca Ã©vite des clics Ã  rÃ©pÃ©tition pour les marquer comme lus. Cette fonctionnalitÃ© est dÃ©sactivable.</li>
<li><strong>l&#8217;archivage dans le temps des Ã©lÃ©ments</strong> : on peut remonter dans l&#8217;histoire de tous les flux. Excellent pour voir ce qui s&#8217;Ã©tait passÃ© il y a 1 mois ou mÃªme 1 an (mÃªme s&#8217;il faut y aller Ã  la main, il manque une facilitÃ© de dÃ©placement dans le temps)</li>
<li><strong>la facilitÃ© de lecture</strong> : on peut lire les titres et/ou les titres + le contenu, toutes les nouveautÃ©s, toutes les nouveautÃ©s pour un groupe de flux, toutes les nouveautÃ©s pour un flux donnÃ©. C&#8217;est tout simplement excellent : on module sa lecture comme on le souhaite, en toute libertÃ©</li>
<li><strong>le partage des Ã©lÃ©ments</strong> : le gadget pratique. On peut choisir de partager des Ã©lÃ©ments Ã  la demande (accessible via une page et un flux <acronym title="Really Simple Syndication">RSS</acronym> ; oui, un flux de flux <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> ) ou systÃ©matiquement tous les Ã©lÃ©ments d&#8217;un dossier donnÃ©. Sachant qu&#8217;on peut placer un mÃªme flux dans plusieurs dossiers, les possibilitÃ©s de partage sont trÃ¨s souples. Il existe aussi un petit module Ã  insÃ©rer sur son blog / site Web.</li>
</ul>
<p>Je comprends mieux pourquoi ce <em>lecteur <acronym title="Really Simple Syndication">RSS</acronym> en ligne</em> a conquis les foules aussi rapidement. Il agrÃ¨ge avec facilitÃ© n&#8217;importe quel flux <acronym title="Really Simple Syndication">RSS</acronym>, le restitue dans le navigateur de son choix, permet d&#8217;exporter ce qu&#8217;on veut. Bref on joue avec l&#8217;actualitÃ© et j&#8217;adore Ã§a.</p>
<p>Google Reader est particuliÃ¨rement adaptÃ© dans les cas suivants :</p>
<ul>
<li>nombreux flux</li>
<li>flux frÃ©quemment mis Ã  jour (plusieurs fois par jour)</li>
<li>flux peu mis Ã  jour : on peut se les garder dans un coin facilement vu qu&#8217;ils n&#8217;occupent pas de place Ã  l&#8217;Ã©cran</li>
</ul>
<p>A l&#8217;inverse, <a href="http://www.netvibes.com">Netvibes</a> suffit pour les cas suivants :</p>
<ul>
<li>vue d&#8217;ensemble simple et globale de ses abonnements</li>
<li>peu de flux (moins d&#8217;une vingtaine)</li>
<li>rater un Ã©lÃ©ment ne gÃªne pas (en cas d&#8217;absence, d&#8217;indisponibilitÃ©)</li>
<li>quand on a besoin d&#8217;une page personnalisable sur laquelle placer d&#8217;autres Ã©lÃ©ments que des flux <acronym title="Really Simple Syndication">RSS</acronym> (mais y&#8217;a <a href="http://www.google.fr/ig">Google IG</a> pour Ã§a)</li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2007/google-reader-revanche-netvibes/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Emu Nova dans Netvibes</title>
		<link>http://case.oncle-tom.net/2007/emu-nova-dans-netvibes/</link>
		<comments>http://case.oncle-tom.net/2007/emu-nova-dans-netvibes/#comments</comments>
		<pubDate>Thu, 01 Mar 2007 12:00:51 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Projets]]></category>
		<category><![CDATA[atom]]></category>
		<category><![CDATA[Emu Nova]]></category>
		<category><![CDATA[netvibes]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[veille]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/2007/03/01/emu-nova-dans-netvibes/</guid>
		<description><![CDATA[Emu Nova figure dÃ©sormais dans l&#8217;annuaire de flux de Netvibes (pourquoi j&#8217;utilise Netvibes). Direction la rubrique jeux vidÃ©o pour ceux qui avaient la flemme d&#8217;ajouter le site manuellement. AprÃ¨s son ajout discret dans Google News, on continue doucement Ã  tirer le site vers le haut. Tout Ã§a est devenu possible grÃ¢ce au travail quotidien de [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.emunova.net/">Emu Nova</a> figure dÃ©sormais dans l&#8217;<em>annuaire de flux</em> de <a href="http://www.netvibes.com">Netvibes</a> (<a href="http://case.oncle-tom.net/2007/02/08/netvibes-economiseur-de-temps/">pourquoi j&#8217;utilise Netvibes</a>). Direction la rubrique <strong>jeux vidÃ©o</strong> pour ceux qui avaient la flemme d&#8217;ajouter le site manuellement.</p>
<p style="text-align:center"><img id="image481" src="http://case.oncle-tom.net/images/2007/02/emunova-netvibes.png" alt="Ajouter Emu Nova dans NetVibes" /></p>
<p>AprÃ¨s son ajout discret dans <a href="http://news.google.fr/?q=Emu Nova">Google News</a>, on continue doucement Ã  tirer le site vers le haut. Tout Ã§a est devenu possible grÃ¢ce au <em>travail quotidien de l&#8217;Ã©quipe</em> ainsi que <a href="http://www.emunova.net/news/detail/5948.htm">depuis la suppression des roms</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2007/emu-nova-dans-netvibes/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>ENES : bilinguisme et gÃ©nÃ©ration RSS</title>
		<link>http://case.oncle-tom.net/2005/enes-bilinguisme-et-generation-rss/</link>
		<comments>http://case.oncle-tom.net/2005/enes-bilinguisme-et-generation-rss/#comments</comments>
		<pubDate>Thu, 22 Sep 2005 09:36:35 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[DÃ©veloppement Web]]></category>
		<category><![CDATA[Projets]]></category>
		<category><![CDATA[Emu Nova]]></category>
		<category><![CDATA[enes]]></category>
		<category><![CDATA[i18n]]></category>
		<category><![CDATA[rss]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/2005/09/22/enes-bilinguisme-et-generation-rss/</guid>
		<description><![CDATA[<p style="text-align:center;"><img src="/images/Emu-Nova/ENES/enes2-index-fr.png" alt="ENES : Emu Nova Entertainment System" /></p> <p>Dans le billet <a href="http://case.oncle-tom.net/2005/08/02/enes-open-source/">ENES : Open Source ?</a> j'expliquais les bases du renouveau du projet. Renouveau important car aux yeux du "public", et mÃªme aux notres, on en reste sur une impression de stagnation. Pendant que <em>jeandubois</em> s'occupe de la partie dÃ©veloppement et matÃ©riel, je refonds le site Web. BientÃ´t Ã  mi-parcours et Ã  moins d'un mois de son relancement, que retenir ?</p>]]></description>
			<content:encoded><![CDATA[<p style="text-align:center;"><img src="http://case.oncle-tom.net/images/Emu-Nova/ENES/enes2-index-fr.png" alt="ENES : Emu Nova Entertainment System" /></p>
<p>Dans le billet <a href="http://case.oncle-tom.net/2005/08/02/enes-open-source/">ENES : Open Source ?</a> j&#8217;expliquais les bases du renouveau du projet. Renouveau important car aux yeux du &laquo;&nbsp;public&nbsp;&raquo;, et mÃªme aux notres, on en reste sur une impression de stagnation. Pendant que <em>jeandubois</em> s&#8217;occupe de la partie dÃ©veloppement et matÃ©riel, je refonds le site Web. BientÃ´t Ã  mi-parcours et Ã  moins d&#8217;un mois de son relancement, que retenir ?</p>
<p><span id="more-72"></span></p>
<p>Petit rappel pour celles et ceux qui ont eu la flemme de suivre le lien ci-dessus : <strong>ENES</strong> est initialement un projet de conservation de jeux NES, ceux qui ne l&#8217;Ã©taient pas encore. On Ã©largit notre vocation dÃ©sormais en proposant une plateforme matÃ©rielle d&#8217;extraction de donnÃ©es (de cartouches de jeu) ainsi que les logiciels nÃ©cessaire Ã  l&#8217;extraction. En clair, avec un peu de connaissances, on peut aussi bien dumper de la Super NES comme de la Neo Geo (en thÃ©orie).</p>
<p>Le nouveau site d&#8217;ENES sera bien plus axÃ© communication : de notre cÃ´tÃ© il sera plus facile de rÃ©diger des brÃ¨ves et d&#8217;en gÃ©nÃ©rer des exports <acronym title="Really Simple Syndication">RSS</acronym> (format de fichier adaptÃ© Ã  l&#8217;actualitÃ© car il peut Ãªtre &laquo;&nbsp;interprÃ©tÃ©&nbsp;&raquo; par de nombreux navigateurs, des lecteurs de news et mÃªme des sites Web.<br />
L&#8217;avantage pour les visiteurs et autres personnes intÃ©ressÃ©es par le projet c&#8217;est que l&#8217;actualitÃ© du groupe ira directement Ã  eux : pas besoin de passer n-fois sur le site pour repÃ©rer des mises Ã  jour; une actualisation du fil <acronym title="Really Simple Syndication">RSS</acronym> suffit pour lister les derniÃ¨res entrÃ©es. Comble du bonheur, ces fils sont disponibles en franÃ§ais et en anglais.</p>
<h3>Bilinguisme</h3>
<p>Oui tiens d&#8217;ailleurs, dans mon dernier billet sur ENES je parlais d&#8217;utiliser un blog pour l&#8217;actualitÃ©. Ben en fait non pour la simple et bonne raison qu&#8217;apparemment, avoir un mÃªme article en 2 langues diffÃ©rentes c&#8217;est impossible. Soit les blogs sont monolingues soit ils faut Ã©crire 2 articles (1 pour chaque langue) dans 2 catÃ©gories (1 catÃ©gorie = 1 langue). Sans parler du cÃ´tÃ© usine Ã  gaz et nullement intuitif. Bref une fois de plus j&#8217;ai optÃ© pour la solution maison en reprenant les principaux principes du premier site d&#8217;ENES.<br />
Physiquement, ENES n&#8217;a qu&#8217;un seul site mais dans la pratique, il y en a 2 : le site franÃ§ais et anglais. La langue principale du navigateur est automatiquement dÃ©tectÃ©e; dans le cas contraire, la langue par dÃ©faut est choisie (l&#8217;anglais). Le visiteur (ou moteur de recherche) est donc gentiement guidÃ© vers le site en question avec bien entendu la possibilitÃ© de basculer Ã  tout moment d&#8217;une langue Ã  l&#8217;autre.</p>
<h3>ActualitÃ©</h3>
<p>Quand on poste un billet d&#8217;information, on le rÃ©dige Ã  la fois en anglais et en franÃ§ais. Les titres peuvent Ãªtre totalement diffÃ©rents : Ã§a ne pose pas de problÃ¨mes pour les adresses naturelles. En effet les adresses sont dites &laquo;&nbsp;naturelles&nbsp;&raquo; et canoniques : leur arborescence a un cheminement logique, comme si vous aviez des dossiers, sous-dossiers, sous-sous-dossiers etc.<br />
<ins>Exemple</ins> : <em>http://monsite/news/2005/09/22/titre-de-la-news.htm</em>.<br />
En lisant l&#8217;adresse, on devine que l&#8217;on se trouve dans la rubrique d&#8217;actualitÃ© du site, au cours de l&#8217;annÃ©e 2005, dans son mois de septembre du jour 22 et pour une brÃ¨ve intitulÃ©e &laquo;&nbsp;Titre de la news&nbsp;&raquo;. Ca c&#8217;est une adresse naturelle.<br />
Canonique parce que si on supprime &laquo;&nbsp;titre-de-la-news.htm&nbsp;&raquo;, on tombera sur toutes les brÃ¨ves du 22 septembre 2005. Si on poursuit le raisonnement, en supprimant en plus le chiffre 22, on aura toutes les brÃ¨ves du mois de septembre 2005. Clair, net et prÃ©cis.</p>
<p>Tellement clair que peu de systÃ¨mes fonctionnent comme Ã§a, encore moins en gÃ©rant 2 langues. LÃ  oui : l&#8217;adresse anglaise aura le titre anglais tandis que l&#8217;adresse franÃ§aise le titre franÃ§ais. Difficile de faire mieux et plus clair. Encore une fois, il aurait Ã©tÃ© impossible d&#8217;avoir Ã§a sur un systÃ¨me de blogs prÃ©conÃ§u.</p>
<p style="text-align:center;"><img src="http://case.oncle-tom.net/images/Emu-Nova/ENES/enes2-index-en.png" alt="ENES : Emu Nova Entertainment System" /><br />La mÃªme page, en anglais ce coup-ci</p>
<h3>Fils <acronym title="Really Simple Syndication">RSS</acronym></h3>
<p>Une fois qu&#8217;une brÃ¨ve est ajoutÃ©e ou Ã©ditÃ©e, vu qu&#8217;il n&#8217;y a pas non plus 36 000 actualitÃ©s par jour, le mieux est de gÃ©nÃ©rer directement Ã  la suite le fil <acronym title="Really Simple Syndication">RSS</acronym>. Ou plutÃ´t LES fils <acronym title="Really Simple Syndication">RSS</acronym>, anglais et franÃ§ais. C&#8217;est pas bien compliquÃ©, suffit de lire la documentation, gÃ©nÃ©rer un fichier texte et &#8230; et quoi d&#8217;ailleurs ? La meilleure solution est-elle de gÃ©nÃ©rer dynamiquement un fichier Ã  chaque appel (donc refaire n-fois la mÃªme routine alors que le contenu n&#8217;a pas changÃ©) ou bien gÃ©nÃ©rer une fois pour toute un fichier &laquo;&nbsp;statique&nbsp;&raquo; ?<br />
Je suis plutÃ´t un partisan de l&#8217;Ã©conomie (on appelle Ã§a parfois la &laquo;&nbsp;flemme&nbsp;&raquo;) : c&#8217;est Ã  dire produire le mÃªme rÃ©sultat avec le mimimum d&#8217;effort. Donc en principe, pour moi, je prÃ©fÃ¨re gÃ©nÃ©rer un fichier Ã  chaque news Ã©ditÃ©e puis l&#8217;enregistrer en dur comme un fichier classique. Seulement voilÃ , sur l&#8217;hÃ©bergement fourni par notre hÃ©bergeur de projet, on ne peut pas crÃ©er de fichier comme Ã§a. Verdict : tout dynamique ?</p>
<p>Ouaip ben non : on va faire comme prÃ©vu sauf qu&#8217;au lieu de gÃ©nÃ©rer le rÃ©sultat dans un fichier, on va le stocker &#8230; dans la base de donnÃ©es. A premiÃ¨re vue c&#8217;est dÃ©bile (car on solicite aussi la base de donnÃ©es) mais c&#8217;est la meilleure alternative : la requÃªte est simple (une ligne Ã  chercher contre plusieurs dans le cas du tout dynamique), quasiment aucun traitement Ã  effectuer (requÃªte <acronym title="Structured Query Language">SQL</acronym> + affichage au lieu d&#8217;une requÃªte &laquo;&nbsp;moyenne&nbsp;&raquo;, l&#8217;assemblage puis l&#8217;affichage). C&#8217;est donc plus rapide que du tout dynamique, un poil plus lent que la version statique (lire un fichier c&#8217;est toujours plus rapide qu&#8217;accÃ©der Ã  une base de donnÃ©es).</p>
<hr />
<p>MÃªme si c&#8217;Ã©tait un peu technique, j&#8217;explique au moins la logique de fonctionnement : le tout dynamique est dÃ©bile car il ne sert Ã  rien de gÃ©nÃ©rer n-fois un contenu strictement inchangÃ© : Ã§a bouffe des ressources (RAM, processeur) pour pas grand chose. Ca fait juste trÃ¨s style mais c&#8217;est lÃ  le seul intÃ©rÃªt (sauf quand il est impossible d&#8217;agrÃ©ger le contenu et que lÃ , le fichier est effectivement dynamique).<br />
La prochaine Ã©tape sera la nouvelle liste de dumps avec un moteur de recherche intÃ©grÃ© afin de rechercher en 2 clics si un jeu en notre possession a bel et bien Ã©tÃ© sauvegardÃ©.</p>
<hr />
<p><strong>Petite note</strong> : j&#8217;ai pris un peu de retard dans la rÃ©daction de mes billets, j&#8217;ai 3 films Ã  commenter (La moustache, Collision et la dÃ©chirure), la fin de mes vacances et c&#8217;est dÃ©jÃ  pas mal <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_biggrin.gif' alt=':-D' class='wp-smiley' />  En attendant j&#8217;vais un peu me reposer pardi.</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2005/enes-bilinguisme-et-generation-rss/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

