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

<channel>
	<title>JBJ's Blog</title>
	<atom:link href="http://www.lyxia.org/blog/feed" rel="self" type="application/rss+xml" />
	<link>http://www.lyxia.org/blog</link>
	<description>Lyxia.org</description>
	<lastBuildDate>Wed, 24 Jun 2009 21:05:34 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Désinstallez vos logiciels proprement avec AppCleaner</title>
		<link>http://www.lyxia.org/blog/mac/deinstaller-vos-logiciels-proprement-avec-appcleaner-533</link>
		<comments>http://www.lyxia.org/blog/mac/deinstaller-vos-logiciels-proprement-avec-appcleaner-533#comments</comments>
		<pubDate>Thu, 18 Jun 2009 07:38:30 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[Mac]]></category>
		<category><![CDATA[Appcleaner]]></category>
		<category><![CDATA[désinstaller]]></category>
		<category><![CDATA[proprement]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=533</guid>
		<description><![CDATA[Beaucoup de logiciels sur Mac OS X sont facile à installer/désinstaller; il suffit de glisser déposer l'icône du logiciel dans la corbeille. Mais... certains programmes créent des dossiers à d'autres endroits comme /Library. Il est souvent fatiguant d'aller chercher tous ces fichiers un à un, c'est là qu'<strong>AppCleaner</strong> intervient.]]></description>
			<content:encoded><![CDATA[<p>Beaucoup de logiciels sur Mac OS X sont facile à installer/désinstaller; il suffit de glisser déposer l'icône du logiciel dans la corbeille. Mais... certains programmes créent des dossiers à d'autres endroits comme /Library. Il est souvent fatiguant d'aller chercher tous ces fichiers un à un, c'est là qu'<strong>AppCleaner</strong> intervient. En plus de ceci <strong>AppCleaner</strong> propose un système de recherche de Widgets présents sur votre Mac et de les désinstaller également. AppCleaner est disponible gratuitement à <a href="http://www.freemacsoft.net/AppCleaner/" target="_blank" rel="nofollow" target="_blank">cette adresse</a>.</p>
<p><a rel="attachment wp-att-534" href="http://www.lyxia.org/blog/mac/deinstaller-vos-logiciels-proprement-avec-appcleaner-533/attachment/appcleanerinfo"><img class="alignnone size-medium wp-image-534" src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/appcleanerinfo-300x163.png" alt="appcleanerinfo" width="300" height="163" /></a></p>
<p>Une fois AppCleaner Installé, exécutez la bête. L'interface est très intuitive, il vous suffit de glisser/déposer l'application que vous voulez supprimer dans la zone indiquée. AppCleaner cherche tout les fichiers liés à l'application en question et il ne vous reste plus qu'à cliquer sur "<strong>Supprimer</strong>".</p>
<p><a rel="attachment wp-att-535" href="http://www.lyxia.org/blog/mac/deinstaller-vos-logiciels-proprement-avec-appcleaner-533/attachment/fichierstrouves"><img class="alignnone size-medium wp-image-535" src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/fichierstrouves-300x30.png" alt="fichierstrouves" width="300" height="30" /></a> <a rel="attachment wp-att-536" href="http://www.lyxia.org/blog/mac/deinstaller-vos-logiciels-proprement-avec-appcleaner-533/attachment/appcleaner-supprimer"><img class="alignnone size-medium wp-image-536" src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/appcleaner-supprimer-300x27.png" alt="appcleaner-supprimer" width="300" height="27" /></a></p>
<p>Votre logiciel sera maintenant proprement supprimé.</p>
<p>Dans l'onglet <strong>Applications</strong>, AppCleaner effectue une recherche de tous les logiciels installés sur votre Mac et vous pouvez les désinstaller d'ici également. Dans l'onglet <strong>Widgets</strong> vous avez une liste de tous les Widgets installés sur votre Mac et de la même façon vous pouvez les désinstaller. Il est toujours conseillé de désinstaller les Widgets qu'on n'utilise pas pour gagner en ressources &amp; espace disque. Enfin, dans le dernier onglet "<strong>Autre</strong>" vous trouverez une liste de plugins, fichiers de configurations, etc. que vous pouvez désinstaller.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/mac/deinstaller-vos-logiciels-proprement-avec-appcleaner-533/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vider la corbeille de fichiers protégés avec BatChmod</title>
		<link>http://www.lyxia.org/blog/mac/vider-la-corbeille-de-fichiers-proteges-avec-batchmod-517</link>
		<comments>http://www.lyxia.org/blog/mac/vider-la-corbeille-de-fichiers-proteges-avec-batchmod-517#comments</comments>
		<pubDate>Wed, 17 Jun 2009 14:10:56 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[Mac]]></category>
		<category><![CDATA[BatChmod]]></category>
		<category><![CDATA[Fichiers protégés]]></category>
		<category><![CDATA[Supprimer]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=517</guid>
		<description><![CDATA[C'est certainement déjà arrivé à beaucoup de monde le fameux message de Mac OS X indiquant qu'il ne peut pas vider la corbeille du fait que le fichier est protégé / utilisé. Ceci arrive par exemple lorsque vous avez désinstallé des Widgets avec "AppCleaner". Il y a une solution rapide et efficace pour effectuer cette [...]]]></description>
			<content:encoded><![CDATA[<p>C'est certainement déjà arrivé à beaucoup de monde le fameux message de Mac OS X indiquant qu'il ne peut pas vider la corbeille du fait que le fichier est protégé / utilisé. Ceci arrive par exemple lorsque vous avez désinstallé des Widgets avec "<strong>AppCleaner</strong>". Il y a une solution rapide et efficace pour effectuer cette tâche : <strong>BatChmod</strong>.</p>
<p><img src="http://www.macchampion.com/arbysoft/Welcome_files/shapeimage_2.png" alt="Batchmod" align="center" /></p>
<p>Téléchargez BatChmod via <a href="http://www.macchampion.com/arbysoft/batchmod_151.dmg" target="_blank">ce lien</a>. Exécutez Batchmod et vous verrez cette fenêtre apparaître:</p>
<p><a rel="attachment wp-att-519" href="http://www.lyxia.org/blog/mac/vider-la-corbeille-de-fichiers-proteges-avec-batchmod-517/attachment/batchmod"><img class="alignnone size-medium wp-image-519" src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/batchmod-300x182.png" alt="BatChmod" width="300" height="182" /></a></p>
<p>Cette fenêtre offre la possibilité de changer les droits de lecture, écriture et d'exécution (R, W, X) de différents fichiers/dossiers. Nous ne sommes pas intéressé  par cette fonction, mais c'est dans le même cadre, ce qui bloque Mac OS X à supprimer ces fichiers sont les droits qui y sont rattachés c'est pourquoi BatChmod va changer ces droits pour que la suppression devienne possible.</p>
<p>Pour cela rendez-vous dans "<strong>BatChmod &gt; Forcer la corbeille à se vider<span style="font-weight: normal;">". Valider votre choix en cliquant sur "Vider la corbeille", et le tour est joué.</span></strong></p>
<p><strong><span style="font-weight: normal;"><a rel="attachment wp-att-520" href="http://www.lyxia.org/blog/mac/vider-la-corbeille-de-fichiers-proteges-avec-batchmod-517/attachment/suprcorbeille"><img class="alignnone size-thumbnail wp-image-520" src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/suprcorbeille-150x150.png" alt="suprcorbeille" width="150" height="150" /></a></span></strong></p>
<p><span style="font-weight: normal;"><strong><span style="font-family: mceinline;">Attention: Faites attention à ne pas supprimer des logiciels obligatoires pour Mac OS X.</span></strong></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/mac/vider-la-corbeille-de-fichiers-proteges-avec-batchmod-517/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PS CS4: Optimiser des compositions transparent pour fonds unis</title>
		<link>http://www.lyxia.org/blog/design/photoshop/ps-cs4-optimiser-des-compositions-transparent-pour-fonds-unis-499</link>
		<comments>http://www.lyxia.org/blog/design/photoshop/ps-cs4-optimiser-des-compositions-transparent-pour-fonds-unis-499#comments</comments>
		<pubDate>Sun, 14 Jun 2009 19:20:04 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[cache]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[transparence]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=499</guid>
		<description><![CDATA[Quand on a une composition avec des arrondis flous ou encore différentes valeurs d'opacité il est souvent difficile de créer une image peu lourde sous Photoshop. Le seul format capable de garder la transparence est le png-24, qui est plutôt lourd comme format. Le format GIF ne supporte pas les différentes valeurs de transparence, uniquement [...]]]></description>
			<content:encoded><![CDATA[<p>Quand on a une composition avec des arrondis flous ou encore différentes valeurs d'opacité il est souvent difficile de créer une image peu lourde sous Photoshop. Le seul format capable de garder la transparence est le png-24, qui est plutôt lourd comme format. Le format GIF ne supporte pas les différentes valeurs de transparence, uniquement soit tout à fait transparent soit tout à fait remplit. Le truc est de pouvoir camoufler les bords pour imiter la transparence.</p>
<p>Pour l'exemple, prenons cette image [<a rel="attachment wp-att-510" href="http://www.lyxia.org/blog/design/photoshop/ps-cs4-optimiser-des-compositions-transparent-pour-fonds-unis-499/attachment/trans">Fichier source</a>]:</p>
<p><img class="alignnone size-medium wp-image-500" src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/image-exemple-300x298.png" alt="modèle" width="180" height="179" /></p>
<p>Nous y voyons clairement des ronds avec un flou gaussien. Supposons que la composition est terminée et que nous voulons la sauvegarder. Allez dans "<strong>Enregistrer pour le web et les périphériques</strong>". Par défaut Photoshop va choisir png-24, car il reconnaît qu'il y a des zones transparentes, regardez bien la taille du fichier actuel: <strong>39,02 Ko. </strong>Choisissez maintenant dans la liste à droite GIF.</p>
<p><img class="alignnone size-medium wp-image-501" src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/exemple-debut-gif-300x205.png" alt="Exemple de GIF " width="300" height="205" /></p>
<p>Comme vous voyez l'image n'est pas de bonne qualité, les bords ne sont pas transparents. En choisissant <em>64 couleurs</em> l'image reste correct sans perdre trop de qualité, le poids est à présent <strong>14ko, </strong>une sacré différence. Notre but donc, est de simuler la transparence pour un fond uni (détail important). Cliquez maintenant sur la <em>couleur de la pipette </em>(caré noir à gauche) et choisissez-y une couleur claire, pour l'exemple je vous propose <strong>#82eff9</strong>. Il faut maintenant dire à Photoshop que nous allons utiliser cette couleur comme fond de notre page web.</p>
<h2>Changer le fond dans Photoshop</h2>
<p>Pour changer le fond, cliquez sur la petite flèche à droite de la première liste déroulante et sélectionner ensuite "<strong>Modifier les paramètres de sortie...</strong>".</p>
<p><img class="alignnone size-medium wp-image-502" src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/options-gip-trans-300x237.png" alt="Options" width="300" height="237" /></p>
<p>Une fois sur la fenêtre de dialogue des paramètres de sortie, choisissez dans la deuxième liste déroulante "<strong>Arrière-plan</strong>". Dans la zone "<strong>Afficher le document  sous</strong>" sélectionner "<strong>Image</strong>" et non "<strong>Arrière-plan</strong>" vu que nous souhaitons avoir un arrière-plan uni. Pour choisir la couleur d'arrière-plan cliquez sur les deux petites flèches à droite de "<strong>Couleur:</strong>" et sélectionner-y "<strong>Couleur de la pipette</strong>", ce qui est donc notre bleu clair. Confirmez en cliquant sur "<strong>OK</strong>".</p>
<p><img class="alignnone size-full wp-image-503" src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/parametre-sortie.png" alt="Paramètres de sortie" width="431" height="330" /></p>
<p>Voyons voir ce que ça donne en cliquant sur "<strong>Aperçu</strong>" dans le bas de la fenêtre de sauvegarde pour le web &amp; périphériques. Comme vous voyez les bords ne sont pas comme nous les souhaitons, transparent mais avec du blanc.</p>
<p>Ce qu'il nous reste à faire est de cliquer sur "<strong>Cache</strong>" dans la partie droite de la fenêtre dans les options du GIF et d'y sélectionner "<strong>Couleur de la pipette</strong>".</p>
<p><img class="alignnone size-full wp-image-504" src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/couleur-pipette.png" alt="Couleur pipette" width="177" height="131" /></p>
<p>Les bords blancs sont maintenant notre couleur bleue clair. Ca peut sembler étrange à première vue mais vous comprendrez pourquoi lorsque vous aurez cliqué sur "<strong>Aperçu</strong>" une dernière fois.</p>
<p><img class="alignnone size-medium wp-image-506" src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/sans1-300x230.png" alt="sans1" width="300" height="230" /><img class="alignnone size-medium wp-image-507" src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/avec-300x227.png" alt="avec" width="300" height="227" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/design/photoshop/ps-cs4-optimiser-des-compositions-transparent-pour-fonds-unis-499/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Photoshop CS4: Préférences pour le web</title>
		<link>http://www.lyxia.org/blog/design/photoshop/photoshop-cs4-preferences-pour-le-web-482</link>
		<comments>http://www.lyxia.org/blog/design/photoshop/photoshop-cs4-preferences-pour-le-web-482#comments</comments>
		<pubDate>Sun, 14 Jun 2009 13:49:55 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[pixels]]></category>
		<category><![CDATA[profil colorimétrique]]></category>
		<category><![CDATA[Règles]]></category>
		<category><![CDATA[RGB]]></category>
		<category><![CDATA[RVB]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=482</guid>
		<description><![CDATA[Si vous utilisez Photoshop régulièrement dans le but de créer images, boutons, etc. pour le web il est important de configurer Photoshop correctement. Ceci améliorera grandement la facilité d'utilisation de Photoshop et la qualité des images réalisées.]]></description>
			<content:encoded><![CDATA[<p>Si vous utilisez Photoshop régulièrement dans le but de créer images, boutons, etc. pour le web il est important de configurer Photoshop correctement. Ceci améliorera grandement la facilité d'utilisation de Photoshop et la qualité des images réalisées (point 2.).</p>
<h2>1 - Configurer les règles en pixels</h2>
<p>La première préférence à contrôler est de mettre les règles en pixels. Pour ce faire il vous suffit en premier d'afficher les règles. Vous pouvez les activer soit via le panneau d'applications (nouveau dans CS4), soit via "<strong>Affichage &gt; Règles</strong>".</p>
<p><img class="size-full wp-image-484 " src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/afficher-regles-applicationbar.png" alt="Afficher les règles via la barre d'applications" width="66" height="34" /></p>
<p>Il ne vous reste, ensuite, plus qu'à faire un clic droit sur la zone des règles (horizontale ou verticale) et de choisir "<em>Pixels</em>".</p>
<p><img class="size-full wp-image-485 " src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/regles-pixels1.png" alt="Régler les règles en pixels" width="99" height="111" /></p>
<h2>2 - Configurer les couleurs (sRGB)</h2>
<p>Quand on créé une réalisation pour le web il est important que les images aient les mêmes couleurs que lorsque vous les créez. C'est pour cela qu'il est préférable d'émuler les couleurs qui seront affichées sur un navigateur standard. Pour régler les couleurs allez dans "<strong>Edition &gt; Couleur</strong><strong>s</strong>" . Dans la première liste déroulante choisissez "Utilisation générale pour l'Amérique du Nord 2". Notez qu'après ce changement la case "<strong>RVG</strong>" (RGB en Anglais) est maintenant en "<strong>sRGB</strong>". sRGB est le meilleur choix pour des créations pour le web car c'est l'espace colorimétrique qui ressemble le plus à l'affichage des couleurs d'un écran standard.<br />
Dans la zone <em>Règles de gestion des couleurs </em> nous voyons que RVB (RGB) est mit sur "<strong>Conserver les profils incorporés</strong>". Ceci signifie que si vous ouvrez un document qui n'a pas été créé en mode sRGB, Photoshop le convertira en ce dernier mode. Confirmez les changements en cliquant sur "<strong>OK</strong>".<br />
<img class="size-medium wp-image-486 " src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/options-images-300x252.png" alt="Couleurs pour web" width="300" height="252" /></p>
<p>Si vous travaillez sur une composition d'une autre personne et que vous voulez contrôler en quel mode colorimétrique cette composition se trouve il vous suffit de regarder en bas de votre écran, sous l'espace de travail. Cliquez sur la petite flèche et dans "<strong>Afficher</strong>", choisissez "<strong>Options du document</strong><em>". </em>Vous verrez maintenant quel est le profil colorimétrique utilisé de la création active. Si ce n'est pas en <em>sRGB</em>, vous avez deux manières de convertir la composition en sRGB.</p>
<p><img class="size-medium wp-image-487" src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/convertion-profil-colorimetrique-300x157.png" alt="Conversion de profil colorimétrique" width="300" height="157" /></p>
<p>La première méthode consiste à aller dans "<strong>Edition &gt; Convertir en profil...</strong>" . Dans la fenêtre de dialogue qui s'affiche vous voyez dans la zone "<strong>Espace source</strong>" le profil colorimétrique actuel de votre composition, dans la zone "<strong>Espace de destination</strong>" vous pouvez modifier le profil colorimétrique. Ouvrez la liste déroulante de cette zone et choisissez "<strong>sRGB</strong>".</p>
<p>Il est possible d'oublier cette action lorsque vous êtes en plein travail d'édition c'est pourquoi Photoshop offre une deuxième manière de convertir l'image, ceci lors de la sauvegarde pour web et périphériques.</p>
<p>Vous l'aviez deviné, allez dans "<strong>Fichier &gt; Enregistrer pour le  Web et les Périphériques ...</strong>" dans la</p>
<div class="mceTemp">
<dl>
<dt><img class="size-medium wp-image-488" src="http://www.lyxia.org/blog/wp-content/uploads/2009/06/conversion-profil-savewebdevices-300x205.png" alt="Conversion de profil colorimétrique" width="300" height="205" />fenêtre cocher la case "<strong>Convertir en sRGB</strong>" pour que votre composition soit enregistrée dans le bon profil colorimétrique pour le web.</p>
</dt>
</dl>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/design/photoshop/photoshop-cs4-preferences-pour-le-web-482/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rendu de son site sur différents navigateurs</title>
		<link>http://www.lyxia.org/blog/ressources/rendu-de-son-site-sur-differents-navigateurs-474</link>
		<comments>http://www.lyxia.org/blog/ressources/rendu-de-son-site-sur-differents-navigateurs-474#comments</comments>
		<pubDate>Mon, 08 Jun 2009 08:34:25 +0000</pubDate>
		<dc:creator>jbl</dc:creator>
				<category><![CDATA[Outils]]></category>
		<category><![CDATA[Ressources]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=474</guid>
		<description><![CDATA[Développeur de sites internet il est impératif de tester ses sites sous différents navigateurs afin d'en vérifier le bon rendu et d'en garantir le maximum de compatibilité.
Il existe des solutions simples et rapides pour les développeurs web pressés mais un minimum consciencieux.
La première que j'ai retenue, la plus rapide et complète lorsqu'on veut dégrossir le [...]]]></description>
			<content:encoded><![CDATA[<p>Développeur de sites internet il est impératif de tester ses sites sous différents navigateurs afin d'en vérifier le bon rendu et d'en garantir le maximum de compatibilité.</p>
<p>Il existe des solutions simples et rapides pour les développeurs web pressés mais un minimum consciencieux.</p>
<p>La première que j'ai retenue, la plus rapide et complète lorsqu'on veut dégrossir le boulot, est d'utiliser un service en ligne de captures d'écran <a href="http://browsershots.org" target="_blank" rel="nofollow">http://browsershots.org</a></p>
<p><center><img src="/blog/wp-content/uploads/2009/06/browsershots.jpg" alt="browsershots .org"/></center></p>
<p>Vous indiquez l'url du site à tester et il vous fait des captures d'écran sous les différents navigateurs. Le soucis du détail est un peu délaissé mais c'est déjà une bonne base. Un très grand choix de navigateurs est proposé.</p>
<p><center><img src="/blog/wp-content/uploads/2009/06/browsershots2.jpg" alt="browsershots .org"/></center></p>
<p>Néanmoins pour plus de précision rien de tel que d'installer les principaux navigateurs sur son PC...</p>
<p>Et quand c'est plus difficile à réaliser comme avoir les différentes versions d'Internet Explorer là aussi il y a une solution qui s'appelle <a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IE Tester</a>, un utilitaire gratuit qui va vous permettre de tester votre site sur les différentes versions d'Internet Explorer 5.5 6 7 8</p>
<p><center><img src="/blog/wp-content/uploads/2009/06/ietester.jpg" alt="ie tester"/></center></p>
<p>Si vous connaissez d'autres solutions "légères" n'hésitez pas.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/ressources/rendu-de-son-site-sur-differents-navigateurs-474/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Monitoring de site avec alerte mail et SMS</title>
		<link>http://www.lyxia.org/blog/developpement/php/monitoring-de-site-avec-alerte-mail-et-sms-456</link>
		<comments>http://www.lyxia.org/blog/developpement/php/monitoring-de-site-avec-alerte-mail-et-sms-456#comments</comments>
		<pubDate>Sun, 31 May 2009 09:48:49 +0000</pubDate>
		<dc:creator>jbl</dc:creator>
				<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=456</guid>
		<description><![CDATA[Dans la série bout de code PHP sympathique, voici un monitoring de site (surveillance) avec alerte mail et SMS.]]></description>
			<content:encoded><![CDATA[<p>En cette période de longs week-end il est toujours intéressant d'être alerté automatiquement en cas de soucis sur son ou ses sites. </p>
<p>Voici un code PHP pour surveiller que son site web répond (monitoring de site).</p>
<p>Il pourra ainsi détecter si le site ne répond pas ou si la page d'accueil contient bien le mot clé indiqué. C'est toujours utile de vérifier le contenu, dans le cas par exemple où on se fait hacker et que le hacker met juste sa signature en page d'accueil, ou plus classique le site web répond mais affiche juste un message d'erreur.</p>
<p>Ce programme de monitoring de site doit être placé sur un autre serveur que le site à surveiller afin justement de ne pas risquer d'être down en même temps.</p>
<p>En cas de problème ce monitoring de site envoie un mail ou une alerte SMS.</p>
<p>On crée une page PHP et on y met son include de connexion à la base de données.</p>
<p>La première chose à écrire est la fonction de monitoring de site (surveillance).</p>
<p>On regarde si le site (host) répond et si on a bien la chaine de caractères désirée (find).<br />
Retourne True si tout est ok, sinon retourne False.</p>
<pre>function check($host, $find) {
 $fp = fsockopen($host, 80, $errno, $errstr, 10);
 if (!$fp) {
  echo "$errstr ($errno)\n";
 } else {
  $header = "GET / HTTP/1.1\r\n";
  $header .= "Host: $host\r\n";
  $header .= "Connection: close\r\n\r\n";
  fputs($fp, $header);
  while (!feof($fp)) {
   $str .= fgets($fp, 1024);
  }
  fclose($fp);
  return (strpos($str, $find) !== false);
 }
}
</pre>
<p>On va maintenant écrire la fonction qui envoie le mail d'alerte et le SMS.<br />
On utilise ici le service d'envoi de sms : smsbox.fr.</p>
<pre>function alert($host) {
 global $ConnString2;
 $conn = mysql_connect($ConnString2['ip'],$ConnString2['uid'],$ConnString2['pwd']) or die('impossible de se connecter');
 mysql_select_db($ConnString2['db'], $conn) or die('erreur bdd'); 

 // on purge la table des vieux enregistrements
 $sql = 'delete from monitoring where date_add(date, interval 12 hour) < NOW()';
 mysql_query($sql) or erreurbdd (mysql_error(),$sql);

 // on historise l'alerte
 $sql = 'insert into monitoring (host, date) values (\''.$host.'\', now())';
 mysql_query($sql) or erreurbdd (mysql_error(),$sql);

 // on compte le nombre d'échecs
 $sql = 'select count(*) as tot from monitoring where host=\''.$host.'\'';
 $rs = mysql_query($sql) or erreurbdd (mysql_error(),$sql);
 $row = mysql_fetch_array($rs);

 // on envoi le sms au deuxième échec
 if ($row['tot'] == 2) {
  mail('monmail@gmail.com', 'Monitoring', $host.' down');
  mail('sms@smsbox.fr', 'login=****&#038;pass=****&#038;dest=**********&#038;mode=Expert&#038;notif=1', $host.' down');
 }
 mysql_close();
}
</pre>
<p>C'est presque terminé il faut juste écrire les appels du monitoring :</p>
<pre>$host = 'www.lyxia.org';
$find = 'Theme par JBJ';
if (!check($host, $find)) alert($host);
</pre>
<p>Et dans la base de données on crée la table monitoring</p>
<pre>CREATE TABLE `monitoring` (
  `host` varchar(25) NOT NULL,
  `date` datetime NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1
</pre>
<p>Voilà on peut partir en week-end rassuré, on sera alerté en cas de soucis, et il suffira d'agir en conséquence : appel à l'hébergeur, reboot du serveur etc.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/developpement/php/monitoring-de-site-avec-alerte-mail-et-sms-456/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Config PC sur mesure</title>
		<link>http://www.lyxia.org/blog/ressources/actualite/config-pc-sur-mesure-439</link>
		<comments>http://www.lyxia.org/blog/ressources/actualite/config-pc-sur-mesure-439#comments</comments>
		<pubDate>Thu, 16 Apr 2009 10:03:49 +0000</pubDate>
		<dc:creator>jbl</dc:creator>
				<category><![CDATA[Actualité]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=439</guid>
		<description><![CDATA[Distrinet propose du PC sur mesure. On peut partir de préconisations : des configs toutes faites que l'on personnalise en changeant quelques composants. On peut aussi partir de rien : le PC 100% sur mesure et choisir un par un ses composants.
La force du système est de rechercher et proposer des listes de composants compatibles [...]]]></description>
			<content:encoded><![CDATA[<p>Distrinet propose du <a href="http://www.distrinet.fr" target="_blank">PC sur mesure</a>. On peut partir de préconisations : des configs toutes faites que l'on personnalise en changeant quelques composants. On peut aussi partir de rien : le <a href="http://www.distrinet.fr/pc-sur-mesure-elexence-pr204" target="_blank">PC 100% sur mesure</a> et choisir un par un ses composants.</p>
<p>La force du système est de rechercher et proposer des listes de composants compatibles avec les choix précédents.</p>
<p>Il fonctionne aussi bien pour du <a href="http://www.distrinet.fr/ordinateur/pc-de-bureau" target="_blank">PC de bureau sur mesure</a> que pour du <a href="http://www.distrinet.fr/ordinateur/pc-portable" target="_blank">PC portable sur mesure</a></p>
<p>On pourra choisir entre le montage simple des composants sans installation de l'OS,<br />
ou la fabrication complète de l’ordinateur avec installation de l'OS, tests de stabilité, paramétrages et installation d'un système de récupération.</p>
<p>Un large choix de garanties, garantie pièces et main d'oeuvre avec retour usine de 1 an,<br />
garantie par enlèvement sur site France avec retour usine et assistance téléphonique de x ans,<br />
garantie sur site et assistance téléphonique de 1 an.</p>
<p>Je me suis fait une petite config bien sympathique à base d'Intel Core i7 : voici le lien vers <a href="http://www.distrinet.fr/pc-configuration.asp?NoCf=P10200903260000076" target="_blank">ma config sur mesure</a>, lien fournit par la fonctionnalité <i>"Ajouter à ma sélection"</i> qui fournit un lien que l'on peut ainsi transmettre à qui l'on veut pour montrer le détail de sa config, la soumettre sur des <a href="http://forum.tplpc.com/index.php?s=48a829e05b14aa687105ba590abb8d7a&#038;showforum=19" target="_blank">forums conseil d'achat</a> pour avoir des avis avant d'acheter.</p>
<p><img src="http://www.elexence.fr/images/Distributeur10/Composants/CASCOC-6A34-ELX550sil_1.png" alt="pc sur mesure"/><br />
    * Processeur Intel® Core™ i7 920<br />
    * (3) Mémoire de 1 Go DDR3-1333 MHz PC3-10666 Kingston<br />
    * Disque dur 160 Go SATA 7200 8 Mo<br />
    * Lecteur Blu-Ray HD DVD et graveur CD - DVD<br />
    * Radeon HD 4350, GIGABYTE®, 512 Mo DDR2<br />
    * Boîtier façon aluminium, alimentation 550 Watts silencieuse<br />
    * Carte mère Gigabyte GA-X58-UD3R<br />
    * lecteur de cartes mémoires<br />
    * Microsoft Windows XP familial SP3 (French)<br />
    * BitDefender Internet Security 2009 30 jours<br />
    * Microsoft® Works 8.0<br />
    * Garantie d'1 an retour atelier<br />
    * Fabrication avec installation de Windows</p>
<p>Pourquoi je vous en parle ? Tout simplement car j'aime ce genre d'outil innovant, il est réalisé en JSON qui est l'équivalent d'AJAX mais permet un dialogue plus ouvert sur différents serveurs (et favorise l'intégration en marque blanche comme ici <a href="http://www.tplpc.com/config-pc-gamer.html" target="_blank">Config PC gamer</a>) tout en préservant la qualité essentielle du changement des données de la page sans rechargement complet inutile.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/ressources/actualite/config-pc-sur-mesure-439/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Themes wordpress</title>
		<link>http://www.lyxia.org/blog/ressources/wordpress-ressources/themes-wordpress-435</link>
		<comments>http://www.lyxia.org/blog/ressources/wordpress-ressources/themes-wordpress-435#comments</comments>
		<pubDate>Wed, 15 Apr 2009 11:43:35 +0000</pubDate>
		<dc:creator>jbl</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=435</guid>
		<description><![CDATA[J'ai souvent des demandes concernant des thèmes Wordpress. Il existe différents sites pour trouver des thèmes de qualité à un prix raisonnable pour Wordpress. Que vous ayez un blog pour y parler de tout, ou sur une thématique précise comme sur Lyxia où l'on parle de webdesign, webdev ou autres thèmes comme les animaux, le [...]]]></description>
			<content:encoded><![CDATA[<p>J'ai souvent des demandes concernant des thèmes Wordpress. Il existe différents sites pour trouver des thèmes de qualité à un prix raisonnable pour Wordpress. Que vous ayez un blog pour y parler de tout, ou sur une thématique précise comme sur Lyxia où l'on parle de webdesign, webdev ou autres thèmes comme les animaux, le hitech, la nature etc</p>
<p>Il en existe des quantités, voici la collection templatesmonster.</p>
<p><script type="text/javascript" src="http://www.templatehelp.com/codes/pr_interface.php?cols=3&amp;rows=3&amp;sadult=0&amp;sp=30&amp;bgcolor=%23FFFFFF&amp;type=17&amp;iw=620&amp;ih=740&amp;category=0&amp;pr_code=szyo73bS63axas46rzZh338w05KD9D"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/ressources/wordpress-ressources/themes-wordpress-435/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Communiquer entre serveurs par requêtes xml</title>
		<link>http://www.lyxia.org/blog/developpement/php/communiquer-entre-serveurs-par-requetes-xml-422</link>
		<comments>http://www.lyxia.org/blog/developpement/php/communiquer-entre-serveurs-par-requetes-xml-422#comments</comments>
		<pubDate>Sat, 28 Mar 2009 11:02:02 +0000</pubDate>
		<dc:creator>jbl</dc:creator>
				<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=422</guid>
		<description><![CDATA[J'ai eu comme problématique de convertir en php une fonctionnalité écrite en asp. Un serveur communique avec un autre par le biais de requêtes xml.]]></description>
			<content:encoded><![CDATA[<p>J'ai eu comme problématique de convertir en php une fonctionnalité écrite en asp. Un serveur communique avec un autre par le biais de requêtes xml.</p>
<p>Le serveur A envoie une requête XML au serveur B. Dans cette requête xml il indique les informations désirées.</p>
<p>Le serveur B lui retourne en xml les informations demandées. Le serveur A avec apache et php doit donc <strong>récupérer et traiter des données xml</strong>. C'est ici que j'interviens.</p>
<p>En ASP on se sert de :</p>
<pre>
// envoyer et récupérer le xml
set objSrvHTTP = Server.CreateObject("MSXML2.ServerXMLHTTP")
// pour traiter le xml
set objXMLReceive = Server.CreateObject("MSXML2.DOMDocument")
</pre>
<p>En php sans installer rien de plus on a la solution basique du fsockopen</p>
<pre>
$page = '/GetProduct.aspx';
$host = 'www.urldusite.com';
//requête xml afin de demander la catégorie produit 250
$req = '&lt;?xml version="1.0"?>&lt;Request>'.
'&lt;Category>250&lt;/Category>'.
'&lt;/Request>';

$fp = fsockopen($host, 80, $errno, $errstr, 30);
if (!$fp) {
    echo "$errstr ($errno)\n";
} else {
    $header = "GET $page HTTP/1.1\r\n";
    $header .= "Host: $host\r\n";
    $header .= "Content-Type: text/xml\r\n";
    $header .= "Content-Length: " . strlen($req) . "\r\n";
    $header .= "Connection: close\r\n\r\n";

    fwrite($fp, $header.$req);
    while (!feof($fp)) {
        $items .= fgets($fp, 1024);
    }
    fclose($fp);
}
// la réponse du serveur est stockée dans $items
</pre>
<p>Avec cette méthode on récupère ce qu'on veut à savoir les données xml mais aussi des choses moins intéressantes qu'on appelle entête. Selon comment on va traiter ces informations il est important d'en tenir compte.</p>
<pre>
HTTP/1.1 200 OK
Server: Microsoft-IIS/4.0
Date: Sat, 28 Mar 2009 10:42:26 GMT
Connection: close
Content-Type: text/xml
Expires: Fri, 27 Mar 2009 10:42:24 GMT
Set-Cookie: ShopperManager%2F=SHOPPERMANAGER%2F=0LX925TK2PT92GW500AL08MS25MSEBE2; expires=Thu, 31-Dec-2009 23:00:00 GMT; path=/
Set-Cookie: ASPSESSIONIDGQQQGRQQ=HIJLBCCAKCINKHKNLBGGNDGL; path=/
Cache-control: no-cache
Transfer-Encoding: chunked

11a6
&lt;?xml version="1.0" encoding="ISO-8859-1"?>&lt;Response>
&lt;Product>&lt;Reference>A55222&lt;/Reference>&lt;Description>En stock&lt;/Description>&lt;/Product>
&lt;Product>&lt;Reference>A65892&lt;/Reference>&lt;Description>En stock&lt;/Description>&lt;/Product>
&lt;/Response>
0
</pre>
<p>SimpleXML n'est pas installé sur le serveur j'ai donc utilisé l'expression rationnelle eregi pour récupérer les informations désirées. L'entête comprise dans la réponse ne me gène donc pas.</p>
<pre>
// on vérifie que la syntaxe xml corresponde à ce qu'on attend
if( !eregi('&lt;Response>(.*)&lt;/Response>', $items) ) {

 die("erreur");

} else {

 // on crée un tableau avec l'ensemble des informations produit
 $items = explode('&lt;Product>', $items);
 $countitems = count($items)-1;

 for( $i = 0; $i < $countitems; $i++ ) {
  // produit par produit on va chercher l'info
  eregi('&lt;Reference>(.*)&lt;/Reference>', $items[$i+1], $name);
  eregi('&lt;Description>(.*)&lt;/Description>', $items[$i+1], $desc);
  echo $name[1].'&lt;br/>'.$desc[1].'&lt;br/>&lt;br/>';
 }

}
</pre>
<p>Pour plus d'informations sur le fsockopen et en particulier <a href="http://us2.php.net/manual/en/function.fsockopen.php#36703" rel="nofollow" target="_blank">cet exemple de code</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/developpement/php/communiquer-entre-serveurs-par-requetes-xml-422/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>loading.gif</title>
		<link>http://www.lyxia.org/blog/ressources/outils/loadinggif-416</link>
		<comments>http://www.lyxia.org/blog/ressources/outils/loadinggif-416#comments</comments>
		<pubDate>Thu, 26 Mar 2009 20:41:39 +0000</pubDate>
		<dc:creator>jbl</dc:creator>
				<category><![CDATA[Outils]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=416</guid>
		<description><![CDATA[Voici un outil en ligne bien pratique pour générer différentes sortes d'images de loading.]]></description>
			<content:encoded><![CDATA[<p>Voici un outil en ligne bien pratique pour générer différentes sortes d'images de loading animées (loading.gif). Il est possible de choisir la forme, la couleur du fond et la couleur de l'image.</p>
<p><a href="http://www.ajaxload.info" rel="nofollow" target="_blank"><img src="/blog/wp-content/uploads/2009/03/ajaxload.jpg" alt=""/></a></p>
<p>Quelques loading.gif générés par cet outil :<br />
<center><br />
<img src="/blog/wp-content/uploads/2009/03/loading1-1.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading2-1.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading5-1.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading8-1.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading19-1.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading25-1.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading32-1.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading36-1.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading36-2.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading36-3.gif" alt="loading..."/><br />
</center></p>
<p>Vous trouverez cet outil loading.gif à cette adresse <a href="http://www.ajaxload.info" rel="nofollow" target="_blank">ajaxload.info</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/ressources/outils/loadinggif-416/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
