<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>bertrandkeller &#187; bertrand keller</title>
	<atom:link href="http://www.bertrandkeller.info/author/bertrand/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.bertrandkeller.info</link>
	<description>Veille sur les systèmes de gestion de contenu</description>
	<lastBuildDate>Tue, 07 Feb 2012 08:06:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Apprendre aux enfants la libre programmation</title>
		<link>http://www.bertrandkeller.info/2012/02/07/3007-apprendre-aux-enfants-la-libre-programmation/</link>
		<comments>http://www.bertrandkeller.info/2012/02/07/3007-apprendre-aux-enfants-la-libre-programmation/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 08:06:06 +0000</pubDate>
		<dc:creator>bertrand keller</dc:creator>
				<category><![CDATA[intelligence économique]]></category>
		<category><![CDATA[numérisation]]></category>
		<category><![CDATA[support numérique]]></category>

		<guid isPermaLink="false">http://www.bertrandkeller.info/?p=3007</guid>
		<description><![CDATA[Article Sam Tuke traduit sur Framasoft à propos de la nécessité d&#8217;apprendre la programmation aux enfants : De l&#8217;impact politique d&#8217;apprendre aux enfants la libre programmation. Si on commence à entrevoir les bénéfices d&#8217;apprendre à coder aux citoyens, il ne faut pas oublier de promouvoir les libertés et le logiciel libre. Pour autant, avoir simplement [...]<h2>Articles similaires :</h2><ol>
<li><a href='http://www.bertrandkeller.info/2009/04/20/443-internet-libre-ou-minitel-20/' rel='bookmark' title='Internet libre, ou Minitel 2.0 ?'>Internet libre, ou Minitel 2.0 ?</a></li>
<li><a href='http://www.bertrandkeller.info/2009/07/27/838-mesentente-cordiale-entre-stallman-et-le-parti-pirate-suedois-sur-le-logiciel-libre/' rel='bookmark' title='Mésentente cordiale entre Stallman et le Parti Pirate suédois sur le logiciel libre'>Mésentente cordiale entre Stallman et le Parti Pirate suédois sur le logiciel libre</a></li>
<li><a href='http://www.bertrandkeller.info/2008/06/24/179-rencontres-mondiales-du-logiciel-libre/' rel='bookmark' title='Rencontres Mondiales du Logiciel Libre'>Rencontres Mondiales du Logiciel Libre</a></li>
<li><a href='http://www.bertrandkeller.info/2009/11/26/1574-les-mirages-de-economie-du-libre/' rel='bookmark' title='Les mirages de l&#8217;économie du libre'>Les mirages de l&#8217;économie du libre</a></li>
<li><a href='http://www.bertrandkeller.info/2008/12/17/297-la-nation-open-source-la-nation-libre/' rel='bookmark' title='La nation Open Source, la nation libre ?'>La nation Open Source, la nation libre ?</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Article Sam Tuke traduit sur Framasoft à propos de la nécessité d&#8217;apprendre la programmation aux enfants : <a href="http://www.framablog.org/index.php/post/2012/02/05/education-informatique-politique">De l&#8217;impact politique d&#8217;apprendre aux enfants la libre programmation</a>.</p>
<p>Si on commence à entrevoir les bénéfices d&#8217;apprendre à coder aux citoyens, il ne faut pas oublier de promouvoir les libertés et le logiciel libre.</p>
<blockquote cite="http://www.framablog.org/index.php/post/2012/02/05/education-informatique-politique"><p>Pour autant, avoir simplement des compétences en programmation ne suffit pas. Pour être compétitif, efficace et productif, la Grande-Bretagne devra également promouvoir une culture des libertés et du logiciel libre au sein de son industrie informatique. Et ce parce que les restrictions des copyrights et des brevets peuvent mettre au pas la créativité, y compris celle du plus doué des programmeurs, ou les forcer à réinventer constamment la roue avant qu’ils ne puissent commencer à innover.</p>
</blockquote>
<p>Donc, encore une fois, pourquoi ne pas envisager des lieux de passage de cette information ; des ateliers d&#8217;expérimentation.</p>
<h2>Articles similaires :</h2><ol>
<li><a href='http://www.bertrandkeller.info/2009/04/20/443-internet-libre-ou-minitel-20/' rel='bookmark' title='Internet libre, ou Minitel 2.0 ?'>Internet libre, ou Minitel 2.0 ?</a></li>
<li><a href='http://www.bertrandkeller.info/2009/07/27/838-mesentente-cordiale-entre-stallman-et-le-parti-pirate-suedois-sur-le-logiciel-libre/' rel='bookmark' title='Mésentente cordiale entre Stallman et le Parti Pirate suédois sur le logiciel libre'>Mésentente cordiale entre Stallman et le Parti Pirate suédois sur le logiciel libre</a></li>
<li><a href='http://www.bertrandkeller.info/2008/06/24/179-rencontres-mondiales-du-logiciel-libre/' rel='bookmark' title='Rencontres Mondiales du Logiciel Libre'>Rencontres Mondiales du Logiciel Libre</a></li>
<li><a href='http://www.bertrandkeller.info/2009/11/26/1574-les-mirages-de-economie-du-libre/' rel='bookmark' title='Les mirages de l&#8217;économie du libre'>Les mirages de l&#8217;économie du libre</a></li>
<li><a href='http://www.bertrandkeller.info/2008/12/17/297-la-nation-open-source-la-nation-libre/' rel='bookmark' title='La nation Open Source, la nation libre ?'>La nation Open Source, la nation libre ?</a></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.bertrandkeller.info/2012/02/07/3007-apprendre-aux-enfants-la-libre-programmation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Un plan de site en HTML/CSS</title>
		<link>http://www.bertrandkeller.info/2012/02/06/2997-plan-site-visuel/</link>
		<comments>http://www.bertrandkeller.info/2012/02/06/2997-plan-site-visuel/#comments</comments>
		<pubDate>Mon, 06 Feb 2012 08:10:04 +0000</pubDate>
		<dc:creator>bertrand keller</dc:creator>
				<category><![CDATA[CSS + HTML]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.bertrandkeller.info/?p=2997</guid>
		<description><![CDATA[Durant la conception d&#8217;un site web, il existe une phase très importante qui est celle de la conception du plan du site. Pour réaliser ce plan du site, on connaît le principe du card sorting. Pour la mise en forme visuelle de ce plan du site, il existe une multitude de solution. L&#8217;usage en production [...]<h2>Articles similaires :</h2><ol>
<li><a href='http://www.bertrandkeller.info/2008/10/15/249-le-plan-besson-et-l-accessibilite-2/' rel='bookmark' title='Le plan Besson et l&#8217;accessibilité'>Le plan Besson et l&#8217;accessibilité</a></li>
<li><a href='http://www.bertrandkeller.info/2010/04/08/2304-constuire-sa-page-html-sans-id-ni-class/' rel='bookmark' title='Construire sa page HTML sans ID ni Class'>Construire sa page HTML sans ID ni Class</a></li>
<li><a href='http://www.bertrandkeller.info/2009/01/22/319-ava-7-patterns-des-fonds-pour-site-web/' rel='bookmark' title='Ava 7 Patterns : des fonds de page pour site web'>Ava 7 Patterns : des fonds de page pour site web</a></li>
<li><a href='http://www.bertrandkeller.info/2008/10/01/238-typo3-exemple-de-site-screenteam/' rel='bookmark' title='TYPO3 &#8211; exemple de site : Screenteam'>TYPO3 &#8211; exemple de site : Screenteam</a></li>
<li><a href='http://www.bertrandkeller.info/2009/12/18/1692-easy-un-framework-csshtmljavascript/' rel='bookmark' title='Easy, un FrameWork CSS/HTML/JavaScript'>Easy, un FrameWork CSS/HTML/JavaScript</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Durant la conception d&#8217;un site web, il existe une phase très importante qui est celle de la conception du plan du site. Pour réaliser ce plan du site, on connaît le principe du card sorting. Pour la mise en forme visuelle de ce plan du site, il existe une multitude de solution.</p>
<h3>L&#8217;usage en production du plan du site</h3>
<p>Pour de la production d&#8217;un site, comme son nom l&#8217;indique, un plan du site fait office de plan de site. Il constitue la structure, le squelette, l&#8217;arborescence des pages. Il est donc indispensable de le communiquer au plus vite aux développeurs afin qu&#8217;ils aient une idée de l&#8217;organisation mais aussi du volume.</p>
<p>Étant une représentation du site, ce plan, cette carte, du site permet aussi de suivre la production en notant les parties en cours de réalisation, finies, livrées ou à faire dans la version suivante. Il s&#8217;agit donc d&#8217;un document hautement stratégique pour la gestion de projet.</p>
<p>Bizarrement, je n&#8217;ai jamais vu une politique d&#8217;uniformisation de plan de site dans les agences que j&#8217;ai fréquenté. Je trouve ça étrange que des personnes dont le métier est de suivre des projets ne se soient jamais penchées sur les outils nécessaire à leur activité. Ma métaphore du chef de projet, guide de montagne/chef de cordée naviguant à vue (sans carte ni connaissance du terrain) prend toute son ampleur.</p>
<h3>Les modes de représentations de plans de site</h3>
<p>Nous avons différentes possibilités pour représenter un plan du site aujourd&#8217;hui.</p>
<ol>
<li>Le tableur</li>
<li>La carte mentale :: <a href="http://www.xmind.net/">xmind</a></li>
<li>La solution en ligne :: <a href="http://www.slickplan.com/index.php">slickplan</a> &#8211; <a href="https://www.jumpchart.com/">Jumpchart</a></li>
<li>Une page HTML/CSS</li>
</ol>
<p>Je vais vous parler de la quatrième solution qui me semble la plus pratique (même si elle peut être couplée avec une autre pour la phase de préprojet avec le client).</p>
<h3>Réaliser une page HTML du plan de site</h3>
<p>La compréhension de la manière dont fonctionne un CMS permet de se rendre compte qu&#8217;un plan du site peut être intégré dès le début de la réalisation du site.</p>
<p>A condition que le plan du site soit validé dans ses grands ensembles, il est très facile d&#8217;aller dans l&#8217;administration du site (CMS) et de créer toutes les pages correspondantes à ce plan du site. On crée tout simplement une arborescence. On a notre squelette dans le CMS.</p>
<p>J&#8217;irai plus loin, pour peu qu&#8217;on connaisse la technologie (Drupal, WordPress&#8230;) assez tôt, on peut se servir du CMS pour construire son arborescence. Reste la représentation visuelle me dirait vous. Rien de plus simple.</p>
<p>Un plan du site est une grande liste de page avec des sous niveaux (listes imbriquées). Je ne crois pas qu&#8217;il soit compliqué de générer l&#8217;arborescence d&#8217;un site en HTML de nos jours.</p>
<h3>Réaliser la CSS du plan du site</h3>
<p>Pour la mise en forme, rien de plus simple, prenons un petit fichier CSS qui va mettre en forme cette grande liste imbriquée.</p>
<div class="center"><a href="http://theleggett.com/demos/csssitemap/index.html"><img src="http://static.bertrandkeller.info/2012/02/sitemap_css.png" alt="" title="sitemap_css" width="535" height="155" class="aligncenter size-full wp-image-3003" /></a></div>
<p>Chez David Legglett, vous pourrez trouver cette fameuse CSS de mise en forme d&#8217;un <a href="http://theleggett.com/demos/csssitemap/index.html">Grand Sitemap</a>.</p>
<p>Si vous avez le courage, vous pourrez aussi ajouter ce petit JS permettant de déployer/refermer des bouts d&#8217;arborescenses : <a href="http://dl.dropbox.com/u/4151695/html/jOrgChart/example/example.html#">jQuery Organisation Chart</a>.</p>
<h3>Gérer l&#8217;avancée de votre projet grâce à ce plan du site réaliste</h3>
<p>Avec ce plan du site à jour et visuellement très compréhensible, vous pouvez imaginer ajouter différents paramètres pour gérer l&#8217;avancer de votre site.</p>
<p>Par exemple une page peut avoir différents paramètres (publié, dépublié, ou autres) ; ces paramètres peuvent permettre d&#8217;ajouter des classes correspondantes dans votre fichier HTML et ainsi de générer des couleurs : page en cours, finie, à faire en V2&#8230;</p>
<h3>Conclusion</h3>
<p>Une manière très simple de créer et générer un plan du site grâce à un CMS peut permettre d&#8217;avoir une vision claire, réaliste et à jour d&#8217;un site.</p>
<h2>Articles similaires :</h2><ol>
<li><a href='http://www.bertrandkeller.info/2008/10/15/249-le-plan-besson-et-l-accessibilite-2/' rel='bookmark' title='Le plan Besson et l&#8217;accessibilité'>Le plan Besson et l&#8217;accessibilité</a></li>
<li><a href='http://www.bertrandkeller.info/2010/04/08/2304-constuire-sa-page-html-sans-id-ni-class/' rel='bookmark' title='Construire sa page HTML sans ID ni Class'>Construire sa page HTML sans ID ni Class</a></li>
<li><a href='http://www.bertrandkeller.info/2009/01/22/319-ava-7-patterns-des-fonds-pour-site-web/' rel='bookmark' title='Ava 7 Patterns : des fonds de page pour site web'>Ava 7 Patterns : des fonds de page pour site web</a></li>
<li><a href='http://www.bertrandkeller.info/2008/10/01/238-typo3-exemple-de-site-screenteam/' rel='bookmark' title='TYPO3 &#8211; exemple de site : Screenteam'>TYPO3 &#8211; exemple de site : Screenteam</a></li>
<li><a href='http://www.bertrandkeller.info/2009/12/18/1692-easy-un-framework-csshtmljavascript/' rel='bookmark' title='Easy, un FrameWork CSS/HTML/JavaScript'>Easy, un FrameWork CSS/HTML/JavaScript</a></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.bertrandkeller.info/2012/02/06/2997-plan-site-visuel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La séparation structure/présentation/comportement est morte</title>
		<link>http://www.bertrandkeller.info/2012/01/30/2972-la-separation-structurepresentationcomportement-est-morte/</link>
		<comments>http://www.bertrandkeller.info/2012/01/30/2972-la-separation-structurepresentationcomportement-est-morte/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 11:59:19 +0000</pubDate>
		<dc:creator>bertrand keller</dc:creator>
				<category><![CDATA[CSS + HTML]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.bertrandkeller.info/?p=2972</guid>
		<description><![CDATA[Titre provocateur, certes, mais il ne s&#8217;agit que de la traduction d&#8217;un article de Kevin Dees, progaming jedi de son état. Pour lui, le concept de couches indépendantes (HTML/CSS/JS) est désormais morte avec l&#8217;apparition de possibilité d&#8217;animation en CSS3 ou encore d&#8217;éléments de typage en HTML. L&#8217;apparition du concept de séparation Durant la première guerre [...]]]></description>
			<content:encoded><![CDATA[<p>Titre provocateur, certes, mais il ne s&#8217;agit que de la traduction d&#8217;un article de Kevin Dees, progaming jedi de son état. Pour lui, le concept de couches indépendantes (HTML/CSS/JS) est désormais morte avec l&#8217;apparition de possibilité d&#8217;animation en CSS3 ou encore d&#8217;éléments de typage en HTML.</p>
<h3>L&#8217;apparition du concept de séparation</h3>
<div class="center"><img src="http://i.imgur.com/8i6MJ.jpg" alt="image" /></div>
<p>Durant la première guerre des navigateurs (dans les 90&#8242;s), face aux problèmes d&#8217;interopérabilités et d&#8217;homogénéités du code des sites web, le W3C s&#8217;est mobilisé afin de définir des standards. Pour gagner la bataille, il a défendu les technologies comme CSS et xHTML qui concernent pour l&#8217;une la présentation et pour l&#8217;autre la structure. c&#8217;est actuellement de cette manière qu&#8217;on code les sites.</p>
<p>Dans les années 2000, cette idée de &laquo;&nbsp;séparation&nbsp;&raquo; s&#8217;est affirmée dans la rédaction de la spécification xHTML 2. L&#8217;idée était de défendre une pureté fonctionnelle entre la structure (HTML), la présentation (CSS) et le comportement (JS). Sauf que&#8230;</p>
<h3>Les couches ne sont pas vraiment séparées</h3>
<p>Quand, on rédige une feuille CSS, on dispose de comportement comme :hover (changement de propriété au survol de la souris) ou encore :before &#38; :after (ajout d&#8217;un élément dans le document avant ou après une zone de contenu).</p>
<p>Il s&#8217;agit donc d&#8217;1 élément de comportement &#38; de 2 éléments de structure présents dans la CSS =&gt; <strong>la séparation n&#8217;est pas stricte</strong>.</p>
<p>Comment cela ce fait-il que les couches ne soient pas séparées ? Tout simplement parce que les constructeurs de navigateurs l&#8217;ont décidé, ce n&#8217;est pas (plus) un objectif. Ils pensent que cela n&#8217;a pas lieu d&#8217;être. Et les spécifications le prouvent ; xHTML 2 est morte.</p>
<h3>La divergence</h3>
<p>Prenons l&#8217;exemple d&#8217;un lien avec un effet visuel lors du survol de la souris. Vous avez le choix entre passer par la CSS pour un effet :hover et/ou utiliser une petite pincée de JavaScript pour la gestion d&#8217;un comportement plus complexe.</p>
<p>Avec un changement de couleur géré en CSS et un effet (une opacité par exemple) en JavaScript, le comportement du lien est spécifié dans deux couches différentes : c&#8217;est ce qu&#8217;on appelle la &laquo;&nbsp;divergence&nbsp;&raquo;. Ce lieu de gestion subtile de l&#8217;effet de survol par deux couches différentes.</p>
<div class="center"><img src="http://i.imgur.com/bk3Me.jpg" alt="image" /></div>
<p>Avec la logique de &laquo;&nbsp;séparation&nbsp;&raquo;, on est dans le noir&#38;blanc ; avec la logique de &laquo;&nbsp;divergence&nbsp;&raquo;, il y a du noir&#38;blanc mais aussi un peu de gris.</p>
<p>L&#8217;intégration n&#8217;est pas la collage grossier de différentes couches mais plutôt l&#8217;emboîtement subtile de plusieurs technologies (ce qui définit, à mon avis, le principe de l&#8217;artisanat).</p>
<h3>Conclusion</h3>
<p>L&#8217;idée de &laquo;&nbsp;séparation&nbsp;&raquo; a été indispensable pour la défense des standards du web. Cette idée a permis de passer outre les soupes de tags (HTML), les CSS ou JavaScript en lignes. Cependant, l&#8217;expérience montre qu&#8217;il existe des zones de chevauchements entre ces couches ; qu&#8217;on peut nommer &laquo;&nbsp;Divergence&nbsp;&raquo;.</p>
<p>Si on doit encore défendre les standards avec fougue, il est réaliste d&#8217;accepter ce concept de &laquo;&nbsp;divergence&nbsp;&raquo;. Accepter la tournure prise par les technologies du web, c&#8217;est aussi comprendre pourquoi un intégrateur n&#8217;arrive à exprimer ses difficultés, pourquoi il faut avoir codé pour les comprendre&#8230;</p>
<p>Encore une fois le métier d&#8217;intégrateur n&#8217;est pas simple. Il faut de l&#8217;expérience et de la rigueur pour dompter la &laquo;&nbsp;divergence&nbsp;&raquo;. Après quelques années, il sera compétent pour faire de la conception d&#8217;interfaces à partir de ces principes. C&#8217;est pour cette raison qu&#8217;il doit <a href="http://www.bertrandkeller.info/2012/01/12/2919-pourquoi-lintegrateur-doit-devenir-concepteur/">devenir concepteur</a>.</p>
<p>Je vous laisse lire l&#8217;article en anglais, bien plus complet que celui-ci : <a href="http://thinkvitamin.com/design/the-separation-of-structure-presentation-and-behavior-is-dead/">The separation of structure, presentation and behavior is dead</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bertrandkeller.info/2012/01/30/2972-la-separation-structurepresentationcomportement-est-morte/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Une école pour artisan/intégrateur</title>
		<link>http://www.bertrandkeller.info/2012/01/27/2966-une-ecole-pour-artisan-integrateur/</link>
		<comments>http://www.bertrandkeller.info/2012/01/27/2966-une-ecole-pour-artisan-integrateur/#comments</comments>
		<pubDate>Fri, 27 Jan 2012 14:58:40 +0000</pubDate>
		<dc:creator>bertrand keller</dc:creator>
				<category><![CDATA[entreprise 2.0]]></category>
		<category><![CDATA[accessibilité]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[referencement]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.bertrandkeller.info/?p=2966</guid>
		<description><![CDATA[Suite à la rédaction de mes deux billets précédents sur le métier d&#8217;intégrateur web, ma pensée a évolué pour arriver à la conclusion que si les travailleurs du web devraient tous savoir intégrer et que notre métier d&#8217;intégrateur est dévalorisé ; il fallait certainement prendre le parti d&#8217;un organisme de formation. Une idée simple A [...]]]></description>
			<content:encoded><![CDATA[<p>Suite à la rédaction de mes deux billets précédents sur le métier d&#8217;intégrateur web, ma pensée a évolué pour arriver à la conclusion que si les travailleurs du web devraient tous savoir intégrer et que notre métier d&#8217;intégrateur est dévalorisé ; il fallait certainement prendre le parti d&#8217;un organisme de formation.</p>
<h3>Une idée simple</h3>
<p>A la maison de l&#8217;outil à Troyes, on peut y visiter une succession de vitrines présentant les outils relatifs à un métier. Dans mon cas, je me suis imaginé gimp à la place du marteau, textmate à la place de l&#8217;établi ou encore l&#8217;explorateur de fichier en guise de ceinture pour ranger les clous.</p>
<p>Et puis je suis tombé sur cette phrase :</p>
<blockquote cite="http://www.framablog.org/index.php/post/2012/01/19/nuit-code"><p>Travailler sur des systèmes abstraits de grande envergure nécessite d’avoir l’ensemble dudit système en tête. Quelqu’un a un jour comparé ce processus à la construction d’une maison faite en cristal précieux. Dès que quelqu’un vous distrait, l’édifice s’écroule et se brise en mille morceaux.</p>
</blockquote>
<p>J&#8217;ai regardé mon code, je me suis relevé et je me suis dit : &laquo;&nbsp;en fait, je suis quoi, un orfèvre ? un calligraphe ?&nbsp;&raquo;. Et pensant à un reportage sur les cathédrales diffusés il y a quelques semaines, l&#8217;idée m&#8217;est revenue qu&#8217;on pouvait effectivement nous cataloguer comme des artisans.</p>
<p>Ils étaient bien payés, respectés, valorisés.</p>
<p>On sait que l&#8217;artisanat était composé de corporations, de confréries ; la formation de apprentis passait par le compagnonnage ; on y respectait des maîtres (une autorité).</p>
<h3>Un centre de formation</h3>
<p>Pourquoi pas alors reproduire ce principe de maître/apprenti ? C&#8217;est une idée, bien entendu, il faudrait le faire à la sauce web et technologie numérique.</p>
<p>Sans y coller le côté pompeux de titres, grades, etc ; on pourrait imaginer, plutôt que d&#8217;attendre qu&#8217;un cursus professionnel se mette en place, établir un principe d&#8217;apprentissage à partir de niveaux de maîtrise.</p>
<p>Sur des périodes diverses, 2 jours, 3 jours, 2 semaines ; proposer des types de sites (des oeuvres) à réaliser sous l&#8217;assistance d&#8217;un maître (oui, qu&#8217;il faudra trouver des maîtres de la force). Contrairement au milieu d&#8217;apprentissage habituel d&#8217;agence dans lequel on joue avec le temps ; l&#8217;accent serait cette fois mis sur l&#8217;excellence, c&#8217;est-à-dire la mise en pratique de notions comme l&#8217;accessibilité, le référencement, la maintenabilité, l&#8217;interopérabilité&#8230;</p>
<p>Ce serait un moyen de réfléchir aux méthodologies de travail idéales pour la fabrique de sites web. Cela permettrait de sensibiliser certains, de perfectionner d&#8217;autres ou encore de se lancer dans des projets de recherche&#8230; tout est permis.</p>
<p>Je vous propose l&#8217;idée pour ceux que ça intéresse. Je réfléchis très sérieusement à me lancer dans la formation et à animer ce genre de lieu. Je me dis que plutôt que d&#8217;avoir une équipe de développeurs qui développent, avec un telle considération, on pourrait plutôt avoir des équipes dans lesquelles les intervenants seraient réellement mis en valeur pour leurs compétences.</p>
<p>A suivre&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bertrandkeller.info/2012/01/27/2966-une-ecole-pour-artisan-integrateur/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>C&#8217;est quand on croit penser, qu&#8217;on arrête de penser</title>
		<link>http://www.bertrandkeller.info/2012/01/26/2949-cest-quand-on-croit-penser-quon-arrete-de-penser/</link>
		<comments>http://www.bertrandkeller.info/2012/01/26/2949-cest-quand-on-croit-penser-quon-arrete-de-penser/#comments</comments>
		<pubDate>Thu, 26 Jan 2012 16:10:06 +0000</pubDate>
		<dc:creator>bertrand keller</dc:creator>
				<category><![CDATA[entreprise 2.0]]></category>
		<category><![CDATA[bernard stiegler]]></category>
		<category><![CDATA[hypomnémata]]></category>

		<guid isPermaLink="false">http://www.bertrandkeller.info/?p=2949</guid>
		<description><![CDATA[Je suis aller voir l&#8217;intervention de Bernard Stiegler dans le 2ème arrondissement de la capitale. Il présentait son dernier livre qui a pour sujet la bêtise. Grand philosophe de la technique, ses propos n&#8217;ont pas manqué de me faire réfléchir sur notre métier. Bref résumé de l&#8217;intervention L&#8217;attention, hier, n&#8217;était pas très soutenue, beaucoup de [...]]]></description>
			<content:encoded><![CDATA[<p>Je suis aller voir l&#8217;intervention de Bernard Stiegler dans le 2ème arrondissement de la capitale. Il présentait son dernier livre qui a pour sujet la bêtise. Grand philosophe de la technique, ses propos n&#8217;ont pas manqué de me faire réfléchir sur notre métier.</p>
<h3>Bref résumé de l&#8217;intervention</h3>
<p>L&#8217;attention, hier, n&#8217;était pas très soutenue, beaucoup de gens partaient en cours de conférence, quelques personnes lâchaient ; le discours n&#8217;a pas été évident à suivre. Bernard, à un moment, s&#8217;est un peu perdu dans une analyse remarquable mais pourtant difficile à transmettre sur un débat entre Deleuze/Derrida sur l&#8217;animalité de l&#8217;homme, la différence entre l&#8217;homme et l&#8217;animal, Derrida faisant la bête pour critiquer la position bête de Deleuze, la bête&#8230; je vous laisse imaginer.</p>
<p>Néanmoins, son positionnement par rapport à l&#8217;actualité a encore été, une fois de plus, pertinente. L&#8217;angle de sa réflexion s&#8217;est, à ce que j&#8217;ai compris, positionné sur les phénomènes qui permettent de passer de l&#8217;homme à l&#8217;animal (et inversement). Les processus d&#8217;individuation si bien décrit par Simondon.</p>
<p>Il s&#8217;est donc attardé sur la vacuité du débat pour connaître la différence entre l&#8217;homme, l&#8217;animal, la plante pour mieux se concentrer sur les phénomènes qui permettent de passer de l&#8217;un à l&#8217;autre. On peut ainsi passer de l&#8217;état végétatif, à l&#8217;état animal, voire pour les meilleurs à l&#8217;état humain.</p>
<p>Stop ou encore, avant/arrière, en considérant ces états et les processus qui permettent de passer de l&#8217;un à l&#8217;autre ; on peut mieux comprendre des phénomènes de progression et de régression. Un être bête étant un homme qui repasse dans le stade animal, celui de bête. Bernard évoque cela par la personne qui, énervée, (un patron qui met la pression) commet un excès de vitesse et provoque un accident. Ah oui, c&#8217;est très bête.</p>
<p>A cela, il a ajouté le discours traditionnel sur l&#8217;apparition de techniques et le mauvais usage qu&#8217;on pouvait en faire (pour manipuler les gens), les fameux sophistes. En ajoutant, un contre point très intéressant sur la stratégie du choc (Naomi Klein) technologique permanent.</p>
<p>La volonté des grands groupes de noyer les utilisateurs dans des évolutions technologiques constantes afin de successivement les empêcher de se les approprier et finalement de les faire arrêter de penser et, donc de les faire devenir&#8230; bête.</p>
<h3>C&#8217;est quoi le rapport avec l&#8217;intégration ?</h3>
<p>En intégration, on y est, dans le choc technologique permanent. Pour ceux qui ne connaissent pas, nous avons des nouvelles fonctionnalités qui arrivent chaque mois avec l&#8217;apparition de nouveaux métiers liés à l&#8217;interface.</p>
<p>Le problème c&#8217;est que (souvent, pas pour tout le monde encore une fois) dans notre environnement les personnes qui &laquo;&nbsp;travaillent&nbsp;&raquo; avec nous ne connaissent pas la technique pour faire des sites web et ne suivent absolument pas les nouveaux principes techniques.</p>
<p>Comme le dit Stiegler, ils croient penser le web (ne font pas de veille technique, ni ne manipulent) mais finalement arrêtent de penser. Il se crée un problème de compréhension, nous ne parlons plus de la même chose, le langage est différent.</p>
<p>Ainsi, toi l&#8217;intégrateur, on ne comprends pas ton métier, on te dit &laquo;&nbsp;pourquoi l&#8217;intégration devrait ne pas fonctionner comme les autres&nbsp;&raquo; ; mais, finalement parce qu&#8217;intégrateur c&#8217;est pas juste un métier, c&#8217;est le métier. Le métier d&#8217;une agence est de faire des sites web, si tu es le seul (avec tes copains développeurs) à te soucier de la manière technique d&#8217;intégrer un site, en fait, tu fais ce que les autres ne savent pas faire. Donc forcément, tu es frustré, tu passes du temps et ça marche jamais.</p>
<p>Tout le monde devrait être intégrateur.</p>
<p>Heureusement pour toi ; toi, tu penses et c&#8217;est pour ça que tu va/dois <a href="http://www.bertrandkeller.info/2012/01/12/2919-pourquoi-lintegrateur-doit-devenir-concepteur/">devenir concepteur</a>. Mais, je pense que si tu veux avoir une vie plus joyeuse (si ce n&#8217;est pas le cas), mieux vaut travailler avec des gens qui partagent ta démarche.</p>
<p><strong>Avis personnel :</strong> je ne trouve pas normal que nous soyons dans ce choc technologique permanent qui nous monte les uns contre les autres (phénomène tour de Babel). J&#8217;aimerais vivre dans un contexte plus stable dans lequel on se pose les bonnes questions, on réfléchit, on s&#8217;entre-individue. Mon objectif n&#8217;est donc pas la critique pour la critique, mais de montrer l&#8217;aberration de notre système pour en construire un nouveau.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bertrandkeller.info/2012/01/26/2949-cest-quand-on-croit-penser-quon-arrete-de-penser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Travailler dans les grands espaces</title>
		<link>http://www.bertrandkeller.info/2012/01/25/2943-travailler-dans-les-grands-espaces/</link>
		<comments>http://www.bertrandkeller.info/2012/01/25/2943-travailler-dans-les-grands-espaces/#comments</comments>
		<pubDate>Wed, 25 Jan 2012 09:16:30 +0000</pubDate>
		<dc:creator>bertrand keller</dc:creator>
				<category><![CDATA[entreprise 2.0]]></category>
		<category><![CDATA[management]]></category>

		<guid isPermaLink="false">http://www.bertrandkeller.info/?p=2943</guid>
		<description><![CDATA[Tout d&#8217;abord un article qui explique que quand on travaille dans le bruit, tout près et qu&#8217;on organise des réunions avec trop de monde. Le travail est moins bon. Le risque de l’idéologie du groupe Et pourtant, poursuit Susan Cain, la nouvelle idéologie du groupe a pris possession de nos lieux de travail. Presque tous [...]<h2>Articles similaires :</h2><ol>
<li><a href='http://www.bertrandkeller.info/2009/03/25/383-pas-de-plaisir-sans-travail-dans-les-reseaux-sociaux-dentreprise/' rel='bookmark' title='Pas de plaisir sans travail dans les réseaux sociaux d’entreprise'>Pas de plaisir sans travail dans les réseaux sociaux d’entreprise</a></li>
<li><a href='http://www.bertrandkeller.info/2010/02/03/2099-lancement-du-groupe-de-travail-rdfa-par-le-w3c/' rel='bookmark' title='Lancement du groupe de travail RDFa par le W3C'>Lancement du groupe de travail RDFa par le W3C</a></li>
<li><a href='http://www.bertrandkeller.info/2010/02/08/2106-connexion-a-la-communaute-dans-lentreprise-2-0/' rel='bookmark' title='Connexion à la communauté dans l&#8217;entreprise 2.0'>Connexion à la communauté dans l&#8217;entreprise 2.0</a></li>
<li><a href='http://www.bertrandkeller.info/2008/09/09/214-user-generated-content-dans-l-entreprise-20/' rel='bookmark' title='User Generated Content dans l&#8217;entreprise 2.0'>User Generated Content dans l&#8217;entreprise 2.0</a></li>
<li><a href='http://www.bertrandkeller.info/2009/03/16/373-la-proletarisation-dans-les-societes-informatiques/' rel='bookmark' title='La prolétarisation dans les sociétés informatiques'>La prolétarisation dans les sociétés informatiques</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Tout d&#8217;abord un article qui explique que quand on travaille dans le bruit, tout près et qu&#8217;on organise des réunions avec trop de monde. Le travail est moins bon.</p>
<h3>Le risque de l’idéologie du groupe</h3>
<blockquote cite="http://www.internetactu.net/2012/01/23/le-risque-de-lideologie-du-groupe/"><p>Et pourtant, poursuit Susan Cain, la nouvelle idéologie du groupe a pris possession de nos lieux de travail. Presque tous les employés américains travaillent en équipe et près de 70 % des lieux de travail sont des open spaces, ce qui correspond, en 30 ans, à une diminution de plus d’un tiers de l’espace moyen alloué à chaque employé. Et Susan Cain de remarquer la même tendance dans les écoles et dans les institutions religieuses.</p>
</blockquote>
<p>Lire <a href="http://www.internetactu.net/2012/01/23/le-risque-de-lideologie-du-groupe/">Le risque de l’idéologie du groupe</a>.</p>
<p>Ensuite un article sur nous les codeurs qui explique qu&#8217;on ne peut pas très bien travailler quand on est dérangé. Mais c&#8217;est pareil pour tout le monde.</p>
<h3>Pourquoi les codeurs sont des oiseaux de nuit ?</h3>
<p>Chez les développeurs, on gère parfois sur les très gros sites des systèmes tellement complexes (des blocs avec un code identique qui ont des comportements différents sur une dizaine de pages), qu&#8217;il devient difficile de se concentrer sur autre chose. Perdre le fil devient extrêmement coûteux en fatigue.</p>
<blockquote cite="http://www.framablog.org/index.php/post/2012/01/19/nuit-code"><p>De l’autre, on a ce que Paul Graham nomme l’emploi du temps du créateur – un emploi du temps pour ceux qui produisent quelque chose. Travailler sur des systèmes abstraits de grande envergure nécessite d’avoir l’ensemble dudit système en tête. Quelqu’un a un jour comparé ce processus à la construction d’une maison faite en cristal précieux. Dès que quelqu’un vous distrait, l’édifice s’écroule et se brise en mille morceaux.</p>
</blockquote>
<p>Lire <a href="http://www.framablog.org/index.php/post/2012/01/19/nuit-code">Pourquoi les codeurs sont des oiseaux de nuit ?</a>.</p>
<p>Il nous faudrait peut-être des lieux de décompression à la campagne pour créer ; voilà une idée que je le trouve intéressante.</p>
<h2>Articles similaires :</h2><ol>
<li><a href='http://www.bertrandkeller.info/2009/03/25/383-pas-de-plaisir-sans-travail-dans-les-reseaux-sociaux-dentreprise/' rel='bookmark' title='Pas de plaisir sans travail dans les réseaux sociaux d’entreprise'>Pas de plaisir sans travail dans les réseaux sociaux d’entreprise</a></li>
<li><a href='http://www.bertrandkeller.info/2010/02/03/2099-lancement-du-groupe-de-travail-rdfa-par-le-w3c/' rel='bookmark' title='Lancement du groupe de travail RDFa par le W3C'>Lancement du groupe de travail RDFa par le W3C</a></li>
<li><a href='http://www.bertrandkeller.info/2010/02/08/2106-connexion-a-la-communaute-dans-lentreprise-2-0/' rel='bookmark' title='Connexion à la communauté dans l&#8217;entreprise 2.0'>Connexion à la communauté dans l&#8217;entreprise 2.0</a></li>
<li><a href='http://www.bertrandkeller.info/2008/09/09/214-user-generated-content-dans-l-entreprise-20/' rel='bookmark' title='User Generated Content dans l&#8217;entreprise 2.0'>User Generated Content dans l&#8217;entreprise 2.0</a></li>
<li><a href='http://www.bertrandkeller.info/2009/03/16/373-la-proletarisation-dans-les-societes-informatiques/' rel='bookmark' title='La prolétarisation dans les sociétés informatiques'>La prolétarisation dans les sociétés informatiques</a></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.bertrandkeller.info/2012/01/25/2943-travailler-dans-les-grands-espaces/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Pourquoi l&#8217;intégrateur doit devenir concepteur ?</title>
		<link>http://www.bertrandkeller.info/2012/01/12/2919-pourquoi-lintegrateur-doit-devenir-concepteur/</link>
		<comments>http://www.bertrandkeller.info/2012/01/12/2919-pourquoi-lintegrateur-doit-devenir-concepteur/#comments</comments>
		<pubDate>Thu, 12 Jan 2012 10:18:38 +0000</pubDate>
		<dc:creator>bertrand keller</dc:creator>
				<category><![CDATA[entreprise 2.0]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[management]]></category>

		<guid isPermaLink="false">http://www.bertrandkeller.info/?p=2919</guid>
		<description><![CDATA[Je vais m&#8217;intéresser au schéma classique de l&#8217;organisation que beaucoup connaisse mais qui ne constitue pas le seul et unique modèle. Je vais tenter de démontrer que le principe de séparation des métiers par pôle avec des chefs de projets (non technique) au milieu ne peut pas fonctionner (dans un cadre d&#8217;évolutions techniques permanentes). Le [...]<h2>Articles similaires :</h2><ol>
<li><a href='http://www.bertrandkeller.info/2010/02/17/2163-introduction-a-la-gestion-de-projet-avec-eric-di-pol/' rel='bookmark' title='Introduction à la Gestion de Projet avec Eric Di Pol'>Introduction à la Gestion de Projet avec Eric Di Pol</a></li>
<li><a href='http://www.bertrandkeller.info/2008/03/20/138-pourquoi-le-microblogging-entreprise/' rel='bookmark' title='Pourquoi le micro blogging ?'>Pourquoi le micro blogging ?</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Je vais m&#8217;intéresser au schéma classique de l&#8217;organisation que beaucoup connaisse mais qui ne constitue pas le seul et unique modèle. Je vais tenter de démontrer que le principe de séparation des métiers par pôle avec des chefs de projets (non technique) au milieu ne peut pas fonctionner (dans un cadre d&#8217;évolutions techniques permanentes).</p>
<h3>Le principe d&#8217;organisation</h3>
<p>Dans une agence, voire dans beaucoup de sociétés françaises, on ne sait pas trop comment organiser les projets. Alors quand on est submergé et qu&#8217;on n&#8217;a pas envie de gérer le quotidien, on engage une personne pour gérer tous les à côtés ; selon moi, une sorte de super secrétaire de luxe mais en plus cher (je ne me moque pas je l&#8217;ai fait et c&#8217;est horrible).</p>
<p>Avec son poste de gestionnaire des &laquo;&nbsp;projets&nbsp;&raquo;, le chef de projet se trouve confronter aux pôles techniques avec lesquels il a du mal à discuter. Son rôle est de suivre l&#8217;évolution du projet (budget et planning) tout en faisant l&#8217;interface avec un client ; pour cela on lui donne le pouvoir d&#8217;arbitrer. Son manque de connaissance du métier dans lequel il travaille fait qu&#8217;il oublie de noter des choses, n&#8217;anticipe pas suffisamment, ne rend pas compréhensible sa demande, devient contradictoire&#8230;</p>
<p>Au final, les produits livrés sont d&#8217;une qualité insuffisante, arrivent dans des délais non conformes, les projets ne sont pas rentables ; On tente de comprendre pourquoi le système ne fonctionne pas.</p>
<h3>L&#8217;analyse des déficiences du système</h3>
<p>Suite à de grandes réunions, entretiens (&#8230;), les managers arrivent à deux conclusions :</p>
<ol>
<li>Les chefs de projets ne connaissent pas suffisamment la technique</li>
<li>Les pôles techniques ne sont pas assez impliqués en amont</li>
</ol>
<h3>La solution appliquée</h3>
<p>Comme les chefs de projets ne peuvent pas devenir technicien et que les chef de projets techniques sont chers, on choisit d&#8217;appliquer la deuxième option. Hors, la deuxième option ne peut pas marcher à cause de la première.</p>
<p>En effet, dans une organisation par pôle technique, chaque pôle est défini par une expertise technique que justement ne possède pas le pôle des chefs de projets. Dans le cas où on demande d&#8217;impliquer les pôles techniques plus en amont, le chef de projets se retrouve dans une situation où il n&#8217;a plus de légitimité car les pôles experts deviennent plus compétents que lui pour prendre les décisions.</p>
<p>Si le chef de projets veut, de manière naturelle, conserver de l&#8217;importance, il devra s&#8217;arranger pour ne pas intégrer les pôles techniques trop en amont. D&#8217;autant plus que quand on est chef de projets, on est chef.</p>
<p>Dans une agence web, alors même que tout le monde peut être d&#8217;accord sur le fait qu&#8217;un intégrateur ne peut pas gérer des principes d&#8217;accessibilité et de qualité s&#8217;il n&#8217;est pas sollicité en amont, on ne fera pas appel à ce même intégrateur car il va ralentir la conception de projet avec ses processus et rentrer de ce fait en confrontation direct avec les besoins du chef de projets.</p>
<p>On arrive donc toujours à la même conclusion, les chefs de projets sont incompétents dans leur domaine technique. Comme ils n&#8217;ont pas de statut d&#8217;autorité qui les légitimise, ils n&#8217;appliqueront pas la solution 2, pour ne pas perdre la face.</p>
<h3>Les points d&#8217;achoppement en agence web</h3>
<p>Pour en avoir été témoin de la situation, se met en place une guerre de tranchée très dure entre les chefs de projets et les intégrateurs. Elle est entretenue par deux oppositions</p>
<ol>
<li>Les chefs de projets n&#8217;informent pas suffisamment les intégrateurs en amont / les intégrateurs sont réfractaires à exécuter les tâches</li>
<li>Les chefs de projets ne progressent pas techniquement, alors que les intégrateurs le font constamment / les intégrateurs demandent aux chefs de projets d&#8217;avoir des connaissances dans un périmètre qui n&#8217;est pas le leur</li>
</ol>
<p>Les systèmes d&#8217;opposition font rarement avancer les choses. Pour moi le système n&#8217;est pas bon. Pour des raisons très simples :</p>
<ol>
<li>Les entreprises ont des domaines de compétences, des métiers ; il est normal de maîtriser le métier de l&#8217;entreprise dans laquelle on travaille pour la faire fonctionner ; ce n&#8217;est pas le cas des chefs de projets</li>
<li>On confond souvent expertise et compétence ; pas besoin d&#8217;être expert comptable pour gérer un budget, pas besoin d&#8217;être chargé d&#8217;opération pour gérer un planning, pas besoin d&#8217;être chef de projets pour discuter avec un client</li>
</ol>
<h3>Le système qui marche</h3>
<p>Le problème réel du système d&#8217;opposition est qu&#8217;alors que l&#8217;évolution naturelle de l&#8217;intégrateur est d&#8217;améliorer ses compétences en conception, de devenir responsable interface (voir l&#8217;explosion des offres d&#8217;embauche des concepteurs UX aux US), le chef de projets, pour conserver son statut, va bloquer la monté en compétence de l&#8217;intégrateur.</p>
<p>Pour moi, il est évident que la personne qui connait le mieux les principes de réalisation dans un domaine est le plus a même de pouvoir les concevoir (les interfaces dans notre cas). Hors ce n&#8217;est pas ce qu&#8217;on met en place dans certaines agences et c&#8217;est pour cette raison que la qualité reste moyenne.</p>
<p>Je pense qu&#8217;il est indispensable de passer à plus de transparence et donner plus de responsabilités à des équipes projets. Relire des articles comme <a href="http://www.bertrandkeller.info/2011/10/24/2833-la-culture-de-la-conception-web-la-transparence/">La culture de la conception web, la transparence</a> ou <a href="http://www.bertrandkeller.info/2008/12/24/301-trois-regles-de-management-piochees-chez-favi/">Trois règles de management piochées chez Favi</a>.</p>
<h2>Articles similaires :</h2><ol>
<li><a href='http://www.bertrandkeller.info/2010/02/17/2163-introduction-a-la-gestion-de-projet-avec-eric-di-pol/' rel='bookmark' title='Introduction à la Gestion de Projet avec Eric Di Pol'>Introduction à la Gestion de Projet avec Eric Di Pol</a></li>
<li><a href='http://www.bertrandkeller.info/2008/03/20/138-pourquoi-le-microblogging-entreprise/' rel='bookmark' title='Pourquoi le micro blogging ?'>Pourquoi le micro blogging ?</a></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.bertrandkeller.info/2012/01/12/2919-pourquoi-lintegrateur-doit-devenir-concepteur/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Les pages animées au scroll vertical, deux plugins jQuery</title>
		<link>http://www.bertrandkeller.info/2012/01/03/2908-les-pages-animees-au-scroll-vertical-deux-plugins-jquery/</link>
		<comments>http://www.bertrandkeller.info/2012/01/03/2908-les-pages-animees-au-scroll-vertical-deux-plugins-jquery/#comments</comments>
		<pubDate>Tue, 03 Jan 2012 08:20:32 +0000</pubDate>
		<dc:creator>bertrand keller</dc:creator>
				<category><![CDATA[CSS + HTML]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.bertrandkeller.info/?p=2908</guid>
		<description><![CDATA[Est-ce que vous connaissez ces fameuses pages avec animations à chaque scroll vers le bas ? Ces types de pages sont relativement nouvelles dans la mesure où ce sont les nouvelles propriétés CSS3 qui permettent de provoquer les animations dans votre navigateur (à moindre frais). La génèse Une des première dans le genre (à ma [...]<h2>Articles similaires :</h2><ol>
<li><a href='http://www.bertrandkeller.info/2009/11/24/1569-jquery-5-nouveaux-plugins-de-novembre/' rel='bookmark' title='jQuery : 5 nouveaux plugins de novembre'>jQuery : 5 nouveaux plugins de novembre</a></li>
<li><a href='http://www.bertrandkeller.info/2009/10/20/1370-jquery-accessible-ria-fonctionnalite-jquery-accessibles/' rel='bookmark' title='jQuery Accessible RIA : fonctionnalités jQuery accessibles'>jQuery Accessible RIA : fonctionnalités jQuery accessibles</a></li>
<li><a href='http://www.bertrandkeller.info/2010/01/21/1790-galerie-image-avec-bxgllery-sous-jquery/' rel='bookmark' title='Galerie d&#8217;images avec bxGallery sous jQuery'>Galerie d&#8217;images avec bxGallery sous jQuery</a></li>
<li><a href='http://www.bertrandkeller.info/2010/02/01/2076-colorbox-plugin-lightbox-pour-jquery/' rel='bookmark' title='ColorBox, plugin lightbox pour jquery'>ColorBox, plugin lightbox pour jquery</a></li>
<li><a href='http://www.bertrandkeller.info/2009/03/27/387-jquery-plugin-aria/' rel='bookmark' title='jQuery : plugin ARIA'>jQuery : plugin ARIA</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Est-ce que vous connaissez ces fameuses pages avec animations à chaque scroll vers le bas ? Ces types de pages sont relativement nouvelles dans la mesure où ce sont les nouvelles propriétés CSS3 qui permettent de provoquer les animations dans votre navigateur (à moindre frais).</p>
<h3>La génèse</h3>
<p>Une des première dans le genre (à ma connaissance) fut bien évidemment &laquo;&nbsp;Ben the bodyguard&nbsp;&raquo;, dont voici la vidéo :</p>
<div class="center"><iframe width="535" height="302" src="http://www.youtube.com/embed/SYhaFi77jdM" frameborder="0"></iframe></div>
<p>On se servira de ce genre de présentation pour mettre en avant un contenu scénarisé avec des étapes bien déterminées.</p>
<h3>Le principe</h3>
<p>Techniquement, comment cela marche-t-il ? On met en place une grande page, avec un décor statique (fond) et des éléments animés. On place dans cette page des ancres, comme autant d&#8217;éléments de votre scénario : étape 1, étape 2, étape 3&#8230; Puis à chaque ancre, on associe une animation (ou plusieurs animations).</p>
<p>Donc pendant que vous descendez dans la page, votre navigateur détecte des bornes (ancres), à chaque borne une fonction permet d&#8217;activer un événement. Visitez la page de <a href="http://www.google.com/green/the-big-picture.html">Google green &#8211; Better web. Better for the environment.</a>.</p>
<h3>Les plugins</h3>
<p>Je vous propose de regarder deux plugins jQuery</p>
<p><strong>1. jQuery waypoints :</strong><br />
Un plugin qui permet de détecter l&#8217;activation d&#8217;ancres et de pouvoir lancer un événément JavaScript de son choix. Peut-être utile pour du scroll infini, la détection de bas de page&#8230;<br />
<a href="http://imakewebthings.github.com/jquery-waypoints/">jQuery Waypoints</a></p>
<p><strong>2. jQuery scrollorama :</strong><br />
Un peu plus fin, il pointe directement un élément et permet d&#8217;appliquer un événement d&#8217;animation sur cet élément. Il semble plus destiné à des effets visuels.<br />
<a href="http://johnpolacek.github.com/scrollorama/">jQuery scrollorama</a></p>
<h2>Articles similaires :</h2><ol>
<li><a href='http://www.bertrandkeller.info/2009/11/24/1569-jquery-5-nouveaux-plugins-de-novembre/' rel='bookmark' title='jQuery : 5 nouveaux plugins de novembre'>jQuery : 5 nouveaux plugins de novembre</a></li>
<li><a href='http://www.bertrandkeller.info/2009/10/20/1370-jquery-accessible-ria-fonctionnalite-jquery-accessibles/' rel='bookmark' title='jQuery Accessible RIA : fonctionnalités jQuery accessibles'>jQuery Accessible RIA : fonctionnalités jQuery accessibles</a></li>
<li><a href='http://www.bertrandkeller.info/2010/01/21/1790-galerie-image-avec-bxgllery-sous-jquery/' rel='bookmark' title='Galerie d&#8217;images avec bxGallery sous jQuery'>Galerie d&#8217;images avec bxGallery sous jQuery</a></li>
<li><a href='http://www.bertrandkeller.info/2010/02/01/2076-colorbox-plugin-lightbox-pour-jquery/' rel='bookmark' title='ColorBox, plugin lightbox pour jquery'>ColorBox, plugin lightbox pour jquery</a></li>
<li><a href='http://www.bertrandkeller.info/2009/03/27/387-jquery-plugin-aria/' rel='bookmark' title='jQuery : plugin ARIA'>jQuery : plugin ARIA</a></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.bertrandkeller.info/2012/01/03/2908-les-pages-animees-au-scroll-vertical-deux-plugins-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bernard Stiegler, le court termisme</title>
		<link>http://www.bertrandkeller.info/2012/01/02/2901-bernard-stiegler-le-court-termisme/</link>
		<comments>http://www.bertrandkeller.info/2012/01/02/2901-bernard-stiegler-le-court-termisme/#comments</comments>
		<pubDate>Mon, 02 Jan 2012 09:36:27 +0000</pubDate>
		<dc:creator>bertrand keller</dc:creator>
				<category><![CDATA[intelligence économique]]></category>
		<category><![CDATA[bernard stiegler]]></category>
		<category><![CDATA[intelligence collective]]></category>

		<guid isPermaLink="false">http://www.bertrandkeller.info/?p=2901</guid>
		<description><![CDATA[Je regardais, il y a quelques mois, l&#8217;émission &#171;&#160;ce soir ou jamais&#160;&#187; ; une philosophe disait que dans sa discipline le principe de la décision par l&#8217;urgence avait été depuis longtemps débattu ; et, qu&#8217;en gros, elle ne faisait que justifier des choix autoritaires, voire court-termistes. Pour placer une explication par l&#8217;exemple. Imaginons qu&#8217;une bombe [...]<h2>Articles similaires :</h2><ol>
<li><a href='http://www.bertrandkeller.info/2011/12/05/2876-conversation-entre-bernard-stiegler-et-paul-jorion/' rel='bookmark' title='Conversation entre Bernard Stiegler et Paul Jorion'>Conversation entre Bernard Stiegler et Paul Jorion</a></li>
<li><a href='http://www.bertrandkeller.info/2009/05/20/613-bernard-stiegler-et-leducation-aux-medias-sur-mediadoc/' rel='bookmark' title='Bernard Stiegler et l&#8217;éducation aux médias sur Mediadoc'>Bernard Stiegler et l&#8217;éducation aux médias sur Mediadoc</a></li>
<li><a href='http://www.bertrandkeller.info/2008/10/14/244-entretiens-du-nouveau-monde-industriel-une-conference-avec-bernard-stiegler/' rel='bookmark' title='Entretiens du Nouveau Monde industriel : une conférence avec Bernard Stiegler'>Entretiens du Nouveau Monde industriel : une conférence avec Bernard Stiegler</a></li>
<li><a href='http://www.bertrandkeller.info/2009/01/30/327-l-ethique-selon-bernard-stiegler/' rel='bookmark' title='L&#8217;éthique selon Bernard Stiegler'>L&#8217;éthique selon Bernard Stiegler</a></li>
<li><a href='http://www.bertrandkeller.info/2010/04/07/2302-bernard-stiegler-a-la-maison-des-arts-socrate-et-les-hackers/' rel='bookmark' title='Bernard Stiegler à la Maison des Arts : Socrate et les hackers'>Bernard Stiegler à la Maison des Arts : Socrate et les hackers</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Je regardais, il y a quelques mois, l&#8217;émission &laquo;&nbsp;ce soir ou jamais&nbsp;&raquo; ; une philosophe disait que dans sa discipline le principe de la décision par l&#8217;urgence avait été depuis longtemps débattu ; et, qu&#8217;en gros, elle ne faisait que justifier des choix autoritaires, voire court-termistes.</p>
<p>Pour placer une explication par l&#8217;exemple. Imaginons qu&#8217;une bombe ait été placée dans Paris, mais sans savoir où. On trouve un dangereux mec avec une barbe qui, selon nous, sait où se trouve la bombe. Des milliers de vies sont en jeu.</p>
<p>Doit-on se permettre, dans ce cas, d&#8217;aller contre nos bonnes considérations moralistes et torturer cette personne ? Les réflexions sont arrivés à la conclusion, que, premièrement, le taux de probabilité que les informations obtenues sous la tortures soient exploitables est très faible et que, deuxièmement, ce principe d&#8217;urgence, une fois exécuté, ne fait que justifier sa perpétuation dans le temps.</p>
<p>Pour moi, la logique court-termiste dont Stiegler parle se rapproche de se rapproche de ce principe de déshumanisation par l&#8217;urgence.</p>
<blockquote cite="http://contreinfo.info/article.php3?id_article=3142"><p>Mais je pense que, beaucoup plus profondément, nous vivons dans une société qui est en état de choc permanent, parce que les chocs technologiques &#8211; qui sont une stratégie que Schumpeter avait décrite en tant que la destruction créatrice, à la base du capitalisme consumériste &#8211; sont devenus en fait quelque chose qui tétanise les gens, comme on l’a fait à Guantanamo pour complètement détruire le psychisme des détenus, les mettre en état de sidération et de totale dépendance de leurs bourreaux.</p>
</blockquote>
<p>C&#8217;est Naomi Klein avec son essai sur &laquo;&nbsp;la stratégie du choc&nbsp;&raquo; qui a le mieux travaillé sur cette question ; particulièrement en analysant ce principe par rapport à des faits historiques avec la mise en place des idéologies de Milton Friedman.</p>
<p>Cependant, il n&#8217;est pas inutile de lire cette interview de Bernard qui permet de comprendre les raisons de notre aveuglement et d&#8217;entrevoir une porte de sortie à cette situation.</p>
<blockquote cite="http://contreinfo.info/article.php3?id_article=3142"><p>Cet autre modèle est en train d’émerger. C’est ce qu’on appelle l’économie de la contribution. Je travaille avec un architecte qui réfléchit à des modèles de construction de l’habitat social contributifs, où on pourrait mettre en valeur le travail des gens à réaliser leur propre logement (&#8230;) On réfléchit à des modèles de sociétés coopératives. Il y a énormément de propositions de ce type.</p>
</blockquote>
<p>Il faut prendre son temps, le temps de la réflexion que permet la crise et se pencher sur le travail contributif. Personnellement, j&#8217;ai des idées, je vais aussi essayer de les mettre en pratique.</p>
<p>Lire <a href="http://contreinfo.info/article.php3?id_article=3142">Bernard Stiegler : la déraison généralisée du court termisme</a>.</p>
<h2>Articles similaires :</h2><ol>
<li><a href='http://www.bertrandkeller.info/2011/12/05/2876-conversation-entre-bernard-stiegler-et-paul-jorion/' rel='bookmark' title='Conversation entre Bernard Stiegler et Paul Jorion'>Conversation entre Bernard Stiegler et Paul Jorion</a></li>
<li><a href='http://www.bertrandkeller.info/2009/05/20/613-bernard-stiegler-et-leducation-aux-medias-sur-mediadoc/' rel='bookmark' title='Bernard Stiegler et l&#8217;éducation aux médias sur Mediadoc'>Bernard Stiegler et l&#8217;éducation aux médias sur Mediadoc</a></li>
<li><a href='http://www.bertrandkeller.info/2008/10/14/244-entretiens-du-nouveau-monde-industriel-une-conference-avec-bernard-stiegler/' rel='bookmark' title='Entretiens du Nouveau Monde industriel : une conférence avec Bernard Stiegler'>Entretiens du Nouveau Monde industriel : une conférence avec Bernard Stiegler</a></li>
<li><a href='http://www.bertrandkeller.info/2009/01/30/327-l-ethique-selon-bernard-stiegler/' rel='bookmark' title='L&#8217;éthique selon Bernard Stiegler'>L&#8217;éthique selon Bernard Stiegler</a></li>
<li><a href='http://www.bertrandkeller.info/2010/04/07/2302-bernard-stiegler-a-la-maison-des-arts-socrate-et-les-hackers/' rel='bookmark' title='Bernard Stiegler à la Maison des Arts : Socrate et les hackers'>Bernard Stiegler à la Maison des Arts : Socrate et les hackers</a></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.bertrandkeller.info/2012/01/02/2901-bernard-stiegler-le-court-termisme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La discipline de la stratégie du contenu par Kristina Halvorson</title>
		<link>http://www.bertrandkeller.info/2011/12/20/2897-la-discipline-de-la-strategie-du-contenu-par-kristina-halvorson/</link>
		<comments>http://www.bertrandkeller.info/2011/12/20/2897-la-discipline-de-la-strategie-du-contenu-par-kristina-halvorson/#comments</comments>
		<pubDate>Tue, 20 Dec 2011 10:35:30 +0000</pubDate>
		<dc:creator>bertrand keller</dc:creator>
				<category><![CDATA[écriture web]]></category>
		<category><![CDATA[content first]]></category>

		<guid isPermaLink="false">http://www.bertrandkeller.info/?p=2897</guid>
		<description><![CDATA[Le site Pompage traduit un article de Kristina Halvorson, publié en 2008, à propos de la stratégie de contenu. Il évoque une problématique qui n&#8217;est pas nouvelle et qui sera une des raisons principale de la vie d&#8217;un site. Dans ce texte, vous pourrez y découvrir la définition de plusieurs disciplines se rattachant à la [...]<h2>Articles similaires :</h2><ol>
<li><a href='http://www.bertrandkeller.info/2010/03/22/2258-strategie-pour-la-conception-web-orientee-contenu/' rel='bookmark' title='Stratégie pour la conception web orientée contenu'>Stratégie pour la conception web orientée contenu</a></li>
<li><a href='http://www.bertrandkeller.info/2011/12/06/2880-content-first-pour-une-strategie-editoriale/' rel='bookmark' title='Content first, pour une stratégie éditoriale'>Content first, pour une stratégie éditoriale</a></li>
<li><a href='http://www.bertrandkeller.info/2009/10/16/1352-strategie-pour-l%e2%80%99accessibilite-web/' rel='bookmark' title='Stratégie pour l’accessibilité web'>Stratégie pour l’accessibilité web</a></li>
<li><a href='http://www.bertrandkeller.info/2011/05/17/2763-le-contenu-orbital-votre-constellation-de-contenu/' rel='bookmark' title='Le contenu orbital, votre constellation de contenu'>Le contenu orbital, votre constellation de contenu</a></li>
<li><a href='http://www.bertrandkeller.info/2010/03/17/2246-commencer-par-le-contenu-pas-par-le-creatif/' rel='bookmark' title='Commencer par le contenu, pas par le créatif'>Commencer par le contenu, pas par le créatif</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Le site Pompage traduit un article de Kristina Halvorson, publié en 2008, à propos de la stratégie de contenu. Il évoque une problématique qui n&#8217;est pas nouvelle et qui sera une des raisons principale de la vie d&#8217;un site.</p>
<p>Dans ce texte, vous pourrez y découvrir la définition de plusieurs disciplines se rattachant à la stratégie de contenu, comme :</p>
<ul>
<li>La stratégie éditoriale</li>
<li>L’écriture web</li>
<li>La stratégie des métadonnées</li>
<li>L’optimisation pour les moteurs de recherche</li>
<li>La stratégie de gestion du contenu</li>
<li>La stratégie des canaux de distribution</li>
</ul>
<p>Il est important de bien différencier toutes ces compétences afin d&#8217;éditer un contenu logique et adapté. L&#8217;auteur nous prévient d&#8217;ailleurs :</p>
<blockquote cite="http://www.pompage.net/traduction/la-discipline-de-la-strategie-du-contenu"><p>Si notre communauté ne parvient pas à reconnaître, diviser et conquérir les multiples rôles associés à la planification, à la création, à la publication et à la gouvernance du contenu, nous continuerons de sous-estimer le temps, le budget et l’expertise nécessaires pour faire du bon contenu &#8211; et nous continuerons à publier n’importe quoi.</p>
</blockquote>
<p>La conclusion insiste le principe qu&#8217;un utilisateur n&#8217;est satisfait que s&#8217;il trouve les contenus qu&#8217;il cherche. Alors oui, &laquo;&nbsp;<em>C’est le moment de faire du contenu une chose importante</em>&laquo;&nbsp;.</p>
<p>Lire <a href="http://www.pompage.net/traduction/la-discipline-de-la-strategie-du-contenu">La discipline de la stratégie du contenu</a>.</p>
<h2>Articles similaires :</h2><ol>
<li><a href='http://www.bertrandkeller.info/2010/03/22/2258-strategie-pour-la-conception-web-orientee-contenu/' rel='bookmark' title='Stratégie pour la conception web orientée contenu'>Stratégie pour la conception web orientée contenu</a></li>
<li><a href='http://www.bertrandkeller.info/2011/12/06/2880-content-first-pour-une-strategie-editoriale/' rel='bookmark' title='Content first, pour une stratégie éditoriale'>Content first, pour une stratégie éditoriale</a></li>
<li><a href='http://www.bertrandkeller.info/2009/10/16/1352-strategie-pour-l%e2%80%99accessibilite-web/' rel='bookmark' title='Stratégie pour l’accessibilité web'>Stratégie pour l’accessibilité web</a></li>
<li><a href='http://www.bertrandkeller.info/2011/05/17/2763-le-contenu-orbital-votre-constellation-de-contenu/' rel='bookmark' title='Le contenu orbital, votre constellation de contenu'>Le contenu orbital, votre constellation de contenu</a></li>
<li><a href='http://www.bertrandkeller.info/2010/03/17/2246-commencer-par-le-contenu-pas-par-le-creatif/' rel='bookmark' title='Commencer par le contenu, pas par le créatif'>Commencer par le contenu, pas par le créatif</a></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.bertrandkeller.info/2011/12/20/2897-la-discipline-de-la-strategie-du-contenu-par-kristina-halvorson/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic page generated in 1.403 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2012-02-08 16:35:39 -->

