<?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>WebTribulation &#187; Découverte web</title>
	<atom:link href="http://webtribulation.com/category/decouverte-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://webtribulation.com</link>
	<description>Valentin Pringuay</description>
	<lastBuildDate>Tue, 27 Jul 2010 13:21:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Numericable 2020</title>
		<link>http://webtribulation.com/2010/06/08/numericable-2020-une-plateforme-communautaire-pour-imaginer-le-monde-numerique-de-demain/</link>
		<comments>http://webtribulation.com/2010/06/08/numericable-2020-une-plateforme-communautaire-pour-imaginer-le-monde-numerique-de-demain/#comments</comments>
		<pubDate>Tue, 08 Jun 2010 06:40:31 +0000</pubDate>
		<dc:creator>Valentin Pringuay</dc:creator>
				<category><![CDATA[Découverte web]]></category>
		<category><![CDATA[Futur]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Réflexion sur le web]]></category>
		<category><![CDATA[avenir]]></category>
		<category><![CDATA[convergence]]></category>
		<category><![CDATA[gaming]]></category>
		<category><![CDATA[high-tech]]></category>
		<category><![CDATA[maison numérique]]></category>
		<category><![CDATA[mobilité]]></category>
		<category><![CDATA[numericable]]></category>
		<category><![CDATA[télévision hd]]></category>

		<guid isPermaLink="false">http://webtribulation.com/?p=1689</guid>
		<description><![CDATA[Numericable, une société à la fois connue pour fournir l’accès à la télévision câblée et à Internet, vient de mettre en place une plateforme d’échange appelée « Vos Ecrans en 2020 ». Sous-titrée « Imaginez le monde numérique de demain », cette plateforme appelle ses abonnés et non-abonnés à proposer des idées concrètes qui sont [...]]]></description>
			<content:encoded><![CDATA[
<div id="_mcePaste"><img class="aligncenter size-full wp-image-1697" title="numericable" src="http://webtribulation.com/wp-content/uploads/2010/06/numericable.png" alt="" width="580" height="330" /></div>
<div>Numericable, une société à la fois connue pour fournir l’accès à la télévision câblée et à Internet, vient de mettre en place une plateforme d’échange appelée <a title="2020 Numericable" href="http://2020.numericable.fr/" target="_blank">« Vos Ecrans en 2020 »</a>.</div>
<div id="_mcePaste">Sous-titrée « Imaginez le monde numérique de demain », cette plateforme appelle ses abonnés et non-abonnés à proposer des idées concrètes qui sont leurs visions du futur.</div>
<div id="_mcePaste">Numericable ne pose aucune limite à la créativité tant que ces idées entrent dans les catégories suivantes :</div>
<div id="_mcePaste">
<ul>
<li>Télévision HD/3D</li>
<li>Mobilité</li>
<li>Gaming</li>
<li>Très haut débit</li>
<li>Convergence</li>
<li>Maison numérique</li>
</ul>
</div>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-1691" title="thématique Numericable 2020" src="http://webtribulation.com/wp-content/uploads/2010/06/thematique2020.png" alt="" width="506" height="80" /></p>
<div id="_mcePaste">Numericable invite ensuite toutes personnes à voter pour les idées qui leur plaisent, et à les commenter. A noter que chaque action sur le site donne des points qui permettront de gagner un iPad, des années d’abonnement au service Numericable Premium et des centaines de places de cinéma.</div>
<div id="_mcePaste">Je pense qu’il s’agit d’une très bonne initiative et la plateforme a été très bien réalisée, ce qui facilite et incite à la participation.</div>
<div id="_mcePaste">Je trouve pourtant dommage que Numericable n’ai pas décidé de mettre à contribution tous ses clients en leur expliquant cette initiative dans l’une des dernières lettres envoyées à ceux-ci. Cela aurait mis fin au fait que l’un des seuls échanges qui existe aujourd’hui entre la société et ses clients est celui de l’envoi de factures.</div>
<div id="_mcePaste">Ce genre d’initiative ne devrait pas être si peu mis en avant, puisque cela pourrait véritablement donner une autre image à la société&#8230; donner l’impression que celle-ci écoute vraiment ses usagers&#8230;</div>
<div id="_mcePaste">En allant plus loin, cela aurait pu être intéressant que Numericable invite également leurs ingénieurs à vraiment parler de ce qu’ils font chez Numericable et tester des idées en les expliquant à une communauté qui pourra montrer ou non son intérêt.</div>
<div>Il reste tout de même qu’il s’agit vraiment d’une très bonne initiative et que, lorsque l’un des community manager au service de Numericable m’a proposé d’écrire un article pour le blog de cette plateforme, j’ai accepté tout de suite.</div>
<div id="_mcePaste">En effet, à côté des propositions des utilisateurs, Numericable a proposé à quelques blogueurs d’écrire un article de fond sur le sujet (pour l’instant <a title="Viinz" href="http://www.viinz.com/" target="_blank">Viinz</a> et l’ami <a title="Ironfle" href="http://www.ironfle.com/" target="_blank">Gus Ironfle</a>).</div>
<div id="_mcePaste">Je vous invite donc à aller lire mon article intitulé : <a title="Nous serons de vieux radoteurs" href="http://2020.numericable.fr/blogs/nous-serons-de-vieux-radoteurs" target="_blank">« Nous serons de vieux radoteurs »</a>.</div>
<div id="_mcePaste">Il commence comme cela :</div>
<div><img class="size-full wp-image-1693 alignnone" title="spacer" src="http://webtribulation.com/wp-content/uploads/2010/06/spacer1.png" alt="" width="50" height="50" /></div>
<div id="_mcePaste">&laquo;&nbsp;<strong>Nous serons de vieux radoteurs</strong>.</div>
<div id="_mcePaste">Voilà une affirmation qui me reviens régulièrement en tête quand j’observe comment évolue les nouvelles technologies.</div>
<div id="_mcePaste">Vous vous êtes forcément déjà « moqué » d’une personne âgée &#8211;un grand-père, une grand-mère, un vieil oncle&#8211; qui vous parle de comment cela se passait pendant la guerre, du fait qu’il n’y avait que de grands champs à la place du supermarché&#8230;</div>
<div id="_mcePaste">Installez-vous confortablement sur une chaise, cette discussion risque d’être douloureuse à entendre.</div>
<p><img class="alignleft size-large wp-image-1695" title="8bitblues" src="http://webtribulation.com/wp-content/uploads/2010/06/8bitblues-331x300.gif" alt="" width="331" height="300" /></p>
<div id="_mcePaste">Si vous regardez un peu en arrière, vous vous rendrez compte que vous avez connu les premières consoles de jeux vidéos. Voussavez, celles où il fallait souffler dans la cartouche pour enlever la poussière avant de jouer. Aujourd’hui, les jeux vous laissent évoluer dans des espaces ultra-réalistes grands comme l’Arizona (pensez Just Cause 2). Et demain, les consoles de jeux auront disparu et vous pourrez jouer directement à des jeux tirant parti des technologies de pointe sans changer votre matériel : juste en passant par de l’Internet très haut-débit qui vous permettra de profiter de la puissance des derniers ordinateurs sans en posséder un.</div>
<div id="_mcePaste">Et quand vos enfants/petits-enfants se connecteront à un Games Store (App Store pour les jeux) pour se connecter au jeu le plus hallucinant que vous avez jamais vu (contrôlé par les mouvements, ou la pensée, ou Dieu-sait-quoi) vous repenserez aux cartouches où vous souffliez dedans avec un petit sourire crispé.</div>
<div id="_mcePaste" style="text-align: left;"><a title="Nous serons de vieux radoteurs" href="http://2020.numericable.fr/blogs/nous-serons-de-vieux-radoteurs" target="_blank">Lire la suite sur « Vos écrans en 2020 ».</a></div>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Numericable+2020+-+&amp;source=shareaholic" rel="nofollow" class="external" title="Tweetez-le !">Tweetez-le !</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://webtribulation.com/2010/06/08/numericable-2020-une-plateforme-communautaire-pour-imaginer-le-monde-numerique-de-demain/&amp;t=Numericable+2020" rel="nofollow" class="external" title="Partagez-le sur Facebook">Partagez-le sur Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://webtribulation.com/2010/06/08/numericable-2020-une-plateforme-communautaire-pour-imaginer-le-monde-numerique-de-demain/&amp;imageurl=" rel="nofollow" class="external" title="Postez-le sur Google Buzz">Postez-le sur Google Buzz</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://webtribulation.com/2010/06/08/numericable-2020-une-plateforme-communautaire-pour-imaginer-le-monde-numerique-de-demain/feed" rel="nofollow" class="external" title="S'abonner aux commentaires de cet article ?">S'abonner aux commentaires de cet article ?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<div class="topsy_widget_data topsy_theme_blue" style="float: left;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwebtribulation.com%252F2010%252F06%252F08%252Fnumericable-2020-une-plateforme-communautaire-pour-imaginer-le-monde-numerique-de-demain%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Numericable%202020%22%20%7D);"></div>

]]></content:encoded>
			<wfw:commentRss>http://webtribulation.com/2010/06/08/numericable-2020-une-plateforme-communautaire-pour-imaginer-le-monde-numerique-de-demain/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Devenir Auto-entrepreneur : une démarche (qui se voudrait) simple</title>
		<link>http://webtribulation.com/2010/05/21/devenir-auto-entrepreneur-une-demarche-qui-se-voudrait-simple/</link>
		<comments>http://webtribulation.com/2010/05/21/devenir-auto-entrepreneur-une-demarche-qui-se-voudrait-simple/#comments</comments>
		<pubDate>Fri, 21 May 2010 12:59:15 +0000</pubDate>
		<dc:creator>Valentin Pringuay</dc:creator>
				<category><![CDATA[Découverte web]]></category>
		<category><![CDATA[aeonsquare]]></category>
		<category><![CDATA[entrepreneur]]></category>
		<category><![CDATA[auto-entrepreneur]]></category>
		<category><![CDATA[auto-entreprise]]></category>
		<category><![CDATA[démarche adminstrative]]></category>
		<category><![CDATA[urssaf]]></category>

		<guid isPermaLink="false">http://webtribulation.com/?p=1578</guid>
		<description><![CDATA[J’ai très récemment fait ma déclaration d’auto-entrepreneur (pour pouvoir facturer les différents services que je propose avec ma toute nouvelle société AeonSquare). Et celle-ci serait, selon le portail des Auto-Entrepreneurs, une démarche simple et rapide. J’y ai longtemps réfléchi, attendant un moment plus calme professionnellement pour pouvoir y passer les 10 minutes prévisibles (allez, disons [...]]]></description>
			<content:encoded><![CDATA[
<p><img class="aligncenter size-full wp-image-1583" title="devenir auto-entrepreneur" src="http://webtribulation.com/wp-content/uploads/2010/05/devenirae.png" alt="" width="580" height="330" /></p>
<p>J’ai très récemment fait ma déclaration d’auto-entrepreneur (pour pouvoir facturer les différents services que je propose avec ma toute nouvelle société <a title="AeonSquare" href="http://aeonsquare.com/" target="_blank">AeonSquare</a>).<br />
Et celle-ci serait, selon le portail des <a title="le portail des auto-entrepreneurs" href="http://www.lautoentrepreneur.fr/ " target="_blank">Auto-Entrepreneurs</a>, une démarche simple et rapide.</p>
<p>J’y ai longtemps réfléchi, attendant un moment plus calme professionnellement pour pouvoir y passer les 10 minutes prévisibles (allez, disons 30 minutes pour tout bien faire).</p>
<p>Et puis je me suis retrouvé <a title="formulaire en ligne auto-entrepreneur" href="https://www.cfe.urssaf.fr/autoentrepreneur/CFE_Declaration" target="_blank">devant le formulaire en ligne</a>, me rendant compte que chacune des questions me demandaient des recherches, des questionnements, et&#8230; au final beaucoup de temps.</p>
<p><div class="simplePullQuote">Cette démarche n’a rien de simple puisque les réponses aux questions ne coulent pas de source.</div> Alors, si vous pensez faire cette déclaration (ou juste par curiosité) : voici quelques uns des éléments où vous pourriez avoir besoin de plus de 5 minutes de réflexion.</p>
<p>Alors d’abord, tout commence par une question qui pourrait sembler simple&#8230; quel est le type de l’activité que l’on va réaliser comme auto-entrepreneur ?</p>
<p>Activités commerciales, artisanales, libérales.<br />
J’ai 2 amis qui ont fait cette déclaration avant moi. Le premier m’a tout de suite dit que : “c’est évident, c’est commerciale&#8230; profession libérale c’est infirmier, médecin ou avocat” et l’autre personne m’a dit : “c’est évident, tu dois dire : libérale”.<br />
Et en regardant la liste des professions libérales proposées dans le formulaire, on retrouve : Attaché de presse, Conseil commercial, Conseil en marketing, Documentaliste, Expert, Formateur, Traducteur, etc.<br />
Eléments qui ressemblent tous à quelque chose que je pourrais proposer. Bref je coche Libérale sans être certain à 100%, alors qu’un ami a coché “commercial” en proposant relativement les mêmes services que moi.</p>
<p>Deuxième question et c’est déjà une nouvelle question piège : Avez-vous déjà exercé une activité non salariée en France ?<br />
Une activité non salariée ?<br />
Est-ce qu’il sont en train de vous demander si vous avez travaillé au black à la plonge du restaurant de votre oncle ?<br />
Eh bien non, en demandant activité non salariée, l’Urssaf est en train de vous demander si vous avez déjà été patron d’une entreprise. Eh bien oui, vous n’étiez donc pas salarié puisque patron. Les joies d’une formulation administrative.</p>
<p>La partie suivante est plus simple si tant est que vous connaissez votre nom, prénom, sexe, etc.<br />
On oubli la partie où il vous demande si vous êtes forain, ambulant ou ambulant ressortissant UE, même si j’ai trouvé la question curieuse.</p>
<p><img class="aligncenter size-full wp-image-1580" title="forain ambulant auto-entrepreneur" src="http://webtribulation.com/wp-content/uploads/2010/05/forain.gif" alt="" width="326" height="22" /></p>
<p>Il faudra vous demander si vous avez le droit à l’ACCRE (Aide aux chômeurs, créateurs ou repreneurs d’une entreprise). J’ai essayé personnellement de savoir si j’avais le droit de la demander et je n’ai jamais été en mesure de joindre quelqu’un qui pouvait me dire quoi que ce soit là dessus (pensez ici coup de fil d’une heure, musique d’attente interminable et redirection vers d’autres services qui ne peuvent pas vous aider).<br />
Dernière chose à regarder, savoir si vous devez cocher la case sur le régime fiscal micro BIC qui semblerait être une bonne chose&#8230; mais là non plus ce n’est pas évident de savoir ce que cela implique de cliquer Oui ou Non.</p>
<p>La déclaration d’auto-entrepreneur est donc une démarche qui se présente comme (et qui se voudrait) simple&#8230; mais qui ne l’est <img class="alignright" title="papier administratif" src="http://www.visuel.fr/images/1936.gif" alt="" width="230" height="320" />pas vraiment.<br />
Si vous pensez faire la déclaration, vaut mieux s’y prendre une semaine avant pour rassembler les informations sur ces différents points (savoir si vous y avez droit et s’il s’agit du meilleur choix).</p>
<p>Je rêve vraiment d’un jour où ce genre de document administratif sera véritablement rédigé pour être simple à comprendre et qu’un véritable accompagnement soit fait. Mais d’ici à ce que l’Urssaf engage un community manager&#8230; je pense que de l’eau sera passée sous les ponts&#8230;</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Devenir+Auto-entrepreneur+%3A+une+d%C3%A9marche+%28qui+se+voudrait%29+simple+-+&amp;source=shareaholic" rel="nofollow" class="external" title="Tweetez-le !">Tweetez-le !</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://webtribulation.com/2010/05/21/devenir-auto-entrepreneur-une-demarche-qui-se-voudrait-simple/&amp;t=Devenir+Auto-entrepreneur+%3A+une+d%C3%A9marche+%28qui+se+voudrait%29+simple" rel="nofollow" class="external" title="Partagez-le sur Facebook">Partagez-le sur Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://webtribulation.com/2010/05/21/devenir-auto-entrepreneur-une-demarche-qui-se-voudrait-simple/&amp;imageurl=" rel="nofollow" class="external" title="Postez-le sur Google Buzz">Postez-le sur Google Buzz</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://webtribulation.com/2010/05/21/devenir-auto-entrepreneur-une-demarche-qui-se-voudrait-simple/feed" rel="nofollow" class="external" title="S'abonner aux commentaires de cet article ?">S'abonner aux commentaires de cet article ?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<div class="topsy_widget_data topsy_theme_blue" style="float: left;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwebtribulation.com%252F2010%252F05%252F21%252Fdevenir-auto-entrepreneur-une-demarche-qui-se-voudrait-simple%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Devenir%20Auto-entrepreneur%20%3A%20une%20d%C3%A9marche%20%28qui%20se%20voudrait%29%20simple%22%20%7D);"></div>

]]></content:encoded>
			<wfw:commentRss>http://webtribulation.com/2010/05/21/devenir-auto-entrepreneur-une-demarche-qui-se-voudrait-simple/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Leelh : rencontre avec la Scénariste, le Directeur Artistique, et le Community Manager d’un Jeu Vidéo</title>
		<link>http://webtribulation.com/2010/03/25/leelh-rencontre-avec-la-scenariste-le-directeur-artistique-et-le-community-manager-dun-jeu-video/</link>
		<comments>http://webtribulation.com/2010/03/25/leelh-rencontre-avec-la-scenariste-le-directeur-artistique-et-le-community-manager-dun-jeu-video/#comments</comments>
		<pubDate>Thu, 25 Mar 2010 10:00:39 +0000</pubDate>
		<dc:creator>Valentin Pringuay</dc:creator>
				<category><![CDATA[Découverte web]]></category>
		<category><![CDATA[Jeux Vidéo]]></category>
		<category><![CDATA[Rencontre]]></category>
		<category><![CDATA[community manager]]></category>
		<category><![CDATA[directeur artistique]]></category>
		<category><![CDATA[leelh]]></category>
		<category><![CDATA[scénariste]]></category>

		<guid isPermaLink="false">http://webtribulation.com/?p=1269</guid>
		<description><![CDATA[C&#8217;est aujourd&#8217;hui que va être ouverte la bêta d&#8217;un jeu post-apocalyptique du nom de Leelh. Pourquoi Leelh ? Parce que l&#8217;action se déroule en 2087 dans une ville de Lille dévastée par un apocalypse d&#8217;origine inconnue. Outre la survie, les personnages peuplant le jeu devront comprendre ce qui est arrivé à ce monde. Pour se [...]]]></description>
			<content:encoded><![CDATA[
<p><img class="alignnone size-full wp-image-1378" title="leelh logo" src="http://webtribulation.com/wp-content/uploads/2010/03/leelhlogo.png" alt="" width="580" height="330" /></p>
<p>C&#8217;est aujourd&#8217;hui que va être ouverte la bêta d&#8217;un jeu post-apocalyptique du nom de <a title="Leelh" href="http://leelh.com/" target="_blank">Leelh</a>.</p>
<p>Pourquoi Leelh ?</p>
<p>Parce que l&#8217;action se déroule en 2087 dans une ville de Lille dévastée par un apocalypse d&#8217;origine inconnue. Outre la survie, les personnages peuplant le jeu devront comprendre ce qui est arrivé à ce monde.</p>
<p>Pour se mettre un peu dans l&#8217;ambiance, voici un teaser diffusé sur le site de Leelh :</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="340" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/CfEMRmUCcJk&amp;hl=fr_FR&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="340" src="http://www.youtube.com/v/CfEMRmUCcJk&amp;hl=fr_FR&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>J&#8217;ai découvert cet univers lors d&#8217;une soirée dans les bureaux de 3Dduo qui édite le jeu. L&#8217;équipe avait organisé ce qu&#8217;ils appellent un Leelh Bar pour parler de l&#8217;univers du jeu.</p>
<p>Avec un petit comité de personnes, j&#8217;ai donc écouté des passionnés parler de leurs projets, de leurs inspirations.</p>
<p>Je vous promet un test complet dans les mois qui viennent, pourtant avant cela c&#8217;est la rencontre avec 3 personnes de l&#8217;équipe qui m&#8217;intéresse : la scénariste, le directeur artistique &amp; le community manager, 3 métiers du jeu vidéo pour 3 visions totalement différentes :</p>
<p><a href="http://webtribulation.com/2010/03/25/leelh-recontre-avec-la-scenariste-du-jeu/"><img class="alignnone" title="La Scénariste de Leelh" src="http://farm5.static.flickr.com/4061/4459880189_a3fe7ace05_o.jpg" alt="" width="174" height="297" /></a><a href="http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-directeur-artistique-du-jeu/"><img class="alignnone" title="Le Directeur Artistique de Leelh " src="http://farm3.static.flickr.com/2714/4460658820_9b777b04f1_o.jpg" alt="" width="175" height="297" /></a><a href="http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-community-manager-du-jeu/"><img class="alignnone" title="Le Community Manager de Leelh" src="http://farm5.static.flickr.com/4047/4459880513_b4b95ca222_o.jpg" alt="" width="174" height="297" /></a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Leelh+%3A+rencontre+avec+la+Sc%C3%A9nariste%2C+le+Directeur+Artistique%2C+et+le+Community+%5B..%5D+-+&amp;source=shareaholic" rel="nofollow" class="external" title="Tweetez-le !">Tweetez-le !</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://webtribulation.com/2010/03/25/leelh-rencontre-avec-la-scenariste-le-directeur-artistique-et-le-community-manager-dun-jeu-video/&amp;t=Leelh+%3A+rencontre+avec+la+Sc%C3%A9nariste%2C+le+Directeur+Artistique%2C+et+le+Community+Manager+d%E2%80%99un+Jeu+Vid%C3%A9o" rel="nofollow" class="external" title="Partagez-le sur Facebook">Partagez-le sur Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://webtribulation.com/2010/03/25/leelh-rencontre-avec-la-scenariste-le-directeur-artistique-et-le-community-manager-dun-jeu-video/&amp;imageurl=" rel="nofollow" class="external" title="Postez-le sur Google Buzz">Postez-le sur Google Buzz</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://webtribulation.com/2010/03/25/leelh-rencontre-avec-la-scenariste-le-directeur-artistique-et-le-community-manager-dun-jeu-video/feed" rel="nofollow" class="external" title="S'abonner aux commentaires de cet article ?">S'abonner aux commentaires de cet article ?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<div class="topsy_widget_data topsy_theme_blue" style="float: left;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwebtribulation.com%252F2010%252F03%252F25%252Fleelh-rencontre-avec-la-scenariste-le-directeur-artistique-et-le-community-manager-dun-jeu-video%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Leelh%20%3A%20rencontre%20avec%20la%20Sc%C3%A9nariste%2C%20le%20Directeur%20Artistique%2C%20et%20le%20Community%20Manager%20d%E2%80%99un%20Jeu%20Vid%C3%A9o%22%20%7D);"></div>

]]></content:encoded>
			<wfw:commentRss>http://webtribulation.com/2010/03/25/leelh-rencontre-avec-la-scenariste-le-directeur-artistique-et-le-community-manager-dun-jeu-video/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Leelh : recontre avec la Scénariste du jeu</title>
		<link>http://webtribulation.com/2010/03/25/leelh-recontre-avec-la-scenariste-du-jeu/</link>
		<comments>http://webtribulation.com/2010/03/25/leelh-recontre-avec-la-scenariste-du-jeu/#comments</comments>
		<pubDate>Thu, 25 Mar 2010 10:00:11 +0000</pubDate>
		<dc:creator>Valentin Pringuay</dc:creator>
				<category><![CDATA[Découverte web]]></category>
		<category><![CDATA[Jeux Vidéo]]></category>
		<category><![CDATA[Rencontre]]></category>
		<category><![CDATA[leelh]]></category>
		<category><![CDATA[scénariste]]></category>

		<guid isPermaLink="false">http://webtribulation.com/?p=1287</guid>
		<description><![CDATA[La Scénariste Présentation, parcours, projets passés, … Moi c&#8217;est Clem, en tout cas c&#8217;est comme ca qu&#8217;on m&#8217;appelle depuis que je suis arrivée à 3Dduo. Je suis le bastion féminin de la boîte et c&#8217;est pas une mince affaire. Sinon pour la description classique, j&#8217;ai 24 ans et j&#8217;ai débarqué récemment dans le monde du [...]]]></description>
			<content:encoded><![CDATA[
<h1><img class="alignleft" title="La scénariste de Leelh" src="http://farm5.static.flickr.com/4009/4461390847_ae41b0476c_o.jpg" alt="" width="100" height="100" /></h1>
<h1>La Scénariste</h1>
<p><strong>Présentation, parcours, projets passés, …</strong></p>
<p>Moi c&#8217;est Clem, en tout cas c&#8217;est comme ca qu&#8217;on m&#8217;appelle depuis que je  suis arrivée à 3Dduo. Je suis le bastion féminin de la boîte et c&#8217;est  pas une mince affaire.</p>
<p>Sinon pour la description classique, j&#8217;ai 24 ans  et j&#8217;ai débarqué récemment dans le monde du jeu vidéo d&#8217;un point de vue  professionnel, un peu moins récemment d&#8217;un point de vue personnel. Je  fais partie de cette race en expansion : les geeks. Mais ça va, je le  vis bien. <img src='http://webtribulation.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Question parcours, j&#8217;ai commencé mon cursus supérieur par une classe  prépa littéraire où j&#8217;ai avalé de la culture humaniste et littéraire à  ne plus en pouvoir. Je me suis spécialisée en lettres et en cinéma. Par  la suite, je suis allée en fac où j&#8217;ai continué mon cursus de lettres  jusqu&#8217;à l&#8217;obtention de mon master, avec une spécialisation  professionnelle « métiers de la rédaction » en deuxième année. J&#8217;ai  également fait une légère incursion du coté des concours de professorat  sans grande conviction. L&#8217;enseignement, c&#8217;est pas mon truc.</p>
<p>Lors de ma seconde année de master, on devait faire un stage et je  voulais profiter de cette occasion pour infiltrer le milieu convoité du  jeu vidéo. C&#8217;est comme ça que j&#8217;ai découvert 3Dduo. J&#8217;ai eu la chance  d&#8217;être prise en stage là-bas. Et je ne suis pas partie.</p>
<p>Ce qui répond à la question des projets passés. D&#8217;un point du vue  professionnel, c&#8217;est mon premier job de scénariste. Après, bien sûr,  j&#8217;ai écrit des projets persos pour le plaisir et j&#8217;ai mangé des exos à  la fac comme tout le monde. <img src='http://webtribulation.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  J&#8217;ai aussi pu passer du coté de la  réalisation lors de mon cursus cinéma pour deux petits court de fin  d&#8217;année. C&#8217;est anecdotique bien sûr mais c&#8217;était enrichissant et ça m&#8217;a  permis de concevoir des histoires autrement. J&#8217;ai pu retrouver ça lors  de l&#8217;écriture du synopsis de la cinématique d&#8217;intro du jeu. J&#8217;ai eu  l&#8217;impression de revenir à la réalisation et ça fait plaisir.</p>
<p style="text-align: center;"><img class="aligncenter" title="BD Leelh" src="http://farm5.static.flickr.com/4004/4462175024_80e863f645.jpg" alt="" width="500" height="180" /></p>
<p><strong>Comment appréhende-t-on l&#8217;écriture d&#8217;un scénario de jeu ? (en  comparaison à des formes d&#8217;écriture plus classique)</strong></p>
<p>C&#8217;est une question assez difficile parce que je ne sais pas comment  font les autres. Moi je me suis débrouillée sur le tas avec les moyens  du bord et pas mal d&#8217;interrogations et de logique.</p>
<p>La première chose  essentielle à faire, c&#8217;est de se plonger dans l&#8217;existant. Quand je suis  arrivée, il y avait déjà quelques bases. J&#8217;ai dû m&#8217;en imprégner pour ne  pas tomber dans le hors sujet. Il m&#8217;a fallu plusieurs essais parce qu&#8217;au  début je n&#8217;avais pas « tout compris ».</p>
<p>Il faut vraiment s&#8217;approprier ce  qui existe pour pouvoir cadrer sa pensée en harmonie avec les pistes  voulues par le Game designer. Une fois que c&#8217;est fait, je ne peux pas  dire que tout va tout seul, mais l&#8217;essentiel est fait. Parce qu&#8217;à partir  de là, il ne peut plus y avoir de gros dérapages.</p>
<p>Deuxième étape : construire un univers. Cohérent. Intéressant (enfin  j&#8217;essaye :p). Et là, effectivement, on commence à s&#8217;éloigner de  l&#8217;écriture classique. Normalement, on dresse des portraits de  personnages, on jette les bases d&#8217;un monde spécifique, s&#8217;il y a lieu, et  on découpe les étapes de la narration.</p>
<p>Ici, le rôle du personnage  principal doit être laissé aux joueurs. Du coup, il faut construire  autour. Par ailleurs, la construction est double. Je dois imaginer un  univers pré-cataclysmique basé sur un présent réel qui aurait ensuite  été détruit. Un second univers suit le premier de près, entièrement post  apo cette fois, avec des grands mouvements humains et des évolutions  singulières. Le joueur lui trouve sa place au milieu : il a les pieds  dans Leelh et cherche à comprendre l&#8217;avant en vivant au milieu de ses  restes. Le scénario doit être assez ouvert pour que le joueur ait la  place de vivre l&#8217;aventure. Bien mieux, il doit la préparer. Mais pour  faire tout ça, il est nécessaire de bien se documenter. On écrit jamais à  partir de rien, il faut faire des recherches et je passe pas mal de  temps à lire sur des sujets incongrus.</p>
<p style="text-align: center;"><img class="aligncenter" title="Bande dessinée Leelh 2" src="http://farm3.static.flickr.com/2755/4462189306_ac86c53a23.jpg" alt="" width="500" height="369" /></p>
<p>La place prépondérante du joueur n&#8217;empêche pas de créer des  personnages emblématiques qui deviendront ensuite des PNJ (personnages non jouable). Mais pour  l&#8217;instant, il s&#8217;agit d&#8217;organiser des mouvements de foule et de prévoir  les réactions génériques du survivant lambda. La question qu&#8217;il faut  toujours avoir à l&#8217;esprit c&#8217;est : « Si j&#8217;étais dans cette situation avec  ce type de connaissances et de capacités, qu&#8217;est ce que je ferais ? »</p>
<p>Le scénario au sens large comporte aussi des devoirs plus abscons  comme l&#8217;action de nommer tout et n&#8217;importe quoi : une pièce d&#8217;armure, un  monstre, un personnage, une région, un lieux ou une petite plante.  Parce que ça fait partie intégrante de l&#8217;univers. C&#8217;est même très  important parce que les détails servent aux joueurs à se construire une  vision de l&#8217;univers et que c&#8217;est par ce biais qu&#8217;il s&#8217;y intègre. Les  descriptions associées à ses objets sont également de mon ressort  majoritairement. Si je ne les écris pas toutes, je les vérifie ou je  donne le ton.</p>
<p>On rajoute les quêtes, les indices à faire pour le jeu, les textes  pour le site ou la communication générale du jeu (au moins y jeter un  œil pour dire qu&#8217;on a le droit de montrer certains éléments) et on se  retrouve avec un truc tentaculaire, carrément gigantesque et  monstrueusement compliqué. Comment je fais pour appréhender ça ?  Difficile à dire. Je fais avec et je découpe en tâche précise. Sans quoi  c&#8217;est vite la noyade.</p>
<p><strong>A quoi ressemble aujourd&#8217;hui une journée de boulot ?</strong></p>
<p>Il n&#8217;y a pas de journée type. Heureusement d&#8217;ailleurs. La routine  bride l&#8217;imagination, enfin en ce qui me concerne. L&#8217;essentiel de mon  travail consiste à jongler entre les taches de fond nécessaires au jeu,  les questions des collègues ou des joueurs, les validations en tout  genre et les urgences. Je suis aussi la gardienne du secret :p. Titre un  peu pompeux que je m&#8217;octroie mais qui consiste essentiellement en  lynchages de « farfouilleurs » qui veulent parler de choses que je  réserve pour plus tard ou de concessions sur des éléments à donner à la  comm. Ils ont besoin de matière et moi j&#8217;ai tendance à faire la  banquière auscultant la demande de prêt d&#8217;un client. Je n’ai pas envie  de lâcher les sous !</p>
<p>Je travaille assez étroitement avec Seb, le level designer en chef et  Greg, le Directeur artistique. En effet, c&#8217;est nous qui ficelons  l&#8217;univers à notre sauce alors faut que ça se tienne. Et bien sur avec  Sacha, parce que le scénario est au service du Game play et contribue au  plaisir du joueur. Dans l&#8217;ensemble, chacun dans l&#8217;équipe est  susceptible de me poser des questions sur l&#8217;univers car c&#8217;est essentiel  de savoir où on met les pieds.</p>
<p>En gros, une journée type c&#8217;est de l&#8217;organisation, des imprévus et de  l&#8217;écriture.</p>
<blockquote><p>Vous pouvez continuer en revenant à l&#8217;article principal sur Leelh, ou choisir l&#8217;image de l&#8217;un des deux autres personnes qui travaillent sur le projet ci-dessous :</p></blockquote>
<p><a href="http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-directeur-artistique-du-jeu/"><img class="alignnone" title="Home" src="http://farm3.static.flickr.com/2701/4462164936_11f4c3bf01_o.jpg" alt="" width="174" height="297" /><img class="alignnone" title="Le Directeur Artistique de Leelh " src="http://farm3.static.flickr.com/2714/4460658820_9b777b04f1_o.jpg" alt="" width="175" height="297" /></a><a href="http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-community-manager-du-jeu/"><img class="alignnone" title="Le Community Manager de Leelh" src="http://farm5.static.flickr.com/4047/4459880513_b4b95ca222_o.jpg" alt="" width="174" height="297" /></a></p>
<p>Vous pouvez également voir les planches de bande-dessinée en entier en suivant ces liens :</p>
<p><a title="BD Leelh " href="http://webtribulation.com/upload/BD_map.jpg" target="_blank">Bande-dessinée Leelh 1</a></p>
<p><a title="BD Leelh 2" href="http://webtribulation.com/upload/BD_nuit.jpg" target="_blank">Bande-dessinée Leelh 2</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Leelh+%3A+recontre+avec+la+Sc%C3%A9nariste+du+jeu+-+&amp;source=shareaholic" rel="nofollow" class="external" title="Tweetez-le !">Tweetez-le !</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://webtribulation.com/2010/03/25/leelh-recontre-avec-la-scenariste-du-jeu/&amp;t=Leelh+%3A+recontre+avec+la+Sc%C3%A9nariste+du+jeu" rel="nofollow" class="external" title="Partagez-le sur Facebook">Partagez-le sur Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://webtribulation.com/2010/03/25/leelh-recontre-avec-la-scenariste-du-jeu/&amp;imageurl=" rel="nofollow" class="external" title="Postez-le sur Google Buzz">Postez-le sur Google Buzz</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://webtribulation.com/2010/03/25/leelh-recontre-avec-la-scenariste-du-jeu/feed" rel="nofollow" class="external" title="S'abonner aux commentaires de cet article ?">S'abonner aux commentaires de cet article ?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<div class="topsy_widget_data topsy_theme_blue" style="float: left;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwebtribulation.com%252F2010%252F03%252F25%252Fleelh-recontre-avec-la-scenariste-du-jeu%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Leelh%20%3A%20recontre%20avec%20la%20Sc%C3%A9nariste%20du%20jeu%22%20%7D);"></div>

]]></content:encoded>
			<wfw:commentRss>http://webtribulation.com/2010/03/25/leelh-recontre-avec-la-scenariste-du-jeu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Leelh : rencontre avec le Directeur Artistique du jeu</title>
		<link>http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-directeur-artistique-du-jeu/</link>
		<comments>http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-directeur-artistique-du-jeu/#comments</comments>
		<pubDate>Thu, 25 Mar 2010 09:59:54 +0000</pubDate>
		<dc:creator>Valentin Pringuay</dc:creator>
				<category><![CDATA[Découverte web]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Jeux Vidéo]]></category>
		<category><![CDATA[Rencontre]]></category>
		<category><![CDATA[directeur d'artistique]]></category>
		<category><![CDATA[leelh]]></category>

		<guid isPermaLink="false">http://webtribulation.com/?p=1288</guid>
		<description><![CDATA[Le Directeur Artistique Présentation, parcours, projets passés Gregoire Binetruy, 25 ans et demi, yeux bleus, style grand brun genre j&#8217;aimerais jouer dans Twilight. Je porte des jeans avec des trous parfois et j&#8217;ai des boucles d&#8217;oreilles comme les filles. Parcours Pour le parcours -bah- c&#8217;est pas facile quand les parents ne croient pas dans les métiers artistiques. [...]]]></description>
			<content:encoded><![CDATA[
<h1><img class="alignleft" title="Directeur Artistique de Leelh" src="http://farm5.static.flickr.com/4002/4462165042_512c215f03.jpg" alt="" width="100" height="100" />Le Directeur Artistique</h1>
<p><strong>Présentation, parcours, projets passés</strong></p>
<p>Gregoire Binetruy, 25 ans et demi, yeux bleus, style grand brun genre  j&#8217;aimerais jouer dans Twilight. Je porte des jeans avec des trous  parfois et j&#8217;ai des boucles d&#8217;oreilles comme les filles.</p>
<p><strong>Parcours</strong></p>
<p>Pour le parcours -bah- c&#8217;est pas facile quand les parents ne  croient pas dans les métiers artistiques.</p>
<p>Au départ, j&#8217;étais sensé me  destiner aux langues, mais j&#8217;ai eu une prof d&#8217;arts plastiques  particulièrement cool, qui a convaincu mes parents de me laisser aller  dans le dessin. S&#8217;en sont suivis un an à l&#8217;école des Arts Déco de  Strasbourg, trois mois à la FAC d&#8217;arts plastiques à Strasbourg  également, un emploi temporaire de 3 mois au rayon jeu vidéo de la FNAC  de Strasbourg, puis divers boulots en usine, et enfin, trois ans dans  une vraie école d&#8217;illustration, l&#8217;Institut St Luc à Tournai (Belgique).</p>
<p>Apres cette formation pendant laquelle j&#8217;ai pu toucher à pas mal de  trucs (peinture traditionnelle, photo, vidéo, web, mais beaucoup  d&#8217;illustrations) je me suis consacré à un an de formation en effets  spéciaux, regroupant 3D, et post-production, avec l&#8217;envie d&#8217;aller bosser  dans ce domaine.<br />
Mais comme ça ne se passe jamais comme on le veut, bah durant cette  année de formation, j&#8217;ai rencontré Wax, (Maxence Devoghelaere &#8211;  directeur de 3Dduo) qui m&#8217;a tout de suite parlé avec des mots que je  n&#8217;ai pas compris mais qui m&#8217;ont beaucoup séduits (post-apocalyptique,  jeu vidéo, direction artistique, équipe de jeunes&#8230;). A l&#8217;époque  j&#8217;avais le choix entre ça ou aller faire des élévations en 3D pour un  cabinet d&#8217;architecture à Bruxelles. Bah j&#8217;ai choisi le cabinet  d&#8217;architecture&#8230;.. heu non <img src='http://webtribulation.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
Un mois plus tard je signais avec 3Dduo, c&#8217;était le 6 décembre 2007, la  boîte était même pas encore créée.</p>
<p><strong>Projets passés</strong></p>
<p>Les projets passés, comme je le disais, il y n&#8217;y en a pas eu beaucoup  parce que je n&#8217;avais même pas terminé mon année de formation quand j&#8217;ai  intégré 3Dduo. J&#8217;ai fait quelques sites Internet, puis des petits  projets en collaboration avec des artistes Leelhois, un peu de musique  (http://www.myspace.com/eightblacksquares), perfectionné mes compétences  et essayé d&#8217;élargir mon panel de connaissances en logiciels et  techniques (http://behindblack.blogspot.com).</p>
<p><img class="aligncenter" title="Visage Leelh" src="http://farm3.static.flickr.com/2713/4462174830_59930b8f6c.jpg" alt="" width="500" height="312" /></p>
<p><strong>Comment se passe la création d&#8217;un univers comme celui de Leelh, sur  quoi se base-t-on ? Par quoi commencer ?</strong></p>
<p>Pour créer un univers comme Leelh, bah déjà ça ne se fait pas tout  seul&#8230; On commence par revoir tous les grands classiques du genre  post-apocalyptique (Madmax, la Planète des singes, L&#8217;armée des 12 singes,  28 jours plus tard, Soleil vert, Les fils de l&#8217;homme, Matrix, Doomsday, Wall-E, Je suis une légende, puis plus récemment, le livre d&#8217;Eli et la Route&#8230;)</p>
<p>Pareil niveau bande dessinée, mais là c&#8217;est plus l&#8217;aspect  graphique que le thème qui va nous intéresser.</p>
<p>On passe en revue les BDs un peu sombres, Ashley Wood, Kent Williams,  Dave McKean, ensuite celles dont on aime bien l&#8217;univers (les gardiens du  Maser &#8211; Massimiliano Frezzato, les bandes dessinées de Mathieu Lauffray  et Claire Wendling&#8230;) puis après on teste ce qui va rendre le mieux à  l&#8217;écran compte tenu de la technologie employée (moteur 3D, limitations  de résolution et de polygones).</p>
<p>Après quelques mois de recherches nous  arrivons à définir le style graphique du jeu, sorte de bande dessinée en  3D, avec des encrages noirs un peu partout. Pour l&#8217;univers nous avons  la contrainte (et l&#8217;avantage) de travailler sur des lieux qui existent  déjà. Leelh débute à Lille, et les grandes places, les endroits  célèbres, nous devons les garder, pour que le joueur se sente immergé,  qu&#8217;il reconnaisse là où il met les pieds. Après nous nous servons des  caractéristiques des lieux existants pour placer par exemple ici un  marais, là un avion écrasé, et là faire une barrière naturelle avec une  portion d&#8217;autoroute écrasée au sol.</p>
<p>Pour finir nous aimerions que la tension de l&#8217;univers et  le degré  d&#8217;inquiétude qu&#8217;elle génère aille crescendo alors en principe plus on  avancera dans le jeu plus ça devrait devenir oppressant et sombre.</p>
<blockquote><p>Vous pouvez continuer en revenant à l&#8217;article principal sur Leelh, ou choisir l&#8217;image de l&#8217;un des deux autres personnes qui travaillent sur le projet ci-dessous :</p></blockquote>
<p><a href="http://webtribulation.com/2010/03/25/leelh-recontre-avec-la-scenariste-du-jeu/"><img class="alignnone" title="La Scénariste de Leelh" src="http://farm5.static.flickr.com/4061/4459880189_a3fe7ace05_o.jpg" alt="" width="174" height="297" /></a><a href="http://webtribulation.com/2010/03/25/leelh-rencontre-avec-la-scenariste-le-directeur-artistique-et-le-community-manager-dun-jeu-video/"><img class="alignnone" title="Home" src="http://farm3.static.flickr.com/2701/4462164936_11f4c3bf01_o.jpg" alt="" width="174" height="297" /></a><a href="http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-community-manager-du-jeu/"><img class="alignnone" title="Le Community Manager de Leelh" src="http://farm5.static.flickr.com/4047/4459880513_b4b95ca222_o.jpg" alt="" width="174" height="297" /></a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Leelh+%3A+rencontre+avec+le+Directeur+Artistique+du+jeu+-+&amp;source=shareaholic" rel="nofollow" class="external" title="Tweetez-le !">Tweetez-le !</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-directeur-artistique-du-jeu/&amp;t=Leelh+%3A+rencontre+avec+le+Directeur+Artistique+du+jeu" rel="nofollow" class="external" title="Partagez-le sur Facebook">Partagez-le sur Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-directeur-artistique-du-jeu/&amp;imageurl=" rel="nofollow" class="external" title="Postez-le sur Google Buzz">Postez-le sur Google Buzz</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-directeur-artistique-du-jeu/feed" rel="nofollow" class="external" title="S'abonner aux commentaires de cet article ?">S'abonner aux commentaires de cet article ?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<div class="topsy_widget_data topsy_theme_blue" style="float: left;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwebtribulation.com%252F2010%252F03%252F25%252Fleelh-rencontre-avec-le-directeur-artistique-du-jeu%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Leelh%20%3A%20rencontre%20avec%20le%20Directeur%20Artistique%20du%20jeu%22%20%7D);"></div>

]]></content:encoded>
			<wfw:commentRss>http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-directeur-artistique-du-jeu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Leelh : rencontre avec le Community Manager du jeu</title>
		<link>http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-community-manager-du-jeu/</link>
		<comments>http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-community-manager-du-jeu/#comments</comments>
		<pubDate>Thu, 25 Mar 2010 09:59:42 +0000</pubDate>
		<dc:creator>Valentin Pringuay</dc:creator>
				<category><![CDATA[Découverte web]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Jeux Vidéo]]></category>
		<category><![CDATA[Rencontre]]></category>
		<category><![CDATA[community manager]]></category>
		<category><![CDATA[leelh]]></category>

		<guid isPermaLink="false">http://webtribulation.com/?p=1289</guid>
		<description><![CDATA[Le Community Manager Je m&#8217;appelle Laurent Righetti mais tout le monde m&#8217;appelle Kanjy ! J&#8217;ai 25 piges et je bosse depuis un peu moins d&#8217;un an comme Community Manager sur le projet Leelh. Je viens d&#8217;une lointaine contrée où l&#8217;on ripaille à foison en vomissant de la bière : la Belgique. Je vis à Lille [...]]]></description>
			<content:encoded><![CDATA[
<h1><img class="alignleft" title="Le community manager de Leelh" src="http://farm3.static.flickr.com/2798/4462165092_332177e8e8.jpg" alt="" width="100" height="100" />Le Community Manager</h1>
<p>Je m&#8217;appelle Laurent Righetti mais tout le monde m&#8217;appelle Kanjy !  J&#8217;ai 25 piges et je bosse depuis un peu moins d&#8217;un an comme Community  Manager sur le projet Leelh. Je viens d&#8217;une lointaine contrée où l&#8217;on  ripaille à foison en vomissant de la bière : la Belgique. Je vis à Lille  depuis Juin 2009.</p>
<p><strong>Parcours</strong></p>
<p>Assez classique&#8230; J&#8217;ai suivi un cursus universitaire en  communications appliquées – presse et information à l&#8217;Ihecs (Belgique).  J&#8217;ai eu pas mal de chance, j&#8217;ai commencé mes études l&#8217;année avant que  l&#8217;uniformisation de Bologne soit mise en place. Je suis donc sorti avec  une équivalence bac+5 en quatre ans !</p>
<p>Après les études, certains partent  à l&#8217;étranger, d&#8217;autres choisissent de commencer directement la vie  active&#8230; Moi ? J&#8217;ai choisi de geeker pendant une année avant de m&#8217;y  mettre et me voilà dans le milieu du jeu vidéo&#8230; Que demander de plus ?  (rires)</p>
<p><strong>Projets passés</strong></p>
<p>J&#8217;ai pas mal glandé après mes études, je le confesse. Enfin, pendant  mon année sabbatique faite de jeux vidéo et de bières, j&#8217;ai monté un  projet d&#8217;atelier d&#8217;art avec quelques amis qui sortaient d&#8217;Horta (section  architecture de l&#8217;Université Libre de Bruxelles).</p>
<p>On se retrouvait dans  notre atelier, on peignait, on se marrait, c&#8217;était la bonne époque !  Mais on a vite vu les limites du truc : on était juste une bande de  potes qui faisaient des pochoirs de Mister T ensemble. On était deux à  vouloir en faire quelque chose de concret, le trip a donc coulé. Les  clés de l&#8217;atelier ont été rendues un ou deux mois après que j&#8217;emménage  en France.</p>
<p>Sinon, j&#8217;ai fait des animations avec des gosses pour une ASBL belge en tant que  bénévole, c&#8217;était assez sympa&#8230; Enfin pour parler des projets passés :  rien de concret ! (rires)</p>
<div class="wp-caption aligncenter" style="width: 510px"><img title="http://communaute.leelh.com/" src="http://farm5.static.flickr.com/4014/4462216566_dfdbb4dc11.jpg" alt="" width="500" height="262" /><p class="wp-caption-text">La page Communauté de Leelh</p></div>
<p><strong>A quoi ressemble la journée d&#8217;un community manager pour un jeu vidéo ?</strong></p>
<p>Alors ça dépend vraiment ! J&#8217;ai mes petits rituels : facebook,  forums, twitter, tester la connexion au jeu, ouvrir ma boîte mail,  l&#8217;analytics, etc.</p>
<p>Après, à chaque jour son lot de missions diverses et  variées. Le but reste, selon moi, d&#8217;être proche de la communauté qui se  crée autour de Leelh et d&#8217;être hyper réactif lorsqu&#8217;il y a la moindre  demande de sa part. C&#8217;est vraiment le leitmotiv de mes journées&#8230; Mais  comme je le disais plus haut, c&#8217;est  très variable.</p>
<p>Parfois, je bosse  toute la journée sur du contenu à envoyer à mes contacts ou je m&#8217;amuse  en écrivant un billet sur le dev&#8217;blog. Je peux passer toute la journée à  envoyer des mails, à imaginer et préparer un concours ou bien à traquer  le moindre « Leelh » sur la toile. C&#8217;est un travail très intéressant et  varié. C&#8217;est d&#8217;autant plus vrai dans une petite boîte où l&#8217;on doit  pouvoir constamment changer de casquette. Par contre, on lâche rarement  son ordinateur et son iPhone, faut l&#8217;avouer ! (rires)</p>
<p><strong>A quoi sert-il ?</strong></p>
<p>Le Community Manager, c&#8217;est le visage humain d&#8217;une entreprise. Selon  moi, son rôle est de communiquer avec les personnes qui s&#8217;intéressent au  projet de l&#8217;entreprise mais aussi de créer l&#8217;intérêt autour de ce même  projet.</p>
<p>C&#8217;est particulièrement vrai dans le domaine du jeu vidéo où les  membres des différentes communautés ont pris l&#8217;habitude d&#8217;échanger sur  les supports du projet qu&#8217;ils suivent. C&#8217;est donc à nous d&#8217;être présents  sur ces supports et de prouver à notre communauté que nous sommes  autant impliqués qu&#8217;elle sur ceux-ci. Le but dans mon travail de tous  les jours est de montrer aux potentiels futurs joueurs de Leelh que  leurs avis sont très importants à nos yeux et de créer cette proximité.</p>
<p>C&#8217;est un autre mode de communication, plus décontracté mais tout  autant efficace !</p>
<blockquote><p>Vous pouvez continuer en revenant à l&#8217;article principal sur Leelh, ou  choisir l&#8217;image de l&#8217;un des deux autres personnes qui travaillent sur le  projet ci-dessous :</p></blockquote>
<p><a href="http://webtribulation.com/2010/03/25/leelh-recontre-avec-la-scenariste-du-jeu/"><img class="alignnone" title="La Scénariste de Leelh" src="http://farm5.static.flickr.com/4061/4459880189_a3fe7ace05_o.jpg" alt="" width="174" height="297" /></a><a href="http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-directeur-artistique-du-jeu/"><img class="alignnone" title="Le Directeur Artistique de Leelh " src="http://farm3.static.flickr.com/2714/4460658820_9b777b04f1_o.jpg" alt="" width="175" height="297" /></a><a href="http://webtribulation.com/2010/03/25/leelh-rencontre-avec-la-scenariste-le-directeur-artistique-et-le-community-manager-dun-jeu-video/"><img class="alignnone" title="Home" src="http://farm3.static.flickr.com/2701/4462164936_11f4c3bf01_o.jpg" alt="" width="174" height="297" /></a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Leelh+%3A+rencontre+avec+le+Community+Manager+du+jeu+-+&amp;source=shareaholic" rel="nofollow" class="external" title="Tweetez-le !">Tweetez-le !</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-community-manager-du-jeu/&amp;t=Leelh+%3A+rencontre+avec+le+Community+Manager+du+jeu" rel="nofollow" class="external" title="Partagez-le sur Facebook">Partagez-le sur Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-community-manager-du-jeu/&amp;imageurl=" rel="nofollow" class="external" title="Postez-le sur Google Buzz">Postez-le sur Google Buzz</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-community-manager-du-jeu/feed" rel="nofollow" class="external" title="S'abonner aux commentaires de cet article ?">S'abonner aux commentaires de cet article ?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<div class="topsy_widget_data topsy_theme_blue" style="float: left;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwebtribulation.com%252F2010%252F03%252F25%252Fleelh-rencontre-avec-le-community-manager-du-jeu%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Leelh%20%3A%20rencontre%20avec%20le%20Community%20Manager%20du%20jeu%22%20%7D);"></div>

]]></content:encoded>
			<wfw:commentRss>http://webtribulation.com/2010/03/25/leelh-rencontre-avec-le-community-manager-du-jeu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webmix Symbaloo</title>
		<link>http://webtribulation.com/2010/03/19/webmix-symbaloo/</link>
		<comments>http://webtribulation.com/2010/03/19/webmix-symbaloo/#comments</comments>
		<pubDate>Fri, 19 Mar 2010 11:21:04 +0000</pubDate>
		<dc:creator>Valentin Pringuay</dc:creator>
				<category><![CDATA[Découverte web]]></category>
		<category><![CDATA[Symbaloo]]></category>
		<category><![CDATA[bureaux]]></category>
		<category><![CDATA[éducation]]></category>
		<category><![CDATA[entreprises]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webmix]]></category>
		<category><![CDATA[wormee]]></category>

		<guid isPermaLink="false">http://webtribulation.com/?p=1241</guid>
		<description><![CDATA[Depuis que je travaille pour Symbaloo (depuis presque 3 ans maintenant), j’ai souvent créé des webmix pour donner des exemples de ce qu’il est possible de réaliser avec cette page d’accueil. C’est une période (que de très nombreux services comme Symbaloo doivent connaître) où la plupart des contenus sont créés par l&#8217;équipe derrière le projet, [...]]]></description>
			<content:encoded><![CDATA[
<p><img class="aligncenter size-full wp-image-1246" title="symbaloowebmix" src="http://webtribulation.com/wp-content/uploads/2010/03/symbaloowebmix.png" alt="" width="580" height="330" /></p>
<p>Depuis que je travaille pour Symbaloo (depuis presque 3 ans maintenant), j’ai souvent créé des webmix pour donner des exemples de ce qu’il est possible de réaliser avec cette page d’accueil.<br />
C’est une période (que de très nombreux services comme Symbaloo doivent connaître) où la plupart des contenus sont créés par l&#8217;équipe derrière le projet, alors que l’on souhaiterait justement que ce soit nos utilisateurs qui le fassent.</p>
<p>Aujourd’hui j’assiste à ce moment gratifiant : celui où de plus en plus de personnes s’approprient l’outil par eux-mêmes.<br />
Alors voici quelques unes des belles réalisations que j’ai découvert récemment :</p>
<h3>Éducation</h3>
<p>Cela fait depuis quelques temps maintenant que je vois de plus en plus de professeurs, de documentalistes, de médiathèques ou de cyberbases, qui utilisent Symbaloo pour rassembler des ressources dans un but éducatif. C’est pourquoi j’ai décidé de <a title="Webmix Education" href="http://www.symbaloo.com/public/6498/education/" target="_blank">créer ce bureau</a> où chaque bloc est un lien vers un autre webmix. Ce sont donc 30 webmix qui sont rassemblés ici pour servir de source d’inspiration à d’autres professeurs ou documentalistes.</p>
<div class="wp-caption aligncenter" style="width: 510px"><a href="http://www.symbaloo.com/public/6498/education/"><img title="Bureau Education" src="http://farm3.static.flickr.com/2702/4445268126_4d172973fd.jpg" alt="" width="500" height="299" /></a><p class="wp-caption-text">Cliquez sur l&#39;image pour ajouter ce webmix Education sur Symbaloo</p></div>
<p>Je tiens à remercier les auteurs de ces belles réalisations. Merci donc à Lyne Fichet, Freddy Beauchamp, Murielle Segonds-Frémaux, Joachim Schöpfel, et tous les autres que je ne connais pas encore.</p>
<h3>Entreprises</h3>
<p>Les webmix se sont également révélés être une bonne manière pour les sociétés de faire découvrir leurs services ou de fidéliser leur public.<br />
Dernière société en date, WorMee (une filiale du pôle innovation de Orange, la Orange Vallée) a décidé <a title="Webmix WorMee" href="http://www.symbaloo.com/public/6491/wormee/" target="_blank">d’offrir un webmix rassemblant les liens intéressants pour découvrir WorMee</a>. Vous pouvez également retrouver un visuel de leurs dernières actualités éditoriales (actuellement un hommage à Jean Ferrat ou un concert exclusif de Charlotte Gainsbourg, par exemple).</p>
<div class="wp-caption aligncenter" style="width: 510px"><a href="http://www.symbaloo.com/public/6491/wormee/"><img title="Bureau WorMee" src="http://farm5.static.flickr.com/4036/4444496785_6d6628e36f.jpg" alt="" width="500" height="299" /></a><p class="wp-caption-text">Cliquez sur l&#39;image pour ajouter ce webmix WorMee sur Symbaloo</p></div>
<p style="text-align: center;">
<p>Pour rappel, avant WorMee, ce sont des sociétés comme <a title="Bureau LeFigaro.fr" href="http://www.symbaloo.com/public/1315/lefigaro-fr/" target="_blank">LeFigaro.fr</a> ou <a title="Webmix Qype" href="http://www.symbaloo.com/public/2885/qype-a--paris--toutes-les-bonnes-adresses-/" target="_blank">Qype</a> qui avaient créé leur webmix.</p>
<h3>Passionnés</h3>
<p>Mais je n’oublie évidemment pas toutes les personnes qui ont décidé de partager leurs passions et connaissances d’un sujet en créant un webmix. Je pense par exemple à celui-ci sur le WebDesign :</p>
<p style="text-align: center;">
<div class="wp-caption aligncenter" style="width: 510px"><a href="http://www.symbaloo.com/public/4729/webdesign--graphisme---int--gration---francais/"><img title="Bureau sur le WebDesign" src="http://farm5.static.flickr.com/4022/4445267902_aff119e698.jpg" alt="" width="500" height="299" /></a><p class="wp-caption-text">Cliquez sur l&#39;image pour ajouter ce webmix sur le WebDesign sur Symbaloo</p></div>
<p>Et c’est vraiment toujours avec un grand sourire que je découvre ce genre d’initiative. C&#8217;est pourquoi je voulais absolument publier un article pour rendre hommage au travail de tous ces utilisateurs qui donnent un sens à ce que j&#8217;ai fait depuis 3 ans.<br />
Alors si l’envie vous prend de créer et de partager un bureau sur Symbaloo, n’hésitez pas à le partager avec moi.</p>
<p>De même si vous avez besoin d’aide pour la création, n’hésitez pas à <a title="Page contact" href="http://webtribulation.com/contact/" target="_blank">me contacter</a>.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Webmix+Symbaloo+-+&amp;source=shareaholic" rel="nofollow" class="external" title="Tweetez-le !">Tweetez-le !</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://webtribulation.com/2010/03/19/webmix-symbaloo/&amp;t=Webmix+Symbaloo" rel="nofollow" class="external" title="Partagez-le sur Facebook">Partagez-le sur Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://webtribulation.com/2010/03/19/webmix-symbaloo/&amp;imageurl=" rel="nofollow" class="external" title="Postez-le sur Google Buzz">Postez-le sur Google Buzz</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://webtribulation.com/2010/03/19/webmix-symbaloo/feed" rel="nofollow" class="external" title="S'abonner aux commentaires de cet article ?">S'abonner aux commentaires de cet article ?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<div class="topsy_widget_data topsy_theme_blue" style="float: left;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwebtribulation.com%252F2010%252F03%252F19%252Fwebmix-symbaloo%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Webmix%20Symbaloo%22%20%7D);"></div>

]]></content:encoded>
			<wfw:commentRss>http://webtribulation.com/2010/03/19/webmix-symbaloo/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Des articles de blog pensés comme des œuvres d&#8217;art</title>
		<link>http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/</link>
		<comments>http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 15:26:41 +0000</pubDate>
		<dc:creator>Valentin Pringuay</dc:creator>
				<category><![CDATA[Création Web]]></category>
		<category><![CDATA[Découverte web]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Développement]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://webtribulation.com/?p=1116</guid>
		<description><![CDATA[J&#8217;ai récemment découvert le blog de Paddy Donnelly, UX designer (spécialisé dans l&#8217;expérience utilisateur) irlandais vivant en Belgique : IamPaddy.com Ce qui rends son blog hors du commun ? Paddy prend le temps nécessaire pour que le design de ses articles transmette une partie de son message. Il a accepté de partager avec nous le [...]]]></description>
			<content:encoded><![CDATA[
<address> </address>
<address>J&#8217;ai récemment découvert le blog de Paddy Donnelly, UX designer (spécialisé dans l&#8217;expérience utilisateur) irlandais vivant en Belgique : <a title="I am Paddy, blog de Paddy Donnelly" href="http://iampaddy.com/" target="_blank">IamPaddy.com</a> </address>
<address>Ce qui rends son blog hors du commun ? Paddy prend le temps nécessaire pour que le design de ses articles transmette une partie de son message. Il a accepté de partager avec nous le processus de création de l&#8217;un de ses articles. </address>
<address> </address>
<address> </address>
<address> </address>
<address> </address>
<address><a title="english version" href="http://webtribulation.com/2010/03/10/a-blog-post-as-a-piece-of-art/" target="_blank"><img class="alignleft" title="english flag" src="http://farm5.static.flickr.com/4050/4422725724_0379ecb80e.jpg" alt="" width="15" height="10" />English reader, you can find a version for you here.</a><br />
</address>
<address> </address>
<address> </address>
<address><a rel="attachment wp-att-1178" href="http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/padd/"><img class="size-full wp-image-1178 alignleft" title="IamPaddy" src="http://webtribulation.com/wp-content/uploads/2010/03/padd.jpg" alt="" width="580" height="330" /></a><br />
</address>
<address> </address>
<address> </address>
<address> </address>
<address> </address>
<address> </address>
<address> </address>
<h2>Inspiration.<img class="alignright" title="Carnet en molesking de Paddy" src="http://farm5.static.flickr.com/4057/4422242178_32cd77bce5.jpg" alt="" width="263" height="350" /></h2>
<p>Je garde toujours sur moi un carnet en moleskine sur lequel je prends en note toutes les idées et pensées que j&#8217;ai pour des articles. Mes thèmes sont généralement des concepts ancestraux (la pliure de la page, l&#8217;orthographe, le minimalisme) auxquels j&#8217;essaye de donner une nouvelle dimension. J&#8217;essaye de faire en sorte que les gens pensent différemment ces concepts et, avec un peu de chance, leur inspirer une ouverture d&#8217;esprit dans leurs propres travaux.</p>
<h2>Écriture.</h2>
<p>Je commence toujours par l&#8217;écriture. J&#8217;ai généralement une vague idée de ce que sera le design, et cela influence souvent l&#8217;écriture de l&#8217;article dans une étape suivante, mais l&#8217;écriture vient toujours en premier.</p>
<p>Je m&#8217;enferme sur <a title="Ommwriter" href="http://ommwriter.com" target="_blank">Ommwriter</a>, n&#8217;avoir aucune distraction est la meilleure façon que j&#8217;ai trouvé pour écrire mes articles.</p>
<h2>L&#8217;Esquisse.</h2>
<p>De trop nombreux designers ouvrent Photoshop directement, sans avoir une idée générale de ce que sera leur création. Je vais toujours faire une esquisse d&#8217;un article dans son intégralité, ce qui peut prendre un certain nombre de pages. C&#8217;est seulement lorsque je suis satisfait de l&#8217;aspect général que j&#8217;ouvre Photoshop.</p>
<h2>Photoshop comme outil de publication.</h2>
<p>Je traite Photoshop comme s&#8217;il s&#8217;agissait d&#8217;un outil de publication : je vais créer la mise en page pour que cela corresponde le mieux possible avec mes dessins. Le design influence généralement l&#8217;article, certaines choses vont donc devoir être changées, effacées ou ajoutées. Cela prends énormément de temps et je vais très souvent abandonner pour recommencer de nouveau jusqu&#8217;à ce que je sois content du résultat.</p>
<h2><img class="alignleft" title="Fichier photoshop avant le découpage" src="http://farm5.static.flickr.com/4004/4422242104_43dd685cb8.jpg" alt="" width="350" height="286" />Découpage &amp; HTML/CSS.</h2>
<p>Le découpage du fichier Photoshop et la création de la page HTML vient ensuite. C&#8217;est peut être l&#8217;étape la plus longue du procédé. Des petites choses changent ici ou là en fonction de mon habilité à coder correctement. C&#8217;est facile de se déchaîner sur Photoshop et créer des choses très compliquées&#8230; mais c&#8217;est une toute autre histoire que d&#8217;essayer de les rassembler sur la page HTML et je dois donc parfois abandonner ou changer de petites choses.</p>
<h2>Publication</h2>
<p>Ensuite, une fois que je l&#8217;ai relu entièrement, et fais de petites modifications (et d&#8217;autres modifications encore, et encore d&#8217;autres) : je le publie pour le partager avec le monde. J&#8217;envoie un message sur Twitter à propos de l&#8217;article et, généralement, il suit sa propre vie en faisant son chemin sur le web. C&#8217;est fantastique de voir des personnes apprécier et tweeter à propos de quelque chose pour lequel j&#8217;ai mis tant d&#8217;efforts. Je m&#8217;assure d&#8217;annoncer mon prochain article à la fin de celui-ci, en choisissant une autre idée dans mon carnet en moleskine. Cela permet à mes lecteurs d&#8217;anticiper le prochain article. C&#8217;est aussi une très bonne manière de me garder motivé pour la création de l&#8217;article suivant.</p>
<p style="text-align: center;"><a href="http://iampaddy.com/"><img class="aligncenter" title="Life bellow 600 px" src="http://farm5.static.flickr.com/4002/4422252970_57517bda7c_o.jpg" alt="" width="325" height="481" /></a></p>
<p>Je vous laisse donc découvrir les œuvres de Paddy Donnelly<a title="IamPaddy" href="http://iampaddy.com" target="_blank"> sur son blog IamPaddy.com. </a></p>
<p>Si vous souhaitez découvrir d&#8217;autres blogs qui prennent autant de soin pour designer leur billet (comme l&#8217;excellent Dustin Curtis et son article <a title="Dustin Curtis article " href="http://dustincurtis.com/you_should_follow_me_on_twitter.html" target="_blank">You should follow me on Twitter</a>) , je vous conseille de lire <a title="Ma Revue Web" href="http://www.marevueweb.com/2010/03/conseils-pour-ecrire-des-posts-billets-uniques-sur-wordpress/" target="_blank">ce billet </a>qui rassemble des liens vers quelques unes de ces créations et vous donne même une première piste pour réaliser un blog de la même façon.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Des+articles+de+blog+pens%C3%A9s+comme+des+%C5%93uvres+d%27art+-+&amp;source=shareaholic" rel="nofollow" class="external" title="Tweetez-le !">Tweetez-le !</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/&amp;t=Des+articles+de+blog+pens%C3%A9s+comme+des+%C5%93uvres+d%27art" rel="nofollow" class="external" title="Partagez-le sur Facebook">Partagez-le sur Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/&amp;imageurl=" rel="nofollow" class="external" title="Postez-le sur Google Buzz">Postez-le sur Google Buzz</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/feed" rel="nofollow" class="external" title="S'abonner aux commentaires de cet article ?">S'abonner aux commentaires de cet article ?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<div class="topsy_widget_data topsy_theme_blue" style="float: left;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwebtribulation.com%252F2010%252F03%252F10%252Fdes-articles-de-blog-penses-comme-des-oeuvres-dart%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Des%20articles%20de%20blog%20pens%C3%A9s%20comme%20des%20%C5%93uvres%20d%27art%22%20%7D);"></div>

]]></content:encoded>
			<wfw:commentRss>http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>A blog post as a piece of art</title>
		<link>http://webtribulation.com/2010/03/10/a-blog-post-as-a-piece-of-art/</link>
		<comments>http://webtribulation.com/2010/03/10/a-blog-post-as-a-piece-of-art/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 15:26:24 +0000</pubDate>
		<dc:creator>Valentin Pringuay</dc:creator>
				<category><![CDATA[Création Web]]></category>
		<category><![CDATA[Découverte web]]></category>
		<category><![CDATA[Développement]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://webtribulation.com/?p=1147</guid>
		<description><![CDATA[I have recently discovered Paddy Donnelly&#8217;s blog, an irish UX designer living in Belgium : IamPaddy.com What makes his blog out of the common ? Paddy is spending the time to design his blog post so they transmit a part of the message. He has accepted to share with us the process to create one [...]]]></description>
			<content:encoded><![CDATA[
<address> </address>
<address>I have recently discovered Paddy Donnelly&#8217;s blog, an irish UX designer living in Belgium : <a title="I am Paddy, blog de Paddy Donnelly" href="http://iampaddy.com/" target="_blank">IamPaddy.com</a> </address>
<address>What makes his blog out of the common ? Paddy is spending the time to design his blog post so they transmit a part of the message. He has accepted to share with us the process to create one of his blog post.</address>
<address> </address>
<address> </address>
<address><a title="version française" href="http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/" target="_blank"><img class="alignleft" title="drapeau français" src="http://farm3.static.flickr.com/2797/4422725840_90309c9ef6.jpg" alt="" width="16" height="10" />Lecteur français, vous pouvez trouver une version pour vous ici.</a><br />
</address>
<address> </address>
<address> </address>
<address><a rel="attachment wp-att-1136" href="http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/paddy/"><img class="size-full wp-image-1136 alignnone" title="paddy" src="http://webtribulation.com/wp-content/uploads/2010/03/paddy.png" alt="" width="580" height="330" /></a><br />
</address>
<address> </address>
<address> </address>
<address> </address>
<address> </address>
<address> </address>
<address> </address>
<h2>Inspiration.<img class="alignright" title="Carnet en molesking de Paddy" src="http://farm5.static.flickr.com/4057/4422242178_32cd77bce5.jpg" alt="" width="263" height="350" /></h2>
<p>I keep a Moleskine notebook with me at all times and jot down any ideas and thoughts I have for articles. Usually my topics are age old concepts (the page fold, spelling, minimalism) but I try and create a new spin on them.  I try to make people think differently about these concepts and hopefully inspire them to open their minds with their own work.</p>
<h2>Writing.</h2>
<p>I always start with the copy. I usually have a vague idea what the design will look like and that often influences the copy in a later stage, but the copy always comes first. Locking myself away in<a title="Ommwriter" href="http://ommwriter.com/" target="_blank"> Ommwriter</a> with no distractions is the best way I have found for writing my articles.</p>
<h2>Sketching.</h2>
<p>Too many designers open Photoshop straight away without a general idea of how the whole creation will look.  I always fully sketch out the article in it&#8217;s entirety, which can take a number of pages, and then once I&#8217;m pleased with the general direction I open Photoshop.</p>
<h2>Photoshop as a publishing tool.</h2>
<p>I treat Photoshop as a publishing tool, creating the layout to match my sketches. as best I can.  Usually the design influences the copy so some things have to be changed, removed or added.  This takes a long time and I usually scrap everything and start again and again until I&#8217;m happy.</p>
<h2><img class="alignleft" title="Fichier photoshop avant le découpage" src="http://farm5.static.flickr.com/4004/4422242104_43dd685cb8.jpg" alt="" width="350" height="286" />Slicing &amp; HTML/CSS.</h2>
<p>Slicing up the Photoshop file and creating the HTML pages comes next.<br />
This is perhaps the longest stage in the process.  Little things always change here or there depending on my coding skills.  It&#8217;s easy to go wild creating complicated things in Photoshop but it&#8217;s a different story trying to put it together in HTML so sometimes little things have to be left out or changed.</p>
<h2>Publish</h2>
<p>Then once I have read it over, and tweaked and tweaked and tweaked, I publish it and send it out into the world.  I tweet about it and then the article usually takes on a life on it&#8217;s own and works its way around the web. It&#8217;s fantastic to see people enjoying and tweeting about something that I&#8217;ve put so much work into. I make sure to line up my next article by choosing another idea from my Moleskine so that people are anticipating the next installment. This is also a good way of keeping me motivated in creating the next article.</p>
<p style="text-align: center;"><a href="http://iampaddy.com/"><img class="aligncenter" title="Life bellow 600 px" src="http://farm5.static.flickr.com/4002/4422252970_57517bda7c_o.jpg" alt="" width="325" height="481" /></a></p>
<p>Discover the art of Paddy Donnelly<a title="IamPaddy" href="http://iampaddy.com" target="_blank"> on his blog IamPaddy.com. </a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=A+blog+post+as+a+piece+of+art+-+&amp;source=shareaholic" rel="nofollow" class="external" title="Tweetez-le !">Tweetez-le !</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://webtribulation.com/2010/03/10/a-blog-post-as-a-piece-of-art/&amp;t=A+blog+post+as+a+piece+of+art" rel="nofollow" class="external" title="Partagez-le sur Facebook">Partagez-le sur Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://webtribulation.com/2010/03/10/a-blog-post-as-a-piece-of-art/&amp;imageurl=" rel="nofollow" class="external" title="Postez-le sur Google Buzz">Postez-le sur Google Buzz</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://webtribulation.com/2010/03/10/a-blog-post-as-a-piece-of-art/feed" rel="nofollow" class="external" title="S'abonner aux commentaires de cet article ?">S'abonner aux commentaires de cet article ?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<div class="topsy_widget_data topsy_theme_blue" style="float: left;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwebtribulation.com%252F2010%252F03%252F10%252Fa-blog-post-as-a-piece-of-art%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22A%20blog%20post%20as%20a%20piece%20of%20art%22%20%7D);"></div>

]]></content:encoded>
			<wfw:commentRss>http://webtribulation.com/2010/03/10/a-blog-post-as-a-piece-of-art/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mise en place d&#8217;un site avec le CMS Drupal</title>
		<link>http://webtribulation.com/2010/03/08/mise-en-place-dun-site-avec-le-cms-drupal/</link>
		<comments>http://webtribulation.com/2010/03/08/mise-en-place-dun-site-avec-le-cms-drupal/#comments</comments>
		<pubDate>Mon, 08 Mar 2010 08:16:46 +0000</pubDate>
		<dc:creator>Guillaume</dc:creator>
				<category><![CDATA[Création Web]]></category>
		<category><![CDATA[Découverte web]]></category>
		<category><![CDATA[Développement]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[drupal]]></category>
		<category><![CDATA[site web]]></category>

		<guid isPermaLink="false">http://webtribulation.com/?p=1081</guid>
		<description><![CDATA[Première partie: l&#8217;installation Tout comme dans les articles « Mise en place d’un blog sous WordPress » et « Installer un CMS : le cas de Joomla », je vais ici vous apprendre à faire votre site sous Drupal. Après avoir acheté un hébergement et un nom de domaine, nous pouvons nous lancer. Drupal est [...]]]></description>
			<content:encoded><![CDATA[
<h1><a rel="attachment wp-att-1102" href="http://webtribulation.com/?attachment_id=1102"></a><a rel="attachment wp-att-1105" href="http://webtribulation.com/2010/03/08/mise-en-place-dun-site-avec-le-cms-drupal/drupal-2/"><img class="aligncenter size-full wp-image-1105" title="drupal" src="http://webtribulation.com/wp-content/uploads/2010/03/drupal.png" alt="" width="580" height="330" /></a></h1>
<h1>Première partie: l&#8217;installation</h1>
<p>Tout comme dans les articles <a href="http://webtribulation.com/2010/01/15/mise-en-place-dun-site-wordpress/">« Mise en place d’un blog sous WordPress »</a> et <a href="http://webtribulation.com/2010/01/22/installer-un-cms-le-cas-de-joomla/">« Installer un CMS : le cas de Joomla »</a>, je vais ici vous apprendre à faire votre site sous <a href="http://drupal.org/">Drupal</a>. Après avoir acheté un <a href="http://webtribulation.com/2009/11/04/achat-et-mise-en-place-dun-hebergement/">hébergement</a> et un <a href="http://webtribulation.com/2009/10/06/lachat-dun-nom-de-domaine/">nom de domaine</a>, nous pouvons nous lancer.</p>
<p>Drupal est une alternative à WordPress plus difficile à manier, en raison d’une ergonomie qui n’est pas toujours intuitive. Il est donc souvent destiné à des utilisateurs un peu plus expérimentés. Néanmoins, Drupal dispose de certains atouts, notamment d&#8217;une plus grande flexibilité. Il est nécessaire, avant de lancer son projet (site internet ou blog), de définir ses besoins. Un blog s&#8217;orientera ainsi vers WordPress, SPIP ou autre Dotclear, alors qu&#8217;un site plus complet et &laquo;&nbsp;professionnel&nbsp;&raquo; utilisera surement davantage Drupal ou Joomla ! A chaque projet convient un CMS. A vous de trouver le vôtre !</p>
<p>La première étape consiste à télécharger Drupal <a href="http://ftp.drupal.org/files/projects/drupal-6.15.tar.gz">à cette adresse.</a>. Avant de poursuivre, je vous conseille d&#8217;éditer le fichier .htaccess sur votre serveur pour y placer les lignes suivantes:</p>
<div class="wp-caption alignnone" style="width: 512px"><a href="http://webtribulation.com/wp-content/uploads/2010/03/modfihtaccess.png" target="_blank"><img src="http://webtribulation.com/wp-content/uploads/2010/03/modfihtaccess.png" alt="Modif .htaccess" width="502" height="58" /></a><p class="wp-caption-text">Cliquer sur l&#39;image pour voir l&#39;image en plus grand</p></div>
<p>Il est en effet nécessaire de prendre certaines précautions selon l&#8217;hébergeur que vous avez choisi (notamment OVH). Ensuite, décompressez l&#8217;archive pour n&#8217;obtenir qu&#8217;un dossier (à l&#8217;aide d&#8217;un logiciel de décompression comme Winrar). Cette étape est similaire à celle décrite dans <a href="http://webtribulation.com/2010/01/15/mise-en-place-dun-site-wordpress/"> « Mise en place d’un blog sous WordPress »</a>: nous allons placer l&#8217;ensemble des fichiers et dossiers sur le serveur dans le dossier &laquo;&nbsp;www&nbsp;&raquo;. Le transfert ne dure que quelques minutes, soyez patient <img src='http://webtribulation.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  Si vous avez quelques soucis avec FileZilla, revenez aux deux tutoriels cités précédemment, leur présentation vous éclairera.</p>
<p><img src="http://webtribulation.com/wp-content/uploads/2010/03/ftp.png" alt="transfert ftp" width="580" /></p>
<p>Contrairement au premier tutoriel, nous allons ici suivre l&#8217;installation automatique offerte par le CMS. Rendons nous directement sur le site sur lequel nous avons placé le contenu de l&#8217;archive (http://monsite.fr par exemple):</p>
<p><img src="http://webtribulation.com/wp-content/uploads/2010/03/site.png" alt="Site Drupal" width="580" /></p>
<p>Par défaut, l&#8217;installation se fait en anglais. Si vous souhaitez que Drupal soit en français, il suffit de télécharger la traduction à <a href="http://ftp.drupal.org/files/projects/fr-6.x-1.0.tar.gz">cette adresse</a> puis de décompresser l&#8217;archive et placer son contenu directement sur le serveur.</p>
<p>A la prochaine étape, il vous suffit de dupliquer le fichier &laquo;&nbsp;default.settings.php&nbsp;&raquo; et nommer son doublon &laquo;&nbsp;settings.php&nbsp;&raquo;. Cliquez pour continuer.</p>
<p>Pour cette nouvelle étape, il va vous falloir retrouver les identifiant et mot de passe fournis par votre hébergeur et les entrer ici. Vous pouvez, si vous le souhaitez, ajouter un préfixe à votre table. Ceci vous permettra de discerner les tables utilisées par Drupal en observant le préfixe placé devant. Dans mon exemple, les tables utilisées par Drupal seront nommées sous la forme: _drupal_*.</p>
<p><img src="http://webtribulation.com/wp-content/uploads/2010/03/install_bd.png" alt="Install bd" width="580" /></p>
<p>Poursuivez l&#8217;installation automatique. Vous devrez attendre quelques minutes durant le chargement :</p>
<p><img src="//webtribulation.com/wp-content/uploads/2010/03/installcontinue1.png" alt="" width="580" /></p>
<p>Vous obtiendrez au final ce résultat, prouvant le bon déroulement de l&#8217;installation :</p>
<p><img src="http://webtribulation.com/wp-content/uploads/2010/03/fini.png" alt="fini !" width="580" /></p>
<p>En cliquant sur &laquo;&nbsp;votre nouveau site&nbsp;&raquo;, vous aurez accès au fruit de votre travail : votre site tout beau tout neuf ! Il ne vous reste plus qu&#8217;à personnaliser votre site avec les nombreux thèmes et plugins disponibles&#8230; Et à alimenter votre site ! <img src='http://webtribulation.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>Besoin d&#8217;aide pour votre site sous Drupal ? Consultez <a href="http://drupalfr.org/node/4681">cette page</a>, vous y trouverez une aide précieuse.<br />
<img src="http://webtribulation.com/wp-content/uploads/2010/03/sitefini.png" alt="Site fini" width="580" /></p>
<h1>Deuxième partie: Les avantages et inconvénients de Drupal</h1>
<p>Comme je l&#8217;ai dit plus haut, Drupal est un peu plus difficile à manier que WordPress, ce qui en fait un CMS moins utilisé que ce dernier. L&#8217;ergonomie dans son espace d&#8217;administration laisse à désirer, et il faut parfois chercher un bon moment pour effectuer la modification voulue.</p>
<p>Il bénéficie cependant de quelques avantages indéniables. Même si WordPress tire une grande force de ces nombreux plug-ins (plus de 8500 aujourd&#8217;hui), Drupal n&#8217;a pas grand chose à lui envier avec ses 4000 modules. Si toutefois vous ne trouvez pas le module qu&#8217;il vous faut, Drupal permet aussi de faire vos propres modules grâce à une API puissante vous permettant de développer des outils pour vos propres besoins.</p>
<p>De plus, Drupal est un logiciel libre : vous êtes donc en droit de le modifier dans le cadre de la license GPL pour le faire correspondre un maximum à vos besoins. Vous disposez aussi d&#8217;une communauté active de 500 000 personnes, présentes pour vous aider sur les forums officiels.</p>
<p>Enfin, et il s&#8217;agit du point le plus important selon moi, Drupal est un CMS performant et pouvant résister à un fort trafic, comme il le fait sur de nombreux sites professionnels tel que Rue89.fr.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Mise+en+place+d%27un+site+avec+le+CMS+Drupal+-+&amp;source=shareaholic" rel="nofollow" class="external" title="Tweetez-le !">Tweetez-le !</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://webtribulation.com/2010/03/08/mise-en-place-dun-site-avec-le-cms-drupal/&amp;t=Mise+en+place+d%27un+site+avec+le+CMS+Drupal" rel="nofollow" class="external" title="Partagez-le sur Facebook">Partagez-le sur Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://webtribulation.com/2010/03/08/mise-en-place-dun-site-avec-le-cms-drupal/&amp;imageurl=" rel="nofollow" class="external" title="Postez-le sur Google Buzz">Postez-le sur Google Buzz</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://webtribulation.com/2010/03/08/mise-en-place-dun-site-avec-le-cms-drupal/feed" rel="nofollow" class="external" title="S'abonner aux commentaires de cet article ?">S'abonner aux commentaires de cet article ?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<div class="topsy_widget_data topsy_theme_blue" style="float: left;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwebtribulation.com%252F2010%252F03%252F08%252Fmise-en-place-dun-site-avec-le-cms-drupal%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Mise%20en%20place%20d%27un%20site%20avec%20le%20CMS%20Drupal%22%20%7D);"></div>

]]></content:encoded>
			<wfw:commentRss>http://webtribulation.com/2010/03/08/mise-en-place-dun-site-avec-le-cms-drupal/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
	</channel>
</rss>
