tag:blogger.com,1999:blog-46213966375794029292024-02-19T08:04:59.621-08:00Génération 68 et Jeux VidéoLa quarantaine bien sentie mais toujours joueurs.Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.comBlogger23125tag:blogger.com,1999:blog-4621396637579402929.post-53757373451169022142008-08-16T11:40:00.001-07:002008-08-16T11:49:58.351-07:00Quelques jours de vacances...<div style="text-align: justify;">Bonjour chers amis :)<br />Vous avez du remarquer que le blog était en sommeil depuis quelques jours. J'aurais du vous en avertir. En fait, j'étais à Londres et je pensais réellement pouvoir accéder plus systématiquement à des ordinateurs pour continuer succinctement le suivi du blog. Malheureusement, ce ne fut pas le cas. Par ailleurs je dois partir encore quelques temps en Bretagne d'où le suivi ne devrait pas être meilleur (et le compteur de visites s'en ressent...). Mais bon, c'est ainsi! Par contre, pas d'inquiétude. Dès mon retour sur Paris je continuerai et amplifierai le blog autant que possible avec peut-être, j'ai bien dit peut-être... quelques surprises :) En attendant bonnes vacances (pour ce qu'il en reste) à tous et à très bientôt.<br /></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com4tag:blogger.com,1999:blog-4621396637579402929.post-28406088110015466362008-08-08T10:51:00.000-07:002008-08-09T02:05:00.891-07:00Test PC : Montjoie ! Le jeu de stratégie médiéval.<div style="text-align: justify;"><span style="color: rgb(255, 102, 0);font-size:130%;" ><span style="font-weight: bold;"><br />AVERTISSEMENT</span> : si vous êtes du genre à privilégier les belles images et les belles musiques au plaisir de jeu, changez de site ! Viiite. Ici, apanage (peut-être...) de la quarantaine assumée et de l'expérience associée, seul compte le fun. Quand bien même l'emballage ne suit pas... Bien entendu, quand le mariage du fun, des belles images et des belles musiques est là, c'est tant mieux et nous ne manquerons pas de le souligner. Par ailleurs, les test de Gen68 sont constamment "en devenir". Le test du jeu ne paraît que lorsque je considère avoir quelque chose à en dire. Mais rien n'interdit de progresser dans son jugement, d'apercevoir des choses auparavant inaperçues, de trouver ultérieurement des erreurs grossières jusque là bien cachées et je ne sais quoi d'autre... Tous les articles seront par conséquent édités plusieurs fois. Ça aussi ce doit être l'apanage de la quarantaine !<br /><br /></span><span style="color: rgb(255, 102, 0);font-size:130%;" > </span></div><div class="MsoBodyText" style="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSutZMGi0r0Wo3fY4LuJzxR_ey2NO3Vt84f3G8yty64p-5bZR6grSxSfLPvyVN_8bLrakbDdYMI_VqYISk08rA3PrIhU02zKRdlb17hDrqQXrBDG8vIjGrLGFCTxc_ARjC6XXtcbvY19qD/s1600-h/Montjoie.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="montjoie" id="BLOGGER_PHOTO_ID_5232207136716411698" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSutZMGi0r0Wo3fY4LuJzxR_ey2NO3Vt84f3G8yty64p-5bZR6grSxSfLPvyVN_8bLrakbDdYMI_VqYISk08rA3PrIhU02zKRdlb17hDrqQXrBDG8vIjGrLGFCTxc_ARjC6XXtcbvY19qD/s320/Montjoie.jpg" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 146px; height: 203px;" border="0" /></a>L’apanage de la quarantaine n’est pas uniquement d’appréhender les faiblesses ou les qualités d’un jeu différemment d’un jeune blanc bec (!) C’est aussi de savoir repérer les bijoux qui passent inaperçus ou presque. Aujourd’hui, je teste pour vous le jeu de stratégie Montjoie!. Il s’agit de l’adaptation sur PC d’un jeu de plateau paru en 1998 et bien connu des aficionados des soirées arrosées autour de tables couvertes de pions. L’équipe qui a développé le jeu de plateau à compris qu’il n’était pas possible (ni pratique) au commun des mortels de réunir régulièrement des joueurs. Elle a donc pensé à en développer une version informatique, en tout point semblable. Elle a le mérite d’autoriser les joutes contre une intelligence artificielle de premier plan et dont votre serviteur fait constamment les frais (même s’il est vrai que je suis une lamentable quiche en stratégie, mais ce n’est pas faute de l’aimer la stratégie!). Le jeu est distribué par la très sympathique équipe <a href="http://www.ageod.com/">d’AGEOD</a>. Cette dernière est<span style=""> </span>reconnue pour deux principales raisons: premièrement, elle est spécialisée en wargames de haut-vol. Deuxièmement, c’est une société qui pratique un art aujourd’hui disparu dans le milieu du jeu vidéo. Attention, ouvrez bien vos esgourdes… <a href="http://www.ageod.com/">AGEOD </a>produit et distribue des jeux … finis ! Oui, oui vous avec bien lu. Des jeux qui fonctionnent sans patch et tout et tout. Les patchs périodiques ne sont là que pour améliorer le produit et y ajouter des fonctionnalités supplémentaires.<br /><br /></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;">En quoi consiste Montjoie! ? Cette adaptation PC fonctionne en tout point de la même façon que l’original… sauf que vous buvez seul (hic)! Vous êtes face à un plateau de jeu représentant la France de la guerre de 100 ans. Elle est découpée en régions, elles-mêmes composées de villes reliées par des routes. On voit même sur le coté du plateau la pioche et la dépose des cartes déjà jouées! Votre but est simple. En tant que représentant d’une « nation » d’alors (on parlera de factions tellement elles sont petites), vous devez réunir le plus de régions possibles sous votre drapeau afin de gagner des points de prétendant justement destinés à prétendre à la souveraineté de ces territoires. Je ne parle sciemment pas de la France. Car s’il est logique que ce soit le petit royaume de France qui s’étende sur les régions, conformément au cours de l’histoire (sinon nous ne serions pas là), on peut tout à fait aller au rebours de cette dernière et jouer la victoire d’une autre faction. Les factions jouables sont la France, la Flandre, l’Angleterre, la Bretagne, la Navarre et la Bourgogne. La faction élue décidera subséquemment du niveau de jeu. Il est beaucoup plus facile de gagner avec la dotation initiale en terres du petit royaume de France qu’avec celle de la Navarre par exemple.<br /><br /></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;">La ressemblance de Montjoie! PC avec Montjoie! plateau n’est pas seulement formelle. Le mécanisme du jeu est exactement le même. Au tout début, il vous est proposé de jouer<span style=""> </span>des scénarii historiques, avec des règles propres légèrement différentes d’un scénario à l’autre, retraçant certains passages mémorables de la guerre de cent ans. Autre option, jouer en mode libre des variantes plus ou moins étendues du jeu de base. Pour ma part, j’ai basé ce test sur la version extrême du jeu qui est la plus complète. Elle démontre le mieux les caractéristiques du jeu car elle ajoute au jeu de base une phase de diplomatie ainsi qu’un simili mode « éliminateur » à la Burnout (!) où le dernier joueur de chaque tour est successivement éliminé.</div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;">Le jeu se joue par tours de jeu et chaque tour se décline en 10 phases consécutives. Une fois le tour terminé, toutes les phases recommencent dans le même ordre et ainsi de suite jusqu’à la fin du jeu au bout d’un nombre de tours prédéfini selon le scénario.<br /><br /></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;">Une fois vos territoires initiaux établis (le jeu vous laisse une certaine flexibilité ) commence alors la succession des phases :<br /><br /></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><o:p></o:p></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;">Phase 1 : levée d’impôt ou gain d’or. Chaque région détenue vous apporte de l’or en fonction des constructions que vous y aurez préalablement établies dans les tours précédents. Une simple garnison rapporte moins qu’un château qui lui-même rapporte moins qu’une forteresse. Châteaux et forteresses ne sont donc pas exclusivement construits à des fins défensives mais également à des fins pécuniaires. Gardez cela en tête car, encore une fois, Montjoie! est un bien fameux jeu de stratégie…<br /><br /></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><o:p></o:p></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;">Phase 2 : diplomatie. Phase propre à la version extrême, elle permet soit d’acheter des votes auprès des autres factions, pour favoriser guerre ou paix dans la phase ultérieure de détermination du choix politique, soit d’inciter à l’attaque d’une ville en y posant une prime, soit enfin de proposer des alliances avec les autres factions, en proposant une prime qui ne sera touchée qu’en cas de respect<span style=""> </span>de l’alliance, en fin de tour.<br /><br /></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><o:p></o:p></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;">Phase 3 : détermination du choix politique. En d’autres termes, il faut y choisir la paix ou la guerre. C’est la majorité qui l’emporte d’où l’importance de pouvoir acheter des votes… En cas de paix, chaque faction ne reçoit que quatre cartes « de combats » et n’a droit qu’à une attaque contre les autres factions. En cas de guerre, le nombre de carte monte à 6 et le nombre d’attaques peut-être plus important en fonction d’autres critères.<br /><br /></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><o:p></o:p></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;">Phase 4 : distributions des cartes. Chaque faction reçoit le nombre de cartes correspondant au<span style=""> </span>choix politique majoritaire. Il n’est pas possible de décrire exhaustivement toutes les cartes du jeu dans le cadre de cet article mais retenez qu’elles sont de plusieurs sortes: cartes d’attaque ou de défenses, cartes spéciales qui permettent les coups fourrés et cartes d’influence qui permettent de se sortir des situations les plus tendues et que vous touchez<span style=""> </span>en fonction de vos acquisitions territoriales et vos gains en or.<br /><br /></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><o:p></o:p></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;">Phases 5 : achat de cartes et de construction. C’est ici qu’il faut utiliser le plus malicieusement la dotation en or dont vous disposez. Vous pouvez acheter des cartes pour compléter une dotation<span style=""> </span>de base défaillante. Vous pouvez également transformer garnisons en châteaux et/ou châteaux en forteresses afin d’en augmenter la valeur défensive mais aussi, nous l’avons vu, les gains futurs.<br /><br /></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><o:p></o:p></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;">Phase 6 : nouvel ordre des factions. Montjoie! est un jeu où l’ordre de jeu influe considérablement sur le cours des évènements. Il peut être intéressant d’être le premier à jouer<span style=""> </span>pour bénéficier, par exemple, des événements aléatoires (cf. ci-dessous). Mais il peut aussi être profitable de jouer en dernier pour bénéficier de l’information sur les cartes restantes des autres factions (qui apparaît à l’écran) et jouer en<span style=""> </span>conséquence. Cette phase permet de tirer l’ordre de jeu des factions de manière aléatoire, sachant que jamais une même faction ne commence deux tours de jeu consécutifs.<br /><br /></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><o:p></o:p></div><div style="text-align: justify;"></div><div class="MsoBodyText" style="line-height: 150%; text-align: justify;"><div style="text-align: justify;">Phase 7 : événements aléatoires. Le jeu gère dix événements aléatoires en rapport avec l’époque pour favoriser le cas échéant la première faction du tour (exemple de la rétrocession ou de l’intervention du pape) ou, au contraire, pour pénaliser l’ensemble des joueurs (la peste!)<br /></div><br /><span style=""> </span></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><o:p></o:p></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;">Phase 8 : allégeance des villes ennemies. Au début du jeu chaque faction « dispose » autour d’elle de plusieurs villes libres qu’elle peut rattacher gratuitement à sa faction, pourvu qu’elles soient reliées à vos villes par une route. C’est un moyen simple et pacifique de gagner du territoire. Attention, avec l’avancée du jeu les villes libres se font plus rares sauf quand le processus « éliminateur » se met en branle: toutes les garnisons, châteaux et forteresses des factions éliminées redeviennent libres.<br /><br /></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><o:p></o:p></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;">Phase 9 : conquête des villes ennemies. C’est la phase majeure du jeu, mais pas forcément la plus stratégique. Ici, en fonction du choix politique et de certains autres critères, vous disposez d’un certain nombre d’attaques. Une fois une cible choisie, la manœuvre est toujours la même. Si vous êtes attaquant, vous choisissez deux cartes d’attaque. Si vous êtes défenseur, une seule. Car la deuxième est simulée par la valeur défensive de votre garnison, château ou forteresse attaquée. Dans les deux cas, vous pouvez y ajouter des cartes spéciales comme la carte « ingénieur » qui sape l’attaque ou la défense adverse. En confrontant la somme des cartes des deux cotés (points de base), on a une première idée du rapport de force. Mais c’est ici que le hasard joue son rôle. Chaque joueur tire un dé dont le tirage vient s’ajouter aux points de base. C’est celui qui a la somme cumulée la plus importante qui gagne, sauf que… vous pouvez, au dernier moment, jouer une carte qui va modifier la donne: un point d’influence, une carte « doigt de Dieu » qui multiplie par deux votre cumule de point etc. etc. Bref rien n’est joué jusqu’à la fin. Si vous avec perdu la bataille, vos cartes jouées sont gaspillées sauf à jouer une carte « retrait ». Attention donc aux attaques à venir des autres factions. Si vous avez gagné, vous récupérez vos cartes, qui ne peuvent cependant plus être jouées qu’en défense. Subtil n’est-ce pas? Et encore, je passe les cartes ambassadeurs et écorcheurs, qui mériteraient un article à elles toutes seules!<br /><br /></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><o:p></o:p></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;">Phase 10 : gain de points de prétendant. Une fois toutes les escarmouches et autres batailles jouées, chaque faction se retrouve avec un certain nombre de régions complètes (C’est à dire dont on dispose de toutes les villes qui la composent). L’ordinateur fait le décompte de ces régions, tient compte des régions bonus (certaines régions comme Paris ou Calais sont historiquement de première importance et ceux qui les possèdent peuvent toucher de 1 à 2 points de prétendant supplémentaires pour la région) et cumule vos points de prétendant pour le tour avec les points précédents.<br /><br /><span style=""> </span></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><o:p></o:p></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;">Cette dernière phase complétée, on revient à la première (impôt et gain d’or) dont le calcul se fait en tenant compte de la nouvelle donne en<span style=""> </span>régions, garnisons, châteaux et forteresses. Et les phases se poursuivent à nouveaux… etc. etc. A la fin d’un nombre de tours prédéfinis (10 dans la variante extrême) c’est le dépositaire du plus grand nombre de points de prétendants qui gagne. </div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><o:p></o:p></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><br />Tout dans le jeu est fait pour que le joueur sache constamment où il en est par rapport aux autres factions. L’interface, calquée sans doute sur le plateau du jeu, est un exemple de clarté. On prend plaisir à découvrir progressivement comment utiliser telle ou telle information de l’interface pour arriver à vaincre (j’ai mis un certain temps hum… pour comprendre l’importance de l’indication du nombre de cartes de chaque faction par exemple). Plusieurs vitesses de jeu vous sont proposées également. Les débutants pourront mettre sur lent le temps de comprendre comment jouent les autres factions, avant de passer en rapide quand ils auront compris les arcanes du jeu et que c’est à l’ordinateur de jouer.<br /><br /><span style=""> </span></div><div style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;">Mais là où l’effort est vraiment louable, c’est que les concepteurs ont ajouté à tout cela une aide en ligne contextuelle performante. Mais aussi une véritable base de données historiques, extrêmement complète, qui recense tous les évènements et personnages du jeu. On a même droit à une frise chronologique qui matérialise le contexte historique de chaque scénario. Du grand art ! Bref,<span style=""> </span>Montjoie! est non seulement un jeu vraiment profond, fun et addictif mais aussi une véritable leçon d’histoire pour qui fouillera un peu la base de données. Montjoie! est-il au jeu vidéo ce que les « Rois maudits » sont à la littérature ? Disons que le parallèle n’est pas complètement absurde…<br /><br /></div><div style="text-align: justify;" class="MsoNormal"><o:p></o:p></div><div style="text-align: justify;">Car il y a tout de même un « mais »… Vous souvenez-vous qu’AGEOD, qui distribue le jeu, se fait un point d’honneur de ne distribuer que des produits finis ? Je vous rassure c’est amplement le cas en ce qui concerne Montjoie!. On peut noter quelques petits bugs de temps à autre mais rien que de normal et surtout rien de rédhibitoire. Certains sur les forums spécialisés, se sont fait un plaisir d’en dénicher tous les problèmes mais en ce qui me concerne, les seuls auxquels j’ai été confronté ont eu lieu en multijoueurs. Car il y a un excellent multijoueurs sur Montjoie! qui fonctionne très bien. Pas la peine de s’étendre. Il faut juste trouver des partenaires et ça n’a rien de simple compte tenu de la petitesse de la communauté.<br /></div><br /><div style="text-align: justify;">Le problème n’est pas là. Il résiderait plutôt dans le fait que l’équipe qui développe le jeu est… amateur! Et oui cela peut sembler incroyable lorsque l’on voit la qualité du produit mais Pascal Bernard, game designer du petit studio <a href="http://www.montjoiegame.com/index.php">Tchounga Games</a> à l’origine de Montjoie!, ne travaille qu’avec un graphiste et un programmeur. C’est ce qui explique les difficultés du studio à suivre Montjoie! comme le ferait un grand studio professionnel. Néanmoins, ce type de structure réduite compense un suivi à la fréquence aléatoire par un produit entièrement fonctionnel à sa sortie ce qui, encore une fois, devient rare. Sachant que l’équipe travaille dors et déjà sur une version PC de la suite de Montjoie!, Renaissance (dont le titre dit l’essentiel à lui tout seul) on peut espérer que les ajouts de cette nouvelle version du moteur seront transposés sous forme de patchs additifs (et non correctifs) à Montjoie ! Toujours est-il que Montjoie! est un produit fini, parfaitement jouable, fruit du travail d’une équipe de passionnés et dont le suivi est assuré par ces même passionnés. Et ça, ça mérite le plus grand respect!<br /></div><br /><span style="font-weight: bold;">Les plus : </span><br /><ul style="text-align: justify;"><li>Jeu de statégie profonde.</li><li>Interface vraiment très propre.</li><li>Musique bien choisies.<br /></li><li>Très instructif.<br /></li><li>Se joue en une heure ou deux.<br /></li><li>Pas besoin d'adversaires vu la qualité de l'IA.</li><li>Il y a quand même un mutlijoueurs au cas où...</li><li>Peu de bugs, enfin beaucoup moins que la grande majorité des jeux.</li><li>Il y a une démo <a href="http://www.montjoiegame.com/downloads.php">ici</a>.<br /></li></ul><div style="text-align: justify;"><span style="font-weight: bold;">Les moins : </span></div><ul style="text-align: justify;"><li>Peu de joueurs pour le multijoueurs.<br /></li><li>Uniquement téléchargeable <a href="http://www.montjoiegame.com/downloads.php">ici</a><a href="http://www.montjoiegame.com/downloads.php"></a>.<br /></li><li>bof... autre chose? Je crois pas!<br /></li></ul><span style="font-size:130%;">La note Gén68 (Pouët Pouëëëët... ) :<span style="color: rgb(255, 0, 0);font-size:180%;" > 9/10</span></span><br /><br /><div style="text-align: justify;"><span style="font-weight: bold;font-size:130%;" >Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/08/test-pc-montjoie-le-jeu-de-stratgie.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span></div><div class="MsoNormal" style="text-align: justify;"><span style=""> </span></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com0tag:blogger.com,1999:blog-4621396637579402929.post-20143127491693383822008-08-07T12:00:00.000-07:002008-08-07T12:21:58.890-07:00Appel à la population...<div style="text-align: justify;"></div><div style="text-align: justify;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPj04KOKdirNTHDR5HqhAqeLdKjc8GzVxUXyANw8yH3mQ9xq1iicjCY9c-ctffuuErL-D0mnLloy_SDWhYpNCj7FXsNMpe6VrSiZwJWumgG-7MBYS_2fWYx3TQjN8wkSeerQUIqBagWd83/s1600-h/olympique.png" imageanchor="1" style="border: 0pt none ; background-color: transparent; clear: left; margin-bottom: 1em; float: left; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUkMlltrCo4N7j1W-n_RsDa38XLiY6qK9auZVHUWCBIx4brfco4IUHrqnzT5RN2qz56Lt5vchs1pA1qERVFC0Wf4HLt4rJvDaBIpqot4v_tGzY0YYBK08VLHU_NDuQ03czfAZvIX2LYm6p/s200-r/olympique.png" style="border: 0pt none ;" height="75" width="159" /></a>En ces temps de jeux olympiques, où il est bien connu que l'important est de participer, et afin d'achalander le blog <b><a href="http://generation68.blogspot.com/">Génération 68 et jeux Vidéo</a>, je propose aux personnes intéressées de </b><b>faire paraître leurs tests ou autres articles concernant les jeux vidéo ou Blogger sur <a href="http://generation68.blogspot.com/">http://generation68.blogspot.com/</a>.</b> </div><div style="text-align: justify;">En effet, je ne peux me permettre de tester seul une myriade de jeux. Je me les paie moi même et ma bourse est loin d'être sans fond. Ce serait même l'inverse :) Par ailleurs, je ne peux pas non plus proposer un éventail de tutoriels Blogger suffisant seul. </div><div style="text-align: justify;">Bien entendu, il va sans dire que <b>l'article sera à votre nom ou pseudo, votre adresse mail ou votre url site / blog</b> le cas échéant. <b>Bref, il ne fera aucun doute que l'article sera votre</b>.</div><div style="text-align: justify;">Par contre, je précise que je tiens tout de même à une certaine tenue formelle des articles. Ça c'est ma part de boulot. Mais elle implique que je doive relire et éventuellement modifier votre article original pour l'uniformiser au titre. A partir de là, soit vous me faite confiance, soit vous avez droit à un retour de l'article modifié avant parution. C'est selon.</div><div style="text-align: justify;"> <b>Les articles en anglais sont acceptés pourvu que je me sente capable de les traduire. </b></div><div style="text-align: justify;"><b>English written reviews are accepted as long as I m able to translate it. </b></div>Apprentis testeurs, pamphlétaires, amoureux "casual" ou "hardgamer" de jeux vidéo et tous les autres, soyez les bienvenus.<br /><b>Pour proposer votre participation, il vous suffit de laisser un <a href="http://generation68.blogspot.com/2008/08/appel-la-population.html">commentaire </a>à cet article. </b><br /><div style="text-align: justify;"></div><div style="text-align: justify;"><b> </b></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com2tag:blogger.com,1999:blog-4621396637579402929.post-30311537475461330202008-08-07T05:09:00.000-07:002008-08-07T07:41:15.655-07:00Tutoriel : ajout d'une section dans un entête, mise en oeuvre.<div style="text-align: justify;"><br />
<div style="text-align: justify;"><span style="color: rgb(255, 102, 0); font-size: 130%;">Au fur et à mesure de la construction de ce blog, je me propose, </span><span style="color: rgb(255, 102, 0); font-size: 130%;">à l'aide de quelques didacticiels,</span><span style="color: rgb(255, 102, 0); font-size: 130%;"> de vous faire partager la façon dont j'ai procédé pour le concevoir.</span></div></div><div style="text-align: justify;"> </div><div style="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh63L52Yxm6qaH5a57URxjT1QQVZ3m033VwrQCjNPSjheB7dc7TVvfis3usYsAr_DbnokeEopd52rhSACvkLhbNIbjBdw45rBIaw9Mu6TScFwz725AnomuDVntQNpxluAbhMDVxXzmmJRR2/s1600-h/Engrenage.jpg" imageanchor="1" style="border: 0pt none ; background-color: transparent; clear: left; margin-bottom: 1em; float: left; margin-right: 1em;"><img height="113" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibHsdQyl_j7s7eR-U8hYLPQXYnvyVXmrIfIpvKB93si6Q8JjFWxUDufyq6Pffb1HG6jGxZj02wpAWagq9HP_W6nVfyw18Ad6AeOWywztb6Np8J60cUdzh31FTdbxcHFqVVnulaghDKHoAS/s200-r/Engrenage.jpg" style="border: 0pt none ;" width="142" /></a>Aujourd'hui je vous propose la mise en pratique de mon <a href="http://generation68.blogspot.com/2008/08/tutoriel-partager-un-header-pour-y.html">tutoriel </a>sur le partage de l'entête. Ça tombe bien car vous avez du remarquer qu'il était légèrement ardu... Je vais donc essayer de simplifier les choses en créant, pas à pas avec vous, une nouvelle section dans mon entête. En effet, rappelez-vous. Après avoir crée ma bannière, je me suis rendu compte qu'il me restait de la place en hauteur pour une section supplémentaire dans mon <a href="http://generation68.blogspot.com/2008/08/gnration68-et-jeux-vido-la-banire-enfin.html">entête</a>. Comme j'ai supprimé ma navbar (si vous voulez savoir comment, direction <a href="http://generation68.blogspot.com/2008/08/tutoriel-ajout-dune-section-dans-un.html">commentaire</a>), les visiteurs de mon blog n'ont plus la possibilité de faire de recherche. La boucle est bouclée! Je vais mettre un lien de recherche dans ma nouvelle section. (Merci à <a href="http://blogger-au-bout-du-doigt.blogspot.com/2008/03/3-sections-lentte-de-votre-blog.html">Rodney</a> et <a href="http://www.bloggerbuster.com/2008/02/easy-way-to-make-great-blog-header.html">Amanda</a> pour la partie sur le widget Lien de recherche).<br />
<br />
</div><div style="text-align: justify;"></div><div style="text-align: justify;"><b>Etape 1)</b> Entrez dans l'administration de votre site (identifiant, mot de passe), puis cliquer sur l'onglet "Modifier le code HMTL" pour entrer dans le code du modèle de votre blog. Encore une fois, avant toute modification, il vaut mieux sauver votre modèle initial comme je vous l'ai déjà indiqué <a href="http://generation68.blogspot.com/2008/08/tutoriel-partager-un-header-pour-y.html">ici</a>. Une fois la sauvegarde effectuée, chercher le code suivant : </div><br />
<span style="background-color: rgb(255, 255, 0);"> <div id='header-wrapper'></span><br />
<span style="background-color: rgb(255, 255, 0);"><b:section class='header' id='header' maxwidgets='1' showaddelement='no'></span><br />
<span style="background-color: rgb(255, 255, 0);"><b:widget id='Header1' locked='true' title='Génération 68 et Jeux Vidéo (en-tête)' type='Header'/></span><br />
<span style="background-color: rgb(255, 255, 0);"></b:section></span><br />
<span style="background-color: rgb(255, 255, 0);"><div id='header-right'></span><br />
<span style="background-color: rgb(255, 255, 0);"><b:section class='header' id='header-right-top' showaddelement='yes'></span><br />
<span style="background-color: rgb(255, 255, 0);"><b:widget id='LinkList1' locked='false' title='' type='LinkList'/></span><br />
<span style="background-color: rgb(255, 255, 0);"></b:section></span><br />
<span style="background-color: rgb(255, 255, 0);"></div></span><br />
<span style="background-color: rgb(255, 217, 102);"><div id='header-right-bottom'></span><br />
<span style="background-color: rgb(255, 217, 102);"><b:section class='header' id='header-right-bottom-section' showaddelement='yes'></span><br />
<span style="background-color: rgb(255, 217, 102);"><b:widget id='HTML1' locked='false' title='Choose your language / Traduction.' type='HTML'/></span><br />
<span style="background-color: rgb(255, 217, 102);"></b:section></span><br />
<span style="background-color: rgb(255, 217, 102);"></div></span><br />
<span style="background-color: rgb(255, 255, 0);"></div></span><br />
<div style="text-align: justify;"><span style="background-color: rgb(255, 255, 0);"><br />
</span></div><div style="text-align: justify;">Comme nous l'avons déjà vu, il s'agit du code qui créé effectivement nos sections. J'ai isolé en orange le code qui fabrique la section où se trouve mon widget Google traduction (regardez mon entête pour le visualiser). Comme le lien de recherche est aussi un widget, je vais simplement copier cette partie de code et la coller j<b>uste avant la dernière balise </div> </b>avant de la modifier comme suit:</div><br />
<span style="background-color: rgb(255, 255, 0);"><div id=<span style="background-color: rgb(255, 217, 102);">'header-right-down'</span>></span><br />
<span style="background-color: rgb(255, 255, 0);"><b:section class='header' id='<span style="background-color: rgb(255, 217, 102);">header-right-down-section'</span>showaddelement='yes'></span><br />
<span style="background-color: rgb(255, 255, 0);"><b:widget id='<span style="background-color: rgb(255, 217, 102);">HTML2</span>' locked='false' title='<span style="background-color: rgb(255, 217, 102);">Chercher / Search this Blog.</span>' type='HTML'/></span><br />
<span style="background-color: rgb(255, 255, 0);"></b:section></span><br />
<span style="background-color: rgb(255, 255, 0);"></div> </span><br />
<div style="text-align: justify;"></div><div style="text-align: justify;"><br />
J'ai tout d'abord modifié le nom de la section bien sûr de 'header-right-<b>bottom</b>' à 'header-right-<b>down</b>'. Dans un deuxième temps, j'ai changé son identifiant de 'header-right-<b>bottom</b>-section' à 'header-right-<b>down</b>-section'. Il faut ensuite changer l'identifiant du widget que l'on y mettra de HTML1 (identifiant du widget traducteur) à HTML2 (identifiant du widget recherche que nous allons créer ultérieurement). Enfin, on laisse bien entendu le type à HTML, puisque nous allons y mettre aussi du code HTML pour définir le widget Lien de recherche.<br />
<br />
<div style="text-align: justify;"><span style="background-color: rgb(255, 255, 0);"><span style="background-color: rgb(255, 217, 102);"></span></span> <span style="background-color: rgb(255, 255, 0);"><span style="background-color: rgb(255, 217, 102);"></span></span></div></div><div style="text-align: justify;"><div style="text-align: justify;"><b>Etape 2) </b>Maintenant que nous avons créé notre nouvelle section (nom: header-right-down, identifiant: header-right-down-section), il faut coder son aspect. En ce qui me concerne, je veux que ma section Lien de recherche apparaisse exactement de la même façon que mes deux autres sections. C'est à dire sur fond orange avec un liseré orange clair. Là encore, je vais faire un simple "copier" d'un code précédent et le coller avec quelques modifications:</div><br />
cherchez le code:<br />
<br />
<span style="background-color: rgb(255, 255, 0);">#header-right-bottom-section {</span><br />
<span style="background-color: rgb(255, 255, 0);">padding: 0 5px 10px;</span><br />
<span style="background-color: rgb(255, 255, 0);">}</span><br />
<span style="background-color: rgb(255, 255, 0);"></span><br />
<span style="background-color: rgb(255, 255, 0);">#header-right-bottom {</span><br />
<span style="background-color: rgb(255, 255, 0);">width: 40%;</span><br />
<span style="background-color: rgb(255, 255, 0);">height: 116px%;</span><br />
<span style="background-color: rgb(255, 255, 0);">float: right;</span><br />
<span style="background-color: rgb(255, 255, 0);">border: 1px solid $bordercolor; </span><br />
<span style="background-color: rgb(255, 255, 0);">color: $pagetitlecolor;</span><br />
<span style="background-color: rgb(255, 255, 0);">margin: 5px;</span><br />
<span style="background-color: rgb(255, 255, 0);">}</span><br />
<br />
<span style="background-color: rgb(255, 255, 0);">#header-right-bottom ul {</span><br />
<span style="background-color: rgb(255, 255, 0);">margin: 0;</span><br />
<span style="background-color: rgb(255, 255, 0);">padding: 5px;</span><br />
<span style="background-color: rgb(255, 255, 0);">}</span><br />
<br />
<span style="background-color: rgb(255, 255, 0);">#header-right-bottom ul li {</span><br />
<span style="background-color: rgb(255, 255, 0);">display: inline;</span><br />
<span style="background-color: rgb(255, 255, 0);">padding: 5px;</span><br />
<span style="background-color: rgb(255, 255, 0);">}</span></div>... copier / coller le <b>juste en dessous</b> puis remplacez-y tous les <b>bottom </b>par <b>down </b>(ou ce que vous aurez choisi bien sûr):<br />
<br />
<span style="background-color: rgb(255, 255, 0);">#header-right-<b>down</b>-section {</span><br />
<span style="background-color: rgb(255, 255, 0);">padding: 0 5px 10px;</span><br />
<span style="background-color: rgb(255, 255, 0);">}</span><br />
<br />
<span style="background-color: rgb(255, 255, 0);">#header-right-<b>down </b>{</span><br />
<span style="background-color: rgb(255, 255, 0);">width: 40%;</span><br />
<span style="background-color: rgb(255, 217, 102);">height: 116px%;</span><br />
<span style="background-color: rgb(255, 255, 0);">float: right;</span><br />
<span style="background-color: rgb(255, 255, 0);">border: 1px solid $bordercolor; </span><br />
<span style="background-color: rgb(255, 255, 0);">color: $pagetitlecolor;</span><br />
<span style="background-color: rgb(255, 255, 0);">margin: 5px;</span><br />
<span style="background-color: rgb(255, 255, 0);">}</span><br />
<br />
<span style="background-color: rgb(255, 255, 0);">#header-right-<b>down </b>ul {</span><br />
<span style="background-color: rgb(255, 255, 0);">margin: 0;</span><br />
<span style="background-color: rgb(255, 255, 0);">padding: 5px;</span><br />
<span style="background-color: rgb(255, 255, 0);">}</span><br />
<br />
<span style="background-color: rgb(255, 255, 0);">#header-right-<b>down </b>ul li {</span><br />
<span style="background-color: rgb(255, 255, 0);">display: inline;</span><br />
<span style="background-color: rgb(255, 255, 0);">padding: 5px;</span><br />
<span style="background-color: rgb(255, 255, 0);">} </span><br />
<b><br />
</b><br />
<div style="text-align: justify;">Enregistrez votre modèle et le tour est joué. La troisième section figure bien avec le même formatage que les précédentes. Par soucis d'uniformité, j'ai disposé mes trois sections, qui sont l'une sur l'autre à droite de ma bannière, de manière à ce qu'elles recouvrent verticalement l'intégralité de la hauteur de ma bannière. Celle-ci fait 350 pixels de haut. J'ai donc paramétré chaque section à 116 pixels de hauteur (350/3). Blogger se débrouille tout seul pour ajuster le tout et je suis assez satisfait du résultat. Dorénavant, il ne me reste plus qu'à travailler les couleurs de cet entête et j'en aurais fini au moins partiellement.<br />
</div><div style="text-align: justify;"></div><div style="text-align: justify;"><span style="font-weight: bold; font-size: 130%;">Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/08/tutoriel-ajout-dune-section-dans-un.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com0tag:blogger.com,1999:blog-4621396637579402929.post-80878768802549006292008-08-05T06:21:00.000-07:002008-12-10T02:12:08.994-08:00Tutoriel : aligner des widgets avec une table.<div style="text-align: justify;"></div><div style="text-align: justify;"><br /><br /><span style="color: rgb(255, 102, 0); font-size: 130%;"> Au fur et à mesure de la construction de ce blog, je me propose, </span><span style="color: rgb(255, 102, 0); font-size: 130%;">à l'aide de quelques didacticiels,</span><span style="color: rgb(255, 102, 0); font-size: 130%;"> de vous faire partager la façon dont j'ai procédé pour le concevoir.</span></div><div style="text-align: justify;"></div><div style="text-align: justify;"><br /><br />Dans un article <a href="http://generation68.blogspot.com/2008/08/tutoriel-partager-un-header-pour-y.html">précédent</a>, je vous parlais de la façon de partager un entête pour y inclure, entre autres choses, des widgets. Entre temps, j'ai été confronté à un nouveau problème. Il s'est avéré que je ne voulais pas mettre dans chaque <a href="http://generation68.blogspot.com/2008/08/tutoriel-partager-un-header-pour-y.html">section </a>un seul mais bien plusieurs widgets. Or, sans précaution c'est à dire en copiant / collant simplement les codes des widgets l'un après l'autre, on s'aperçoit qu'ils apparaissent <b>l'un au-dessus de l'autre au lieu de profiter de l'espace horizontal</b> offert par les sections crées.Voici ce que ça donnait concrètement:</div><br /><br /><div class="separator" style="text-align: center; clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge93fNE150_70XTQqjXwHvBBU9vGeO4f2JcQDdXCaautTO55bwtshr6yCreD8iq7g72bJOmJUFMOM6uOZrI6kGBzGU16DmASe81diIFLbksxHdqGWMRcRJhOR58SYCKH0KbJI7xc66CF40/s1600-h/table+2.jpg" imageanchor="1" style="border: 0pt none ; background-color: transparent; margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKfOQ4hR4UfFVyrmBs4csxjv4_3uCxGQdAX3U5yUmuDGw5knUXsiYwW9rs6CsEwuvfxnnwwNiWofsSRuNfIc5nE7lbNE4WY7jch9HMuEbvTrk8sSlD0pwAt5IQRv6fVtAoFRe1fhvYU0gi/s200-r/table+2.jpg" style="border: 0pt none ;" /></a></div><div style="text-align: justify;"></div><div style="text-align: justify;"><br /><br />Bien évidemment il n'y a rien de satisfaisant dans cette mauvaise occupation de l'espace. J'ai donc cherché une solution pour aligner les widgets. Celle que j'ai trouvé consiste simplement <b>à créer une table HTML</b>. En voici le code:</div><div style="text-align: justify;"></div><div style="background-color: rgb(255, 217, 102);"> <table></div><div style="background-color: rgb(255, 217, 102);"><tbody></div><div style="background-color: rgb(255, 217, 102);"><tr></div><div style="background-color: rgb(255, 217, 102);"><td></div><div style="background-color: rgb(255, 255, 0);"><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&amp;up_source_language=fr&amp;w=160&amp;h=60&amp;title=&amp;border=&amp;output=js"></script></div><div style="background-color: rgb(255, 217, 102);"></td><br /><br /><td></div><div style="background-color: rgb(255, 255, 0);"><a href="http://technorati.com/faves?sub=addfavbtn&amp;add=http://generation68.blogspot.com"><img alt="Add to Technorati Favorites" src="http://static.technorati.com/pix/fave/tech-fav-1.png"/></a></div><div style="background-color: rgb(255, 217, 102);"></td><br /><br /><td></div><div style="background-color: rgb(255, 255, 0);"><script language="JavaScript" src="http://www.blogcatalog.com/rate-button.js.php?id=4442672" type="text/javascript"></script><br /><br /><noscript><a href="http://www.blogcatalog.com" title="Blog Directory, Find A Blog, Submit A Blog, Search For The Best Blogs"><br/>Blog Catalog Blog Directory<br/></a></noscript></div><div style="background-color: rgb(255, 217, 102);"></td></div><div style="background-color: rgb(255, 217, 102);"></tr></div><div style="background-color: rgb(255, 217, 102);"></tbody></div><div style="background-color: rgb(255, 217, 102);"></table></div><br /><br /><div style="text-align: justify;">Je vous ai indiqué en orange le code de la table elle-même, et en jaune vif le code de mes widgets. Il vous suffit donc de remplacer ces derniers par les codes des widgets qui vous intéressent plus directement. <b>Attention à ne pas oublier la balise <tbody></tbody></b>. C'est l'erreur que j'ai faite avec pour conséquence un affichage défectueux, et j'ai malheureusement mis du temps à le comprendre. Avec l'espoir que ce petit truc vous serve :) </div><div style="text-align: justify;"></div><div style="text-align: justify;"><br /><br /><span style="font-weight: bold; font-size: 130%;">Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/08/tutoriel-aligner-des-widgets-avec-une.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com1tag:blogger.com,1999:blog-4621396637579402929.post-90191023987321142662008-08-03T04:44:00.000-07:002008-12-10T02:12:09.082-08:00Génération68 et Jeux Vidéo: la bannière enfin là! Donnez votre avis.<div class="separator" style="text-align: center; clear: both;"></div><br /><br /><br /><br /><div style="text-align: justify;"></div><div class="separator" style="text-align: center; clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyztal3YXImjwl4m1cZq1Aay72mmOvAAfkaKbOlHRnZVYPrTAbjJpZ5LiNwpwLnblDQjvplOCDFVGOOUjPqMXRknlDfvtYIzIy4GZfP-Cj2V0kpOza297eDhpyIr_XBHvFMNPaLBJ9XGSJ/s1600-h/Engrenage.jpg" imageanchor="1" style="border: 0pt none ; background-color: transparent; clear: left; margin-bottom: 1em; float: left; margin-right: 1em;"><img alt="engrenage" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJvyblzopvgl4xOGqc4X10Al1bF4xDvBj9OMLPlVoqr-BAoJjY5c0Alo9ifcwJRS6DaoK33gSDTSWmHBT-se4yNsQyQRScfLaYi2E2TWFquNvEmmrcXyJZe9yDt6ysLFGmh-96PKp72Lwj/s320-r/Engrenage.jpg" style="border: 0pt none ;" width="178" /></a></div><div style="text-align: justify;">Vous l'avez sans doute déjà remarqué étant donné que c'est un peu le but de la manœuvre, j'ai passé mon samedi après midi à fabriquer avec mon vieux Painter 5 la bannière du haut. <b>J'ai besoin de votre avis.</b> Non pas pour la modifier complètement car je n'en aurais pas le courage dans l'immédiat, mais sur les quelques éléments y figurant, la façon dont ils apparaissent etc. etc. Bon je rigole un peu là, car si vous la détestez, il faut me le dire aussi. Si je me rend compte que c'est général, il faudra bien que je fasse quelque chose !!! </div><div style="text-align: justify;">Une chose intéressante tout de même. Suite à une négligence de ma part, vous remarquerez que la bannière dépasse très largement en hauteur les deux widgets de droite. Il me reste donc une place juste en dessous du widget Google traduction. J'en profiterai certainement pour ajouter une nouvelle section comme dans le tutoriel précédent dans lequel je mettrai sans doute le widget de recherche vu que j'ai fait disparaître la navbar où l'option figurait d'office.<br /><br /></div><div style="text-align: justify;"></div><div style="text-align: justify;"><span style="font-weight: bold; font-size: 130%;">Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/08/gnration68-et-jeux-vido-la-banire-enfin.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span> </div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com0tag:blogger.com,1999:blog-4621396637579402929.post-14615392163249340922008-08-02T04:15:00.000-07:002008-12-10T02:12:09.127-08:00Tutoriel: partager un entête pour y insérer widgets et menu.<div style="text-align: justify;"><span style="color: rgb(255, 102, 0); font-size: 130%;"><br /><br />Au fur et à mesure de la construction de ce blog, je me propose, </span><span style="color: rgb(255, 102, 0); font-size: 130%;">à l'aide de quelques didacticiels,</span><span style="color: rgb(255, 102, 0); font-size: 130%;"> de vous faire partager la façon dont j'ai procédé pour le concevoir.</span><br /><br /><br /><br /><div class="separator" style="text-align: center; clear: both;"></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDvxnP4znfuW3Qox9L_6dVuhrm0poovPSRKHcLT2guaP-8FibkbhK0OAtZMB98vAVVQw_7zwUDdK-RWZOnx-UCfZPi1AyjQrEyva9qH2aGKBiC24KgwUCU9DBg97ksLwXlzzDUyfc2bCk9/s1600-h/Engrenage.jpg" imageanchor="1" style="border: 0pt none ; background-color: transparent; clear: left; margin-bottom: 1em; float: left; margin-right: 1em;"><img alt="engrenage" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS-ynYNDfKxbQY3kBaze7mwp6xFT0A9AIRkKu7erh6PQTyPykglHDPlAWWeEvLS8l5vkMVO37-v7vUHB_eMgAtYKaanDAm0vC4fykGztEQJSGis3FfT31LkH8Jr4kE6FuzBDTTRXX8Td4U/s200-r/Engrenage.jpg" style="border: 0pt none ;" width="185" /></a><span style="font-size: 130%;"><b>Le pitch:</b></span></div><div style="text-align: justify;">Maintenant que nous savons <a href="http://generation68.blogspot.com/2008/08/tutoriel-insertion-dun-code-html-non.html">insérer du code HTML dans un message sans qu'il ne soit interprété</a> inopportunément, nous allons pouvoir passer à quelque chose de beaucoup plus sérieux. Je pense que nous avons ou allons tous être confronté au problème suivant. A force de poser les uns sous les autres les widgets et autres éléments de page, on finit par être confronté à certains enjeux de visibilité. Que faut-il mettre en premier dans ce fameux "coin d'or" haut gauche, celui qui attire les yeux de nos si chers visiteurs? Les anciens articles? Les liens d'abonnement? Le widget de traduction si important pour étendre l'impact géographique du blog?... Question difficile n'est ce pas? Sans qu'elle ne représente la panacée, une première solution serait de profiter un peu plus de notre entête (ou header). En effet, plutôt que de le laisser sans autre rôle que celui d'afficher titre et description du blog, pourquoi ne pas le <b>partitionner</b> et y inclure les éléments de page qui nous volent une si précieuse place sur la page principale? Je tiens à souligner que je me suis très largement inspiré des articles de <a href="http://blogger-au-bout-du-doigt.blogspot.com/2008/03/3-sections-lentte-de-votre-blog.html">Blogger au bout du doigt</a> et de <a href="http://www.bloggerbuster.com/2008/02/easy-way-to-make-great-blog-header.html">Blogger Buster</a> pour cet article. Je n'en revendique pas la paternité. Simplement, à l'usage je me suis confronté à un certain nombre de faits ou problèmes qui m'ont poussé à "entrer un peu plus dans le code" que les articles initiaux peut-être. Et je vous en propose donc ici un condensé / développé en quelque sorte.</div><div style="text-align: justify;"><div style="text-align: justify;"><b><span style="font-size: 130%;">La soluce:</span></b></div><div style="text-align: justify;"><b>Etape 1:</b> lorsque l'on modifie le code du template dans la mesure où nous allons le faire (et même dans une moindre mesure...),<b> il faut toujours</b> songer à sauver le template initiale en cas de problème. Draft Blogger vous offre cette opportunité. Allez sur <a href="http://draft.blogger.com/%20">http://draft.blogger.com/ </a>et dans le tableau de bord, cliquez sur "Paramètres". Dans l'onglet "Général", tout en haut une option d'exportation du blog sous format Atom vous est proposée:</div><div style="text-align: justify;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFDtRLDIcyEEpPl0672CN4Hog-H1x_nQqY0SPV91VO1f3L46dRgAQ7uetb8cnjA99QojYkLJQG_iVTbr1QLKUpTvoDXUKB_Uq1FEmd-78e6n8J8JcEvKu5A614SEHQcOufyAWuaR-bzRho/s1600-h/exporter+le+blog.jpg" imageanchor="1" style="border: 0pt none ; background-color: transparent; margin-left: 1em; margin-right: 1em;"><img alt="outils du blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixZtHMC4BPIcM1P5VtH5GiXsZO1KJ9Rpw6Ao58i3lGSB1tfR88grb9BdNrbSt_nBF10rWHozusymGrpQfh3LHnOlt9eCQtA-xm_LWBX2UBsVdy6pthTCdTr0NfXx-9IvR4WBic9tjh9Ti0/s320-r/exporter+le+blog.jpg" style="border: 0pt none ;" /></a> </div><div class="separator" style="clear: both; text-align: justify;"></div><div class="separator" style="clear: both; text-align: justify;"></div><div class="separator" style="clear: both; text-align: justify;"></div><div class="separator" style="clear: both; text-align: justify;">Il suffit alors d'exporter votre blog (son flux RSS en fait) sur votre disque dur. On peut alors commencer à travailler plus sereinement... </div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6SsAErGZj2Z_JT3IxuSJ4A-7sSaP8zvJDyZxXTTRB3w6MOIHyIvIt2fWQuVeY-HQXbemu7i-0J1vQx-A_sQtzgOnWhV8aSRUj_1gMANwlb3FJv3ulnyYvFsvEq-3k4tGFWSx6mENZW6gl/s1600-h/exportation+du+blog.jpg" imageanchor="1" style="border: 0pt none ; background-color: transparent; margin-left: 1em; margin-right: 1em;"><img alt="exporter le blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjam0_oAGbBZLlx0ll1myRNNdR6TvV_9SIkqdN6eRxZDzVBWQ-LyVEoC9nnL9X2TJUZZAnLEHgnPWGNk9pqz0hD0KJYShA2y4PUEGjmgSnYVMgVOliAwh1whyjygsqxmS5mrDABBzknFWTy/s320-r/exportation+du+blog.jpg" style="border: 0pt none ;" /></a></div><div class="separator" style="clear: both; text-align: justify;"></div><div style="text-align: justify;"></div><br /><br /><b>Etape 2:</b> accédez au code HTML de votre page en cliquant sur "Tableau de bord", Mise en page", et "Modifier le code HTML". Blogger ne propose pas d'éditeur de texte digne de ce nom pour cette fenêtre. On y trouve notamment pas d'option de recherche/remplacement. Je vous suggère donc de copier l'intégralité de votre code dans Bloc-note / Notepad pour le modifier plus aisément.<br /><br />Chercher maintenant le code suivant qui sera légèrement différent dans votre cas, ne serait-ce qu'en raison du titre du blog:<br /><br /><br /><br /><span style="background-color: rgb(255, 255, 0);"> <div id='header-wrapper'></span><br /><br /><span style="background-color: rgb(255, 255, 0);"> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'></span><br /><br /><span style="background-color: rgb(255, 255, 0);"><b:widget id='Header1' locked='true' title='Génération 68 et Jeux Vidéo (en-tête)' type='Header'/></span><br /><br /><span style="background-color: rgb(255, 255, 0);"></b:section></span><br /><br /><span style="background-color: rgb(255, 255, 0);"> </div></span><br /><br /><br /><br />Ce code est celui du "Header-Wrapper", c'est à dire le container de votre entête. En l'examinant quelque peu, on voit qu'il y a une balise <span style="background-color: rgb(255, 255, 0);"><b:section></b:section></span> qui indique que, pour le moment, notre entête ne comporte qu'une seule place, une seule "section". Elle contient le titre et la description (la petite phrase juste en dessous du titre) de votre blog. Le but fondamental de notre manœuvre est de créer d'autres sections pour y insérer nos autres éléments de page.<br /><br />Encore une fois et dans la mesure du possible, il faut conserver le code initial en cas de problème (on ne prend jamais trop de précaution). Mais il faut tout de même le désactiver pour ne pas qu'il entre en conflit avec le nouveau code que nous allons introduire. Le plus simple pour désactiver un code est de le transformer en <b>commentaire</b>. De cette manière, l'interpréteur saura qu'il ne doit pas traiter cette partie de code. En HTML, le commentaire est compris entre les "balises" <b><!-- et --></b>. Ajoutez ces balises juste devant et derrière le code précédent:<br /><br /><br /><br /><div style="background-color: rgb(255, 255, 0);"><!--</div></div><div style="text-align: justify; background-color: rgb(255, 255, 0);"></div><div style="text-align: justify; background-color: rgb(255, 255, 0);"></div><div style="text-align: justify; background-color: rgb(255, 255, 0);"><div id='header-wrapper'><br /><br /><span style="background-color: rgb(255, 217, 102);"> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'></span><br /><br /><span style="background-color: rgb(255, 217, 102);"><b:widget id='Header1' locked='true' title='Génération 68 et Jeux Vidéo (en-tête)' type='Header'/></span><br /><br /><span style="background-color: rgb(255, 217, 102);"></b:section></span><br /><br /></div><br /><br />--> </div><div style="text-align: justify;"></div><div style="text-align: justify;"><br /><br /><b>Etape 3:</b> on peut maintenant inclure le code de notre container à trois emplacements. Un pour le titre te la description, deux pour les widgets. Voici le code à coller "à la place" du code précédent, <b>c'est à dire juste au -dessous ou au-dessus</b> puisque nous l'avons conservé en commentaire:</div><div style="text-align: justify;"></div><div style="text-align: justify;"><span style="background-color: rgb(255, 255, 0);"><div id='header-wrapper'></span><br /><br /><span style="background-color: rgb(255, 217, 102);"><b:section class='header' id='header' maxwidgets='1' showaddelement='no'></span><br /><br /><span style="background-color: rgb(255, 217, 102);"><b:widget id='Header1' locked='true' title='Génération 68 et Jeux Vidéo (en-tête)' type='Header'/></span><br /><br /><span style="background-color: rgb(255, 217, 102);"></b:section></span><br /><br /><span style="background-color: rgb(255, 255, 0);"><div id='header-right'></span><br /><br /><span style="background-color: rgb(255, 217, 102);"><b:section class='header' id='header-right-top' showaddelement='yes'></span><br /><br /><span style="background-color: rgb(255, 217, 102);"><b:widget id='LinkList1' locked='false' title='' type='LinkList'/></span><br /><br /><span style="background-color: rgb(255, 217, 102);"></b:section></span><br /><br /><span style="background-color: rgb(255, 255, 0);"></div></span><br /><br /><span style="background-color: rgb(255, 255, 0);"><div id='header-right-bottom'></span><br /><br /><span style="background-color: rgb(255, 217, 102);"><b:section class='header' id='header-right-bottom-section' showaddelement='yes'></span><br /><br /><span style="background-color: rgb(255, 217, 102);"><b:widget id='HTML1' locked='false' title='Choose your language / Traduction.' type='HTML'/></span><br /><br /><span style="background-color: rgb(255, 217, 102);"></b:section></span><br /><br /><span style="background-color: rgb(255, 255, 0);"></div></span><br /><br /><span style="background-color: rgb(255, 255, 0);"></div></span><br /><br /><br /><br /><div style="background-color: rgb(255, 255, 255);"></div></div><div style="text-align: justify;"></div><div style="text-align: justify;">A vous, bien entendu, de modifier le titre du blog. Comme convenu, on remarque que ce code crée deux sections en plus de la première. Une section "header-right" qui sera en haut à droite et une section "header-right-bottom" qui sera en bas à droite. Nous voila avec nos trois sections, juste ce qu'il nous fallait.</div><div style="text-align: justify;"></div><div style="text-align: justify;"><b>Etape 4:</b> Une autre partie de code est à modifier. En ce qui me concerne, mon entête initial, très simple, ne contenait qu'un #header sans autre section. J'ai donc du chercher cette portion de code et la mettre en commentaire comme ci-dessous:</div><div style="text-align: justify;"></div><div style="text-align: justify;"><span style="background-color: rgb(255, 255, 0);"><!-- </span><br /><br /><span style="background-color: rgb(255, 255, 0);">#header { </span><br /><br /><span style="background-color: rgb(255, 255, 0);"> padding-top:0px;</span><br /><br /><span style="background-color: rgb(255, 255, 0);"> padding-$endSide:0px;</span><br /><br /><span style="background-color: rgb(255, 255, 0);"> padding-bottom:0px;</span><br /><br /><span style="background-color: rgb(255, 255, 0);"> padding-$startSide:0px;</span><br /><br /><span style="background-color: rgb(255, 255, 0);"> margin-top:0px;</span><br /><br /><span style="background-color: rgb(255, 255, 0);"> margin-$endSide:0px;</span><br /><br /><span style="background-color: rgb(255, 255, 0);"> margin-bottom:0px;</span><br /><br /><span style="background-color: rgb(255, 255, 0);"> margin-$startSide:0px;</span><br /><br /><span style="background-color: rgb(255, 255, 0);"> border-bottom:dotted 1px $bordercolor;</span><br /><br /><span style="background-color: rgb(255, 255, 0);"> background:$descbgcolor;</span><br /><br /><span style="background-color: rgb(255, 255, 0);">}</span><br /><br /><span style="background-color: rgb(255, 255, 0);">--></span></div><div style="text-align: justify; background-color: rgb(255, 255, 255);"></div><div style="text-align: justify;"><br /><br /><span ><span style="">Mais en ce qui vous concerne, votre entête peut être plus élaboré. Par conséquent, vous devez faire la même manœuvre que celle du </span></span><span id="fullpost">#header<b> POUR VOS </b></span><span id="fullpost"><b>#header-wrapper et #header-inner éventuels</b><b>: </b>mettez tout en commentaire. Si on désactive une partie du code, il faut la remplacer par une autre. Voici le code à introduire que j'ai quelque peu personnalisé pour mon blog:</span></div><div style="text-align: justify;"></div><div style="text-align: justify;"><span id="fullpost"><span style="background-color: rgb(255, 255, 0);">#header-wrapper {<br /><br /><span style="background-color: rgb(255, 217, 102);">width: 1200px;</span><br /><br />border: 1px solid #000000;<br /><br />margin:0 auto 10px;<br /><br />border:1px solid $bordercolor;<br /><br />clear: both;<br /><br />word-wrap: break-word;<br /><br />overflow: hidden;<br /><br />background:$pagetitlebgcolor<br /><br />}<br /><br /><br /><br />#header-inner {<br /><br />background-position: center;<br /><br />margin-left: auto;<br /><br />margin-right: auto;<br /><br />}<br /><br /><br /><br />#header {<br /><br /><span style="background-color: rgb(255, 217, 102);">width: 58%;</span><br /><br />float: left;<br /><br />margin: 5px;<br /><br />border: 1px solid $pagetitlebgcolor; <br /><br />text-align: center;<br /><br />color:$pagetitlecolor;<br /><br />}<br /><br /><br /><br />#header-right {<br /><br /><span style="background-color: rgb(255, 217, 102);">width: 40%;</span><br /><br />float: right;<br /><br /><span style="background-color: rgb(255, 217, 102);">border: 1px solid $bordercolor; </span><br /><br />color: $pagetitlecolor;<br /><br />margin: 5px;<br /><br /><br /><br />}<br /><br />#header-right-top {<br /><br />padding: 0 5px 10px;<br /><br />}<br /><br /><br /><br /><span style="background-color: rgb(255, 217, 102);">#header-right a {</span><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);"> color:#000000;</span><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);">} </span><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);"> </span><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);">a:hover {</span><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);"> color:$titlecolor;</span><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);">} </span><br style="background-color: rgb(255, 217, 102);" /><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);">a img { </span><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);"> border-width: 0;</span><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);">}</span><br /><br /><br /><br />#header-right-bottom-section {<br /><br />padding: 0 5px 10px;<br /><br />}<br /><br /><br /><br />#header-right ul {<br /><br />margin: 0;<br /><br />padding: 5px;<br /><br />}<br /><br /><br /><br />#header-right ul li {<br /><br />display: inline;<br /><br />padding: 5px;<br /><br />}<br /><br /><br /><br />#header-right-bottom {<br /><br /><span style="background-color: rgb(255, 217, 102);">width: 40%;</span><br /><br />float: right;<br /><br /><span style="background-color: rgb(255, 217, 102);">border: 1px solid $bordercolor; </span><br /><br />color: $pagetitlecolor;<br /><br />margin: 5px;<br /><br />}<br /><br /><br /><br />#header-right-bottom ul {<br /><br />margin: 0;<br /><br />padding: 5px;<br /><br />}<br /><br /><br /><br />#header-right-bottom ul li {<br /><br />display: inline;<br /><br />padding: 5px;<br /><br />}</span><span style="background-color: rgb(255, 255, 0);"></span><br /><br /></span></div><div style="text-align: justify;"></div><div style="text-align: justify;"><br /><br />Les modifications que j'ai apportées sont de plusieurs ordres. <b>Attention</b>, je n'ai pas vu le résultat sous plusieurs configurations. Par conséquent, je ne garantis rien quant-à la façon dont la chose apparaît sur l'écran de vos visiteurs. Le plus simple est d'essayer chez des amis avec différentes résolutions, différents navigateur... J'ai d'abord fixé la taille du container à 1200 pixel. Je dois dire que certains préconisent de ne pas dépasser 950 pixels. Je n'ai pas encore bien compris pourquoi... Pour ce qui est des tailles relatives des sections, j'ai adopté le système de pourcentage plus adapté à mon sens. Le header titre et description à 58 %. Les deux autres à 40%. Par ailleurs, j'ai fait en sorte que les cadres entourant le header titre et description ne soit plus apparent en leur appliquant la couleur du fond. Par contre j'ai laissé un liseré pour les sections widgets de droite. Enfin, j'ai ajouté le petit code suivant (déjà présent juste au-dessus, ne l'ajoutez pas) qui me permet de faire apparaître le menu de la section droite haute en noir:</div><div style="text-align: justify;"></div><div style="text-align: justify;"><span id="fullpost"><span style="background-color: rgb(255, 255, 0);"><span style="background-color: rgb(255, 217, 102);">#header-right a {</span><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);"> color:#000000;</span><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);">} </span><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);"> </span><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);">a:hover {</span><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);"> color:$titlecolor;</span><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);">} </span><br style="background-color: rgb(255, 217, 102);" /><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);">a img { </span><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);"> border-width: 0;</span><br style="background-color: rgb(255, 217, 102);" /><span style="background-color: rgb(255, 217, 102);">}</span></span></span><br /><br /><div ><span id="fullpost"><br /><br /></span></div></div><div style="text-align: justify; "><span id="fullpost">pour ce résultat non finalisé: </span><br /><br /><span id="fullpost"><br /><br /></span></div><div style="text-align: justify;"></div><div class="separator" style="text-align: center; clear: both; "><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9L49cAI-yjdNBULZ9xmkY2AgSomjvHWj5XaLSvP0PNMEFxA1AWOkshgk7vM9acM3ZYXOGTupeDvauG_r7vBF0We6Fi_IySitoppqSdvZqxImfwzEAK2S5NAJKoX6gPRjD-wJWsyl7GF_L/s1600-h/menu.jpg" imageanchor="1" style="border: 0pt none ; margin-left: 1em; margin-right: 1em;"><img alt="menu" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9mL3ONlzWDBjQO8iddfhbWpcRKKGTlNovkESxIqrzynE0d7EBdnPsp03JFNaFgL1711DNDwLAgT2hGYTfVCYwd2jUtidhEoiGC-elf065SIvgu7Gj5Gd98iN68P3QAW9qRf067ZMR5GnE/s320-r/menu.jpg" style="border: 0pt none ;" /></a></div><div style="text-align: justify; background-color: rgb(255, 255, 255);"></div><div style="text-align: justify;"><br /><br />Bien. Jusque là je n'ai pas ajouté grand chose au tutoriel de base. Simplement à l'usage, vous remarquez peut-être que vos nouvelles sections ne se comporteront peut-être pas comme vous le souhaiteriez vraiment. En général ce que l'on vous propose c'est de mettre un lien de recherche dans l'une des sections et un menu dans l'autre. Le menu ne pose pas de problème, comme nous le verrons, et le lien de recherche est un widget "étroit". Mais dans mon cas, c'est le widget de traduction Goggle que je veux y mettre. Malheureusement ce widget est "épais" et pose un gros problème de décalage si on le met, tel qu'il est, en haut. Seule solution que j'ai trouvé jusqu'à aujourd'hui, mettre le menu en haut et le widget Google en bas. Alors tout va bien:<br /><br /><br /><br /><div class="separator" style="text-align: center; clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUUT7vk0PQzqqSmHl9k4aSOhnb2mUKcHgGI3DgBnli8Ul8zJiBi1S9srytazl8zfJ6IHQe9VM9ASNtbrjgrFjaDjYYcqbVR_pQ8Nf9C163HHYpUlK8jo2IcIwi6lsdueWxRo648Cmp_lKP/s1600-h/widget.jpg" imageanchor="1" style="border: 0pt none ; background-color: transparent; margin-left: 1em; margin-right: 1em;"><img alt="sections" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0V7gSX2V_fN4ZfuQOOLroDhqjg6PczVeRt2mreYW40zNa3gl1Ll_Wje8hFJ8uyBxMoe84DKaKv1Bgl7EcQv8Mba4YAPB_VV5B6-uykiv-yDr5JT5Gg3cAh3MaGpZp9pbt05mjVViP6vt4/s320-r/widget.jpg" style="border: 0pt none ;" /></a></div></div><div class="separator" style="clear: both; text-align: justify;"></div><div style="text-align: justify;"><br /><br />C'est bien gentil tout ça mais comment fait-on pour mettre tout ça dans nos toutes nouvelles section?</div><div style="text-align: justify;"></div><div style="text-align: justify;"></div><div style="text-align: justify;"><b>Etape 6:</b> Allez depuis votre tableau de bord sur la mise en page de votre blog. Et là, surprise! Les trois sections de votre nouvel entête sont présents dans la mise en page (même si tout est un peu mélangé...). Ils sont donc modifiables interactivement:<br /><br /><br /><br /><div class="separator" style="text-align: center; clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbX3txJTl1Y1o_O53vjWldGSJM77lurQeNMY9hbruRulr6CbUTtVlF8xWLrQQJlO590OnsizVTFoohh_eXcwPsMEu6eO-2SWUZpZa4NT_nhK9r1z28V-92xOICgqaxJ3AGj6jjo3k9YwZ/s1600-h/mise+en+page.jpg" imageanchor="1" style="border: 0pt none ; background-color: transparent; margin-left: 1em; margin-right: 1em;"><img alt="éléments de pages" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW0wG9-3XTp4N56ZqQcg-SCNTFciSqLVDCsqqhUuvMBUAtIi3ZvlMQtJFFH9bDpby-O9ly0yDad1UcOXkxB65PygpleewD1L2G-w3bDuvDPBTuIY9WPlBGG4zuyR-PzI6DwL71H9gEWBFp/s320-r/mise+en+page.jpg" style="border: 0pt none ;" /></a></div><br /><br />A partir de là, rien de plus simple. Pour le menu, il suffit de placer une "Liste de liens" dans l'emplacement du haut (dans le cas d'un deuxième widget "épais"). Comme par magie, les liens se disposeront en ligne et non l'un sur l'autre. Pour le widget Google traduction, il suffit d'y mettre tout à fait conventionnellement un élément "HTML / Javascript" et d'y copier ce <a href="http://generation68.blogspot.com/2008/07/traduction-de-blog-tutoriel.html">code</a>. A autre widget, autre code bien sûr...<br /><br /><br /><br />Et voila. pour voir mon résultat, il vous suffit de regarder l'entête de mon blog. A vous de personnaliser vos couleurs, vos widgets et même pourquoi pas le nombre de vos sections etc.etc.</div><div style="text-align: justify;"></div><span style="font-weight: bold; font-size: 130%;">Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/08/tutoriel-partager-un-header-pour-y.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com0tag:blogger.com,1999:blog-4621396637579402929.post-70578511739210537962008-08-02T03:30:00.000-07:002008-12-10T02:12:09.180-08:00Tutoriel : insertion d'un code HTML non-interprété dans un message Blogger.<div style="text-align: justify;"><br /><span style="color: rgb(255, 102, 0);font-size:130%;" >Au fur et à mesure de la construction de ce blog, je me propose, </span><span style="color: rgb(255, 102, 0);font-size:130%;" >à l'aide de quelques didacticiels,</span><span style="color: rgb(255, 102, 0);font-size:130%;" > de vous faire partager la façon dont j'ai procédé pour le concevoir.</span><span style="color: rgb(255, 102, 0);font-size:130%;" ></span><span style="color: rgb(255, 102, 0);font-size:130%;" ></span><br /><b><span style="font-size:130%;"> </span></b><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR-0PdJRTa9mXT9cR9YuAN39-kGkOGCMeYcG6PbdsRXljekrxtXtVRg4zFB8CvRNexEnRZuvxdv8u1FvmTZjo8wwjxFbvgKHJ0l2TiNVSd5LsE75Orb9sf26H7sUKVLLp-qZ7X7QG4Xi7u/s1600-h/draft.jpg" imageanchor="1" style="border: 0pt none ; background-color: transparent; clear: left; margin-bottom: 1em; float: left; margin-right: 1em;"><img alt="draft blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcpJHLmFswCzsoppqYrqMWrUmF9PUbVt1zpU3AezMAugJLg0bP7zUZsvhWk-y_M7Wm6uSg60ZwMBOxuliVdrV_hyiVYjM_7xcAer3MVkcDRteIYY2Qd8rR4waMRfejJE6I6DnO-wNFyQRU/s320-r/draft.jpg" style="border: 0pt none ; width: 90px; height: 91px;" /></a><b><span style="font-size:130%;">Le pitch:</span></b></div><div style="text-align: justify;">Vous avez du remarquer que dans un <a href="http://generation68.blogspot.com/2008/07/traduction-de-blog-tutoriel.html">message précédent</a>, j'avais été ennuyé de ne pouvoir vous donner du code directement dans le message. Le code était interprété et, au mieux il n'apparaissait pas, au pire il faisait faire n'importe quoi au compilateur! J'avais donc opté pour la solution la plus simple, c'est à dire vous donner le code sous la forme d'une image. Bien entendu cette solution était loin d'être efficace puisqu'il vous était impossible de copier/coller le code plutôt que de le taper fastidieusement (Et encore, il était court...). Je pense qu'il existe une multitude de solutions à ce problème. Notamment les fameuses fenêtres déroulantes qui contiennent le code et apparaissent en plein cœur du message. En dehors du fait qu'un code long n'y serait pas entièrement visible, il existe une façon plus simple de procéder pour peu que l'on utilise la <a href="http://draft.blogger.com/">version brouillon de Blogger (Draft Blogger)</a>. Je vous rappelle que Draft Blogger vous permet d'utiliser dès maintenant des options à-venir de Blogger encore en version Beta. Qu'à cela ne tienne...<br /><br /></div><div style="text-align: justify;"></div><div style="text-align: justify;"><span style="font-size:130%;">La soluce: </span></div><div style="text-align: justify;">Allez sur <a href="http://draft.blogger.com/">http://draft.blogger.com/</a>, entrez-y normalement vos identifiant et mot de passe. Tout se passe dans les options qui apparaissent en bas de la fenêtre d'un nouveau message:<br /><br /></div><div style="text-align: justify;"></div><div class="separator" style="text-align: center; clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmeHR5YUVWVYYIH7GrjG2FlwF3qr7SLvksw3ZjvQbnMWKS2EbrWeLCpWQZ3ZJWpMkx4vejHuOMAfOZDAYChw55fsM3xhLEAuEwWdfCnu9eWzG9InEEMWuXb682xItQX8CMpHePvgHYLc-H/s1600-h/HTML+Litt%C3%A9ral+2.jpg" imageanchor="1" style="border: 0pt none ; background-color: transparent; margin-left: 1em; margin-right: 1em;"><img alt="html littéral" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY0aciyPjTWFtOc7P4tuwz4LGpIgFcPxj3W-rfAzrP7YUdsI4rnmOw0IwkLmPesPRihrIvzOVM-B6ZCxtvMYTAeAPgQ6FThldKZFFVTDfYpMmG3kT7kkJds-B8Rb3OqglwkSwqjqqCPpG9/s320-r/HTML+Litt%C3%A9ral+2.jpg" style="border: 0pt none ;" /></a> </div><div style="text-align: justify;"><br />En cliquant sur ces options vous verrez que Draft Blogger vous offre un nombre relativement important d'options comparativement aux options du Blogger "classique". C'est la dernière qui nous intéresse. Par défaut, Draft Blogger stipule que le code HTML tapé dans la fenêtre de message, <b>même en mode rédigé</b>, doit être interprété. Il suffit de cliquer sur "Afficher le code HTML littéralement" pour changer ce comportement par défaut et obtenir ce que nous souhaitons:<br /><br /></div><div style="text-align: justify;"></div><div class="separator" style="text-align: center; clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYIICQac8KhhxG3VPkmBJXt8N8CJAf1-ZV_PLcbKCCTBpWhUe8rJI0O7cf8eq5iTDgUishpaU-l6sxSv1ruG3_kDhhSNhsJeKLwRiAE5iUi7xa9p6k36H84McDjEbEnAc5svIh0cYCtpqd/s1600-h/HTML+litt%C3%A9ral.jpg" imageanchor="1" style="border: 0pt none ; background-color: transparent; margin-left: 1em; margin-right: 1em;"><img alt="html littéral" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDJK3X90Ixh6EJqfqBNwrZ4na5BCLdd6ihFaZ1BIG9sMvKhkdRBa3vjTA98w_BKxPlYqseAA_vSCm5k31mHvsfRWLuk_RoJYk5NnaPY9LM-XDTYIyW8HJH3xDrk2fyoqbg2Rtkf7Rzebj-/s320-r/HTML+litt%C3%A9ral.jpg" style="border: 0pt none ;" /></a></div><div style="text-align: justify;"><br />A titre d'exemple, je vous propose de coller ici le fameux code qui me posait problème et de regarder ce qu'il se passe...<br /><br /><div style="background-color: rgb(255, 255, 0);"><b><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/</b></div><div style="background-color: rgb(255, 255, 0);"><b>translatemypage.xml&up_source_language=fr&w=160&h=60&title=&border=&output=js"></b></div><div style="background-color: rgb(255, 255, 0);"><b></script></b> </div></div><div style="text-align: center; background-color: rgb(255, 255, 0);"></div><div class="separator" style="text-align: center; clear: both; background-color: rgb(255, 255, 0);"></div><div style="text-align: justify; background-color: rgb(255, 255, 0);"></div><br />Le code apparaît, le compilateur semble avoir gardé la tête sur les épaules... Et en plus j'ai même pu ajouter une couleur de fond propre au code (une autre option de Draft Blogger je crois...). Bref, le tour est joué :)<br /><br /><span style="font-weight: bold;font-size:130%;" >Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/08/tutoriel-insertion-dun-code-html-non.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com0tag:blogger.com,1999:blog-4621396637579402929.post-37422595856308338862008-08-01T11:39:00.000-07:002008-12-10T02:12:09.236-08:00Final Fantasy VII Crisis Core: un thème musical envoutant...<div style="text-align: justify;"><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG_8oDrdxgcfT4qHhhBniZ8Fok4WF4ldEsXX4pltMmvxouSh835dgLe5HTpzlJ6BC7AH9dY_WTG9wzxYj8i5b73K7S3xZQXHxxeVkUyFMXuCkO3cOKeU_TjnMd83ptD9k02YzVcTbvIn5G/s1600-h/crisis+core.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 149px; height: 130px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG_8oDrdxgcfT4qHhhBniZ8Fok4WF4ldEsXX4pltMmvxouSh835dgLe5HTpzlJ6BC7AH9dY_WTG9wzxYj8i5b73K7S3xZQXHxxeVkUyFMXuCkO3cOKeU_TjnMd83ptD9k02YzVcTbvIn5G/s320/crisis+core.jpg" alt="final fantasy VII crisis core psp" id="BLOGGER_PHOTO_ID_5229624337905689106" border="0" /></a>Après le coup de gueule, le coup de cœur. Il y a de cela quelques semaines, alors que j'envisageais de me procurer FF VII sur PSP, j'ai visité le site du jeu. Depuis, je l'ai acheté. <span style="font-weight: bold;">Mais mon but ici n'est pas du tout de vous inciter à faire de même.</span> D'ailleurs, je n'en proposerai pas le test (mais vous pouvez toujours me poser vos questions, j'y répondrais avec plaisir). <span style="font-weight: bold;">Non, ma démarche est toute esthétique sur ce coup là!</span> Je suis en effet tombé sous le charme du thème musical du site. Tout simplement! C'est un superbe exemple de musique moderne japonaise on pourrait dire. Je me fais un plaisir de vous proposer le lien car les artistes qui ont composé ce thème et les musiques du jeu (Takeharu Ishimoto et Nobuo Uematsu) ne sont pas les musiciens "officiels" de Square-Enix. A la lecture de quelques tests, vous constaterez qu'ils ont étés fort décriés, peut-être à raison. Moi je ne porte pas de jugement de valeur. Je veux juste les encourager car je trouve que ce thème précis est une merveille. Pour l'écouter, c'est <span style="font-size:130%;"><a href="http://www.crisiscoregame.com/">ici</a></span>. <span style="font-weight: bold;">Pensez à laisser quelques secondes pour que le thème se charge</span> et... enjoy ! Personnellement, c'est ce que j'écoute en arrière-fond quand je travaille. Pas trop longtemps tout de même car le morceau étant court, ça finit par devenir répétitif :) N'hésitez pas à me faire part de vos sentiments sur ce bijou. Il faut les aider les petits...<br /><br /><span style="font-weight: bold;font-size:130%;" >Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/08/final-fantasy-vii-crisis-core-un-thme.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span><br /></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com1tag:blogger.com,1999:blog-4621396637579402929.post-2426341010702862722008-07-29T09:18:00.000-07:002008-12-10T02:12:09.404-08:00Test Battlefield Bad Company xbox360 / ps3<span style="color: rgb(255, 102, 0);font-size:130%;" ><span style="font-weight: bold;"><br /></span></span><div style="text-align: justify;"><span style="color: rgb(255, 102, 0);font-size:130%;" ><span style="font-weight: bold;">AVERTISSEMENT</span> : si vous êtes du genre à privilégier les belles images et les belles musiques au plaisir de jeu, changez de site ! Viiite. Ici, apanage (peut-être...) de la quarantaine assumée et de l'expérience associée, seul compte le fun. Quand bien même l'emballage ne suit pas... Bien entendu, quand le mariage du fun, des belles images et des belles musiques est là, c'est tant mieux et nous ne manquerons pas de le souligner. Par ailleurs, les test de Gen68 sont constamment "en devenir". Le test du jeu ne paraît que lorsque je considère avoir quelque chose à en dire. Mais rien n'interdit de progresser dans son jugement, d'apercevoir des choses auparavant inaperçues, de trouver ultérieurement des erreurs grossières jusque là bien cachées et je ne sais quoi d'autre... Tous les articles seront par conséquent édités plusieurs fois. Ça aussi ce doit être l'apanage de la quarantaine ! </span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3R2wIBgrzvSv9E7A4KRJsyYabdK4jX2EJwsfOBlAIJkQjxJ38cTnVbh6TJCDrHxd7y-aHOvdGrsFWFAOUocx7S6UAtBTx1fE8eYMSLzcXasYRX7DfPgbSErLYEEeG13DgTEk2XoMdFInI/s1600-h/bad+company.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 149px; height: 112px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3R2wIBgrzvSv9E7A4KRJsyYabdK4jX2EJwsfOBlAIJkQjxJ38cTnVbh6TJCDrHxd7y-aHOvdGrsFWFAOUocx7S6UAtBTx1fE8eYMSLzcXasYRX7DfPgbSErLYEEeG13DgTEk2XoMdFInI/s320/bad+company.jpg" alt="battlefield bad company" id="BLOGGER_PHOTO_ID_5228472910059791810" border="0" /></a>Battlefield ça veut dire champ de bataille. Rarement une licence aura porté aussi bien son nom. Dernier rejeton d’une famille synonyme de bagarre généralisée, Bad Company est la deuxième mouture sur console d’une licence déjà très riche sur PC (avec les illustrissimes Battlefield 1942, Vietnam, 2 et 2142). La première version sur xbox et ps2 je crois, alias Battlefield Modern Combat, était en quelque sorte une version allégée, bien qu’extrêmement fun, des versions PC. Cette fois, et pour la première fois, on peut considérer que DICE, créateur de la licence, a privilégié les consoles de salon au détriment des ordinateurs. D’une part BC n’existe pour le moment que sur xbox360 et ps3. Mais surtout il met en œuvre quelques nouveautés exclusives.<br /><br />Le principe du jeu est toujours le même. On choisit ce que l’on appelle une « classe » de soldat. Puis les armes parmi celles que l‘on aura débloquées au fur et à mesure de ses exploits. Une fois au feu, vous faites partie soit des attaquants qui doivent gagner les bases adverses, soit des défenseurs qui doivent les garder coûte que coûte (pour l’instant un seul mode de jeu disponible mais d’autres sont à venir dixit DICE). Le long des 8 cartes multi joueur du jeu, reposent deux coffres à détruire dans une base. Une fois ces deux coffres détruits, la base est gagnée par les attaquants et deux autres coffres apparaissent dans une base plus lointaine que les défenseurs doivent dorénavant défendre etc. etc. Selon la taille de la carte, il faut venir à bout de 3 ou 4 bases au total, pour un temps de jeux moyen de 20 minutes par partie environ.<br />On a deux manières différentes d’entrer en jeu. Soit au dernier lieu défendu pour les défenseurs, gagné pour les attaquants. Soit au sein d’un groupe d’un ou de plusieurs hommes en pleins combats. Les classes disponibles sont:<br /></div><ul style="text-align: justify;"><li>Assaut : classe bien équilibrée en force d’attaque et puissance de feu.</li><li>Reconnaissance : classe sournoise, qui intervient de loin et que nous sommes beaucoup à affectionner. Le sniper quoi!</li><li>Soutien : classe à haute puissance de feu, très destructive et capable de « réparer » hommes et véhicules.</li><li>Artificier : spécialisé notamment dans le lance-roquette.</li><li>Spécialiste : avec notamment un lanceur de fléchettes émettrices de signaux pour diriger les obus du lance-roquette vers une cible particulière, même sans visibilité.<br /></li></ul><div style="text-align: justify;">Qui dit multi joueurs dit communication. L’une des grandes forces des versions PC est l’existence d’une interface de communication très performante à base de clics de souris et de touches clavier. Tout ceci a disparu dans les moutures consoles au profit d’une communication automatique (un blessé demande de l’aide, un soutien avec trousse de soin se signale seul aux autres, un véhicule endommagé "réclame" de l’aide etc. etc.) et, bien entendu, de la voix par micro interposé. Seulement, je ne sais pas ce que vous en pensez, mais moi je n’ai jamais trouvé le système de transmission des voix très performant sur nos consoles de salon. Bah, on joue très bien sans…<br /><br />Venons en donc aux innovations. Première nouveauté de taille, un mode solo convenable et accessoirement drôle. Le solo n’a jamais été le point fort de la série tant elle est axée presque exclusivement sur le multi joueurs. Je ne m’attarderais ni sur le scénario (bof) ni sur ce mode solitaire pour plusieurs raisons. Bien fait, je n’en ai pourtant tiré qu’un plaisir de jeu somme toute mitigé. Les réactions des bots, tant ennemis que copains de chambre déjantés, sont très artificielles et tellement différentes de celles des humains contre lesquels nous sommes habitués à lutter. Par conséquent (et un peu comme d’habitude dans les jeux de cette nature), on peut voir dans le mode solo une sorte de grand didacticiel, fort distrayant, avec un petit goût de reviens-y grâce aux bonus à découvrir dans les multiples niveaux du jeu (les coffres d’or notamment ). On y apprend à utiliser les différentes armes qui sont progressivement introduites ainsi que le maniement des véhicules de toutes sortes : voitures, tanks, bateaux, hélicoptères… Voila. Sympa. ouais, sympa… mais tellement moins que le reste.<br /><br />Je vous vois venir… le reste c’est le mode multi joueurs bien sûr? Et bien non! Le reste est une véritable révolution, encore à l’état d’ébauche pourtant. Il s’agit de la destructibilité, des-truc-ti-bi-li-té! Pour la première fois dans un tel jeu, la destruction de la quasi-totalité des éléments du champ de bataille (bâtiments, arbres, containers, bouteilles de gaz…) est gérée grâce au le moteur Frosbite développé par DICE. Mieux, le terrain est déformable! Et de manière impressionnante: je me souviens lors de l’une de mes parties sur la démo (je vous rassure, je teste bien la version complète ici!) avoir vu quelques gars de mon équipe jeter à tour de rôle des grenades par terre, sans raison a priori… Quelle ne fut pas ma surprise de voir quelques secondes plus tard le terrain se déformer et constituer progressivement une sorte de cachette en creux pour mieux y attendre les ennemis… Ça c’est génial! Ce qui l’est moins, c’est la destructibilité des éléments sur le terrain. Certes, il est extrêmement cool en terme de gameplay de constater qu’on est plus à l’abri nulle part. Un bâtiment? Et hop, en quelques coups d’artillerie bien placés il n’en reste que les armatures en béton. Autant dire que l’on se retrouve aussi protégé que le petit Jésus le jour de sa naissance! Un arbre? Et hop un coup de mitraille et il est coupé. Un container ? Il y a de fortes chances qu’il soit rempli de gaz et qu’il se comporte comme tel en cas d’attaque au fusil… Il y a meilleur protection hein? Je vous laisse d’ailleurs imaginer le genre de stratégie indirecte que vous pouvez mettre en œuvre grâce à ce type d’interactions. Alors, qu’est-ce qui ne va pas au juste? Et bien, à la longue, on remarque que les dégâts apparaissent systématiquement aux mêmes endroits. Il ne s’agit donc pas d’une réelle destruction qui tiendrait compte du point d’impact et tutti quanti. Mais bien plus d’une destruction globale dont l’effet est le même pour peu que l’on tape un tant soit peu dans une zone donnée. On est très loin des spéculations sur le sujet qui sortaient dans certains milieux « bien informés ». Je me souviens de quelques posts sur un forum au tout début du développement du jeu sur la possibilité attendue de faire, par exemple, un trou dans un mur pour s’y engager en tant que sniper et tirer sur tout ce qui bouge, introuvable. C’est une illusion dans BC. Mais au final, ce n’est pas forcément une mauvaise chose tant le jeu aurait alors été impossible à jouer. Comment dénicher en effet le sniper en question ? Bonjour les crises de nerfs… Par ailleurs, il sera impossible de détruire totalement un bâtiment donné. Même en l’attaquant à artillerie plusieurs fois de suite. Là encore, le moteur montre ses limitations (volontaires?) et les armatures du bâtiment resteront toujours solides. Alors qu’en penser ? L’idée et l’innovation sont tout bonnement géniales. Un grand merci à DICE pour ça. Mais on sent qu’il ne s’agit en réalité que d’une première version de quelque chose qui sera très certainement beaucoup plus abouti dans peu de temps. Ceci étant, restons en à l’essentiel. Ça ajoute du fun, c’est fun, et nous on aime le fun!<br /><br />En dehors de l‘adoption par les designers d’un filtre vidéo très particulier qui rend l’image « sablonneuse » même si à l’usage l’effet est très réussi, avec 8 cartes, plusieurs modes de jeu à venir, une technique irréprochable et un son démentiel (je conseille de jouer au casque pour repérer les ennemis qui arrivent), Battlefield Bad Company est un produit à ne pas rater, bien que je dois avouer m’en être personnellement lassé plus vite que je ne le pensais… les quarante ans ?<br /><br /><span style="font-weight: bold;">Les plus : </span><br /><ul style="text-align: justify;"><li>C'est vraiment fun.</li><li>C'est "zouli, très zouliii, très bôôô".</li><li>Çà fait un bruit d'enfer.<br /></li><li>Enfin un solo convenable dans un Battlefield.<br /></li><li>Pas de lag.<br /></li><li>Des armes sympas.<br /></li></ul><div style="text-align: justify;"><span style="font-weight: bold;">Les moins : </span><br /></div><ul style="text-align: justify;"><li>Pas de parachute, c'est bien les parachutes.</li><li>Il faut s'habituer à l'image un peu granuleuse.<br /></li><li>C'est toujours un peu la même chose.</li><li>Un peu moins de profondeur que les versions PC.<br /></li></ul><span style="font-size: 130%;">La note Gén68 (Tin tin tinnnnnnn... ) :<span style="color: rgb(255, 0, 0); font-size: 180%;"> 8/10</span></span><br /><br /><div style="text-align: justify;"><span style="font-weight: bold;font-size:130%;" >Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/07/test-battlefield-bad-company-xbox360.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span><br /></div></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com2tag:blogger.com,1999:blog-4621396637579402929.post-21515791426886894882008-07-28T08:55:00.000-07:002008-12-10T02:12:09.564-08:00iphone 3G: le coup de gueule contre Orange.<div style="text-align: justify;"><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit-LMm0ksNKnjlVQwIfG9deSWM4mls7NCFjNGMb3u6ilqif-wFFyaqGC8Md8r3PIHlYFOX4Y8SCajic_PjgjePEASxNp33b9wq8-5KdaI4INfwHb3A-8xAj8E5YXvVmOHLmg2gSxxz2gdU/s1600-h/iphone-3g.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 224px; height: 111px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit-LMm0ksNKnjlVQwIfG9deSWM4mls7NCFjNGMb3u6ilqif-wFFyaqGC8Md8r3PIHlYFOX4Y8SCajic_PjgjePEASxNp33b9wq8-5KdaI4INfwHb3A-8xAj8E5YXvVmOHLmg2gSxxz2gdU/s320/iphone-3g.jpg" alt="iphone 3G" id="BLOGGER_PHOTO_ID_5228102796147153154" border="0" /></a>Vous vivez en France? Votre opérateur téléphonique s'appelle Orange? Vous lui êtes fidèle depuis longtemps? Au point d'avoir pu changer de téléphone grâce à vos point de fidélité ces dernières semaines? Bravo! Pour vous récompenser, Orange à le plaisir de vous annoncer... <span style="font-weight: bold;">que vous ne pouvez probablement pas bénéficier du dernier iphone 3G !!! </span>Oui, vous avez bien lu. Vous ne pourrez probablement <span style="font-weight: bold;">pas </span>bénéficier de l'iphone 3G, et non l'inverse. A moins bien sûr d'être richissime. Pourquoi? Mais justement parce que vous êtes un client trop fidèle bien sûr! Et que de ce fait, l'iphone 3G vous sera généreusement cédé entre 500 et 600 euros seulement! Parce que figurez-vous que si vous aviez été moins fidèle, soit comme nouveau client, soit en n'ayant pas utilisé vos points fidélité, alors vous pouviez prétendre à l'iphone 3G pour 150 à 200 euros maximum. Si je ne me trompe pas, ça nous fait tout de même un <span style="font-weight: bold;">surplus </span>de presque 400 euros <span style="font-weight: bold;">en guise de prime de fidélité!</span> Merci Orange :) Voilà un superbe exemple de relation clientèle qui marche la tête à l'envers. Un cas d'école dans quelques temps sans doute... Alors je vais être bon prince. Je vais vous donner deux trucs pour tenter de vous remonter le moral:<br /><ul><li>Vous pouvez toujours réduire au minimum votre abonnement Orange actuel pour le descendre à 18 euros par mois. Il ne vous reste plus qu'à ouvrir une nouvelle ligne, un peu comme un nouveau client. Vous perdez donc d'une part 18 euros par mois mais aussi votre ancien numéro de téléphone puisque nouvelle ligne implique nouveau numéro.</li><li>L'autre truc est beaucoup plus simple. Vous raisonnez, vous réfléchissez, vous cogitez... et vous en concluez que l'on se fout tout simplement de votre gueule. On vous prend pour un pigeon. Maintenant que vous êtes enferré dans les griffes d'un opérateur qui ne respecte pas ses clients les plus fidèles, vous n'avez plus qu'une solution: résilier dès que possible. Pour ça, vous pouvez, entre autre, utiliser la loi <a href="http://www.loichatel.fr/">Chatel </a>et attendre le tiers de votre durée d'abonnement (soit 8 mois pour 24 mois initiaux) puis résilier sans frais. Ou encore racheter vos mois restants à hauteur du tiers de l'abonnement maximal là aussi. Soit dit en passant, cette solution doit aussi marcher pour réduire la durée de paiement des 18 euros du premier cas.<br /></li></ul>Ma maman m'a appris que le respect, on le devait à tout le monde. Mais la vie m'a appris qu'il fallait aussi savoir se séparer de ceux qui se foutent ouvertement de vous. En ce qui concerne Orange, j'ai beaucoup plus envie d'appliquer les apprentissages de la vie que ceux de ma maman ! Pour moi, ce sera la deuxième option. A bon entendeur...<br /><br /><span style="font-weight: bold;font-size:130%;" >Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/07/iphone-3g-le-coup-de-gueule-contre.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span><br /></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com6tag:blogger.com,1999:blog-4621396637579402929.post-78868887020746052142008-07-26T14:05:00.001-07:002008-12-10T02:12:09.731-08:00Capturino V2: un peu plus d'informations.<div style="text-align: justify;"><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF1R9zdUtVZcerkUkITYRa4DVV5btyhHOt3co-S7duB2g1QcHyJTEYZJpYsk-TxfvCrjgvEkrl3jRURFGtAMNmjDYF450Ldvgasm5Cvd7z1YS_I1bKhB-ow2_s106xOoh5dnMuCMPrJxNz/s1600-h/capturino.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF1R9zdUtVZcerkUkITYRa4DVV5btyhHOt3co-S7duB2g1QcHyJTEYZJpYsk-TxfvCrjgvEkrl3jRURFGtAMNmjDYF450Ldvgasm5Cvd7z1YS_I1bKhB-ow2_s106xOoh5dnMuCMPrJxNz/s320/capturino.jpg" alt="" id="BLOGGER_PHOTO_ID_5227434484721136994" border="0" /></a>Comme promis et avec l'autorisation de Jean Paul BELLENGER, je vous donne ici quelques informations supplémentaires sur le très prometteur <a href="http://www.capturino.com/portail/index.php?option=com_frontpage&Itemid=1">Capturino 2</a>. Il semble que le produit soit encore en beta testing mais pour l'utiliser dors et déjà moi-même, je peux vous confirmer qu'il est tout à fait fonctionnel. Voici donc les nouveautés de la version 2:<br /><br /><br />- Le mode bi-écran avec la possibilité de faire glisser à gauche l'écran de droite pour bien ajuster les captures "à cheval".<br /><br />- Capture et sélection possible sur 100% de la surface écran (<span style="font-weight: bold;">la bordure a disparu !!</span>)<br /><br />- Touches de raccourci clavier plus simples.<br /><br />- Capture possible du curseur (avec les touches de raccourci)<br /><br />- Mode "multi-sélections" pour sélectionner <span style="font-weight: bold;">plusieurs régions sur la même page</span><br /><br />- Sélection plus précise avec rectangle prédéfini ajustable au pixel près<br /><br />- Sélection rapide(à main levée) toujours disponible.<br /><br />- Expédition directe par courriel des captures (outlook et windows mail)<br /><br />- Upload direct des captures et préparation du lien pour message de forum (partenariat avec www.zimagez.com)<br /><br />- Enregistrement automatique possible des captures (option à cocher)<br /><br />- 4 formats pour l'enregistrement de vos captures (bmp, jpg, gif, png)<br /><br />- Accès direct à l'éditeur de votre choix pour améliorer votre image (paint par défaut, mais vous pouvez en choisir un autre dans la fenêtre "Options")<br /><br />Bref, largement de quoi faire! Encore une fois, je vous conseille vivement cette nouvelle mouture d'un logiciel que j'utilise déjà depuis plusieurs années. <span style="font-weight: bold;">Capturino 2 touche à la perfection</span>.<br /><br /><span style="font-weight: bold; font-size: 130%;">Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/07/capturino-v2-un-peu-plus-dinformations.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span><br /></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com0tag:blogger.com,1999:blog-4621396637579402929.post-43823573783475293712008-07-25T09:24:00.000-07:002008-12-10T02:12:11.062-08:00Flux RSS: tutoriel 1.<div style="text-align: justify;"><span style="color: rgb(255, 102, 0);font-size:130%;" ><br /></span><span style="color: rgb(255, 102, 0);font-size:130%;" >Au fur et à mesure de la construction de ce blog, je me propose, </span><span style="color: rgb(255, 102, 0);font-size:130%;" >à l'aide de quelques didacticiels,</span><span style="color: rgb(255, 102, 0);font-size:130%;" > de vous faire partager la façon dont j'ai procédé pour le concevoir.</span><span style="color: rgb(255, 102, 0);font-size:130%;" ></span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ3RNVrgw6nX7nnrc63nda_kmNgpt5Yr1vXh98DqKpUYioyAlkPHNx31kQwbDHHeBWXE5gL9ZFL6JCagXIgHv1cEv09gAQvsetNIdxpYU7udkoGpTE0Hggx4nqOPnan9_PYFF-juWe-yMU/s1600-h/flux+RSS.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 127px; height: 116px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ3RNVrgw6nX7nnrc63nda_kmNgpt5Yr1vXh98DqKpUYioyAlkPHNx31kQwbDHHeBWXE5gL9ZFL6JCagXIgHv1cEv09gAQvsetNIdxpYU7udkoGpTE0Hggx4nqOPnan9_PYFF-juWe-yMU/s200/flux+RSS.jpg" alt="flux RSS" id="BLOGGER_PHOTO_ID_5226976601910928674" border="0" /></a>Si vous avez pris la peine de lire mon article précédent <a href="http://generation68.blogspot.com/2008/07/flux-rss-la-thorie.html">Flux RSS : la théorie.</a> vous admettrez avec moi qu'une première application logique serait de permettre à vos lecteurs de s'abonner à votre flux (syndication). Je vais mettre en pratique la chose sur mon site.<br /><br />Sur blogger, la syndication est automatique comme nous l'avons déjà dit. Une manière simple de voir qu'un site est "syndiqué" est de repérer l'icone représentative juste à coté de l'adresse:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDVQ-WTkjQzG0YL4XW3I20M5YsAwMePLCQuH_PtDU_We4699J8VuCi5JobqKk19tlQAKl8CkZe0q-lxQN4WqJZ3NkoRPaR4WcVjWQ3PBL1eSonSkPT1SLMZcA3eTDc-vNKUqzw2JCJ1o75/s1600-h/rss.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDVQ-WTkjQzG0YL4XW3I20M5YsAwMePLCQuH_PtDU_We4699J8VuCi5JobqKk19tlQAKl8CkZe0q-lxQN4WqJZ3NkoRPaR4WcVjWQ3PBL1eSonSkPT1SLMZcA3eTDc-vNKUqzw2JCJ1o75/s400/rss.jpg" alt="barre d'adresse" id="BLOGGER_PHOTO_ID_5226991561753634402" border="0" /></a>Pour s'abonner, vos lecteurs qu'une chose à faire: cliquer sur cette icône ! Le problème est que le RSS est un concept relativement nouveau, au moins dans son usage. Les usagers ne savent pas encore comment en profiter. Ils connaissent encore moins le rôle de cette icône (je n'y connaissais rien moi-même il y a encore deux jours). Il faut donc faire quelque chose de plus explicite. C'est ce que nous propose l'interface de blogger:<br /><br /><ol><li>Entrez dans l'administration de votre blog (identifiant, mot de passe), puis cliquez en haut sur "Personnaliser". Vous accédez aux éléments de la page. Cliquez en haut à gauche sur "Ajouter un élément à la page":<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpGSMFe8tJufUId6pVG3hZnsSBB_5ZANJpkNHUanpz_FhpzY-Tu3bl_90ID6f-JdOxGUyzonlTktobk6qotB4yBjDApD1PzcpjQGagW1OicZUpvKxY_d4fnlpkgqqOkm0f4sLMCT0auZbs/s1600-h/personnaliser.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpGSMFe8tJufUId6pVG3hZnsSBB_5ZANJpkNHUanpz_FhpzY-Tu3bl_90ID6f-JdOxGUyzonlTktobk6qotB4yBjDApD1PzcpjQGagW1OicZUpvKxY_d4fnlpkgqqOkm0f4sLMCT0auZbs/s320/personnaliser.jpg" alt="ajouter un élément à la page" id="BLOGGER_PHOTO_ID_5226994160148511330" border="0" /></a></li><li>Dans la nouvelle page, vous pouvez voir que Google vous offre un nouvel outil d'abonnement qui fera tout pour vous! Choisissez-le:<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRwuTmQE8sO-LGp-Bu97XnGY7gsLELWj9pUHvuGnt0DJHZ3dZaLrfgBu9Awhs3hYRK7beD-4lbETH07ZQzgZWsuqOlL8PseqyrEhM_s3anfsLdVRQTb4eOptLjU7sKaqsMYM2W298-HpZT/s1600-h/elements.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRwuTmQE8sO-LGp-Bu97XnGY7gsLELWj9pUHvuGnt0DJHZ3dZaLrfgBu9Awhs3hYRK7beD-4lbETH07ZQzgZWsuqOlL8PseqyrEhM_s3anfsLdVRQTb4eOptLjU7sKaqsMYM2W298-HpZT/s320/elements.jpg" alt="liens d'inscription" id="BLOGGER_PHOTO_ID_5226995952744861410" border="0" /></a></li><li>La boite textuelle qui s'ouvre vous demande de donner un titre aux liens d'abonnement de votre site/blog. C'est ici qu'il faut être explicite...<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBLnGByMJB-m_GSLih-MC91ImBTNvbYXMY1iVzh7Py1pZtu3O13qDNhDEpUFOKWVj-_onm7KodhrhtwVf4e-rt1VIx7QG904n3Ct9xRD_54bVNQzNRct98_9PhEwBA_fPvnGW7rwXk8PKp/s1600-h/titre.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBLnGByMJB-m_GSLih-MC91ImBTNvbYXMY1iVzh7Py1pZtu3O13qDNhDEpUFOKWVj-_onm7KodhrhtwVf4e-rt1VIx7QG904n3Ct9xRD_54bVNQzNRct98_9PhEwBA_fPvnGW7rwXk8PKp/s320/titre.jpg" alt="abonnez-vous à mes articles" id="BLOGGER_PHOTO_ID_5226996464234168194" border="0" /></a></li><li>Enregistrez. Il est connu qu'un lien d'abonnement est d'autant plus efficace qu'il est placé là où les visiteurs regardent. En général, c'est le coin en haut à gauche qui est privilégié. Dans ma fenêtre des éléments de page, je vais donc supprimer le logo qui ne me sert à rien pour le remplacer par mes liens d'abonnement:<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiouu0aLK06XLtvfatTcB9GnSeKB-j2WoL8YSYn1-T6cQa1Bfcpt_7DFfLsLIYoyLjopAsob3qV-OZx5CpanZwCVRNofJY3VfG_DR0hkLsCSrQonHS84MeMhbaorpvYPcaIl046SsY2X4kA/s1600-h/haut-gauche.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiouu0aLK06XLtvfatTcB9GnSeKB-j2WoL8YSYn1-T6cQa1Bfcpt_7DFfLsLIYoyLjopAsob3qV-OZx5CpanZwCVRNofJY3VfG_DR0hkLsCSrQonHS84MeMhbaorpvYPcaIl046SsY2X4kA/s320/haut-gauche.jpg" alt="lien en haut à gauche" id="BLOGGER_PHOTO_ID_5226997303623419074" border="0" /></a></li><li>Enregistrez votre modèle. Je parlais juste au-dessus de lien<span style="font-weight: bold;">S</span> d'abonnement. En effet, comme vous pouvez le constater en réactualisant le blog, deux liens apparaissent: le premier sert à s'abonner à vos messages, le deuxième aux commentaires associés:<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgBQmi_g9BkNMgxnGC7xR9OupnCK0Rtf4ZQUL6GS286V9oAKg2cz-m-W78GaUfvLsfsIVa2uRv5926MJ0DnktuglL3NOyHAaqdbd-f1Cd6yS9MOSdaK7sXgVjPQu62vdk6HGzrpP1ZeN1X/s1600-h/resultat.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgBQmi_g9BkNMgxnGC7xR9OupnCK0Rtf4ZQUL6GS286V9oAKg2cz-m-W78GaUfvLsfsIVa2uRv5926MJ0DnktuglL3NOyHAaqdbd-f1Cd6yS9MOSdaK7sXgVjPQu62vdk6HGzrpP1ZeN1X/s320/resultat.jpg" alt="résultat" id="BLOGGER_PHOTO_ID_5226998074543468994" border="0" /></a></li></ol><span style="font-weight: bold;font-size:130%;" >Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/07/flux-rss-la-pratique.html">commentaire.</a> C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com1tag:blogger.com,1999:blog-4621396637579402929.post-13946063275165852882008-07-25T07:32:00.000-07:002008-12-10T02:12:11.107-08:00Didacticiel blogger: Flux RSS.<div style="text-align: justify;"><span style="color: rgb(255, 102, 0);font-size:130%;" ><br />Au fur et à mesure de la construction de ce blog, je me propose, </span><span style="color: rgb(255, 102, 0);font-size:130%;" >à l'aide de quelques didacticiels,</span><span style="color: rgb(255, 102, 0);font-size:130%;" > de vous faire partager la façon dont j'ai procédé pour le concevoir.<br /><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ3RNVrgw6nX7nnrc63nda_kmNgpt5Yr1vXh98DqKpUYioyAlkPHNx31kQwbDHHeBWXE5gL9ZFL6JCagXIgHv1cEv09gAQvsetNIdxpYU7udkoGpTE0Hggx4nqOPnan9_PYFF-juWe-yMU/s1600-h/flux+RSS.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 127px; height: 116px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ3RNVrgw6nX7nnrc63nda_kmNgpt5Yr1vXh98DqKpUYioyAlkPHNx31kQwbDHHeBWXE5gL9ZFL6JCagXIgHv1cEv09gAQvsetNIdxpYU7udkoGpTE0Hggx4nqOPnan9_PYFF-juWe-yMU/s200/flux+RSS.jpg" alt="flux RSS" id="BLOGGER_PHOTO_ID_5226976601910928674" border="0" /></a>Il y a quelques jours de cela, je vous ai proposé un article pour <a href="http://generation68.blogspot.com/2008/07/ajouter-un-flux-un-petit-tutoriel.html">apprendre à insérer un flux </a><a href="http://generation68.blogspot.com/2008/07/ajouter-un-flux-un-petit-tutoriel.html">externe d'actualités sur votre blog</a>. Je pensais alors avoir une idée assez précise de ce qu'était un flux RSS. Mais après m'être plus amplement renseigné, j'ai découvert une véritable mines d'informations et de possibilités que je souhaite partager avec vous. Je vous propose donc une série de plusieurs aides:<br /><ul><li><span style="font-weight: bold;">Didacticiel blogger: Flux RSS,</span> que vous êtes en train de lire...</li><li><a href="http://generation68.blogspot.com/2008/07/flux-rss-la-pratique.html"><span style="font-weight: bold;">Flux RSS: tutoriels</span></a>, où je tenterai de vous montrer le plus exhaustivement possible la mise en œuvre des principes extrêmement séduisants que nous aurons vu dans la théorie.<br /></li></ul>En tant que blogueur ou webmaster je suppose que vous consultez vos sites/blogs favoris régulièrement, sinon quotidiennement. Même avec le système de marque page, leur consultation fréquente peut finir par devenir relativement fastidieuse, ne serait-ce que pour trouver l'information nouvelle dans un blog ou un site touffu.<br /><br />Pour contrecarrer cette difficulté, parmi tant d'autres, le web propose un outil encore peu utilisé et relativement mal connu, mais qui se repend très vite dans la blogosphère: <span style="font-weight: bold;">le flux RSS</span>. RSS sont les initiales pour "Really Simple Syndication". On pourrait tenter de le traduire par : <span style="font-weight: bold;">Procédé vraiment très simple qui rend disponible les informations d'un blog à d'autres sites ou blogs </span>"! (je sais c'est un peu long mais l'anglais est une langue si condensée...)<br /><br />L'utilisation de flux RSS va donc vous autoriser l'accès aux dernières informations de vos sites préférés sans qu'il ne soit nécessaire de les consulter tour à tour, l'un après l'autre... Mais ce n'est pas tout. Il vous sera possible à l'aide de systèmes de filtres appelés <span style="font-weight: bold;">Radars </span>de ne sélectionner, à l'intérieur même de ces informations, que celles qui répondront à vos critères: un mot, une expression, un auteur, etc, etc... Par ailleurs, les Flux RSS ne se contentent pas de gérer les nouveaux articles de vos sites et blogs favoris, mais aussi...<br /><ul><li>les vidéos</li><li>les images</li><li>les informations</li><li>la musique</li><li>les podcasts</li><li>et pourquoi pas , les cours de la bourse, les enchères Ebay...</li></ul>Voila déjà quelques bonnes raisons de vous intéresser aux flux RSS. Mais le meilleur reste à venir...<br /><br />Bien entendu, vous pouvez utiliser à votre avantage cette technologie pour alimenter les sites de vos lecteurs. Et ce même si votre blog/site ne propose pas une diffusion interne de vos posts sous forme de flux RSS (blogger propose une syndication automatique de votre blog: dès sa création, tous vos articles sont automatiquement mis dans un flux RSS auxquels vos lecteurs peuvent s'abonner). L'avantage pour vous est le même que celui que nous avons déjà souligné précédemment: vos lecteurs peuvent suivre vos articles sans consulter systématiquement votre site, sans perte de visites bien entendu. En fait, vos articles leur sont offerts sur un plateau. Ils n'ont plus qu'à cliquer! Evidemment, vous pouvez également syndiquer toutes votre "production": articles, vidéos, images, podcasts... Tout ceci est à mon humble avis déjà extrêmement alléchant...<br /><br />Mais voici la cerise sur le gâteau. En utilisant judicieusement le système de flux RSS et de Radars que nous avons décrit rapidement ci-dessus, il vous est possible de construire des<span style="font-weight: bold;"> ego-Radars</span>. Imaginez un procédé vous permettant de connaitre en temps réel toute intervention, conversation, échange à votre sujet ou au sujet de votre blog/site ? Il vous serait alors possible de répondre immédiatement à tout commentaire vous concernant, bon ou mauvais, à toute référence à votre blog, opportune ou non. Vous optimisez ainsi à l'évidence le contrôle de votre blog, la façon dont on le voit, tout en vous faisant connaître par la "systématisation" de vos réactions. Je vous laisse envisager l'ampleur des conséquences d'une bonne utilisation d'un ego-Radar sur la fréquentation de votre blog !<br /><br />En outre, notez qu'en transposant vos nouveaux articles sous la forme d'un flux RSS, vous prétendez à un nouveau type d'annuaires qui sont complémentaires des annuaires de sites ou de blogs : <span style="font-weight: bold;">les annuaires de flux RSS</span> tout simplement. Et qui dit plus d'annuaires où souscrire, dit plus de fréquentation :)<br /><br />Merci à <a href="http://www.masternewmedia.org/index.html">Robin Good</a> et à son <a href="http://www.masternewmedia.org/content_delivery_and_distribution/rss-really-simple-syndication/RSS-what-it-is-best-uses-applications-guide-20071120.htm">article</a> sur le sujet.<br /><br /><span style="font-weight: bold; font-size: 130%;">Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/07/flux-rss-la-thorie.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span><br /></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com0tag:blogger.com,1999:blog-4621396637579402929.post-74606434337430661462008-07-23T06:14:00.000-07:002008-12-10T02:12:12.223-08:00Tutoriel: automatiser la traduction d'un blog.<div style="text-align: justify;"><span style="color: rgb(255, 102, 0);font-size:130%;" ><br /></span><span style="color: rgb(255, 102, 0);font-size:130%;" >Au fur et à mesure de la construction de ce blog, je me propose, </span><span style="color: rgb(255, 102, 0);font-size:130%;" >à l'aide de quelques didacticiels,</span><span style="color: rgb(255, 102, 0);font-size:130%;" > de vous faire partager la façon dont j'ai procédé pour le concevoir.</span><span style="color: rgb(255, 102, 0);font-size:130%;" ></span><span style="color: rgb(255, 102, 0);font-size:130%;" ></span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaOkbzQ5HtOMXqdqjc8SH7lz2zimtlOIMH0H47QD62RQKKh34Ilq2Dpc7svl-qOJX8FEE-DHa22C4PYOpQccOroNFpCarPvQ1VNZTLW7b7CaeSEzpbViSsM-t-oKAtqKU6OGoJlILQWWuh/s1600-h/traduction.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 137px; height: 88px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaOkbzQ5HtOMXqdqjc8SH7lz2zimtlOIMH0H47QD62RQKKh34Ilq2Dpc7svl-qOJX8FEE-DHa22C4PYOpQccOroNFpCarPvQ1VNZTLW7b7CaeSEzpbViSsM-t-oKAtqKU6OGoJlILQWWuh/s200/traduction.jpg" alt="traduction" id="BLOGGER_PHOTO_ID_5226977054411993698" border="0" /></a>Une fois n'est pas coutume, je vais faire court ! Il est toujours intéressant d'être lu par le plus de monde possible. Dès lors, pourquoi ne pas insérer un <span style="font-weight: bold;">traducteur automatique</span> au sein du blog le rendant accessible au monde entier? Après quelques recherches, et bien que je n'ai pas d'actions chez Google (vous pourriez commencer à la croire...), je dois admettre que le seul outil du genre qui me semble suffisamment fiable est le traducteur Google en version Beta (non finalisé). Les plus motivés d'entre vous peuvent aller voir directement sur le site: <a href="http://www.google.com/translate_tools?hl=fr">http://www.google.com/translate_tools?hl=fr</a>. Pour les autres, il suffit de suivre la manœuvre:<br /><br /><ol><li>Entrez dans l'administration de votre site (identifiant, mot de passe). Cliquez sur "Personnaliser" en haut à droite, puis sur "Ajouter un élément à la page" dans les éléments de la page.<br /></li><li>Dans la nouvelle fenêtre, choisissez un élément HTML/JavaScript puis placez-le où vous le souhaitez. Taper le titre: il me semble judicieux d'y inclure au moins quelque chose du genre "Choose your language" car n'oublions pas que cet outil est destiné aux non francophones.</li><li>Dans la partie basse de la fenêtre qui doit être complètement vide, recopiez le fragment de code ci-dessous. Je suis désolé mais pour des raisons techniques que je vais tenter d'élucider je n'ai pas pu vous donner ce code à copier/coller ce qui aurait été plus simple:<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyeApOwmhi0bi8oFM_ngHSQhR0IrrO061YyZBXnSrRBtl5RT6YMNIg8tmxQlQw5kJIttw9iwkX5MliGCNEhUtYZfjZi8mQkWvjewrV700-nXO9H25lp_knvoAv3StFHxi6GvuHRutYZpdq/s1600-h/Capture01.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyeApOwmhi0bi8oFM_ngHSQhR0IrrO061YyZBXnSrRBtl5RT6YMNIg8tmxQlQw5kJIttw9iwkX5MliGCNEhUtYZfjZi8mQkWvjewrV700-nXO9H25lp_knvoAv3StFHxi6GvuHRutYZpdq/s400/Capture01.jpg" alt="code" id="BLOGGER_PHOTO_ID_5226209273599704690" border="0" /></a> </li><li>Enregistrez le code, puis enregistrez le modèle. Affichez ensuite votre blog. A l'emplacement que vous avez choisi, vous devez maintenant voire une nouvelle boite déroulante Google dans laquelle la langue de traduction de votre blog doit être sélectionnée. C'est fini !<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Pg9L6t78thZxpbuIiIE-dZ1JWGBdhIljAXZcvEv_oTOAB-uTkqxiWAFmfppwObdSV2w-Xezw2SsN37Q55zIwepOIKQktnGzyGwCwp2G6E9eRL7Lb5mp_x79sldhIZGY2ZNt0hqi2QaHt/s1600-h/google+traduction.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Pg9L6t78thZxpbuIiIE-dZ1JWGBdhIljAXZcvEv_oTOAB-uTkqxiWAFmfppwObdSV2w-Xezw2SsN37Q55zIwepOIKQktnGzyGwCwp2G6E9eRL7Lb5mp_x79sldhIZGY2ZNt0hqi2QaHt/s400/google+traduction.jpg" alt="google traduction" id="BLOGGER_PHOTO_ID_5226211473900446770" border="0" /></a></li></ol><span style="font-weight: bold;font-size:130%;" >Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/07/traduction-de-blog-tutoriel.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com8tag:blogger.com,1999:blog-4621396637579402929.post-24536749267361910592008-07-22T07:24:00.000-07:002008-12-10T02:12:16.584-08:00Tutoriel Google Analytics: ouvrir un compte.<span style="color: rgb(255, 102, 0);font-size:130%;" ><br /></span><div style="text-align: justify;"><span style="color: rgb(255, 102, 0);font-size:130%;" >Au fur et à mesure de la construction de ce blog, je me propose, </span><span style="color: rgb(255, 102, 0);font-size:130%;" >à l'aide de quelques didacticiels,</span><span style="color: rgb(255, 102, 0);font-size:130%;" > de vous faire partager la façon dont j'ai procédé pour le concevoir.</span><span style="color: rgb(255, 102, 0);font-size:130%;" ></span><span style="color: rgb(255, 102, 0);font-size:130%;" ></span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVDQGK1hBeqLyXzcOOpvnT6ts7OSFLQz5Fxv4XL6-hLABzDRrBZZEdnHOCTOi6aOv4CpDAu5fR71LMU_UL0lCqHLm3tkLUQ-we0SM81fc4HCplg3yL8VvpLG1AsqX53UwNPS5n4wtH8yMQ/s1600-h/Google+Analytics.gif"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 128px; height: 128px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVDQGK1hBeqLyXzcOOpvnT6ts7OSFLQz5Fxv4XL6-hLABzDRrBZZEdnHOCTOi6aOv4CpDAu5fR71LMU_UL0lCqHLm3tkLUQ-we0SM81fc4HCplg3yL8VvpLG1AsqX53UwNPS5n4wtH8yMQ/s200/Google+Analytics.gif" alt="google analytics" id="BLOGGER_PHOTO_ID_5226977514838563986" border="0" /></a>Google Analytics (GA) est un service entièrement <span style="font-weight: bold;">gratuit</span>, accessible à tous. Il permet <span style="font-weight: bold;">un suivi extrêmement complet de la fréquentation de son site</span>. Il est plutôt judicieux de l'installer et de le paramétrer dès la conception du blog. Comme GA est déjà installé pour mon blog génération68, j'ai pensé à vous en faire la démonstration sur un autre site créatif que je gère. Je vous invite à le visiter d'ailleurs tant les œuvres que l'on y expose sont un enchantement pour l'œil: <a href="http://www.vero-sadako.com/">www.vero-sadako.com</a> . Veuillez noter que le site en question est un site over-blog, ce qui prouve bien la versatilité de GA. On accède au site d'ouverture de compte et d'inscription à l'adresse: <a href="http://www.google.com/analytics/fr-FR/">http://www.google.com/analytics/fr-FR/</a> .<br /><br /><ol><li>Une fois sur la page d'accueil, comme vous n'avez pas encore de compte, cliquez sur "Inscrivez-vous dès maintenant":<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim_aDbuD-aH4-mWkXtpXY-se_S9A6phWIV85-2BENrGXyZh8dKze5xZA0Zo9JfdvvQKJN0EmsniJn9HnnVzZXdreDH07ZtPBdyPLxBGwLMnTzyx18hYis9xbAJhg95w7Dd15IOvtypH3dL/s1600-h/Anal-1619551.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim_aDbuD-aH4-mWkXtpXY-se_S9A6phWIV85-2BENrGXyZh8dKze5xZA0Zo9JfdvvQKJN0EmsniJn9HnnVzZXdreDH07ZtPBdyPLxBGwLMnTzyx18hYis9xbAJhg95w7Dd15IOvtypH3dL/s320/Anal-1619551.jpg" alt="google analytics 2" id="BLOGGER_PHOTO_ID_5225855057025327778" border="0" /></a></li><li>Sur la nouvelle page, après une brève présentation de GA (Vous avez vu ? C'est intéressant hein ?), cliquez une nouvelle fois sur l'option d'inscription:<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4DaBf2mRHUB0OZSBQ1bgYkdQQfjsmvJnEmZ0azfky8KVc7dBiWdKy_sxqPFadVQDzLtqkDQ3cplOHXkA3qepOUgEmByISus4B2Ek7-xNud9SyrTcEJFpBB5mI6C7YkGy14TWEeh8eWkyl/s1600-h/Anal-1619562.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4DaBf2mRHUB0OZSBQ1bgYkdQQfjsmvJnEmZ0azfky8KVc7dBiWdKy_sxqPFadVQDzLtqkDQ3cplOHXkA3qepOUgEmByISus4B2Ek7-xNud9SyrTcEJFpBB5mI6C7YkGy14TWEeh8eWkyl/s320/Anal-1619562.jpg" alt="google analytics 3" id="BLOGGER_PHOTO_ID_5225855836253066162" border="0" /></a> </li><li>Vous arrivez enfin à la page de création du compte où il vous faut rentrer l'adresse mail associée à votre blog tant qu'à faire, un mot de passe propre à GA et enfin les caractères anti bots:<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGn3ui6HJdc4rdDi3AWptPEM9E52fYIW-qShcH_DVJnXEeF_Fk4JxJH75GE1crLXpdcBfrVItZ-X2w_0ZnwzgsG_DTKVyJhoAo4nx2FyerJgmVLnppBod30-0i-l-vTiSNfsRp4xv98vc/s1600-h/Anal-1619594.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGn3ui6HJdc4rdDi3AWptPEM9E52fYIW-qShcH_DVJnXEeF_Fk4JxJH75GE1crLXpdcBfrVItZ-X2w_0ZnwzgsG_DTKVyJhoAo4nx2FyerJgmVLnppBod30-0i-l-vTiSNfsRp4xv98vc/s320/Anal-1619594.jpg" alt="google analytics 4" id="BLOGGER_PHOTO_ID_5225856937699250258" border="0" /></a></li><li>GA vous envoie alors un mail de confirmation àl'adresse que vous avez fournie. Il vous faut cliquer sur le lien offert pour valider votre inscription. Attention, il peut falloir plusieurs heures avant l'arrivée du mail en question:<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPuoHLCrYUDFXFOdvmQZP0L2lcLog7ROtxFDGI1cRjao3_pCdBlA97gTnyCO6ry3YFEbNbqly0djmubVbZ0vJ_Q70ZUyRzkgK59IrPwYxRkBJaIknYqUAri2huA0nv9zq6_FEgZahXjGj_/s1600-h/Anal-1620015.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPuoHLCrYUDFXFOdvmQZP0L2lcLog7ROtxFDGI1cRjao3_pCdBlA97gTnyCO6ry3YFEbNbqly0djmubVbZ0vJ_Q70ZUyRzkgK59IrPwYxRkBJaIknYqUAri2huA0nv9zq6_FEgZahXjGj_/s320/Anal-1620015.jpg" alt="google analytics 5" id="BLOGGER_PHOTO_ID_5225857849788806354" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_4f9oSjHCMVF8AsozsYJfXYudExwr_GpKuL0t1y_YYaHho9AUZsH_Rm41Yfmd3vhRV8LZ98yLwsy3WWLGSb1XE-KKTjr6olDMejki6bm_uXH8Bdg-RramyguCykquDDIg5n914fG4vJ20/s1600-h/Anal-1620057.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_4f9oSjHCMVF8AsozsYJfXYudExwr_GpKuL0t1y_YYaHho9AUZsH_Rm41Yfmd3vhRV8LZ98yLwsy3WWLGSb1XE-KKTjr6olDMejki6bm_uXH8Bdg-RramyguCykquDDIg5n914fG4vJ20/s320/Anal-1620057.jpg" alt="google analytics 6" id="BLOGGER_PHOTO_ID_5225859175089246850" border="0" /></a> </li><li>Une fois la confirmation effectuée, retournez sur GA <a href="http://www.google.com/analytics/fr-FR/">http://www.google.com/analytics/fr-FR/</a> puis entrez-y (dans la zone des abonnés cette fois) votre adresse mail et le mot de passe propre à GA:<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho1fCEpBVZ9J5z3-C9GJZZ603637I_e5Sxz3H2RL1f7QZCySb5UgpTyzLu39-CiHaBfi_IYl5BPmDlGz-E8knnT7haM38HpEUcgFeJUa0O0TJ2f-F8crsZOJpHIYdGCK7qWHgTjf1rclSi/s1600-h/Anal-1620026.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho1fCEpBVZ9J5z3-C9GJZZ603637I_e5Sxz3H2RL1f7QZCySb5UgpTyzLu39-CiHaBfi_IYl5BPmDlGz-E8knnT7haM38HpEUcgFeJUa0O0TJ2f-F8crsZOJpHIYdGCK7qWHgTjf1rclSi/s320/Anal-1620026.jpg" alt="google analytics 7" id="BLOGGER_PHOTO_ID_5225858754658702226" border="0" /></a> </li><li>Vous accédez à une page vous présentant les services Google auxquels vous êtes automatiquement inscrits (Analytics et Historique Web) ainsi que ceux auxquels vous pouvez prétendre et que je vous laisse le soin d'étudier. Certains peuvent s'avérer extrêmement intéressants d'autant qu'ils sont pour la plupart gratuits, au moins pour leurs prestations de base:<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivf35-VWHKPYM908HuDiIIQjHhw-A2CbDhMDYuujr2H0SvzIEabblJ1KBwvXhWX2AH1bH8zdBcgiA0cIUPKUpr9F4D3xcFbMsCMVnvjQzkyLlO-bpAV9ObDNubpRtwvpqyZUh6WxOzW3w9/s1600-h/Anal-1620058.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivf35-VWHKPYM908HuDiIIQjHhw-A2CbDhMDYuujr2H0SvzIEabblJ1KBwvXhWX2AH1bH8zdBcgiA0cIUPKUpr9F4D3xcFbMsCMVnvjQzkyLlO-bpAV9ObDNubpRtwvpqyZUh6WxOzW3w9/s320/Anal-1620058.jpg" alt="google analytics 8" id="BLOGGER_PHOTO_ID_5225860490213942226" border="0" /></a> </li><li>En cliquant sur "Analytics" vous trouvez la dernière étape d'inscription au service. Cliquez sur "Inscription":<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbW7AQOqo6-gCVnois5UT1eEo_f-EOSbgkk6mM2B9-Nwwt4b386d6C3_i0R_b-S34mwbvSrdeMX0sQRFpni1D4SDfeR9UI4KE9Oo4xmRqVitu8udCN79KQifpWkY1g0981olkRdZBnBAaQ/s1600-h/Anal-1620069.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbW7AQOqo6-gCVnois5UT1eEo_f-EOSbgkk6mM2B9-Nwwt4b386d6C3_i0R_b-S34mwbvSrdeMX0sQRFpni1D4SDfeR9UI4KE9Oo4xmRqVitu8udCN79KQifpWkY1g0981olkRdZBnBAaQ/s320/Anal-1620069.jpg" alt="google analytics 9" id="BLOGGER_PHOTO_ID_5225861377758766466" border="0" /></a> </li><li>Vous allez indiquer maintenant à GA le site qu'il doit traquer et quelques informations complémentaires:<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXtWNWRESxa4anOQrIip5yu9_j5emzgpBuoq7_q80mGa0huoWUNN9g_hUVH-2O_5yEv1PGB_GYkE9ztGQ3uLO9-Lc7jI-39N-EPRD_BO6e82WFA8jc764J903zoWX-6VzIDA-GRK4prMq/s1600-h/Anal-16200711.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXtWNWRESxa4anOQrIip5yu9_j5emzgpBuoq7_q80mGa0huoWUNN9g_hUVH-2O_5yEv1PGB_GYkE9ztGQ3uLO9-Lc7jI-39N-EPRD_BO6e82WFA8jc764J903zoWX-6VzIDA-GRK4prMq/s320/Anal-16200711.jpg" alt="google analytics 10" id="BLOGGER_PHOTO_ID_5225861957166809858" border="0" /></a> </li><li>Après acceptation des conditions d'utilisation de GA, vous arrivez sur la partie importante du paramétrage de GA pour votre site. Pour que GA puisse effectivement traquer votre blog, il faut insérer sur celui-ci un code pré-construit qu'il vous suffira de copier puis de coller au bon emplacement. <span style="font-weight: bold;">Pas de panique donc !</span> La démarche est aisée . Nous allons montrer une manière de faire sur un blog over-blog mais retenez que la démarche est encore plus simple pour un blogger. Tout d'abord, voici le code en question. Il est grisé sur cette capture d'écran car certaines informations sensibles s'y trouvent. Sélectionnez-le dans son entier puis copier-le (Ctrl-C):<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlm3cSoOvKOuYrIWiRKiH7-vIp3QkjzQc7ys9-yf12jvrYxQqZ1T8l4to6nzrjiauP5PQJthj_g1BvveLLqzHDmeixKDDoNP97EL06Evhh1kLane2hkZ2O1AkmnlmJRtegreglo3fWGb2P/s1600-h/Anal-16200813.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlm3cSoOvKOuYrIWiRKiH7-vIp3QkjzQc7ys9-yf12jvrYxQqZ1T8l4to6nzrjiauP5PQJthj_g1BvveLLqzHDmeixKDDoNP97EL06Evhh1kLane2hkZ2O1AkmnlmJRtegreglo3fWGb2P/s320/Anal-16200813.jpg" alt="google analytics 11" id="BLOGGER_PHOTO_ID_5225863369605639666" border="0" /></a> </li><li>Il faut maintenant intervenir sur le blog lui-même pour y coller le code fourni par GA. Rien de plus simple. Pour un blog Over-Blog, il faut entrer son identifiant puis son mot de passe pour accéder à l'administration du blog. Une fois sur place, cliquez sur " Configurer" puis "Mise en page". Pour le blog de Véro Sadako, j'ai introduit en bas de page un texte libre (voir photo) afin d'y copier du contenu HTML, c'est à dire du code (en l'occurrence pour afficher le nombre de visiteurs présents sur le site actuellement). <span style="font-weight: bold;">Dans votre cas, ce sera à vous de le faire.</span> D'une manière générale, il vaut mieux introduire le code GA au plus bas de la page car il peut ralentir le chargement de la page. S'il est en fin de page le ralentissement n'a pas d'impact sur le temps d'attente du visiteur qui consulte le site. Pour modifier le code, on clique tout d'abord sur le petit marteau:<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLWM4Z9D2YTZHmfrTqCdkmoeTn3d4rwqIAP1AJEfoKC6Jt2uhsNXrZjwPV5zpwUKZ6sIIhz1GBy6gskpFRhgaacEYc2w-8D_7jD6QWFH9w__zUflXMkTUZUEdWKn_MZYws9diMsCC9o2Du/s1600-h/Anal-16201118.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLWM4Z9D2YTZHmfrTqCdkmoeTn3d4rwqIAP1AJEfoKC6Jt2uhsNXrZjwPV5zpwUKZ6sIIhz1GBy6gskpFRhgaacEYc2w-8D_7jD6QWFH9w__zUflXMkTUZUEdWKn_MZYws9diMsCC9o2Du/s320/Anal-16201118.jpg" alt="google analytics 12" id="BLOGGER_PHOTO_ID_5225867469482474306" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAdNXV0cpa20GPplS8pk4igPMb-npCNJbw-Fl9tD0WNR7rZ1XqqgYuMKAnZ2Lcb7qWZ2XMzpO2Vf7z7ktnlR-uWksAGIKQCa8OQBLiskZvTbB_OB3uxD5SlO_cI-TUPEFBbwBJPpON-pQv/s1600-h/Anal-16201017.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAdNXV0cpa20GPplS8pk4igPMb-npCNJbw-Fl9tD0WNR7rZ1XqqgYuMKAnZ2Lcb7qWZ2XMzpO2Vf7z7ktnlR-uWksAGIKQCa8OQBLiskZvTbB_OB3uxD5SlO_cI-TUPEFBbwBJPpON-pQv/s320/Anal-16201017.jpg" alt="google analytics 13" id="BLOGGER_PHOTO_ID_5225865153013407010" border="0" /></a> </li><li>Le texte qui s'affiche dans la nouvelle fenêtre (si texte il y a, ce qui n'est pas certain) est un texte normal. Pour travailler sur le code à proprement parler, il faut passer en mode HTML. Pour cela, il suffit de cliquer tout à gauche de la fenêtre sur le mot "html". Selon les cas, la fenêtre peut être soit vide soit déjà inclure du code comme dans mon cas. Voici le code qui apparaît sur mon blog avant la copie du code GA:<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisVpqoaR1ErdkkE1JnhBi35WVyx0D5mKK1nZvYxxXhQx-6nb26eTN1ifjSpfEZiZiMnbIhPS1y5WYL-FwKo_dPv3nUxMoQeX6Qpadx8JafOEyPoc196tPNVbO7jjmTEZtZ5vudmYQNwexF/s1600-h/Anal-16201119.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisVpqoaR1ErdkkE1JnhBi35WVyx0D5mKK1nZvYxxXhQx-6nb26eTN1ifjSpfEZiZiMnbIhPS1y5WYL-FwKo_dPv3nUxMoQeX6Qpadx8JafOEyPoc196tPNVbO7jjmTEZtZ5vudmYQNwexF/s320/Anal-16201119.jpg" alt="google analytics 14" id="BLOGGER_PHOTO_ID_5225867813543941554" border="0" /></a></li><li><p>Et voici le code qui apparaît une fois le code GA (grisé) copié à la suite du code initial. Dans votre cas, il est possible qu'il n'y ai que le seul code GA:</p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgodLaC77uvryYtVyECrQaG0Xv5Wx4MFI0s38_8ld6oolSZko2RTmQBchJ5XsW0Ja93yTc246p6nY4dqxILe7JSjpseM_EGpID-QN9GfmjVKJIejc5JwbUfWM70ccL1rVz-QFSS7L-06Fzp/s1600-h/Anal-16201220.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgodLaC77uvryYtVyECrQaG0Xv5Wx4MFI0s38_8ld6oolSZko2RTmQBchJ5XsW0Ja93yTc246p6nY4dqxILe7JSjpseM_EGpID-QN9GfmjVKJIejc5JwbUfWM70ccL1rVz-QFSS7L-06Fzp/s320/Anal-16201220.jpg" alt="google analytics 15" id="BLOGGER_PHOTO_ID_5225868373972831170" border="0" /></a></li><li>Enregistrez vos changements, quittez l'administration de votre blog puis actualisez le en cliquant n'importe où sur la page d'accueil puis en appuyant sur F5 pour activer le nouveau code GA. Maintenant, retournez sur GA <a href="http://www.google.com/analytics/fr-FR/">http://www.google.com/analytics/fr-FR/</a>, entrez votre adresse mail le mot de passe. La page qui se présente alors vous propose d'examiner le "profil de site web". Ce qui nous intéresse ici est la colonne d'état où vous devriez normalement constater un "code de suivi inconnu". C'est normal. Pour normaliser les choses, cliquez juste en dessous sur "Vérifiez l'état":<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1osnr1aIMG3A7Zb6NSvUIb6nAsB9FDu1OUEcWZxBh5BcVm98_Ck9uwVH2lIrVBAR5qMvPb1K2tk4061CmY52_zEATQ86J3GoCRyokjDBEavz0ZfK5S-ROPw3kIWPnGQ_brw1Aw1YEUoXm/s1600-h/Anal-16201323.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1osnr1aIMG3A7Zb6NSvUIb6nAsB9FDu1OUEcWZxBh5BcVm98_Ck9uwVH2lIrVBAR5qMvPb1K2tk4061CmY52_zEATQ86J3GoCRyokjDBEavz0ZfK5S-ROPw3kIWPnGQ_brw1Aw1YEUoXm/s320/Anal-16201323.jpg" alt="google analytics 16" id="BLOGGER_PHOTO_ID_5225929845999286242" border="0" /></a> </li><li>Un message s'affiche vous indiquant que la collecte des données à commencée. Attention, il faut au moins <span style="font-weight: bold;">24 heures</span> avant de voir les premiers résultats exploitables. Quand vous reviendrez sur le "profil de site web", vous pourrez constater que le suivi est configuré:<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOwRmh7Z8mprXb7m8YIdNbEAetJ72tGwq0tf5haVTNsADrmqfjddXTdCSylGodtWD2TfJxjKjHBCsO1Tg4BUQO8vzmXTp928aupDXsR5_GGL2nypbKSAL7RJnsp29oGebIiv3ZwsjS39EG/s1600-h/Anal-16201424.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOwRmh7Z8mprXb7m8YIdNbEAetJ72tGwq0tf5haVTNsADrmqfjddXTdCSylGodtWD2TfJxjKjHBCsO1Tg4BUQO8vzmXTp928aupDXsR5_GGL2nypbKSAL7RJnsp29oGebIiv3ZwsjS39EG/s320/Anal-16201424.jpg" alt="google analytics 17" id="BLOGGER_PHOTO_ID_5225932703675141602" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTbNVigRFOEQz-lF-2X13wK-1cxz74RCIKLau5iRCLuv9gqfAzBkKuln-M40aEHPuoMDUlPO4vzCZybe6jKlDKUVeo39R7ltHSCc7iOe9hyxA1cR0dSppNWJcshL7URsuo9M50faZnc0Q1/s1600-h/Anal-16201526.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTbNVigRFOEQz-lF-2X13wK-1cxz74RCIKLau5iRCLuv9gqfAzBkKuln-M40aEHPuoMDUlPO4vzCZybe6jKlDKUVeo39R7ltHSCc7iOe9hyxA1cR0dSppNWJcshL7URsuo9M50faZnc0Q1/s320/Anal-16201526.jpg" alt="google analytics 18" id="BLOGGER_PHOTO_ID_5225932625252727330" border="0" /></a></li><li>Maintenant, lorsque vous vous connecterez à GA (identifiant, mot de passe), vous pourrez accédez au tableau de bord de la fréquentation de votre blog. Ce dernier mériterait un tutoriel à lui tout seul tant il est complet. Voici une idée du genre d'information que vous y trouverez. Ici tout est à zéro car d'une part GA n'a pas encore eu le temps de collecter toutes les informations puisque il lui faut environ 24 heures la première fois. Par ailleurs, ce genre d'informations est confidentiel, notamment pour la gestion de sites commerçants. Profitez-en bien !<p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRYfVj8kO3-na_nb6VdmCGBl7x7hz09pvCFA0wRbi584n2aCGwuP6AQzDxWQ5VspDXuqisA0RVIGnTCq8b6bYgfgmDiSPfdgR_d3PWB6rjWcwxmaMT0T_yt7YNWfETuP1JMJLLScqI-pBm/s1600-h/Anal-16201425.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRYfVj8kO3-na_nb6VdmCGBl7x7hz09pvCFA0wRbi584n2aCGwuP6AQzDxWQ5VspDXuqisA0RVIGnTCq8b6bYgfgmDiSPfdgR_d3PWB6rjWcwxmaMT0T_yt7YNWfETuP1JMJLLScqI-pBm/s320/Anal-16201425.jpg" alt="google analytics 19" id="BLOGGER_PHOTO_ID_5225934547565236562" border="0" /></a></li></ol><span style="font-weight: bold;font-size:130%;" >Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/07/traduction-de-blog-tutoriel.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com6tag:blogger.com,1999:blog-4621396637579402929.post-39838741871033945392008-07-22T03:20:00.000-07:002008-12-10T02:12:17.615-08:00Test PSP : deux accessoires indispensables pour la nettoyer.<div style="text-align: justify;"><br />Heureux possesseur d'une magnifique PSP white ceramic, je voulais vous faire profiter de deux accessoires dont j'ai l'usage depuis maintenant plusieurs années. J'ai acquis ma première PSP (une noire bien entendu) et les accessoires en question le jour de sa sortie. C'est donc avec une certaine expérience que je vous conseille à coup sûr...<br /><br /><ol><li>... le fabuleux <span style="font-weight: bold;">Playgear Pocket Case de Logitech. </span><p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7IJ7mP1vciwYJ3Jz4oolaMP5XE5LLXTkqXK7nqiy8Yk4RiLKKv5emusyybadWXPfw3iXA4TK3LCHmBZ2sA8SWEzf-tv6ImXkl8VITjw8poDHKvUEcPxQGt10Ot0uS2F-WffMREkWOiSx6/s1600-h/psp1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7IJ7mP1vciwYJ3Jz4oolaMP5XE5LLXTkqXK7nqiy8Yk4RiLKKv5emusyybadWXPfw3iXA4TK3LCHmBZ2sA8SWEzf-tv6ImXkl8VITjw8poDHKvUEcPxQGt10Ot0uS2F-WffMREkWOiSx6/s320/psp1.jpg" alt="playgear pocket case" id="BLOGGER_PHOTO_ID_5225783119968722978" border="0" /></a>Je ne connais pas de meilleur moyen de protéger votre PSP que cette coque plastique ultra résistante dont l'intérieur est tapissé d'une espèce de silicone qui enveloppe parfaitement la console. ATTENTION néanmoins, ma PSP est une machine de première génération et je ne sais pas (en fait, je ne crois pas...) que ce boitier soit adapté à la Slim and Light. A vérifier donc... <p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp3C_ZgJZZHqNplin8t-kl5KJNo_kQNXsAd5QFuBxekwPN5TUlSDKf0UR61_t-ZH1XBDwOssSYcMC-z7tleS1OyuXZKPphW9SZOfuwu9A_NiOzwbXZd1iR0jPZkNJPZIjl6j7vjh2yPe8J/s1600-h/psp3.jpg"><img style="margin: 0pt 10px 10px 0pt; text-align: center; cursor: pointer; width: 209px; height: 156px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp3C_ZgJZZHqNplin8t-kl5KJNo_kQNXsAd5QFuBxekwPN5TUlSDKf0UR61_t-ZH1XBDwOssSYcMC-z7tleS1OyuXZKPphW9SZOfuwu9A_NiOzwbXZd1iR0jPZkNJPZIjl6j7vjh2yPe8J/s320/psp3.jpg" alt="orifices dégagés" id="BLOGGER_PHOTO_ID_5225784741096761106" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixmvSByVQ9coP8ou7jLtf_zqh9xTQw46D7VnPlCqcyqDA3PiHDyr_je0sYcTb1NocH0zNVp4MUrya1FY2DUbQ88R_0LUZrFuTDoDaV_IBJc6JQECmAStfEXPWopJ_KNp_vbk3WXNYPTWkL/s1600-h/psp4.jpg"><img style="margin: 0pt 10px 10px 0pt; text-align: center; cursor: pointer; width: 208px; height: 156px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixmvSByVQ9coP8ou7jLtf_zqh9xTQw46D7VnPlCqcyqDA3PiHDyr_je0sYcTb1NocH0zNVp4MUrya1FY2DUbQ88R_0LUZrFuTDoDaV_IBJc6JQECmAStfEXPWopJ_KNp_vbk3WXNYPTWkL/s320/psp4.jpg" alt="playgear pocket case ouvert et vide" id="BLOGGER_PHOTO_ID_5225784828223660770" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkTfS9Y2wdBZNRlZ0ZyjIiHPjnxn5fa_2o8AAzIY0FtOMcXcWjoJ7uRhgyfpnF-9fxFZsmjVem4wt5K4BRd65phgx9qz8pMPJ-ZFPuVRJAZCeseYCB7PlPskQZk8eguVLdX2XP0sBm8fGW/s1600-h/psp5.jpg"><img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 206px; height: 155px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkTfS9Y2wdBZNRlZ0ZyjIiHPjnxn5fa_2o8AAzIY0FtOMcXcWjoJ7uRhgyfpnF-9fxFZsmjVem4wt5K4BRd65phgx9qz8pMPJ-ZFPuVRJAZCeseYCB7PlPskQZk8eguVLdX2XP0sBm8fGW/s320/psp5.jpg" alt="playgear pocket case avec psp" id="BLOGGER_PHOTO_ID_5225784919886644930" border="0" /></a><p></p>A noter que l'ensemble des orifices sont accessibles. On peut donc recharger et théoriquement jouer avec le boitier. Dans ce dernier cas, il peut d'ailleurs servir de pare-soleil. Pour ma part, je ne joue jamais dans le Playgear. J'y ai noté une très légère surchauffe à l'arrière de la machine après quelques heures d'utilisation à l'intérieur. Mais je suis un peu puriste et excessif sur ce genre de chose...</li><p></p><li>En réalité ce n'était pas tant pour vous parler du Playgear que j'ai fait cet article. L'accessoire est déjà relativement connu. Par contre, ma deuxième proposition, elle, est déjà nettement plus originale et surtout, à mon sens, nettement plus indispensable :<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghfJGZImQXmdeMiLpWXeCVNVTxYxFGE4mtH50alZetmW16I7qUPMMFdyx2aTyTXNe43u_PaJwZJDYJNn3NUtWhjiAl9w0lyiB1OofIH5_cy0sags6EqXZGy_RBneFC3FivVSTywb2-ztEC/s1600-h/psp6.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghfJGZImQXmdeMiLpWXeCVNVTxYxFGE4mtH50alZetmW16I7qUPMMFdyx2aTyTXNe43u_PaJwZJDYJNn3NUtWhjiAl9w0lyiB1OofIH5_cy0sags6EqXZGy_RBneFC3FivVSTywb2-ztEC/s320/psp6.jpg" alt="playgear pocket case avec psp et brosse à blush" id="BLOGGER_PHOTO_ID_5225786272071517906" border="0" /></a><br />Et oui ! Il s'agit d'une <span style="font-weight: bold;">simple brosse maquillage pour Blush</span>. Au tout début de mon acquisition (je parle de la machine), je suis tombé dans le piège des protèges écran auxquels nombre d'entre vous ont été confronté. J'avais alors trouvé un excellent produit (japonais bien sûr) que j'avais mis un sacré moment à appliquer convenablement sur ma PSP. Cet exploit, car il s'agit bien d'un exploit, je ne l'ai réussi qu'une fois: quand il s'est agit de nettoyer une fois l'an l'écran puis d'appliquer à nouveau un protège écran... je n'y suis tout simplement plus jamais arrivé. D'où ma conclusion logique (du point de vue du respect des couleurs et de la luminosité aussi d'ailleurs) que je devais laisser mon écran nu. Mais alors comment enlever régulièrement la poussière et autres cochonneries se déposant dessus sans rayer le support ? La brosse à Blush bien sûr ! C'est véritablement l'outil fondamental à tout possesseur de PSP. Voici la démarche que je préconise pour le nettoyage de l'écran: passer un coup de brosse à blush sur l'écran mais aussi sur l'ensemble de la machine (ça ne mange pas de pain). Vous évitez ainsi de laisser sur l'écran les minuscules corps (poussière, sable...) souvent invisibles qui sont à l'origine des micro rayures justement. On peut alors appliquer (<span style="font-weight: bold;">immédiatement aprè</span>s) une lingette nettoyante adaptée. J'achète les miennes à la Fnac. Attention à ne pas prendre les boites double lingettes (50 humides, 50 sèches) complètement inadaptées ! Il faut prendre les boites de 100 lingettes humidifiées qui sont impeccables. Voilà. J'ai cité pas mal de marque dans cet article mais je vous promets qu'il ne s'agit que de conseils perso. Je ne touche (encore...) malheureusement rien de ces sociétés... :) Bon nettoyage !</li></ol><span style="font-weight: bold; font-size: 130%;">Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/07/psp-deux-accessoires-indispensables.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com0tag:blogger.com,1999:blog-4621396637579402929.post-29303965567344666092008-07-22T01:27:00.000-07:002008-12-10T02:12:17.701-08:00Conseils généraux: Voila Capturino 2!<div style="text-align: justify;"><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp8oMcOUh-k3nfNWc-fLV7myWFS8ZaVpor0i-hasTPAytTNOiAj7onaP1iNdxsaP8doDb25QmdZOBxQtmB23n9jFqZI0r9cw87Y52BMX1wkCw8nvmcOPNO_mEJlq0xlX44RSbwKwHvDHXV/s1600-h/capturino.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp8oMcOUh-k3nfNWc-fLV7myWFS8ZaVpor0i-hasTPAytTNOiAj7onaP1iNdxsaP8doDb25QmdZOBxQtmB23n9jFqZI0r9cw87Y52BMX1wkCw8nvmcOPNO_mEJlq0xlX44RSbwKwHvDHXV/s320/capturino.jpg" alt="capturino 2" id="BLOGGER_PHOTO_ID_5227373273125281410" border="0" /></a>J'en parlais dans mon dernier post: j'ai décidé de télécharger et d'utiliser la toute dernière version de Capturino <a href="http://www.capturino.com/portail/">(Capturino V2)</a> pour gérer l'ensemble des captures d'écran de mon blog. Parmi un grand nombres d'autres améliorations, Capturino permet dorénavant de <span style="font-weight: bold;">retoucher en interne</span> une image capturée grâce à un logiciel de votre choix (c'est Paint qui est proposé par défaut). Il ne s'agit pas ici de proposer un test de Capturino, mais on peut tout de même noter que le logiciel à l'air nettement plus fini que la version antérieure. Merci donc encore une fois à <span class="small">Jean Paul BELLENGER </span>.<br /><br /><span style="font-weight: bold;font-size:130%;" >Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/07/capturino-2-le-voila.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span><br /></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com0tag:blogger.com,1999:blog-4621396637579402929.post-24011883997081574592008-07-20T08:05:00.000-07:002008-12-10T02:12:19.415-08:00Tutoriel: ajout d'un flux RSS externe.<span style="color: rgb(255, 102, 0);font-size:130%;" ><br /></span><div style="text-align: justify;"><span style="color: rgb(255, 102, 0);font-size:130%;" >Au fur et à mesure de la construction de ce blog, je me propose, </span><span style="color: rgb(255, 102, 0);font-size:130%;" >à l'aide de quelques didacticiels,</span><span style="color: rgb(255, 102, 0);font-size:130%;" > de vous faire partager la façon dont j'ai procédé pour le concevoir.</span><br /><br />Merci à<span class="small"> Jean Paul BELLENGER, créateur du très précieux <a href="http://www.capturino.com/portail/">Capturino 1.4</a> qui m'a permis de prendre les captures d'écran de ce tutoriel et de l'ensemble du blog. <a href="http://www.capturino.com/portail/">La version 2</a> semble dors et déjà téléchargeable. </span><br /></div><div style="text-align: justify;"><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyQQ-KVkmlDFmiuLd1C3BjD6EsYzA6dkxnzQkFhvgEFljKMy3-DZMw2fgWYvMQgdaUO6uMfkUYtGtwbnblF7qC0VxioowTJW6ujiPD4RZopLLMIycNSocK58NCErJ4yJh8P1PvhxHHCvlf/s1600-h/flux+RSS.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 111px; height: 99px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyQQ-KVkmlDFmiuLd1C3BjD6EsYzA6dkxnzQkFhvgEFljKMy3-DZMw2fgWYvMQgdaUO6uMfkUYtGtwbnblF7qC0VxioowTJW6ujiPD4RZopLLMIycNSocK58NCErJ4yJh8P1PvhxHHCvlf/s320/flux+RSS.jpg" alt="flux RSS" id="BLOGGER_PHOTO_ID_5227369528942599522" border="0" /></a><span style="font-weight: bold;font-size:130%;" >Le pitch:<br /></span>J'ai un tout petit peu "galèré" pour introduire un flux d'information "jeux vidéo" sur mon site. J'ai tout d'abord procédé en introduisant un flux externe à blogger. Mais le rendu ne me convenant pas, j'ai tenté de comprendre le paramétrage de flux interne à blogger que je n'avais initialement pas compris. Voici la démarche photos à l'appui:<br /><br /><br /><span style="font-weight: bold;font-size:130%;" >La soluce:<br /></span>Dans votre navigateur, entrez tout d'abord l'adresse suivante: <a href="http://pretty-rss.snyke.com/get-your-script.htm">http://pretty-rss.snyke.com/get-your-script.htm</a><br /><ol><br /><li style="text-align: justify;"> Vous accédez alors à snyke.com, un site qui vous permet de trouver puis d'insérer facilement un flux sur votre blog. L'écran initial est le suivant:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf4uCbLUgFriiKwsgbEHqKp6_rLRzL_XddvQaJRrg1AkFmTXpQRlUeKEkJ-IVimtpXfZ0BWHWwZnKaHIcbTSdguKVrjwG_cRZzr4AqxN4XrnxpQTfdewwggRL_k13hnPI1fyDIQDTNyCVB/s1600-h/Capt-609581.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf4uCbLUgFriiKwsgbEHqKp6_rLRzL_XddvQaJRrg1AkFmTXpQRlUeKEkJ-IVimtpXfZ0BWHWwZnKaHIcbTSdguKVrjwG_cRZzr4AqxN4XrnxpQTfdewwggRL_k13hnPI1fyDIQDTNyCVB/s320/Capt-609581.jpg" alt="snyke.com" id="BLOGGER_PHOTO_ID_5225120628430951218" border="0" /></a></li><br /><li value="2" style="text-align: justify;">La première chose à faire est de cliquer en haut sur l'onglet "Annuaire RSS". Apparaît le formulaire de recherche d'une url de flux à partir d'un nom du site. Personnellement, je suis intéressé par le flux de news du site <a href="http://www.gamekult.com/">Gamekult.com</a> (un flux comme un autre à vrai dire). Dans la boite textuelle je tape donc l'adresse du site <a href="http://www.gamekult.com/">www.gamekult.com</a> puis je clique sur "chercher":<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT75q_UBjrlkiIAM_OzNcz01MemY1kZGGuBA4rUwAuVC49gO9vjhcSuUPzcwsXnA71EtzfajasRmFLBytGH8CBqHRCzrboJQje038tpT0j93i_sJx4Qb87BpXK6nu71ArHjB-DJj9TXY6W/s1600-h/Capt-609592.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT75q_UBjrlkiIAM_OzNcz01MemY1kZGGuBA4rUwAuVC49gO9vjhcSuUPzcwsXnA71EtzfajasRmFLBytGH8CBqHRCzrboJQje038tpT0j93i_sJx4Qb87BpXK6nu71ArHjB-DJj9TXY6W/s320/Capt-609592.jpg" alt="annuaire RSS" id="BLOGGER_PHOTO_ID_5225119211886442258" border="0" /></a></li><br /><li style="text-align: justify;">On obtient alors l'écran suivant sur lequel figure en vert l'adresse qui nous intéresse : celle du flux de news de <a href="http://www.gamekult.com/">gamekult.com</a> qu'il faudra entrer dans le gestionnaire interne de flux de blogger. Pensez d'ailleurs dès maintenant à coller l'adresse verte en question dans le presse-papier (Ctrl-C):<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGk0ZhhOG3occySa2JI2ZclsR3IA39G84AhBjk2CbdsWvJtqXkT6vcUQtYJV9oyo9bBbZaZUw1PT8Hli23Fr6Uq4P1tivUs2kD8fhI-NFtGZaCq2fZl9L4Pli0MEflpyJLisD1EPb-8hya/s1600-h/Capt-609593.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGk0ZhhOG3occySa2JI2ZclsR3IA39G84AhBjk2CbdsWvJtqXkT6vcUQtYJV9oyo9bBbZaZUw1PT8Hli23Fr6Uq4P1tivUs2kD8fhI-NFtGZaCq2fZl9L4Pli0MEflpyJLisD1EPb-8hya/s320/Capt-609593.jpg" alt="flux de news gamekult.com" id="BLOGGER_PHOTO_ID_5225121650391622274" border="0" /></a><br /></li><br /><li style="text-align: justify;">Revenez maintenant sur la section "Personnaliser" de votre blog. Cliquer sur "Ajouter un élément à la page". Une nouvelle fenêtre apparaît avec tous les éléments que l'on peut insérer dans un blogger. Celui qui nous intéresse est un peu plus bas dans la fenêtre et se nomme "Flux" tout simplement:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsovizUTnyreLB8J96qbj6b_6OPm5Dc1mYzt8czJKrnDbpyE0MItui5U3oVwU0t75HbhJD5Ze54FkefcTyXTQeL6v9GLFBWlREzBSwWwhMb_PLZgwffat576QvOpgmvpNfCyeoyPqdY8E4/s1600-h/Capt-609594.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsovizUTnyreLB8J96qbj6b_6OPm5Dc1mYzt8czJKrnDbpyE0MItui5U3oVwU0t75HbhJD5Ze54FkefcTyXTQeL6v9GLFBWlREzBSwWwhMb_PLZgwffat576QvOpgmvpNfCyeoyPqdY8E4/s320/Capt-609594.jpg" alt="flux" id="BLOGGER_PHOTO_ID_5225123228758687890" border="0" /></a><br /></li><li style="text-align: justify;">Dès que vous cliquez sur l'option "Ajouter au blog" de l'élément "Flux", une nouvelle fenêtre s'ouvre vous invitant à entrer l'adresse de flux que l'on a préalablement copiée dans le presse-papier. Il ne nous reste plus qu'à la coller dans la boite textuelle:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi895PDfPngAeECANUChyUOhL8fCzyr4aaMcXGV9VeeH5wP0hOkSZSfHOIPPhyphenhyphend3D7OMYujba2tML0DQwCu1MK8jbpJu9TevrfkmY_qC7UNJtUcqeGA6iJsxd7ZTsU6dQMqiVmBuzs4_N3C/s1600-h/Capt-609595.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi895PDfPngAeECANUChyUOhL8fCzyr4aaMcXGV9VeeH5wP0hOkSZSfHOIPPhyphenhyphend3D7OMYujba2tML0DQwCu1MK8jbpJu9TevrfkmY_qC7UNJtUcqeGA6iJsxd7ZTsU6dQMqiVmBuzs4_N3C/s320/Capt-609595.jpg" alt="flux copier coller" id="BLOGGER_PHOTO_ID_5225124277396519506" border="0" /></a></li><br /><li style="text-align: justify;">L'extraction du flux à alors lieu et celui-ci est affiché là ou vous le souhaitez sur votre page. Il vous est possible d'en changer le titre et de le déplacer comme tous les autres éléments de la page. J'ai nommé le mien "Dernières news du jeu vidéo" et je l'ai placé en troisième position après le "Qui suis-je ?" et "la grande foire aux questions":<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjym56esKPrhpNV6STzZUnJWzRbm8bVm7-_dFL_4VQhvyzrAmPS7529TAmmBSvhQ-8LOJUNs-EnZUFOuFRp3KbMO9-oW69yFad_1JpXU3ctj6FvVOBdgwdLHsX0UkECIg44NtF_LmySrEIQ/s1600-h/Capt-609596.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjym56esKPrhpNV6STzZUnJWzRbm8bVm7-_dFL_4VQhvyzrAmPS7529TAmmBSvhQ-8LOJUNs-EnZUFOuFRp3KbMO9-oW69yFad_1JpXU3ctj6FvVOBdgwdLHsX0UkECIg44NtF_LmySrEIQ/s320/Capt-609596.jpg" alt="emplacement flux" id="BLOGGER_PHOTO_ID_5225125612287912610" border="0" /></a></li><br /><li style="text-align: justify;">Le flux apparaît bien sur le site. D'ailleurs vous pouvez voir le mien dans la colonne de gauche du Blog. A vous de jouer !<br /></li></ol><span style="font-weight: bold;font-size:130%;" >Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/07/ajouter-un-flux-un-petit-tutoriel.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com0tag:blogger.com,1999:blog-4621396637579402929.post-41776607522971304772008-07-20T06:13:00.000-07:002008-12-10T02:12:19.593-08:00Test PSP Everybody's Golf 2<p></p><div style="text-align: justify;"><span style="color: rgb(255, 102, 0);font-size:130%;" ><br /><span style="font-weight: bold;">AVERTISSEMENT</span> : si vous êtes du genre à privilégier les belles images et les belles musiques au plaisir de jeu, changez de site ! Viiite. Ici, apanage (peut-être...) de la quarantaine assumée et de l'expérience associée, seul compte le fun. Quand bien même l'emballage ne suit pas... Bien entendu, quand le mariage du fun, des belles images et des belles musiques est là, c'est tant mieux et nous ne manquerons pas de le souligner. Par ailleurs, les test de Gen68 sont constamment "en devenir". Le test du jeu ne paraît que lorsque je considère avoir quelque chose à en dire. Mais rien n'interdit de progresser dans son jugement, d'apercevoir des choses auparavant inaperçues, de trouver ultérieurement des erreurs grossières jusque là bien cachées et je ne sais quoi d'autre... Tous les articles seront par conséquent édités plusieurs fois. Ça aussi ce doit être l'apanage de la quarantaine ! </span><br /></div><br /><div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPvGu6KeAZSFhCEaqiNeeIcmGbGkFkuM_WyFnw7WHViegpt-LcSeTmTah09WNSpXr_e5Oz26yt1bg026T4uG0ud3q22n5kt3m8axpMxeF16gknRkFB41VVU-oueYwiwDocTby0-bFRRkyR/s1600-h/EBG2.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPvGu6KeAZSFhCEaqiNeeIcmGbGkFkuM_WyFnw7WHViegpt-LcSeTmTah09WNSpXr_e5Oz26yt1bg026T4uG0ud3q22n5kt3m8axpMxeF16gknRkFB41VVU-oueYwiwDocTby0-bFRRkyR/s320/EBG2.jpg" alt="everybody's golf 2 psp" id="BLOGGER_PHOTO_ID_5225100849737838450" border="0" /></a>C'est fou ce qu'on peut dire en quelques mots hein ? Comme son nom l'indique Everybody'sGolf 2 (Hot Shot Golf 2 sous sa livrée Anglo-saxonne) est une simulation de Golf et la suite d'un jeu paru il y a quelques années. Les différences entre cette nouvelle version et la précédente semblent relativement peu nombreuses. Pour ce que j'ai pu en juger jusqu'à maintenant, elles résident dans le fait que votre personnage peut cumuler deux accessoires au lieu d'un seul, que le nombre de parcours est plus important et , quand même, que le jeu supporte le multijoueurs en infrastructure. Allez, on développe...<br /></div><div style="text-align: justify;"><div style="text-align: justify;">L'originalité de EBG2 réside à deux niveaux : tout d'abord, le design général du jeu est extrêmement mignon avec son style manga rigolo. Le coté sympathique de ce choix artistique est mis en valeur par un système d'accessoires et de vêtements qu'il faut cumuler et marier pour obtenir certains bonus. Ceux-ci, à leur tour rendent les coups plus faciles ou plus précis notamment. Le truc marrant est que pour obtenir de bons résultats, il faut parfois habiller son personnage de la façon la plus ridicule qui soit : le mien ressemble actuellement à un sumo dont le club de golf est une batte de base ball, les yeux couverts de lunettes de soleil ridicules (c'est toujours un peu ridicule les lunettes de soleil non ?...) et surtout le nez aplati par un masque de docteur !<br />La deuxième originalité est le système de jeu en lui-même: Dans le mode défit, on fait tout d'abord le choix d'un vêtement/accessoire à gagner: un élément de tête améliorera le contrôle de la balle, un élément de corps améliorera la puissance du coup tandis qu'un accessoire (et donc vous en avez deux cumulables) vous boostera le spin, c'est à dire les effets de la balle (au tennis on dirait une belle liftée, une balle slicée, un amorti etc etc ...). On se retrouve ensuite en tournois, sur un parcours prédéfini, contre plusieurs adversaires ou en duel. Dans le premier cas heureusement vous n'avez accès qu'a la feuille de score après chacun de vos coups. Il serait trop long de voir tous les coups de la vingtaine de participants! Mais dans le mode duel, libre à vous de regardez les coups de votre adversaire et d'en tirer quelques enseignements. Les parcours font 9 ou 18 trous sur des parcours extrêmement variés. Un véritable voyage virtuel au quatre coin du monde.<br />Pour réaliser concrètement vos coup , il faut trois étapes: un premier appui sur la touche "croix" lance la jauge de puissance. Sur celle-ci figure le relief du terrain ainsi que la position relative du trou (sous la forme d'un petit drapeau) pour vous aider. Il suffit en général de s'approcher le plus possible du drapeau figurant le trou en tenant compte de la pente et du vent (qui est inconnu au départ mais représentée tout de même comme nous le verrons) pour réussir une belle approche. Après ce premier appui, la jauge revient en sens inverse vers la zone d'impact. Si vous tapez pile poil sur le repère, vous réussissez un "coup parfait" (mais pas forcément dans le trou attention !). Il faut entendre par là qu'il autorise les effets: ce n'est qu'à cette condition que vous pouvez réussir un "Super Spin" c'est à dire un coup lifté ou slicé dont la particularité est que, si jamais il cogne le drapeau de signalement du trou, alors d'une manière ou d'une autre et souvent de la façon la plus drôle, la balle rentrera dans le trou! Pour créer cet effet, il faut réussir à entrer une combinaison spéciale de touches directionnelles simultanément au déplacement de la jauge. Si vous êtes autour du repère le coup sera bon mais sans spin ou alors très dilué. Un peu plus loin du repère et vous tapez alors trop à gauche ou trop à droite. Enfin si vous êtes vraiment loin du repère (un spasme sans doute ...), vous faites un coup "tête de mort" et la balle va réellement n'importe où !<br />Le point auquel il faut également être attentif est le vent. Un appui sur la touche "start" avant de jouer vous permet de voir le terrain en vue d'avion. On peut alors discerner sous forme de petits traits blancs évanescents et mouvants le sens et la force du vent (peut être une autre nouveauté du titre car je ne me souviens pas de ça dans le premier...). L'idée est très simple: dès que le vent est apparent il faut compenser.<br />Votre objectif unique dans le mode défit est d'arriver le premier. En tournois, vous gagnez alors une ou deux cartes suivant votre avance. En duel, vous remportez le personnage contre lequel vous jouiez. Il présente normalement des aptitudes initiales différentes de vos autres avatars. Le problème est que tant que l'on se sent à l'aise avec un personnage, on ne ressent aucunement le besoin d'en changer. Pour ma part je suis déjà très avancé dans le jeu mais je n'envisage toujours pas de me séparer de mon premier personnage, luke, que j'ai déjà fait pas mal évoluer. D'autant que le jeu lui-même vous incite à garder le même joueur par un système de fidélité.<br />Les cartes vous font évoluer en modifiant qui votre niveau de puissance, qui votre zone d'impact, qui votre puissance de spin... Parfois, elles sont agrémentées d'un bonus sous la forme d'une balle ou d'un club spécial qui joueront un peu de la même manière que les cartes vêtements et accessoires en modifiant vos aptitudes.<br />D'autres modes de jeu existent mais je dois avouer ne pas m'y être trop essayé à l'heure actuel. Il y a tout d'abord bien sur un mode entraînement permettant de... s'entraîner ! Mais il est surtout le seul a permettre de "fouiller" le terrain à la recherche d'objets ou d'avatars planqués! Ces derniers comme les autres apportent leur lot de bonus. Il est simplement dommage de devoir passer par l'entrainement pour se les procurer. Pour ma part, bien qu'ayant vu moult fois ces bonus sur le parcours (soit de manière évidente, soit sous la forme d'un flash intriguant), je n'ai jamais pu y accéder au risque de perdre bêtement un coup en tournois. Ils sont en effet toujours décentrés de la trajectoire idéale. Par conséquent, n'ayant toujours pas pratiqué d'entraînement (mais ça viendra avec la difficulté progressive du jeu), je n'ai pas encore attrapé un seul de ces objets ou personnages cachés.<br />Un autre mode "mini jeux" vous demande de placer vos balles dans des "trous à points" en tentant de gagner le plus de points possibles bien sûr. Intéressant quand on y est mais bon, on revient quand même vite au défit.<br />Quant au mode multijoueur, je dois avouer ne pas encore avoir vraiment essayé : à mon premier essai je n'ai pas obtenu de connexion. A voir dans le futur donc et j'éditerai l'article au besoin. Je tiens tout de même à souligner que, bien que certainement performant, le mode multijoueur n'est en aucun cas indispensable. Le jeu en solo se suffit largement à lui même, d'autant que la difficulté semble extrêmement bien posée. Mais enfin, il doit être sympa de faire quelques balles en mode infrastructure.<br />Encore une fois, cet article sera certainement plusieurs fois édité avant que de le laisser tel quel. Mais on peut déjà en tirer une vraie conclusion: jouer à Everybody's Golf 2 est un grand plaisir dont on ne se lasse pas malgré la relative répétitivité du jeu (par la force des choses ! C'est un jeu de golf pas un Square-Enix... ). On trouve un plaisir jubilatoire à réussir certains "coups parfaits", à réussir des Spin, à tenter des Eagles ou même des "Albatros" (coup en 1, pas encore réussi ça...), à gagner des cartes et des personnages même si on en fait rien. De par la simplicité de son système de jeu, EBG2 est le prototype de jeu fait pour une console portable. On joue quand on veut, pour la durée qu'on veut. C'est sans doute la manière optimale de faire pour ne pas de lasser du jeu sur le long terme. De manière similaire, même après une longue période d'inactivité, on est toujours sûr de revenir avec aisance sur le jeu. C'est un énorme point fort car je ne compte plus les jeux auxquels j'ai définitivement arrêter de jouer suite à une trop longue interruption... Merci Ebay, mais bon c'est quand même pas gratifiant !<br />Au chapitre des regrets, mais certainement pas de nature à renoncer au jeu, on peut encore une fois remarquer l'impossibilité de trouver les objets hors mode entrainement. Mais surtout, il y a une chose qui m'a véritablement gêné dans ce jeu (comme dans le premier d'ailleurs): malgré l'honorable manuel, certains éléments de l'interface de jeu ne sont pas aisément compréhensibles au premier abord. Il y a entre autre une espèce de flèche verte sur la feuille de mon personnage sous laquelle est indiqué "moyen"... mais moyen quoi ? Et c'est le cas pour pas mal d'autre petites choses. Dans le même ordre d'idée, à un moment du jeu vous débloquez la possibilité de moduler à la hausse ou à la baisse votre coup en tapant "Triangle" ou "Rond" pendant l'impact sois disant. Je dois avouer le faire, mais je n'ai encore trouvé aucun moyen d'être certain d'un effet quelconque de la manœuvre ! Bref, quelques éléments mériteraient d'être plus explicites! A vrai dire, il est toujours possible de trouver des "études" faites par des passionnés qui expliquent tout en détail (je pense aux fameux "walktroughs" de <a href="http://www.ign.com/">www.ign.com</a> par exemple) mais il est dommage d'en venir là pour comprendre parfaitement tous les mécanismes du jeu.<br /><br /></div><span style="font-weight: bold;">Les plus : </span><br /></div><ul style="text-align: justify;"><li>Un design top.</li><li>Un gameplay hyper addictif : ça suffit pour acheter le jeu.</li><li>Un rapport qualité prix exceptionnel: le jeu est vendu neuf au premier jour à 29 euros !<br /></li><li>Un vrai voyage virtuel. Çà tombe bien, on est en vacances.</li><li>Parfaitement adapté à la PSP, où alors c'est elle qui est adaptée au jeu !<br /></li><li>Un mode multi pour allonger la "déjà-plus-que-conséquente" durée de vie.</li><li>Une progression de la difficulté étudiée.<br /></li></ul><div style="text-align: justify;"><span style="font-weight: bold;">Les moins : </span><br /></div><ul style="text-align: justify;"><li>Il faut y jouer par à coup pour ne pas tomber dans la répétition.</li><li>Quelle incitation à changer de personnage ?<br /></li><li>Je me trompe où seul le mode entrainement permet de "fouiller" le terrain ?<br /></li><li>Faut arrêter les âneries là hein ... y a rien d'autre de bancal dans ce jeu !<br /></li></ul><div style="text-align: justify;"><span style="font-size:130%;">La note Gén68 (Hou la laaaaa... ) :<span style="color: rgb(255, 0, 0);font-size:180%;" > 9/10<br /><br /></span></span><span style="font-weight: bold;font-size:130%;" >Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/07/test-everybodys-golf-2.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span><br /></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com11tag:blogger.com,1999:blog-4621396637579402929.post-66281382167666129852008-07-20T03:07:00.000-07:002008-12-10T02:12:19.607-08:00La foire aux questions :<p></p><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbGv_8C8KR65bT-tnvFQhvwb4IFW07RTduRdxkxMUrkdugQoeQ8UJgY-QuX0_Ztl_-Gzn9QofvOz_sL3XKcXxA2wWP-M-HKjyYgKl82g7L1BQyico2hob54bj4_q9kmEhYrC6RblhwPxZt/s1600-h/point_d_interrogation.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 81px; height: 77px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbGv_8C8KR65bT-tnvFQhvwb4IFW07RTduRdxkxMUrkdugQoeQ8UJgY-QuX0_Ztl_-Gzn9QofvOz_sL3XKcXxA2wWP-M-HKjyYgKl82g7L1BQyico2hob54bj4_q9kmEhYrC6RblhwPxZt/s320/point_d_interrogation.jpg" alt="" id="BLOGGER_PHOTO_ID_5225039698556753554" border="0" /></a><span style="font-size:100%;">Vous avez une </span><span style="font-weight: bold;font-size:100%;" >question </span><span style="font-size:100%;">? Sur un jeu, une console ou autre? C'est ici. Il suffit de poser votre question </span><span style="font-weight: bold;font-size:100%;" >sous forme de commentaire</span><span style="font-size:100%;"> et j'y répondrai dans la mesure de mes possibilités. Bien entendu, étant seul, attendez-vous à énormément de </span><span style="font-weight: bold;font-size:100%;" >"je ne sais pas !"</span><span style="font-size:100%;">. Mais de temps à autres une réponse convenable et utile doit être possible... Si vous pensez connaître une réponse, faites m'en part. Si elle s'avère bonne je la présenterai </span><span style="font-weight: bold;font-size:100%;" >à votre pseudo</span><span style="font-size:100%;"> bien entendu. "Now, it's up to you". A vous de jouer!</span></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com1tag:blogger.com,1999:blog-4621396637579402929.post-25002566436193388102008-07-19T08:48:00.001-07:002008-12-10T02:12:19.755-08:00Pourquoi ce blog ?<p></p><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDtDfpsUJkZYNVcwxTIzfEnw1uQmIjPFBO5mIjqD9oZBJxfwPWIj_OwXXcZMTro32L1u7CFkaF_5pqKtdkdbMXEtf9D4H8-jI4rL0gqG3Alcnbd7iAyjHaLnjPbxJNJh8JMzmqHrcAUIBi/s1600-h/earth.sunrise.test.02.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 326px; height: 182px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDtDfpsUJkZYNVcwxTIzfEnw1uQmIjPFBO5mIjqD9oZBJxfwPWIj_OwXXcZMTro32L1u7CFkaF_5pqKtdkdbMXEtf9D4H8-jI4rL0gqG3Alcnbd7iAyjHaLnjPbxJNJh8JMzmqHrcAUIBi/s320/earth.sunrise.test.02.jpg" alt="naissance d'un blog" id="BLOGGER_PHOTO_ID_5224771715118440674" border="0" /></a>Aujourd'hui, j'inaugure ce nouveau blog. Cela fait près de 10 ans que j'aurais du lancer la chose. Mais premièrement la "chose" n'existait pas. Pour le reste, le courage a certainement du me manquer. Mais bon, il est là ! Alors pourquoi ce blog ?<br />De manière concise, je me rends de plus en plus compte d'un décalage entre la presse jeux vidéo spécialisée et mes attentes, opinions, avis, envies... dans le domaine. Malgré son évolution et sa diffusion fulgurantes ces 2O dernières années et l'émergence de ce que l'on appelle le "serious gaming", le jeu vidéo reste estampillé "activité jeunesse". Je fais pourtant parti d'une génération (génération 68) qui a vu la naissance du jeu vidéo. Qui en a suivi le cheminement. Qui le connait mieux que beaucoup. Qui vit avec et qui sans doute mourra la manette entre les mains, ou pas loin!<br />Alors, nous autres quadragénaires passionnés, nous retrouvons-nous dans les tests et analyses de nos amis de 20 ans, pigistes, webmasters, rédacteurs en chef... ? Oui, en grande partie. Car la substance reste la même. Mais pas entièrement. Car notre expérience nous force à évaluer le domaine à l'aune de nos joies, déceptions et découvertes passées. Bref, nous ne voyons plus les choses exactement de la même façon: c'est la raison d'être initiale de "Génération 68 et Jeux Vidéo". On en trouvera pleins d'autres ensemble.<br /><br /><span style="font-weight: bold;font-size:130%;" >Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/07/pourquoi-ce-blog.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span><br /></div>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com0tag:blogger.com,1999:blog-4621396637579402929.post-70631227450393144092008-07-19T08:13:00.001-07:002008-12-10T02:12:20.339-08:00Qui suis- je ? Le petit résumé qui vous fera comprendre le comment.<p></p><br /><div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlTdHHoFe-wLpsp-YB7e2UeQSrZPp0-tzfeifQexWzCXgBsZSs0IwlElaV_lA1MdHhdwUle_EKbqDAgTomI7Wl1FFwwWpfE-iPUtUGG8t8BlbhJbasUvXpUykfoojjSJnuQ3Ga1BTAjHti/s1600-h/stunt+5.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlTdHHoFe-wLpsp-YB7e2UeQSrZPp0-tzfeifQexWzCXgBsZSs0IwlElaV_lA1MdHhdwUle_EKbqDAgTomI7Wl1FFwwWpfE-iPUtUGG8t8BlbhJbasUvXpUykfoojjSJnuQ3Ga1BTAjHti/s320/stunt+5.jpg" alt="stunt island 1" id="BLOGGER_PHOTO_ID_5224770601457826146" border="0" /></a>J'ai 39 ans. Très bientôt 40. Je me qualifie de quadragénaire, en tout cas passionné, peut-être même amoureux du jeu vidéo. Presque tombé dedans étant petit, comme un copain à moi dans le chaudron de potion magique de son village. Je suis instituteur et j'habite Paris intra-muros.<br />Mon amour pour l'informatique date de ce jour des années 80 où -mon père n'ayant rien compris à mon attrait pour ce qui allait être au cœur de nos vies quelques années plus tard, et certainement trop près de ses sous également- je me suis fais offrir mon premier ordinateur Commodore 64. Merci encore à <span style="font-weight: bold;">MON </span>ami Belge qui me sera toujours très cher, bien qu'aujourd'hui disparu. C'est sur cette machine que j'ai fait mes premiers pas en programmation. Je pense encore aujourd'hui que c'est cette pratique de la logique numérique qui a décidé de mon parcours personnel. Et de ma façon de raisonner. Je me souviens très bien qu'alors seule la programmation à proprement parler m'intéressait. Je considérais d'ailleurs comme une hérésie, ne serait-ce que de songer à utiliser un ordinateur pour jouer. C'est à dire pour faire autre chose qu'élargir mon empan cérébral ! Que de chemin depuis... Ce fondamentalisme a duré quelques temps. Jusqu'au jour où, je m'en souviens comme si c'était hier, je passe devant la vitrine d'une boutique de l'avenue de la République (coin réputé des joueurs parisiens). Je tombe alors dénue devant une démo de Falcon (simulateur d'avion de chasse) tournant en boucle sur Atari ST. Ma passion pour la simulation informatique, aujourd'hui quelque peu diluée tout de même, ne m'a plus jamais quittée. Me voila de retour à la maison avec le sus-dit Atari et ce que je peux considérer être mon premier jeu: Falcon premier du nom (A vrai dire, j'avais déjà quelque peu tâté d'une version de Flight Simulator sur mon Commodore 64 mais passons...). Le virus s'est introduit et je pense qu'il ne me quittera qu'à mon dernier jour. Les années passent à jouer paisiblement à des jeux toujours meilleurs (la série des LucasArt, Half Life, Ultima Martian Dream, les excellentissimes Gabriel Knight... ) sur des machines toujours plus performantes (Amiga, puis PC). En 92-93, profitant de mon service militaire, je tente ce qui était un exploit à l'époque. Entrer dans le milieu déjà très fermé du jeux vidéo professionnel. Je commence par piger pour des magazines de jeux vidéo "de l'époque" (Non "Tilt" n'existait déjà plus, mais ça s'est joué à peu... J'ai connu Morgan Ferroïd entre autre). Puis, dans le cadre d'articles sur les moteurs de rendu et autres modeleurs pour un magasine spécialisé dans l'image de synthèse (une autre de mes grandes passions passées). A force de pousser les portes, mais encouragé surtout par la qualité de l'un des plus grand jeu de l'histoire <span style="font-weight: bold;">Stunt Island </span>, je finis par être embauché comme assistant marketing chez celui qui était alors le leader Européen du jeu vidéo. Malheureusement à cause d'un... disons... malentendu salarial et peut-être aussi d'une divergence de conception, je n'y suis resté que 15 jours (!!!) avant de revenir dans "Paris, ma bonne ville" pour y finir mes études. Les boursicoteurs parmi vous admettrons que l'avenir m'a donné raison en quelque sorte... C'en était déjà fini du pan professionnel du jeu vidéo dans ma vie. Je n'y ai rien gagné de matériel, d'autant que l'un des magasines ne m'a jamais payé mes piges! Par contre, cette période à conforté chez moi cet amour irraisonné pour notre passion commune. Elle me dévore encore aujourd'hui, presque 15 ans plus tard. Possesseur de la quasi totalité des plateformes de jeux actuelles, portables ou de salon, je pense qu'il est temps aujourd'hui de structurer mes "déraisons" à travers ce blog. J'espère en faire quelque chose susceptible de vous intéresser quelque peu... au moins! Ci-dessous quelques photos "in-game" de <span style="font-weight: bold;">Stunt Island</span>. La photo d'intro est celle de la jaquette du jeu à l'époque je crois.<br /></div><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnY6rnHW8oxvesGkUjfBg9mGKg89G-xcR5lR-hzVIcN6Kgxu20BJn4R79pazlFladvaOa1DWfGdHnQxmKFDyJEhBiHJSyjjKDGEngNnOX86yPb1OEPE6GvV4N0zlXHDrjAvS2WQIHgcFEx/s1600-h/stunt+4.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 268px; height: 167px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnY6rnHW8oxvesGkUjfBg9mGKg89G-xcR5lR-hzVIcN6Kgxu20BJn4R79pazlFladvaOa1DWfGdHnQxmKFDyJEhBiHJSyjjKDGEngNnOX86yPb1OEPE6GvV4N0zlXHDrjAvS2WQIHgcFEx/s320/stunt+4.png" alt="stunt island 3" id="BLOGGER_PHOTO_ID_5224774159949213410" border="0" /></a></div> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiBblqh0lY7JAJF87c1Ed8qoakiyytr3qGiJWPBzKSLt5wNMG787c7L2Sz6RPZlw0bTs6jZikXfit1-pRA9JKENjtNSkqbmIrEeBk-7l3GmkLgnGf8ZJnP1CaQDzsgk0_-R2vCGqPmZEtV/s1600-h/stunt+3.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 268px; height: 167px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiBblqh0lY7JAJF87c1Ed8qoakiyytr3qGiJWPBzKSLt5wNMG787c7L2Sz6RPZlw0bTs6jZikXfit1-pRA9JKENjtNSkqbmIrEeBk-7l3GmkLgnGf8ZJnP1CaQDzsgk0_-R2vCGqPmZEtV/s320/stunt+3.png" alt="stunt island 2" id="BLOGGER_PHOTO_ID_5224774159639946882" border="0" /></a><br /><br /><span style="font-weight: bold;font-size:130%;" ><br /><br /><br /><br /><br /><br /><br /><br />Si cet article vous a plu ou vous a apporté quelque chose, ou au contraire si vous ne l'avez pas apprécié et que son contenu puisse être complété, merci de laisser un <a href="http://generation68.blogspot.com/2008/07/qui-suis-je-le-petit-rsum-qui-vous-fera.html">commentaire</a>. C'est par l'intermédiaire de vos interventions que ce blog s'améliorera.</span><br /><br /><p></p>Lostaniahttp://www.blogger.com/profile/12904328006653738491noreply@blogger.com1