La récente “Magento Academy” propose depuis peu une formation développeur en 5 jours (à Paris) à laquelle j’ai eu le plaisir d’assister la semaine dernière (semaine du 15 au 19 février). Les cours sont donnés par Gabriel Bouhatous, expert magento très actif de la communauté et co-organisateur des Bargentos. Voici un petit résumé de cette semaine.

Jour 1
Tout d’abord, félicitation à l’équipe pour sa réactivité. En effet, 3 jours plus tôt (le vendredi 12 février) sortait une nouvelle version de Magento CE, la 1.4.0. Et ce lundi 15 février, nous apprenons que la formation portera sur cette nouvelle version et que même les supports de cours ont été mis à jour. Vous trouverez plus d’informations sur la 1.4 ici.
Ce premier cours [...]

Vendredi dernier (le 12 février 2010), Varien a livré une nouvelle version de l’édition communautaire de Magento : la version 1.4
Cette version apporte son lot de corrections de bugs et de nouvelles fonctionnalités dont certaines particulièrement intéressantes.
Vous trouverez la liste exhaustive des changements ici, ou encore dans cet article.
WYSIWYG & Widgets
Personnellement, ce qui me plaît beaucoup c’est le nouveau WYSIWYG intégré dans le CMS. Ce WYSIWYG est très complet puisqu’il intègre également des widgets.
Il est donc maintenant possible, sans une seule ligne de code, de configurer sa page d’accueil (ou un autre page du CMS) pour présenter un produit en particulier, les nouveaux produits, les derniers produits consultés ou encore des blocks statiques. Vous pourrez même créer vos propres widgets. [...]

This one is a very small one but one that may proove usefull to more than one
I was recently playing around with flex, having fun fading in and out stuff when I realized that text components such as LABEL or TEXT where not very “fade friendly”. There was nothing special with my code, no special font or anything, so I googled a little and found out that you need to embed a font for it to be “fadable”, event if it is a system font.
Here is an example :

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”
layout=”absolute”
[...]

Flex a tout ce qu’il faut pour gérer le multilingue de manière très simple et efficace. Mais cela demande tout de même à être mis en place puisque quelques subtilités existent.
Tout d’abord, vérifiez que vous avez les locales nécessaires au niveau du sdk (/Adobe Flex Builder 3/sdks/3.2.0/frameworks/locale/). Pour chaque locale, vous devez avoir un répertoire correspondant (par exemple en_US ou fr_FR). S’il vous en manque un, il suffit simplement de copier un des répertoires existants et de le renommer.
Pour commencer, il nous faut un fichier par langue pour y mettre les traductions nécessaires. Pour cela, il suffit de créer un répertoire locale/ dans votre répertoire src/ :

Dans ce répertoire locale/ vous devrez ensuite créer un répertoire pour chaque langue que [...]

Flex offers great functionalities to play around with the pictures you have in your application. I am far from being a design or photo expert but I did have fun modifying the pictures that were inside my latest flex app.
My particular issue was the following. We had a list of products, each of them having a related picture. Some of these products could be bought, others not yet so we wanted to display the later as “disabled”. In other words, we wanted a nice colorfull picture for some products and a grayscale picture for others but the only picture available to us was the colorfull one.
So we used the ColorMatrixFilter. Here is how :

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application
[...]

I recently had to develop a small widget with round corners that needed to be resized in all directions. Coming from the web, my first approach was to create this application using images. This approach is possible but you need to cut your images and the specificity of the layout made it impossible to manage auto-resize.
Unsatisfied with this first approach, I looked for something else. I finally found that Flex offers a lot of possibilities allowing you to create cool layouts using only code. This makes global modifications to your application a lot easier to manage.
Here is a simple example that does not use one single image :

And here is the code

/*mxml file*/
<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application
xmlns:mx=”http://www.adobe.com/2006/mxml”
[...]

A customer we work with uses Magento with the Datatrans Paymentgateway extension and we recently had the following issue. Customers choosing to use datatrans as the payment method did not receive an order confirmation email, although the buy process was OK.

After some time looking for a solution on the magento side, I finally found that the problem came from the datatrans configuration. The return URLs were wrong. They were logically set to the same values as you would expect for any other “non datatrans” process :

Success URL : http://www.website.com/index.php/checkout/onepage/success/
Error URL: http://www.website.com/index.php/checkout/onepage/failure/
Cancel URL: http://www.website.com/index.php/checkout/cart/

The problem is that datatrans still has some stuff to do before you can return to the “standard process”, so the URLs you should call look more like this [...]

Quel bonheur de pouvoir mettre à jour son application sans se déplacer. C’est encore mieux lorsque ce genre de fonctionalité est facile à intégrer à son application. C’est justement le cas pour Flex et en voici la preuve.
Le principe
D’un côté, l’application AIR et de l’autre, le serveur sur lequel se trouve la nouvelle version de l’application AIR ainsi qu’un fichier update.xml qui décrit cette nouvelle version. Périodiquement, l’application AIR va vérifier sur le serveur la présence d’une nouvelle version et dans un tel cas, la télécharge et l’installe. Ainsi, mettre à jour un parc informatique devient simple et rapide.
L’application AIR
La première chose à faire est d’importer les librairies nécessaires à la mise à jour automatique :
import air.update.ApplicationUpdaterUI;
import air.update.events.UpdateEvent;
Ensuite, il vous faut [...]

Envie de faire une application AIR sans l’emprisonner dans une fenêtre dont le style est géré par l’OS sur lequel tourne votre programme ? Voici quelques simples étapes à suivre pour libérer votre oeuvre.
1- Si votre application s’appelle “demo”, vous devez avoir un fichier qui se nomme : demo-app.xml. Ouvrez ce fichier et faites les modifications suivantes :

remplacez
<!– <systemChrome></systemChrome> –>
par
<systemChrome>none</systemChrome>
selon le look de votre application, il peut être intéressant de rendre le fond transparent. Pour cela, remplacez
<!– <transparent></transparent> –>
par
<transparent>true</transparent>

2- Il ne reste plus qu’à modifier votre fichier demo.mxml en rajoutant dans la balise <mx:WindowedApplication> l’attribut showFlexChrome=”false”

<mx:WindowedApplication showFlexChrome=”false”>

Voilà, c’est déjà fini. Vous pouvez maintenant laissez exprimer votre esprit artistique sans barrières

Avant
Après

Si vous avez une application qui tourne parfaitement bien sur la version 1.7.8 du zend framework (ou une version plus ancienne d’ailleurs) et que vous voulez passer à la version 1.8, ceci pourra vous aider. En effet, vous aller vite remarquer que plus rien ne fonctionne et vous aurez une erreur du genre :
Notice: Zend_Loader::Zend_Loader::registerAutoload is deprecated as of 1.8.0 and will be removed with 2.0.0; use Zend_Loader_Autoloader instead in /path/Zend/Loader.php on line 207
Pas de panique, c’est simplement la nouvelle gestion des espaces de noms (namespaces) du Zend Framework qui n’est plus compatible. La solution présentée ici et que vous trouverez également dans cet article permet de contourner le problème. Si vous deviez refaire une application en 1.8, il serait [...]