<?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>PixGame &#187; Informatique</title>
	<atom:link href="http://www.pixgame.fr/category/informatique/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.pixgame.fr</link>
	<description>La passion des jeux vidéo et de l&#039;informatique</description>
	<lastBuildDate>Thu, 12 Jan 2012 19:21:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Tutoriel &#8211; jQuery + Ajax &#8211; ma première page web</title>
		<link>http://www.pixgame.fr/informatique/programmation/tutoriel-jquery-ajax-ma-premiere-page-web/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=tutoriel-jquery-ajax-ma-premiere-page-web</link>
		<comments>http://www.pixgame.fr/informatique/programmation/tutoriel-jquery-ajax-ma-premiere-page-web/#comments</comments>
		<pubDate>Mon, 12 Apr 2010 06:00:04 +0000</pubDate>
		<dc:creator>ethan</dc:creator>
				<category><![CDATA[Codes]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[développement web]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[tutoriel]]></category>

		<guid isPermaLink="false">http://www.pixgame.fr/?p=2048</guid>
		<description><![CDATA[Ce weekend, j&#8217;ai eu envie d&#8217;apprendre les bases de jQuery, une librairie Javascript puissante et simple d&#8217;utilisation qui permet entre autres de créer des effets de transition sur les éléments d&#8217;une page web et d&#8217;utiliser des requêtes Ajax pour charger du contenu sans avoir besoin de recharger cette page ! Je vous propose donc ce [...]
Related posts:<ol>
<li><a href='http://www.pixgame.fr/tutoriels/tutoriel-windows-7-enregistrer-du-son-avec-audacity/' rel='bookmark' title='Tutoriel : Windows 7 &#8211; Enregistrer du son avec Audacity'>Tutoriel : Windows 7 &#8211; Enregistrer du son avec Audacity</a></li>
<li><a href='http://www.pixgame.fr/informatique/programmation/tutoriel-java-creer-un-site-web-jsp-servlet/' rel='bookmark' title='Tutoriel &#8211; Créer un site web avec Java [Partie I]'>Tutoriel &#8211; Créer un site web avec Java [Partie I]</a></li>
<li><a href='http://www.pixgame.fr/tutoriels/tutoriel-realiser-des-captures-decran-avec-fraps/' rel='bookmark' title='Tutoriel : Windows 7 &#8211; Réaliser des captures d&#8217;écran avec FRAPS'>Tutoriel : Windows 7 &#8211; Réaliser des captures d&#8217;écran avec FRAPS</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="margin: 0 auto; width: 70px; margin-bottom: 30px; margin-top: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.pixgame.fr%2Finformatique%2Fprogrammation%2Ftutoriel-jquery-ajax-ma-premiere-page-web%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.pixgame.fr%2Finformatique%2Fprogrammation%2Ftutoriel-jquery-ajax-ma-premiere-page-web%2F&amp;source=pixgame&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: justify;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/04/jquery-website.jpg" rel="lightbox[2048]" title="jquery website"><img class="alignnone size-large wp-image-2052" title="jquery website" src="http://www.pixgame.fr/wp-content/uploads/2010/04/jquery-website-500x229.jpg" alt="jQuery website" width="500" height="229" /></a></p>
<p style="text-align: justify;">Ce weekend, j&#8217;ai eu envie d&#8217;apprendre les bases de <strong>jQuery</strong>, une librairie Javascript puissante et simple d&#8217;utilisation qui permet entre autres de créer des effets de <strong>transition sur les éléments d&#8217;une page web</strong> et <strong>d&#8217;utiliser des requêtes Ajax</strong> pour charger du contenu sans avoir besoin de recharger cette page ! Je vous propose donc ce petit exercice, niveau débutant.</p>
<p style="text-align: justify;"><span id="more-2048"></span></p>
<h3 style="text-align: justify;">Introduction</h3>
<p style="text-align: justify;">Avant toute chose, si vous ne disposez pas d&#8217;un outil favoris pour écrire vos fichiers <strong>HTML</strong>, <strong>CSS</strong>, <strong>PHP </strong>&#8230; (etc.) Je vous propose d&#8217;utiliser <strong>Aptana RadRails</strong>. Cet IDE ressemble à <strong>Eclipse</strong>, donc si vous avez déjà suivi mon <a href="http://www.pixgame.fr/informatique/programmation/tutoriel-java-creer-un-site-web-jsp-servlet/" target="_blank">tutoriel sur JAVA et les JSP</a>, vous devriez vite retrouver vos repaires <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Puis il est agréable à utiliser et l&#8217;auto-complétion fonctionne plutôt bien. Pour télécharger Aptana, suivez <a href="http://www.radrails.org/download/" target="_blank">ce  lien</a>. Vous pouvez laisser les options par défaut.</p>
<p style="text-align: justify;">Lancez Aptana. Le programme vous demandera d&#8217;installer un module pour pouvoir coder avec <strong>Ruby On Rails</strong>. Vous pouvez annuler cette étape, ce n&#8217;est pas nécessaire pour cet exercice <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Dans la perspective principale du logiciel, cliquez sur l&#8217;icône des perspectives, en haut à droite et sélectionnez <em><strong>Aptana web perspective</strong></em>.</p>
<p style="text-align: justify;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/04/aptana-perspective.jpg"><br />
</a><a href="http://www.pixgame.fr/wp-content/uploads/2010/04/aptana-perspective.jpg" rel="lightbox[2048]" title="aptana-web-perspective"><img class="aligncenter size-full wp-image-2049" title="aptana-web-perspective" src="http://www.pixgame.fr/wp-content/uploads/2010/04/aptana-perspective.jpg" alt="bouton des perspectives Aptana" width="307" height="192" /></a></p>
<p style="text-align: justify;">Maintenant, cliquez sur la même icône en haut à gauche, juste en dessous du menu File. Sélectionnez <em><strong>Default web project</strong></em>. Donnez-lui un nom puis cliquez sur Next. Cliquez sur <em><strong>Install JavaScript Libraries</strong></em>&#8230; Dans la liste qui s&#8217;affiche, cochez jQuery Support dans Featured Plugins puis cliquez sur <strong>Install</strong>.</p>
<p style="text-align: justify;">Une fois fait, vous pouvez à nouveau créer votre Default web project en sélectionnant la librairie jQuery. Votre projet apparaîtra dans la liste des projets. Remarquez que le dossier <strong>lib </strong>contenant la librairie jQuery a été automatiquement créé, ainsi que des pages html d&#8217;exemples que vous pouvez supprimer.</p>
<p style="text-align: justify;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/04/aptana-project-view.jpg" rel="lightbox[2048]" title="aptana-project-view"><img class="aligncenter size-medium wp-image-2050" title="aptana-project-view" src="http://www.pixgame.fr/wp-content/uploads/2010/04/aptana-project-view-136x220.jpg" alt="Vue Projets" width="136" height="220" /></a></p>
<p style="text-align: justify;">Pour cet exercice, vous aurons également besoin d&#8217;un petit plugin appelé <strong>Color Animations Plugin</strong>. Il vous suffit de le télécharger <a href="http://plugins.jquery.com/project/color" target="_blank">ici</a>, de bien le renommer avec l&#8217;extension <strong>.js</strong> (et pas <strong>.js.txt</strong>, ce qui m&#8217;est arrivé quand je l&#8217;ai téléchargée :/ ) et de le copier dans le dossier <strong>lib </strong>votre projet sous Aptana.</p>
<h3 style="text-align: justify;">Le projet</h3>
<p style="text-align: justify;">Bon, maintenant que tout est en place, voyons de plus près cet exercice. Le but est de créer une page web simple, composée d&#8217;un menu et d&#8217;un bloc de contenu. Lorsqu&#8217;on clique sur chacun des liens du menu, un contenu différent est chargé dans le bloc qui se trouve en dessous du menu. De plus, un effet de transition est ajouté aux liens du menu pour dynamiser le site <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align: justify;">A la fin de l&#8217;exercice, votre site pourrait ressembler à quelque chose de ce genre :</p>
<p style="text-align: justify;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/04/jquery-ajax-demo.jpg" rel="lightbox[2048]" title="jquery-ajax-demo"><img class="aligncenter size-medium wp-image-2051" title="jquery-ajax-demo" src="http://www.pixgame.fr/wp-content/uploads/2010/04/jquery-ajax-demo-351x220.jpg" alt="Démo jQuery + Ajax" width="351" height="220" /></a></p>
<p style="text-align: justify;">Pour une démo en live, vous pouvez aussi regarder cette vidéo :</p>
<p><object width="480" height="323" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 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.dailymotion.com/swf/video/xcwufm" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><embed width="480" height="323" type="application/x-shockwave-flash" src="http://www.dailymotion.com/swf/video/xcwufm" allowFullScreen="true" allowScriptAccess="always" allowfullscreen="true" allowscriptaccess="always" /></object></p>
<h4 style="text-align: justify;">étape 1 :</h4>
<p style="text-align: justify;">On va commencer par créer la page index.html avec le menu et le bloc de contenu. Pour se faire, on va utiliser une <strong>liste </strong>HTML et un <strong>div </strong>tout simple. Si vous ne connaissez pas le fonctionnement de ces balises, faites une recherche sur Google ou Bing et vous trouverez très rapidement des explications <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align: justify;">Voici le code HTML contenu dans les balises <strong>&lt;BODY&gt;</strong> et <strong>&lt;/BODY&gt;</strong> de la page index.html :</p>
<pre class="brush: xml; title: ; notranslate">
&lt;div id=&quot;site&quot;&gt;
        &lt;h1&gt;Mon premier essai avec JQuery et Ajax&lt;/h1&gt;

	&lt;div id=&quot;nav&quot;&gt;
		&lt;ul&gt;
			&lt;li id=&quot;first_li&quot;&gt;&lt;a class=&quot;ajax&quot; href=&quot;page1.html&quot;&gt;Texte 1&lt;/a&gt;&lt;/li&gt;
			&lt;li id=&quot;second_li&quot;&gt;&lt;a class=&quot;ajax&quot; href=&quot;page2.html&quot;&gt;Texte 2&lt;/a&gt;&lt;/li&gt;
			&lt;li id=&quot;third_li&quot;&gt;&lt;a class=&quot;ajax&quot; href=&quot;page3.html&quot;&gt;Texte 3&lt;/a&gt;&lt;/li&gt;
		&lt;/ul&gt;
	&lt;/div&gt;

	&lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;

	&lt;div id=&quot;content&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
</pre>
<p style="text-align: justify;">On en profite pour créer le contenu qui va être chargé dans le bloc lorsque l&#8217;utilisateur clique sur les liens du menu. Créez trois fichiers html dans votre projet ( <strong>File </strong>&gt; <strong>New </strong>&gt; <strong>HTML File</strong> ). Pour chaque page, supprimez tout ce qui se trouve à l&#8217;intérieur et copiez le code suivant :</p>
<pre class="brush: xml; title: ; notranslate">
&lt;div class=&quot;first_part&quot;&gt;
	&lt;div class=&quot;illustration&quot;&gt;
		&lt;img src=&quot;images/armored-tux.png&quot; title=&quot;Armored Tux&quot; alt=&quot;Armored Tux&quot;/&gt;
	&lt;/div&gt;

	&lt;div class=&quot;texte&quot;&gt;
		&lt;h2&gt;Premier texte&lt;/h2&gt;
		&lt;p&gt;Vestibulum iaculis consequat lacinia. Aenean dolor est, dignissim et ultrices eu, commodo tempus nunc.
		Nulla quis nisl sit amet justo porttitor lacinia blandit sit amet mauris. Proin non semper libero. &lt;/p&gt;
	&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;

&lt;div class=&quot;second_chapter&quot;&gt;
	&lt;p&gt;réalisation : votre nom&lt;/p&gt;
&lt;/div&gt;
</pre>
<p style="text-align: justify;">Pensez à utiliser vos propres images ^^ Si vous ne savez pas quoi utiliser, vous pourrez récupérer les images de mon exemple à la fin de ce tutoriel.</p>
<h4 style="text-align: justify;">étape 2 :</h4>
<p style="text-align: justify;">Passons au CSS, pour mettre tout ça en forme. Créez un dossier css à la racine de votre projet et, à l&#8217;intérieur, ajoutez un fichier CSS. Effacez ce qui s&#8217;y trouve et copiez-y ce qui suit :</p>
<pre class="brush: css; title: ; notranslate">
body {
	text-align: center;
}

.clear {
	clear: both;
	margin-bottom: 15px;
}

#site {
	width: 800px;
	margin: 0 auto;
}

#nav {
	width: 700px;
	margin: 0 auto;
}
#nav ul {
	list-style-type: none;
}

#nav ul li {
	float: left;
	width: 200px;
	background-color: black;
	margin-right: 10px;
	border: 2px solid white;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#nav ul li a {
	display: block;
	width: 100%;
	padding: 10px 0px;
	text-decoration: none;
	color: white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#content {
	width: 500px;
	overflow: hidden;
	margin: 0 auto;
}

.first_chapter {
	width: 500px;
}

.illustration {
	float: left;
	margin: 5px;
}

.texte {
	text-align: justify;
}

.second_chapter {
	background-color: lightGrey;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.second_chapter p {
	padding: 7px 0px;
}
</pre>
<p style="text-align: justify;">Pensez à indiquer le fichier CSS dans votre page index.html avec le code suivant, à placer entre les balises <strong>&lt;HEAD&gt;&lt;/HEAD&gt;</strong> :</p>
<pre class="brush: css; title: ; notranslate">
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/style.css&quot;&gt;
</pre>
<h4 style="text-align: justify;">étape 3 :</h4>
<p style="text-align: justify;">Enfin, on passe au cœur de cet exercice, le code javascript qui va permettre d&#8217;animer nos liens et de charger notre contenu. Tout d&#8217;abord, il faut indiquer dans la page index.html qu&#8217;on va utiliser jQuery et Color Animations. Ajoutez donc les deux lignes de code suivante entre les balises <strong>&lt;HEAD&gt;&lt;/HEAD&gt;</strong> :</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot; src=&quot;lib/jquery/jquery-1.3.2.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;lib/jquery/jquery.color.js&quot;&gt;&lt;/script&gt;
</pre>
<p style="text-align: justify;">Ensuite, on va créer deux fonctions. Pour commencer, on va indiquer que ces fonctions seront utilisées une fois la page web prête à être utilisée. Pour ce faire, on va utiliser <em>$(document).ready()</em> :</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot;&gt;
	$(document).ready(function(){
                 ...
        });
&lt;/script&gt;
</pre>
<p style="text-align: justify;">A l&#8217;intérieur, on déclare les deux fonctions. La première sera appelée lorsqu&#8217;un clic aura lieu sur n&#8217;importe quel lien HTML. On utilise la méthode <em>animate()</em> pour modifier la couleur de fond et la couleur du texte de l&#8217;élément courant (grâce à <em>$(this)</em>) 2 fois de suite.</p>
<pre class="brush: jscript; title: ; notranslate">
$(&quot;a&quot;).click(function(){
		$(this).animate({
		backgroundColor:'white',color:'black'
		}, 200).animate({
		backgroundColor:'black',color:'white'
		}, 500);
});
</pre>
<p style="text-align: justify;">La seconde sera appelée lorsqu&#8217;un clic aura lieu sur les liens HTML de la classe ajax. On créé une requête ajax pour laquelle on spécifie la source a récupérer avec le paramètre <strong>url</strong>. En cas de succès, on charge la réponse de la requête dans le bloc appelé <strong>content </strong>!</p>
<pre class="brush: jscript; title: ; notranslate">
$(&quot;a.ajax&quot;).click(function() {
	$.ajax({
	type:&quot;GET&quot;,
	url:$(this).attr(&quot;href&quot;),
	success: function(retour){
		$(&quot;#content&quot;).empty().append(retour);
		 }
	 });
	return false;
});
</pre>
<p style="text-align: justify;">Au final, le code javascript est placé entre les balises <strong>&lt;HEAD&gt;&lt;/HEAD&gt;</strong> et donne ceci :</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot;&gt;
		$(document).ready(function(){

			$(&quot;a&quot;).click(function(){
				$(this).animate({
					backgroundColor:'white',color:'black'
				}, 200).animate({
					backgroundColor:'black',color:'white'
				}, 500);
			});

			$(&quot;a.ajax&quot;).click(function() {
				 $.ajax({
				       type:&quot;GET&quot;,
				       url:$(this).attr(&quot;href&quot;),
				       success: function(retour){
						$(&quot;#content&quot;).empty().append(retour);
				       }
				   });
				   return false;
			});
		});
&lt;/script&gt;
</pre>
<p style="text-align: justify;">Il ne vous reste plus qu&#8217;à tester votre page en cliquant sur le bouton IE en bas de votre page <strong>index.html</strong>. Vous pouvez également cherchez votre projet sur votre disque dur et lancer le fichier index.html avec votre navigateur préféré (Regardez dans mes documents ou MyDocuments).</p>
<p style="text-align: justify;">Si tout s&#8217;est bien passé, vous avez créé votre premier site web en utlisant jQuery et Ajax <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  Bon, site web est un bien grand mot et il reste encore beaucoup de possibilités à explorer. Si vous voulez en apprendre davantage sur jQuery, visitez <a href="http://jquery.com/" target="_blank">le site web officiel</a>. Il existe aussi beaucoup de tutoriels sur internet qui vous aideront à progresser <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align: justify;"><span style="color: #999999;">edit: supression de l&#8217;archive du projet dû à une corruption du fichier.</span></p>
<p>Related posts:<ol>
<li><a href='http://www.pixgame.fr/tutoriels/tutoriel-windows-7-enregistrer-du-son-avec-audacity/' rel='bookmark' title='Tutoriel : Windows 7 &#8211; Enregistrer du son avec Audacity'>Tutoriel : Windows 7 &#8211; Enregistrer du son avec Audacity</a></li>
<li><a href='http://www.pixgame.fr/informatique/programmation/tutoriel-java-creer-un-site-web-jsp-servlet/' rel='bookmark' title='Tutoriel &#8211; Créer un site web avec Java [Partie I]'>Tutoriel &#8211; Créer un site web avec Java [Partie I]</a></li>
<li><a href='http://www.pixgame.fr/tutoriels/tutoriel-realiser-des-captures-decran-avec-fraps/' rel='bookmark' title='Tutoriel : Windows 7 &#8211; Réaliser des captures d&#8217;écran avec FRAPS'>Tutoriel : Windows 7 &#8211; Réaliser des captures d&#8217;écran avec FRAPS</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.pixgame.fr/informatique/programmation/tutoriel-jquery-ajax-ma-premiere-page-web/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Tutoriel &#8211; Créer un site web avec Java [Partie I]</title>
		<link>http://www.pixgame.fr/informatique/programmation/tutoriel-java-creer-un-site-web-jsp-servlet/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=tutoriel-java-creer-un-site-web-jsp-servlet</link>
		<comments>http://www.pixgame.fr/informatique/programmation/tutoriel-java-creer-un-site-web-jsp-servlet/#comments</comments>
		<pubDate>Sat, 27 Mar 2010 19:37:30 +0000</pubDate>
		<dc:creator>ethan</dc:creator>
				<category><![CDATA[Codes]]></category>
		<category><![CDATA[eclipse]]></category>
		<category><![CDATA[j2ee]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[JSP]]></category>
		<category><![CDATA[Servlet]]></category>
		<category><![CDATA[tutoriel]]></category>

		<guid isPermaLink="false">http://www.pixgame.fr/?p=1941</guid>
		<description><![CDATA[Pour mon premier article de la rubrique Codes, j&#8217;ai décidé de vous proposer un petit tutoriel pour créer votre premier site internet à l&#8217;aide du langage de programmation Java ! Avec quelques lignes de code, vous apprendrez à créer une page d&#8217;accueil et une page de connexion. Vous apprendrez à utiliser les servlets et les [...]
Related posts:<ol>
<li><a href='http://www.pixgame.fr/tutoriels/tutoriel-windows-7-enregistrer-du-son-avec-audacity/' rel='bookmark' title='Tutoriel : Windows 7 &#8211; Enregistrer du son avec Audacity'>Tutoriel : Windows 7 &#8211; Enregistrer du son avec Audacity</a></li>
<li><a href='http://www.pixgame.fr/tutoriels/tutoriel-creer-un-fichier-pdf-sous-windows-seven/' rel='bookmark' title='tutoriel : Créer un fichier PDF sous Windows Seven'>tutoriel : Créer un fichier PDF sous Windows Seven</a></li>
<li><a href='http://www.pixgame.fr/tutoriels/tutoriel-recuperersauvegarder-ses-e-mails-avec-thunderbird/' rel='bookmark' title='Tutoriel &#8211; Récupérer/Sauvegarder ses e-mails avec Thunderbird'>Tutoriel &#8211; Récupérer/Sauvegarder ses e-mails avec Thunderbird</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="margin: 0 auto; width: 70px; margin-bottom: 30px; margin-top: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.pixgame.fr%2Finformatique%2Fprogrammation%2Ftutoriel-java-creer-un-site-web-jsp-servlet%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.pixgame.fr%2Finformatique%2Fprogrammation%2Ftutoriel-java-creer-un-site-web-jsp-servlet%2F&amp;source=pixgame&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: justify;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/03/mascotte-java.png" rel="lightbox[1941]" title="mascotte-java"><img class="aligncenter size-full wp-image-1942" title="mascotte-java" src="http://www.pixgame.fr/wp-content/uploads/2010/03/mascotte-java.png" alt="" width="180" height="190" /></a></p>
<p style="text-align: justify;">Pour mon premier article de la rubrique Codes, j&#8217;ai décidé de vous proposer un petit tutoriel pour créer votre premier site internet à l&#8217;aide du langage de programmation Java ! Avec quelques lignes de code, vous apprendrez à créer une page d&#8217;accueil et une page de connexion. Vous apprendrez à utiliser les servlets et les pages JSP (JavaServer Pages).</p>
<p style="text-align: justify;"><span id="more-1941"></span></p>
<p style="color: red; font-weight: bold; text-align: justify;">!! Remarque !!<br />
<em>Cet article s&#8217;adresse aux débutants en programmation. Il s&#8217;agit  d&#8217;une introduction au développement web à l&#8217;aide du langage Java. Pour les développeurs plus avancés, d&#8217;autres tutoriels viendront sans doute plus tard <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  !</em></p>
<h2 style="text-align: justify;">Partie I : Installation de l&#8217;environnement de développement et première pages JSP</h2>
<h3 style="text-align: justify;">1. Installation d&#8217;Eclipse, de Java et de Tomcat</h3>
<p style="text-align: justify;"><span style="text-decoration: underline;">Première étape</span> : avant de commencer à taper du code à tout va, il faut installer un IDE (Integrated  Development Environnement), c&#8217;est-à-dire un logiciel qui va nous permettre d&#8217;écrire nos pages de code et de les tester. Pour créer des servlets et des pages JSP, on va utiliser Eclipse qui est un éditeur puissant et gratuit, et plus précisément sa version Entreprise. Pour se faire, il suffit de le télécharger directement sur <a href="http://www.eclipse.org/">www.eclipse.org</a>, rubrique <a href="http://www.eclipse.org/downloads/" target="_blank">downloads</a>.</p>
<p style="text-align: justify;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/03/download_eclipse_j2ee.png" rel="lightbox[1941]" title="téléchargement eclipse J2EE"><img title="téléchargement eclipse J2EE" src="http://www.pixgame.fr/wp-content/uploads/2010/03/download_eclipse_j2ee-500x69.png" alt="téléchargement eclipse J2EE" width="500" height="69" /></a></p>
<p style="text-align: justify;">Il n&#8217;est pas nécessaire d&#8217;installer Eclipse pour pouvoir l&#8217;utiliser. Il suffit de décompresser l&#8217;archive quelque part sur votre disque dur et de créer un raccourci du fichier eclipse.exe sur votre bureau ! Maintenant, il faut aussi installer un kit de développement Java (ou <strong>JDK</strong>), nécessaire pour faire fonctionner votre code. Téléchargez-le en vous connectant au site <a href="http://java.sun.com" target="_blank">http://java.sun.com</a> section download javaSE ou bien en cliquant <a href="http://java.sun.com/javase/downloads/widget/jdk6.jsp" target="_blank">ici</a>. Une fois fait, installez-le sur votre ordinateur.</p>
<p style="text-align: justify;">Enfin, il faut récupérer <strong>Apache Tomcat</strong>, un conteneur de servlets qui va vous permettre de tester votre application. Même procédure qu&#8217;Eclipse, téléchargez la dernière version sur <a href="http://tomcat.apache.org/" target="_blank">tomcat.apache.org</a>, section <a href="http://tomcat.apache.org/download-60.cgi" target="_blank">download</a> (la version core fera l&#8217;affaire). Décompressez ensuite l&#8217;archive quelque part sur votre disque dur et c&#8217;est tout ^^ !</p>
<h3 style="text-align: justify;">2. lancement d&#8217;Eclipse et création d&#8217;un nouveau projet.</h3>
<p style="text-align: justify;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/03/raccourci-eclipse.jpg" rel="lightbox[1941]" title="raccourci eclipse"><img class="alignleft size-full wp-image-1962" title="raccourci eclipse" src="http://www.pixgame.fr/wp-content/uploads/2010/03/raccourci-eclipse.jpg" alt="raccourci eclipse" width="83" height="103" /></a> Cliquez donc sur le raccourci Eclipse que vous avez créé sur votre bureau pour lancer l&#8217;IDE. Le logiciel vous demandera la première fois d&#8217;indiquer un espace de travail (<strong>workspace</strong>) dans lequel seront stockés tous vos projets.  Vous avez maintenant face à vous la page d&#8217;accueil d&#8217;Eclipse. Elle contient plusieurs liens vers des pages d&#8217;aide concernant les diverses technologies que vous pouvez utiliser avec Eclipse J2EE. Cliquez sur la petite croix de l&#8217;onglet Welcome pour fermer cette page et faire apparaître l&#8217;interface principale.</p>
<p style="text-align: justify;">L&#8217;ensemble des parties qui composent l&#8217;interface que vous voyez forme une <strong>perspective</strong>. Regardez la petite icône Java EE en haut à droite. Si vous passez la souris dessus, une bulle texte indiquera Java EE perspective. Une perspective est composée de <strong>vues</strong>. Chaque cadre de l&#8217;interface est une vue. Par exemple, à gauche, l&#8217;onglet <strong>Project Explorer</strong> est une vue. Dans Eclipse, il existe plusieurs perspectives pré-configurées qui disposent de leur propre lot de vues et qui correspondent à un type de projet ou une façon de travailler. Pour afficher d&#8217;autres perspectives ou ajouter des vues à la perspective actuelle, cliquez sur l&#8217;onglet <strong><em>Windows</em></strong> du menu supérieur puis naviguez dans les sous menus <strong><em>Show View</em></strong> et <strong><em>Open Perspective</em></strong>.</p>
<p style="text-align: justify;">Ouvrons maintenant notre premier projet. Cliquez sur <strong>File </strong>&gt; <strong>New </strong>&gt; <strong>Dynamic Web project</strong> &#8230;</p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee.jpg" rel="lightbox[1941]" title="eclipse j2ee"><img class="alignnone size-thumbnail wp-image-1963" title="eclipse j2ee" src="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee-160x160.jpg" alt="eclipse j2ee" width="160" height="160" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_02.jpg" rel="lightbox[1941]" title="eclipse j2ee 02"><img class="alignnone size-thumbnail wp-image-1964" title="eclipse j2ee 02" src="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_02-160x160.jpg" alt="eclipse j2ee" width="160" height="160" /></a></p>
<p style="text-align: justify;">Indiquez le nom de votre projet. Laissez toutes les autres options par défaut et cliquez sur <strong>Finish</strong>&#8230; Votre projet apparaît maintenant dans la vue Project Explorer. Remarquez qu&#8217;il est composé de plusieurs dossiers. Les plus importants pour nous sont le dossier <strong>Java Ressources : src</strong> qui contiendra nos classes Java et nos Servlets ainsi que le dossier <strong>WebContent </strong>qui accueillera nos pages JSP et les autres fichiers nécessaires à la conception du site (feuille de style CSS, images, etc.).</p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_03.jpg" rel="lightbox[1941]" title="new Dynamic Web Project "><img class="alignnone size-thumbnail wp-image-1967" title="new Dynamic Web Project " src="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_03-160x160.jpg" alt="new Dynamic Web Project " width="160" height="160" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_04.jpg" rel="lightbox[1941]" title="project explorer view eclipse J2ee"><img class="alignnone size-thumbnail wp-image-1966" title="project explorer view eclipse J2ee" src="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_04-160x160.jpg" alt="project explorer view eclipse J2ee" width="160" height="160" /></a></p>
<h3 style="text-align: justify;">3. Création de votre première page JSP</h3>
<p style="text-align: justify;">Maintenant que le projet est démarré, nous allons créer notre première page JSP. une page JSP (pour JavaServer Page) est un fichier html qui peut contenir du code Java, qu&#8217;on insère dans des balises. Pour les connaisseurs, ça ressemble au PHP.</p>
<p style="text-align: justify;">Pour créer une nouvelle page JSP, faites un clic droit sur le dossier <strong>WebContent </strong>puis cliquez sur <strong>New </strong>&gt; <strong>JSP </strong>&#8230; Si JSP n&#8217;apparaît pas dans la liste, sélectionnez <strong>Other</strong>&#8230; et cherchez JSP. Indiquez le nom de votre page puis cliquez sur <strong>Finish</strong>&#8230; Votre page apparaît maintenant dans la vue Project Explorer, sous le dossier WebContent, et son contenu s&#8217;affiche dans l&#8217;éditeur. L&#8217;exercice va consister à créer un formulaire de login et à afficher un message de bienvenue sur une autre page en cas de succès. Si le login ou le mot de passe est vide, on renvoie sur la page de login. Sinon, on affiche le message d&#8217;accueil et un lien pour se déconnecter.</p>
<p style="text-align: justify;">Dans la page JSP que vous venez de créer, copiez le code suivant entre les balises <strong><BODY></BODY></strong>:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;h3&gt;Formulaire de connexion&lt;/h3&gt;

&lt;div&gt;
	&lt;form action=&quot;LoginServlet&quot; method=&quot;post&quot;&gt;
		login : &lt;input type=&quot;text&quot; name=&quot;login&quot; /&gt;
		password : &lt;input type=&quot;password&quot; name=&quot;password&quot; /&gt;
		&lt;input type=&quot;submit&quot; value=&quot;connexion&quot; /&gt;
	&lt;/form&gt;
&lt;/div&gt;
</pre>
<p style="text-align: justify;">Vous voyez que le formulaire utilise la méthode <em><strong>post </strong></em>pour envoyer les données vers <strong><em>LoginServlet</em></strong>, qui sera notre première servlet. Retenez bien les propriétés <strong><em>name</em></strong> des deux champs <em><strong>INPUT</strong></em>. Elles seront utiles pour récupérer les informations entrées par l&#8217;utilisateur.</p>
<h3 style="text-align: justify;"><em><strong><span style="font-style: normal;">4. Création de notre première Servlet</span></strong></em></h3>
<p style="text-align: justify;">Maintenant que le formulaire de login est crée, il va falloir utiliser une servlet pour traiter les informations de ce formulaire. Pour ce faire, faites un clic droit sur le dossier Java Resources de votre projet et cliquez sur Servlet&#8230; À la ligne Class Name, indiquez le nom que vous avez mis à l&#8217;attribut <strong><em>action </em></strong>de votre formulaire, <strong><em>LoginServlet </em></strong>dans mon exemple. Indiquez également un nom de Package. Les <strong>packages</strong> permettent d&#8217;organiser vos classes en groupes et sous-groupes. Vous pouvez les classer par fonctionnalité ou par plugin (si vous développez plusieurs plugins dans votre projet). C&#8217;est très utile lorsque vous travaillez sur un projet qui contient plusieurs dizaines de classes. Cliquez sur <strong><em>Next</em></strong>. Dans la fenêtre suivante, vous pouvez renseigner une description pour votre servlet et changer son <strong>url-pattern</strong>. L&#8217;url-pattern d&#8217;une servlet, c&#8217;est le nom qu&#8217;elle portera dans la barre d&#8217;adresse de votre navigateur. Par défaut, l&#8217;url-pattern prend le nom de la servlet comme valeur. Ainsi pour appeler notre servlet, il suffit de tapper l&#8217;adresse suivante :</p>
<p style="text-align: justify;"><em>http://localhost:8080/MyFirstWebProject/LoginServlet</em></p>
<p style="text-align: justify;">Cependant, vous pouvez tout à fait changer cet url-pattern pour lui donner plus de sens. Nous verrons un peu plus tard comment configurer manuellement les url-pattern de toutes nos servlets. Cliquez à nouveau sur <strong><em>Next</em></strong>. Vous avez maintenant sous les yeux la liste des méthodes disponibles pour votre Servlet. Les méthodes <strong><em>doGet()</em></strong> et <strong><em>doPost()</em></strong> sont cochées par défaut. Ce sont les deux méthodes que nous utiliserons pour écrire notre code. Vous pouvez implémenter les autres méthodes en cochant simplement leur case respective. Chaque méthode a son utilité et il suffit de lire la documentation java pour apprendre à les utiliser <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_07.jpg" rel="lightbox[1941]" title="new servlet eclipse J2ee"><img class="alignnone size-thumbnail wp-image-1984" title="new servlet eclipse J2ee" src="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_07-160x160.jpg" alt="new servlet eclipse J2ee" width="160" height="160" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_08.jpg" rel="lightbox[1941]" title="servlet eclipse j2ee"><img class="alignnone size-thumbnail wp-image-1985" title="servlet eclipse j2ee" src="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_08-160x160.jpg" alt="servlet eclipse j2ee" width="160" height="160" /></a></p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_09.jpg" rel="lightbox[1941]" title="url-pattern servlet eclipse j2ee"><img class="alignnone size-thumbnail wp-image-1986" title="url-pattern servlet eclipse j2ee" src="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_09-160x160.jpg" alt="url-pattern servlet eclipse j2ee" width="160" height="160" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_10.jpg" rel="lightbox[1941]" title="method servlet eclipse j2ee"><img class="alignnone size-thumbnail wp-image-1987" title="method servlet eclipse j2ee" src="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_10-160x160.jpg" alt="method servlet eclipse j2ee" width="160" height="160" /></a></p>
<p><a href="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_10.jpg"></a></p>
<p style="text-align: justify;">Votre servlet et votre package nouvellement créés apparaissent dans le dossier Java Resources. À cette étape de l&#8217;exercice, il est possible que vous ayez des parties du code qui soient soulignées en rouge, indiquant un problème. Il se peut que la classe HttpServlet ne soit pas reconnue. Pour remédier à ce problème, allez dans le dossier d&#8217;installation du serveur <strong>TOMCAT </strong>sur votre disque dur et dans le dossier, faites un copier du fichier <strong><em>servlet-api.jar</em></strong>. Retournez dans Eclipse et  dans le dossier <strong>WebContent</strong> &gt; <strong>WEB-INF</strong> &gt; <strong>lib</strong>, faites un clic droit et collez votre fichier. Ensuite cliquez droit dessus et sélectionnez <em><strong>Build Path</strong></em> &gt; <em><strong>Add to Build Path</strong></em>&#8230; Il ne devrait plus y avoir de problème.</p>
<p style="text-align: justify;">Maintenant, nous allons écrire le code qui va récupérer les informations postées par le formulaire html et les traiter. Ouvrez votre fichier LoginServlet.java en double-cliquant dessus (s&#8217;il n&#8217;est pas déjà ouvert dans l&#8217;éditeur) et positionnez-vous dans la méthode doPost(). Copiez le code suivant :</p>
<p style="text-align: justify;">
<pre class="brush: java; title: ; wrap-lines: false; notranslate">
String login = request.getParameter(&quot;login&quot;);
String password = request.getParameter(&quot;password&quot;);

if(!login.isEmpty() &amp;&amp; !password.isEmpty()){
	User currentUser = new User();
	currentUser.setLogin(login);
	currentUser.setPassword(password);

	request.getSession().setAttribute(&quot;user&quot;, currentUser);
	request.getRequestDispatcher(&quot;content.jsp&quot;).forward(request, response);

} else {
	response.sendRedirect(&quot;home.jsp&quot;);
}
</pre>
<p style="text-align: justify;">Vous voyez qu&#8217;on récupère la valeur des champs du formulaire grâce à la méthode getParameter() de l&#8217;objet <strong><em>Request</em></strong>. Si les champs du formulaire ne sont pas vides, alors on créé un objet de type <strong><em>User </em></strong>qu&#8217;on enregistre ensuite en session pour pouvoir le récupérer sur les autres pages JSP du site ! Enfin, on renvoie le tout vers la page <strong><em>content.jsp</em></strong>. En revanche, si l&#8217;utilisateur n&#8217;a pas remplit tous les champs du formulaire, on le renvoie à la page de login.</p>
<p style="text-align: justify;">Bien sûr, il faut créer la classe <strong><em>User</em></strong>. Pour celà, faites un clic droit sur le dossier Java Resources et sélectionnez <strong><em>Class</em></strong>. Indiquez un package et le nom de classe User puis cliquez sur <strong><em>Finish</em></strong>&#8230; Voici le code de cette classe :</p>
<p style="text-align: justify;">
<pre class="brush: java; title: ; wrap-lines: false; notranslate">
public class User {

	private String login, password;

	public User(){
		this.login = &quot;anonyme&quot;;
		this.password = &quot;default&quot;;
	}

	public String getLogin() {
		return login;
	}

	public void setLogin(String login) {
		this.login = login;
	}

	public String getPassword() {
		return password;
	}

	public void setPassword(String password) {
		this.password = password;
	}
}
</pre>
<h3 style="text-align: justify;">5. Suite et fin de l&#8217;exercice</h3>
<p style="text-align: justify;">Il reste encore quelques pages à créer. Ajoutez une page content.jsp à votre projet (dans le dossier WebContent) et copiez le code suivant entre les deux balises <strong>&lt;BODY&gt;&lt;/BODY&gt;</strong> de la page :</p>
<pre class="brush: java; title: ; wrap-lines: false; notranslate">
&lt;%
	if(request.getSession().getAttribute(&quot;user&quot;) == null){
		out.print(&quot;Vous n'êtes pas connecté. Cliquez &lt;a href=\&quot;home.jsp\&quot;&gt;ici&lt;/a&gt; pour vous authentifier&quot;);

	} else {
		User currentUser = (User) request.getSession().getAttribute(&quot;user&quot;);
		out.print(String.format(&quot;Bonjour visiteur ! Tu es connecté en tant que : %s&quot;, currentUser.getLogin()));
		out.print(&quot;&lt;br /&gt;&quot;);
		out.print(String.format(&quot;Ton mot de passe est : %s&quot;, currentUser.getPassword()));
		out.print(&quot;&lt;p&gt;&lt;a href=\&quot;LogoutServlet\&quot;&gt;Déconnexion&lt;/a&gt;&lt;/p&gt;&quot;);
	}
%&gt;
</pre>
<p style="text-align: justify;">Ensuite, créez une nouvelle Servlet que vous appellerez <strong><em>LogoutServlet </em></strong>et dans la méthode <strong><em>doGet</em></strong>(), copiez le code suivant :</p>
<pre class="brush: java; title: ; wrap-lines: false; notranslate">
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
	request.getSession().invalidate();
	response.sendRedirect(&quot;home.jsp&quot;);
}
</pre>
<p style="text-align: justify;">Il reste quelques manipulations à faire. Pour commencer, il faut configurer votre projet pour que lorsque vous vous connecterez à votre site, la page d&#8217;accueil soit la page du formulaire, ici appelée <strong><em>home.jsp</em></strong>. Pour celà, double-cliquez sur le fichier <strong><em>web.xml</em></strong> dans le dossier <strong><em>WebContent </em></strong>&gt; <strong><em>WEB-INF</em></strong>. Cliquez ensuite sur l&#8217;onglet <strong><em>source </em></strong>en bas de l&#8217;éditeur. Le fichier <strong><em>web.xml</em></strong> permet de configurer plusieurs paramètres de votre application web tels que les pages d&#8217;accueil possibles, les url-pattern de vos servlets ou encore des variables d&#8217;environnement. Cherchez donc la partie <strong><em>&lt;welcome-file-list&gt;</em></strong> et placez-y en tête votre page de formulaire.</p>
<pre class="brush: xml; title: ; notranslate">
&lt;welcome-file-list&gt;
	&lt;welcome-file&gt;home.jsp&lt;/welcome-file&gt;
	&lt;welcome-file&gt;index.html&lt;/welcome-file&gt;
	&lt;welcome-file&gt;index.htm&lt;/welcome-file&gt;
	&lt;welcome-file&gt;index.jsp&lt;/welcome-file&gt;
	&lt;welcome-file&gt;default.html&lt;/welcome-file&gt;
	&lt;welcome-file&gt;default.htm&lt;/welcome-file&gt;
	&lt;welcome-file&gt;default.jsp&lt;/welcome-file&gt;
&lt;/welcome-file-list&gt;
</pre>
<p style="text-align: justify;">N&#8217;oubliez pas de sauvegarder ! Une fois fait, dans la vue <strong><em>Project Explorer</em></strong>, faites un clic droit puis cliquez sur <strong>New </strong>&gt; <strong>Other </strong>&gt; <strong>Server</strong>. Choisissez un serveur tomcat v6.0 puis cliquez sur <strong>Finish</strong>. Votre serveur devrait apparaître dans la vue <strong>Server</strong>, sous la vue éditeur. Si tout s&#8217;est bien passé, vous devriez maintenant pouvoir lancer votre application pour la tester <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Faites un clic droit sur le nom de votre projet et sélectionnez  <strong>Run As</strong>&#8230; &gt; <strong>Run on Server</strong> et cliquez sur <strong>Finish</strong>&#8230;.</p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_11.jpg" rel="lightbox[1941]" title="tomcat server eclipse j2ee"><img class="alignnone size-thumbnail wp-image-1995" title="tomcat server eclipse j2ee" src="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_11-160x160.jpg" alt="tomcat server eclipse j2ee" width="160" height="160" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_13.jpg" rel="lightbox[1941]" title="tomcat server eclipse j2ee"><img class="alignnone size-thumbnail wp-image-1996" title="tomcat server eclipse j2ee" src="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_13-160x160.jpg" alt="tomcat server eclipse j2ee" width="160" height="160" /></a></p>
<p style="text-align: justify;">Un onglet de navigateur devrait s&#8217;ouvrir dans la vue éditeur, avec votre formulaire de connexion. Il ne vous reste plus qu&#8217;à tester votre application ^^ !</p>
<p style="text-align: justify;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_14.jpg" rel="lightbox[1941]" title="application web eclipse j2ee"><img class="alignnone size-large wp-image-1997" title="application web eclipse j2ee" src="http://www.pixgame.fr/wp-content/uploads/2010/03/eclipse_j2ee_14-500x341.jpg" alt="application web eclipse j2ee" width="500" height="341" /></a></p>
<p style="text-align: justify;">
<p style="text-align: justify;">Ça y est , vous avez créé votre premier petit site web avec Java  ^^ ! Ce n&#8217;est qu&#8217;un début et il y a encore beaucoup de choses à voir pour rendre votre site plus dynamique et plus intéressant. Mais nous verrons tout ça dans une seconde partie de ce tutoriel <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  . En attendant, entraînez-vous et faites des recherches sur internet ^^. Voici deux sites qui pourraient pour fournir beaucoup d&#8217;aide et de documentation :</p>
<p style="text-align: justify;"><a href="http://javaweb.developpez.com/">http://javaweb.developpez.com/</a></p>
<p style="text-align: justify;"><a href="http://www.javafr.com/">http://www.javafr.com/</a></p>
<p style="text-align: justify;">Et enfin, vous pouvez téléchargez le projet complet crée dans ce tutoriel. Des commentaires ont été inclus dans les pages JSP et les Servlets pour vous aider à comprendre le code. Il vous suffit de décompresser l&#8217;archive dans votre workspace puis, dans la vue Project Explorer d&#8217;Eclipse, faire un clic droit puis <strong>import </strong>&gt; <strong>Existing project in workspace</strong>&#8230; Pensez aussi à réimporter la librairie servlet-api.jar dans le dossier lib, au cas ou vous auriez des problèmes avec la classe <strong>HttpServlet</strong>.</p>
<p style="text-align: justify;">
<p style="text-align: center;"><a href="http://www.pixgame.fr/projects/java/myfirstwebproject.rar"><img title="my first web project" src="http://www.pixgame.fr/wp-content/uploads/2010/03/myfirstwebproject.jpg" alt="my first web project" /></a></p>
<p>Related posts:<ol>
<li><a href='http://www.pixgame.fr/tutoriels/tutoriel-windows-7-enregistrer-du-son-avec-audacity/' rel='bookmark' title='Tutoriel : Windows 7 &#8211; Enregistrer du son avec Audacity'>Tutoriel : Windows 7 &#8211; Enregistrer du son avec Audacity</a></li>
<li><a href='http://www.pixgame.fr/tutoriels/tutoriel-creer-un-fichier-pdf-sous-windows-seven/' rel='bookmark' title='tutoriel : Créer un fichier PDF sous Windows Seven'>tutoriel : Créer un fichier PDF sous Windows Seven</a></li>
<li><a href='http://www.pixgame.fr/tutoriels/tutoriel-recuperersauvegarder-ses-e-mails-avec-thunderbird/' rel='bookmark' title='Tutoriel &#8211; Récupérer/Sauvegarder ses e-mails avec Thunderbird'>Tutoriel &#8211; Récupérer/Sauvegarder ses e-mails avec Thunderbird</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.pixgame.fr/informatique/programmation/tutoriel-java-creer-un-site-web-jsp-servlet/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>Visite au musée de l&#8217;informatique &#8211; Paris Défense</title>
		<link>http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=visite-au-musee-de-linformatique-paris-defense</link>
		<comments>http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 17:59:37 +0000</pubDate>
		<dc:creator>ethan</dc:creator>
				<category><![CDATA[Informatique]]></category>
		<category><![CDATA[Musée de l'informatique]]></category>
		<category><![CDATA[sortie]]></category>

		<guid isPermaLink="false">http://www.pixgame.fr/?p=1872</guid>
		<description><![CDATA[Aujourd&#8217;hui, après les cours, je suis monté en haut de la grande Arche de la Défense avec des amis pour visiter le Musée de l&#8217;informatique qui a ouvert ses portes l&#8217;année dernière. Le musée propose une collection d&#8217;ordinateurs allant des premières machines à perforation de cartes, au début des années 40, jusqu&#8217;au Asus eeePC ^^ [...]
Related posts:<ol>
<li><a href='http://www.pixgame.fr/games/le-musee-du-jeu-video-ferme-temporairement/' rel='bookmark' title='Le musée du jeu vidéo fermé temporairement'>Le musée du jeu vidéo fermé temporairement</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="margin: 0 auto; width: 70px; margin-bottom: 30px; margin-top: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.pixgame.fr%2Finformatique%2Fvisite-au-musee-de-linformatique-paris-defense%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.pixgame.fr%2Finformatique%2Fvisite-au-musee-de-linformatique-paris-defense%2F&amp;source=pixgame&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: center;">
<p style="text-align: center;">
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique.jpg" rel="lightbox[1872]" title="musee_de_l_informatique"><img class="size-large wp-image-1930 aligncenter" title="musee_de_l_informatique" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique-499x197.jpg" alt="" width="499" height="197" /></a></p>
<p style="text-align: justify;">Aujourd&#8217;hui, après les cours, je suis monté en haut de la grande Arche de la Défense avec des amis pour visiter le Musée de l&#8217;informatique qui a ouvert ses portes l&#8217;année dernière. Le musée propose une collection d&#8217;ordinateurs allant des premières machines à perforation de cartes, au début des années 40, jusqu&#8217;au Asus eeePC ^^ D&#8217;autre part, une exposition temporaire pour fêter les 25 ans du Mac est également accessible jusqu&#8217;au 31 Mars 2010.</p>
<p style="text-align: justify;"><span id="more-1872"></span>La visite est assez rapide et les descriptions ne sont pas très détaillées mais cette exposition vous permet d&#8217;apprécier l&#8217;évolution des ordinateurs depuis environ plus de 60 ans ! Avec mes amis, on était vraiment étonné de voir des ancêtres du minitel, les premiers ordinateurs portables par Apple et IBM ou encore les premières armoires de stockage à l&#8217;intérieur desquelles on ne pouvait stocker que 16ko de données !! C&#8217;est assez amusant en fait ^^ Il y a même une reproduction d&#8217;une salle informatique d&#8217;entreprise des années 50. On à l&#8217;impression d&#8217;être dans une mini imprimerie avec toutes ces grosses machines et ces claviers à l&#8217;ancienne, avec des touches qui ont disparues depuis. Croyez-moi, les premiers ordinateurs Apple sont a des années lumières des derniers Mac Book Pro xD !!</p>
<p style="text-align: justify;">Cette exposition est permanente et est ouverte 7/7 jours, de 10h à 19h. L&#8217;entrée est à 10€ pour les adultes et 8.50€ pour les enfants/étudiants. Elle est gratuite pour les plus petits (- de 6 ans) et les handicapés. On peut s&#8217;y rendre facilement via le RER A et la ligne 1 du métro, arrêt La Défense (grande Arche). Une fois en haut de l&#8217;Arche, vous pouvez profiter d&#8217;un accès à la terrasse pour avoir une très belle vue de Paris (on distingue la Tour Eiffel, la Tour Montparnasse, le Sacré Coeur&#8230;). Bref, c&#8217;est une petite visite sympathique pour les amateurs d&#8217;informatique <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
<p style="text-align: justify;">La bonne nouvelle, c&#8217;est que le Musée du jeu vidéo ouvrira ses portes à côté du Musée de l&#8217;informatique le 14 Avril prochain ! Ce sera l&#8217;occasion pour moi d&#8217;y retourner et d&#8217;apercevoir plus de 200 pièces de consoles et autres accessoires de jeux !</p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_du_jeu_video.jpg" rel="lightbox[1872]" title="musee_du_jeu_video"><img class="size-full wp-image-1931 aligncenter" title="musee_du_jeu_video" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_du_jeu_video.jpg" alt="" width="466" height="263" /></a></p>
<p style="text-align: center;">
<p style="text-align: justify;">
<p style="text-align: justify;">En attendant, voici les quelques photos que j&#8217;ai prises lors de ma visite. Désolé pour la qualité, j&#8217;ai du utiliser l&#8217;APN de mon téléphone portable  (un Sony Ericsson W595s). Faute de mieux, je vous invite à vous y rendre pour les observer de plus près <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>

<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique/' title='musee_de_l_informatique'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique" title="musee_de_l_informatique" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_01/' title='musee_de_l_informatique_01'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_01-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_01" title="musee_de_l_informatique_01" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_02/' title='musee_de_l_informatique_02'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_02-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_02" title="musee_de_l_informatique_02" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_03/' title='musee_de_l_informatique_03'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_03-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_03" title="musee_de_l_informatique_03" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_04/' title='musee_de_l_informatique_04'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_04-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_04" title="musee_de_l_informatique_04" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_05/' title='musee_de_l_informatique_05'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_05-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_05" title="musee_de_l_informatique_05" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_06/' title='musee_de_l_informatique_06'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_06-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_06" title="musee_de_l_informatique_06" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_07/' title='musee_de_l_informatique_07'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_07-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_07" title="musee_de_l_informatique_07" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_08/' title='musee_de_l_informatique_08'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_08-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_08" title="musee_de_l_informatique_08" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_09/' title='musee_de_l_informatique_09'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_09-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_09" title="musee_de_l_informatique_09" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_10/' title='musee_de_l_informatique_10'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_10-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_10" title="musee_de_l_informatique_10" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_11/' title='musee_de_l_informatique_11'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_11-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_11" title="musee_de_l_informatique_11" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_12/' title='musee_de_l_informatique_12'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_12-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_12" title="musee_de_l_informatique_12" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_13/' title='musee_de_l_informatique_13'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_13-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_13" title="musee_de_l_informatique_13" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_14/' title='musee_de_l_informatique_14'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_14-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_14" title="musee_de_l_informatique_14" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_15/' title='musee_de_l_informatique_15'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_15-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_15" title="musee_de_l_informatique_15" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_16/' title='musee_de_l_informatique_16'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_16-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_16" title="musee_de_l_informatique_16" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_17/' title='musee_de_l_informatique_17'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_17-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_17" title="musee_de_l_informatique_17" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_18/' title='musee_de_l_informatique_18'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_18-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_18" title="musee_de_l_informatique_18" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_19/' title='musee_de_l_informatique_19'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_19-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_19" title="musee_de_l_informatique_19" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_20/' title='musee_de_l_informatique_20'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_20-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_20" title="musee_de_l_informatique_20" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_de_l_informatique_21/' title='musee_de_l_informatique_21'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_de_l_informatique_21-160x160.jpg" class="attachment-thumbnail" alt="musee_de_l_informatique_21" title="musee_de_l_informatique_21" /></a>
<a href='http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/attachment/musee_du_jeu_video/' title='musee_du_jeu_video'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2010/03/musee_du_jeu_video-160x160.jpg" class="attachment-thumbnail" alt="musee_du_jeu_video" title="musee_du_jeu_video" /></a>

<p style="text-align: justify;">
<p style="text-align: justify;">Et quelques liens pratiques :</p>
<p style="text-align: justify;">- <a href="http://blog.museeinformatique.fr/" target="_blank">Le blog du Musée de l&#8217;informatique</a><br />
- <a href="http://www.museeinformatique.fr/index.php" target="_blank">Le site du Musée de l&#8217;informatique</a></p>
<p>Related posts:<ol>
<li><a href='http://www.pixgame.fr/games/le-musee-du-jeu-video-ferme-temporairement/' rel='bookmark' title='Le musée du jeu vidéo fermé temporairement'>Le musée du jeu vidéo fermé temporairement</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.pixgame.fr/informatique/visite-au-musee-de-linformatique-paris-defense/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>présentation Google Chrome 4</title>
		<link>http://www.pixgame.fr/informatique/logiciel/presentation-google-chrome-4/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=presentation-google-chrome-4</link>
		<comments>http://www.pixgame.fr/informatique/logiciel/presentation-google-chrome-4/#comments</comments>
		<pubDate>Sun, 07 Feb 2010 13:45:04 +0000</pubDate>
		<dc:creator>ethan</dc:creator>
				<category><![CDATA[Logiciel]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[navigateur web]]></category>

		<guid isPermaLink="false">http://www.pixgame.fr/?p=1777</guid>
		<description><![CDATA[Google Chrome 4.0 est sorti il y a quelques jours. Après des débuts un peu difficiles, le navigateur de Google semble enfin atteindre une certaine maturité, même si quelques défauts viennent encore entacher sa progression. Étant un inconditionnel de Firefox depuis pas mal de temps, je me suis dit qu&#8217;il serait tout de même intéressant de [...]
Related posts:<ol>
<li><a href='http://www.pixgame.fr/net/presentation-de-feedly/' rel='bookmark' title='présentation de Feedly'>présentation de Feedly</a></li>
<li><a href='http://www.pixgame.fr/net/mesure-it-pour-firefox/' rel='bookmark' title='Mesure It pour Firefox'>Mesure It pour Firefox</a></li>
<li><a href='http://www.pixgame.fr/net/personas-for-firefox/' rel='bookmark' title='Personas for Firefox'>Personas for Firefox</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="margin: 0 auto; width: 70px; margin-bottom: 30px; margin-top: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.pixgame.fr%2Finformatique%2Flogiciel%2Fpresentation-google-chrome-4%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.pixgame.fr%2Finformatique%2Flogiciel%2Fpresentation-google-chrome-4%2F&amp;source=pixgame&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome.jpg" rel="lightbox[1777]" title="google chrome"><img class="size-large wp-image-1778 alignnone" title="google chrome" src="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-500x223.jpg" alt="logo google chrome 4" width="500" height="223" /></a></p>
<p style="text-align: justify;"><a href="http://www.google.fr/chrome/">Google Chrome 4.0</a> est sorti il y a quelques jours. Après des débuts un peu difficiles, le navigateur de Google semble enfin atteindre une certaine maturité, même si quelques défauts viennent encore entacher sa progression. Étant un inconditionnel de Firefox depuis pas mal de temps, je me suis dit qu&#8217;il serait tout de même intéressant de tester ce nouveau venu sur le marché des navigateurs web. J&#8217;avais envie de voir ce qu&#8217;il a dans le ventre, d&#8217;autant plus que les développeurs de Firefox vont s&#8217;inspirer de certaines de ses fonctionnalités pour les inclure dans <strong>Firefox 4</strong>, qui ne devrait pas sortir avant fin 2010. Je vous propose donc une petite présentation de Google Chrome, réalisée après deux semaines d&#8217;utilisation intensive.</p>
<p style="text-align: justify;"><span id="more-1777"></span></p>
<h2>Présentation</h2>
<p style="text-align: justify;">Tout d&#8217;abord, un point sur la rapidité d&#8217;affichage des pages par <strong>Chrome</strong>. Le navigateur de Google a toujours été présenté comme l&#8217;un des plus rapides du marché et effectivement, il est rapide ! De manière générale, j&#8217;ai noté que <strong>les sites internet s&#8217;affichent plus vite</strong> sous Chrome que sous Firefox. On parle ici d&#8217;à peine quelques dixièmes de secondes mais la différence est tout de même sensible. Les pages s&#8217;affichent quasi-instantanément, quitte à charger quelques éléments juste près, là ou Firefox aurait plutôt tendance à attendre de pouvoir charger tous les éléments d&#8217;une page en même temps avant de l&#8217;afficher. Avec Chrome, on gagne donc en confort de navigation, et c&#8217;est appréciable, quelque soit la durée de la séance de surf !</p>
<h2>Utilisation générale</h2>
<p style="text-align: justify;">L&#8217;autre point mis en avant par Google, c&#8217;est <strong>la capacité de Chrome a gérer ses onglets indépendamment</strong> les uns des autres. Chacun dispose de son propre processus, ce qui garantit une meilleure stabilité au navigateur. Si une page venait à faire planter le navigateur pour x raisons, seul l&#8217;onglet concerné est fermé, contrairement à Firefox ou c&#8217;est tout le navigateur qui doit être redémarré. D&#8217;ailleurs, je tiens à préciser que Chrome n&#8217;a jamais planté pendant ces 2 semaines. L&#8217;effet pervers de cet avantage, c&#8217;est que <strong>la consommation de mémoire vive à tendance à  monter</strong> rapidement&#8230; Il m&#8217;est arrivé d&#8217;atteindre la charge de 180 à 200 MO. Bien sûr ce n&#8217;est pas constant et l&#8217;utilisation mémoire peut varier régulièrement, en fonction du nombre d&#8217;onglets ouvert et des extensions utilisées. Firefox a souvent été critiquée pour ce même défaut, mais la concurrence ne fait pas beaucoup mieux !<br />
Néanmoins, la quantité de mémoire vive embarquée dans nos pc aujourd&#8217;hui est rarement inférieure à 2 GO, ce qui peut rendre négligeable ce problème. (C&#8217;est sûr que si vous avez Chrome + 2 vm + photoshop + windows media player de lancés, le tout sous Windows Vista, ça risque de ralentir mais bon&#8230; xD)</p>
<p style="text-align: justify;">Pour terminer sur l&#8217;utilisation des onglets, Chrome propose une fonctionnalité intéressante qui a été ensuite récupérée par Firefox. Il s&#8217;agit de la possibilité de prendre un onglet et de<strong> l&#8217;ouvrir dans une nouvelle fenêtre</strong> du navigateur, via un simple glisser/déposer. Vous pouvez aussi dupliquer cet onglet dans la même fenêtre via le menu contextuel (clic droit)</p>
<p style="text-align: justify;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-accueil.jpg" rel="lightbox[1777]" title="google chrome - accueil"><img class="alignnone size-large wp-image-1788" title="google chrome - accueil" src="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-accueil-500x271.jpg" alt="google chrome - accueil" width="500" height="271" /></a></p>
<h2>Interface</h2>
<p style="text-align: justify;">Si vous avez l&#8217;habitude de Firefox, d&#8217;Internet Explorer ou d&#8217;Opera, vous allez être un peu surpris. <strong>L&#8217;interface est minimaliste</strong>, ce qui permet de gagner en place pour afficher le contenu. La barre des onglets se trouve tout en haut, au dessus de la barre d&#8217;adresse. Il n&#8217;y a pas de barre de menus classique, elle a été remplacée par un simple bouton à droite de la barre d&#8217;adresse. Si vous n&#8217;avez pas de  raccourcis dans votre barre des favoris, l&#8217;interface se limite donc à deux petites lignes ! En bas, la barre d&#8217;état n&#8217;apparait que si vous en approchez la souris. Google Chrome possède <a href="https://tools.google.com/chrome/intl/fr/themes/index.html" target="_blank">sa galerie de thèmes</a> pour <strong>personnaliser le navigateur</strong>, dans le même genre que les <strong>Personas </strong>pour Firefox. ils ne sont pas très nombreux pour le moment, mais leur nombre augmentera sûrement avec le temps.</p>
<p style="text-align: justify;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-themes.jpg" rel="lightbox[1777]" title="google chrome - themes"><img class="aligncenter size-large wp-image-1782" title="google chrome - themes" src="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-themes-423x400.jpg" alt="google chrome - themes" width="423" height="400" /></a></p>
<h2>Fonctionnalités</h2>
<h3>La barre d&#8217;adresse intelligente</h3>
<p>Comme Firefox et Internet Explorer, Chrome a enrichi la barre d&#8217;adresse de fonctionnalités très pratiques. Lorsque vous tapez quelque chose dans cette barre, Chrome va vous proposer automatiquement un ensemble de résultats dans une liste déroulante en dessous. Dernières recherches effectuées, historique de navigation, propositions via les moteurs de recherche utilisés. Concernant, ces moteurs de recherche, vous avez la possibilité de définir celui qui sera utilisé par défaut. Google, Bing, Yahoo, Wikipédia, etc. Si vous tapez un mot dans la barre d&#8217;adresse et que vous tapez sur Entrée, une recherche sera effectuée via le moteur par défaut.</p>
<p>La petite astuce sympa, c&#8217;est que vous pouvez attribuer un mot clé à chaque moteur de recherche et ainsi <strong>spécifier le moteur à utiliser directement dans la barre d&#8217;adresse</strong>. Par exemple, admettons que vous cherchez des informations sur le jeu Bioshock 2 et que vous voulez afficher les résultats de Google. Vous avez attribué le mot clé google au moteur de recherche. Eh bien il suffit de taper google puis d&#8217;appuyer sur TAB pour définir le moteur à utiliser, suivi de Bioshock 2 et hop, un onglet s&#8217;ouvre avec les résultats Google ! Mais le top, c&#8217;est que vous pouvez faire pareil avec tous les sites qui disposent d&#8217;un moteur de recherche integré : jeuxvideo.com, 01net.com, lemonde.fr, etc. Vous avez donc accès à n&#8217;importe quel moteur de recherche directement depuis la barre d&#8217;adresse de Google Chrome.</p>
<p><a href="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-barre-intelligente.jpg" rel="lightbox[1777]" title="google chrome - barre intelligente"><img class="alignnone size-large wp-image-1787" title="google chrome - barre intelligente" src="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-barre-intelligente-500x116.jpg" alt="google chrome - barre intelligente" width="500" height="116" /></a></p>
<h3>Les extensions</h3>
<p>Google Chrome possède aussi son lot d&#8217;extensions qui viennent <strong>enrichir les fonctionnalités du navigateur</strong>. <a href="https://chrome.google.com/extensions?hl=fr" target="_blank">La galerie des extensions Chrome</a> permet d&#8217;en rechercher parmi les plus populaires, les plus récentes, les mieux notées, etc. Tout comme sous Firefox, un simple clic suffit à les installer. Les extensions avec lesquelles on peu interagir sont placées à droite de la barre d&#8217;adresse. J&#8217;en ai récupéré quelques unes que je trouve assez sympa et pratiques:</p>
<ul style="margin-left:45px;">
<li><strong>ChromedBird </strong>: permet de suivre les nouveaux tweets sur son compte et d&#8217;en écrire d&#8217;autres. Le petit oiseau qui représente l&#8217;extension change de couleur en fonction du type de tweet reçu (nouveau tweet, reply, RT, etc.)</li>
<li><strong>Google Check Mailer </strong>: vous indique lorsque de nouveaux mails sont arrivés.</li>
<li><strong>Rss Subscription </strong>: place une icône RSS dans la barre d&#8217;adresse lorsqu&#8217;un flux RSS est disponible et permet de s&#8217;y inscrire.</li>
<li> <strong>Feedly</strong> : page personnalisable qui regroupe tous vos flux RSS, vos tweets et d&#8217;autres informations. Très pratique car Chrome ne gère pas nativement les flux RSS (gros défaut à mon sens)</li>
<li><strong>Beautify Facebook</strong> : Change le look de Facebook. Ajoute un dégradé, arrondit les angles, etc. En duô avec Facebook AdBlock qui vire les pubs dans la colonne de droite ! Fini les pubs pour des sites de rencontre !</li>
<li><strong>Docs PDF/Powerpoint Viewer</strong> : inègre un lecteur de PDF à Chrome, très pratique ^^</li>
</ul>
<p>Le nombre d&#8217;extensions disponibles n&#8217;est pas énorme comparé à la base de données gigantesque de Firefox, mais comme pour les thèmes, ça viendra sûrement petit à petit <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-extensions.jpg" rel="lightbox[1777]" title="google chrome - extensions"><img class="alignnone size-thumbnail wp-image-1785" title="google chrome - extensions" src="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-extensions-170x170.jpg" alt="" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-extensions-2.jpg" rel="lightbox[1777]" title="google chrome - extensions 2"><img class="alignnone size-thumbnail wp-image-1786" title="google chrome - extensions 2" src="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-extensions-2-170x170.jpg" alt="" width="170" height="170" /></a></p>
<h3>Les outils</h3>
<p>On retrouve les mêmes fonctionnalités que chez la concurrence. La gestion des favoris (qui n&#8217;était pas présente dans la version 1 ! Incroyable, mais vrai&#8230;), l&#8217;import de ces favoris depuis Internet Explorer ou Firefox, la navigation privée (suppression des traces laissées par la navigation, cookies, historique, etc.). Google a également intégré depuis la version 4 la synchronisation des favoris sur ses serveurs. Un outil pour les développeurs web est également présent, avec une interface plutôt sympa. Le mode plein écran est aussi de la partie via la touche F11.</p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-webtools.jpg" rel="lightbox[1777]" title="google chrome - webtools"><img class="size-thumbnail wp-image-1781 aligncenter" title="google chrome - webtools" src="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-webtools-170x170.jpg" alt="" width="170" height="170" /></a></p>
<h2>Conclusion</h2>
<p>À vrai dire, Google Chrome m&#8217;a agréablement surpris. Je l&#8217;avais déjà installé une fois lors de sa sortie. Les premières versions n&#8217;étaient pas vraiment au point mais cette V4 remonte bien le niveau du navigateur. Excepté le fait qu&#8217;il ne gère pas les flux RSS en natif, Google Chrome est un bon navigateur et je crois que Firefox pourrait avoir du soucis à se faire si Mozilla ne met pas le paquet pour Firefox 4&#8230; Je n&#8217;irai pas jusqu&#8217;à dire que je préfère Chrome à Firefox. Disons que le premier en est au même stade que le seconde il y a de ça quelques mois. Je vais garder Chrome encore un moment, pour voir s&#8217;il y a encore des choses à découvrir.<br />
Question sécurité, j&#8217;avoue que je n&#8217;ai pas encore eu le temps de m&#8217;attarder dessus. Ça fera peut-être l&#8217;objet d&#8217;un nouvel article, plus tard <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-feedly.jpg" rel="lightbox[1777]" title="google chrome - feedly"><img class="alignnone size-thumbnail wp-image-1783" title="google chrome - feedly" src="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-feedly-170x170.jpg" alt="" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-facebook.jpg" rel="lightbox[1777]" title="google chrome - facebook"><img class="alignnone size-thumbnail wp-image-1784" title="google chrome - facebook" src="http://www.pixgame.fr/wp-content/uploads/2010/02/google-chrome-facebook-170x170.jpg" alt="" width="170" height="170" /></a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p>
<p><a href="http://www.google.fr/chrome/" target="_blank">Télécharger Google Chrome</a></p>
<p>Related posts:<ol>
<li><a href='http://www.pixgame.fr/net/presentation-de-feedly/' rel='bookmark' title='présentation de Feedly'>présentation de Feedly</a></li>
<li><a href='http://www.pixgame.fr/net/mesure-it-pour-firefox/' rel='bookmark' title='Mesure It pour Firefox'>Mesure It pour Firefox</a></li>
<li><a href='http://www.pixgame.fr/net/personas-for-firefox/' rel='bookmark' title='Personas for Firefox'>Personas for Firefox</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.pixgame.fr/informatique/logiciel/presentation-google-chrome-4/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Keynote Apple &#8211; présentation de l&#8217;Ipad</title>
		<link>http://www.pixgame.fr/highlights/keynote-apple-presentation-de-lipad/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=keynote-apple-presentation-de-lipad</link>
		<comments>http://www.pixgame.fr/highlights/keynote-apple-presentation-de-lipad/#comments</comments>
		<pubDate>Wed, 27 Jan 2010 20:19:56 +0000</pubDate>
		<dc:creator>ethan</dc:creator>
				<category><![CDATA[Highlights]]></category>
		<category><![CDATA[Matériel]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Ipad]]></category>

		<guid isPermaLink="false">http://www.pixgame.fr/?p=1735</guid>
		<description><![CDATA[Ce soir se tenait à San Fransisco la Keynote 2010 d&#8217;Apple. Cet évènement annuel très attendu par les fans est l&#8217;occasion pour la firme à la pomme de présenter ses nouveaux produits. Cette fois encore, cette keynote était très attendue pour une simple raison : Apple avait annoncé sur internet qu&#8217;un produit révolutionnaire et magique [...]
Related posts:<ol>
<li><a href='http://www.pixgame.fr/net/presentation-de-feedly/' rel='bookmark' title='présentation de Feedly'>présentation de Feedly</a></li>
<li><a href='http://www.pixgame.fr/informatique/logiciel/presentation-google-chrome-4/' rel='bookmark' title='présentation Google Chrome 4'>présentation Google Chrome 4</a></li>
<li><a href='http://www.pixgame.fr/highlights/maintenance-du-blog/' rel='bookmark' title='Maintenance du blog'>Maintenance du blog</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="margin: 0 auto; width: 70px; margin-bottom: 30px; margin-top: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.pixgame.fr%2Fhighlights%2Fkeynote-apple-presentation-de-lipad%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.pixgame.fr%2Fhighlights%2Fkeynote-apple-presentation-de-lipad%2F&amp;source=pixgame&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/01/ipad-apple.jpg" rel="lightbox[1735]" title="Apple Ipad"><img class="size-full wp-image-1737 aligncenter" title="Apple Ipad" src="http://www.pixgame.fr/wp-content/uploads/2010/01/ipad-apple.jpg" alt="" width="400" height="233" /></a></p>
<p style="text-align: justify;">Ce soir se tenait à San Fransisco la <strong>Keynote 2010 d&#8217;Apple</strong>. Cet évènement annuel très attendu par les fans est l&#8217;occasion pour la firme à la pomme de présenter ses nouveaux produits. Cette fois encore, cette keynote était très attendue pour une simple raison : Apple avait annoncé sur internet qu&#8217;un produit révolutionnaire et magique allait être montré.</p>
<p style="text-align: justify;"><span id="more-1735"></span><br />
Il s&#8217;agit donc d&#8217;une tablette tactile, <strong>l&#8217;Ipad</strong>. Les caractéristiques sont les suivantes : processeur 1Ghz, écran tactile de 9.7&#8243;, 680 grammes, Blutooth 2.1, Wifi n, 3G  (en option), une autonomie d&#8217;environ 10h, et une mémoire flash allant de 16 à 64Go. Cette tablette permet donc de faire tout un tas de choses comme aller sur internet ( mais toujours pas de prise en charge du flash&#8230;), regarder des vidéos et des photos, faire de la bureautique (si si&#8230; elle dispose d&#8217;un clavier virtuel). L&#8217;Ipad tente aussi de concurrencer directement le <strong>Kindle </strong>de Amazon avec sa fonction de lecture d&#8217;eBooks. Apple a fait les choses en grand en ouvrant sa propre bibliothèque numérique, <strong>l&#8217;ibook store </strong>($4.99 le titre).</p>
<p style="text-align: justify;">Ce qui est certain, c&#8217;est qu&#8217;Apple joue gros en ayant annoncé un produit révolutionnaire qui pourtant ne semble pas si différent de ses prédécesseurs&#8230; prévu pour être vendu entre $499 et $699, l&#8217;Ipad devrait arriver dans les boutiques d&#8217;ici le milieu de l&#8217;année 2010.</p>
<p style="text-align: justify;">Pour en savoir plus sur l&#8217;Ipad, je vous invite à lire le <a href="http://www.cnetfrance.fr/news/keynote-apple-tablette-ipad-islate-itab-iscreen-39712464.htm" target="_blank">Live de cette Keynote d&#8217;Apple sur CnetFrance.fr</a> <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Related posts:<ol>
<li><a href='http://www.pixgame.fr/net/presentation-de-feedly/' rel='bookmark' title='présentation de Feedly'>présentation de Feedly</a></li>
<li><a href='http://www.pixgame.fr/informatique/logiciel/presentation-google-chrome-4/' rel='bookmark' title='présentation Google Chrome 4'>présentation Google Chrome 4</a></li>
<li><a href='http://www.pixgame.fr/highlights/maintenance-du-blog/' rel='bookmark' title='Maintenance du blog'>Maintenance du blog</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.pixgame.fr/highlights/keynote-apple-presentation-de-lipad/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Test &#8211; Xbox 360 Wireless Controller for Windows</title>
		<link>http://www.pixgame.fr/informatique/materiel/xbox-360-wireless-controller-for-windows/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=xbox-360-wireless-controller-for-windows</link>
		<comments>http://www.pixgame.fr/informatique/materiel/xbox-360-wireless-controller-for-windows/#comments</comments>
		<pubDate>Wed, 20 Jan 2010 19:38:04 +0000</pubDate>
		<dc:creator>ethan</dc:creator>
				<category><![CDATA[Matériel]]></category>
		<category><![CDATA[hardware]]></category>
		<category><![CDATA[PC]]></category>
		<category><![CDATA[test]]></category>

		<guid isPermaLink="false">http://www.pixgame.fr/?p=1678</guid>
		<description><![CDATA[Depuis le temps que j&#8217;avais en tête l&#8217;idée de changer de gamepad pour jouer aux jeux d&#8217;aventure/action sur PC, c&#8217;est maintenant chose faite ! La manette Xbox 360 dans sa version sans fil pour PC est l&#8217;accessoire parfait pour jouer sans difficulté à des titres tels qu&#8217;Assassin&#8217;s Creed, Tomb Raider ou encore Mass Effect 2 [...]
Related posts:<ol>
<li><a href='http://www.pixgame.fr/games/x360/mass-effect-2-edition-collector-sur-xbox-360/' rel='bookmark' title='Mass Effect 2 édition collector sur Xbox 360'>Mass Effect 2 édition collector sur Xbox 360</a></li>
<li><a href='http://www.pixgame.fr/net/xbox-360-sous-la-douche/' rel='bookmark' title='Xbox 360 sous la douche'>Xbox 360 sous la douche</a></li>
<li><a href='http://www.pixgame.fr/games/pc-games/test-space-siege-pc/' rel='bookmark' title='Test &#8211; Space Siege'>Test &#8211; Space Siege</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="margin: 0 auto; width: 70px; margin-bottom: 30px; margin-top: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.pixgame.fr%2Finformatique%2Fmateriel%2Fxbox-360-wireless-controller-for-windows%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.pixgame.fr%2Finformatique%2Fmateriel%2Fxbox-360-wireless-controller-for-windows%2F&amp;source=pixgame&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.pixgame.fr/wp-content/uploads/2010/01/xbox-360-wireless-controler.jpg" rel="lightbox[1678]" title="xbox 360 wireless controler"><img class="aligncenter size-full wp-image-1682" title="xbox 360 wireless controler" src="http://www.pixgame.fr/wp-content/uploads/2010/01/xbox-360-wireless-controler.jpg" alt="" width="500" height="226" /></a></p>
<p style="text-align: justify;">Depuis le temps que j&#8217;avais en tête l&#8217;idée de changer de gamepad pour jouer aux jeux d&#8217;aventure/action sur PC, c&#8217;est maintenant chose faite ! La manette <a href="http://www.topachat.com/pages/produits_cat_est_gaming_puis_rubrique_est_wg_consxb.html" target="_blank">Xbox 360</a> dans sa version sans fil pour PC est l&#8217;accessoire parfait pour jouer sans difficulté à des titres tels qu&#8217;<strong>Assassin&#8217;s Creed</strong>, <strong>Tomb Raider</strong> ou encore <strong>Mass Effect 2</strong> ! Je vous propose donc un petit déballage du produit, en photos.</p>
<p style="text-align: justify;"><span id="more-1678"></span>Le packaging de ce Xbox <strong>360 Wireless Controller for Windows</strong> est simple mais comme tous les packaging de ce type, il est difficile à ouvrir si on ne veut pas tout arracher comme un sauvage.</p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/01/xbox-360-wireless-controler-for-PC-01.jpg" rel="lightbox[1678]" title="xbox 360 wireless controler for PC 01"><img class="alignnone size-thumbnail wp-image-1679" title="xbox 360 wireless controler for PC 01" src="http://www.pixgame.fr/wp-content/uploads/2010/01/xbox-360-wireless-controler-for-PC-01-170x170.jpg" alt="" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2010/01/xbox-360-wireless-controler-for-PC-02.jpg" rel="lightbox[1678]" title="xbox 360 wireless controler for PC 02"><img class="alignnone size-thumbnail wp-image-1680" title="xbox 360 wireless controler for PC 02" src="http://www.pixgame.fr/wp-content/uploads/2010/01/xbox-360-wireless-controler-for-PC-02-170x170.jpg" alt="" width="170" height="170" /></a></p>
<p style="text-align: justify;">La manette est livrée avec un <strong>module de connexion sans fil</strong> (pour le pad) qui se connecte au PC via un port USB 2.0, <strong>une paire de piles</strong>, <strong>un cd pour installer le pilote</strong> du périphérique et un mini guide de mise en service ainsi qu&#8217;un livret de recommandations pour la sécurité.</p>
<p style="text-align: justify;">L&#8217;installation du gamepad est simple et très rapide. Après avoir terminé l&#8217;installation du pilote grâce au CD fourni, il suffit de brancher le module de connexion  sur un port USB libre puis d&#8217;allumer la manette en appuyant quelques secondes sur le bouton central Xbox. Les deux périphériques sont reconnus par Windows et après quelques secondes, ils sont prêts à être utilisés. Et c&#8217;est tout! Il n&#8217;y a rien d&#8217;autre à faire.</p>
<p style="text-align: justify;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/01/xbox-360-wireless-controler-for-PC-03.jpg" rel="lightbox[1678]" title="xbox 360 wireless controler for PC 03"><img class="aligncenter size-medium wp-image-1681" title="xbox 360 wireless controler for PC 03" src="http://www.pixgame.fr/wp-content/uploads/2010/01/xbox-360-wireless-controler-for-PC-03-293x220.jpg" alt="" width="293" height="220" /></a></p>
<p style="text-align: justify;">Pour tester ce Controller Xbox 360, j&#8217;ai réinstallé sur mon pc <strong>Tomb Raider Anniversary</strong>, jeu d&#8217;aventure/plate-forme par excellence ^^ Une fois le jeu lancé, la manette a été immédiatement reconnue et j&#8217;ai pu naviguer dans les menus du jeu comme si je jouais sur console ! J&#8217;ai débuté une partie et j&#8217;ai fais quelques pas dans le premier niveau de Tomb Raider pour vérifier les contrôles et à ma grande surprise, toutes les touches correspondaient parfaitement à la configuration du jeu sur <a href="http://www.topachat.com/gaming/index.php" target="_blank">console</a>. Bref, aucune visite dans les réglages du jeu n&#8217;a été nécessaire pour pouvoir profiter du pad. Un vrai bonheur. De plus, on connait tous la qualité de ce <strong>Controller Xbox 360</strong>, aussi en terme de solidité que d&#8217;ergonomie.</p>
<p style="text-align: justify;">L&#8217;autre avantage de ce pad, c&#8217;est qu&#8217;il est bien sûr compatible Xbox et par conséquent, ça me fait un pad supplémentaire pour jouer à plusieurs à tous mes <a href="http://www.topachat.com/pages/g_cat_est_gaming_puis_page_est_-jeux-xbox-360.html" target="_blank">jeux xbox 360</a>. En revanche, je note tout de même <strong>deux petits défauts</strong> (mineurs certes, mais il faut le noter tout de même) :</p>
<ul style="margin-left: 45px;">
<li>Le module de connexion sans fil possède une diode jaune qui reste allumée en permanence tant qu&#8217;il est connecté. Si votre pc se trouve dans votre chambre, il faudra penser à le retourner pour ne pas qu&#8217;elle vous gène la nuit.</li>
<li>Contrairement à la version Xbox 360 originale, appuyer sur le bouton central ne permet pas d&#8217;éteindre la manette. Celle-ci s&#8217;éteint toute seule au bout d&#8217;un certain temps d&#8217;inactivité. Si vous préférez l&#8217;éteindre immédiatement après avoir joué pour économiser au maximum les piles, il faut retirer les piles.</li>
</ul>
<p style="text-align: justify;">
<p style="text-align: justify;">Voilà donc pour ce <strong>Xbox 360 Wireless Controller for Windows</strong>. Un bon achat pour qui veut un pad pour PC ou en changer. Il existe bien sûr d&#8217;autres pads mais personnellement, j&#8217;apprécie beaucoup l&#8217;ergonomie de celui-ci, excepté peut-être pour les jeux de combat. Mais comme je n&#8217;en suis pas fan, ça ne me pose aucun problème ^^</p>
<p style="text-align: justify;">Vous trouverez ce pad sur internet aux alentours de <strong>35€</strong> <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Related posts:<ol>
<li><a href='http://www.pixgame.fr/games/x360/mass-effect-2-edition-collector-sur-xbox-360/' rel='bookmark' title='Mass Effect 2 édition collector sur Xbox 360'>Mass Effect 2 édition collector sur Xbox 360</a></li>
<li><a href='http://www.pixgame.fr/net/xbox-360-sous-la-douche/' rel='bookmark' title='Xbox 360 sous la douche'>Xbox 360 sous la douche</a></li>
<li><a href='http://www.pixgame.fr/games/pc-games/test-space-siege-pc/' rel='bookmark' title='Test &#8211; Space Siege'>Test &#8211; Space Siege</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.pixgame.fr/informatique/materiel/xbox-360-wireless-controller-for-windows/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Avast 5 Free Antivirus</title>
		<link>http://www.pixgame.fr/highlights/avast-5-free-antivirus/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=avast-5-free-antivirus</link>
		<comments>http://www.pixgame.fr/highlights/avast-5-free-antivirus/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 21:07:28 +0000</pubDate>
		<dc:creator>ethan</dc:creator>
				<category><![CDATA[Highlights]]></category>
		<category><![CDATA[Logiciel]]></category>
		<category><![CDATA[antivirus]]></category>
		<category><![CDATA[avast!]]></category>
		<category><![CDATA[sécurité]]></category>

		<guid isPermaLink="false">http://www.pixgame.fr/?p=1657</guid>
		<description><![CDATA[alwil Software, l&#8217;éditeur d&#8217;Avast!, a publié récemment la version 5 de son antivirus gratuit bien connu du grand public. La version gratuite d&#8217;Avast! 5 a été renommée en Avast! Free Antivirus et inclut désormais un anti-spyware. Edit : Il semblerait bien que ce soit désormais la version finale qui est disponible en téléchargement (source). Plus [...]
Related posts:<ol>
<li><a href='http://www.pixgame.fr/net/press-minute-clubic-publie-son-comparatif-antivirus-2010/' rel='bookmark' title='[Press-Minute] Clubic publie son comparatif Antivirus 2010'>[Press-Minute] Clubic publie son comparatif Antivirus 2010</a></li>
<li><a href='http://www.pixgame.fr/informatique/logiciel/microsoft-security-essentials-disponible-en-version-finale/' rel='bookmark' title='Microsoft Security Essentials disponible en version finale'>Microsoft Security Essentials disponible en version finale</a></li>
<li><a href='http://www.pixgame.fr/informatique/logiciel/nero-9-version-gratuite-mais-limitee/' rel='bookmark' title='Nero 9 : version gratuite mais limitée'>Nero 9 : version gratuite mais limitée</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="margin: 0 auto; width: 70px; margin-bottom: 30px; margin-top: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.pixgame.fr%2Fhighlights%2Favast-5-free-antivirus%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.pixgame.fr%2Fhighlights%2Favast-5-free-antivirus%2F&amp;source=pixgame&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5-logo.png" rel="lightbox[1657]" title="avast 5 logo"><img class="aligncenter size-large wp-image-1658" title="avast 5 logo" src="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5-logo-530x176.png" alt="" width="500" height="166" /></a></p>
<p style="text-align: justify;"><strong>alwil Software</strong>, l&#8217;éditeur d&#8217;<strong>Avast</strong>!, a publié récemment la version 5 de son antivirus gratuit bien connu du grand public. La version gratuite d&#8217;Avast! 5 a été renommée en Avast! Free Antivirus et inclut désormais un anti-spyware.</p>
<p style="text-align: justify;"><span id="more-1657"></span></p>
<p style="text-align: justify;"><span style="color: #ff0000;">Edit : Il semblerait bien que ce soit désormais la version finale qui est disponible en téléchargement (<a href="http://www.clubic.com/actualite-320812-avast-disponible-finale.html" target="_blank">source</a>). Plus d&#8217;inquiétude à avoir donc. Vous pouvez installer Avast! 5 sans problème sur votre ordinateur ou mettre à  jour Avast! 4 Home édition.</span></p>
<p style="text-align: justify;">Ce qui saute aux yeux lors du lancement de ce nouvel Avast! 5, c&#8217;est la <strong>refonte totale de l&#8217;interface utilisateur</strong>. La précédente avait beaucoup été critiquée pour son manque de clarté et de simplicité. Les quelques thèmes téléchargeables n&#8217;avaient pas suffit à attirer les internautes. Cette fois, on retrouve donc une interface bien plus professionnelle et moderne. Avec un menu latéral à gauche et un panneau contenant toutes les informations à droite. Le gris domine toujours mais du orange a été ajouté pour donner un peu plus de gaité à l&#8217;ensemble.</p>
<p style="text-align: justify;">L&#8217;autre nouveauté, c&#8217;est l&#8217;apparition d&#8217;un mode silencieux qui désactive les alertes de mise à jour et de détection des virus si vous avez une application lancée en plein écran, comme un film ou un jeu vidéo par exemple.</p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_01.jpg" rel="lightbox[1657]" title="avast 5_01"><img class="alignnone size-thumbnail wp-image-1659" title="avast 5_01" src="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_01-170x170.jpg" alt="" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_02.jpg" rel="lightbox[1657]" title="avast 5_02"><img class="alignnone size-thumbnail wp-image-1660" title="avast 5_02" src="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_02-170x170.jpg" alt="" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_03.jpg" rel="lightbox[1657]" title="avast 5_03"><img class="alignnone size-thumbnail wp-image-1661" title="avast 5_03" src="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_03-170x170.jpg" alt="" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_04.jpg" rel="lightbox[1657]" title="avast 5_04"><img class="alignnone size-thumbnail wp-image-1662" title="avast 5_04" src="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_04-170x170.jpg" alt="" width="170" height="170" /></a></p>
<p style="text-align: justify;">L&#8217;interface est claire et intuitive. Les fonctionnalités sont regroupées comme avant :</p>
<ul style="margin-left: 45px; text-align: justify;">
<li>Résumé de la protection</li>
<li>Analyse de l&#8217;ordinateur (scan rapide, complet, supports amovibles, personnalisé )</li>
<li>État des protections résidentes (mails, tchat, P2P, internet, etc.)</li>
<li>Maintenance (mise à jour, enregistrement, etc.)</li>
</ul>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_05.jpg" rel="lightbox[1657]" title="avast 5_05"><img class="alignnone size-thumbnail wp-image-1663" title="avast 5_05" src="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_05-170x170.jpg" alt="" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_06.jpg" rel="lightbox[1657]" title="avast 5_06"><img class="alignnone size-thumbnail wp-image-1664" title="avast 5_06" src="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_06-170x170.jpg" alt="" width="170" height="170" /></a></p>
<p style="text-align: justify;">Au niveau de l&#8217;analyse antivirus, on retrouve les mêmes possibilités que dans la version précédente. On peut choisir d&#8217;effectuer un scan rapide, complet, ou bien sélectionner les éléments qui doivent être scannés pour gagner du temps. Lorsqu&#8217;un virus est détecté, exit la sirène d&#8217;alarme façon sous-marin soviétique. Une fenêtre apparait dans le coin inférieur droit de l&#8217;écran pour vous prévenir qu&#8217;une menace a été détectée et qu&#8217;elle a été placée en quarantaine. On retrouve cependant la voix féminine ^^. Même chose lorsqu&#8217;une analyse est terminée, un petit jingle audio vous prévient et la même voix féminine vous annonce que l&#8217;analyse a été réalisée dans sa totalité. Ça fait moins sursauter qu&#8217;avant.</p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_07.jpg" rel="lightbox[1657]" title="avast 5_07"><img class="alignnone size-thumbnail wp-image-1665" title="avast 5_07" src="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_07-170x170.jpg" alt="" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_08.jpg" rel="lightbox[1657]" title="avast 5_08"><img class="alignnone size-thumbnail wp-image-1666" title="avast 5_08" src="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_08-170x170.jpg" alt="" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_09.jpg" rel="lightbox[1657]" title="avast 5_09"><img class="alignnone size-thumbnail wp-image-1667" title="avast 5_09" src="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_09-170x170.jpg" alt="" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_091.jpg" rel="lightbox[1657]" title="avast 5_09"><img class="alignnone size-thumbnail wp-image-1668" title="avast 5_09" src="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_091-170x170.jpg" alt="" width="170" height="170" /></a></p>
<p style="text-align: justify;">Questions performances, chacun pourra se faire son idée sur <strong>Avast </strong>! Le choix de l&#8217;antivirus est assez personnel. Avast! a été la référence des antivirus  gratuits pendant un moment avant d&#8217;être peu à peu dépassé en popularité par <strong>Antivir </strong>et rattrapé par la version 8.5 d&#8217;<strong>AVG</strong>. Sans compter le nouveau concurrent sur le marché, à savoir <strong>Microsoft Security Essentials</strong>. L&#8217;important, c&#8217;est de faire attention aux fichiers que vous téléchargez, aux pièces jointes que vous recevez dans vos e-mails et aux sites internet que vous visitez. Il n&#8217;y a pas de mistère, le meilleure antivirus, c&#8217;est vous !</p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_10.jpg" rel="lightbox[1657]" title="avast 5_10"><img class="alignnone size-thumbnail wp-image-1669" title="avast 5_10" src="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_10-170x170.jpg" alt="" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_11.jpg" rel="lightbox[1657]" title="avast 5_11"><img class="alignnone size-thumbnail wp-image-1670" title="avast 5_11" src="http://www.pixgame.fr/wp-content/uploads/2010/01/avast-5_11-170x170.jpg" alt="" width="170" height="170" /></a></p>
<p style="text-align: justify;">Pour en savoir plus sur Avast! 5 Free Antivirus, visitez <a href="http://www.avast.com/fr-fr/" target="_blank">www.avast.com</a>.<br />
Pour télécharger <strong>Avast! 5 Free edition</strong>, cliquez <a href="http://www.avast.com/fr-fr/free-antivirus-download" target="_blank">ici</a>.</p>
<p>Related posts:<ol>
<li><a href='http://www.pixgame.fr/net/press-minute-clubic-publie-son-comparatif-antivirus-2010/' rel='bookmark' title='[Press-Minute] Clubic publie son comparatif Antivirus 2010'>[Press-Minute] Clubic publie son comparatif Antivirus 2010</a></li>
<li><a href='http://www.pixgame.fr/informatique/logiciel/microsoft-security-essentials-disponible-en-version-finale/' rel='bookmark' title='Microsoft Security Essentials disponible en version finale'>Microsoft Security Essentials disponible en version finale</a></li>
<li><a href='http://www.pixgame.fr/informatique/logiciel/nero-9-version-gratuite-mais-limitee/' rel='bookmark' title='Nero 9 : version gratuite mais limitée'>Nero 9 : version gratuite mais limitée</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.pixgame.fr/highlights/avast-5-free-antivirus/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Les TechDays 2010 approchent</title>
		<link>http://www.pixgame.fr/informatique/les-techdays-2010-approchent/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=les-techdays-2010-approchent</link>
		<comments>http://www.pixgame.fr/informatique/les-techdays-2010-approchent/#comments</comments>
		<pubDate>Wed, 13 Jan 2010 19:45:35 +0000</pubDate>
		<dc:creator>ethan</dc:creator>
				<category><![CDATA[Highlights]]></category>
		<category><![CDATA[Informatique]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[TechDays]]></category>

		<guid isPermaLink="false">http://www.pixgame.fr/?p=1632</guid>
		<description><![CDATA[Les 8, 9 et 10 Février prochain se tiendra au Palais des Congrès de Paris l&#8217;édition 2010 des Microsoft TechDays. Comme chaque année, cette grande manifestation permettra à chacun de découvrir les nouvelles technologies Microsoft pour l&#8217;année à venir. C&#8217;est l&#8217;occasion pour les décideurs IT d&#8217;en apprendre plus sur les produits Microsoft qu&#8217;ils seront peut-être [...]
Related posts:<ol>
<li><a href='http://www.pixgame.fr/informatique/logiciel/apercu-de-office-2010-beta-2/' rel='bookmark' title='Aperçu de Office 2010 Bêta 2'>Aperçu de Office 2010 Bêta 2</a></li>
<li><a href='http://www.pixgame.fr/informatique/logiciel/test-magix-pc-check-tunning-2010/' rel='bookmark' title='Test &#8211; MAGIX PC Check &amp; Tunning 2010'>Test &#8211; MAGIX PC Check &#038; Tunning 2010</a></li>
<li><a href='http://www.pixgame.fr/games/premieres-videos-pour-le3/' rel='bookmark' title='premières vidéos pour l&#8217;E3'>premières vidéos pour l&#8217;E3</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="margin: 0 auto; width: 70px; margin-bottom: 30px; margin-top: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.pixgame.fr%2Finformatique%2Fles-techdays-2010-approchent%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.pixgame.fr%2Finformatique%2Fles-techdays-2010-approchent%2F&amp;source=pixgame&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.pixgame.fr/wp-content/uploads/2010/01/techdays2010.png" rel="lightbox[1632]" title="Microsoft TechDays 2010"><img class="aligncenter size-large wp-image-1634" title="Microsoft TechDays 2010" src="http://www.pixgame.fr/wp-content/uploads/2010/01/techdays2010-530x233.png" alt="Microsoft TechDays 2010" width="499" height="219" /></a></p>
<p>Les <strong>8, 9 et 10 Février</strong> prochain se tiendra au <strong>Palais des Congrès</strong> de <strong>Paris </strong>l&#8217;édition <strong>2010 </strong>des <strong>Microsoft TechDays</strong>. Comme chaque année, cette grande manifestation permettra à chacun de découvrir les nouvelles technologies Microsoft pour l&#8217;année à venir. C&#8217;est l&#8217;occasion pour les décideurs IT d&#8217;en apprendre plus sur les produits Microsoft qu&#8217;ils seront peut-être amenés à sélectionner pour leur entreprise. Mais c&#8217;est aussi un évènement incontournable pour les développeurs travaillant sur des technologies Microsoft (avec Visual Studio) et les étudiants en informatique.</p>
<p><span id="more-1632"></span>Bien sûr, l&#8217;évènement étant ouvert à tous, les passionnés d&#8217;informatique sont aussi les bienvenus. Les années précédentes, je n&#8217;avais pas pu m&#8217;y rendre, cours oblige. Mais cette fois, l&#8217;administration de <a href="http://www.supinfo.com/">SUPINFO </a>a accepté de nous libérer le Lundi 8 Février après-midi pour qu&#8217;on puisse se rendre aux TechDays. J&#8217;ai donc prévu d&#8217;y aller ce jour-ci et peut être aussi le Mercredi. Le programme est très chargé et il ne sera malheureusement pas possible de tout voir.</p>
<p>Les <strong>TechDays 2010</strong>, ce sont :</p>
<ul style="margin-left: 45px;">
<li><strong>3 </strong>grandes conférences plénières</li>
<li><strong>300 </strong>conférences !</li>
<li>Des Workshops animés par des experts</li>
<li>Une zone d&#8217;exposition regroupant près de 130 partenaires Microsoft (éditeurs logiciels, constructeurs, etc.)</li>
<li>Des espaces réservés aux experts informatiques, aux étudiants et aux décideurs IT.</li>
</ul>
<p>Au programme des conférences, on retrouvera bien entendu la nouvelle suite <strong>Office 2010</strong>, <strong>Visual Studio 2010</strong> et le framework <strong>.NET 4</strong>, <strong>Windows Server 2008 R2</strong> et <strong>Windows 7</strong> mais aussi des interventions sur le <strong>Cloud Computing</strong> avec les serveurs Microsoft <strong>Azure</strong>, les interfaces tactiles avec <strong>Surface</strong>, La sécurité des réseaux et des infrastructures, <strong>SharePoint</strong>, le <strong>Green IT</strong>, les femmes dans l&#8217;IT, le développement de jeux vidéo, etc.</p>
<p>Bref, du lourd, du choix, il y en aura pour tous les goûts. Pour assister aux TechDays, il suffit de s&#8217;inscrire sur le site officiel, <a href="http://www.microsoft.com/france/mstechdays/">ici</a>. Ensuite, vous pourrez consulter la liste de toutes les conférences et remplir un agenda virtuel pour préparer vos journées sur le salon.</p>
<p>Comme c&#8217;est la première fois que je vais participer à cet évènement, je ne sais pas trop comment ça va se dérouler. J&#8217;essaierai de faire un petit compte rendu <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  En tout cas, si vous habitez en région parisienne, je vous conseille d&#8217;y aller. Ça ne peut être qu&#8217;intéressant !</p>
<p>Related posts:<ol>
<li><a href='http://www.pixgame.fr/informatique/logiciel/apercu-de-office-2010-beta-2/' rel='bookmark' title='Aperçu de Office 2010 Bêta 2'>Aperçu de Office 2010 Bêta 2</a></li>
<li><a href='http://www.pixgame.fr/informatique/logiciel/test-magix-pc-check-tunning-2010/' rel='bookmark' title='Test &#8211; MAGIX PC Check &amp; Tunning 2010'>Test &#8211; MAGIX PC Check &#038; Tunning 2010</a></li>
<li><a href='http://www.pixgame.fr/games/premieres-videos-pour-le3/' rel='bookmark' title='premières vidéos pour l&#8217;E3'>premières vidéos pour l&#8217;E3</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.pixgame.fr/informatique/les-techdays-2010-approchent/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Test &#8211; MAGIX PC Check &amp; Tunning 2010</title>
		<link>http://www.pixgame.fr/informatique/logiciel/test-magix-pc-check-tunning-2010/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=test-magix-pc-check-tunning-2010</link>
		<comments>http://www.pixgame.fr/informatique/logiciel/test-magix-pc-check-tunning-2010/#comments</comments>
		<pubDate>Sat, 19 Dec 2009 13:05:59 +0000</pubDate>
		<dc:creator>ethan</dc:creator>
				<category><![CDATA[Logiciel]]></category>
		<category><![CDATA[optimisation]]></category>
		<category><![CDATA[Windows]]></category>

		<guid isPermaLink="false">http://www.pixgame.fr/?p=1512</guid>
		<description><![CDATA[Les utilisateurs de Windows savent que pour conserver un système d&#8217;exploitation stable et rapide, il faut l&#8217;entretenir régulièrement. Défragmenter le(s) disque(s) dur(s), nettoyer le registre, supprimer les fichiers temporaires et les doublons, désinstaller les programmes inutiles ou encore s&#8217;assurer que les pilotes pour tous les périphériques et composants sont à jour. Les utilisateurs habitués savent [...]
Related posts:<ol>
<li><a href='http://www.pixgame.fr/games/playstation/test-infamous-ps3/' rel='bookmark' title='Test &#8211; inFamous &#8211; PS3'>Test &#8211; inFamous &#8211; PS3</a></li>
<li><a href='http://www.pixgame.fr/informatique/logiciel/apercu-de-office-2010-beta-2/' rel='bookmark' title='Aperçu de Office 2010 Bêta 2'>Aperçu de Office 2010 Bêta 2</a></li>
<li><a href='http://www.pixgame.fr/informatique/materiel/xbox-360-wireless-controller-for-windows/' rel='bookmark' title='Test &#8211; Xbox 360 Wireless Controller for Windows'>Test &#8211; Xbox 360 Wireless Controller for Windows</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="margin: 0 auto; width: 70px; margin-bottom: 30px; margin-top: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.pixgame.fr%2Finformatique%2Flogiciel%2Ftest-magix-pc-check-tunning-2010%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.pixgame.fr%2Finformatique%2Flogiciel%2Ftest-magix-pc-check-tunning-2010%2F&amp;source=pixgame&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: justify;"><a href="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-logo.png" rel="lightbox[1512]" title="pc-check-2010-logo"><img class="alignnone size-full wp-image-1535" title="pc-check-2010-logo" src="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-logo.png" alt="pc-check-2010-logo" width="511" height="166" /></a></p>
<p style="text-align: justify;">Les utilisateurs de Windows savent que pour conserver un système d&#8217;exploitation stable et rapide, il faut l&#8217;entretenir régulièrement. Défragmenter le(s) disque(s) dur(s), nettoyer le registre, supprimer les fichiers temporaires et les doublons, désinstaller les programmes inutiles ou encore s&#8217;assurer que les pilotes pour tous les périphériques et composants sont à jour. Les utilisateurs habitués savent réaliser toutes ces tâches sans difficulté en utilisant différents logiciels. Mais pour ceux qui ont peur de mal faire ou qui n&#8217;ont simplement ni le temps ni l&#8217;envie de s&#8217;initier à l&#8217;utilisation de ces softs, il existe plusieurs suites logicielles tout-en-un qui s&#8217;occupent d&#8217;optimiser Windows en quelques clics. <strong>MAGIX PC Check &amp; Tuning 2010</strong> fait partie de celles-ci.</p>
<p style="text-align: justify;"><span id="more-1512"></span>Aujourd&#8217;hui, je vous propose donc un petit test de <strong>PC Check 2010</strong>, suite logicielle édité par MAGIX, une société internationale qui propose également plusieurs logiciels de traitement et de création audio, vidéo et photo. Le logiciel m&#8217;a été offert par <a href="http://www.cnetfrance.fr/" target="_blank">CNETFrance.fr</a> que je remercie au passage ^^ (Merci Guillaume !).</p>
<h2 style="text-align: justify;">I. Installation de PC Check &amp; Tuning 2010</h2>
<p style="text-align: justify;">L&#8217;installation du logiciel est simple. Vous suivez les étapes habituelles : acceptation de la licence, choix du dossier d&#8217;installation, utilisation d&#8217;un fichier de configuration commun pour tous les utilisateurs du pc ou individuel. Il suffit de laisser les paramètres par défaut et de cliquer sur suivant jusqu&#8217;à la phase de copie des fichiers sur le disque dur. Pendant ce temps, <strong>PC Check</strong> vous présente les différents composants que vous pourrez utiliser. Une fois l&#8217;installation terminée, lors du premier lancement du logiciel, il est demandé la clé de licence, fournie lors de l&#8217;achat. Vous pouvez également enregistrer votre produit en ligne et créer un compte sur <em>magix-online.com</em>, ce qui vous donnera accès à un espace de stockage gratuit, la possibilité de créer un site web, etc&#8230;</p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-03.PNG" rel="lightbox[1512]" title="pc-check-2010-03"><img class="alignnone size-thumbnail wp-image-1516" title="pc-check-2010-03" src="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-03-170x170.PNG" alt="pc-check-2010-03" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-06.PNG" rel="lightbox[1512]" title="pc-check-2010-06"><img class="alignnone size-thumbnail wp-image-1519" title="pc-check-2010-06" src="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-06-170x170.PNG" alt="pc-check-2010-06" width="170" height="170" /></a></p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-07.PNG" rel="lightbox[1512]" title="pc-check-2010-07"><img class="alignnone size-thumbnail wp-image-1520" title="pc-check-2010-07" src="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-07-170x170.PNG" alt="pc-check-2010-07" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-09.PNG" rel="lightbox[1512]" title="pc-check-2010-09"><img class="alignnone size-thumbnail wp-image-1522" title="pc-check-2010-09" src="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-09-170x170.PNG" alt="pc-check-2010-09" width="170" height="170" /></a></p>
<p style="text-align: justify;">
<h2 style="text-align: justify;">II. Première utilisation de PC Check 2010</h2>
<p style="text-align: justify;">L&#8217;interface de <strong>PC Check &amp; Tuning 2010</strong> est plutôt agréable et claire. Un résumé de l&#8217;analyse de votre ordinateur occupe la page d&#8217;accueil. À gauche, le bouton Analyser le PC permet de lancer l&#8217;analyse du système par les différents moteurs du logiciel. En cliquant sur Paramètre, vous pouvez choisir quels moteurs seront lancés. <strong>PC Check</strong> propose plusieurs optimisations :</p>
<ul style="text-align: justify;margin-left: 35px;">
<li>Optimisation du démarrage de l&#8217;ordinateur</li>
<li>Suppression des fichiers inutiles (doublons, fichiers peu utilisés et temporaires, corbeille)</li>
<li>Supprimer les traces laissées par Internet (cookies, spyware, etc&#8230;)</li>
<li>Optimisation du fichier d&#8217;échange ( taille de la mémoire virtuelle)</li>
<li>Optimisation des services qui tournent en tâche de fond</li>
<li>Optimisation du registre</li>
<li>Mise à jour des pilotes</li>
<li>Défragmentation des disques durs</li>
<li>Défragmentation du registre</li>
</ul>
<p style="text-align: justify;">L&#8217;analyse est assez rapide et vous pouvez voir l&#8217;avancement en temps réel.</p>
<p style="text-align: justify;">
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-12.PNG" rel="lightbox[1512]" title="pc-check-2010-12"><img class="alignnone size-thumbnail wp-image-1525" title="pc-check-2010-12" src="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-12-170x170.PNG" alt="pc-check-2010-12" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-11.PNG" rel="lightbox[1512]" title="pc-check-2010-11"><img class="alignnone size-thumbnail wp-image-1524" title="pc-check-2010-11" src="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-11-170x170.PNG" alt="pc-check-2010-11" width="170" height="170" /></a></p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-10.PNG" rel="lightbox[1512]" title="pc-check-2010-10"><img class="alignnone size-thumbnail wp-image-1523" title="pc-check-2010-10" src="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-10-170x170.PNG" alt="pc-check-2010-10" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-13.PNG" rel="lightbox[1512]" title="pc-check-2010-13"><img class="alignnone size-thumbnail wp-image-1526" title="pc-check-2010-13" src="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-13-170x170.PNG" alt="pc-check-2010-13" width="170" height="170" /></a></p>
<p style="text-align: justify;">
<p style="text-align: justify;">Une fois le scan terminé, <strong>PC Check</strong> vous propose pour chaque point un résumé de ce qu&#8217;il a détecté. Par exemple, le nombre de fichiers inutiles détectés, le nombre de pilotes à mettre à jour, les services qui peuvent être optimisés, etc. À priori, pas d&#8217;erreur dans les détections et de toute façon, avant chaque optimisation, <strong>PC Check 2010</strong> vous propose de créer un point de restauration  Windows, au cas ou il y aurait un problème. C&#8217;est un bon point pour le logiciel.</p>
<p style="text-align: justify;">En revanche, petit problème : les résultats de l&#8217;analyse ne sont pas tous détaillés. En effet, il est impossible de savoir quels sont les fichiers considérés comme inutiles qui vont être supprimés. Même chose pour les programmes lancés au démarrage. Le moteur indique par exemple que 3 programmes peuvent être désactivés, mais on ne sait pas lesquels, et il n&#8217;y a pas plus de détails. Nous verrons plus tard qu&#8217;il est possible de contourner cette limitation, mais c&#8217;est tout de même dommage pour un logiciel qui se veut simple d&#8217;utilisation. À vouloir être trop simple, on en oublie quelques détails pourtant essentiels !</p>
<p style="text-align: justify;">
<h2 style="text-align: justify;">III. Les menus de PC CHeck &amp; Tuning 2010</h2>
<p style="text-align: justify;">En haut de la fenêtre du logiciel, vous trouvez la barre des menus. Assez jolie et claire, elle vous permet d&#8217;accéder à chaque service du soft pour les lancer manuellement. En explorant ces menus, on se rend compte que <strong>PC Check</strong> propose énormément de fonctionnalités. Ces fonctions sont bien sûres disponibles sur d&#8217;autres logiciels et parfois elles sont incluses dans Windows par défaut, mais il faut reconnaître qu&#8217;avoir tout sous les yeux, en une seule interface, c&#8217;est plus pratique !</p>
<p style="text-align: justify;">Dans le menu <strong>Augmenter les performances</strong>, vous avez accès à la configuration des programmes lancés au démarrage (c&#8217;est ici que vous pouvez savoir quels sont les logiciels désactivés et activés par le scan automatique, et donc rectifier en cas de problème ^^) mais aussi aux utilitaires de défragmentation et d&#8217;optimisation du registre. Chaque service peut donc être lancé individuellement. Pour chacun d&#8217;entre eux, une description est proposée pour que vous compreniez bien de quoi il s&#8217;agit.</p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-15.PNG" rel="lightbox[1512]" title="pc-check-2010-15"><img class="alignnone size-thumbnail wp-image-1528" title="pc-check-2010-15" src="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-15-170x170.PNG" alt="pc-check-2010-15" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-16.PNG" rel="lightbox[1512]" title="pc-check-2010-16"><img class="alignnone size-thumbnail wp-image-1529" title="pc-check-2010-16" src="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-16-170x170.PNG" alt="pc-check-2010-16" width="170" height="170" /></a></p>
<p style="text-align: justify;">Le menu <strong>Libérer de l&#8217;espace</strong> vous permet de gérer vos fichiers via une interface différente. Vous pouvez connaitre quels sont les gros fichiers stockés sur vos disques durs, vérifier le % d&#8217;espace occupé et d&#8217;espace libre. Vous pouvez également graver vos données sur un disque dur.</p>
<p style="text-align: justify;">L&#8217;onglet <strong>Sauvegarde de données</strong> vous propose de sauvegarder vos données de manière générale. Ce peut être des dossiers en particulier, le système complet, ou bien une partition de votre disque dur ! Vous avez aussi la possibilité de gérer les points de restauration de Windows.</p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-17.PNG" rel="lightbox[1512]" title="pc-check-2010-17"><img class="alignnone size-thumbnail wp-image-1530" title="pc-check-2010-17" src="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-17-170x170.PNG" alt="pc-check-2010-17" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-18.png" rel="lightbox[1512]" title="pc-check-2010-18"><img class="alignnone size-thumbnail wp-image-1531" title="pc-check-2010-18" src="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-18-170x170.png" alt="pc-check-2010-18" width="170" height="170" /></a></p>
<p style="text-align: justify;">Enfin le menu <strong>Configurer Windows</strong> vous donne accès à pas mal de réglages cachés de Windows comme la possibilité de vous loguer automatiquement avec un compte utilisateur particulier ou bien sauter la page d&#8217;accueil de Windows. Vous pouvez également paramétrer l&#8217;apparence des fenêtres, la transparence, etc&#8230; Plein de réglages à explorer pour personnaliser votre système donc <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-19.PNG" rel="lightbox[1512]" title="pc-check-2010-19"><img class="size-thumbnail wp-image-1532 aligncenter" title="pc-check-2010-19" src="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-19-170x170.PNG" alt="pc-check-2010-19" width="170" height="170" /></a></p>
<p style="text-align: justify;">
<p style="text-align: justify;">Le dernier onglet vous fournira des informations techniques sur votre système telles que :</p>
<ul style="text-align: justify;margin-left: 35px;">
<li>La référence de votre carte mère</li>
<li>votre processeur ainsi que sa fréquence d&#8217;utilisation</li>
<li>votre carte graphique et votre quantité de mémoire vive</li>
<li>l&#8217;utilisation actuelle du disque dur, du processeur et de la mémoire</li>
<li>la session actuellement utilisée</li>
<li>les utilisateurs connectés</li>
<li>etc&#8230;</li>
</ul>
<h2 style="text-align: justify;"></h2>
<h2 style="text-align: justify;">IV. PC Check Live : le module de surveillance active</h2>
<p style="text-align: justify;">Enfin, dans la barre des taches vient se placer une petite icône <strong>PC Check Live</strong>. Ce module surveille votre ordinateur et vous alerte en temps réel des tâches d&#8217;optimisation qui peuvent être réalisées, en fonction de certains seuils que vous pouvez définir vous-même.</p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-21.PNG" rel="lightbox[1512]" title="pc-check-2010-21"><img class="alignnone size-thumbnail wp-image-1534" title="pc-check-2010-21" src="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-21-170x170.PNG" alt="pc-check-2010-21" width="170" height="170" /></a> <a href="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-20.PNG" rel="lightbox[1512]" title="pc-check-2010-20"><img class="alignnone size-thumbnail wp-image-1533" title="pc-check-2010-20" src="http://www.pixgame.fr/wp-content/uploads/2009/12/pc-check-2010-20-170x170.PNG" alt="pc-check-2010-20" width="170" height="170" /></a></p>
<p style="text-align: justify;"><strong>PC Check &amp; Tunning 2010</strong> propose enfin un module de maintenance rapide en 1 click. Sélectionnez les opérations à effectuer, cliquez sur valider et tout est fait automatiquement !</p>
<p style="text-align: justify;">
<h2 style="text-align: justify;">Conclusion :</h2>
<p style="text-align: justify;"><strong>PC Check &amp; Tuning 2010</strong> est une suite logicielle simple d&#8217;utilisation. Elle dispose d&#8217;une interface claire et intuitive, avec des sous-menus regroupant les fonctionnalités par catégories avec des des descriptions claires. Le logiciel vous permet de nettoyer et d&#8217;optimiser votre système rapidement, sans devoir entrer dans les détails techniques. Complet et agréable à utiliser, il est adapté à M. Tout le monde. Concernant les performances, les tâches de base comme le nettoyage du registre, la suppression des cookies et des fichiers temporaires internet, ou encore la défragmentation du disque dur sont réalisées avec efficacité. En revanche, il est difficile de se prononcer sur les fonctions d&#8217;optimisation du démarrage système ou encore l&#8217;optimisation du réseau ou des paramètres du navigateur web. Cependant, pour qui ne veut pas s&#8217;embêter avec les détails, <strong>PC Check &amp; Tuning 2010</strong> fera l&#8217;affaire. De plus, il est vendu <strong>29.90€</strong>, ce qui n&#8217;est pas excessif <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align: left;">
<p>Related posts:<ol>
<li><a href='http://www.pixgame.fr/games/playstation/test-infamous-ps3/' rel='bookmark' title='Test &#8211; inFamous &#8211; PS3'>Test &#8211; inFamous &#8211; PS3</a></li>
<li><a href='http://www.pixgame.fr/informatique/logiciel/apercu-de-office-2010-beta-2/' rel='bookmark' title='Aperçu de Office 2010 Bêta 2'>Aperçu de Office 2010 Bêta 2</a></li>
<li><a href='http://www.pixgame.fr/informatique/materiel/xbox-360-wireless-controller-for-windows/' rel='bookmark' title='Test &#8211; Xbox 360 Wireless Controller for Windows'>Test &#8211; Xbox 360 Wireless Controller for Windows</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.pixgame.fr/informatique/logiciel/test-magix-pc-check-tunning-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>test souris Logitech MX518 Optical Gaming</title>
		<link>http://www.pixgame.fr/informatique/materiel/test-souris-logitech-mx518-optical-gaming/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=test-souris-logitech-mx518-optical-gaming</link>
		<comments>http://www.pixgame.fr/informatique/materiel/test-souris-logitech-mx518-optical-gaming/#comments</comments>
		<pubDate>Sun, 13 Dec 2009 16:39:25 +0000</pubDate>
		<dc:creator>ethan</dc:creator>
				<category><![CDATA[Matériel]]></category>
		<category><![CDATA[achat]]></category>
		<category><![CDATA[Logitech]]></category>
		<category><![CDATA[MX518]]></category>
		<category><![CDATA[souris]]></category>

		<guid isPermaLink="false">http://www.pixgame.fr/?p=1479</guid>
		<description><![CDATA[Ma souris actuelle étant de très moyenne facture, j&#8217;ai décidé d&#8217;en changer. Je cherchais une souris qui soit réactive, pas trop banale, et qui s&#8217;adapte aux gauchers (parce que bon&#8230; les souris ultra design et ultra ergonomiques, c&#8217;est cool, mais seulement pour les droitiers !! ). En parcourant le rayon Claviers &#38; Souris de la [...]
Related posts:<ol>
<li><a href='http://www.pixgame.fr/games/x360/test-viking-battle-for-asgard/' rel='bookmark' title='Test &#8211; Viking : Battle for Asgard'>Test &#8211; Viking : Battle for Asgard</a></li>
<li><a href='http://www.pixgame.fr/games/pc-games/test-space-siege-pc/' rel='bookmark' title='Test &#8211; Space Siege'>Test &#8211; Space Siege</a></li>
<li><a href='http://www.pixgame.fr/games/pc-games/test-call-of-juarez-bound-in-blood/' rel='bookmark' title='Test &#8211; Call of Juarez : Bound in Blood'>Test &#8211; Call of Juarez : Bound in Blood</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="margin: 0 auto; width: 70px; margin-bottom: 30px; margin-top: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.pixgame.fr%2Finformatique%2Fmateriel%2Ftest-souris-logitech-mx518-optical-gaming%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.pixgame.fr%2Finformatique%2Fmateriel%2Ftest-souris-logitech-mx518-optical-gaming%2F&amp;source=pixgame&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2009/12/mx518-optical-gaming.jpg" rel="lightbox[1479]" title="mx518-optical-gaming"><img class="size-full wp-image-1480 aligncenter" title="mx518-optical-gaming" src="http://www.pixgame.fr/wp-content/uploads/2009/12/mx518-optical-gaming.jpg" alt="mx518-optical-gaming" width="418" height="348" /></a></p>
<p style="text-align: justify;">Ma souris actuelle étant de très moyenne facture, j&#8217;ai décidé d&#8217;en changer. Je cherchais une souris qui soit réactive, pas trop banale, et qui s&#8217;adapte aux gauchers (parce que bon&#8230; les souris ultra design et ultra ergonomiques, c&#8217;est cool, mais seulement pour les droitiers !! ). En parcourant le rayon Claviers &amp; Souris de la Fnac ce weekend, j&#8217;ai finis par en trouver une assez sympa : la <strong>Logitech MX 518 Optical Gaming </strong>!</p>
<h2 style="text-align: justify;"><span id="more-1479"></span>Ergonomie  &amp; Design :</h2>
<p style="text-align: justify;">Le problème chez la Fnac, et comme dans beaucoup d&#8217;autres magasins de ce type, c&#8217;est qu&#8217;on ne peut pas tester le matériel avant d&#8217;acheter. J&#8217;y suis donc allé au feeling pour cette <strong>MX518</strong>. De toutes les souris de type gamer proposées, celle-ci me paraissait la plus apte à convenir à un gaucher. Et effectivement, j&#8217;arrive à bien la prendre en main. Elle est plutôt grosse mais pas énorme non plus. Les boutons sont assez bien placés, sauf peut-être le dernier en dessous de la molette qui oblige à bien replier l&#8217;index pour l&#8217;atteindre.Les deux boutons latéraux sont parfaitement placés au dessus du pouce pour les droitiers. En revanche, pour nous autres gauchers, l&#8217;annulaire passe dessus. Mais ils sont suffisamment bien réglés pour ne pas se déclencher à la moindre pression. Donc pas vraiment de problème de ce côté-là ^^</p>
<p style="text-align: justify;">La surface du dessous est parfaitement lisse et n&#8217;accroche absolument pas mon plan de travail. La souris reste très précise et réactive. Les trois patins qui la surélève très légèrement la rendent très silencieuse. Je n&#8217;ai perçu aucun bruit de frottement à l&#8217;utilisation.En revanche, la roulette gratte un peu.</p>
<p style="text-align: justify;">La <strong>MX518</strong> est noire avec une couche gris métallisée sur le dessus qui est assez sympathique. Je trouve l&#8217;effet taule cabossée assez cool. On a l&#8217;impression d&#8217;avoir une souris qui a fait la guerre ! Mis à part ça, pas de néon ni de lumière qui se dégage de cette souris pour joueurs. Les réfractaires aux diodes multicolores apprécieront.</p>
<p style="text-align: justify;">
<h2 style="text-align: justify;">Fonctions et configuration :</h2>
<p style="text-align: justify;">Logitech fournit son logiciel de configuration <strong>SetPoint</strong> avec la <strong>MX518</strong>. Très simple d&#8217;installation et d&#8217;utilisation, il permet de paramétrer les touches de la souris, soit en utilisant les fonctions pré-enregistrées, soit en définissant vos propres raccourcis. Vous pouvez également modifier la vitesse du pointeur et choisir si ces paramètres SetPoint doivent s&#8217;appliquer par défauts dans vos jeux et applications. De ce côtté-là, rien à redire <img src='http://www.pixgame.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Logitech fournit tout le nécessaire pour utiliser sa souris <strong>MX518</strong> dans de bonnes conditions.</p>
<p style="text-align: center;"><a href="http://www.pixgame.fr/wp-content/uploads/2009/12/setpoint-logitech.jpg" rel="lightbox[1479]" title="setpoint logitech"><img class="size-medium wp-image-1481 aligncenter" title="setpoint logitech" src="http://www.pixgame.fr/wp-content/uploads/2009/12/setpoint-logitech-294x220.jpg" alt="setpoint logitech" width="294" height="220" /></a></p>
<p style="text-align: justify;">
<p style="text-align: justify;">
<h2 style="text-align: justify;">Fiche technique :</h2>
<ul style="text-align: justify; margin-left: 40px">
<li><strong>nom </strong>: Logitech MX 518 Optical Gaming</li>
<li><strong>résolution </strong>: 800 / 1200 / 1600 dpi</li>
<li><strong>traitement de l&#8217;image</strong> : 5.8 MP / secondes</li>
<li><strong>Accélération maximale</strong> : 15 G</li>
<li><strong>connexion </strong>: USB (filaire)</li>
<li><strong>durée de vie des boutons</strong> : 10 millions de clics !</li>
<li><strong>durée de vie des patins</strong> : 250 km !!</li>
<li>8 boutons configurables</li>
<li>possibilité de changer la résolution du capteur à la volée</li>
</ul>
<p style="text-align: justify;">Voilà donc pour cette <strong>Logitech MX 518</strong>. Je suis assez satisfait de mon achat. Pour <strong>29.90€</strong> cette souris de Gamer offre tout ce qui se fait de mieux. Réactive, fonctionnelle et avec un design assez sympa, elle a tout pour plaire et suffira largement pour tous les joueurs (et les autres) qui cherchent une souris avec un bon rapport qualité/prix !</p>
<p style="text-align: justify;"><a href="http://micro-informatique.fnac.com/a2646028/Peripherique-de-saisie-ou-jeu-Souris-Logitech-MX518-Optical-Gaming-Mouse?Mn=-1&amp;Mu=-13&amp;Ra=-5000&amp;To=0&amp;Nu=1&amp;Fr=0" target="_blank">Acheter la Logitech MX518 Optical Gaming sur fnac.fr</a></p>

<a href='http://www.pixgame.fr/informatique/materiel/test-souris-logitech-mx518-optical-gaming/attachment/mx518-optical-gaming/' title='mx518-optical-gaming'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2009/12/mx518-optical-gaming-170x170.jpg" class="attachment-thumbnail" alt="mx518-optical-gaming" title="mx518-optical-gaming" /></a>
<a href='http://www.pixgame.fr/informatique/materiel/test-souris-logitech-mx518-optical-gaming/attachment/setpoint-logitech/' title='setpoint logitech'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2009/12/setpoint-logitech-170x170.jpg" class="attachment-thumbnail" alt="setpoint logitech" title="setpoint logitech" /></a>
<a href='http://www.pixgame.fr/informatique/materiel/test-souris-logitech-mx518-optical-gaming/attachment/logitech-mx518-optical-gaming-01/' title='logitech-mx518-optical-gaming-01'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2009/12/logitech-mx518-optical-gaming-01-170x170.jpg" class="attachment-thumbnail" alt="logitech-mx518-optical-gaming-01" title="logitech-mx518-optical-gaming-01" /></a>
<a href='http://www.pixgame.fr/informatique/materiel/test-souris-logitech-mx518-optical-gaming/attachment/logitech-mx518-optical-gaming-02/' title='logitech-mx518-optical-gaming-02'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2009/12/logitech-mx518-optical-gaming-02-170x170.jpg" class="attachment-thumbnail" alt="logitech-mx518-optical-gaming-02" title="logitech-mx518-optical-gaming-02" /></a>
<a href='http://www.pixgame.fr/informatique/materiel/test-souris-logitech-mx518-optical-gaming/attachment/logitech-mx518-optical-gaming-03/' title='logitech-mx518-optical-gaming-03'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2009/12/logitech-mx518-optical-gaming-03-170x170.jpg" class="attachment-thumbnail" alt="logitech-mx518-optical-gaming-03" title="logitech-mx518-optical-gaming-03" /></a>
<a href='http://www.pixgame.fr/informatique/materiel/test-souris-logitech-mx518-optical-gaming/attachment/logitech-mx518-optical-gaming-04/' title='logitech-mx518-optical-gaming-04'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2009/12/logitech-mx518-optical-gaming-04-170x170.jpg" class="attachment-thumbnail" alt="logitech-mx518-optical-gaming-04" title="logitech-mx518-optical-gaming-04" /></a>
<a href='http://www.pixgame.fr/informatique/materiel/test-souris-logitech-mx518-optical-gaming/attachment/logitech-mx518-optical-gaming-05/' title='logitech-mx518-optical-gaming-05'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2009/12/logitech-mx518-optical-gaming-05-170x170.jpg" class="attachment-thumbnail" alt="logitech-mx518-optical-gaming-05" title="logitech-mx518-optical-gaming-05" /></a>
<a href='http://www.pixgame.fr/informatique/materiel/test-souris-logitech-mx518-optical-gaming/attachment/logitech-mx518-optical-gaming-06/' title='logitech-mx518-optical-gaming-06'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2009/12/logitech-mx518-optical-gaming-06-170x170.jpg" class="attachment-thumbnail" alt="logitech-mx518-optical-gaming-06" title="logitech-mx518-optical-gaming-06" /></a>
<a href='http://www.pixgame.fr/informatique/materiel/test-souris-logitech-mx518-optical-gaming/attachment/logitech-mx518-optical-gaming-07/' title='logitech-mx518-optical-gaming-07'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2009/12/logitech-mx518-optical-gaming-07-170x170.jpg" class="attachment-thumbnail" alt="logitech-mx518-optical-gaming-07" title="logitech-mx518-optical-gaming-07" /></a>
<a href='http://www.pixgame.fr/informatique/materiel/test-souris-logitech-mx518-optical-gaming/attachment/logitech-mx518-optical-gaming-08/' title='logitech-mx518-optical-gaming-08'><img width="160" height="160" src="http://www.pixgame.fr/wp-content/uploads/2009/12/logitech-mx518-optical-gaming-08-170x170.jpg" class="attachment-thumbnail" alt="logitech-mx518-optical-gaming-08" title="logitech-mx518-optical-gaming-08" /></a>

<p>Related posts:<ol>
<li><a href='http://www.pixgame.fr/games/x360/test-viking-battle-for-asgard/' rel='bookmark' title='Test &#8211; Viking : Battle for Asgard'>Test &#8211; Viking : Battle for Asgard</a></li>
<li><a href='http://www.pixgame.fr/games/pc-games/test-space-siege-pc/' rel='bookmark' title='Test &#8211; Space Siege'>Test &#8211; Space Siege</a></li>
<li><a href='http://www.pixgame.fr/games/pc-games/test-call-of-juarez-bound-in-blood/' rel='bookmark' title='Test &#8211; Call of Juarez : Bound in Blood'>Test &#8211; Call of Juarez : Bound in Blood</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.pixgame.fr/informatique/materiel/test-souris-logitech-mx518-optical-gaming/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

