Quelles solutions pour quels besoins ?

J’ai été récemment amené à chercher une solution adaptée pour la création d’un site de vente en ligne.
N’ayant pas les compétences techniques pour développer un outils de vente en ligne moi même je me suis intéressé aux outils existants.

Après avoir écarté les usines à gaz telles que Magento et osCommerce ou les mauvaises adaptations sur des CMS comme le plugin e-commerce de wordpress ou encore VirtueMart pour Joomla mon choix s’est porté sur Prestashop.

Cet outil open source a été créé en 2007 par les fondateurs de l’entreprise du même nom qui propose des prestations e-commerce.

En rendant open-source l’outil qu’ils ont développé l’entreprise bénéficie des retours d’une petite communauté d’utilisateurs. Cela fait de cet outil de vente en ligne un produit vivant, complet et efficace.

Dans mon cas les besoins étaient élémentaires puisqu’il ne comprenaient ni gestion des fournisseurs, ni gestion de stock car chaque objet est unique. L’outil que j’ai sélectionné répond donc à ces besoins spécifiques.

Il est indispensable de considérer les besoins à court et à long termes pour un site de vente en ligne afin de choisir l’outil qui offrira la plus grande souplesse dans son utilisation.

Customisation et prise en main

Le développement de Prestashop 1.2.5 est suffisamment propre pour une prise en main et une customisation rapide de l’interface en XHTML et CSS.  Voici quelques exemples de designs :

Par ailleurs j’ai trouvé l’interface de gestion de contenu plutôt complète et intuitive si ce n’est pour certains petits détails comme la gestion de la page d’accueil qui est cachée dans les modules.
De nombreux outils de marketing intégrés à Prestashop permettent de gérer tous les aspects de gestion des stocks, des fournisseurs, des transporteurs ainsi qu’un suivi relativement précis de l’évolution des ventes. Cependant la plupart des modules complémentaires  proposés sur Prestastore sont payants (SEO, newsletter, paiement par carte, …).

Système de paiement

Même s’il vous sera nécessaire de déclarer légalement votre business avant de commencer à vendre quoi que ce soit, vous pouvez dans un premier temps éviter de passer par un module de paiement couteux.
Pour une petite boutique la gestion d’un compte vendeur sur Paypal peut suffir pour faire ses premiers pas et tester les fonctionnalités de Prestashop. Il faut noter également la gestion du système Sandbox qui permet de simuler à volonté des achats par Paypal sans transaction réelle. (Idéal pour les tests).

Cependant Paypal (comme tout les systèmes de paiement en ligne) se réserve une commission sur les transactions. Il faut garder à l’esprit qu’aucun module de paiement en ligne n’est gratuit.
Qu’il s’agisse de solution en ligne comme Paypal, de module développé en parrallèle d’outil d’e-commerce ou ceux proposés par les banques elles mêmes, vous devrez toujours considérer un coût lié à ces outils.

Pour finir, il faut dire que même si Prestashop ne convient pas forcément pour toutes les types de projets de e-commerce il reste un outils open-source et gratuit qui vit à travers une communauté internationale et plus particulièrement française vraiment réactive.
Au fur et à mesure de l’évolution de mon « expertise » sur cet outil, je tacherais de vous faire partager mes découvertes sur ce blog.

Et vous, quel est votre avis sur les solutions e-commerce ?

Google Wave est là !

Ce nouvel outil online développé par Google mélange mail, chat, visioconférence,  plateforme de travail collaboratif, …  et  propose de plus en plus de fonctionnalités à travers ses  extensions.
Il s’agit d’une version bêta mais la base de l’outil est posée et semble prometteuse.
Donc si ça vous tente d’essayer la version « Preview » de Google Wave, je vous offre une invitation !
Ça vous évitera de patienter 2 mois après vous être inscrit sur la liste d’attente de Google ou de tapiner sur des blogs mal famés !

Désolé, je n’ai plus d’invitations à offrir …

Up : Merci également à Frederic qui nous offre 2 de ses invitations.

Pour cela, il suffit de laisser un commentaire à cet article avec votre mail ou de me contacter directement.

Je viens de changer de nom de domaine principal pour ce blog. Du coup j’aimerais vous donner quelques tuyaux des étapes à ne pas oublier lors du changement de nom de domaine d’un blog géré sous Wordpress.

Changez l’adresse de votre blog Wordpress en 5 étapes !

Première étape : Créez une page temporaire

Préparez un page temporaire « index.html » que vous placerez à la racine de votre site pendant la bascule (exemple de message) et profitez en éventuellement pour proposer une alternative à votre blog.  Pour moi c’était mon Tumblr.
Cette page temporaire sera toujours plus sympa qu’une erreur 404 et vous évitera les mauvaises surprises de liens cassés qui explosent votre belle mise en page.

Deuxième étape : Effectuez un backup complet de votre site

Cela peut paraitre fastidieux mais vous feriez mieux de faire un backup complet de votre base de données et des fichiers de votre serveur.

Si votre hébergeur effectue le transfert pour vous et  supprime par erreur tous vos fichiers il y a peu de chance pour qu’il vous dédommage. Il en est de même si c’est vous qui effectuez votre changement de nom de domaine, vous risquez de perdre tous vos articles, « et là c’est le drame »…

Troisième étape : Changez l’adresse de votre site

Si vous ne l’avez pas fait par le biais de l’administration de Wordpress dans Réglages/Général, changez l’adresse de votre site par le biais de phpMyAdmin comme suit : Cliquez sur la table wp_options puis afficher et modifiez la valeur du champs siteurl par votre nouveau nom de domaine. Après cette étape vous devriez normalement pouvoir accéder à nouveau à votre espace d’administration.

Souvent il faut modifier en plus l’Adresse web du blog par le biais de l’admin.

Quatrième étape : Nettoyez les liens en dur de votre blog

Remplacez tout les éventuels liens en dur de vos articles, images, liens inter-articles, … Pour ce faire nous allons nettoyer table après table les liens que nous voulons supprimer. Pour aller plus vite on passe par des requêtes SQL qui vont effectuer des « replace » sur le contenu des tables ou des champs.

J’ai pompé ce code chez Korben et mon développeur préféré (merci Benoit !) m’a aidé à décliner cette requête pour les autres tables.
Il faut sélectionner votre table à modifier, cliquer sur SQL puis copiez et ajustez votre requête et cliquez sur Exécuter.

On peut donc changer l’url relative des posts dans la table wp_posts avec la requête suivante :

UPDATE wp_posts SET guid = replace(guid, 'ancien-site.com','nouveau-site.com');

Il faut ensuite nettoyer le contenu des posts avec cette requête :

UPDATE wp_posts SET post_content = replace(post_content, 'ancien-site.com', 'nouveau-site.com');

Et pour les autres tables ou les autres champs il suffit de remplacer le « wp_posts » par le nom de la table et de « post_content » par le nom du champ à modifier.
Jetez un œil sur les différentes tables et promenez vous ensuite sur votre blog pour essayer de ne rien oublier.

Cinquième étape : Paramétrez les redirections

Dans le cas, comme moi, d’un changement de nom de domaine principal, ATTENDEZ avant de vous jeter sur d’éventuelles redirections et procédez par étapes en attendant que chaque redirection soit propagé pour éviter des redirections en boucle.

Dans mon cas j’avais un nom de domaine principal et un un autre domaine qui redirigeait vers le premier. J’ai souhaiter inverser cet ordre pour que le nom de domaine principal soit enfin « cpgportfolio.com » et que « corpsetaccords.fr » ne soit plus qu’une redirection vers ce domaine principal. Il m’a donc fallu attendre que le premier transfert soit effectué pour ensuite rétablir une nouvelle redirection dans l’autre sens. Sans cela vous vous exposez à un redirection qui tourne en boucle et qui bloque tout accès au site.

Le .htaccess

Si votre hébergeur ne vous propose pas de gérer les redirections d’un nom de domaine vers un autre vous pouvez créer une redirection 301 en plaçant un fichier nommé .htaccess à la racine de votre site qui contient le code suivant :

redirect 301 / http://www.nouveaudomaine.com

Cette technique ne bloque pas le référencement et est même recommandé par Google.
Si vous ne savez pas comment créer ce fichier regardez ce tutoriel qui l’explique très clairement avec un petit accent du sud.

Si vous changer complètement d’hébergement vous trouverez ci-dessous des sites qui vous expliqueront de façon détaillée comment effectuer la migration d’un blog Wordpress d’un serveur à un autre :

http://www.wordpress-fr.net

http://wpml.org

N’hésitez pas à mettre à jour vos favoris et vos flux RSS puisque l’adresse principale et officielle de ce blog est maintenant http://www.cpgportfolio.com.

Suivez l’actualité de ce blog par le biais de son flux RSS : http://www.cpgportfolio.com/feed/

Je souffre actuellement d’un obsession pour les triangles. Il semblerait que cela soit contagieux. J’ai donc fait un petit tour du monde du web pour me sentir moins seul.

Une des tendances actuelles du graphisme est axé sur le minimalisme et on retrouve en ce moment un intérêt « nouveau » pour les formes géométriques inspiré par l’art moderne et plus précisément le constructivisme, le suprématisme, l’école du Bauhaus, etc… Je suis tombé par exemple sur le travail de Hans Neuburg.

Dans les créas que je présente dans ce post, beaucoup tombent dans le fluo et le kitch plus ou moins assumé. D’autres conservent un aspect minimaliste et épuré ce qui met souvent en valeur la richesse des compositions.
On commence donc ce petit tour du monde du triangle avec Drew Rios qui vit aux Etats Unis d’Amérique. Il est « Designer », ça ne veut rien dire mais c’est joli !

Pablo Abad est un graphiste espagnol. Il vit à Madrid.

Un autre Pablo découvert sur Frozzen Magazine. Il s’agit de l’argentin Pablo Alfieri qui fait des créas plutôt chiadées mais qui tombent vite dans le kitch.

Gavin Potenza travaille dans un style sobre et minimaliste. C’est très classe, je trouve…

Jonas Hovden a 22 ans et il a sorti ce visuel pour Threadless.
Dommage qu’il n’existe pas en impression blanche sur t-shirt noir parce que je l’aurais bien porté…

Le travail de Julien Vallée est basé sur le découpage et le motion design. C’est un canadien dont vous avez sans doute déjà vu le travail…

Cette animation est bien terrible. C’est réalisé en image par image ou « motion design » (excuuuse)…

Et puis on continue avec les anglais de Nous Vous qui travaillent sur des productions ultra minimalistes plutôt pop.

Luciano Marx est suisse et on sent que les montagnes ne sont pas loin de Lausanne où il vit. Vivement l’hiver…

Bon celui-ci c’est pour le fun parce que je ne suis pas vraiment fan de pop à petits chatons, je préfère le doom avec des petits chiots… (private joke…)

Pour continuer le tour du monde on a Morten Solvstrom qui vit au Danemark.

Il y a peu de temps j »ai découvert le travail de Makoto Yabuki qui vaut vraiment le détour. C’est vraiment du travail très abouti.

Le triangle, symbole divin

Replaçons les choses dans leur contexte  !

On retrouve le triangle dans l’iconologie religieuse et franc-maçonnique qui fait référence à la trinité  et on peut se demander si la réapparition du triangle n’est pas tout simplement rattaché à un intérêt pour le spirituel.

Il s’agit dans ce cas d’un triangle équilatéral ou « Delta lumineux », symbole de la Divinité, qui encadre souvent un oeil divin.  Je cite mais ce n’est pas de moi car je vous avoue que la religion ou la franc-maçonnerie ne sont pas vraiment mon truc mais j’aime bien creuser dans les symboliques culturelles.

« Ce Delta lumineux est l’emblème de la science qui éclaire les hommes. L’œil ouvert figure la Conscience qui dirige, la Sagesse qui observe et qui prévoit le principe du Bien qui fixe le Mal pour le vaincre. Il évoque la Lumière qui doit un jour dissiper les ténèbres dans lesquels se débat encore la douloureuse Humanité.« 

En franc maçonnerie il symbolise toujours la trinité avec d’autres métaphores évocatrices :

« le Ternaire divin, sous toutes ses formes: le Passé, le Présent et l’Avenir; la Sagesse, la Force et la Beauté; le Sel, le Soufre et le Mercure les trois principes du Grand Œuvre) ; les trois règnes de la Nature ; la Naissance, la Vie et la Mort ; la Lumière (principe actif), les Ténèbres (principe passif) et le Temps, qui réalise l’équilibre entre les principes masculin et féminin. L’Œil symbolise à la fois: le Soleil, expression visible de la Divinité, dont émanent la Lumière et la Vie; le Verbe ou Logos, Principe créateur; le Grand Architecte dont nous ne connaissons l’existence que par sa manifestation sensible: I’Univers.« 

Aux States il bouffent de la franc-maçonnerie et des « delta lumineux » toute la journée sur leurs billets :

Pour les amateurs de beaux artworks bien torturés, jetez un oeil sur le travail de Elzo Durt qui vient de Belgique.

Emilio Fos est espagnol. Ce qu’il fait est assez kitch mais dans le lot, il y a quelques idées et on retrouve assez facilement le rapport divin au triangle :

Arthur Dam est un graphiste néerlandais

Dernièrement le groupe Omega Code, dont je ne suis franchement pas fan, a lancé un concours de visuel à partir de leur logo composé de 4 triangles imbriqués. Les rendus sont souvent sympas et on croise pas mal de ces créations sur le net. On peut voir une sélection sur leurs site et plein d’autre sur Behance.

Un exemple de Grzegorz Domaradzki, un polonais :

et celui de Jeff qui est réunionnais :

Les créas suivantes sont l’oeuvre de Oliver Wiegnerqui a monté le studio allemand Ice cream for free.

Pour finir je voulais vous parler du travail du studio « The Keystone Design Union »

Voilà ! Ce tour du monde triangulaire (non exhaustif, au contraire) est fini et je vous laisse avec une petite anamorphose sympa.

Envoyez moi vos trouvailles triangulaire…

En me promenant sur le site webdeux.info qui propose quelques techniques pour optimiser son blog, je suis tombé sur le site Topdesblogs.com qui établit un classement mensuel des blogs francophones.  Cela permet de se situer selon les indicateurs de popularité tels que le nombre d’abonnés au flux RSS, de hits ou de lectures des articles d’un blog ou à travers les outils de social bookmarking comme Delicious ou Technorati. On peut aussi voir le classement des moteurs de recherche Google et Yahoo.

Bref, en octobre 2009 je suis 41501^ème selon le classement des blogs de Google, ce qui me laisse encore pas mal de boulot de référencement et surtout d’écriture !

Depuis quelques temps je voulais donner plus d’importance à mon micro blog intitulé Post-it.
Ce mini blog me permet de conserver dans un coin les images que je trouve particulièrement intéressante au fil de mes promenades sur le net et de les partager à travers ce site. J’ai donc décidé de transférer Post-it sur Tumblr qui est une plateforme de micro blogging.

« Tumblr lets you effortlessly share anything. Post text, photos, quotes, links, music, and videos, from your browser, phone, desktop, email, or wherever you happen to be. You can customize everything, from colors, to your theme’s HTML. »

En gros l’idée de Tumblr consiste à partager des photos, des vidéos, de la musique, des citations, des liens. Tout ça à travers une interface très simple et configurable.

L’aspect graphique du site est paramétrable à travers des thèmes ou par le biais du XHTML et CSS auquel on a accès directement.

Il est donc possible de faire disparaitre complètement l’identité de Tumblr ou de au contraire de profiter pleinement des fonctionnalités de mise en réseau que propose l’outil.
On peut ajouter autant de code en dur qu’on le souhaite, des liens des images et même rattacher le blog à un nom de domaine.

Donc aller jeter un oeil sur thecpg.tumblr.com.

Dans ce genre d’actualité bien chaude on peut en effet tirer profit du malheur des geeks tout paniqués par l’impossibilité de se connecter à leur réseau social préféré. Tout le monde est perdu et ne peut plus se référé à Twitter pour savoir si le problème vient de chez eux ou de Twitter.

Du coup un grand nombre de blog en profitent pour faire marcher le référencement naturel des moteurs de recherche en répondant à ce genre de requêtes.
En effet Google et les autres sont sensibles à l’effet de masse. Si ton blog répond à ce que les gens veulent, le contenu de ton blog apparait comme pertinent et ton « Page rank » augmente. Du coup, pour les recherches suivantes, ton blog peut apparaitre mieux placé dans les résultats de moteur de recherche.

Pour le cas du piratage de Twitter certains ne savent plus quoi inventer. Citons par exemple les tout nouveaux sites :

• whentwitterisdown.com qui reprend tout les tweets qui sont apparu à la réouverture du site et tagué comme « #whentwitterwasdown« 
• Istwitterdown.com qui peut te dire en temps réel si Twitter est HS ou pas.
• D’autre vont aller poster des articles pour proposer les 15 meilleurs alternatives à Twitter. (On n’attendait qu’eux !).
• D’autres se demandent :  « Y a t’il une vie après Twitter?« 

Bref, tout est bon pour étendre sa présence sur le net et créer du traffic sur son blog. Cet article en est un bon exemple.

Le travail de Chris Hornbecker est basé sur le challenge de prendre une photo par jour en augmentant à chaque fois d’un millimètre sa distance focale. Son projet 1 millimeter a day commence le 1 janvier 2008 avec un objectif de 14mm et finit le 21 janvier 2009 avec un 400mm.
Les images de Chris Hornbecker sont plus douces, le contraste moins dur que dans celles de Kim Høltermand.

Bien que le projet 1 millimeter a day joue davantage sur la composition et les textures on retrouve pourtant des approches similaires dans le cadrage de certaines images.

Dans aucun des clichés de l’un ou l’autre de ces artistes on ne rencontre de vie humaine.
Chaque espace est déserté, vidé, abandonné. Les images sont graphiques et souvent minimalistes. Seules les formes, les espaces sont privilégiés. Les atmosphères que ces deux photographes créent deviennent parfois énigmatiques et l’impression d’isolement et de solitude devient perceptible.

Dans un traitement différent j’aimerais citer le travail de Branislav Kropilak qui joue également sur la notion d’espace et d’absence de vie dans certaines de ses séries mais dans une approche plus dynamique. Cela fait disparaitre le côté mélancolique que l’on trouve dans les travaux cités précédemment.

Twitter est un outil de réseau social et de microblogage qui permet à l’utilisateur d’envoyer gratuitement des messages, appelés des tweets (gazouillis en anglais), de 140 caractères maximum par Internet, par messagerie instantanée ou par SMS. (Wikipédia)

1. Twitter ne sert pas seulement à raconter sa vie et permet de trouver des gens qui partagent des centres d’intérêts communs.
2. Twitter regroupe une grande quantité de professionnels qui partagent leurs découvertes sur le net à travers leurs « tweets ».
3. Twitter permet de suivre l’actualité de communautés que l’on apprécie.
4. A l’inverse de facebook on peut rester anonyme sur Twitter.
5. A l’inverse de Myspace la personnalisation des pages Twitter est réalisé de façon propre et en XHTML 1.0 Strict, donc accessible.
6. Twitter est un outil extraordinaire de promotion en temps réel pour un blog, un site ou un évènement.
7. Twitter permet d’élargir l’impacte de sa communication à une échelle internationale et à une communauté plus large car tout le monde ou presque y parle anglais.
8. Twitter nécessite une exigence de qualité sur les informations postés puisqu’il est aussi facile de s’abonner au twitter de quelqu’un que de s’en désabonner
9. Twitter est facilement intégrable à un site web pour y offrir une actualité en temps réel.
10. Twitter est le chainon manquant entre les fluxs RSS et les réseaux sociaux.

Alors plus de temps à perdre, rejoignez moi sur