<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2frenchfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0" xml:base="http://ils.sont.la">
<channel>
 <title>ils sont là</title>
 <link>http://ils.sont.la/frontpage</link>
 <description>Créativité venu de l'espace</description>
 <language>fr</language>
<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/ilssontla" /><feedburner:info uri="ilssontla" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><image><link>http://ils.sont.la</link><url>http://ils.sont.la/themes/zen/ilssontla/images/soucoupe-144x102.gif</url><title>La soucoupe volante de ils.sont.la</title></image><feedburner:emailServiceId>ilssontla</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><feedburner:feedFlare href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Filssontla" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare href="http://www.bloglines.com/sub/http://feeds.feedburner.com/ilssontla" src="http://www.bloglines.com/images/sub_modern11.gif">Subscribe with Bloglines</feedburner:feedFlare><feedburner:feedFlare href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Filssontla" src="http://www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Filssontla" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare href="http://add.my.yahoo.com/content?lg=fr&amp;url=http%3A%2F%2Ffeeds.feedburner.com%2Filssontla" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/bn/intatm_fr_1.gif">Subscribe with Mon Yahoo!</feedburner:feedFlare><item>
 <title>Culture du code, entre illettrisme et liberté</title>
 <link>http://feedproxy.google.com/~r/ilssontla/~3/3cW0Hm-oW50/culture-code-entre-illettrisme-et-liberte</link>
 <description>&lt;p&gt;&lt;em&gt;À l’occasion du second Coding Goûter, je publie&lt;/em&gt;&lt;a href="http://ils.sont.la/tags/coding-gouter#"&gt;&lt;em&gt;&amp;nbsp;&lt;/em&gt;&lt;em&gt;une courte série d’article&lt;/em&gt;&lt;/a&gt;&lt;em&gt;. Retrouvez-les sur&lt;/em&gt;&lt;a href="http://ils.sont.la/"&gt;&lt;em&gt;&amp;nbsp;&lt;/em&gt;&lt;em&gt;ils.sont.la&lt;/em&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Vous êtes réveillé par votre téléphone, vous lancez la machine à laver. Tiens, un métro automatique sur la ligne 1. À midi vous payez avec votre carte de crédit. Le soir, vous jetez un oeil sur l&amp;#8217;éclairage de la tour Eiffel. Liste sans fin.&amp;nbsp;Il ne se passe pas une heure de notre vie (une minute ?) sans qu’un programmeur n’y ait participé, en écrivant… du&amp;nbsp;code.&lt;/p&gt;
&lt;!--break--&gt;
&lt;p&gt;Les technologies qui nous entourent sont animées par le code. Elles sont en train de transformer la société, et nos vies, de fond en comble. Les exemples de cette transformation, vous &lt;a href="http://www.google.fr/search?q=creative+destruction+technology"&gt;saurez les trouver tout seuls&lt;/a&gt;. Vous les connaissez&amp;nbsp;déjà.&lt;/p&gt;
&lt;h3&gt;&lt;strong&gt;Le danger d’un illettrisme de&amp;nbsp;fait&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;Si je suis illettré dans notre société, si je ne sais pas lire, je me retrouve impuissant et exclu. Je suis même aisément manipulable, noyé dans cette omniprésence du texte. De la même manière, au fur et à mesure que nous entrons sans voie de retour dans une société informatisée, celui qui ne maîtrise pas la culture du code se retrouve de plus en plus impuissant, exclu, et manipulé face aux nouvelles&amp;nbsp;technologies.&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;img src="http://ils.sont.la/files/images/even-ads-can-now-crash-4-3-400.jpg" alt="Même les publicités peuvent bugguer aujourd'hui" width="400" height="300" /&gt;&lt;/p&gt;
&lt;p&gt;Existe-t-il un illettrisme du code&amp;nbsp;? Le concept est séduisant, car le code, c’est tout simplement du texte. Un texte qui sert à créer un programme, une app, un site web. Un texte un peu spécial, puisqu’il agit sur le monde de manière immédiate, parfois avec hostilité, comme lorsqu’il &lt;a href="http://www.google.com/url?q=http%3A%2F%2Fwww.monde-diplomatique.fr%2F2011%2F07%2FLAFARGUE%2F20788&amp;amp;sa=D&amp;amp;sntz=1&amp;amp;usg=AFQjCNHIf6E-MQObNlDFytYMWIwR6Qif5g"&gt;contrôle les portes du métro&amp;nbsp;!&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Illestrisme ou pas, aujourd’hui, une minorité de personne maîtrise la lecture et l’écriture du code informatique &amp;nbsp;– tout comme une minorité savait lire au début du 19ème siècle, et une plus petite minorité encore maîtrisait la culture dominante de l’écrit, les contrats, les textes de lois… ah, tiens, encore des&amp;nbsp;codes.&lt;/p&gt;
&lt;h3&gt;&lt;strong&gt;Du contrôle invisible à la créativité&amp;nbsp;libératrice&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;Pour ceux qui doutent encore, souvenez-vous que les fondateurs de Facebook, YouTube, Twitter, Google, sont tous des codeurs. Ces plateformes web ont transformé la société en quelques années. Ils font&amp;nbsp;peur.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.socialtext.net/codev2/part_two_regulation_by_code"&gt;Code is Law&lt;/a&gt;. &lt;a href="http://www.literacyandtechnology.org/volume2/no1/herbst.html"&gt;Code is Power&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Le web (et le capital-risque) a transformé la compétence de ces programmeurs-entrepreneurs en un *nouveau talent*, presque&amp;nbsp;magique:&lt;/p&gt;
&lt;p&gt;Le talent d’écrire, depuis sa chambre, de nouvelles règles sociales, des règles qui se propagent et sont adoptées par tous en quelques&amp;nbsp;mois.&lt;/p&gt;
&lt;p&gt;Ce talent ne doit pas rester entre les mains d’une élite de nouveaux scribes, il doit se répandre. Nous avons tous besoin, parfois, de compter, nous avons tous besoin, parfois, de lire et d’écrire, et maintenant&amp;nbsp;&lt;a href="http://www.edutopia.org/programming-the-new-literacy"&gt;nous avons tous besoin, parfois, de coder&lt;/a&gt;&amp;nbsp;– sans toujours le&amp;nbsp;réaliser.&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;img src="http://ils.sont.la/files/images/paper-computer-400.jpg" alt="Un ordinateur portable en papier comme trace d'une nouvelle époque" width="400" height="300" /&gt;&lt;/p&gt;&lt;h3&gt;Lire et écrire, à&amp;nbsp;nouveau&lt;/h3&gt;
&lt;p&gt;Pour permettre à nos enfants d’être plus créatifs, plus autonomes et, une fois adulte, d’utiliser les nouvelles technologies au service de leur propre liberté, il faut &lt;a title="Le Coding Goûter, enfants et parents s’emparent de différents outils de programmations et mangent des gateaux et bonbons en même temps" href="http://ils.sont.la/post/premier-coding-gouter-paris-kids-code-et-cake#"&gt;leur transmettre&lt;/a&gt; cette culture du&amp;nbsp;code.&lt;/p&gt;&lt;p&gt;Leur transmettre à tous ? Oui, il faut qu’ils apprennent, tous, à programmer. S&amp;#8217;il ne le font pas, leur seul choix sera d&amp;#8217;utiliser des outils et de subir des règles qu&amp;#8217;ils ne peuvent ni décrypter, ni modifier, des outils et des règles programmés par des maîtres&amp;nbsp;invisibles.&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=3cW0Hm-oW50:Qx6sGSyKfyY:g5iuy0Tjbhk"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=g5iuy0Tjbhk" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=3cW0Hm-oW50:Qx6sGSyKfyY:MeHVLObz2Lw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=MeHVLObz2Lw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=3cW0Hm-oW50:Qx6sGSyKfyY:6qXUeIljHqw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=6qXUeIljHqw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=3cW0Hm-oW50:Qx6sGSyKfyY:vgCo_aiq4PM"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=vgCo_aiq4PM" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/ilssontla/~4/3cW0Hm-oW50" height="1" width="1"/&gt;</description>
 <comments>http://ils.sont.la/post/culture-code-entre-illettrisme-et-liberte#comments</comments>
 <category domain="http://ils.sont.la/tags/coding-gouter">coding goûter</category>
 <category domain="http://ils.sont.la/tags/creativite-numerique">créativité numérique</category>
 <category domain="http://ils.sont.la/tags/culture-web">culture web</category>
 <category domain="http://ils.sont.la/tags/education">éducation</category>
 <category domain="http://ils.sont.la/langue/francais">Français</category>
 <wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://ils.sont.la/crss/node/72</wfw:commentRss>
 <pubDate>Fri, 20 Jan 2012 04:02:10 +0100</pubDate>
 <dc:creator>Julien</dc:creator>
 <guid isPermaLink="false">72 at http://ils.sont.la</guid>
<feedburner:origLink>http://ils.sont.la/post/culture-code-entre-illettrisme-et-liberte</feedburner:origLink></item>
<item>
 <title>Premier Coding Goûter de Paris. Des kids, du code, et du cake.</title>
 <link>http://feedproxy.google.com/~r/ilssontla/~3/3FuqSx2U1C4/premier-coding-gouter-paris-kids-code-et-cake</link>
 <description>&lt;p&gt;&lt;em&gt;À l’occasion du second Coding Goûter, je publie &lt;/em&gt;&lt;a href="http://ils.sont.la/tags/coding-gouter#"&gt;&lt;em&gt;une courte série d’article&lt;/em&gt;&lt;/a&gt;&lt;em&gt;. Retrouvez-les sur &lt;/em&gt;&lt;em&gt;&lt;a href="http://ils.sont.la/"&gt;ils.sont.la&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;Le Coding Goûter est un rendez-vous mensuel où des enfants et leurs parents s’emparent de différents outils de programmations, des jeux et puzzles algorithmiques, des environnements de développements, des langages. Et comme c’est un goûter, on y mange &amp;nbsp;des gâteaux et des bonbons tout au long de l’après-midi&amp;nbsp;!&lt;/p&gt;&lt;!--break--&gt;
&lt;p&gt;Le premier Coding Goûter de Paris s’est déroulé début décembre à l’invitation de &lt;a href="http://www.jonathanperret.net/"&gt;Jonathan Perret&lt;/a&gt;&amp;nbsp;qui nous accueilli dans les locaux de la société de développement logiciel dont il est associé, spécialisée dans les méthodes agiles de programmation. Un lieu idéal, donc&amp;nbsp;!&lt;/p&gt;
&lt;p&gt;Et dimanche dernier, 15 janvier, a eu lieu le second goûter, avec un succès grandissant – le troisième, prévu un peu en avance, refuse du monde&amp;nbsp;!&lt;/p&gt;
&lt;h3&gt;&lt;strong&gt;Pourquoi le Coding Goûter&amp;nbsp;?&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;Nous voulons donner à nos enfants la possibilité et l’envie d’être créatifs et autonomes avec les nouvelles&amp;nbsp;technologies.&lt;/p&gt;
&lt;p&gt;Nous avons pour beaucoup d’entre nous appris à coder enfants, ou adolescent, ou plus tard, mais dans tous les cas nous y avons pris du&amp;nbsp;plaisir.&lt;/p&gt;&lt;p&gt;Savoir coder nous semble un talent essentiel, juste après lire, écrire, compter. Pour certains d&amp;#8217;entre nous, c&amp;#8217;est leur métier ! Nous avons envie de partager cela avec nos&amp;nbsp;enfants.&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;img src="http://ils.sont.la/files/images/laurent-et-son-fils-400.jpg" alt="Laurent et son fils faisant du Python avec RUR-PLE" width="400" height="300" /&gt;&lt;/p&gt;
&lt;p&gt;La programmation n’est pas enseignée dans les écoles françaises. (et non, faire de la mise en page, apprendre à envoyer des emails ou créer un blog avec l’école, ce n’est pas un cours de&amp;nbsp;programmation)&lt;/p&gt;
&lt;p&gt;Les clubs informatiques qui permettaient certains échanges dans les années 1980 se sont doucement dissous dans l’omniprésence des&amp;nbsp;ordinateurs.&lt;/p&gt;
&lt;p&gt;Il manque quelque chose, un moment&amp;nbsp;pour les enfants, un moment&amp;nbsp;qui ressemble aux &lt;a href="http://artgameweekend.com/"&gt;ArtGame Weekend&lt;/a&gt;,&amp;nbsp;aux &lt;a href="http://wiki.agile-france.org/cgi-bin/wiki.pl?DojoDeveloppement"&gt;Coding Dojo&lt;/a&gt;, où l&amp;#8217;on peut explorer, se rencontrer, rater, recommencer. S&amp;#8217;amuser ensemble&amp;nbsp;!&lt;/p&gt;
&lt;h3&gt;&lt;strong&gt;Le mélange des âges élargi le&amp;nbsp;partage&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;La palette des âges des enfants est large, de 6 à 14 ans lors du premier Coding&amp;nbsp;Goûter.&lt;/p&gt;
&lt;p&gt;Le mélange des âges, que l&amp;#8217;on pourrait penser comme venant compliquer les choses, est en fait une belle&amp;nbsp;surprise.&lt;/p&gt;
&lt;p&gt;Cela permet des paires qui changent selon les moments. Une petite fille de 6 ans et une plus grande de 11 ans s’essayent ensemble à donner des ordres précis à Robomind pour le faire sortir d’un labyrinthe. Mais la paire sera recomposée quand chacune se tournera vers d’autres activités, la plus jeune se tournant vers du dessin avec un autre&amp;nbsp;enfant.&lt;/p&gt;
&lt;p&gt;Avec ce mélange, on est aussi obligé de sortir du classique &lt;em&gt;&amp;#8220;on va faire faire du &lt;/em&gt;&lt;a href="http://scratch.mit.edu/"&gt;&lt;em&gt;Scratch&lt;/em&gt;&lt;/a&gt;&lt;em&gt;&amp;nbsp;à des 8-10 ans&amp;#8221;&lt;/em&gt;&amp;nbsp;et de proposer une large palette&amp;nbsp;d&amp;#8217;outils.&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;img src="http://ils.sont.la/files/images/eve-context-free-400.jpg" alt="Eve découvre Context Free" width="400" height="294" /&gt;&lt;/p&gt;
&lt;p&gt;Surprise : l&amp;#8217;âge n’est pas lié de manière linéaire aux outils. Un adolescent de 14 ans se concentre sur &lt;a href="http://www.robozzle.com/"&gt;Robozzle&lt;/a&gt;, un casse tête où l’on contrôle un robot, et qui apprend la récursion et les fonctions, Un enfant de 10 ans au contraire veut apprendre &lt;a href="http://developer.apple.com/library/mac/#documentation/Cocoa/Conceptual/ObjectiveC/Introduction/introObjectiveC.html"&gt;Objective C&lt;/a&gt;&amp;nbsp;et Xcode pour créer des jeux pour iPad. Lors du dernier goûter, il passe sur &lt;a href="http://gamesalad.com/"&gt;GameSalad&lt;/a&gt;, pour avancer plus&amp;nbsp;vite.&lt;/p&gt;
&lt;h3&gt;&lt;strong&gt;Ne pas donner un cours, apprendre&amp;nbsp;ensemble&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;C&amp;#8217;est un &lt;em&gt;goûter d&amp;#8217;enfants&lt;/em&gt;, ce n&amp;#8217;est pas un cours, et c&amp;#8217;est très bien comme ça ! On est là pour faire, découvrir, partager, et utiliser, pas pour suivre un cursus avec des compétences fixées en&amp;nbsp;amont.&lt;/p&gt;
&lt;p&gt;C’est &lt;span class="caps"&gt;OK&lt;/span&gt; de papillonner, de se déplacer. Nous sommes dans un open-space et les enfants comme les parents changent parfois de chaise, tournent autour des&amp;nbsp;tables.&lt;/p&gt;
&lt;p&gt;Le Coding Goûter dure plus de 3 heures. Cela donne le temps d&amp;#8217;explorer différentes choses, de penser à autre chose, et… de perdre du temps&amp;nbsp;!&lt;/p&gt;
&lt;p&gt;Les plus petits passent au dessin quand ils saturent, les parents se montrent leurs applications&amp;nbsp;iPad.&lt;/p&gt;
&lt;p&gt;Le temps scolaire nous a habitué à formater les activités des enfants ou des adolescents en tranche de 55 minutes… C&amp;#8217;est agréable de voir que l&amp;#8217;on peut s&amp;#8217;étendre bien plus longtemps si on est pas obsédé par la concentration en&amp;nbsp;continue.&lt;/p&gt;
&lt;h3&gt;&lt;strong&gt;Le vidéoprojecteur comme totem&amp;nbsp;collectif&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;Lors du premier goûter, nous avions un temps du démarrage où nous nous sommes tous focalisés sur Robozzle, pour essayer de trouver ensemble la solution au maximum de&amp;nbsp;niveau.&lt;/p&gt;
&lt;p&gt;Le vidéoprojecteur était notre écran collectif géant, et chacun s’y branche un peu à tour de rôle pour le plaisir de voir son travail en cours être affiché en&amp;nbsp;grand.&lt;/p&gt;
&lt;p&gt;Ce partage via le vidéoprojecteur s’est amplifié lors du second goûter, avec une vrai session de démo pour clore l’après-midi. Chaque enfant est venu brancher son ordinateur et expliquer ce qu’il avait utilisé, ce qu’il avait fait. Applaudissements de rigueur&amp;nbsp;!&lt;/p&gt;
&lt;h3&gt;&lt;strong&gt;Apprendre avec les enfants, apprendre des enfants, apprendre à faire apprendre les&amp;nbsp;enfants&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;Si l’objectif est de faire fait tester des choses à nos enfants, nous nous sommes nous aussi amusés à découvrir aussi des outils, des méthodes de travail avec les enfants, des&amp;nbsp;rythmes.&lt;/p&gt;
&lt;p&gt;Nous avons eu des surprises sur ce que nous croyions simple mais qui ne l’était pas, nous avons eu des idées pour faciliter la prise en main des plus petits. Tiens, et si nous sélectionnions des niveaux vraiment simple de Robozzle pour les 5 à 7 ans ? Et &lt;a href="http://www.contextfreeart.org/"&gt;Context Free&lt;/a&gt;, est-ce que les exemples existants sont vraiment adaptés à la modification, ou trop orientés vers des prouesses visuelles&amp;nbsp;?&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;span style="line-height: normal;"&gt;&lt;img src="http://ils.sont.la/files/images/P1060178-crop-400.jpg" alt="Emma aide Jim et Léo sur Scratch" width="400" height="300" /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Effet connu : comme souvent il y a des enfants experts qui en connaissent plus sur leur outil favori que les adultes novices. Heureusement que Emma, 11 ans, était là pour aider Jim, 31 ans et Léo 6 ans à découvrir Scratch !&amp;nbsp;;-)&lt;/p&gt;
&lt;h3&gt;&lt;strong&gt;Et la suite&amp;nbsp;?&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;Notre Coding Goûter est déjà plein. Nous voulons lui garder son ambiance familiale, et donc il n’est pas prévu de le faire grossir en terme de&amp;nbsp;participants.&lt;/p&gt;
&lt;p&gt;Ce qui est prévu, c’est d’aider ceux qui le souhaite à organiser leurs propres Coding Goûter&amp;nbsp;!&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;img src="http://ils.sont.la/files/images/context-free-welcome-400.jpg" alt="Welcome ! nous dit Context Free" width="400" height="300" /&gt;&lt;/p&gt;
&lt;p&gt;Vous voulez faire partager l’expérience du Coding Goûter à vos enfants, ou à ceux des autres ? Lancez-vous, et organisez un Coding Goûter avec d’autres parents. Il suffit que l’un d’entre vous soit un vrai de vrai programmeur avec des bases bien solide en algorithmique , et que vous vous plongiez dans les outils disponibles un peu en amont. N’oubliez-pas les bonbons et les gateaux, surtout&amp;nbsp;!&lt;/p&gt;
&lt;p&gt;Besoin de conseils ? Envie de passer observer le prochain Coding Goûter en mode petite souris ? &lt;a href="http://ils.sont.la/contact"&gt;Contactez-moi&amp;nbsp;!&lt;/a&gt;&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=3FuqSx2U1C4:rpbv1uoLL80:g5iuy0Tjbhk"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=g5iuy0Tjbhk" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=3FuqSx2U1C4:rpbv1uoLL80:MeHVLObz2Lw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=MeHVLObz2Lw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=3FuqSx2U1C4:rpbv1uoLL80:6qXUeIljHqw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=6qXUeIljHqw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=3FuqSx2U1C4:rpbv1uoLL80:vgCo_aiq4PM"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=vgCo_aiq4PM" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/ilssontla/~4/3FuqSx2U1C4" height="1" width="1"/&gt;</description>
 <comments>http://ils.sont.la/post/premier-coding-gouter-paris-kids-code-et-cake#comments</comments>
 <category domain="http://ils.sont.la/tags/appropriation-technologique">appropriation technologique</category>
 <category domain="http://ils.sont.la/tags/coding-gouter">coding goûter</category>
 <category domain="http://ils.sont.la/tags/education">éducation</category>
 <category domain="http://ils.sont.la/langue/francais">Français</category>
 <wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://ils.sont.la/crss/node/71</wfw:commentRss>
 <pubDate>Wed, 18 Jan 2012 06:04:42 +0100</pubDate>
 <dc:creator>Julien</dc:creator>
 <guid isPermaLink="false">71 at http://ils.sont.la</guid>
<feedburner:origLink>http://ils.sont.la/post/premier-coding-gouter-paris-kids-code-et-cake</feedburner:origLink></item>
<item>
 <title>Enfants et programmation : ma réponse à une mère anti-écran</title>
 <link>http://feedproxy.google.com/~r/ilssontla/~3/GfuHnCmTew0/enfants-et-programmation-ma-reponse-mere-pediatre-anti-ecran</link>
 <description>&lt;p style="text-align: left;"&gt;&lt;em&gt;À l’occasion du second Coding Goûter, je publie &lt;a title="Articles autour du Coding Goûter" href="http://ils.sont.la/tags/coding-gouter#"&gt;une courte série d’article&lt;/a&gt;. Retrouvez les sur &lt;a href="http://ils.sont.la"&gt;ils.sont.la&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;Quelques semaines avant le premier Coding Goûter, j’ai lancé une petite enquête sur “Enfants et programmation”. Par exemple, à quel âges les parents pensent-ils que leurs enfants peuvent apprendre à programmer ? Et quel serait les motivations des parents&amp;nbsp;?&lt;/p&gt;
&lt;p&gt;Immédiatement, j’ai vu que le consensus sur le sujet était&amp;nbsp;loin d’exister ! Les réponses très diverses, presque du cas par cas, correspondent à notre époque de&amp;nbsp;transition.&lt;/p&gt;&lt;h3&gt;Une hérésie anti-pédagogique&amp;nbsp;?&lt;/h3&gt;
&lt;p&gt;Et puis, j’ai reçu une réaction, par email, choquée, courte et dense, qui résumait finalement une position souvent entendue : &lt;em&gt;Programmation et enfants ? Une hérésie éducative, car &amp;#8220;les écrans&amp;#8221; sont dangereux pour les&amp;nbsp;enfants.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;Pour répondre, j’ai du repartir de zéro. Tenter d’expliquer rapidement les enjeux personnels et sociaux majeurs de l’apprentissage de la programmation durant l’enfance – et aussi, en passant, critiquer à toute vitesse une star de la gestion hygiéniste de la&amp;nbsp;technologie.&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;img src="http://ils.sont.la/files/images/P1050427-400.jpg" alt="Emma et Jeanne écrivent des commandes Robomind" width="450" height="338" /&gt;&lt;/p&gt;&lt;h3&gt;Une réaction&amp;nbsp;choquée&lt;/h3&gt;&lt;p&gt;Mais avant de lire ma réponse, voici cette réaction choquée – prenez-la comme je l’ai pris, comme venant d’une personne qui a, elle aussi, les enfants et leur épanouissement comme&amp;nbsp;priorité.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;«Je vous transmets le message pas hyper sympa, que j&amp;#8217;ai envoyé à Sarah [qui lui a transmis l’enquête “Programmation et enfants” –&amp;nbsp;Julien]&lt;/p&gt;
&lt;p&gt;Je me suis calmée depuis mais maintien ma position. Les kaplas [un jeu de construction – Julien], les histoires qu&amp;#8217;on se raconte c&amp;#8217;est si important dans la construction et le développement d&amp;#8217;un enfant&amp;nbsp;!&lt;/p&gt;
&lt;p&gt;Cordialement cependant, Anne, pédiatre et mère de 4&amp;nbsp;enfants&lt;/p&gt;
&lt;p&gt;Tu vas me trouver ringarde et provinciale, mais je suis scotchée quand je lis cette &amp;#8220;enquête&amp;#8221;; tous les pédopsychiatres sont unanimes: pas d&amp;#8217;écran avant 3 ans; de jeux vidéos, Nintendo &lt;span class="caps"&gt;DS&lt;/span&gt;, avant 6 ans; internet &amp;#8220;accompagné&amp;#8221; à partir de 9&amp;nbsp;ans.&lt;/p&gt;
&lt;p&gt;Donc l&amp;#8217;apprentissage de la programmation pour des gamines de 2 et 6 ans ça me laisse&amp;nbsp;rêveuse.&lt;/p&gt;
&lt;p&gt;Enfin, ton ami voulait savoir ce que les autres parents en pensent, c&amp;#8217;est fait&amp;nbsp;!»&lt;/p&gt;&lt;/blockquote&gt;&lt;h3&gt;«liberté, exploration, maîtrise,&amp;nbsp;créativité»&lt;/h3&gt;&lt;p&gt;Et voici ma réponse, légèrement éditée ici pour être plus claire et garder juste l’essentiel&amp;nbsp;:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Je vous réponds aussi brièvement que possible pour vous expliquer ma&amp;nbsp;position.&lt;/p&gt;
&lt;p&gt;Serge Tisseron (puisque c&amp;#8217;est lui qui a inventé cette fameuse règle des 3 6 9 12, a ma connaissance sans aucune base scientifique) fait une erreur de base en mélangeant sous le terme d&amp;#8217;écran des *activités* aussi diverses que la lecture de wikipedia, les jeux vidéo mono-joueur, multi-joueur, la télévision, la communication par chat ou email, la création musicale,&amp;nbsp;etc.&lt;/p&gt;
&lt;p&gt;C&amp;#8217;est comme si on parlait de &amp;#8220;papier&amp;#8221; sans distinguer une affiche d&amp;#8217;un&amp;nbsp;roman.&lt;/p&gt;
&lt;p&gt;L&amp;#8217;écran n&amp;#8217;existe que pour ceux qui ne savent pas distinguer les activités dont il est la simple&amp;nbsp;fenêtre.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;Je considère le principe de Tisseron comme naïf et simpliste. Et même un vrai danger pour les futurs adultes, car il prêche le contraire de l&amp;#8217;autonomie et de la maîtrise des outils par les enfants. Il conforte les parents dans une sorte de diabolisation. Cela me fait penser à ces gens qui font l&amp;#8217;autruche sur la sexualité &amp;nbsp;ou la drogue, avec des principes inopérants, au lieu de donner à leurs enfants le savoir et la capacité de prendre eux même les bonnes&amp;nbsp;décisions.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;Mon expérience de l&amp;#8217;informatique est à l&amp;#8217;opposé de cette vision drug-like : liberté, exploration, maîtrise,&amp;nbsp;créativité&lt;/p&gt;
&lt;p&gt;Si je m&amp;#8217;en réfère à mon entourage professionnel, le bon âge pour apprendre un langage de programmation (car c&amp;#8217;est de l&amp;#8217;écriture, structurée, qui demande de réfléchir et d&amp;#8217;analyser le problème pour atteindre le but) c&amp;#8217;est 8/9 ans, avec bien sur un boom au niveau créativité vers 12, 13 ans. Comme toujours il y a des cas plus&amp;nbsp;précoce.&lt;/p&gt;
&lt;p&gt;Personnellement j&amp;#8217;ai programmé entre 9 et 13 ans, ensuite j&amp;#8217;ai surtout travaillé la typographie et le graphisme. Et, oui, j&amp;#8217;ai parfois beaucoup joué au jeu vidéo enfant ou adolescent *par période*, avant de passer à autre chose (mon kit de chimie&amp;nbsp;!)&lt;/p&gt;
&lt;p&gt;Anecdote: saviez-vous que le plus jeune contributeur au logiciel libre Drupal — utilisé par rue89, la maison blanche ou encore différents ministères pour leur sites web — avait 14 ans&amp;nbsp;?&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;Au final, je préfère que ma fille aînée fasse des activités variées, comme tout parent. Danser, nager, écouter des histoires, dessiner, et aussi explorer les outils à sa&amp;nbsp;disposition.&lt;/p&gt;
&lt;p&gt;Quel est l&amp;#8217;outil plus puissant, plus libérateur pour les individus, que l&amp;#8217;ordinateur personnel, aujourd&amp;#8217;hui&amp;nbsp;?&lt;/p&gt;
&lt;p&gt;Je n&amp;#8217;en vois&amp;nbsp;aucun.&lt;/p&gt;
&lt;p&gt;Programmer c&amp;#8217;est plier la machine à ses désirs, et de ça aussi, nous avons&amp;nbsp;besoin.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p style="text-align: center;"&gt;&lt;span style="line-height: normal;"&gt;&lt;img src="http://ils.sont.la/files/images/P1050451-crop-400.jpg" alt="Un dessin sur l'écran d'un ordinateur dessiné… meta !" width="400" height="321" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;Quelques jours plus tard, j’ai reçu un nouveau message de Anne. Et cette phrase m’a fait plaisir&amp;nbsp;:&lt;/p&gt;
&lt;blockquote&gt;&lt;p&gt;Merci de votre réponse sympa et détaillée, qui est bizarrement parvenue à ébranler mes convictions&amp;nbsp;!&lt;/p&gt;&lt;/blockquote&gt;&lt;h3&gt;Dépasser l&amp;#8217;hygiène de&amp;nbsp;l&amp;#8217;écran&lt;/h3&gt;&lt;p&gt;
L&amp;#8217;ensemble des projets dans lesquels je m&amp;#8217;implique repose sur la capacité des gens à s&amp;#8217;approprier le numérique pour imaginer et réaliser… ce qui n&amp;#8217;existe pas encore&amp;nbsp;!&lt;/p&gt;
&lt;p&gt;&lt;a title="Un atelier pour explorer les bases de l'interaction" href="http://switchonswitchoff.com"&gt;Switch On Switch Off&lt;/a&gt;, &lt;a title="les rencontres entre acteurs des arts numériques, chercheurs en interaction et designers-hackers" href="http://facebook.com/groups/dorkbotparis/"&gt;Dorkbot Paris&lt;/a&gt;, &lt;a title="80 participants au Musée des Arts Décoratif pour remixer le musée" href="http://museomix.com"&gt;Museomix&lt;/a&gt;, &lt;a title="Création de jeux vidéo en 48 heures, méthodes agiles et collaborative entre développeurs, game designer, créatifs, et designer sonore" href="http://artgameweekend.com"&gt;ArtGame weekend&lt;/a&gt;, le &lt;a href="http://ils.sont.la/tags/coding-gouter#"&gt;Coding Goûter&lt;/a&gt;…&lt;/p&gt;
&lt;p&gt;C’est une approche créative des nouvelles technologies, du web et du&amp;nbsp;code.&lt;/p&gt;
&lt;p&gt;Cette approche créative dépasse de loin la vision hygiéniste de la “diète des&amp;nbsp;écrans”, empreinte d’impuissance et de panique&amp;nbsp;morale.&lt;/p&gt;
&lt;h4&gt;Il a fallu des siècles pour que la culture de l’écrit soit enseignée à tous (ici, du moins). Nous pouvons aller plus vite pour la culture numérique, bien plus vite. C’est une question de liberté et&amp;nbsp;d’égalité.&lt;/h4&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=GfuHnCmTew0:CQ-wOYJNzeQ:g5iuy0Tjbhk"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=g5iuy0Tjbhk" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=GfuHnCmTew0:CQ-wOYJNzeQ:MeHVLObz2Lw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=MeHVLObz2Lw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=GfuHnCmTew0:CQ-wOYJNzeQ:6qXUeIljHqw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=6qXUeIljHqw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=GfuHnCmTew0:CQ-wOYJNzeQ:vgCo_aiq4PM"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=vgCo_aiq4PM" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/ilssontla/~4/GfuHnCmTew0" height="1" width="1"/&gt;</description>
 <comments>http://ils.sont.la/post/enfants-et-programmation-ma-reponse-mere-pediatre-anti-ecran#comments</comments>
 <category domain="http://ils.sont.la/tags/coding-gouter">coding goûter</category>
 <category domain="http://ils.sont.la/langue/francais">Français</category>
 <wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://ils.sont.la/crss/node/70</wfw:commentRss>
 <pubDate>Sun, 15 Jan 2012 13:42:08 +0100</pubDate>
 <dc:creator>Julien</dc:creator>
 <guid isPermaLink="false">70 at http://ils.sont.la</guid>
<feedburner:origLink>http://ils.sont.la/post/enfants-et-programmation-ma-reponse-mere-pediatre-anti-ecran</feedburner:origLink></item>
<item>
 <title>Introducing MetaFragments, a common format for timed metadata in HTML</title>
 <link>http://feedproxy.google.com/~r/ilssontla/~3/qAd4Red2OS8/introducing-metafragments-a-common-format-timed-metadata-html</link>
 <description>&lt;p&gt;MetaFragments gives to web tools, mobile apps, browser and search engines a simple way to explore, connect and share the inside content of web videos.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;iframe width="560" height="349" src="http://www.youtube.com/embed/wZsaXTzyozc" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;Even when liberated from Flash, web videos are data dead-ends. Meta-data for video or audio is mostly non-existent in exposed, usable form.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;When it exists, it’s segregated in various silos: external files in non-browser friendly formats, APIs, JavaScript code…&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;That leads to bad findability inside the website, and bad search engine optimization. It makes it hard to connect similar stories, to cite a specific sequence in a longer video, or simply to link back to a precise phrase in the video&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;A standard way to expose timed meta-data in web pages can benefit a large range of web creators and users.&lt;/p&gt;&lt;p&gt;
Video bloggers, mega-platforms like YouTube, news organizations betting on web videos as a rising media will get better findability and engagement.&lt;/p&gt;&lt;p&gt;
Viewers will get new ways to find, share and connect to videos across the web.&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3&gt;How it works&lt;/h3&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;The idea behind&lt;em&gt; MetaFragments&lt;/em&gt; is to use &lt;a href="http://www.w3.org/TR/media-frags/"&gt;media fragments URIs&lt;/a&gt; and &lt;a href="http://www.w3.org/TR/xhtml-rdfa-primer/"&gt;in-HTML meta-data&lt;/a&gt; to store timed data relating to audio and videos sequences&lt;/p&gt;&lt;p&gt;&lt;img src="/files/images/MetaFragments_presentation_slides_012.png" alt="&amp;lt;a rel=&amp;quot;dc:source&amp;quot; RDFa-META-DATA href=&amp;quot;MEDIA-FRAGMENT-URI&amp;quot;'&amp;gt;WORD-FROM-THE-TRANSCRIPT&amp;lt;/a&amp;gt;" title="&amp;lt;a rel=&amp;quot;dc:source&amp;quot; RDFa-META-DATA href=&amp;quot;MEDIA-FRAGMENT-URI&amp;quot;'&amp;gt;WORD-FROM-THE-TRANSCRIPT&amp;lt;/a&amp;gt;" width=" 560" height="315" /&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;Everything happens in the DOM, so web clients, crawlers and javascript libraries can easily find and use this data without prior knowledge of the website or its API. They just need to know existing standards.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;MetaFragments is only one week old, so obviously it is a work in progress. We encourage you to read more about its proposed specifications here: &lt;a href="https://docs.google.com/document/d/12qU76dHUmZR308ABGfqq7TQqq2F8CE8jIAGtVdp7a5w/edit?hl=en_US"&gt;MetaFragments Draft&lt;/a&gt;.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;But the great news is that we are already rallying supports from Knight Mozilla Lab participants.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;The &lt;a href="http://happyworm.com/blog/2011/08/08/the-hyperaudio-pad-a-software-product-proposal/"&gt;Hyperaudio Pad tool from Mark Boas&lt;/a&gt; adopted it as its working format in its basic form, without RDFa.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.cybunk.com/blog2/fr/mojo-4-direct-participation-mock-up-on-video"&gt;Samuel Huron’s data visualization video player&lt;/a&gt; and &lt;a href="http://mapadelsur.blogspot.com/2011/08/final-project-report.html"&gt;Nicholas Doiron's FollowFrost linked video interview player&lt;/a&gt; are the next candidates – if MetaFragments works well with their data-enriched viewers, it will give them a free HTML API for search engine crawlers and other apps. It could help make their apps work together. I’m working on mapping their respective (and different!) internal JSON formats into MetaFragments, and we will iterate from here.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.shaminderdulai.com/about/blog"&gt;Shaminder Dulai&lt;/a&gt;, with its ambitious workflow project for tagging videos in the newsroom is also bringing feedback from a media producer, non-coder, point of view.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;Here is the HTML code for the common use case of a word in transcription timed word by word:&lt;/p&gt;&lt;p&gt;&lt;img src="/files/images/MetaFragments_presentation_slides_013.png" alt="&amp;lt;a rel=&amp;quot;dc:source&amp;quot; hreflang=&amp;quot;en&amp;quot;  href=&amp;quot;http://hyper-audio.org/r/media#t=34160,34390&amp;quot;&amp;gt;maybe,&amp;lt;/a&amp;gt;" title="&amp;lt;a rel=&amp;quot;dc:source&amp;quot; hreflang=&amp;quot;en&amp;quot;  href=&amp;quot;http://hyper-audio.org/r/media#t=34160,34390&amp;quot;&amp;gt;maybe,&amp;lt;/a&amp;gt;" width="560" height="315" /&gt;&lt;/p&gt;
&lt;p&gt;In addition to being simple, MetaFragments is also based on existing web standards. We are designing simple and common patterns to apply those standards, sometimes hard to grasp, to real world problem data problems:&lt;/p&gt;&lt;p&gt;&lt;img src="/files/images/MetaFragments_presentation_slides_014.png" alt="HTML5 attributes + media fragments URI + RDFa" title="HTML5 attributes + media fragments URI + RDFa" width="560" height="315" /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;Finally, it's designed with the goal that the meta-data is always at most a click away from the resource being described, for humans and for apps alike:&lt;strong&gt;&lt;br /&gt;
&lt;/strong&gt;
&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;img src="/files/images/MetaFragments_presentation_slides_015.png" alt="the media is always at most one click away, and most of the time also embedded in page itself via the &amp;lt;video&amp;gt; element" title="the media is always at most one click away, and most of the time also embedded in page itself via the &amp;lt;video&amp;gt; element" width="560" height="315" /&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;&amp;nbsp;&lt;/strong&gt;&lt;/p&gt;
&lt;h3&gt;I publish video, what do I gain?&lt;/h3&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;Are you a video or audio creator? Or maybe you own a big video website?&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;When you implement MetaFragments, your HTML pages effectively become the data API of your video site.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;What does that mean? It means that any web client –like a browser, but also an iPhone or Android app, or the crawlers from Google or Yahoo– can make sense of the data in your video, without prior knowledge of your site.&lt;/p&gt;
&lt;p&gt;&lt;img src="/files/images/MetaFragments_presentation_slides_018.png" alt="MetaFragments give your website a way to expose your video data to any web-enabled client"  title="MetaFragments give your website a way to expose your video data to any web-enabled client" width="560" height="315" /&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;This allow your viewers to spread further your video stories, automatically accompanying the usual link with citations, names, and more infos that they previously would have had to type manually.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;You also can use MetaFragments to index your own videos, even across multiple different platforms and website. That way, it will allows you, or your web community, to cross references and find hidden stories in your own footage.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3&gt;Who will benefit from it?&lt;/h3&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Journalists,&lt;/strong&gt; both professional and citizen, can easily reference and find specific sequences in audio and video medias, assembling stories with simpler online tools.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Media publishers&lt;/strong&gt; have a standard way to make their video and audio content visible in the HTML, driving traffic and engagement.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;&amp;nbsp;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;developers &lt;/strong&gt;get a straightforward cross browser method of exposing media metadata and the ability to link, assemble and integrate media fragments into their applications.&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Artists&lt;/strong&gt; can find inspiring video and audio recordings on the web and integrate creative commons specific sequences into their works, both manually and in new, automated, ways not possible today.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Scientists and academics&lt;/strong&gt; can analyze, find correlations and more easily references medias with word-level precision when a MetaFragments transcript is present.&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;


&lt;h3&gt;What’s next and what do we need?&lt;/h3&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;MetaFragments is in the early draft stage. We need to refine it – for example add simple, clean and useful RDFa patterns&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;The right process for refining this standard is to continue to involve the community, and put it to the test in real world applications: popcorn.js web apps, video platforms, news websites and CMS plugins.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;Working on MetaFragments also revealed the lack of easily usable vocabularies for timed and non-verbal informations in videos. We need to specify simple and quick to implement vocabularies for emotions, gestures, when they don't exist.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;In term of adoption into CMS and frameworks, we need to foster the development of a Worpress plugin, a Drupal module and a Popcorn.js plugin.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4&gt;With the support of the open source community and of video platforms and video website owners, MetaFragments can leverage the millions of video and audio reports by citizens, bloggers and journalists and turn them into data-rich stories.&lt;/h4&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;Update: I added the MetaFragments equivalent of the YouTube subtitles to this post. That means that there is a machine readable version of the subtitles available directly in the page. You can take a look at them by &lt;a href="view-source:http://ils.sont.la/post/introducing-metafragments-a-common-format-timed-metadata-html#subtitles"&gt;viewing the source of this page&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;div class="metafragments" id="subtitles" style="display:none;visibility:hidden;"&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:00:00.099,0:00:04.350"&gt;Hi, I’m julien dorra, and this is a presentation of MetaFragments&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:00:04.350,0:00:09.560"&gt;HTML5 gave web video a new life, outside of the Flash black box.&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:00:09.560,0:00:16.420"&gt;But, if today videos are integrated with the browser, they are not fully part of the web&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:00:16.420,0:00:19.350"&gt;of data - they are data dead-ends.&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:00:19.350,0:00:24.200"&gt;That leads to bad findability, bad SEO and makes it harder than necessary to connect&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:00:24.200,0:00:24.880"&gt;similar stories.&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:00:24.880,0:00:28.100"&gt;Let’s take a look at some examples:&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:00:28.100,0:00:28.670"&gt;“It Gets Better”&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:00:28.670,0:00:35.100"&gt;It’s a great project, entirely based on video interviews – but it has clear findability&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:00:35.100,0:00:37.719"&gt;issues.&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:00:37.719,0:00:43.440"&gt;The Aljazeera Creative Commons repository, a great initiative, unique, with rich videos&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:00:43.440,0:00:49.120"&gt;like this one, but clearly not enough data and tags exposed.&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:00:49.120,0:00:50.109"&gt;We are building a solution.&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:00:50.109,0:00:56.559"&gt;It’s called MetaFragments, a new standard to give every web-enabled tool, mobile app&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:00:56.559,0:01:02.620"&gt;or browser a simple way to explore, connect and use any video on the web.&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:01:02.620,0:01:06.450"&gt;Thanks to the VIDEO element, and thanks to the great implementations by Mozilla, Google&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:01:06.450,0:01:13.369"&gt;and Apple, there is now a renewed interest around web video: new tools, new websites,&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:01:13.369,0:01:14.460"&gt;new ideas.&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:01:14.460,0:01:19.770"&gt;but as I talked to several Mozilla News Lab participants and Popcorn.js community members,&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:01:19.770,0:01:25.159"&gt;I quickly found that everyone is reinventing the wheel – well not the wheel, but new&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:01:25.159,0:01:31.119"&gt;data formats. Some use home made XML, another one HTML text, others use JSON…&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:01:31.119,0:01:36.340"&gt;So we gathered, we looked into what we were all building – and my part was to focus&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:01:36.340,0:01:39.000"&gt;on a format that would connect all the great tools together&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:01:39.000,0:01:43.119"&gt;A format that would be • simple and fitting in already existing&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:01:43.119,0:01:46.780"&gt;flows • based on web usages and standards&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:01:46.780,0:01:49.609"&gt;• and as near to the resource as possible&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:01:49.609,0:01:56.609"&gt;By implementing this simple HTML-based meta-data format in video tools and websites, we can&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:01:56.789,0:02:02.960"&gt;leverage the millions of video and audio reports by citizens, bloggers and journalists&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:02:02.960,0:02:06.600"&gt;As a format for video web apps, MetaFragments is very useful.&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:02:06.600,0:02:12.080"&gt;But if you own a video platform or website, MetaFragments is even greater for you.&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:02:12.080,0:02:16.640"&gt;Why? Why is it great for video platforms and video websites?&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:02:16.640,0:02:22.260"&gt;Because when you implement MetaFragments, your HTML pages effectively become the data&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:02:22.260,0:02:24.340"&gt;API of your video site.&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:02:24.340,0:02:29.440"&gt;Any web client, any mobile app, any crawler from any search engine can make sense of the&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:02:29.440,0:02:33.230"&gt;data in your video, without prior knowledge of your site.&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:02:33.230,0:02:38.390"&gt;This allow others to spread further your stories, to automatically and properly credit you,&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:02:38.390,0:02:42.550"&gt;and it even allows YOU to find hidden stories in your own footage.&lt;/a&gt;

&lt;a rel="dc:source" hreflang="en" property="subtitle" href="http://www.youtube.com/watch?v=wZsaXTzyozc#t=0:02:42.550,0:02:48.150"&gt;That’s MetaFragments, a common format for timed meta-data in HTML&lt;/a&gt;

&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=qAd4Red2OS8:53GDInEsajc:g5iuy0Tjbhk"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=g5iuy0Tjbhk" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=qAd4Red2OS8:53GDInEsajc:MeHVLObz2Lw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=MeHVLObz2Lw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=qAd4Red2OS8:53GDInEsajc:6qXUeIljHqw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=6qXUeIljHqw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=qAd4Red2OS8:53GDInEsajc:vgCo_aiq4PM"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=vgCo_aiq4PM" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/ilssontla/~4/qAd4Red2OS8" height="1" width="1"/&gt;</description>
 <comments>http://ils.sont.la/post/introducing-metafragments-a-common-format-timed-metadata-html#comments</comments>
 <category domain="http://ils.sont.la/tags/mojo">MoJo</category>
 <category domain="http://ils.sont.la/tags/mozillanewslab">MozillaNewsLab</category>
 <category domain="http://ils.sont.la/langue/english">English</category>
 <wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://ils.sont.la/crss/node/66</wfw:commentRss>
 <pubDate>Mon, 08 Aug 2011 14:37:10 +0200</pubDate>
 <dc:creator>Julien</dc:creator>
 <guid isPermaLink="false">66 at http://ils.sont.la</guid>
<feedburner:origLink>http://ils.sont.la/post/introducing-metafragments-a-common-format-timed-metadata-html</feedburner:origLink></item>
<item>
 <title>Teaching journalists how to fish?</title>
 <link>http://feedproxy.google.com/~r/ilssontla/~3/hSne5lSN7vQ/teaching-journalists-how-fish</link>
 <description>&lt;p&gt;You know the saying: teach people how to fish… instead of giving them a fish. Because of the web, because of the iPad, and because of Twitter, Facebook and YouTube, newsrooms have a cruel choice to&amp;nbsp;make.&amp;nbsp;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;They can hope that someone else will built tools and formats for the digital age, and that the tools and formats will be simple enough for anyone (including a classically trained journalist) to use and apply in their newsroom. Or they can learn to fish, and try to turn the newsroom into a full speed tech&amp;nbsp;company.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;h3&gt;Eating vendors’s&amp;nbsp;fishes&lt;/h3&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;It&amp;#8217;s a cruel dilemma, because we can&amp;#8217;t be sure any of them is a winning choice. Many of the internally built tools are nothing more than cool experiments – not game&amp;nbsp;changers.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;Of course you can work with great agencies like &lt;a href="http://www.informationarchitects.jp/en"&gt;&lt;em&gt;Information Architects, Inc&lt;/em&gt;&lt;/a&gt;., but if you want to use them to grow your internal capacity to innovate, you are back to square&amp;nbsp;one.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;It may not be a choice at all, but much more a question of the internal culture of a given news organization. Eating the fishes you buy is a comfortable way to think of technology: we’ll just have to adopt new things at some point. For many organizations, this is the only way to deal with technology, because they don’t have any digital skills and culture&amp;nbsp;internally.&amp;nbsp;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;(They use to have print mastery and have broadcast skills and culture internally, so why not digital&amp;nbsp;mastery?)&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;We have seen that a relatively young news channel like Aljazeera is much more adept to experiment with the web than older channels. That&amp;#8217;s because Aljazeera is still building its identity, going private this&amp;nbsp;year.&amp;nbsp;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&lt;img src="http://ils.sont.la/files/images/changes-needed-ap-shazna-nessa.png" alt="Slide from Shazna Nessa's talk, addressing the birtth of the interactive department at AP " width="400" height="304" /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;h3&gt;Making sense of the&amp;nbsp;flow&lt;/h3&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;For example, it is becoming a truism that good stories are weaved with external materials more and&amp;nbsp;more.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;But it&amp;#8217;s difficult to makes sense of this external material, because it comes in &lt;a href="http://www.smallpieces.com/kids/"&gt;small pieces, loosely join&lt;/a&gt; – «micro-chunks» as &lt;a href="https://docs.google.com/document/d/1_cQrS5OrLYtN8i1SznDM9OyT6Ex91rmNS_fdi3Pco40/http%3A%2F%2Ftwitter.com%2Fmohamed"&gt;Mohamed Nanabhay&lt;/a&gt; called them &lt;a href="http://m5.blindsidenetworks.com/playback/simple/playback.html?meetingId=23f6da2d4a069445f489de7a2f2bbd982055a29f-1311778142377"&gt;during its lecture&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;As any news organization would have, Aljazeera at first wondered during the Egyptian revolution about the news value of those micro chunks, for example «3 minutes videos of people running in the street» without context to makes sense of them. The online newsroom quickly acknowledged them as an element of the news flow that people watch in between deeper reporting, and integrated them in their live&amp;nbsp;blogs.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;It can go much farther: a news team with at least some technical awareness and an active community can find «facts hidden in plain sight» &amp;nbsp;in the daily flow of data says &lt;a href="https://docs.google.com/document/d/1_cQrS5OrLYtN8i1SznDM9OyT6Ex91rmNS_fdi3Pco40/http%3A%2F%2Ftwitter.com%2Fevanatwired"&gt;Evan Hansen&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;Wired pushed its readers to use &lt;a href="https://docs.google.com/document/d/1_cQrS5OrLYtN8i1SznDM9OyT6Ex91rmNS_fdi3Pco40/http%3A%2F%2Fwikiscanner.virgil.gr%2F"&gt;WikiScanner&lt;/a&gt; and report wiki-washing cases – covert self-serving edits by brands or politicians on&amp;nbsp;Wikipedia.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;h3&gt;Designing the&amp;nbsp;news&lt;/h3&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;News organizations are now not merely competing with  blogs and other web news pure players, but they are now competing with  web apps and mobile apps developers like Flipboard or Instapaper. These  apps beats news websites in term of user experience design – or more  simply said, in term of readability, &lt;a href="http://www.informationarchitects.jp/en/business-class-news/"&gt;exemplified by Oliver Reichenstein in his &lt;em&gt;premium reading&lt;/em&gt; designs&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&lt;img src="http://ils.sont.la/files/images/nyt-economy-noise-iainc-blog.png" alt="Ads lowering the UX, from the Ia Inc. blog post on building a premium news experience" width="400" height="270" /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;The more technically advanced news organizations seems to be on the way to transform themselves in tool building&amp;nbsp;company.&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;We have seen this before with book publishers: O’reilly, because of its root as a technical books publisher, not only explored ebooks way before the others, but built several unique &lt;a href="http://safaribooksonline.com/"&gt;platforms&lt;/a&gt;, &lt;a href="http://answers.oreilly.com/topic/2629-how-does-oreillynet-publish-and-protect-its-ebooks/"&gt;tools and workflows&lt;/a&gt; for publishing in the digital era - and open sourced several of them along the&amp;nbsp;path.&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;The tipping point for news organizations – and other originally non-digital organizations – might be best summarized by &lt;a href="http://twitter.com/shazna"&gt;Shazna Nessa&lt;/a&gt; when she says: «it was not long ago that I was presented as the &lt;span class="caps"&gt;IT&lt;/span&gt; person – it doesn’t happen&amp;nbsp;anymore».&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=hSne5lSN7vQ:eG548pLNqbA:g5iuy0Tjbhk"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=g5iuy0Tjbhk" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=hSne5lSN7vQ:eG548pLNqbA:MeHVLObz2Lw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=MeHVLObz2Lw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=hSne5lSN7vQ:eG548pLNqbA:6qXUeIljHqw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=6qXUeIljHqw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=hSne5lSN7vQ:eG548pLNqbA:vgCo_aiq4PM"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=vgCo_aiq4PM" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/ilssontla/~4/hSne5lSN7vQ" height="1" width="1"/&gt;</description>
 <comments>http://ils.sont.la/post/teaching-journalists-how-fish#comments</comments>
 <category domain="http://ils.sont.la/tags/mojo">MoJo</category>
 <category domain="http://ils.sont.la/tags/mozillanewslab">MozillaNewsLab</category>
 <category domain="http://ils.sont.la/langue/english">English</category>
 <wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://ils.sont.la/crss/node/65</wfw:commentRss>
 <pubDate>Sat, 06 Aug 2011 01:14:13 +0200</pubDate>
 <dc:creator>Julien</dc:creator>
 <guid isPermaLink="false">65 at http://ils.sont.la</guid>
<feedburner:origLink>http://ils.sont.la/post/teaching-journalists-how-fish</feedburner:origLink></item>
<item>
 <title>Why HTML5 alone can't unify videos and the web</title>
 <link>http://feedproxy.google.com/~r/ilssontla/~3/gtpjoPx38Zo/why-html5-alone-cant-unify-videos-and-web</link>
 <description>&lt;p&gt;If you were to draw a map of videos on the web, you would find that your map is composed mostly of&amp;nbsp;dead-ends.&amp;nbsp;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&lt;span class="caps"&gt;HTML&lt;/span&gt; 5 started a big change for video, making in it a «&lt;a href="http://www.w3.org/2008/WebVideo/"&gt;first class citizen of the web&lt;/a&gt;». We can manipulate videos via Javascript and &lt;span class="caps"&gt;CSS&lt;/span&gt;. Media files are exposed as web resources, referenced natively via&amp;nbsp;URLs.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;But there is other dead-ends for web videos. Data dead-ends. Findability&amp;nbsp;dead-ends.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;When you hit a video on the web – or an audio media, for that matter – its subtitles are segregated in file silos, meta-data is not&amp;nbsp;exposed.&amp;nbsp;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;Even licenses are rarely linked from the video – mostly when they are from the Creative Commons family, a funny paradox in a copyright obsessed&amp;nbsp;world.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;For example, this kind of geo-block&amp;nbsp;:&lt;/p&gt; &lt;p&gt;&lt;img src="http://ils.sont.la/files/images/cette-video-est-bloque.png" alt="Sur YouTube: &amp;quot;Cette video est bloqué dans votre pays»" width="400" height="264" /&gt;&lt;/p&gt; &lt;p&gt;on a video is not exposed in the &lt;span class="caps"&gt;HTML&lt;/span&gt; in any data format at all. It&amp;nbsp;should.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;Even the useful interactive transcripts, adopted by innovative video platforms like &lt;a href="http://ted.com/"&gt;&lt;span class="caps"&gt;TED&lt;/span&gt;&lt;/a&gt; and YouTube, turn into dead-ends, using incompatible tools and&amp;nbsp;formats.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;They mostly use Flash players, at the moment, but it’s not really the point: there is working &lt;a href="http://yoyodyne.cc/h"&gt;interactive transcript in pure &lt;span class="caps"&gt;HTML&lt;/span&gt; 5 and Javascript&lt;/a&gt;, thanks to the &lt;a href="http://www.popcornjs.com/"&gt;Popcorn.js&lt;/a&gt; library and clever hackers like &lt;a href="http://yoyodyne.cc/radiolab/"&gt;Henrik&lt;/a&gt; and &lt;a href="http://happyworm.com/blog/2011/04/08/hyper-audio-a-new-way-to-interact/"&gt;Mark&lt;/a&gt;:&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;img src="http://ils.sont.la/files/images/hyperdisken-screenshot.jpg" alt="Hyperdisken" width="400" height="242" /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;Even using &lt;span class="caps"&gt;HTML&lt;/span&gt; 5, the transcripts are still mostly stored like subtitles files, as external, non hypertext, static files. They only become useful thanks to the code that use&amp;nbsp;them.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;They represent another dead-end on the web, a data document out of band, non-browser friendly and that links nowhere without the proper&amp;nbsp;code.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;For documents, the web is the &lt;span class="caps"&gt;API&lt;/span&gt;. We need to bring media meta-data back in the &lt;span class="caps"&gt;HTML&lt;/span&gt; document. And that meta-data, transcripts, &lt;a href="http://creativecommons.org/licenses/"&gt;license&lt;/a&gt;, location, people, &lt;a href="http://www.w3.org/TR/emotion-voc/"&gt;emotions&lt;/a&gt; or objects must link to the resource concerned, using URIs, in particular Media&amp;nbsp;Fragments:&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&lt;img src="http://ils.sont.la/files/images/media-fragments-capable-player.jpg" alt="Media Fragments capable video player" width="400" height="312" /&gt;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;With exemplar use cases like &lt;a href="http://itgetsbetter.org/"&gt;itgetsbetter.org&lt;/a&gt; it’s easier to evaluate existing tools and standards. &amp;nbsp;We want to turn a video-rich but data-poor project into a data-rich resource for journalists, activists, artists and&amp;nbsp;scientists.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&lt;img src="http://ils.sont.la/files/images/it-gets-better.jpg" alt="Home page from itgetsbetter.org" width="400" height="137" /&gt;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;With that design goal in mind, we ask ourselves, «should we use this technology?». Do we feel enthusiasm, do we find the technology simple, open and rich enough to help us reach our goal? If not, it’s probably not the right&amp;nbsp;technology.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;This week I started to talk with the &lt;a href="https://groups.google.com/forum/#%21forum/web-made-movies-working"&gt;Web Made Movies&lt;/a&gt; / Popcorn.js community. It’s a small but dedicated open source community building a great javascript video and audio manipulation library, and I wanted to know what they were using today, and what they could use tomorrow to store and use media meta-data in their&amp;nbsp;projects.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;In the spirit of working in the open, here are the result of a week of reviewing&lt;a href="https://docs.google.com/document/d/1zgn8XCWGNiAoAHBicte1yysTMdvONDXgZt-esKOANMw/edit?hl=en_US%20"&gt; the state of web video (meta) data&lt;/a&gt;. It&amp;#8217;s &lt;span class="caps"&gt;NOT&lt;/span&gt; a blog post, but a work document that sketches a quick panorama of where we are in term of turning web videos into citizens of the &amp;#8216;web of data&amp;#8217; (hint: not very&amp;nbsp;far)&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;I know have a much better understanding of the technical needs to reach my&amp;nbsp;goal:&amp;nbsp;&lt;/p&gt; &lt;ul&gt; &lt;li&gt;a simple, common-sense standard that store video and audio timed meta-data alongside the media itself in&amp;nbsp;&lt;span class="caps"&gt;HTML&lt;/span&gt;,&lt;/li&gt; &lt;li&gt;a proof-of-concept tool to create and edit this timed&amp;nbsp;data,&lt;/li&gt; &lt;li&gt;and a separate Popcorn.js plugin would be the end user player first&amp;nbsp;brick&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;For this to work, I’ll work closely with the Web Made Movies community, where already 3 persons have manifested their interest – Mark Boas, Samuel Huron and Nick&lt;span&gt; Doiron&lt;/span&gt;, all of them also &lt;a href="http://p2pu.org/en/groups/knight-mozilla-learning-lab/"&gt;Learning Lab&lt;/a&gt;&amp;nbsp;fellows!&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=gtpjoPx38Zo:ZgO2alWBTRE:g5iuy0Tjbhk"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=g5iuy0Tjbhk" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=gtpjoPx38Zo:ZgO2alWBTRE:MeHVLObz2Lw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=MeHVLObz2Lw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=gtpjoPx38Zo:ZgO2alWBTRE:6qXUeIljHqw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=6qXUeIljHqw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=gtpjoPx38Zo:ZgO2alWBTRE:vgCo_aiq4PM"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=vgCo_aiq4PM" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/ilssontla/~4/gtpjoPx38Zo" height="1" width="1"/&gt;</description>
 <comments>http://ils.sont.la/post/why-html5-alone-cant-unify-videos-and-web#comments</comments>
 <category domain="http://ils.sont.la/tags/mojo">MoJo</category>
 <category domain="http://ils.sont.la/tags/mozillanewslab">MozillaNewsLab</category>
 <category domain="http://ils.sont.la/langue/english">English</category>
 <wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://ils.sont.la/crss/node/64</wfw:commentRss>
 <pubDate>Tue, 26 Jul 2011 04:58:17 +0200</pubDate>
 <dc:creator>Julien</dc:creator>
 <guid isPermaLink="false">64 at http://ils.sont.la</guid>
<feedburner:origLink>http://ils.sont.la/post/why-html5-alone-cant-unify-videos-and-web</feedburner:origLink></item>
<item>
 <title>How to turn the big idea of yesterday into the focused project of today</title>
 <link>http://feedproxy.google.com/~r/ilssontla/~3/jX-pmSRhiqM/how-turn-big-idea-yesterday-focused-project-today</link>
 <description>&lt;p&gt;A few years ago, I had a big idea for a new art project involving video&amp;nbsp;interviews.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;Ideas can stay ideas for years, and then, they become real project in a few days. I should know, I built &lt;a href="http://artgameweekend.com/"&gt;&lt;span&gt;events that do exactly that&lt;/span&gt;&lt;/a&gt;&amp;nbsp;:-)&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;This summer, I’m participating in the&lt;a href="http://p2pu.org/en/groups/knight-mozilla-learning-lab/"&gt; &lt;span&gt;Knight Mozilla Learning Lab&lt;/span&gt;&lt;/a&gt;. My goal has grown: end the video interviews data obscurity – by building tools to expose (meta)data from video interviews, allowing automated analysis and data-based&amp;nbsp;remix.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;You can do it for &lt;a href="http://storify.com/tathagata/entrepreneurship-101-with-bur-herman"&gt;&lt;span&gt;a series of tweets&lt;/span&gt;&lt;/a&gt;, for recipes, for Creative Commons licences. But not for a video&amp;nbsp;interview.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;I knew I had &lt;a href="http://humanized.com/weblog/2007/06/05/iterative_design_isnt_design_by/"&gt;&lt;span&gt;to iterate&lt;/span&gt;&lt;/a&gt;, identify the real goal, and build a community. So what’s new? I have a unique opportunity to act, and there is &lt;a href="http://twitter.com/nytgraphics"&gt;&lt;span&gt;great people&lt;/span&gt;&lt;/a&gt; that &lt;a href="http://ps.ht/nwggF3"&gt;&lt;span&gt;tell great stories&lt;/span&gt;&lt;/a&gt; giving flesh and blood to those&amp;nbsp;principles.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;First I tried to list several problems I though I wanted to&amp;nbsp;solve:&lt;/p&gt; &lt;ol&gt; &lt;li&gt;Find a semantics to use for facial expressions, hand gestures, non-verbal&amp;nbsp;signals&lt;/li&gt; &lt;li&gt;Decide how data should be linked to specific area on the&amp;nbsp;video&lt;/li&gt; &lt;li&gt;Balance the level of integration of the toolkit. Is this a &lt;a href="http://popcornjs.com/"&gt;&lt;span&gt;popcorn.js&lt;/span&gt;&lt;/a&gt; plugin? A javascript library? A w3c&amp;nbsp;standard?&lt;/li&gt; &lt;li&gt;Design a front tool that would use the data to parse, create links, arrange, cluster and compare the video interviews in ways not possible&amp;nbsp;before.&lt;/li&gt; &lt;li&gt;Integrate series of (maybe long) video interviews as a semantic data sources in apps like &lt;a href="http://storify.com/"&gt;&lt;span&gt;Storify&lt;/span&gt;&lt;/a&gt; or &lt;a href="http://flipboard.com/"&gt;&lt;span&gt;Flipboard&lt;/span&gt;&lt;/a&gt;.&lt;/li&gt; &lt;/ol&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;Once the laundry list of problems is written, it is not helping much.&lt;span&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;So I asked a twitter question to both &lt;a href="http://twitter.com/hadrien"&gt;&lt;span&gt;Hadrien Gardeur&lt;/span&gt;&lt;/a&gt; and &lt;a href="http://twitter.com/thunder"&gt;&lt;span&gt;Dan Mills&lt;/span&gt;&lt;/a&gt;: what comes first in a new&amp;nbsp;standard.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;Hadrien is cofounder at &lt;a href="http://feedbooks.com/"&gt;&lt;span&gt;Feedbooks&lt;/span&gt;&lt;/a&gt; and was instrumental in building the &lt;a href="http://opds-spec.org/"&gt;&lt;span&gt;&lt;span class="caps"&gt;OPDS&lt;/span&gt; standard&lt;/span&gt;&lt;/a&gt;. Dan is building the new &lt;a href="http://identity.mozilla.com/"&gt;&lt;span&gt;BrowserID standard and tools&lt;/span&gt;&lt;/a&gt; at&amp;nbsp;Mozilla.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;blockquote&gt;&lt;p&gt;It depends how it all started. For many standards (OAuth or &lt;span class="caps"&gt;OPDS&lt;/span&gt; for example), the use case is already clearly&amp;nbsp;defined&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;You just have different people solving the same problem differently. In this case, sketching means criticism of existing&amp;nbsp;stuff&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;The best prototype is to have a popular service adopt the technology (Twitter adopted OAuth early, Fedbooks adopted&amp;nbsp;&lt;span class="caps"&gt;OPDS&lt;/span&gt;)&lt;/p&gt; &lt;p&gt;&lt;a href="http://twitter.com/intent/user?screen_name=Hadrien"&gt;&lt;span&gt;Hadrien&lt;/span&gt;&lt;/a&gt; &lt;a href="http://twitter.com/Hadrien/status/90720904329437185"&gt;&lt;span&gt;July 12,&amp;nbsp;2011&lt;/span&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;We&amp;#8217;ve been developing use-cases and experimenting for a while, actually. I think we&amp;#8217;re on to something this&amp;nbsp;time!&lt;/p&gt; &lt;p&gt;&lt;a href="http://twitter.com/thunder"&gt;&lt;span&gt;thunder&lt;/span&gt;&lt;/a&gt; &lt;a href="https://twitter.com/thunder/statuses/91731671874928640"&gt;&lt;span&gt;July 14,&amp;nbsp;2011&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;In quest of a nice use case beyond &lt;a href="http://www.facebook.com/pages/Le-sac-%C3%A0-main/269196498659"&gt;&lt;span&gt;Le Sac à Main&lt;/span&gt;&lt;/a&gt;, I found that the powerful project &lt;a href="http://www.itgetsbetter.org"&gt;&lt;span&gt;It Gets Better&lt;/span&gt;&lt;/a&gt; could greatly benefit of exposing its video data.&lt;span&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;Their website is a collection of (auto)-interviews, but there is no way for a 13 years old to link to stories about bullying at 13, in Arizona, by a shy person – just like him. «What about people like me» is an example of &lt;a href="https://twitter.com/#%21/juliendorra/status/91896892308459520"&gt;&lt;span&gt;putting things in context&lt;/span&gt;&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&lt;span class="caps"&gt;PS&lt;/span&gt;: Focusing on existing use cases is key, but sketching pie in the sky interface like this one&amp;nbsp;:&lt;/p&gt; &lt;p&gt;&lt;img src="http://ils.sont.la/files/images/video-worms-interface.png" alt="A pie in the sky temporal and bi-dimensionnal interface for comparing two or more interviews" width="400" height="174" /&gt;&lt;/p&gt; &lt;p&gt;is fun&amp;nbsp;:-)&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=jX-pmSRhiqM:VvBPVhz3vqI:g5iuy0Tjbhk"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=g5iuy0Tjbhk" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=jX-pmSRhiqM:VvBPVhz3vqI:MeHVLObz2Lw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=MeHVLObz2Lw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=jX-pmSRhiqM:VvBPVhz3vqI:6qXUeIljHqw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=6qXUeIljHqw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=jX-pmSRhiqM:VvBPVhz3vqI:vgCo_aiq4PM"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=vgCo_aiq4PM" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/ilssontla/~4/jX-pmSRhiqM" height="1" width="1"/&gt;</description>
 <comments>http://ils.sont.la/post/how-turn-big-idea-yesterday-focused-project-today#comments</comments>
 <category domain="http://ils.sont.la/tags/mojo">MoJo</category>
 <category domain="http://ils.sont.la/tags/mozillanewslab">MozillaNewsLab</category>
 <category domain="http://ils.sont.la/competences-web/tactiques/strategies/conception-abstraite">Conception abstraite</category>
 <category domain="http://ils.sont.la/themes/prototypage-et-iteration">Prototypage et itération</category>
 <category domain="http://ils.sont.la/competences-web/strategies/strategie-technologique">Stratégie technologique</category>
 <category domain="http://ils.sont.la/langue/english">English</category>
 <wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://ils.sont.la/crss/node/63</wfw:commentRss>
 <pubDate>Mon, 18 Jul 2011 10:54:14 +0200</pubDate>
 <dc:creator>Julien</dc:creator>
 <guid isPermaLink="false">63 at http://ils.sont.la</guid>
<feedburner:origLink>http://ils.sont.la/post/how-turn-big-idea-yesterday-focused-project-today</feedburner:origLink></item>
<item>
 <title>Les trois sphères de la stratégie web, par Jeremiah Owyang, version française</title>
 <link>http://feedproxy.google.com/~r/ilssontla/~3/kDDpnsTVea8/trois-spheres-strategie-web</link>
 <description>Jeremiah Owyang est le plus populaire des spécialistes en stratégie web.
&lt;div&gt;&lt;br /&gt;
Il vient de mettre à jour son article de 2006, «The Three Spheres of Web Strategy», dans une version 2009. &lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Communauté&lt;/strong&gt;, &lt;strong&gt;Entreprise&lt;/strong&gt; et &lt;strong&gt;Technologie&lt;/strong&gt;, Jeremiah Owyang regroupe en 3 sphères les objectifs et les défis que rencontre le Stratège Web &amp;#8212; c&amp;#8217;est à dire celui qui met en place une stratégie web.&lt;br /&gt;
&lt;br /&gt;
La recette du bon Stratège Web ? Si vous voulez réussir votre projet, &lt;!--break--&gt;équilibrez les 3 sphères !&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;Les trois sphères de la stratégie web, par Jeremiah&amp;nbsp;Owyang&lt;/h3&gt;

&lt;div id="__ss_2002047"&gt;
&lt;object style="margin:0px" width="639" height="426"&gt;
&lt;param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=lestroissphresdelastratgieweb-090915140105-phpapp01&amp;amp;rel=0&amp;amp;stripped_title=les-trois-sphres-de-la-stratgie-web"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=lestroissphresdelastratgieweb-090915140105-phpapp01&amp;amp;rel=0&amp;amp;stripped_title=les-trois-sphres-de-la-stratgie-web" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="639" height="426"&gt;&lt;/object&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
J&amp;#8217;espère que ceci est une de ces ressources que l&amp;#8217;on imprime, accroche dans son bureau, et partage autour de soi. Il s&amp;#8217;agit du thème central de ce blog, l&amp;#8217;équilibre nécessaire pour des projets web réussis au sein des organisations. &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
J&amp;#8217;ai originellement posté ce schéma en 2006, &lt;a id="f1ko" href="http://www.web-strategist.com/blog/2007/08/26/web-strategy-the-three-spheres-of-web-strategy-and-the-skills-required/" title="puis mis à jour en 2007"&gt;puis je l&amp;#8217;ai mis à jour en 2007&lt;/a&gt;, et il est temps de revoir la structure de base des objectifs et des défis d&amp;#8217;un Stratège Web, spécialement au moment où je me repositionne en changeant de rôle. &lt;br /&gt;
&lt;br /&gt;
&lt;em&gt;Qui sont les Stratèges Web?&lt;/em&gt; Dans une entreprise, ils sont souvent responsables de la vision à long terme des actifs web de l&amp;#8217;entreprise. Dans une société où le produit est sur le web, ils sont souvent le chef de produit ou le directeur technique [&lt;span class="caps"&gt;CTO&lt;/span&gt;]. Indépendamment du rôle, les responsabilités sont les mêmes, ils ont besoin d&amp;#8217;équilibrer ces trois sphères, et de s&amp;#8217;assurer que leurs efforts se porte au milieu de l&amp;#8217;ensemble des trois. &lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;h3&gt;1) Sphère de la Communauté&lt;span style=" font-weight: normal"&gt;&lt;font size="2"&gt;&amp;nbsp;&lt;/font&gt;&lt;/span&gt;&lt;/h3&gt;
Pour réussir, le Stratège Web doit comprendre (en utilisant une variété de techniques et de tactiques) ce que veulent les clients et les prospects. En prenant pour source les recherches ethnographiques, les analyses, le suivi de marque et la recherche primaire et secondaire, le résultat final devrait être un profil d&amp;#8217;expérience web et un modèle mental. &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;em&gt;Compétences spécifiques requises:&lt;/em&gt; Aptitude à comprendre et mettre en œuvre la recherche, bonne compréhension de l&amp;#8217;expérience utilisateur qui devrait inclure l&amp;#8217;ergonomie [usability], l&amp;#8217;architecture d&amp;#8217;information. Capacité à synthétiser du contenu depuis des sources en temps réel variés telles que les outils de mesure web, le retour client via le support, les enquêtes et les communautés, et une capacité à faire preuve d&amp;#8217;empathie pour les clients. Par dessus tout, ce stratège devrait être capable de prédire où les clients seront dans les prochaines années &amp;#8212; pas seulement comprendre les situations antérieures ou actuelles.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;em&gt;Recommandations clés pour 2009-2010:&lt;/em&gt; Concentrez-vous sur le suivi de la marque auprès des clients dans l&amp;#8217;espace du web social. Nous avons vu une augmentation de l&amp;#8217;adoption des technologies sociales par les consommateurs, ce qui a provoqué un changement dans les lieux où les clients prennent des décisions (pas seulement sur votre site web d&amp;#8217;entreprise). C&amp;#8217;est une occasion d&amp;#8217;identifier rapidement qui ils sont, ce qu&amp;#8217;ils veulent (et ne veulent pas) et de comprendre le langage qu&amp;#8217;ils utilisent afin de se rapprocher d&amp;#8217;eux.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;&lt;br /&gt;
&lt;h3&gt;2) Sphère de&amp;nbsp;l&amp;#8217;entreprise&lt;/h3&gt;
Mais comprendre uniquement les clients n&amp;#8217;est pas suffisant, le Stratège Web doit être en mesure d&amp;#8217;atteindre des objectifs commerciaux mesurables.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;Ce dirigeant doit d&amp;#8217;abord être en mesure d&amp;#8217;identifier les principaux intervenants au sein d&amp;#8217;une organisation, de comprendre leurs besoins, de dresser des priorités, et d&amp;#8217;équilibrer cela dans un plan qui réponde à la fois à leurs besoins et à ceux de la communauté. Cette danse délicate exige que le stratège équilibre les besoins d&amp;#8217;équipes internes variés, contrebalance les fausses urgences quotidiennes, tout en répondant aux besoins de l&amp;#8217;entreprise.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;C&amp;#8217;est ici que beaucoup de Stratèges Web ne sont pas à la hauteur, ils atteignent les buts et les objectifs des décideurs internes mais ne parviennent pas à les équilibrer avec les besoins de la communauté. Le résultat final ? Un site web que les utilisateurs visitent rarement, des utilisateurs qui vont ailleurs pour prendre des décisions en confiance. &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;em&gt;Compétences spécifiques requises:&lt;/em&gt; Aptitude à communiquer au sein d&amp;#8217;une société, à comprendre et à hiérarchiser les besoins de multiples intervenants dans l&amp;#8217;entreprises et à établir des priorités. Ce responsable devra aussi être un médiateur et doit réduire les tensions avec les membres de l&amp;#8217;entreprise campés sur leurs positions avec rationalité et un sens aigu des affaires, ainsi que veiller à ce que l&amp;#8217;équipe web opère dans un cadre efficace.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;Les compétences en gestion sont ici essentielles : gestion de projets, relations humaines, communication et capacité à définir des objectifs clairs et concis basés sur des dates pour les équipes contenu et technique. Enfin, le cœur du rôle inclut des compétences en direction marketing, publicité, média, gestion de produit et marketing.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;em&gt;Les principales recommandations pour 2009-2010:&lt;/em&gt; Dans de nombreux cas, la récession a supprimé les budgets aux opérations ayant des budgets en provenance des campagnes [de publicité] et aux départements qui doivent innover. Là où les budgets sont limités, apprenez à utiliser des technologies peu coûteuses en interne, telles que les logiciels communautaires, les blogs, ou les outils de mise à jour de son statut &amp;#8212; mais pour autant ayez un plan à long terme sur la manière dont ils fonctionnent. Sur le front extérieur, donnez des règles générales [guidelines] et de ressources sur l&amp;#8217;utilisation du social aux équipes internes avant que les usages se répandent dans de nombreux secteurs de l&amp;#8217;entreprise sans un cadre commun &amp;#8212; fragmentant l&amp;#8217;expérience des clients et gaspillant les ressources de l&amp;#8217;entreprise.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;&lt;br /&gt;
&lt;h3&gt;3) La Sphère des&amp;nbsp;technologies&lt;/h3&gt;
&lt;br /&gt;
Enfin, les Stratèges Web doivent être des expert dans leurs propre domaine des technologies internet. Ils auront besoin de connaître les capacités et les lacunes de leur arsenal d&amp;#8217;outils actuel et aussi d&amp;#8217;adopter les nouvelles technologies qui apparaissent en continu.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;Les leader dans ce domaine deviennent souvent auto-satisfaits, se contente de configurer les systèmes en cours, et oublient de planifier dans leur feuille de route immédiate de nouvelles technologies qui élargissent la portée et la largeur de ce qui peut être fait. Si les Stratèges Web opèrent correctement dans la sphère de la Communauté, ils regardent déjà la façon dont l&amp;#8217;adoption des technologies par les clients est en évolution.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;em&gt;Compétences spécifiques requises:&lt;/em&gt; Aptitude à comprendre le fonctionnement de l&amp;#8217;architecture web dans le domaine d&amp;#8217;internet. Même s&amp;#8217;ils ne sont pas des experts techniques, ils devraient être en mesure de comprendre les impacts de ces technologies sur les entreprises et la société. Ils devraient également surveiller les technologies émergentes et consacrer un pourcentage des ressources à la recherche et au développement de nouvelles technologies &amp;#8212; ne restant jamais à la traine. Le stratège doit démontrer des compétences en innovation, et expérimenter et pratiquer avec les nouvelles technologies au moment où elles émergent &amp;#8212; mais en gardant comme perspective les objectifs à long terme de l&amp;#8217;entreprise. &lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;&lt;br /&gt;
&lt;em&gt;Recommandations clés pour 2009-2010:&lt;/em&gt; Les stratèges Web ont besoin de se préparer à un nouvel ensemble d&amp;#8217;appareils connectés qui émergent rapidement. Alors que le social a pris au dépourvu la plupart des entreprises, les technologies mobiles à l&amp;#8217;intérieur et à l&amp;#8217;extérieur de votre entreprise auront un impact sur la manière dont l&amp;#8217;information est rapidement partagé. Commencez par analyser les applications connexes et les réseaux sociaux mobiles sur les terminaux mobiles évolués tels que Blackberry, iPhone, et Palm Pre.&lt;/div&gt;
&lt;div&gt;
&lt;h4&gt;Pour réussir, le Stratège Web doit mettre en balance ces trois sphères. Devenir un maître dans chacun de ces domaines exige un dévouement incroyable, et les dirigeants doivent donc s&amp;#8217;appuyer sur leur équipe en matière de nouvelles informations, rechercher activement à se former, participer à des ateliers, et lire des livres sur les différents sujets. En outre, si cela aide à orienter votre carrière, ou que si vous êtes un recruteur pour ce rôle, j&amp;#8217;espère que cela a aidé à définir le profil qu&amp;#8217;il faut&amp;nbsp;rechercher.&lt;/h4&gt;
&lt;/div&gt;
&lt;br /&gt;«&lt;a href="http://www.web-strategist.com/blog/2009/09/14/the-three-spheres-of-web-strategy-updated-for-2009/" title="Article original en anglais sur le blog de Jeremiah Owyang"&gt;The Three Spheres of Web Strategy&lt;/a&gt;» Jeremiah Owyang 2009 (Trad. Julien Dorra 2009)&lt;br /&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div&gt;&lt;a href="http://ils.sont.la/files/pdf/Les%20trois%20sphe%CC%80res%20de%20la%20strate%CC%81gie%20web.pdf#" title="«Les 3 sphères de la stratégie web» en version française"&gt;Téléchargez le &lt;span class="caps"&gt;PDF&lt;/span&gt; «Les 3 sphères de la stratégie web»&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&amp;nbsp;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=kDDpnsTVea8:PMBDD3COtHE:g5iuy0Tjbhk"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=g5iuy0Tjbhk" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=kDDpnsTVea8:PMBDD3COtHE:MeHVLObz2Lw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=MeHVLObz2Lw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=kDDpnsTVea8:PMBDD3COtHE:6qXUeIljHqw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=6qXUeIljHqw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=kDDpnsTVea8:PMBDD3COtHE:vgCo_aiq4PM"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=vgCo_aiq4PM" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/ilssontla/~4/kDDpnsTVea8" height="1" width="1"/&gt;</description>
 <comments>http://ils.sont.la/post/trois-spheres-strategie-web#comments</comments>
 <category domain="http://ils.sont.la/themes/les-metiers-web">Les métiers du web</category>
 <category domain="http://ils.sont.la/competences-web/strategies/strategie-site">Stratégie du site</category>
 <category domain="http://ils.sont.la/competences-web/strategies/strategie-technologique">Stratégie technologique</category>
 <wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://ils.sont.la/crss/node/54</wfw:commentRss>
 <pubDate>Wed, 16 Sep 2009 00:39:58 +0200</pubDate>
 <dc:creator>Julien</dc:creator>
 <guid isPermaLink="false">54 at http://ils.sont.la</guid>
<feedburner:origLink>http://ils.sont.la/post/trois-spheres-strategie-web</feedburner:origLink></item>
<item>
 <title>Les coaches web : la liste !</title>
 <link>http://feedproxy.google.com/~r/ilssontla/~3/CGzQesBVXrU/les-coaches-web-liste</link>
 <description>Je publie aujourd&amp;#8217;hui la toute première version de &lt;a href="http://ils.sont.la/coaches/#" title="La liste des coaches en stratégie web sur ils.sont.la"&gt;la liste des coaches en stratégie web&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;Les professionnels de cette liste s&amp;#8217;y retrouvent parce qu&amp;#8217;ils ont en commun de se consacrer à l&amp;#8217;accompagnement de leurs clients vers une stratégie web réussie.&lt;br /&gt;&lt;br /&gt;Ils ont déclarés se reconnaître dans l&amp;#8217;approche définie dans l&amp;#8217;article «&lt;a title="Comment choisir un coach en stratégie web ?" href="http://ils.sont.la/post/qui-sera-votre-coach-web#"&gt;qui sera votre coach web ?&lt;/a&gt;».&lt;br /&gt;&lt;br /&gt;Cela veut dire qu&amp;#8217;ils sont la pour vous permettre de choisir les bonnes stratégies web, les bonnes technologies et&amp;nbsp;les bon prestataires &amp;#8212; de manière neutre vis-à-vis des prestataires. &lt;!--break--&gt;&lt;br /&gt;&lt;br /&gt;


&lt;h3&gt;«Une liste de coach web, ça me sert à quoi&amp;nbsp;?»&lt;/h3&gt;

Dans un monde idéal, le commanditaire d&amp;#8217;un projet web serait au courant de tout ce qui se passe sur le web.&lt;div&gt;&lt;br /&gt;&lt;div&gt;Il pourrait alors décider sans aide extérieure, et en amont, les stratégies web correspondant à ses objectifs, sa manière de travailler et les contraintes de son activité.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;div&gt;Mais le temps est compté, et les journées n&amp;#8217;ont que 24 heures. Les commanditaires sont des spécialistes de leur métier, pas des spécialistes du web !&lt;/div&gt;&lt;br /&gt;&lt;div&gt;De nombreux dirigeants se lance alors dans des projets web sans avoir eu le temps de faire des recherches approfondies.&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;&lt;a href="http://ils.sont.la/reussir-vos-projets-web#" title="Mes prestations de coaching en stratégie web"&gt;Accompagné par son coach&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;, le commanditaire définit son projet, choisit les bonnes stratégies, les bonnes technologies, les bons prestataires.&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;h3&gt;Mais pourquoi un coach et pas directement une agence de création web&amp;nbsp;?&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;Avant de conclure un contrat les agences jouent souvent sur des phases qui s&amp;#8217;apparentent à de l&amp;#8217;analyse des besoins, et à la définition des solutions &amp;#8212; avec les concours, les propals, etc.&lt;/div&gt;&lt;br /&gt;&lt;div&gt;Dans ces moments là, les agences conseillent &lt;em&gt;en vue de conclure le contrat&lt;/em&gt;.&lt;/div&gt;&lt;br /&gt;&lt;div&gt;Vous connaissez tous ce piège classique : un unique prestataire qui tout à la fois arbitre entre des solutions et vend ces même solutions.&lt;/div&gt;&lt;br /&gt;&lt;div&gt;Pour se protéger de ce piège, les commanditaires les plus avertis font appel à un accompagnement neutre vis-à-vis du prestataire de réalisation.&lt;/div&gt;&lt;br /&gt;&lt;div&gt;Cet accompagnement peut se faire sous la forme d&amp;#8217;un travail individuel et personnalisé avec un coach en stratégie web dont l&amp;#8217;objectif sera de&amp;nbsp;&lt;a href="http://ils.sont.la/post/trop-prestataires-pas-assez-coaches#"&gt;multiplier en amont la réussite d&amp;#8217;un projet&lt;/a&gt;.&lt;/div&gt;&lt;br /&gt;

&lt;h3&gt;Plus d&amp;#8217;informations sur le coaching en stratégie&amp;nbsp;web&lt;/h3&gt; &lt;p&gt;Comment &lt;a id="zzsj" href="http://ils.sont.la/post/qui-sera-votre-coach-web#" title="choisir votre coach en stratégie web"&gt;choisir votre coach en stratégie web&lt;/a&gt;&amp;nbsp;? &lt;/p&gt; &lt;p&gt;Pourquoi se consacrer au coaching en stratégie web ? Pour &lt;a id="d9e9" href="http://ils.sont.la/post/trop-prestataires-pas-assez-coaches#" title="multiplier les projets réussis"&gt;multiplier les projets réussis&lt;/a&gt;.&lt;/p&gt;&lt;div&gt;&lt;h3&gt;Nous avons besoin de plus de coach&amp;nbsp;!&lt;/h3&gt;&lt;/div&gt;Alors, si vous êtes coach en stratégie web, n’hésitez pas &lt;a title="Contactez-moi via email, twitter ou par chat" href="http://ils.sont.la/contact"&gt;à me contacter&lt;/a&gt;&amp;nbsp;pour passer un &lt;a href="http://ils.sont.la/post/4-questions-a-jean-christophe-carius-conseil-en-accompagnement-projet-web#" title="4 questions à Jean-Christophe Carius, Conseil en accompagnement de projet web"&gt;interview snack&lt;/a&gt; et à vous &lt;a title="Qui sera votre coach web ? La liste." href="https://spreadsheets.google.com/viewform?key=pZecc8SLCT9OED4R9YqSmLA"&gt;ajouter à la liste via ce formulaire&lt;/a&gt;.&lt;/div&gt;&lt;div&gt;

&lt;h4&gt;La&amp;nbsp;&lt;a href="http://ils.sont.la/coaches/#" title="La liste des coaches en stratégie web sur ils.sont.la"&gt;liste des coaches en stratégie web&lt;/a&gt; sur&amp;nbsp;ils.sont.la&lt;/h4&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=CGzQesBVXrU:6FRaMt1kbG8:g5iuy0Tjbhk"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=g5iuy0Tjbhk" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=CGzQesBVXrU:6FRaMt1kbG8:MeHVLObz2Lw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=MeHVLObz2Lw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=CGzQesBVXrU:6FRaMt1kbG8:6qXUeIljHqw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=6qXUeIljHqw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=CGzQesBVXrU:6FRaMt1kbG8:vgCo_aiq4PM"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=vgCo_aiq4PM" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/ilssontla/~4/CGzQesBVXrU" height="1" width="1"/&gt;</description>
 <comments>http://ils.sont.la/post/les-coaches-web-liste#comments</comments>
 <category domain="http://ils.sont.la/themes/la-relation-client-prestataire">La relation client-prestataire</category>
 <category domain="http://ils.sont.la/competences-web/strategies/strategie-site">Stratégie du site</category>
 <wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://ils.sont.la/crss/node/48</wfw:commentRss>
 <pubDate>Tue, 25 Aug 2009 07:54:24 +0200</pubDate>
 <dc:creator>Julien</dc:creator>
 <guid isPermaLink="false">48 at http://ils.sont.la</guid>
<feedburner:origLink>http://ils.sont.la/post/les-coaches-web-liste</feedburner:origLink></item>
<item>
 <title>You should follow me on Twitter | Dustin Curtis</title>
 <link>http://feedproxy.google.com/~r/ilssontla/~3/cSiBuKSkQko/you-should-follow-me-twitter-dustin-curtis</link>
 <description>&lt;p&gt;Modifier quelques mots dans une phrase contenant un lien peut presque tripler le taux de clics.&amp;nbsp;En changeant la phrase "I'm on Twitter" ("Je suis sur Twitter") en "You should follow me on twitter here" ("Vous devriez me suivre sur twitter ici"), Dustin Curtis a sauté de just 4,70% de taux de clics à 12,81%.Il appelle ça «Une étude rapide explorant le pouvoir du langage sur le taux de clic». Et vous, comment pouvez-vous améliorez vos propres liens ?&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=cSiBuKSkQko:tPxtnkBOqD4:g5iuy0Tjbhk"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=g5iuy0Tjbhk" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=cSiBuKSkQko:tPxtnkBOqD4:MeHVLObz2Lw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=MeHVLObz2Lw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=cSiBuKSkQko:tPxtnkBOqD4:6qXUeIljHqw"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=6qXUeIljHqw" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/ilssontla?a=cSiBuKSkQko:tPxtnkBOqD4:vgCo_aiq4PM"&gt;&lt;img src="http://feeds.feedburner.com/~ff/ilssontla?d=vgCo_aiq4PM" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/ilssontla/~4/cSiBuKSkQko" height="1" width="1"/&gt;</description>
 <comments>http://ils.sont.la/lien/you-should-follow-me-twitter-dustin-curtis#comments</comments>
 <wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://ils.sont.la/crss/node/42</wfw:commentRss>
 <pubDate>Wed, 15 Jul 2009 18:00:38 +0200</pubDate>
 <dc:creator>Julien</dc:creator>
 <guid isPermaLink="false">42 at http://ils.sont.la</guid>
<feedburner:origLink>http://ils.sont.la/lien/you-should-follow-me-twitter-dustin-curtis</feedburner:origLink></item>
</channel>
</rss>

