<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>gawel.fr</title>
	
	<link>http://gawel.fr</link>
	<description>Tech, Frog &amp; Rock n' Roll</description>
	<lastBuildDate>Mon, 15 Aug 2011 09:38:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Gawelfr" /><feedburner:info uri="gawelfr" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>MIUI : Libérez votre android !</title>
		<link>http://feedproxy.google.com/~r/Gawelfr/~3/elD9ujHQEyo/</link>
		<comments>http://gawel.fr/2011/08/13/miui-liberez-votre-android/#comments</comments>
		<pubDate>Sat, 13 Aug 2011 18:27:38 +0000</pubDate>
		<dc:creator>gawel</dc:creator>
				<category><![CDATA[Tech]]></category>

		<guid isPermaLink="false">http://gawel.fr/?p=524</guid>
		<description><![CDATA[Envie d&#8217;un peu de frais dans votre smartphone android ? Un peu marre de votre interface ou en manque de certaines fonctionnalités ? Les roms customs d&#8217;Android sont là pour ça ! Aujourd&#8217;hui, je vais parler d&#8217;une des plus populaires : MIUI. Une ROM custom ? On va peut-être commencer par définir la ROM Custom, [...]]]></description>
			<content:encoded><![CDATA[<p>Envie d&#8217;un peu de frais dans votre smartphone android ? Un peu marre de votre interface ou en manque de certaines fonctionnalités ? Les roms customs d&#8217;Android sont là pour ça ! Aujourd&#8217;hui, je vais parler d&#8217;une des plus populaires : MIUI.</p>
<h3>Une ROM custom ?</h3>
<p><img class="size-medium wp-image-527 alignleft" title="Home MIUI" src="http://gawel.fr/wp-content/uploads/2011/08/20110813_132023-180x300.jpg" alt="" width="180" height="300" />On va peut-être commencer par définir la ROM Custom, les utilisateurs un peu bidouilleurs ou plus avertis savent très bien ce que c&#8217;est, les autres moins. En fait, sur la plupart des smartphones android, vous avez la ROM &laquo;&nbsp;de base&nbsp;&raquo; Android, celle développée par Google, sans personnalisation particulière.</p>
<p>Les constructeurs (Sony Ericsson, HTC, Samsung&#8230;) ajoutent une surcouche le plus souvent, ajoutant éléments graphiques, ergonomiques, applications ou fonctionnalités. Ce duo android+couche constructeur constitue la ROM de base de votre téléphone (équivalent au Système d&#8217;exploitation sur votre PC par exemple).</p>
<p>Et donc la ROM custom, c&#8217;est la même chose, sauf qu&#8217;au lieu d&#8217;avoir une couche constructeur, ce sont des développeurs indépendants qui développent des ROMS originales, parfois ça peut servir pour supprimer la couche constructeur de votre smartphone, pour bénéficier de la dernière version d&#8217;Android quand le constructeur n&#8217;y met pas du sien, ou dans d&#8217;autre cas comme MIUI, c&#8217;est une ROM totalement originale et différente des autres&#8230;</p>
<p>Par contre, il faut savoir que pour installer une ROM custom, il faut <a href="http://www.forum-htc-dev.net/t21998-resolu-que-signifie-rooter">rooter</a> son téléphone, autrement dit, il faudra mettre un peu les mains dans le cambouis, et dans la plupart des cas, cela fera sauter votre garantie si vous en avez encore une&#8230;</p>
<p>&nbsp;</p>
<h3>MIUI : Sortez d&#8217;android</h3>
<p>MIUI est une ROM créée en Chine. Le pari de MIUI est de sortir complètement du &laquo;&nbsp;look &amp; feel&nbsp;&raquo; android&#8230; Et c&#8217;est réussi. On reconnait à peine l&#8217;OS de Google tellement tout a été refondu. <a href="http://gawel.fr/wp-content/uploads/2011/08/20110813_142346.jpg"><img class="alignright size-medium wp-image-531" title="MIUI Groupe d'icones" src="http://gawel.fr/wp-content/uploads/2011/08/20110813_142346-180x300.jpg" alt="" width="180" height="300" /></a></p>
<p>Alors bien sur, dans l&#8217;absolu on retrouve les mêmes fonctionnalités, mais c&#8217;est la présentation qui change. A commencer par l&#8217;écran d&#8217;accueil. Exit le bouton permettant d&#8217;ouvrir la liste des applications, elles sont directement affichées sur le bureau. Ça vous rappelle quelque chose ? Oui, ce principe ressemble assez à celui d&#8217;iOS (les Apple-haters arrêteront de lire l&#8217;article à ce point précis). Ça a l&#8217;avantage de rendre l&#8217;ouverture des applications plus aisée/rapide, alors pourquoi ne pas prendre ce qui se fait de mieux chez l&#8217;OS concurrent ?</p>
<p>Par contre, cela signifie que dès que vous installez une application, elle sera visible sur le &laquo;&nbsp;bureau&nbsp;&raquo;. Si vous supprimez une icone, cela supprimera l&#8217;application&#8230;</p>
<p>Autre point très semblable à iOS : les groupes d&#8217;icones. Il est en effet possible de créer des groupes d&#8217;applications pour libérer de la place sur le bureau. Cela s&#8217;avère pratique pour ranger ses applications ! <a href="http://gawel.fr/wp-content/uploads/2011/08/20110813_150717.jpg"><img class="alignleft size-thumbnail wp-image-537" title="Notifications" src="http://gawel.fr/wp-content/uploads/2011/08/20110813_150717-150x150.jpg" alt="" width="150" height="150" /></a><a href="http://gawel.fr/wp-content/uploads/2011/08/20110813_142337.jpg"><img class="alignleft size-thumbnail wp-image-536" title="Toggle" src="http://gawel.fr/wp-content/uploads/2011/08/20110813_142337-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>Dans les différences notables avec les Roms de base Android, on peut noter l&#8217;écran des notifications qui devient méconnaissable, avec un système d&#8217;onglets très pratique permettant d&#8217;accéder rapidement à des boutons d&#8217;activation/désactivation pour la plupart des outils (Wifi, mode avion, silencieux, Bluetooth, etc.) Enfin, la différence surement la plus notable se fait dans l&#8217;écran des préférences systèmes, qui a été totalement repensé et refondu pour être, je trouve, beaucoup plus clair et pratique :</p>
<p style="text-align: center;"><a href="http://gawel.fr/wp-content/uploads/2011/08/20110813_140004.jpg"><img class="size-medium wp-image-540 alignnone" title="20110813_140004" src="http://gawel.fr/wp-content/uploads/2011/08/20110813_140004-180x300.jpg" alt="" width="180" height="300" /></a> <a href="http://gawel.fr/wp-content/uploads/2011/08/20110813_151039.jpg"><img class="size-medium wp-image-541 alignnone" title="20110813_151039" src="http://gawel.fr/wp-content/uploads/2011/08/20110813_151039-180x300.jpg" alt="" width="180" height="300" /></a> <a href="http://gawel.fr/wp-content/uploads/2011/08/20110813_151218.jpg"><img class="size-medium wp-image-542 alignnone" title="20110813_151218" src="http://gawel.fr/wp-content/uploads/2011/08/20110813_151218-180x300.jpg" alt="" width="180" height="300" /></a></p>
<h3>Une rom custom customisable</h3>
<p>Un autre point caractéristique de cette rom est le fait qu&#8217;elle soit entièrement customisable. Il y a un système de thèmes, avec un certain nombre de thèmes disponibles sur Internet, permettant de changer les fonds d&#8217;écrans, les icones, ou même le Lock Screen (l&#8217;écran à dévérouiller lors de la remise en route de l&#8217;écran). Sur certains appareils il est possible de choisir la couleur du témoin de notification (la trackball sur le Nexus One par exemple).</p>
<p style="text-align: center;"><a href="http://gawel.fr/wp-content/uploads/2011/08/20110813_133253.jpg"><img class="size-medium wp-image-549 alignnone" title="20110813_133253" src="http://gawel.fr/wp-content/uploads/2011/08/20110813_133253-180x300.jpg" alt="" width="180" height="300" /> </a><a href="http://gawel.fr/wp-content/uploads/2011/08/20110813_152128.jpg"><img class="alignnone size-medium wp-image-550" title="20110813_152128" src="http://gawel.fr/wp-content/uploads/2011/08/20110813_152128-180x300.jpg" alt="" width="180" height="300" /></a> <a href="http://gawel.fr/wp-content/uploads/2011/08/20110813_152108.jpg"><img class="alignnone size-medium wp-image-551" title="20110813_152108" src="http://gawel.fr/wp-content/uploads/2011/08/20110813_152108-180x300.jpg" alt="" width="180" height="300" /></a></p>
<h3 style="text-align: left;">Des fonctionnalités supplémentaires</h3>
<p>Je vais terminer ce petit tour d&#8217;horizon par ce qu&#8217;apporte MIUI en plus, par rapport aux autres roms android.</p>
<ul>
<li>Dans un premier temps, une fonctionnalité qui n&#8217;est pas accessible sur la plupart des terminaux android : les screenshots (sans lesquels cet article serait bien pauvre). Avec cette rom, sur Nexus One par exemple, appuyez sur &laquo;&nbsp;Menu&nbsp;&raquo; et &laquo;&nbsp;Volume bas&nbsp;&raquo; en même temps et vous aurez une capture d&#8217;écran toute fraîche sur votre carte SD. (qui a dit iOS encore ?)</li>
</ul>
<ul>
<li><img class="size-medium wp-image-553 alignright" title="20110813_152759" src="http://gawel.fr/wp-content/uploads/2011/08/20110813_152759-180x300.jpg" alt="" width="180" height="300" />Sur certains appareils, et notamment le Nexus One encore, cet rom active le Tuner FM qui n&#8217;est pas utilisé sur la rom standard. Et c&#8217;est un plus non négligeable, je cherchais à la base un smartphone capable de faire Tuner FM ! Ecouter la radio sans passer par les réseaux peut s&#8217;avérer très pratique, à l&#8217;étranger par exemple.</li>
</ul>
<ul>
<li>Une &laquo;&nbsp;lampe torche&nbsp;&raquo; native, permettant d&#8217;activer le &laquo;&nbsp;flash&nbsp;&raquo; de votre appareil pour le transformer en torche. Avec un accès rapide en laissant appuyé sur &laquo;&nbsp;Home&nbsp;&raquo; à partir du Screen Lock.</li>
</ul>
<ul>
<li>D&#8217;autres applications natives MIUI, comme le lecteur de musique, l&#8217;appareil photo, la galerie photo, ou encore le navigateur MIUI, très pratique avec une très bonne gestion des onglets notamment.</li>
</ul>
<div style="text-align: center;"><a href="http://gawel.fr/wp-content/uploads/2011/08/20110813_154036.jpg"><img class="alignnone size-medium wp-image-557" title="20110813_154036" src="http://gawel.fr/wp-content/uploads/2011/08/20110813_154036-180x300.jpg" alt="" width="180" height="300" /></a> <a href="http://gawel.fr/wp-content/uploads/2011/08/20110813_154158.jpg"><img class="alignnone size-medium wp-image-558" title="20110813_154158" src="http://gawel.fr/wp-content/uploads/2011/08/20110813_154158-180x300.jpg" alt="" width="180" height="300" /></a></div>
<ul>
<li>Côté performances, sur le Nexus One, qui était déjà très efficace avec la rom standard, le téléphone reste efficace. Par contre, de ce que j&#8217;ai pu tester sur le Xperia X10, cela n&#8217;a rien à voir avec les performances de la bête sous la rom Sony Ericsson ! On a l&#8217;impression que les capacités sont décuplées (principalement du au fait que MIUI lève le bridage du framerate du X10).</li>
</ul>
<ul>
<li>Niveau batterie, de ce que j&#8217;ai pu en utiliser, on ne consomme pas plus qu&#8217;avec la rom standard (mais on ne consomme pas vraiment moins non plus).</li>
</ul>
<h3 style="text-align: left;">Installer MIUI</h3>
<p>C&#8217;est le côte moins &laquo;&nbsp;simple&nbsp;&raquo; de MIUI&#8230; L&#8217;installation.</p>
<p>Déjà, il faut savoir qu&#8217;il n&#8217;y a que quelques appareils qui sont compatibles avec cette rom. Officiellement il y a le Nexus One, le Motorola Milestone, le HTC Desire, le HTC HD2, HTC Desire HD, le Nexus S et le HTC Desire Z.</p>
<p>En cherchant, il existe aussi des roms pour d&#8217;autres terminaux, j&#8217;en ai testé une rapidement sur Xperia X10, qui est très réussie (le X10 par contre&#8230;) !</p>
<p>Pour installer ces roms, le <a href="http://en.miui.com">site officiel</a> est plutôt très bien fait, très clair. En tout cas <a href="http://en.miui.com/a-19.html">pour le N1</a>. Par contre, pensez à faire une sauvegarde de votre rom actuelle avant d&#8217;en installer une autre. Au cas où <img src='http://gawel.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h3 style="text-align: left;">Pour qui ?</h3>
<p>En définitive, j&#8217;ai adopté cette rom custom plutôt sympathique. Par contre, je ne pense pas qu&#8217;elle plaira aux &laquo;&nbsp;puristes&nbsp;&raquo; android, ou aux allergiques à tout ce qui ressemble de près et surtout de loin à iOS.</p>
<p>Mais si vous avez pas peur de mettre un peu les mains dans le cambouis, et que vous voulez tenter une nouvelle expérience (utilisateur) avec android, foncez, essayez-là !</p>
<blockquote><p>Site officiel : <a href="http://en.miui.com/">http://en.miui.com/</a></p>
<p>Site MIUI France : <a href="http://miui-france.com/">http://miui-france.com/</a></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://gawel.fr/2011/08/13/miui-liberez-votre-android/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://gawel.fr/2011/08/13/miui-liberez-votre-android/</feedburner:origLink></item>
		<item>
		<title>Google Music : votre musique dans les nuages</title>
		<link>http://feedproxy.google.com/~r/Gawelfr/~3/CE4f-B2JMc8/</link>
		<comments>http://gawel.fr/2011/08/04/google-music-votre-musique-dans-les-nuages/#comments</comments>
		<pubDate>Thu, 04 Aug 2011 13:45:40 +0000</pubDate>
		<dc:creator>gawel</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[google music]]></category>
		<category><![CDATA[mp3]]></category>
		<category><![CDATA[music]]></category>

		<guid isPermaLink="false">http://gawel.fr/?p=485</guid>
		<description><![CDATA[J&#8217;ai tout récemment (hier en fait) reçu une invitation pour Google Music, le nouveau service en Beta de Google. Merci à Jef pour l&#8217;invitation. Petit résumé de l&#8217;expérience Google Music : Une Beta ouverte qu&#8217;aux US ? Dans la théorie, Google Music n&#8217;est pour l&#8217;instant qu&#8217;une version Beta, ouverte uniquement aux utilisateurs basés aux USA&#8230; [...]]]></description>
			<content:encoded><![CDATA[<p>J&#8217;ai tout récemment (hier en fait) reçu une invitation pour Google Music, le nouveau service en Beta de Google. Merci à Jef pour l&#8217;invitation. Petit résumé de l&#8217;expérience Google Music :</p>
<h3>Une Beta ouverte qu&#8217;aux US ?</h3>
<p>Dans la théorie, Google Music n&#8217;est pour l&#8217;instant qu&#8217;une version Beta, ouverte uniquement aux utilisateurs basés aux USA&#8230; En théorie seulement, car Google commence à ouvrir le service en Europe. La preuve en est, c&#8217;est que je suis basé en France, sans passer par un proxy américain, et que j&#8217;y ai accès !</p>
<p style="text-align: center;"><a href="http://gawel.fr/wp-content/uploads/2011/08/music_usa.jpg"><img class="aligncenter size-full wp-image-486" title="music_usa" src="http://gawel.fr/wp-content/uploads/2011/08/music_usa.jpg" alt="" width="683" height="344" /></a></p>
<p style="text-align: left;">C&#8217;est plutôt une bonne nouvelle, mais comme c&#8217;était le cas avec les invitations Google+, parfois on ne comprend pas très bien la façon dont Google restreint l&#8217;utilisation de ses services en Beta.</p>
<p style="text-align: left;">(Malheureusement, je n&#8217;ai plus d&#8217;invit&#8217; il n&#8217;en donnent que 2 par personne)</p>
<h3 style="text-align: left;">Le principe</h3>
<p style="text-align: left;">Et donc, concrètement Google Music ça sert à quoi ?</p>
<p style="text-align: left;">J&#8217;ai lu ici et là, des commentaires de sceptiques, indiquant que &laquo;&nbsp;Il y a déjà Deezer ou Spotify, je vois pas très bien à quoi ça peut me servir !&nbsp;&raquo; ou encore &laquo;&nbsp;Bah, on a tous nos MP3 sur nos Smartphones, quel est l&#8217;intérêt ??&nbsp;&raquo;.</p>
<p style="text-align: left;">Et bien l&#8217;intérêt est simplement que Google Music n&#8217;a pas vocation, ni à être un Deezer-like, ni à être un terminal lecteur de MP3.</p>
<p style="text-align: left;">En fait, globalement, l&#8217;idée est de rendre votre bibliothèque, vos MP3 (ou d&#8217;autres formats audio disponibles), disponibles à partir de n&#8217;importe où, et sur plusieurs terminaux. Disons que c&#8217;est plutôt un mix entre les services actuels de Streaming et vos lecteurs MP3. Vous uploadez vos MP3 sur les serveurs de Google (&laquo;&nbsp;encore ? Mais on a déjà toute notre vie sur leurs serveurs&nbsp;&raquo;), et ensuite, que ce soit en déplacement (via un Smartphone Android, ou un autre terminal compatible Flash/HTML5 &#8211; donc pour l&#8217;instant oubliez iPhone et iPad) ou chez vous (via votre ordinateur, ou votre tablette Android) vous pourrez écouter vos MP3.</p>
<p style="text-align: left;">Personnellement, j&#8217;y vois au moins deux intérêts :</p>
<ol>
<li>Par rapport à Deezer ou Spotify, la seule limite sera votre bibliothèque MP3, et non pas les accords commerciaux entre ces services et les majors. Vous voulez écouter en streaming les musiques du groupe de potes du coin, donc introuvable sur Deezer ou Spotify ? Uploadez leurs MP3 sur Google Music, et vous pourrez les streamer de partout !</li>
<li>Par rapport aux lecteurs MP3/smartphones, vous n&#8217;aurez pas besoin de dupliquer les MP3 pour les avoir sur vos différents smartphones/tablettes/ordinateurs.</li>
</ol>
<p>A mon sens, ce service est plutôt à mettre en comparaison avec le Amazon Cloud Player qui est vraiment le concurrent direct, ou au pire, avec les services Audiogalaxy ou AMPache qui permettent de streamer à partir des MP3 de votre ordinateur.  Sauf que là, plus besoin d&#8217;allumer votre serveur <img src='http://gawel.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h3>Ca ressemble à quoi ?</h3>
<div>L&#8217;interface web de Google Music ressemble à ça :</div>
<div><a href="http://gawel.fr/wp-content/uploads/2011/08/music_screen.jpg"><img class="aligncenter size-large wp-image-491" title="Capture d'écran" src="http://gawel.fr/wp-content/uploads/2011/08/music_screen-1024x472.jpg" alt="" width="600" height="277" /></a></div>
<p>C&#8217;est plutôt intuitif et épuré. Ce qui correspond bien à Google, on retrouve assez facilement toutes les informations dont on a besoin. Possibilité d&#8217;afficher les dernières chansons téléchargées, une liste complète des chansons, une liste des artistes, des albums ou des genres. La fonctionnalité qu&#8217;on demande à toute bibliothèque musicale digne de ce nom.</p>
<p>Il y a également la possibilité de faire des playlists pour retrouver ses morceaux préférés, ou encore la possibilité de faire des &laquo;&nbsp;Instant Mix&nbsp;&raquo;.</p>
<p>Pour l&#8217;Instant Mix, séléctionnez un morceau, et cliquez sur Instant Mix, Google Music va alors chercher 25 morceaux similaires à celui que vous avez séléctionné (pour ce qui est des critères de similarité, je ne sais pas comment ça se passe) et les jouer. Le site web de Google Music comporte bien entendu un player intégré, qui aura besoin de Flash comme je l&#8217;indiquais. C&#8217;est en tout cas ce qu&#8217;indique l&#8217;aide de Music, je n&#8217;ai pas testé sans Flash.</p>
<p style="text-align: center;"><a href="http://gawel.fr/wp-content/uploads/2011/08/music_webplayer.jpg"><img class="aligncenter size-full wp-image-511" title="music_webplayer" src="http://gawel.fr/wp-content/uploads/2011/08/music_webplayer.jpg" alt="" width="600" height="37" /></a></p>
<p style="text-align: left;">Le player est inclus dans la barre en bas de la page, et permet d&#8217;interagir avec le morceau/la playlist, en avançant dans la playlist ou le morceau, activant le shuffle ou le repeat, ou encore d&#8217;aimer ou de ne pas aimer un morceau. (Il y a une playlist automatique qui permet de lire tous les morceaux que vous &laquo;&nbsp;aimez&nbsp;&raquo;)</p>
<p style="text-align: left;">Les chansons quant à elles sont ajoutées via le Music Manager, un petit utilitaire à télécharger (disponible pour Windows, Mac et Linux) et permet d&#8217;ajouter les morceaux (automatiquement ou non) à partir des librairies iTunes, Windows Media Player ou à partir des dossiers de notre choix.</p>
<p style="text-align: left;">Les formats supportés sont : MP3, AAC (.m4a), WMA, FLAC (lossless) et OGG (seulement via le Music Manager Linux).<br />
Les fichiers FLAC et OGG seront réencodés en MP3 320kbps.</p>
<h3 style="text-align: left;">Et sur Android ?</h3>
<p>Avec les dernières versions d&#8217;Android (Gingerbread et Honeycomb), le lecteur de musique intègre la connexion avec Google Music. Ainsi on voit affiché dans les musiques disponibles à la fois les MP3 de la carte SD, et les chansons disponibles en ligne.</p>
<p><a href="http://gawel.fr/wp-content/uploads/2011/08/music_android.jpg"><img class="alignleft size-full wp-image-515" title="music_android" src="http://gawel.fr/wp-content/uploads/2011/08/music_android.jpg" alt="" width="133" height="200" /></a>C&#8217;est un peu déroutant au début ce mélange des genres. Mais il est possible de filtrer l&#8217;affichage pour n&#8217;afficher que les titres disponibles hors-ligne, si vous n&#8217;avez pas de connexion par exemple.</p>
<p>Pour le reste, tout se déroule comme si vous écoutiez votre musique tout à fait normalement.</p>
<p style="text-align: left;">L&#8217;intégration au lecteur Android se fait de manière transparente une fois qu&#8217;on a accepté le fait que certaines musiques sont online, et d&#8217;autres non.</p>
<p style="text-align: left;">Il est ainsi possible de lancer un Instant Mix, on retrouve ses playlists et tout ce qu&#8217;il faut.</p>
<p style="text-align: left;">L&#8217;application android permet également de scrobbler ses morceaux sur Last.Fm si on a l&#8217;application Last.FM installée.</p>
<h3 style="text-align: left;">En conclusion</h3>
<p>Ce nouveau service par Google le fait s&#8217;immiscer encore un peu plus dans nos vies, en ayant accès à nos goûts musicaux. Mais ce service s&#8217;avère pratique si on écoute sa musique sur différents matériels et à des endroits différents. Etant un bon utilisateur d&#8217;Audiogalaxy, ce service s&#8217;avère d&#8217;autant plus pratique pour moi puisqu&#8217;il m&#8217;évite de laisser un serveur allumé (et permet d&#8217;économiser ma bande passante au passage).</p>
<p>Le service accepte jusqu&#8217;à 20,000 titres, de quoi voir venir !</p>
<p>Pour l&#8217;instant le service reste gratuit tout le temps de la version Beta. Espérons qu&#8217;il reste alors en Beta aussi longtemps que<a href="http://www.clubic.com/actualite-286898-fin-beta-google-apps.html"> GMail ne l&#8217;a été</a> (5 ans) <img src='http://gawel.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><em>[crédits image android : <a href="https://market.android.com/details?id=com.google.android.music">google</a>]</em></p>
]]></content:encoded>
			<wfw:commentRss>http://gawel.fr/2011/08/04/google-music-votre-musique-dans-les-nuages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://gawel.fr/2011/08/04/google-music-votre-musique-dans-les-nuages/</feedburner:origLink></item>
		<item>
		<title>Zoom du 23/06/2011</title>
		<link>http://feedproxy.google.com/~r/Gawelfr/~3/A5ZtR3Ignfc/</link>
		<comments>http://gawel.fr/2011/06/23/zoom-du-23062011/#comments</comments>
		<pubDate>Thu, 23 Jun 2011 15:00:43 +0000</pubDate>
		<dc:creator>gawel</dc:creator>
				<category><![CDATA[Zoom]]></category>
		<category><![CDATA[arte]]></category>
		<category><![CDATA[festival]]></category>
		<category><![CDATA[hellfest]]></category>
		<category><![CDATA[live]]></category>

		<guid isPermaLink="false">http://gawel.fr/?p=480</guid>
		<description><![CDATA[Voici (enfin) un nouveau zoom ! Depuis le temps ! Le week-end dernier, non loin de Nantes, se déroulait à Clisson le festival des musiques extrêmes (comprendre festival métallurgique). Et pour la première fois j&#8217;y étais (que le Dimanche, je confesse), et c&#8217;était une bonne claque ! A la réalisation des vidéos en live, retransmises [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://liveweb.arte.tv/fr/festival/Hellfest/"><img class="alignright" style="border: 1px solid black;" title="Arte Live Web - Hellfest" src="http://download.liveweb.arte.tv/o21/liveweb/media/festival/47/47-visual-crop.jpg" alt="Arte Live Web - Hellfest" width="300" height="200" /></a><em>Voici (enfin) un nouveau zoom ! Depuis le temps !</em></p>
<p>Le week-end dernier, non loin de Nantes, se déroulait à Clisson le festival des musiques extrêmes (comprendre festival métallurgique). Et pour la première fois j&#8217;y étais (que le Dimanche, je confesse), et c&#8217;était une bonne claque !</p>
<p>A la réalisation des vidéos en live, retransmises sur grand écran, il y avait Arte Live Web, qui a fait un très bon boulot, et qui a la générosité de nous en laisser quelques unes sur leur site.</p>
<p>Cela permet à ceux qui étaient sur place de se remémorer les quelques concerts, et aux autres d&#8217;en avoir un petit bout.</p>
<p><em>Mon coup de coeur pour ce Hellfest va à <a href="http://liveweb.arte.tv/fr/video/Hellfest___Orphaned_Land/">Orphaned Land</a>, bon esprit, bonne musique, et puis Jésus au Hellfest, y a que ça de vrai !</em></p>
<blockquote><p>Image : Arte Live Web<br />
Site : <a href="http://liveweb.arte.tv">http://liveweb.arte.tv</a></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://gawel.fr/2011/06/23/zoom-du-23062011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://gawel.fr/2011/06/23/zoom-du-23062011/</feedburner:origLink></item>
		<item>
		<title>Je ne sais pas twitter !</title>
		<link>http://feedproxy.google.com/~r/Gawelfr/~3/EuGCjgTfs8k/</link>
		<comments>http://gawel.fr/2011/05/18/je-ne-sais-pas-twitter/#comments</comments>
		<pubDate>Wed, 18 May 2011 20:19:34 +0000</pubDate>
		<dc:creator>gawel</dc:creator>
				<category><![CDATA[Humeurs]]></category>
		<category><![CDATA[social]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://gawel.fr/?p=432</guid>
		<description><![CDATA[&#171;&#160;Twitter est un outil magnifique !&#160;&#187; (Alain Ternaute) Oui, Twitter est un outil magnifique&#8230; Quand on sait bien s&#8217;en servir. Voilà ce que la plupart des &#171;&#160;twinautes avertis&#160;&#187; racontent en substance. Mais bien se servir de Twitter demande tout un apprentissage, et parfois même une certaine philosophie. Le twitteur débutant s&#8217;il n&#8217;a pas connaissance parfaite [...]]]></description>
			<content:encoded><![CDATA[<p><em>&laquo;&nbsp;Twitter est un outil magnifique !&nbsp;&raquo; (Alain Ternaute)<br />
</em></p>
<p>Oui, Twitter est un outil magnifique&#8230; Quand on sait bien s&#8217;en servir. Voilà ce que la plupart des &laquo;&nbsp;twinautes avertis&nbsp;&raquo; racontent en substance. Mais bien se servir de Twitter demande tout un apprentissage, et parfois même une certaine philosophie. Le twitteur débutant s&#8217;il n&#8217;a pas connaissance parfaite des us et coutumes du &laquo;&nbsp;pays&nbsp;&raquo; risque de se faire bien rapidement mal voir&#8230;</p>
<h5>Dis papa, comment on twitte ?</h5>
<p>A la base, twitter c&#8217;est simple. C&#8217;est ce qu&#8217;on appelle du micro-blogging, comprendre que c&#8217;est un blog, mais au lieu de faire de longs articles qui parlent de tout et de rien (comme celui que vous êtes en train de lire), vous n&#8217;avez droit qu&#8217;à 140 caractères pour dire ce que vous avez à dire.</p>
<p>C&#8217;est en effet très limité, mais ça a le mérite de vous faire aller directement à l&#8217;essentiel : l&#8217;information. Pas de thèse, antithèse, synthèse, juste l&#8217;information, avec éventuellement un lien l&#8217;accompagnant pour un plus long développement. Il peut s&#8217;agir aussi d&#8217;un simple partage de lien, avec le titre d&#8217;un article intéressant en guise de &laquo;&nbsp;tweet&nbsp;&raquo;. Ou vous pouvez également y raconter les étapes importantes de votre vie : &laquo;&nbsp;Coincé dans les #embouteillages, ça craint !&nbsp;&raquo;, &laquo;&nbsp;Vient de manger une #pomme !&nbsp;&raquo;, etc.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-437" title="Twitter Manucure" src="http://gawel.fr/wp-content/uploads/2011/05/twitter.png" alt="" width="413" height="165" /></p>
<p>De très loin (et sans lunettes), ça peut s&#8217;apparenter à la page d&#8217;accueil de Facebook, ou chacun peut suivre les &laquo;&nbsp;statuts&nbsp;&raquo; et les liens que les autres ont posté.</p>
<p>Autrement dit, un lieu ou on peut dire tout et n&#8217;importe quoi, sans que les gens n&#8217;en jugent forcément le contenu ou la façon de faire, plutôt sympa pour partager avec ses amis, et pourquoi pas le monde&#8230;</p>
<h5>La lutte des classes</h5>
<p>Parce que non, nous ne sommes pas tous égaux sur Twitter. Cela dépendra beaucoup de votre utilisation de Twitter&#8230; On peut distinguer plusieurs types d&#8217;utilisation (liste non exhaustive, et les points ne sont pas exclusifs) :</p>
<ul>
<li><span style="text-decoration: underline;">L&#8217;utilisation entre amis</span> : Chaque membre d&#8217;un même groupe d&#8217;amis peut suivre les autres membres, ce qui en fait un vecteur de communication immédiat et avec de multiples personnes efficace. Plus facile que le SMS groupé pour se tenir au courant de ce qui se passe chez les uns ou les autres</li>
<li><span style="text-decoration: underline;">Suivre un ou des sujets qui nous tiennent à cœur</span> : En suivant le Twitter des blogs que l&#8217;on a l&#8217;habitude de suivre, ou en faisant des recherches sur les hashtags (mot-clés).</li>
<li><span style="text-decoration: underline;">Communication ou marketing</span> : Votre Twitter vous sert d&#8217;avantage à communiquer vers un certain (si possible très grand) nombre de personnes afin de promouvoir votre site, vos produits, etc. Sans pour autant forcément suivre les autres.</li>
</ul>
<p>Et là on tape un premier point qui gêne dans le &laquo;&nbsp;code de conduite de Twitter&nbsp;&raquo; (parce qu&#8217;il y en a un, implicite mais il est bien là). Ce qu&#8217;on appelle les <a href="http://www.slideshare.net/egadenne/twitter-snob-fr">&laquo;&nbsp;Twitter Snobs&nbsp;&raquo;</a>.</p>
<p>Le &laquo;&nbsp;Twitter Snob&nbsp;&raquo; est celui qui a beaucoup de &laquo;&nbsp;followers&nbsp;&raquo; (personnes qui le suivent &#8211; qui y sont abonnées), mais qui ne suit que très peu de personnes, et qui ne répond donc quasiment pas aux messages que tout un chacun peut lui envoyer&#8230; Et ça gêne.</p>
<p>Ca gêne parce que sur un réseau social, il n&#8217;y aurait pas la place pour des &laquo;&nbsp;célébrités&nbsp;&raquo; (parce que finalement c&#8217;est un peu le même principe que les célébrités, tout le monde suit les déboires de Paris Hilton, mais elle ne suit pas les votres).</p>
<p>Le code de conduite préconise alors de supprimer de votre liste de twitteurs favoris les &laquo;&nbsp;Twitter Snobs&nbsp;&raquo;. Je peux comprendre, mais admettons que je sois fan de <a href="https://twitter.com/#!/THEROCK">The Rock </a>(mon acteur favori), avec plus de 600,000 followers, et 0 abonnements, c&#8217;est l&#8217;exemple parfait du snob, mais je ne peux décemment pas m&#8217;attendre à ce qu&#8217;il me suive et me réponde en retour, sous peine de le supprimer de ma liste. Comment je fais moi après pour être au courant de ses prochains films ?</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-447" title="therock" src="http://gawel.fr/wp-content/uploads/2011/05/therock.png" alt="" width="303" height="100" /></p>
<p>Moi, ça ne me dérange pas de suivre une personne qui ne me suit pas, mais c&#8217;est peut-être parce que <em>je ne sais pas twitter</em>&#8230;</p>
<h5>Please follow me back !</h5>
<p>Un autre usage, très lié au point précédent, est le &laquo;&nbsp;Follow Back&nbsp;&raquo;.</p>
<p>Le principe est simple, il s&#8217;agit de &laquo;&nbsp;Je te suis, alors tu dois me suivre&nbsp;&raquo;. Une sorte de formule de politesse. Si je m&#8217;intéresse à ce que tu fais, alors tu dois t&#8217;intéresser à ce que je fais en retour&#8230;</p>
<p>Très bien, mais pourquoi ce que je fais devrait <strong>forcément </strong>intéresser celui que je suis ? Si je ne twitte que des infos sur le <a href="http://www.passion-crochet.com/">crochet</a>, mais que je m&#8217;intéresse aussi aux sciences et que je suis les <a href="https://twitter.com/#!/bogdanofftv">frères Bogdanoff</a>, je suis pas sur que eux en revanche accepteront de voir leur &laquo;&nbsp;timeline&nbsp;&raquo; (le fil de tweets que l&#8217;on suit) polluée par mes nombreux tweets sur le crochet (parce qu&#8217;en plus je suis très actif)</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-465" title="Follow Back" src="http://gawel.fr/wp-content/uploads/2011/05/followback.png" alt="" width="297" height="124" /></p>
<p>En plus cela peut entraîner une dérive de l&#8217;utilisation de Twitter (le genre de dérives qui, à mon sens, a fait couler MySpace notamment, noyant les utilisateurs sous des piles de demandes d&#8217;amis de la part d&#8217;automates et autres commentaires spammeurs à sens unique), avec des comptes créés et qui vous suivent, uniquement dans l&#8217;espoir (le but) d&#8217;être suivi en retour pour faire de la publicité.</p>
<p>J&#8217;en ai fait récemment les frais en étant suivi par des comptes de genre de promoteurs immobilier (ou alors j&#8217;ai pas tout compris <img src='http://gawel.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> ). Alors peut-être que ce que je dis les intéresse, mais je ne vois pas pourquoi j&#8217;irai me faire spammer volontairement au nom du code déontologique de Twitter&#8230;</p>
<p><em>Je ne sais décidément pas twitter&#8230;</em></p>
<p><img class="alignright size-medium wp-image-451" title="twitterguide" src="http://gawel.fr/wp-content/uploads/2011/05/twitterguide-300x239.png" alt="" width="300" height="239" /></p>
<h5>S.O.S. Polluards</h5>
<p>Un autre fléau contre lequel les sociétés secrètes des utilisateurs confirmés de Twitter luttent, c&#8217;est les &laquo;&nbsp;posts non utiles&nbsp;&raquo;.</p>
<p>L&#8217;idée c&#8217;est que tout Tweet doit contenir une réelle information utile, afin de ne pas polluer les timelines de tous vos followers (sous peine de se faire unfollower immédiatement).</p>
<p>C&#8217;est compréhensible, d&#8217;autant plus que lorsqu&#8217;on suit 100 voire 1000 twittos, il devient vite difficile de retrouver les tweets &laquo;&nbsp;utiles&nbsp;&raquo;. Pour pallier le problème, on pourra notamment utiliser les listes de Twitter.</p>
<p>Mais &#8211; et cela dépendra du but de votre utilisation de Twitter &#8211; parfois un petit tweet empli de légereté, juste pour souhaiter une bonne journée par exemple dans sa timeline, c&#8217;est pas désagréable. Il ne faudrait pas faire d&#8217;un outil social, un outil austère&#8230;</p>
<h5>De la bonne utilisation du hashtag</h5>
<p>Le #hashtag, c&#8217;est ce mot-clé que vous verrez dans la plupart des tweets, précédé par un dièse (#). Cela permet de donner un mot-clé à votre tweet, sachant que le hashtag crée automatiquement un lien vers la liste de tous les posts qui traitent de ce sujet. C&#8217;est très pratique par exemple pour suivre tous les tweets qui parlent de l&#8217;Eurovision 2011, le hashtag pour l&#8217;évènement étant <a href="http://twitter.com/#!/search/%23ev2011">#ev2011</a>.</p>
<p>Le guide voudrait que l&#8217;on utilise le hashtag avec grande parcimonie, sans inventer de hashtag qui ne sera utilisé qu&#8217;une seule fois, ne pas multiplier les hashtag sur un tweet, et ne pas forcément mettre de hashtag pour chaque tweet.</p>
<p>C&#8217;est vrai qu&#8217;on a un risque de polluer les recherches par mot-clé&#8230; Mais si vous parlez d&#8217;un sujet et que vous voulez que les recherches sur ce sujet trouvent votre tweet, vous êtes bien forcés de l&#8217;utiliser le hashtag.</p>
<p>Et d&#8217;un autre côté, créer un hashtag unique du type <a href="https://twitter.com/#!/search/%23jenesaispasutiliserleshashtags">#jenesaispasutiliserleshashtags</a> n&#8217;embêtera personne à part vous. Donc pourquoi s&#8217;en priver ? <img src='http://gawel.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Le pire qui puisse arriver, c&#8217;est de lancer une mode sur le hashtag et de voir d&#8217;autres twinautes l&#8217;utiliser, ce n&#8217;est pas un mal !</p>
<h5>Le Follow Friday</h5>
<p>Je vais finir par cette petite tradition du Vendredi : le Follow Friday. Cette tradition consiste simplement à faire tous les vendredis un tweet pour promouvoir d&#8217;autres comptes Twitter que vous aimez bien. Ça permet d&#8217;étendre son réseau, et surtout celui de ceux que vous citez (en espérant secrètement qu&#8217;ils vous citeront en retour &#8211; soit le Follow Back Friday).</p>
<p>Le concept est pas mauvais en soi, encore que balancer :</p>
<blockquote><p><a href="http://twitter.com/#!/search/%23ff"> #FF</a> <a href="http://twitter.com/#!/TheRock">@therock</a> <a href="http://twitter.com/#!/bogdanofftv">@bogdanofftv</a> <a href="http://twitter.com/#!/CrochetToday">@CrochetToday</a></p></blockquote>
<p>N&#8217;est pas forcément très encourageant, car on n&#8217;a aucune explication ou détail sur ces comptes. On a plutôt l&#8217;impression d&#8217;une liste aléatoire de noms &laquo;&nbsp;parce qu&#8217;on est vendredi&nbsp;&raquo;. On est encore une fois dans l&#8217;impersonnel&#8230;</p>
<p>Alors on peut les regarder un par un, mais si vous avez 100 follow fridays un Vendredi, vous n&#8217;êtes pas arrivés !</p>
<p>Si j&#8217;apprécie vraiment un twitteur, je vais plutôt retweeter (RT &#8211; action de faire suivre un tweet, tout en indiquant la source) ses statuts intéressants. Mes followers verront tout de suite quel genre et quelle qualité de tweets ce twitteur donne, et pourront le suivre à leur tour si ça les intéresse.</p>
<h5>J&#8217;apprendrai à utiliser Twitter</h5>
<p>D&#8217;autant plus qu&#8217;il existe moult bibles virtuelles sur ce qu&#8217;il faut faire sur Twitter. Mais à mon sens, ceux qui méprisent les &laquo;&nbsp;mauvais utilisateurs&nbsp;&raquo; (c&#8217;est subjectif) de Twitter (au nom d&#8217;une charte inexistante &#8211; soi-disant de bon sens &#8211; dictée par les &laquo;&nbsp;grands utilisateurs&nbsp;&raquo; de l&#8217;outil) ressemblent davantage à des &laquo;&nbsp;Twitter Snobs&nbsp;&raquo; que ceux qui ne vous FollowBack pas&#8230;</p>
<p>Cependant, suivre cette charte magique vous apportera peut-être plus de followers, et si vous utilisez cet outil comme vecteur de communication, de manière professionnelle (ou non) et très sérieuse, la charte vous sera bien plus utile que l&#8217;article que vous lisez en ce moment&#8230;</p>
<p>Pour ma part, je préfère qu&#8217;un outil social soit plutôt agréable à utiliser, et pas froid, et je préfère tweeter ce dont j&#8217;ai envie, plutôt que de n&#8217;agir que pour avoir la plus grande liste de followers&#8230;</p>
<p>Sur ce, je vais m&#8217;empresser de twitter le fait que je viens de poster cet article ! Et n&#8217;oubliez pas de me <a href="http://twitter.com/#!/g4w3l">follower</a> !</p>
<div id="_mcePaste" class="mcePaste" style="position: absolute; left: -10000px; top: 1278px; width: 1px; height: 1px; overflow: hidden;">https://twitter.com/#!/bogdanofftv</div>
]]></content:encoded>
			<wfw:commentRss>http://gawel.fr/2011/05/18/je-ne-sais-pas-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://gawel.fr/2011/05/18/je-ne-sais-pas-twitter/</feedburner:origLink></item>
		<item>
		<title>Créer une barre de volume simple en jQuery + CSS</title>
		<link>http://feedproxy.google.com/~r/Gawelfr/~3/JfOb5fhp_EQ/</link>
		<comments>http://gawel.fr/2011/05/09/creer-une-barre-de-volume-simple-en-jquery-css/#comments</comments>
		<pubDate>Mon, 09 May 2011 12:49:54 +0000</pubDate>
		<dc:creator>gawel</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[volume control]]></category>

		<guid isPermaLink="false">http://gawel.fr/?p=361</guid>
		<description><![CDATA[MAJ 25/05/2011 : La propriété offsetX n&#8217;existant pas sous Firefox 4, ajout d&#8217;un hack permettant de le récupérer. Voici un petit tutoriel rapide, qui va vous permettre de créer très rapidement une barre de volume en CSS/JS qui s&#8217;adaptera très facilement à vos players audio HTML5 (par exemple, mais on pourrait lui trouver d&#8217;autres utilités). [...]]]></description>
			<content:encoded><![CDATA[<p><em>MAJ 25/05/2011 : La propriété offsetX n&#8217;existant pas sous Firefox 4, ajout d&#8217;un hack permettant de le récupérer.</em></p>
<p>Voici un petit tutoriel rapide, qui va vous permettre de créer très rapidement une barre de volume en CSS/JS qui s&#8217;adaptera très facilement à vos players audio HTML5 (par exemple, mais on pourrait lui trouver d&#8217;autres utilités).<br />
<span id="more-361"></span><br />
Il répondait notamment à un besoin rapide de contrôle de volume pour mon extension Chrome : <a href="https://chrome.google.com/webstore/detail/jnkdgkmdencmllcfjfpifhmphdbdgkjk?hl=fr">ChromeCast</a></p>
<p>Voici le résultat attendu (cliquer sur la barre de volume) :</p>
<div style="margin-left:300px">
<div id="volumebar">
<div id="volumelevel"></div>
</div>
</div>
<style type="text/css">
#volumebar {
	margin:0;
	width:100px;
	height:20px;
	border:1px solid lightgrey;
	cursor:pointer;
}
#volumelevel {
	margin:0;
	width:100%;
	height:20px;
	background-color:black;
}
</style>
<p><script type="text/javascript">
$('#volumebar').click(function(event) {
	if (!event.offsetX){ event.offsetX = event.layerX - $(event.target).position().left; }
	$("#volumelevel").animate({width:event.offsetX + "px"}, 150); // on anime avec jquery
	// Ici mettre les actions associées par exemple :
	// $('#audio').volume = event.offsetX/100;
});
</script></p>
<h5>Création de la barre de volume, en HTML et CSS</h5>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>div id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;volumebar&quot;</span><span style="color: #339933;">&gt;</span>
	<span style="color: #339933;">&lt;</span>div id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;volumelevel&quot;</span><span style="color: #339933;">&gt;&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>Pour comprendre comment va fonctionner la barre de volume, voici un petit schéma réprésentant comment seront agencés les deux &lt;div&gt; que l&#8217;on vient de créer :</p>
<p><a href="http://gawel.fr/wp-content/uploads/2011/05/volumedivs.png"><img src="http://gawel.fr/wp-content/uploads/2011/05/volumedivs.png" alt="" title="volumedivs" width="405" height="60" class="aligncenter size-full wp-image-407" /></a></p>
<p>Le div <em>#volumebar</em> va donc représenter notre barre de volume, elle aura une taille fixe.<br />
Le div <em>#volumelevel</em> lui va représenter le niveau du volume, sa taille correspondra au volume sélectionné.</p>
<p>Voyons maintenant le rendu de la barre grace à CSS :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
</pre></td><td class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#volumebar</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* on pourrait très bien éviter de redéfinir les marges à 0 en utilisant un reset css */</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">100px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">20px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span><span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> lightgrey<span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">cursor</span><span style="color: #00AA00;">:</span><span style="color: #993333;">pointer</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #cc00cc;">#volumelevel</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">100%</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">20px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>Le div <em>#volumebar</em> n&#8217;a donc qu&#8217;un contour gris. Le <em>#volumelevel</em> quant à lui est rempli avec la couleur noire.<br />
Il est bien sur possible de customiser les divs à souhait !</p>
<h5>L&#8217;action de sélection du volume en Javascript</h5>
<p>Passons maintenant au bout de script permettant la sélection du volume. Pour cela, on va intercepter l&#8217;évènement &laquo;&nbsp;click&nbsp;&raquo; avec jQuery. Cet évènement sera accompagné d&#8217;un certain nombre de données dont celle qui nous intéresse : <em>offsetX. offsetX</em> correspond à la coordonnée horizontale du clic, relativement à l&#8217;élément sur lequel on a cliqué :</p>
<p><a href="http://gawel.fr/wp-content/uploads/2011/05/volumeoffset.png"><img src="http://gawel.fr/wp-content/uploads/2011/05/volumeoffset.png" alt="Volume offsetX" title="Volume offsetX" width="405" height="161" class="aligncenter size-full wp-image-414" /></a></p>
<p>Dans notre exemple, avec un <em>#volumebar</em> d&#8217;une largeur de 100px, si on clique au milieu, on aura un <em>offsetX</em> de 50px. Et cet offset nous servira donc pour déterminer la nouvelle largeur de notre élémént <em>#volumelevel</em></p>
<p>(L&#8217;avantage d&#8217;avoir une barre de volume de 100px est que l&#8217;<em>offsetX</em> de 50px peut directement être utilisé comme pourcentage pour le traitement de la valeur : 50%)</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#volumebar'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>event<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>event.<span style="color: #660066;">offsetX</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> event.<span style="color: #660066;">offsetX</span> <span style="color: #339933;">=</span> event.<span style="color: #660066;">layerX</span> <span style="color: #339933;">-</span> $<span style="color: #009900;">&#40;</span>event.<span style="color: #660066;">target</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">position</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">left</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#volumelevel&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">animate</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>width<span style="color: #339933;">:</span>event.<span style="color: #660066;">offsetX</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;%&quot;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">150</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #006600; font-style: italic;">// Ici mettre les actions associées par exemple :</span>
	<span style="color: #006600; font-style: italic;">// $('#audio').volume = event.offsetX/100;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>Voilà, ce code va donner au div <em>#volumelevel</em> sa nouvelle largeur en fonction de l&#8217;endroit où on aura cliqué sur la barre de volume.<br />
Ici pour un effet un peu plus sympa, j&#8217;ai animé le changement de volume avec jQuery et sa fonction animate().</p>
<p><strong>A noter :</strong> le principe des deux divs imbriqués peut très bien être repris de la même manière pour effectuer par exemple une barre de progression&#8230;</p>
<blockquote><p>Télécharger la source : <a href='http://gawel.fr/wp-content/uploads/2011/05/volumebar.zip'>Volumebar (source)</a></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://gawel.fr/2011/05/09/creer-une-barre-de-volume-simple-en-jquery-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://gawel.fr/2011/05/09/creer-une-barre-de-volume-simple-en-jquery-css/</feedburner:origLink></item>
		<item>
		<title>La reprise, tout un art…</title>
		<link>http://feedproxy.google.com/~r/Gawelfr/~3/GsZClusyGBg/</link>
		<comments>http://gawel.fr/2011/04/23/la-reprise-tout-un-art/#comments</comments>
		<pubDate>Sat, 23 Apr 2011 09:39:04 +0000</pubDate>
		<dc:creator>gawel</dc:creator>
				<category><![CDATA[Humeurs]]></category>

		<guid isPermaLink="false">http://gawel.fr/?p=326</guid>
		<description><![CDATA[Loin d&#8217;être nouveau, la reprise (ou &#171;&#160;cover&#160;&#187; pour les anglophones) est un exercice qui prend une place de plus en plus grande dans le paysage musical. Certainement dû à la multiplicité des artistes et des genres musicaux. Force est de constater que leur nombre est croissant  (mais peut-être pas leur proportion par rapport au nombre [...]]]></description>
			<content:encoded><![CDATA[<p>Loin d&#8217;être nouveau, la reprise (ou &laquo;&nbsp;cover&nbsp;&raquo; pour les anglophones) est un exercice qui prend une place de plus en plus grande dans le paysage musical. Certainement dû à la multiplicité des artistes et des genres musicaux. Force est de constater que leur nombre est croissant  (mais peut-être pas leur proportion par rapport au nombre d&#8217;artistes/œuvres existantes).</p>
<p>Bien sûr je ne parle pas ici de groupes interprètes (ou &laquo;&nbsp;groupes de bal&nbsp;&raquo;) qui vivent par la reprise &laquo;&nbsp;telle quelle&nbsp;&raquo; sans forcément réécriture, mais bien des réinterprétations voire des réappropriations des œuvres. Je ne parles pas non plus des groupes &laquo;&nbsp;tribute&nbsp;&raquo; comme The Rabeats pour les Beatles, qui sont des groupes hommage.</p>
<p>On pourrait croire que cet exercice est très facile, puisque tout est déjà &laquo;&nbsp;écrit&nbsp;&raquo; il n&#8217;y a plus qu&#8217;à jouer ça différemment et l&#8217;affaire et dans le sac. Mais comme le diraient les Inconnus : il y a la bonne et la mauvaise reprise&#8230;</p>
<h5>La reprise : un hommage ?</h5>
<p>C&#8217;est (c&#8217;était ?) surement vrai dans la plupart des cas. Et dans ce cadre la reprise est vraiment difficile, car comment rendre hommage à une œuvre à notre sauce sans la dénaturer ? Soit faire une reprise sans grand intérêt en la reprenant &laquo;&nbsp;telle quelle&nbsp;&raquo;, chose qu&#8217;on voit beaucoup dans le milieu blues-rock, en témoignent par exemple les innombrables reprises de <a href="http://www.deezer.com/fr/#music/result/all/johnny%20b%20goode"><em>Johnny B. Goode</em></a>, mais on peut en citer beaucoup d&#8217;autres, en vrac <a href="http://www.deezer.com/listen-604032"><em>Knockin&#8217; on heaven&#8217;s door</em></a> (Bob Dylan) par Avril Lavigne, <a href="http://www.youtube.com/watch?v=hgbPzlk9z-0"><em>L&#8217;aventurier</em></a> (Indochine) par Nada Surf, <a href="http://www.youtube.com/watch?v=YVFLgx8o7XM"><em>Where is my mind</em></a> (The Pixies) par Placebo etc.</p>
<p>Mais là où la reprise prend tout son sens, c&#8217;est lorsqu&#8217;en y rendant hommage, l&#8217;artiste qui reprend sublime une œuvre. Lorsqu&#8217;il se l&#8217;est appropriée en y apportant réellement SA plus-value. Le genre de reprises qui font presque oublier l&#8217;originale (cf. les réactions &laquo;&nbsp;Ah bon c&#8217;est une reprise ?&nbsp;&raquo;)</p>
<p>Et on en connait, lorsque Jimi Hendrix reprend <a href="http://www.deezer.com/listen-4952888"><em>Hey Joe</em></a> (Billy Roberts) ou <a href="http://www.deezer.com/listen-2816153"><em>All along the watchtower</em></a> (Bob Dylan), lorsque Joe Cocker reprend <a href="http://www.deezer.com/listen-3156390"><em>With a Little Help From My Friends</em></a> (The Beatles), ou encore quand Israel Kamakawiwo Ole (ou Iz) reprend <a href="http://www.deezer.com/listen-797666"><em>Over the rainbow</em></a> (Judy Garland) /<a href="http://www.deezer.com/listen-797666"><em> What a wonderful world</em></a> (Louis Armstrong).</p>
<p>Et quand un grand artiste reprend un autre grand artiste, ça peut donner vraiment quelque chose de magnifique&#8230;</p>
<p style="text-align: center;"><iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/y8AWFf7EAc4" frameborder="0" allowfullscreen></iframe></p>
<p style="text-align: left;">Ah, si seulement toutes les reprises pouvaient être comme celles-là&#8230;</p>
<h5>En panne d&#8217;inspiration ?</h5>
<p>Mais la reprise, contrairement à ce qu&#8217;on pourrait croire est loin d&#8217;être un exercice facile, et on peut courir droit à la catastrophe quand on ne soigne pas l’œuvre originale&#8230;</p>
<p>C&#8217;est le cas lorsqu&#8217;on est dans un processus commercial de la reprise, lorsqu&#8217;on se dit &laquo;&nbsp;A quoi bon créer de la matière puisqu&#8217;on a déjà tout un tas de tubes existants (à massacrer) ?&nbsp;&raquo;</p>
<p>On a pu voir le pire à l&#8217;époque des Boys Bands dans les années 90, alors que les 2Be3 reprenaient en français <a href="http://www.deezer.com/listen-4832316"><em>Never Gonna Give You Up</em></a> (Rick Astley) &#8211; ne pas cliquer si vous ne voulez pas vous faire rickroller &#8211; lorsque Alliage reprenait<em> <a href="http://www.youtube.com/watch?v=ZCMbqf3Uu98">Je l&#8217;aime à mourir</a> </em>(Francis Cabrel), ou encore lorsque Boyzone reprenait cette magnifique chanson de Cat Stevens (ou Yusuf Islam), <a href="http://www.deezer.com/listen-1122207"><em>Father and Son</em></a>.</p>
<p>Manque d&#8217;inspiration ou réelle appréciation de la musique originale. C&#8217;est parfois difficile à dire, mais même les œuvres classiques se font écorcher (en plus c&#8217;est plus simple, elles sont dans le domaine public désormais), l&#8217;<a href="http://www.deezer.com/listen-865736"><em>Adagio</em></a> d&#8217;Albinoni trituré par Lara Fabian, le rappeur A+ (qui c&#8217;est celui-là ?) avait touché à la <a href="http://www.youtube.com/watch?v=OQOgDwUyB9I"><em>5è Symphonie</em></a> de Beethoven&#8230;</p>
<h5>Une reprise et puis s&#8217;en vont&#8230;</h5>
<p>Certains artistes se font remarquer avec une reprise (de plus ou moins bonne facture) et disparaissent du circuit &laquo;&nbsp;mainstream&nbsp;&raquo; ensuite (ou en tout cas se font plus discrets).</p>
<p>On peut citer les cas de Alien Ant Farm et leur reprise rock de <a href="http://www.deezer.com/listen-1108061"><em>Smooth Criminal</em></a> (Michael Jackson), les Gym Class Heroes et le titre <a href="http://www.deezer.com/listen-708037"><em>Cupid’s Chokehold / Breakfast in america</em></a> (Supertramp &#8211; c&#8217;est plus du samplage qu&#8217;une reprise à vrai dire), Santa Esmeralda et <em><a href="http://www.deezer.com/listen-3083376">Don&#8217;t let me be misunderstood</a> </em>(The Animals)&#8230; En France on avait Melgroove (qui ?) et le titre <a href="http://www.youtube.com/watch?v=bXR5rs9XZrI"><em>Pas toi</em></a> (Jean-Jacques Goldman).</p>
<p>Petite mention tout de même au groupe The Braids, qui a choisi un vrai chef d&#8217;oeuvre à dénaturer complétement, et qui repart comme des voleurs&#8230;</p>
<p style="text-align: center;"><iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/uZO69LpaSzw" frameborder="0" allowfullscreen></iframe></p>
<h5>Le fond de commerce</h5>
<p>A côté de tout ça, certains groupes font de la reprise un fond de commerce. Ils se spécialisent dans la reprise à leur sauce, et le résultat est parfois étonnant. En tout cas on est toujours curieux de savoir ce que vont donner les titres &laquo;&nbsp;actuels&nbsp;&raquo; à leur sauce&#8230;</p>
<p>Je pense notamment à <a href="http://www.deezer.com/listen-2924867">The Lost Fingers</a> et leurs reprises swing, <a href="http://www.deezer.com/listen-512577">la Pompe Moderne</a> qui reprend les titres à la sauce Georges Brassens, <a href="http://www.deezer.com/listen-3847330">Nouvelle Vague</a> pour les versions Bossa Nova ou encore The Baseballs&#8230;</p>
<p style="text-align: center;"><iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/953-D3yQYRg" frameborder="0" allowfullscreen></iframe></p>
<h5>Un tremplin ?</h5>
<p>Le public apprécie les reprises. Et aujourd&#8217;hui cette appréciation est telle que les reprises peuvent être de fabuleux tremplins pour les artistes. C&#8217;est un bon démarrage pour découvrir l&#8217;univers de certains artistes.</p>
<p>Milow nous a montré ce qu&#8217;il savait faire dans son registre Folk en reprenant <a href="http://www.deezer.com/listen-3077648"><em>Ayo Technology</em></a> de 50 Cent / Justin Timberlake. Ben l&#8217;Oncle Soul s&#8217;est fait connaître grâce à sa reprise de <a href="http://www.deezer.com/listen-5974906"><em>Seven Nation Army</em></a> (White Stripes) et plus récemment c&#8217;est le groupe Brigitte qui s&#8217;est fait remarquer&#8230;</p>
<p style="text-align: center;"><iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/qVZwg5Lk8BA" frameborder="0" allowfullscreen></iframe></p>
<h5>Des recettes</h5>
<p>Alors il y a un peu un effet de mode dans la reprise, ou est-ce une recette liée à un style musical en vogue ?</p>
<p>Car si on écoute d&#8217;autres reprises récentes comme <a href="http://www.deezer.com/listen-6719603"><em>Toxic</em></a> (Britney Spears) par Yael Naim ou <em><a href="http://www.deezer.com/listen-4641787">Relax</a> </em>(Mika) par Lili Ster, on retrouve des ingrédients très similaires :</p>
<ul>
<li>Prenez un morceau populaire</li>
<li>Baissez le tempo significativement</li>
<li>Ajoutez-y une petite touche dramatique et une voix plutôt lancinante</li>
<li><em>Facultatif :</em> Choisissez un morceau insolite (cf. <a href="http://www.deezer.com/listen-554950"><em>Moi, Lolita</em></a> (Alizée) par Julien Doré)</li>
</ul>
<p>Alors, juste pour le fun, j&#8217;ai essayé cette recette, pour voir si ça pouvait marcher à tout les coups, et c&#8217;est pas forcément concluant&#8230;</p>
<p style="text-align: center;"><a href="http://gawel.fr/audio/Gawel%20-%20Le%20petite%20bonhomme%20en%20mineur.mp3">Télécharger fichier audio (Gawel%20-%20Le%20petite%20bonhomme%20en%20mineur.mp3)</a><br />
Pour ceux qui n&#8217;auraient pas reconnu, il s&#8217;agit du <em>Petit Bonhomme en Mousse</em> (Patrick Sébastien). Bon je vous ai épargné la voix lancinante histoire de ne pas vous casser les oreilles, mais tout y est, abaissement de tempo, la touche dramatique grâce au passage en tonalité mineure et le morceau insolite&#8230; Désolé pour ça c&#8217;était le délire du jour <img src='http://gawel.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Il existe d&#8217;autres styles apportant ses formules, comme le folk, qui a repris pas mal de morceau R&#8217;n'b ces derniers temps : Ayo Technology par Milow comme on l&#8217;a vu, mais aussi <a href="http://www.youtube.com/watch?v=Qioe6DeYO2w"><em>Empire State of Mind</em></a> (Alicia Keys / Jay-Z) par Cocoon, Tidusko avec <a href="http://www.deezer.com/listen-4641779"><em>Beggin&#8217;</em></a> (The Four Seasons) ou encore Hey Ya (Outkast) par Matt Weddle (ou Cocoon)</p>
<p style="text-align: center;"><iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/c745E7T_Wvg" frameborder="0" allowfullscreen></iframe></p>
<h5>Pour aller plus loin</h5>
<p>On l&#8217;aura compris, il existe une foultitude de reprises différentes, et je n&#8217;en ai mentionné ici que quelques unes. C&#8217;est un exercice que j&#8217;aime entendre, car il permet de se rendre compte de ce que donne un titre dans un contexte différent, de ce qu&#8217;un artiste a à apporter à une œuvre existante&#8230; C&#8217;est presque comme une collaboration.</p>
<p>Rien de tel que l&#8217;écoute pour se rendre compte de ce qui se fait. J&#8217;ai donc créé une <a href="http://www.deezer.com/fr/#music/playlist/reprises-59715976">playlist Deezer</a> qui reprend les titres (lorsqu&#8217;ils y sont disponibles) qui sont cités dans cet article ainsi que quelques autres reprises en bonus, et que j&#8217;essayerai de mettre à jour régulièrement.</p>
<p>Et si vous aimez les reprises, je ne saurai que vous conseiller les compilations &laquo;&nbsp;La Musique de Paris Dernière&nbsp;&raquo; par Béatrice Ardisson, ou la radio &laquo;&nbsp;Covers&nbsp;&raquo; sur <a href="http://deezer.com">Deezer</a>&#8230;</p>
<p>Et vous, quelles sont les reprises qui vous ont marqué ? (En bien ou en mal)</p>
<p style="text-align: center;">
<object width="300" height="250"><param name="movie" value="http://www.deezer.com/embed/player?pid=59715976&#038;ap=0&#038;ln=fr&#038;sl=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.deezer.com/embed/player?pid=59715976&#038;ap=0&#038;ln=fr&#038;sl=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="250"></embed></object>
<div id="dz_ref" style="font:9px Arial">D&eacute;couvrez la playlist <a href="http://www.deezer.com/fr/music/playlist/Reprises-59715976" target="_blank">Reprises</a> avec <a href="http://www.deezer.com/fr/music/the-jimi-hendrix-experience" target="_blank">The Jimi Hendrix Experience</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://gawel.fr/2011/04/23/la-reprise-tout-un-art/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
<enclosure url="http://gawel.fr/audio/Gawel%20-%20Le%20petite%20bonhomme%20en%20mineur.mp3" length="1295384" type="audio/mpeg" />
		<feedburner:origLink>http://gawel.fr/2011/04/23/la-reprise-tout-un-art/</feedburner:origLink></item>
		<item>
		<title>J’ai essayé Diaspora…</title>
		<link>http://feedproxy.google.com/~r/Gawelfr/~3/H_PwtEGxShw/</link>
		<comments>http://gawel.fr/2011/04/19/j-ai-essaye-diaspora/#comments</comments>
		<pubDate>Tue, 19 Apr 2011 17:33:22 +0000</pubDate>
		<dc:creator>gawel</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[diaspora]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[réseau social]]></category>

		<guid isPermaLink="false">http://gawel.fr/?p=301</guid>
		<description><![CDATA[Il y a quelques semaines, j&#8217;ai reçu par un ami une invitation à rejoindre Diaspora, le réseau social libre. Premiers retours d&#8217;expérience sur un réseau encore confidentiel&#8230; Qu&#8217;est-ce que Diaspora ? Bonne question, tournons-nous du côté du dictionnaire qui nous aidera surement à y voir plus clair : diaspora, n.f. 1. HIST. Dispersion des Juifs [...]]]></description>
			<content:encoded><![CDATA[<p>Il y a quelques semaines, j&#8217;ai reçu par un ami une invitation à rejoindre Diaspora, le réseau social libre. Premiers retours d&#8217;expérience sur un réseau encore confidentiel&#8230;</p>
<h5>Qu&#8217;est-ce que Diaspora ?</h5>
<p>Bonne question, tournons-nous du côté du dictionnaire qui nous aidera surement à y voir plus clair :</p>
<blockquote><p><strong>diaspora</strong>, n.f.<br />
1. <em>HIST.</em> Dispersion des Juifs à travers le monde à la suite des persécutions de l&#8217;Antiquité.<br />
2. <em>P. ext.</em> État de dispersion d&#8217;un peuple, d&#8217;une communauté.</p></blockquote>
<p>C&#8217;est cette deuxième définition que nous allons retenir. Car en effet, Diaspora est un réseau social, et comme tout réseau social sur Internet, sa population est bien dispersée à travers le monde.</p>
<p>Une autre explication se trouve également dans la dispersion de ses serveurs. Car en effet, Diaspora est un réseau social décentralisé, je m&#8217;explique&#8230;</p>
<p>Sur Facebook, toutes les données que vous envoyez et que vous renseignez sont sauvegardées sur les serveurs de Facebook, et uniquement sur leurs serveurs. C&#8217;est à dire qu&#8217;ils ont pleine jouissance et propriété de ces données, c&#8217;est un service centralisé.</p>
<p>Pour Diaspora, c&#8217;est différent, il n&#8217;existe pas un unique serveur Diaspora (aussi appelé <em><strong>hub Diaspora</strong></em>), mais plusieurs. Chaque utilisateur de Diaspora a un identifiant sur un seul de ces serveurs, et toutes ses données sont stockées sur ce seul serveur. Par contre, un serveur Diaspora peut demander à un autre serveur Diaspora les informations d&#8217;un de ses utilisateurs&#8230; Un schéma simple permettra de mieux comprendre :</p>
<p><a href="http://gawel.fr/wp-content/uploads/2011/04/diaspora.png"><img class="aligncenter size-full wp-image-304" title="diaspora" src="http://gawel.fr/wp-content/uploads/2011/04/diaspora.png" alt="" width="481" height="161" /></a></p>
<p>Ici, John(@hubdiasp1.com) peut être &laquo;&nbsp;ami&nbsp;&raquo; (ou <em>partager</em> dans le jargon Diaspora) avec Jim(@hubdiasp2.com) au travers de leurs serveurs Diaspora respectifs.</p>
<p>Lorsque John veut afficher le profil de Jim, le Hub Diaspora 1 demande les infos au Hub Diaspora 2 qui ne retournera que les informations visibles par John, soit quelques informations si ils ne sont pas &laquo;&nbsp;amis&nbsp;&raquo;, ou des informations plus complètes si ils sont amis (ces informations plus complètes sont cryptées en utilisant une clé privée/clé publique qui ne sont connus qu&#8217;entre les &laquo;&nbsp;amis&nbsp;&raquo;).</p>
<p>C&#8217;est le principe du P2P (peer2peer) qui est utilisé ici.</p>
<p><em>L&#8217;avantage de cette décentralisation ?</em> Si vous avez un serveur à vous, vous pourrez installer votre propre Hub Diaspora (il faut un serveur capable d&#8217;interpréter du <strong>Ruby</strong>), et ainsi avoir un total contrôle de la sauvegarde de vos propres données.</p>
<p>Par contre, cela veut dire que si votre serveur est HS, il sera impossible aux autres utilisateurs (ou à vous-même) d&#8217;accéder à votre profil.</p>
<p>Ajouter à cela le fait que Diaspora soit <a href="https://github.com/diaspora/diaspora">Open Source</a> sous licence <a href="http://www.gnu.org/licenses/agpl.html">AGPL</a> et vous aurez ce que la communauté appelle un &laquo;&nbsp;Facebook libre&nbsp;&raquo;.</p>
<p><em>Pour info, le hub &laquo;&nbsp;officiel&nbsp;&raquo; est uniquement sur invitation à <a href="https://joindiaspora.com">joindiaspora.com</a> (il me reste quelques invit&#8217; si ça vous tente), mais il existe plusieurs hubs alternatifs sans invitation à <a href="https://diasp.org/">diasp.org</a> ou <a href="https://my-seed.com/">my-seed.com</a> si vous ne voulez/pouvez/savez pas créer le votre.</em></p>
<h5>L&#8217;interface</h5>
<p>Et donc, ce retour d&#8217;expérience ?</p>
<p>On peut déjà commencer par l&#8217;interface avec une capture d&#8217;écran :</p>
<p style="text-align: left;"><a href="http://gawel.fr/wp-content/uploads/2011/04/diaspora_ss.png"></a><a href="http://gawel.fr/wp-content/uploads/2011/04/diaspora_ss.png"><img class="aligncenter size-large wp-image-308" title="Screenshot Diaspora" src="http://gawel.fr/wp-content/uploads/2011/04/diaspora_ss-1024x672.png" alt="Screenshot Diaspora" width="607" height="398" /></a><br />
L&#8217;interface est plutôt dans un ton sobre et classe. Elle fait penser à un facebook épuré, avec un fil d&#8217;actualité assez similaire, et une sidebar présentant les différents aspects (nous y reviendrons) et contacts.</p>
<p style="text-align: left;">La barre en en-tête ressemble beaucoup à ce qui se fait déjà ailleurs, le titre du site, une barre de recherche, des icônes de notification pour les actions et les messages, et les actions sur son profil. On retrouve également les différents aspects.</p>
<h5 style="text-align: left;">Les aspects et contacts</h5>
<p>Une des fonctionnalités qui saute aux yeux dès le départ est la notion d&#8217;aspects. Ca peut s&#8217;apparenter aux listes d&#8217;amis sur Facebook. Mais sur Diaspora la fonctionnalité est beaucoup plus mise en avant. Un contact fera obligatoirement partie d&#8217;un aspect (on peut toujours choisir de n&#8217;en gérer qu&#8217;un seul).</p>
<p><em>Mais à quoi servent les aspects ?</em></p>
<p>En fait, c&#8217;est un peu comme placer ses amis dans différentes boîtes hermétiques. Une boite pour la famille, une autre pour les amis, une pour les collègues, etc. Ainsi, si vous postez un message dans une &laquo;&nbsp;boîte&nbsp;&raquo;, les autres boîtes ne pourront pas les voir. Vous pourrez ne donner les photos de vous éméché qu&#8217;à vos amis, sans que la famille ou les collègues ne puissent les voir.</p>
<p>Il est bien sûr possible de poster des messages visibles pour plusieurs aspects (exemple : famille + amis) ou encore au monde entier. Dans le cas d&#8217;un message visible par tout le monde, il sera visible même par les personnes ne faisant pas partie de vos contacts, il faut donc faire attention à ce qu&#8217;on poste au &laquo;&nbsp;monde&nbsp;&raquo; !</p>
<p><em>Mais comment quelqu&#8217;un qui n&#8217;est pas votre ami peut tomber sur un de vos posts ? </em>En visitant votre profil s&#8217;il est public, ou alors grâce aux hashtags&#8230;<em><br />
</em></p>
<h5>Les #hashtags</h5>
<p>Petite évolution par rapport à Facebook, Diaspora gère ce qu&#8217;on appelle des hashtags. Les utilisateurs de twitter seront familiers avec ce terme, pour les autres une petite explication s&#8217;impose.</p>
<p>Les hashtags sont en fait des mots clés précédés par un dièse (#). Cette syntaxe rend cliquable les mots clés en question, et renvoie vers l&#8217;ensemble des message contenant ce même mot clé. Cela permet de regrouper rapidement les sujets qui parlent d&#8217;un même sujet.</p>
<p>Pour (beaucoup) simplifier, c&#8217;est un peu comme un raccourci de recherche (dans le cas de Diaspora). Et mettre des hashtags à vos messages les rendra très facilement trouvables pour le monde entier.</p>
<p>Petite évolution par rapport à twitter cette fois, la possibilité de définir des hashtags pour votre profil. Si vous êtes un photographe par exemple (et que votre profil est public), mettez le hashtag #photography et lorsqu&#8217;une personne recherchera ce mot clé, il pourra tomber sur votre profil.</p>
<p>D&#8217;ailleurs, il y a un hashtag très utile pour nous francophones, c&#8217;est le hashtag <a href="https://joindiaspora.com/tags/french">#french</a> qui regroupe les profils et les posts de la communauté francophone sur Diaspora. Si vous rejoignez la Diaspora, n&#8217;hésitez pas à tagger votre profil et vos posts avec ce mot-clé !</p>
<p style="text-align: center;"><a href="http://apolonis.deviantart.com/art/French-Diaspora-205500598"><img class="alignnone aligncenter" title="#french" src="http://fc09.deviantart.net/fs71/i/2011/109/a/5/french_diaspora_by_apolonis-d3ecl9y.png" alt="#french" width="334" height="222" /></a></p>
<p>Un petit manque tout de même pour l&#8217;instant, la possibilité d&#8217;insérer des hashtags dans les commentaires&#8230; Ca viendra peut-être&#8230;</p>
<h5>Une migration partielle ?</h5>
<p>Parce qu&#8217;il est surement difficile de remplacer totalement Facebook par Diaspora, ce dernier a prévu (comme tout &laquo;&nbsp;outil&nbsp;&raquo; social en ce moment) une connexion avec Facebook et Twitter. Vous pourrez à partir de vos posts Diaspora poster en même temps sur votre &laquo;&nbsp;Mur&nbsp;&raquo; Facebook ou Twitter votre post. Comme ça vous serez toujours sur les autres réseaux sociaux, mais ça sera pas forcément simple de gérer les feedbacks sur chacun des sites.</p>
<p>On retrouve tout de même tout ce qui fait un réseau social digne de ce nom avec la messagerie privée, les notifications, les mentions dans les posts, une gestion (sommaire pour le moment) des photos&#8230;</p>
<p>On est loin d&#8217;avoir pléthore d&#8217;activités comme sur Facebook, pas de jeux, pas de pubs, c&#8217;est vraiment très épuré pour le moment.</p>
<h5>En conclusion&#8230;</h5>
<p>Diaspora est un mélange judicieux entre Twitter et Facebook, mais est encore très confidentiel. C&#8217;est dommage parce qu&#8217;il y a quand même de très bonnes idées, et certainement beaucoup d&#8217;autres à venir.</p>
<p>Cependant, les chances de voir un exode de Facebook vers Diaspora semblent assez minces, tant la main mise de Facebook sur le monde virtualo-social est en place. Diaspora étant l&#8217;alternative à Facebook ayant pourtant eu la meilleure communication jusqu&#8217;à maintenant, hormis quelques passionés et quelques curieux, on ne peut pas dire qu&#8217;il y ait foule aujourd&#8217;hui sur ce réseau social libre. De plus, le manque de bouton &laquo;&nbsp;Like&nbsp;&raquo; pourrait manquer aux Facebookiens <img src='http://gawel.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Mais n&#8217;hésitez pas à essayer, je ne garantis pas que &laquo;&nbsp;l&#8217;essayer c&#8217;est l&#8217;adopter&nbsp;&raquo; vu le manque de personnes on se retrouve à revenir sur Facebook pour communiquer avec ses amis, mais justement plus y aura de monde, plus on pourra se passer de Facebook !</p>
<p style="text-align: left;">&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://gawel.fr/2011/04/19/j-ai-essaye-diaspora/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://gawel.fr/2011/04/19/j-ai-essaye-diaspora/</feedburner:origLink></item>
		<item>
		<title>Le Panasonic Lumix G3 sera annoncé mi-mai</title>
		<link>http://feedproxy.google.com/~r/Gawelfr/~3/2Le-gJGXvNY/</link>
		<comments>http://gawel.fr/2011/04/14/le-panasonic-lumix-g3-sera-annonce-mi-mai/#comments</comments>
		<pubDate>Thu, 14 Apr 2011 12:24:55 +0000</pubDate>
		<dc:creator>gawel</dc:creator>
				<category><![CDATA[Photo]]></category>
		<category><![CDATA[lumix]]></category>
		<category><![CDATA[panasonic]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://gawel.fr/?p=264</guid>
		<description><![CDATA[En tant que (très heureux) possesseur d&#8217;un Lumix G2, j&#8217;essaye de suivre l&#8217;évolution du format 4/3 et micro 4/3. Surtout pour voir ce que prévoient les différents constructeurs pour ce format qui est à mon sens prometteur (je parlerai certainement de mon G2 dans un prochain billet)&#8230; Et en parcourant le site 43rumors on peut [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-265" title="panalumix-logo-blue-lumix" src="http://gawel.fr/wp-content/uploads/2011/04/panalumix-logo-blue-lumix.jpg" alt="" width="215" height="122" />En tant que (très heureux) possesseur d&#8217;un Lumix G2, j&#8217;essaye de suivre l&#8217;évolution du format 4/3 et micro 4/3. Surtout pour voir ce que prévoient les différents constructeurs pour ce format qui est à mon sens prometteur (je parlerai certainement de mon G2 dans un prochain billet)&#8230;</p>
<p>Et en parcourant le site <a href="http://www.43rumors.com/ft5-finally-panasonic-g3-coming-the-second-week-of-may/">43rumors</a> on peut donc voir que le successeur du G2 va être annoncé très bientôt !</p>
<p>Le G3 sera annoncé mi-mai plus exactement, et à en croire le site, il va marquer une nouvelle évolution significative après le G2, avec notamment un <strong>nouveau design</strong> et un capteur de <strong>16 Megapixels</strong>. On aura également la possibilité de filmer en <strong>1080p</strong> (contre 780p pour le G2).</p>
<p>Voilà ce qu&#8217;on peut dire pour le moment, mais on en saura plus très bientôt du coup !</p>
<p>PS : A noter que Panasonic devait bientôt dévoiler un nouvel objectif 25mm f1.4, mais cela ne se fera visiblement pas en mai malheureusement&#8230;</p>
<blockquote><p>Photo : <a href="http://www.flickr.com/photos/26008319@N06/">gawel</a><br />
Via : <a href="http://www.43rumors.com/">43rumors.com</a></p>
<p><a href="http://www.43rumors.com/"> </a><a href="http://www.43rumors.com/"></a></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://gawel.fr/2011/04/14/le-panasonic-lumix-g3-sera-annonce-mi-mai/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://gawel.fr/2011/04/14/le-panasonic-lumix-g3-sera-annonce-mi-mai/</feedburner:origLink></item>
		<item>
		<title>Les (très) Vieilles Charrues 2011…</title>
		<link>http://feedproxy.google.com/~r/Gawelfr/~3/mq-ALwHv3Ho/</link>
		<comments>http://gawel.fr/2011/04/12/les-tres-vieilles-charrues-2011/#comments</comments>
		<pubDate>Tue, 12 Apr 2011 14:47:06 +0000</pubDate>
		<dc:creator>gawel</dc:creator>
				<category><![CDATA[Live]]></category>
		<category><![CDATA[festival]]></category>
		<category><![CDATA[vieilles charrues]]></category>

		<guid isPermaLink="false">http://gawel.fr/?p=247</guid>
		<description><![CDATA[Aujourd&#8217;hui est tombée la programmation des Vieilles Charrues qui fête sa 20ème édition cette année ! Autant dire qu&#8217;on s&#8217;attendait à du lourd sur les scènes bretonnes&#8230; Et bien en fait, pas trop de surprise, on va se retrouver entre des artistes qu&#8217;on a l&#8217;habitude de voir en festival (voire même à la télé) et [...]]]></description>
			<content:encoded><![CDATA[<p>Aujourd&#8217;hui est tombée la programmation des Vieilles Charrues qui fête sa 20ème édition cette année ! Autant dire qu&#8217;on s&#8217;attendait à du lourd sur les scènes bretonnes&#8230;</p>
<p>Et bien en fait, pas trop de surprise, on va se retrouver entre des artistes qu&#8217;on a l&#8217;habitude de voir en festival (voire même à la télé) et d&#8217;autres têtes mois fraîches mais qui auront au moins le mérite de remplir le festival&#8230;</p>
<p>On retrouve donc parmi les têtes d&#8217;affiche : <strong>Scorpions </strong>groupe que l&#8217;on verra également au Hellfest près de Nantes,  et qu&#8217;on verra dans bien d&#8217;autres salles françaises, mais qui ne s&#8217;est pas fait remarqué par ses nouveaux titres depuis longtemps malgré un album en 2010 (la plupart d&#8217;entre nous ne connaitront que <em>Still loving you</em> et <em>Wind of change</em>), et dont la prestation s&#8217;est négociée à coup de centaines de milliers d&#8217;euros (notamment <a href="http://www.leparisien.fr/musique/on-s-arrache-scorpions-11-04-2011-1402592.php">à cause de l&#8217;exclusivité</a> qu&#8217;avait le Hellfest en France pour le groupe cet été)<strong> , Supertramp</strong> sans Roger Hodson, sa fameuse voix, et qui du coup perd un peu de son intérêt, les britanniques de <strong>Pulp</strong> qui n&#8217;ont pas d&#8217;actualité depuis 10 ans, <strong>Eddy Mitchell</strong> que je n&#8217;ai nul besoin de présenter ou encore <strong>Pierre Perret</strong>&#8230;</p>
<p>On retrouve également des têtes d&#8217;affiche comme <strong>Olivia Ruiz, Jean-Louis Aubert, </strong>ou<strong> Yannick Noah </strong>qui ne sont pas vraiment des surprises mais qui pourront remplir le festival<strong>. </strong></p>
<p>Pour finir sur une note positive, on a quand même de bons groupes comme <strong>Cold War Kids</strong>, <strong>Shaka Ponk</strong>, <strong>The Inspector Cluzo, The Bellrays </strong>ou encore <strong>Family of the Year, </strong>et quelques autres bons groupes à découvrir !</p>
<p>A voir : La <a href="http://www.vieillescharrues.asso.fr/edition-2011/programmation?sid=1">programmation complète des Vieilles Charrues</a>.</p>
<blockquote><p>Via : <a href="http://www.vieillescharrues.asso.fr/">http://www.vieillescharrues.asso.fr/</a></p></blockquote>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://gawel.fr/2011/04/12/les-tres-vieilles-charrues-2011/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://gawel.fr/2011/04/12/les-tres-vieilles-charrues-2011/</feedburner:origLink></item>
		<item>
		<title>Binomed</title>
		<link>http://feedproxy.google.com/~r/Gawelfr/~3/AkdxrUwc4w4/</link>
		<comments>http://gawel.fr/2011/04/12/binomed/#comments</comments>
		<pubDate>Tue, 12 Apr 2011 08:30:02 +0000</pubDate>
		<dc:creator>gawel</dc:creator>
				<category><![CDATA[Développement]]></category>

		<guid isPermaLink="false">http://gawel.fr/?p=243</guid>
		<description><![CDATA[Un petit article pour vous parler de Binomed. Binomed est une petite équipe de développement (2 personnes) dont je fais partie qui crée des applications pour différents supports. Aujourd&#8217;hui on a développé des applications pour Android, webOS et bientôt Google Chrome. Nous cherchons à étendre notre champ d&#8217;action afin d&#8217;avoir des connaissances dans des domaines/environnements [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://gawel.fr/wp-content/uploads/2011/04/icon_reasonably_small.png"><img class="alignleft size-full wp-image-244" title="icon_reasonably_small" src="http://gawel.fr/wp-content/uploads/2011/04/icon_reasonably_small.png" alt="" width="128" height="128" /></a>Un petit article pour vous parler de Binomed.</p>
<p>Binomed est une petite équipe de développement (2 personnes) dont je fais partie qui crée des applications pour différents supports.</p>
<p>Aujourd&#8217;hui on a développé des applications pour Android, webOS et bientôt Google Chrome. Nous cherchons à étendre notre champ d&#8217;action afin d&#8217;avoir des connaissances dans des domaines/environnements variés.</p>
<p>Notre application la plus remarquée est <strong>CineShowTime</strong>, disponible pour Android et webOS.<br />
La version <strong>CineShowTime for webOS</strong> a notamment été lauréat du concours SFR Jeunes Talents Développeurs en 2010, et du concours Palm Hot Apps (SDK) en 2010 également.</p>
<p>Pour en savoir plus, venez visiter <a href="http://binomed.fr">notre site</a> !</p>
<blockquote><p>Via : <a href="http://binomed.fr">binomed.fr</a></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://gawel.fr/2011/04/12/binomed/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://gawel.fr/2011/04/12/binomed/</feedburner:origLink></item>
	</channel>
</rss>

