Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

49
PLATEFORME E-COMMERCE MULTI-PAYS & MULTILINGUE lundi 24 juin 13

description

Retour d'expérience sur la réalisation d'un gros site e-commerce international, multi-pays et multilingue, connecté à SAP. Session donnée lors du Drupal Camp Paris 2013. Gestion de plusieurs pays et des workflows associés Import et export du contenu Optimisations et intégration CDN Problématiques SSL Géo-localisation par IP

Transcript of Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Page 1: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

PLATEFORME

E-COMMERCE MULTI-PAYS &

MULTILINGUE

lundi 24 juin 13

Page 2: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Intégrateur Drupal numéro un en Europe

lundi 24 juin 13

Page 3: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

OBJECTIFSlundi 24 juin 13

Page 4: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Un site e-commerce connecté à SAP

gérant plusieurs pays et plusieurs langues,

où chaque pays est indépendant,

où les contenus doivent être validés par la France,

sauf certains...

Front-end fluide, qui marche sur IE6...

avec un contenu éditorial riche,

lundi 24 juin 13

Page 5: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

QUELQUES CHIFFRESlundi 24 juin 13

Page 6: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

2.500

1618

2ERP, DONT SAP

PAYS, DONT LA CHINE

LANGUES, DONT LE JAPONAIS

REFERENCES PRODUITSlundi 24 juin 13

Page 7: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

55

1215

17.000 HEURES

MOIS

PERSONNES

TEMPLATES

lundi 24 juin 13

Page 8: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

BASES TECHNIQUESlundi 24 juin 13

Page 9: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

lundi 24 juin 13

Page 10: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

CHOIX STRATÉGIQUES

Une seule instance Drupal pour tous les sites

Le lancement des sites sera progressif, pays par pays

Export et import des contenus via Excel

Certains sites seront e-commerce, d’autres pas

Pas de flash, malgré l’environnement luxe

lundi 24 juin 13

Page 11: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

SKUs Stocks Commandes Clients

PhotosProduits&

Catalogue

lundi 24 juin 13

Page 12: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

PAYS & LANGUESlundi 24 juin 13

Page 13: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

CANADA

FRANCE

ESPAGNE

CHINE

FR2 EN

FR3

ES

CN

SUISSE FR1 IT DE

lundi 24 juin 13

Page 14: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

La gestion des langues s’appuie sur plusieurs modules très standard de Drupal :

Localization Client (i10n_client)

Translation Template Extractor (potx)

Entity Translation (entity_translation)

lundi 24 juin 13

Page 15: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

lundi 24 juin 13

Page 16: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

t($string, array $args = array(), array $options = array())

Utiliser t() est une obligation.

Utiliser $context dans les $optionsest très conseillé pour aider à la traduction

lundi 24 juin 13

Page 17: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Chaque pays peut être identifié, soit par son domaine (marque.co.uk), soit par une clef URL (marque.com/fr_FR)

Le module Domain Access (domain) nous offre cette fonctionnalité sur un plateau.

lundi 24 juin 13

Page 18: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Trois fonctionnalités sont primordiales :

1

2

3

Un pays ‘central’, où tout contenu original est d’abord crée.

Possibilité de copier en masse tous les contenus d’une langue vers une autre

Notification des pays en cas de modification d’un contenu en ‘central’

lundi 24 juin 13

Page 19: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Pas de workflow pour les contenus principaux (éditorial, produits). Les pays sont responsables et on deux versions à leur disposition.

Un vrai workflow pour les pages d’accueil

lundi 24 juin 13

Page 20: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

lundi 24 juin 13

Page 21: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Difficulté particulière : customisation des formulaires (inscription, newsletter) en fonction des pays.

lundi 24 juin 13

Page 22: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

lundi 24 juin 13

Page 23: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

INTEGRATION ERPlundi 24 juin 13

Page 24: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Com

man

des,

Clien

tsSKUs, Stock,

Status Comm

andes

XMLSOAP

lundi 24 juin 13

Page 25: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Travailler avec SAP n’est pas complexe, mais laborieux. Une commande peut faire 5000 lignes XML.

lundi 24 juin 13

Page 26: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Créez-vous un outil pour envoyer, depuis le back-office Drupal, un XML vers SAP.

Par ailleurs, créez un log de chaque communication (entrante & sortante) avec SAP visible depuis les objets concernés (commande, utilisateur, SKU)

lundi 24 juin 13

Page 27: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

lundi 24 juin 13

Page 28: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

lundi 24 juin 13

Page 29: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

IMPORT / EXPORT DU CONTENU

lundi 24 juin 13

Page 30: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

2 fichiers : catalogue et produits/SKUs

Aussi bien les SKUs que les produits peuvent avoir plusieurs photos, donc on a aussi :

une archive ZIP avec les médias organisés en répertoires product/product-ID/xxxxx.jpegou sku/sku-ID/xxxxx.jpeg

lundi 24 juin 13

Page 31: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Images produits : image principale, liste, N images zoom, image de fond, images & vidéos éditoriales

Images SKU : principale, liste, fond, texture

lundi 24 juin 13

Page 32: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Pas de suppression (uniquement via BO)Import ne crée pas de révisionsRéférences vers produits encore inconnusTous les champs (40)

lundi 24 juin 13

Page 33: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Architecture du catalogue complexe

Famille

Famille Groupe Catégorie

Groupe Catégorie

Catégorie

lundi 24 juin 13

Page 34: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

GEOLOCALISATIONlundi 24 juin 13

Page 35: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Beaucoup plus complexe que nous le pensions.

Rappelez-vous...

“Le lancement des sites sera progressif, pays par pays”

lundi 24 juin 13

Page 36: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

www.marque.com/es www.marque.com/fr

CDN

VARNISH

NGNIX

Max Mind VCL?

www.marque.comJS

lundi 24 juin 13

Page 37: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

lundi 24 juin 13

Page 38: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

SSLlundi 24 juin 13

Page 39: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Item clairement sous-estimé.

L’idée était de “simplement” mettre en place le module Secure Pages.

Création d’un sous domaine wws

SSL = User Data (Panier, Mon-Compte)

CDN

VARNISH

NGNIX

DRUPAL

Secure Pages

lundi 24 juin 13

Page 40: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Surprise coté Drupal également.

Toutes nos actions liées aux contenus utilisateurs sont effectuées en AJAX.

Or, si contenu utilisateur = SSL

et que SSL = sous-domaine

Oops

lundi 24 juin 13

Page 41: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Du coup nécessité de porter le module Secure Pages Domain Access (securepages_domain).

Pour tous les formulaires utilisateur soumission + redirection.

lundi 24 juin 13

Page 42: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

FRONT-END FLUIDElundi 24 juin 13

Page 43: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

404

lundi 24 juin 13

Page 44: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

OPTIMISATIONSlundi 24 juin 13

Page 45: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

CDN

VARNISH

NGNIX

DRUPAL

ESI

BLOCS JS

STATIC.MARQUE.COM

MEMCACHE

ENTITY CACHE VIEWS CACHE

lundi 24 juin 13

Page 46: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

CE QUE NOUS AVONS APPRISlundi 24 juin 13

Page 47: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

L’import et l’export du contenu est laborieux à faire marcher

SSL, CDN, Création des pays, géolocalisation... Le faire à la fin est une erreur

Même quand il n’y a rien à optimiser, on peut encore optimiser.

La notion de Pays / Langues et workflow associés est complexe à expliquer.

lundi 24 juin 13

Page 48: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

MERCI !

lundi 24 juin 13

Page 49: Réaliser un site e-commerce multi-pays et multilingue connecté à SAP

Intégrateur Drupal numéro un en Europe

lundi 24 juin 13