<?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>Creation site internet Lyon &#187; développement web</title>
	<atom:link href="http://www.creation-site-lyon.com/category/developpement-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.creation-site-lyon.com</link>
	<description>C&#039;est beau, ça fonctionne, ça évolue &#169;</description>
	<lastBuildDate>Wed, 07 Jul 2010 14:52:46 +0000</lastBuildDate>
	<language>fr</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Magento : redirection des nouveautés &amp; tri des produits groupés</title>
		<link>http://www.creation-site-lyon.com/2010/06/28/magento-redirection-des-nouveautes-tri-des-produits-groupes/</link>
		<comments>http://www.creation-site-lyon.com/2010/06/28/magento-redirection-des-nouveautes-tri-des-produits-groupes/#comments</comments>
		<pubDate>Mon, 28 Jun 2010 09:04:13 +0000</pubDate>
		<dc:creator>raphael</dc:creator>
				<category><![CDATA[développement web]]></category>
		<category><![CDATA[e-commerce]]></category>

		<guid isPermaLink="false">http://www.creation-site-lyon.com/?p=320</guid>
		<description><![CDATA[Dans la continuité du développement d&#8217;un de nos sites e-commerce sous Magento, nous avons du répondre aux besoin suivants : rediriger l&#8217;utilisateur lorsqu&#8217;il clique sur un produit affiché en tant que nouveauté sur la page d&#8217;accueil vers la catégorie parente de ce produit. résoudre un bug de Magento qui change constamment l&#8217;ordre de la liste [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2010%2F06%2F28%2Fmagento-redirection-des-nouveautes-tri-des-produits-groupes%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2010%2F06%2F28%2Fmagento-redirection-des-nouveautes-tri-des-produits-groupes%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Dans la continuité du développement d&#8217;un de nos <a href="http://www.applibox.com/agence-web-lyon-villefranche-sur-saone/etudes-de-cas" target="_blank">sites e-commerce sous Magento</a>, nous avons du répondre aux besoin suivants :</p>
<ul>
<li>rediriger l&#8217;utilisateur lorsqu&#8217;il clique sur un produit affiché en tant que nouveauté sur la page d&#8217;accueil vers la catégorie parente de ce produit.</li>
<li>résoudre un bug de Magento qui change constamment l&#8217;ordre de la liste des produits simples contenus dans un produit groupé.</li>
</ul>
<h3>Redirection :</h3>
<ul>
<li>Comme vous le savez peut-être déjà, la gestion de nouveaux produits sur la page d&#8217;accueil se fait par le template <strong>/app/design/frontend/votre_interface/votre_theme/template/catalog/product/new.phtml</strong></li>
<li>Ouvrez donc ce fichier et placez vous juste après la ligne suivante : <code>&lt;?php $i=0; foreach ($_products-&gt;getItems() as $_product): ?&gt;</code></li>
<li>Ce code représente la boucle sur les nouveaux produits, ajoutez donc le code suivant :<code><br />
&lt;?php<br />
/**<br />
* On récupère les catégories du produit sur lequel on est focalisé<br />
*/<br />
$_categories = $_product-&gt;getCategoryIds();<br />
/**<br />
* Parmi ces catégories, on récupère la première<br />
*/<br />
$_category = Mage::getModel('catalog/category')-&gt;load($_categories[0]);</code><code><br />
</code><code>/**<br />
* Il nous faut ensuite trouver la catégorie parente<br />
*/</code><br />
<code> $parentCategory = Mage::getModel('catalog/category')-&gt;load($_category-&gt;getParentId());<br />
</code><code>/**<br />
* Ainsi que l'id<br />
*/</code><br />
<code> $this_id = $_category-&gt;getId();<br />
</code><code>/**<br />
* On crée ensuite l'url qui correspondra à URL_de_la_catégorie_parente.?cat=numéro_de_la_catégorie_du_produit<br />
*/</code><br />
<code> $url = $parentCategory-&gt;getUrl()."?cat=".$this_id;<br />
?&gt;</code></li>
<li>Si vous souhaitez que la redirection soit effectuée lorsque vous cliquez sur le titre du produit par exemple, il vous suffit de trouver le div ayant pour classes <strong>padtop10 </strong>et<strong> padbotlistinghome </strong>et de remplacer l&#8217;url du produit par : <code>&lt;a href="&lt;?php echo $url ?&gt;"</code></li>
<li>Vos produits en page d&#8217;accueil redirige désormais vos utilisateurs vers la catégorie parente du produit.</li>
</ul>
<p>N.B. : Certains d&#8217;entre vous nous feront sûrement remarquer la possibilité d&#8217;utiliser simplement le code suivant :<br />
<code>$_category = Mage::getModel('catalog/category')-&gt;load($_categories[0]);<br />
$url = $_category-&gt;getURL();</code></p>
<p>Seulement le problème est que, dans le cas de sous-sous-catégorie, cette URL nous fournit bien la liste des produits de la catégorie mais la page affichée ne contient pas le bloc &laquo;&nbsp;Filtrer par&nbsp;&raquo; qui permet la navigation entre les catégories, ce qui est assez embêtant et laisse un vide assez conséquent dans la page.</p>
<h3>Résolution de bug :</h3>
<p>Peut-être que vous avez déjà rencontrer le problème suivant : sous Magento, dans la page produit d&#8217;un produit groupé, les produits ne sont pas triés, c&#8217;est-à-dire que deux produits groupés totalement identiques (avec des sku et des noms différents) afficheront une liste de produits dans un ordre différent.</p>
<p>Un bug qui paraît anodin mais qui, peut parfois devenir déconcertant pour un client : imaginez une boutique de vente en ligne de CD sous la forme de produit groupé contenant un CD physique et un CD téléchargeable. Un utilisateur qui n&#8217;acheterait que des CD téléchargeables souhaiterait pouvoir savoir où se trouvent le produit téléchargeable dans la liste et toujours choisir le 1er ou le 2ème produit de la liste sans avoir à vérifier à chaque achat !</p>
<p>Pour résoudre ce bug, rien de plus simple :</p>
<ul>
<li>Copiez le fichier <strong>app/code/<span style="text-decoration: underline;"><em>core</em></span>/Mage/Catalog/Model/Product/Type/Grouped.php</strong></li>
<li>Créez l&#8217;arborescence suivante : <strong>app/code/<span style="text-decoration: underline;"><em>local</em></span>/Mage/Catalog/Model/Product/Type </strong>et copiez y votre fichier <strong>Grouped.php</strong></li>
<li>Ouvrez le et trouvez les lignes suivantes dans la fonction <strong>getAssociatedProducts </strong>vers la ligne 117 du fichier:<br />
<code>$collection = $this-&gt;getAssociatedProductCollection($product)<br />
-&gt;addAttributeToSelect('*')<br />
-&gt;addFilterByRequiredOptions()<br />
-&gt;setPositionOrder()<br />
-&gt;addStoreFilter($this-&gt;getStoreFilter($product))<br />
-&gt;addAttributeToFilter('status', array('in' =&gt; $this-&gt;getStatusFilters($product)));</code></li>
<li>Ces lignes représentent l&#8217;ensemble des produits associés à un produit groupé, afin de trier ces produits (par nom, par prix, etc&#8230;), il vous suffit de modifier ces lignes de la façon suivante (pour le tri par nom de produit dans notre cas ) :<br />
<code>$collection = $this-&gt;getAssociatedProductCollection($product)<br />
<strong>-&gt;addAttributeToSort('name')</strong><br />
-&gt;addAttributeToSelect('*')<br />
-&gt;addFilterByRequiredOptions()<br />
-&gt;setPositionOrder()<br />
-&gt;addStoreFilter($this-&gt;getStoreFilter($product))<br />
-&gt;addAttributeToFilter('status', array('in' =&gt; $this-&gt;getStatusFilters($product)));</code></li>
<li>Le tri sera désormais activé sur tous vos produits groupés.</li>
</ul>
<p>C&#8217;est terminé pour aujourd&#8217;hui, j&#8217;espère qu&#8217;<strong><a href="http://www.applibox.com" target="_blank">AppliBox</a></strong> vous aura aidé à améliorer l&#8217;ergonomie de votre site.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.creation-site-lyon.com/2010/06/28/magento-redirection-des-nouveautes-tri-des-produits-groupes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ajout de boutons &#171;&#160;Précédent&#160;&#187; et &#171;&#160;Suivant&#160;&#187; sur la fiche produit Magento</title>
		<link>http://www.creation-site-lyon.com/2010/06/24/ajout-de-boutons-precedent-et-suivant-sur-la-fiche-produit-magento/</link>
		<comments>http://www.creation-site-lyon.com/2010/06/24/ajout-de-boutons-precedent-et-suivant-sur-la-fiche-produit-magento/#comments</comments>
		<pubDate>Thu, 24 Jun 2010 09:13:18 +0000</pubDate>
		<dc:creator>raphael</dc:creator>
				<category><![CDATA[développement web]]></category>
		<category><![CDATA[e-commerce]]></category>

		<guid isPermaLink="false">http://www.creation-site-lyon.com/?p=314</guid>
		<description><![CDATA[Une fonctionnalité très utile mais qui manque à la version Community de Magento est la possibilité d&#8217;ajouter des boutons de navigation &#171;&#160;Précédent&#160;&#187; et &#171;&#160;Suivant&#160;&#187; entre les produits d&#8217;une même catégorie. Il existe évidemment des extensions qui permettent d&#8217;implémenter cette possibilité mais elles sont payantes, c&#8217;est pourquoi voici une méthode simple et surtout gratuite pour mettre [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2010%2F06%2F24%2Fajout-de-boutons-precedent-et-suivant-sur-la-fiche-produit-magento%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2010%2F06%2F24%2Fajout-de-boutons-precedent-et-suivant-sur-la-fiche-produit-magento%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Une fonctionnalité très utile mais qui manque à la version Community de <strong>Magento</strong> est la possibilité d&#8217;ajouter des <strong>boutons de navigation &laquo;&nbsp;Précédent&nbsp;&raquo; et &laquo;&nbsp;Suivant&nbsp;&raquo;</strong> entre les produits d&#8217;une même catégorie.<br />
Il existe évidemment des extensions qui permettent d&#8217;implémenter cette possibilité mais elles sont payantes, c&#8217;est pourquoi voici une méthode simple et surtout gratuite pour mettre en place ce système.</p>
<ol>
<li>En premier lieu, ouvrez le fichier <strong>./app/design/frontend/votre_interface/votre_theme/template/catalog/product/view.phtml</strong></li>
<li>Ajoutez le code suivant juste après les commentaires Magento :<br />
<code>&lt;?php<br />
$_helper = $this-&gt;helper('catalog/output');<br />
$_product = $this-&gt;getProduct();<br />
/**<br />
* Determine les liens précédents/suivants et le lien vers la categorie parente<br />
*/<br />
$_ccats = $this-&gt;helper('catalog/data')-&gt;getProduct()-&gt;getCategoryIds();<br />
$_ccat = Mage::getModel('catalog/category')-&gt;load($_ccats[0]);<br />
$ppos = $_ccat-&gt;getProductsPosition();<br />
arsort($ppos);<br />
$current_pid  = $this-&gt;helper('catalog/data')-&gt;getProduct()-&gt;getId();<br />
// Déclaration d'un tableau contenant les positions<br />
$plist = array();<br />
foreach ($ppos as $pid =&gt; $pos) {<br />
$plist[] = $pid;<br />
}<br />
sort($plist);<br />
$curpos   = array_search($current_pid, $plist);<br />
// Obtenir le lien du produit suivant<br />
$previd   = isset($plist[$curpos+1])? $plist[$curpos+1] : $current_pid;<br />
$product  = Mage::getModel('catalog/product')-&gt;load($previd);<br />
$prevpos  = $curpos;<br />
while (!$product-&gt;isVisibleInSiteVisibility()) {<br />
$prevpos += 1;<br />
$nextid   = isset($plist[$prevpos])? $plist[$prevpos] : $current_pid;<br />
$product  = Mage::getModel('catalog/product')-&gt;load($nextid);<br />
}<br />
$next_url = $product-&gt;getProductUrl();<br />
// Obtenir le lien du produit précédent<br />
$nextid   = isset($plist[$curpos-1])? $plist[$curpos-1] : $current_pid;<br />
$product  = Mage::getModel('catalog/product')-&gt;load($nextid);<br />
$nextpos  = $curpos;<br />
while (!$product-&gt;isVisibleInSiteVisibility()) {<br />
$nextpos -= 1;<br />
$nextid   = isset($plist[$nextpos])? $plist[$nextpos] : $current_pid;<br />
$product  = Mage::getModel('catalog/product')-&gt;load($nextid);<br />
}<br />
$prev_url = $product-&gt;getProductUrl();<br />
// Obtenir le lien de la catégorie<br />
$more_url = $_ccat-&gt;getUrl();<br />
?&gt;<br />
</code></li>
<li>Une fois ce code ajouté, trouvez les lignes suivants :<br />
<code>&lt;div&gt;<br />
&lt;input type="hidden" name="product" value="&lt;?php echo $_product-&gt;getId() ?&gt;" /&gt;<br />
&lt;input type="hidden" name="related_product" id="related-products-field" value="" /&gt;<br />
&lt;/div&gt;<br />
</code><br />
Et ajoutez le code suivant en dessous de celles-ci :<br />
<code>&lt;div&gt;<br />
&lt;table cellspacing="0" border="0" width="100%"&gt;<br />
&lt;tr&gt;<br />
&lt;td style="text-align:left;"&gt; &lt;a href="&lt;?= $prev_url; ?&gt;"&gt;&lt;?php if ("http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'] &lt;&gt; $prev_url) echo $this-&gt;__('←  Précedent') ?&gt;&lt;/a&gt;&lt;/td&gt;<br />
&lt;td style="text-align:center;"&gt; &lt;a href="&lt;?= $more_url; ?&gt;"&gt;&lt;?php echo $this-&gt;__('Catégorie') ?&gt;&lt;/a&gt;&lt;/td&gt;<br />
&lt;td style="text-align:right;"&gt; &lt;a href="&lt;?= $next_url; ?&gt;"&gt;&lt;?php if ("http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'] &lt;&gt; $next_url) echo $this-&gt;__('Suivant →') ?&gt;&lt;/a&gt;&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;/table&gt;<br />
&lt;/div&gt; </code></li>
<li>Vous disposez désormais de trois liens vous permettant de naviguer à travers les produits d&#8217;une même catégorie.</li>
</ol>
<p>Voici un petit exemple du résultat obtenu sur le <strong>site e-commerce Magento</strong> <a href="http://www.mediasaviron.fr" target="_blank">Médias Aviron</a> (NB : le lien vers la catégorie parente a été désactivée sur ce site) :</p>
<ul>
<li>Si vous vous trouvez au premier (dernier) produit d&#8217;une catégorie, le lien &laquo;&nbsp;Précédent&nbsp;&raquo; (&laquo;&nbsp;Suivant&nbsp;&raquo;) n&#8217;apparaît pas :<a href="http://www.creation-site-lyon.com/wp-content/uploads/2010/06/screenshot_004.png"><img class="aligncenter size-full wp-image-316" title="screenshot_004" src="http://www.creation-site-lyon.com/wp-content/uploads/2010/06/screenshot_004.png" alt="" width="576" height="251" /></a></li>
<li>Sinon, les deux apparaissent : <a href="http://www.creation-site-lyon.com/wp-content/uploads/2010/06/screenshot_003.png"><img class="aligncenter size-full wp-image-315" title="screenshot_003" src="http://www.creation-site-lyon.com/wp-content/uploads/2010/06/screenshot_003.png" alt="" width="574" height="247" /></a></li>
</ul>
<p>En espérant que ce petit tutoriel vous servira pour améliorer votre <a href="http://www.applibox.com/creation-site-ecommerce-lyon" target="_blank"><strong>site e-commerce Magento</strong></a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.creation-site-lyon.com/2010/06/24/ajout-de-boutons-precedent-et-suivant-sur-la-fiche-produit-magento/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Import des clients d&#8217;une plateforme ecommerce vers une plateforme Magento</title>
		<link>http://www.creation-site-lyon.com/2010/06/16/import-des-clients-dune-plateforme-ecommerce-vers-une-plateforme-magento/</link>
		<comments>http://www.creation-site-lyon.com/2010/06/16/import-des-clients-dune-plateforme-ecommerce-vers-une-plateforme-magento/#comments</comments>
		<pubDate>Wed, 16 Jun 2010 10:08:16 +0000</pubDate>
		<dc:creator>Johann</dc:creator>
				<category><![CDATA[Applications web]]></category>
		<category><![CDATA[développement web]]></category>
		<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[Client]]></category>
		<category><![CDATA[Ecommerce]]></category>
		<category><![CDATA[Export]]></category>
		<category><![CDATA[Import]]></category>
		<category><![CDATA[Magento]]></category>

		<guid isPermaLink="false">http://www.creation-site-lyon.com/?p=298</guid>
		<description><![CDATA[Voici une technique utilisée lors du transfert de l'un de nos clients d'une plateforme ecommerce vers une plateforme magento. Elle vous donnera peut être une piste si vous avez besoin d'importer des clients existants dans une base Magento. Attention tout de même cette technique est à adapter en fonction des besoins.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2010%2F06%2F16%2Fimport-des-clients-dune-plateforme-ecommerce-vers-une-plateforme-magento%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2010%2F06%2F16%2Fimport-des-clients-dune-plateforme-ecommerce-vers-une-plateforme-magento%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Voici une technique utilisée lors du transfert de l&#8217;un de nos clients d&#8217;une plateforme ecommerce vers une plateforme magento. Elle vous donnera peut être une piste si vous avez besoin d&#8217;importer des clients existants dans une base Magento. Attention tout de même cette technique est à adapter en fonction des besoins.</p>
<p>Pour cette opération vous aurez besoin de :</p>
<ul>
<li>Votre ancienne base de données avec Phpmyadmin installé</li>
<li>Le nouveau Magento installé avec l&#8217;accès à l&#8217;administration et notamment l&#8217;accès à l&#8217;interface Importer/Exporter</li>
</ul>
<p>Le but de l&#8217;opération est de créer un fichier csv à l&#8217;aide de Phpmyadmin prêt pour l&#8217;import dans Magento. Cette technique implique le fait que votre base de données existante doit avoir un minimum de points communs avec le fichier d&#8217;import magento. Elle évite aussi de passer par un script PHP intermédiaire.</p>
<h3>1ère étape : Récupérer la liste des champs disponibles dans le fichier d&#8217;export Magento</h3>
<ul>
<li>Allez sur le BackOffice de votre Magento</li>
<li>Menu Système / Importer Exporter / Profils</li>
<li>Par défaut un profil est créer &laquo;&nbsp;Export Customers&nbsp;&raquo;. Exécuter le afin de récupérer le CSV avec tous les noms des champs.</li>
<li>Voici donc la liste des champs disponibles et à compléter lors de l&#8217;import des clients dans Magento : website    email    group_id    prefix    firstname    middlename    lastname    suffix    password_hash    taxvat    billing_prefix    billing_firstname    billing_middlename    billing_lastname    billing_suffix    billing_street_full    billing_city    billing_region    billing_country    billing_postcode    billing_telephone    billing_company    billing_fax    shipping_prefix    shipping_firstname    shipping_middlename    shipping_lastname    shipping_suffix    shipping_street_full    shipping_city    shipping_region    shipping_country    shipping_postcode    shipping_telephone    shipping_company    shipping_fax    created_in    is_subscribed    group</li>
</ul>
<h3>2ème étape : Créer la requête SQL qui permettra d&#8217;exporter un fichier CSV des clients prêt à l&#8217;import dans Magento</h3>
<p>Dans notre cas tous les champs ne sont pas forcémment complétés dans l&#8217;ancien système. Notre requête ne reprendra donc pas l&#8217;ensemble des champs.</p>
<p>Voici la requête une fois terminée :</p>
<pre>SELECT
"base" AS website,
old_table_user.user_email AS email,
"Client" AS group_id,
old_table_user.first_name AS firstname,
old_table_user.last_name AS lastname,
"motdepasseachanger" AS password_hash,
old_table_user.first_name AS billing_firstname,
old_table_user.last_name AS billing_lastname,
old_table_user.address_1 AS billing_street_full,
old_table_user.city AS billing_city,
"FR" AS billing_country,
old_table_user.zip AS billing_postcode,
CONCAT_WS(' ',old_table_user.phone_1,old_table_user.phone_2) AS billing_telephone,
old_table_user.company AS billing_company,
old_table_user.fax AS billing_fax,
old_table_user.first_name AS shipping_firstname,
old_table_user.last_name AS shipping_lastname,
old_table_user.address_1 AS shipping_street_full,
old_table_user.city AS shipping_city,
"FR" AS shipping_country,
old_table_user.zip AS shipping_postcode,
CONCAT_WS(' ',old_table_user.phone_1,old_table_user.phone_2) AS shipping_telephone,
old_table_user.company AS shipping_company,4ème étape : Import le fichier CSV dans Magento
old_table_user.fax AS shipping_fax,
"default" AS "created_in",
"Client" AS "group",
old_table_user.newsletter AS "is_subscribed"
FROM old_table_user</pre>
<p>L&#8217;astuce est donc de récupérer le champ désiré et de renommer la colonne avec l&#8217;instruction AS de Mysql. Exemple :</p>
<pre>old_table_user.user_email AS email,</pre>
<p>Si vous n&#8217;avez pas l&#8217;information dans votre base existante vous pouvez la créer, exemple avec le champ requis website :</p>
<pre>"base" AS website,</pre>
<p>Mysql dispose de fonctions très intéressantes, notamment CONCAT_WS qui permet de concaténer des valeurs. Exemple ci-dessous avec la concaténation de 2 valeurs dans le futur champ billing_telephone (Sous Magento un seul champ téléphone est prévu d&#8217;où cette concaténation).</p>
<pre>CONCAT_WS(' ',old_table_user.phone_1,old_table_user.phone_2) AS billing_telephone,</pre>
<h3><!-- 		@page { margin: 2cm } 		P { margin-bottom: 0.21cm } -->3ème étape : Exporter le fichier des clients</h3>
<p><!-- 		@page { margin: 2cm } 		P { margin-bottom: 0.21cm } -->Exécutez votre requête puis exportez le résultat en CSV à l&#8217;aide de PhpMyAdmin avec les paramètres suivants:</p>
<p>Champs terminés par :      ,<br />
Champs entourés par : &nbsp;&raquo;<br />
Caractère spécial :             \<br />
Lignes terminées par :      AUTO</p>
<p><!-- 		@page { margin: 2cm } 		P { margin-bottom: 0.21cm } -->N&#8217;oubliez pas de cocher la case &laquo;&nbsp;Afficher les noms de champ en première ligne&nbsp;&raquo;.</p>
<p>Voilà votre CSV est prêt !</p>
<h3>4ème étape : Importer le fichier CSV des clients dans Magento</h3>
<ul>
<li>Allez sur le BackOffice de votre Magento</li>
<li>Menu Système / Importer Exporter / Profils</li>
<li>Utiliser le profil créer par défaut &laquo;&nbsp;Import Customers&nbsp;&raquo;.</li>
<li>Vérifier que les paramètres correspondent bien aux paramètres précisés au moment de l&#8217;export de PhpMyadmin</li>
<li>Importer le fichier via l&#8217;assistant.</li>
</ul>
<p>Vos clients sont importés !</p>
]]></content:encoded>
			<wfw:commentRss>http://www.creation-site-lyon.com/2010/06/16/import-des-clients-dune-plateforme-ecommerce-vers-une-plateforme-magento/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Résoudre l&#8217;erreur de permissions sur Magento Connect</title>
		<link>http://www.creation-site-lyon.com/2010/05/26/resoudre-les-problemes-de-droits-sur-magento-connect/</link>
		<comments>http://www.creation-site-lyon.com/2010/05/26/resoudre-les-problemes-de-droits-sur-magento-connect/#comments</comments>
		<pubDate>Wed, 26 May 2010 07:06:39 +0000</pubDate>
		<dc:creator>raphael</dc:creator>
				<category><![CDATA[développement web]]></category>
		<category><![CDATA[e-commerce]]></category>

		<guid isPermaLink="false">http://www.creation-site-lyon.com/?p=250</guid>
		<description><![CDATA[Sous Magento, il arrive parfois que lorsque vous souhaitez installer une extension ou mettre à jour vos extensions actuelles, que vous rencontriez l&#8217;erreur suivante : Ce problème est récurrent et sans l&#8217;installation d&#8217;extensions, Magento perd tous ses avantages, mais heureusement pour nous, il est très simple à résoudre. Avant de vous expliquer le &#171;&#160;comment&#160;&#187;, je [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2010%2F05%2F26%2Fresoudre-les-problemes-de-droits-sur-magento-connect%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2010%2F05%2F26%2Fresoudre-les-problemes-de-droits-sur-magento-connect%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: left;">Sous <strong>Magento</strong>, il arrive parfois que lorsque vous souhaitez installer une extension ou mettre à jour vos extensions actuelles, que vous rencontriez <strong>l&#8217;erreur suivante</strong> :</p>
<p style="text-align: left;"><a href="http://www.creation-site-lyon.com/wp-content/uploads/2010/05/error2.jpg" target="_blank"><img class="aligncenter size-full wp-image-255" title="Erreur " src="http://www.creation-site-lyon.com/wp-content/uploads/2010/05/error2.jpg" alt="" width="514" height="350" /></a></p>
<p style="text-align: left;"><a href="http://www.creation-site-lyon.com/wp-content/uploads/2010/05/error2.jpg" target="_blank"></a>Ce problème est récurrent et sans l&#8217;installation d&#8217;extensions, <strong>Magento</strong> perd tous ses avantages, mais heureusement pour nous, il est très simple à résoudre.</p>
<p>Avant de vous expliquer le &laquo;&nbsp;comment&nbsp;&raquo;, je vais vous expliquer le &laquo;&nbsp;pourquoi&nbsp;&raquo; : Magento Connect a besoin de certaines <strong>permissions d&#8217;écriture</strong> sur certains dossiers et fichiers du webroot de votre site Magento dans le but d&#8217;installer de nouvelles extensions ou même lorsqu&#8217;il s&#8217;agit de mettre à jour votre logiciel vers une nouvelle version.</p>
<p>Nous allons donc <strong>changer les permissions</strong> de certains dossiers afin de résoudre le problème. Pour ce faire, utilisez un client FTP (nous vous recommandons Filezilla) ou un client SSH (Putty par exemple).</p>
<p>Voici la démarche à suivre en utilisant un client SSH : une fois connecté à votre compte SSH, exécutez les commandes suivantes :</p>
<ul>
<li>cd &lt;votre_dossier_contenant_votre_magento&gt;;</li>
<li>find . -type d -exec chmod 777 {} \ ;</li>
<li>chmod 666 downloader/config.ini ;</li>
</ul>
<p>Normalement, vous devriez être désormais <strong>capable d&#8217;accéder à Magento Connect</strong>. Une fois que vous avez terminé votre installation/mise à jour, vous devez remettre les droits initiaux pour empêcher qu&#8217;une personne mal intentionnée installe des scripts ou des fichiers malveillants. Exécutez donc les commandes suivantes :</p>
<ul>
<li>find . -type d -exec chmod 755 {} \ ;</li>
<li>find . -type f -exec chmod 644 {} \ ;</li>
<li>chmod o+w var media app/etc/use_cache.ser ;</li>
</ul>
<p>C&#8217;est terminée, vous êtes désormais capable de vous connecter au Magento Connect Manager comme bon vous semble.</p>
<p>En espérant que cette petite astuce vous sera utile.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.creation-site-lyon.com/2010/05/26/resoudre-les-problemes-de-droits-sur-magento-connect/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Transfert d&#8217;un site Magento d&#8217;une installation locale à un serveur distant</title>
		<link>http://www.creation-site-lyon.com/2010/05/21/transfert-dun-site-magento-dune-installation-locale-a-un-serveur-distant/</link>
		<comments>http://www.creation-site-lyon.com/2010/05/21/transfert-dun-site-magento-dune-installation-locale-a-un-serveur-distant/#comments</comments>
		<pubDate>Fri, 21 May 2010 07:27:27 +0000</pubDate>
		<dc:creator>raphael</dc:creator>
				<category><![CDATA[développement web]]></category>
		<category><![CDATA[e-commerce]]></category>

		<guid isPermaLink="false">http://www.creation-site-lyon.com/?p=244</guid>
		<description><![CDATA[Nous l&#8217;avons remarqué récemment, le transfert d&#8217;un site Magento (de local à serveur ou même de serveur à serveur) est loin d&#8217;être une partie de plaisir. Pour vous éviter les bugs étranges (disparation de produits dans le front-office) et vous faire gagner du temps, voici la démarche à suivre pour transférer de manière propre une [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2010%2F05%2F21%2Ftransfert-dun-site-magento-dune-installation-locale-a-un-serveur-distant%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2010%2F05%2F21%2Ftransfert-dun-site-magento-dune-installation-locale-a-un-serveur-distant%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Nous l&#8217;avons remarqué récemment, le transfert d&#8217;un site Magento (de local à serveur ou même de serveur à serveur) est loin d&#8217;être une partie de plaisir.</p>
<p>Pour vous éviter les bugs étranges (disparation de produits dans le front-office) et vous faire gagner du temps, voici la démarche à suivre pour transférer de manière propre une boutique Magento :</p>
<ol>
<li>Tout d&#8217;abord, rendez-vous sur l&#8217;interface phpMyAdmin du serveur où se trouve votre base de données Magento et exporter votre base dans un fichier SQL. Dans les options, pensez à cocher &laquo;&nbsp;Désactiver la vérification des clés étrangères&nbsp;&raquo; :<a href="http://www.creation-site-lyon.com/wp-content/uploads/2010/05/phpmyadmin.jpg"><img class="aligncenter size-medium wp-image-245" title="Export phpMyAdmin" src="http://www.creation-site-lyon.com/wp-content/uploads/2010/05/phpmyadmin-300x80.jpg" alt="Export base Magento" width="300" height="80" /></a></li>
<li>Une fois l&#8217;export terminé, vous allez devoir importer cette base sur votre serveur distant en utilisant l&#8217;interface phpMyAdmin : <a href="http://www.creation-site-lyon.com/wp-content/uploads/2010/05/phpmyadmin2.jpg"><img class="aligncenter size-medium wp-image-246" title="Import phpmyadmin" src="http://www.creation-site-lyon.com/wp-content/uploads/2010/05/phpmyadmin2-300x53.jpg" alt="Import Base Magento" width="300" height="53" /></a></li>
<li>Normalement l&#8217;import devrait se dérouler sans erreur. Désormais, il vous faut modifier deux champs de la table <em>core_config_data</em> : le web/unsecure/base_url et le web/secure/base_url : <a href="http://www.creation-site-lyon.com/wp-content/uploads/2010/05/core_config_data.jpg"><img class="aligncenter size-medium wp-image-247" title="Modifications core_config_data" src="http://www.creation-site-lyon.com/wp-content/uploads/2010/05/core_config_data-300x36.jpg" alt="Modifications core_config_data" width="300" height="36" /></a>Et remplacez la valeur de la colonne <em>value</em> par l&#8217;url du site où va être implanter votre site Magento : <a href="http://www.creation-site-lyon.com/wp-content/uploads/2010/05/url.jpg"><img class="aligncenter size-medium wp-image-248" title="Changements des secure url et unsecure url" src="http://www.creation-site-lyon.com/wp-content/uploads/2010/05/url-300x232.jpg" alt="Changements des secure url et unsecure url" width="300" height="232" /></a></li>
<li>Le paramétrage de votre base de données maintenant terminé, vous pouvez transférer les fichiers de votre site Magento vers le repertoire distant de votre futur site. Une fois les fichiers transférés, il vous faut supprimer le fichier suivant : <strong>/app/etc/local.xml</strong> ce fichier contient toutes les informations de la base de données de votre site que vous renseignez lors de l&#8217;installation de Magento, ainsi que le contenu des dossiers <strong>/var/cache</strong>, <strong>/var/report</strong> et <strong>/var/session</strong> qui contiennent respectivement les données stockées en cache, les rapports d&#8217;erreur et les rapports de connexion utilisateur.</li>
<li>Une fois ces fichiers supprimés, rendez-vous à l&#8217;adresse de votre site et installez Magento en renseignant bien les informations de la base de données distante. L&#8217;installation terminée, tout devrait fonctionner.</li>
</ol>
<p>En espérant que ce petit tutoriel vous aura servi.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.creation-site-lyon.com/2010/05/21/transfert-dun-site-magento-dune-installation-locale-a-un-serveur-distant/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Besoin de vitesse sous Magento ?</title>
		<link>http://www.creation-site-lyon.com/2010/05/12/besoin-de-vitesse-sous-magento/</link>
		<comments>http://www.creation-site-lyon.com/2010/05/12/besoin-de-vitesse-sous-magento/#comments</comments>
		<pubDate>Wed, 12 May 2010 07:04:35 +0000</pubDate>
		<dc:creator>raphael</dc:creator>
				<category><![CDATA[développement web]]></category>
		<category><![CDATA[e-commerce]]></category>

		<guid isPermaLink="false">http://www.creation-site-lyon.com/?p=233</guid>
		<description><![CDATA[Comme certains d&#8217;entre vous ont sûrement pû le contaster, une des plus grandes faiblesses de Magento est son temps de chargement des pages de votre site. Après quelques recherches, il est possible, suivant la configuration de votre serveur, d&#8217;augmenter la vitesse de chargement de vos pages de plus de 200% ! Pour bénéficier de ce [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2010%2F05%2F12%2Fbesoin-de-vitesse-sous-magento%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2010%2F05%2F12%2Fbesoin-de-vitesse-sous-magento%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Comme certains d&#8217;entre vous ont sûrement pû le contaster, une des plus grandes faiblesses de Magento est son temps de chargement des pages de votre site.</p>
<p>Après quelques recherches, il est possible, suivant la configuration de votre serveur, d&#8217;<strong>augmenter la vitesse</strong> de chargement de vos pages de <strong>plus de 200%</strong> !</p>
<p>Pour bénéficier de ce gain de vitesse, tout se passe dans le fichier .htaccess se trouvant à la racine de votre <strong><a title="Applibox E-commerce" href="http://www.applibox.com/e-commerce" target="_blank">boutique e-commerce</a></strong>, l&#8217;astuce consistant à activer la <strong>compression Gzip</strong> en modifiant un peu ce fichier.</p>
<p>Je ne vais pas vous faire attendre plus longtemps et vous expliquer comment faire tout de suite.</p>
<ul>
<li>Ouvrez donc votre fichier <strong>.htaccess</strong> et cherchez les lignes suivantes :</li>
</ul>
<pre>############################################
## enable apache served files compression
## http://developer.yahoo.com/performance/rules.html#gzip</pre>
<pre># Insert filter on all content
###SetOutputFilter DEFLATE

# Insert filter on selected content types only
#AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript</pre>
<pre># Netscape 4.x has some problems…
# BrowserMatch ^Mozilla/4 gzip-only-text/html</pre>
<pre># Netscape 4.06-4.08 have some more problems
# BrowserMatch ^Mozilla/4\.0[678] no-gzip</pre>
<pre># MSIE masquerades as Netscape, but it is fine
# BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

# Don’t compress images
# SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary</pre>
<pre># Make sure proxies don’t deliver the wrong content
# Header append Vary User-Agent env=!dont-vary</pre>
<p>Si vous êtes un peu anglophone (et j&#8217;espère que vous l&#8217;êtes), vous comprendrez que ces lignes commentées permettent d&#8217;<strong>activer la compression des fichiers sur votre serveur Apache</strong>.</p>
<ul>
<li>Il ne reste plus qu&#8217;à décommenter certaines lignes et ajouter la ligne suivante :</li>
</ul>
<pre># enable resulting html compression
 php_flag zlib.output_compression on</pre>
<ul>
<li>Normalement, vous devriez obtenir ceci :</li>
</ul>
<pre>############################################
## enable apache served files compression
## http://developer.yahoo.com/performance/rules.html#gzip</pre>
<pre># Insert filter on all content
SetOutputFilter DEFLATE

# Insert filter on selected content types only
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript</pre>
<pre># Netscape 4.x has some problems…
BrowserMatch ^Mozilla/4 gzip-only-text/html</pre>
<pre># Netscape 4.06-4.08 have some more problems
BrowserMatch ^Mozilla/4\.0[678] no-gzip</pre>
<pre># MSIE masquerades as Netscape, but it is fine
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

# Don’t compress images
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary</pre>
<pre># Make sure proxies don’t deliver the wrong content
Header append Vary User-Agent env=!dont-vary</pre>
<pre># enable resulting html compression
php_flag zlib.output_compression on</pre>
<ul>
<li>N&#8217;oubliez pas d&#8217;enregistrer votre fichier .htaccess et de l&#8217;uploader sur votre serveur si vous voulez apprécier les changements.</li>
</ul>
<p>Vous pouvez <strong>tester la rapidité</strong> en utilisant un site de test de vitesse de chargement des sites comme <a title="Freespeedtest" href="http://www.freespeedtest.com/" target="_blank">celui-ci</a></p>
<p>Les résultats vont <strong>de 25% à 225%</strong> de gain de vitesse et dépendent principalement de la <strong>configuration du serveur</strong>.</p>
<p>Bonne optimisation à toutes et à tous.</p>
<p>Source : <a title="Inchoo.net" href="http://inchoo.net/ecommerce/magento/boost-the-speed-of-your-magento/" target="_blank">inchoo.net</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.creation-site-lyon.com/2010/05/12/besoin-de-vitesse-sous-magento/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Wireframes et prototypes : ébauche visuelle d&#8217;une application web</title>
		<link>http://www.creation-site-lyon.com/2008/07/21/wireframes-ebauche-visuelle-dune-application-web/</link>
		<comments>http://www.creation-site-lyon.com/2008/07/21/wireframes-ebauche-visuelle-dune-application-web/#comments</comments>
		<pubDate>Mon, 21 Jul 2008 08:26:15 +0000</pubDate>
		<dc:creator>Didier</dc:creator>
				<category><![CDATA[développement web]]></category>
		<category><![CDATA[design web]]></category>
		<category><![CDATA[prototyping]]></category>
		<category><![CDATA[wireframes]]></category>

		<guid isPermaLink="false">http://www.creation-site-lyon.com/2008/07/21/wireframes-2/</guid>
		<description><![CDATA[Wireframes : les wireframes sont des schémas utilisés en web design qui permettent de suggérer sommairement les éléments principaux d&#8217;une interface web (application, site&#8230;). Pour être utilses, ils doivent être mis en place avant toute création artistique. En début de projet, ils permettent de valider les éléments principaux de l&#8217;ergonomie et de présenter une maquette [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2008%2F07%2F21%2Fwireframes-ebauche-visuelle-dune-application-web%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2008%2F07%2F21%2Fwireframes-ebauche-visuelle-dune-application-web%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Wireframes : <strong>les wireframes</strong> sont des schémas utilisés en web design qui permettent de suggérer sommairement les éléments principaux d&#8217;une interface web (application, site&#8230;). Pour être utilses, ils doivent être mis en place avant toute création artistique.</p>
<p>En début de projet, ils permettent de valider les éléments principaux de l&#8217;ergonomie et de présenter une maquette fonctionnelle suffisamment évocatrice pour un client non technicien. En cours de projet, ils peuvent servir de référence pour tous les acteurs (client, développeurs, web designer&#8230;).</p>
<p><a href="http://www.lavieenrosedejulio.com/pro/images/easyProject.pdf" target="_blank">Un exemple réel</a>.</p>
<p><a href="http://blog.legizz.com/images/wireframe.jpg" target="_blank">Un autre (une page) </a></p>
<p>Quelques synonymes : <em>Zonings (franco-français ?)</em>, <em>Page Architecture, Low Fidelity Mock-Up, Page Schematic, Rough Draft</em>.</p>
<h2>Outils logiciels :</h2>
<h3>Powerpoint</h3>
<p>Le seul avantage est que c&#8217;est un outil que tout le monde connait, et que presque tout le monde possède (au moins en version Open Office). Ainsi, même le client est en mesurer de faire une proposition. Mais l&#8217;outil n&#8217;est pas utilisable de manière professionnelle : pas de composants prêts à l&#8217;emploi pour créer des éléments HTML classiques comme un menu déroulant, un bouton. De plus le format paysage n&#8217;est pas très adapté.</p>
<h3>Visio (Microsoft)</h3>
<p>Il n&#8217;existe pas d&#8217;outils par défaut dans les outils web, il faut donc installer des outils spécifiques (le <a hreflang="en" href="http://www.guuui.com/downloads/GUUUI%20Web%20Prototyping%20Tool.zip">&laquo;&nbsp;Web Prototyping Tool&nbsp;&raquo; (ZIP)</a> et/ou  <a hreflang="fr" href="http://superfiction.net/telecharger/visio/Visio_2003.zip">&laquo;&nbsp;Wireframe Stencil 2003&#8243; (ZIP &#8211; 1.3 Mo)</a>) . Je vous renvoie à <a href="http://superfiction.net/blog/index.php?2007/03/18/127-creation-de-wireframes-article-2-3-utiliser-microsoft-visio">une très bonne analyse de l&#8217;outil avec les liens vers ces composants</a>. En résumé : un outil puissant une fois les composants installés, à mon avis un peu surdimensionné si c&#8217;est uniquement pour faire des wireframes.</p>
<p>Les plus :</p>
<ul>
<li>simplicité d&#8217;utilisation,</li>
<li>Tous les composants web sont présents et paramétrables (taille&#8230;),</li>
<li>Possibilité de mettre en place des scénarios (erreur utilisateur&#8230;),</li>
<li>Export HTML</li>
<li>Visionneuse pour ceux qui n&#8217;ont pas Visio</li>
</ul>
<p>Les moins :</p>
<ul>
<li>Pas d&#8217;intéraction avec les éléments de formulaire</li>
<li>Pas de scroll dans les exports HTML</li>
<li>Pas de &laquo;&nbsp;coller en place&nbsp;&raquo;</li>
<li>Gestion des tableaux : télécharger <a href="http://billsportfolio.com/share/install_visio_wireframe_toolkit.zip" target="_blank">ceci</a>.</li>
<li>CompatibilitéMac</li>
</ul>
<h3><a href="http://www.axure.com" target="_blank">Axure</a></h3>
<p>Un outil spécifique qui va jusqu&#8217;au prototype et aux spécifications. En anglais et payant (600 $ env.)</p>
<h3><a href="http://dub.washington.edu:2007/projects/denim/">Denim</a></h3>
<p>Un outil informel pour le design d&#8217;interface ou les ébauches de sites web.</p>
<h3><a href="http://developer.yahoo.com/ypatterns/wireframes/">Design Stencil Kit par Yahoo!<br />
</a></h3>
<p>Non testé : des éléments tout prêt (mais ala Yahoo! je suppose) pour OmniGraffle ou illustrator/photoshop ou Visio par Yahoo.</p>
<h3>Tout simplement : le HTML (avec Dreamweaver)</h3>
<p>Julie Stanford sur <a href="http://www.boxesandarrows.com" target="_blank">BoxesAndArrows </a>explique très bien dans <a href="http://www.boxesandarrows.com/view/html_wireframes_and_prototypes_all_gain_and_no_pain" target="_blank">ce post</a> (en anglais) les avantages d&#8217;un wireframe ou de prototypes en HTML. Je suis quasiment convaincu. Un seul inconvénient, convaincre les non-techniciens de l&#8217;équipe de l&#8217;utiliser, mais Dreamweaver reste un outil très simple en mode wysiwyg, pas plus compliqué qu&#8217;un outil comme Visio en tout cas.</p>
<p>Elle donne d&#8217;ailleurs quelques conseils pratiques pour simplifier l&#8217;utilisation : <a href="http://www.boxesandarrows.com/view/dreamweaver_primer" target="_blank">Dreamweaver primer</a>.</p>
<p>Un autre article donne les avantages et les inconvénients comparés du HTML par rapport à Visio : <a href="http://www.boxesandarrows.com/view/practical_applications_visio_or_html_for_wireframes" target="_blank">Practical Applications: Visio or HTML for Wireframes</a></p>
<p>Encore un article : <a href="http://www.boxesandarrows.com/view/prototyping-with" target="_blank">Prototyping with XHTML</a></p>
<p>Un autre outil en ligne (edit 12 janvier 2010)</p>
<ul>
<li><a href="http://gomockingbird.com/" target="_blank">http://gomockingbird.com/</a> (démo gratuite mais pas trouvé l&#8217;info sur le pricing). Fait penser à</li>
</ul>
<h2>D&#8217;autres outils (mise à jour 5/11/2008) :</h2>
<ul>
<li> <a href="http://www.balsamiq.com/products/mockups">http://www.balsamiq.com/products/mockup</a> Une application Adobe Air très intelligente et pratique (on dessine mais c&#8217;est numérique), 80 dollars</li>
<li><a href="http://jungleg.com/2008/09/wireframe-wonder-to-speed-up-web-development/">http://jungleg.com/2008/09/wireframe-wonder-to-speed-up-web-development/</a></li>
<li><a href="http://code.new-bamboo.co.uk/polypage/">http://code.new-bamboo.co.uk/polypage/</a> (jquery)</li>
<li><a href="http://www.protonotes.com/">http://www.protonotes.com/</a>Notes ajoutées au prototype html (par inclusion d&#8217;un javascript)</li>
</ul>
<h2>Quelques liens :</h2>
<ul>
<li><a href="http://ajaxian.com/archives/how-do-you-prototype-your-apps" target="_blank">Un nouvel article sur Ajaxian, sous forme d&#8217;appel à commentaires sur les pratiques des web developpers</a></li>
<li><a href="http://blog.legizz.com/?271-wireframe-a-toutes-les-sauces">WireFrame à toutes les sauces</a> (blog LeGizz)</li>
<li>Un exemple réel réalisé avec visio : <a href="http://www.lavieenrosedejulio.com/pro/images/easyProject.pdf">http://www.lavieenrosedejulio.com/pro/images/easyProject.pdf</a></li>
<li>Un autre (de test) : <a href="http://superfiction.net/telecharger/visio/test-visio.htm" target="_blank">http://superfiction.net/telecharger/visio/test-visio.htm</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.creation-site-lyon.com/2008/07/21/wireframes-ebauche-visuelle-dune-application-web/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Firefox 3 beta 4 est disponible</title>
		<link>http://www.creation-site-lyon.com/2008/03/21/firefox-3-beta-4-est-disponible-2/</link>
		<comments>http://www.creation-site-lyon.com/2008/03/21/firefox-3-beta-4-est-disponible-2/#comments</comments>
		<pubDate>Fri, 21 Mar 2008 08:40:37 +0000</pubDate>
		<dc:creator>Didier</dc:creator>
				<category><![CDATA[Navigateurs]]></category>
		<category><![CDATA[développement web]]></category>

		<guid isPermaLink="false">http://www.creation-site-lyon.com/2008/03/21/firefox-3-beta-4-est-disponible-2/</guid>
		<description><![CDATA[La version beta 4 de Firefox est disponible. Cette version devrait être l&#8217;avant-dernière (une beta 5 est prévue) avant la sortie finale toujours programmée pour le printemps. Les améliorations sont nombreuses et devraient satisfaire les utilisateurs comme les développeurs Web dans le cadre de la création de sites Internets et d&#8217;applications Web. Sécurité Information sur [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2008%2F03%2F21%2Ffirefox-3-beta-4-est-disponible-2%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2008%2F03%2F21%2Ffirefox-3-beta-4-est-disponible-2%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>La version <a title="Firefox 3 beta 4 (40 langues)" href="http://www.mozilla.com/en-US/firefox/all-beta.html">beta 4 de Firefox</a> est disponible. Cette version devrait être l&#8217;avant-dernière (une beta 5 est prévue) avant la sortie finale toujours programmée pour le printemps. Les <a href="http://www.mozilla.com/en-US/firefox/3.0b4/releasenotes/">améliorations</a> sont nombreuses et devraient satisfaire les utilisateurs comme les développeurs Web dans le cadre de la <a href="http://www.appli-box.com">création de sites Internets et d&#8217;applications Web</a>.</p>
<h2>Sécurité</h2>
<ul>
<li><strong>Information sur le site</strong> (&laquo;&nbsp;One-clic Site info&nbsp;&raquo;) : un clic sur la favicon (icône présente à gauche de la barre d&#8217;adresse) permettra d&#8217;afficher les informations relatives au site de manière claire et très apparente. </li>
<li><strong>Protection contre les logiciels malveillants</strong> (Malware) : le navigateur signalera immédiatement l&#8217;internaute à son arrivée sur un site connu pour installer des virus, des spywares, des troyens, ou tout autre logiciel malveillant. Vous pouvez <a title="Tester la protection anti malware de Firefox 3" href="http://www.mozilla.com/firefox/its-an-attack.html">tester cette fonctionnalité ici</a>. </li>
<li><strong>Intégration avec les anti-virus</strong> installés : Firefox informera les anti-virus lors du téléchargement d&#8217;un fichier. </li>
<li>Anti hameçonnage (faux sites) : les sites frauduleux (copiant un site authentique, mais sur une autre adresse) ne seront plus affichés. </li>
</ul>
<h2>Ergonomie</h2>
<ul>
<li>Just start typing in the Location Bar to search your bookmarks and history. It adapts and learns as you use it.</li>
<li>Pause and resume your downloads, and search through your download history by file or website name using the new Download Manager.</li>
<li>Find out who you&#8217;re talking to by clicking on the website icon.</li>
<li>Experience the fastest Firefox ever — twice to three times as fast on today&#8217;s complex web applications like Google Mail or Zoho Office.</li>
<li>Places : il s&#8217;agit d&#8217;un nouvel algorithme qui permettra de prendre en compte les habitudes de navigation de l&#8217;internaute pour enrichir son expérience. Ainsi, un nouveau gestionnaire de l&#8217;historique permettra de prendre en compte les sites les plus visités </li>
<li>Gestion facilitée des mots de passe : une barre d&#8217;information remplacera la boîte de dialogue pour pouvoir sauvegarder ses mots de passe après une identification réussie. </li>
<li>Nouveau gestionnaire de téléchargement : il sera plus facile de localiser ses fichiers téléchargés. Une fonctionnalité très attendue : il sera possible de restaurer un téléchargement interrompu. </li>
<li>Zoom sur la page entière : il est possible de zoomer (ou de réduire) toute la page, en conservant l&#8217;échelle pour la mise en page, le texte et les images. </li>
<li>Sauvegarde de votre navigation : vous pourrez sauvegarder vos onglets à la sortie. Une fonctionnalité qui devenait vraiment indispensable pour ceux qui travaillent sur le web même s&#8217;il était déjà possible de sauvegarder une collection d&#8217;onglets entière en favori. </li>
<li>Optimized Open in Tabs behavior: opening a folder of bookmarks in tabs now appends the new tabs rather than overwriting. </li>
<li>Location and Search bar size can now be customized with a simple resizer item. </li>
<li>Text selection improvements: multiple text selections can be made with Ctrl/Cmd; double-click drag selects in &laquo;&nbsp;word-by-word&nbsp;&raquo; mode; triple-clicking selects a paragraph. </li>
<li>Find toolbar: the Find toolbar now opens with the current selection. </li>
<li>Plugin management: users can disable individual plugins in the Add-on Manager. </li>
<li>Integration with Vista: Firefox&#8217;s menus now display using Vista&#8217;s native theme. </li>
<li>Integration with the Mac: Firefox now uses the OS X spellchecker and supports Growl for notifications of completed downloads and available updates. </li>
</ul>
<h2>Improved Platform for Developers</h2>
<li>New graphics and font handling: new graphics and text rendering architectures in Gecko 1.9 provides rendering improvements in CSS, SVG as well as improved display of fonts with ligatures and complex scripts. </li>
<li>Native Web page forms: HTML forms on Web pages now have a native look and feel on Mac OS X and Linux (Gnome) desktops. </li>
<li>Color management: (set gfx.color_management.enabled on in about:config and restart the browser to enable.) Firefox can now adjust images with embedded color profiles. </li>
<li>Offline support: enables web applications to provide offline functionality (website authors must add support for offline browsing to their site for this feature to be available to users). </li>
<li>A more complete overview of <a href="http://developer.mozilla.org/en/docs/Firefox_3_for_developers">Firefox 3 for developers</a> is available for website and add-on developers.
<ul></ul>
</li>
]]></content:encoded>
			<wfw:commentRss>http://www.creation-site-lyon.com/2008/03/21/firefox-3-beta-4-est-disponible-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top 10 des plugins CMS pour WordPress</title>
		<link>http://www.creation-site-lyon.com/2008/03/15/top-10-des-plugins-cms-pour-wordpress/</link>
		<comments>http://www.creation-site-lyon.com/2008/03/15/top-10-des-plugins-cms-pour-wordpress/#comments</comments>
		<pubDate>Sat, 15 Mar 2008 22:38:19 +0000</pubDate>
		<dc:creator>Didier</dc:creator>
				<category><![CDATA[développement web]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.creation-site-lyon.com/?p=12</guid>
		<description><![CDATA[For moderately sized sites (including simple e-Commerce sites), WordPress does a pretty good job as a CMS, making it easy to maintain your site, and update your content. Of course, it does this best with the help of a good theme, and some great plugins. The strength of WordPress is the community of developers who [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2008%2F03%2F15%2Ftop-10-des-plugins-cms-pour-wordpress%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2008%2F03%2F15%2Ftop-10-des-plugins-cms-pour-wordpress%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>For moderately sized sites (including simple e-Commerce sites), WordPress does a pretty good job as a <abbr title="Content Management System">CMS</abbr>,<br />
making it easy to maintain your site, and update your content. Of<br />
course, it does this best with the help of a good theme, and some great<br />
plugins. The strength of WordPress is the community of developers who<br />
have already done almost anything you can think of with it. Here are<br />
the best plugins we’ve run across, the ones we install for nearly all<br />
of our client’s sites.</p>
<p><a href="http://www.blueprintds.com/2008/03/13/top-10-wordpress-cms-plugins/">Top 10 WordPress CMS Plugins | Blueprint Design Studio</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.creation-site-lyon.com/2008/03/15/top-10-des-plugins-cms-pour-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ext.js librairie javascript</title>
		<link>http://www.creation-site-lyon.com/2008/03/08/extjs-librairie-javascript-2/</link>
		<comments>http://www.creation-site-lyon.com/2008/03/08/extjs-librairie-javascript-2/#comments</comments>
		<pubDate>Sat, 08 Mar 2008 10:01:42 +0000</pubDate>
		<dc:creator>Didier</dc:creator>
				<category><![CDATA[développement web]]></category>

		<guid isPermaLink="false">http://www.creation-site-lyon.com/?p=6</guid>
		<description><![CDATA[Ext JS &#8211; JavaScript Libraryhttp://extjs.com/ Ext Documentation Center 1001 + Ajax/Javascript/Dhtml examples and demos to download]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2008%2F03%2F08%2Fextjs-librairie-javascript-2%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.creation-site-lyon.com%2F2008%2F03%2F08%2Fextjs-librairie-javascript-2%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<ul>
<li><a href="http://extjs.com/">Ext JS &#8211; JavaScript Libraryhttp://extjs.com/</a></li>
<li><a href="http://extjs.com/deploy/ext/docs/index.html">Ext Documentation Center</a></li>
<li><a href="http://www.ajaxrain.com/index.php">1001 + Ajax/Javascript/Dhtml examples and demos to download</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.creation-site-lyon.com/2008/03/08/extjs-librairie-javascript-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
