4 Maîtriser le backend Les nouveaux utilisateurs de Magento sont souvent impressionnés par la qualité de son interface d administration, mais ils en redoutent aussi la richesse fonctionnelle. Connaître la longue liste des fonctionnalités de Magento est relativement simple, savoir où agir quand on souhaite le faire est un exercice plus difficile. Ce chapitre vous aidera à comprendre les caractéristiques et les fonctionnalités du backend. 4.1 Une interface efficace Intégrer autant de fonctionnalités dans une interface web représentait un défi intéressant. Le backend a donc fait l objet d une grande attention lors de sa conception. Les principes de l ergonomie des IHM (interfaces humain-machine) sont respectés et le résultat apporte une réelle efficacité dans le travail quotidien, même si certaines parties restent perfectibles. Longtemps, l acronyme IHM a signifié "interface homme-machine". La tendance actuelle, soutenue par la plupart des ergonomes, est de l ouvrir à toute la population : "interface humain-machine". Structure globale Chaque page du backend présente les éléments suivants (voir Figure 4.1) : un bloc d en-tête, avec le menu principal et le formulaire de recherche ; un corps de page, avec son titre, ses boutons d actions, ses grilles de données et ses formulaires ; un bloc de pied de page, avec son sélecteur de langue. La langue sélectionnée en bas de page ne concerne que les pages vues par l utilisateur connecté sur le backend. Ce choix n a aucun impact sur le frontend, ni sur l utilisation du backend par les autres utilisateurs. Le choix de la langue n est pas conservé d une session à l autre et le compte de l utilisateur ne permet pas de la déclarer définitivement. À l ouverture d une nouvelle session (lors de la connexion de l utilisateur au backend), Magento utilise la langue par défaut de la configuration générale. Menu, onglets et volets La navigation dans le backend se fait à travers le menu principal, des onglets et des volets. Par défaut, le menu n affiche que les entrées de premier niveau. Le curseur de la souris permet de dérouler et de sélectionner les entrées suivantes. Magento met en évidence l entrée en cours de consultation par un fond orange (voir Figure 4.2). Cependant, ce repère visuel
92 Magento ne fonctionne qu au premier niveau du menu, il aurait pourtant été bien utile pour les autres niveaux! Figure 4.1 En-tête, corps et pied de page du backend. Figure 4.2 Le menu principal, avec l entrée Sy s t è m e en cours de consultation et l entrée Catalogue déroulée par le curseur de la souris. Une fois dans une page, la navigation utilise des onglets et des volets. Leur utilisation intuitive se passe de commentaires (voir Figure 4.3). Avec ces interactions, certes classiques mais pratiques, le backend gère un nombre important de fonctionnalités, tout en conservant une certaine simplicité d utilisation. Figure 4.3 Une page avec ses onglets à gauche et ses volets dans la partie centrale. Un volet est ouvert, deux autres fermés. Les boutons d actions Dans chaque page du backend, les actions principales sont matérialisées par des boutons placés en haut et à droite du corps de page (voir Figure 4.4). Leur apparence suit toujours les mêmes règles : encadrement avec fond orange, sauf pour les actions qui suppriment des
Maîtriser le backend 93 données (fond rouge) et pour les boutons de retour à la page précédente (fond gris). Un jeu d icônes permet d habituer l œil à certains types d actions (sauvegarde, création, suppression, retour, etc.). Figure 4.4 Les boutons d actions de la fiche produit. Les boutons d actions restent toujours affichés, même en cas de défilement de la page vers le bas. Dans ce cas, une bande jaune apparaît en haut de la fenêtre du navigateur, contenant le titre de la pages (à gauche) et les boutons d actions (à droite). Cette astuce offre un gain de temps très appréciable (voir Figure 4.5). Figure 4.5 Affichage permanent des boutons d actions, même après un défilement de la page. Présents sur de nombreuses pages, les boutons de sauvegarde sont de deux types : Sauvegarder. Enregistre les données de la page et retourne à la page précédente. Sauvegarder et continuer à éditer. Enregistre les données, mais reste sur la même page. Les grilles de données De nombreuses pages du backend contiennent des listes d éléments : liste de produits, liste de clients, liste de commandes, etc. Chaque fois, Magento met en œuvre son système de grille (voir Figure 4.6). Figure 4.6 Exemple de grille dans le backend de Magento. Chaque grille (grid, en anglais) est constituée des éléments suivants : un bloc de gestion de la pagination ; un bloc de boutons d actions ;
94 Magento un bloc d en-tête de tableau ; le tableau des données. Le tableau des données affiche un nombre défini de lignes par page. Le bloc de gestion de la pagination sert donc à naviguer de page en page, en utilisant les flèches (page précédente, page suivante) ou en précisant un numéro de page. Le nombre de lignes par page peut être modifié dans ce bloc (voir Figure 4.7). Figure 4.7 Le bloc de gestion de la pagination. La première ligne de l en-tête du tableau affiche les libellés de colonnes et assure le tri des données par colonne. Le tri en cours est matérialisé par un fond orange et son sens par une flèche. La seconde ligne de l en-tête du tableau assure le filtrage du résultat (voir Figure 4.8). Figure 4.8 Tri et filtrage de la grille. Comment faire Pour activer un filtre : 1. Saisir ou sélectionner une valeur dans un champ. 2. Cliquer sur le bouton Chercher. Pour supprimer un filtre : 1. Vider le champ correspondant. 2. Cliquer sur le bouton Chercher. Pour supprimer tous les filtres : Cliquer sur le bouton Réinitialiser le filtre. Dans les grilles qui proposent des actions par lot (produits, commandes, factures, etc.), Magento affiche quatre liens supplémentaires : Tout sélectionner ; Tout désélectionner ; Sélectionner les éléments visibles ; Désélectionner les éléments visibles. Il faut prendre garde à leurs comportements. Les liens To u t sélectionner et To u t désélectionner affectent l ensemble des enregistrements, y compris ceux qui ne font pas partie de la page en cours. Les deux autres liens ne portent que sur la page en cours de consultation. Par exemple, si vous affichez la page 3 sur un total de 7 et que vous cliquez sur To u t sélectionner, les enregistrements des pages 1 à 7 seront sélectionnés. Si vous cliquez sur Sélectionner les éléments visibles, seuls les enregistrements de la page 3 seront choisis.
Maîtriser le backend 95 De même, si vous cliquez sur To u t sélectionner, puis sur Désélectionner les éléments visibles, vous n aurez supprimé de la sélection que les résultats de la page 3. Les enregistrements des pages 1 à 2 et 4 à 7 seront toujours sélectionnés! Comprendre ce principe de fonctionnement évite bien des erreurs de manipulation. Recherche globale La backend propose, en haut de page, un moteur de recherche globale qui n a de global que le nom La recherche globale analyse seulement les informations suivantes : produits (attributs utilisés pour la recherche simple) ; clients (nom, prénom, société) ; commandes (numéro, prénom, nom, téléphone, code postal). C est toujours bon à prendre, mais loin de la somme astronomique de données stockées. Il est vrai que faire des requêtes sur l ensemble de la base ne serait pas réaliste, ni pour les ressources du serveur, ni pour l utilisateur. Mais certaines informations seraient bien utiles : titre de catégories, titre et code de blocs statiques et de widgets, code promotion, numéro de facture, etc. Pour utiliser la recherche, il faut saisir au moins deux caractères. Magento propose une liste de suggestions correspondant aux résultats possibles. La liste déroulante proposée reste l unique moyen d accéder à la ressource souhaitée car Magento ne propose pas de page de résultat (voir Figure 4.9). Figure 4.9 Champ de recherche du backend, avec des résultats suggérés. Pour trouver les produits correspondants au terme saisi, Magento se sert des attributs de produits qui servent à la recherche simple du frontend. Une recherche sur le même terme retournera les mêmes produits sur le backend et le frontend. Cela signifie qu il n est pas possible de créer des attributs cachés pour faire des recherches uniquement sur le backend. 4.2 Tour d horizon par le menu Neuf rubriques composent le menu principal de Magento. Les fonctionnalités qu elles regroupent sont si nombreuses qu il serait trop long de les expliquer en détail. Nous nous contenterons d un aperçu suffisamment complet pour comprendre ce que contient le backend. Les chapitres suivants apporteront les détails attendus. Dans la présentation qui suit, les titres reprennent ceux du menu de Magento. Ils sont parfois différents des titres affichés une fois les pages ouvertes. Pour faciliter la compréhension
96 Magento de la hiérarchie, cette dernière est matérialisée par le séparateur > (chevron). Par exemple, Ventes > Factures correspond à la page des factures de la rubrique Ventes. Une même page du backend est parfois accessible depuis plusieurs autres pages. Par exemple, la page détaillée d une facture est accessible depuis la liste de toutes les factures de la plate-forme (Ventes > Factures) ou depuis la page détaillée de commande. Comme un livre n offre pas la même souplesse, il a fallu faire un choix : chaque page est rattachée à la rubrique la plus cohérente. Connexion au backend Par défaut, l accès au backend de Magento se fait en ajoutant admin à la fin de l adresse du site. Si le site est à l adresse www.example.com, le backend est à l adresse : www.example.com/admin Si la plate-forme est installée dans le dossier maboutique d un site plus important, il faut ajouter le chemin jusqu à Magento : www.example.com/maboutique/admin La page affichée propose de saisir son identifiant et son mot de passe. En cas d oubli, un lien permet d envoyer un e-mail avec la procédure pour se connecter à nouveau. Pour des raisons de sécurité, le backend de Magento ne doit pas rester accessible par l adresse proposée par défaut. Une bonne pratique consiste à le placer sous un nom de domaine différent de celui du site, afin de définir des règles d accès très strictes (pare-feu, filtrage par IP, certificat numérique, etc.). Avec un site accessible à l adresse www.example.com, nous pourrions avoir un backend à l adresse admin.example.com/gerermaboutique/. Le Chapitre 13, section 13.8, explique comment sécuriser le backend. Tableau de bord Le tableau de bord donne une vue générale de l activité commerciale de la plate-forme. On y trouve : un graphique des ventes sur une période choisie par l utilisateur ; le montant total des commandes et le panier moyen ; les dernières commandes ; les derniers termes recherchés ; les termes les plus recherchés ; les meilleures ventes ; les produits les plus consultés ; les nouveaux clients ; les derniers clients actifs.
Maîtriser le backend 97 Chaque élément du tableau de bord est aussi un lien pour accéder aux détails (produit, commande, compte client, terme recherché). Ces raccourcis matérialisent l objectif principal du backend de Magento : faciliter la gestion en temps réel de la plate-forme. Le tableau de bord se concentre sur les ventes. Il ne donne aucune information sur l état technique de la plate-forme. Ventes > Commandes La page Commandes est le point d entrée pour gérer les commandes. Elle en dresse la liste, quel que soit leur état, et donne accès à leurs détails (page Vue de commande). Comme pour n importe quel tableau de données du backend, la liste des commandes peut être filtrée et triée. Certaines actions sont possibles sur une sélection de commandes : annuler ; bloquer ; débloquer ; imprimer les factures ; imprimer les bordereaux de livraison ; imprimer les avoirs ; tout imprimer ; La page Commandes permet aussi de créer une commande depuis le backend (voir Figure 4.10). La page Vue de commande affiche le détail d une commande. On y retrouve tous les éléments d origine (date, client, adresses de facturation et de livraison, produits commandés, montants, taxes, modes de paiement et de livraison), mais aussi les éléments qui s ajoutent lors du traitement de la commande (historique, factures, expéditions, avoirs, notifications au client). Cette page permet de : facturer une commande ; expédier tout ou partie des produits commandés ; rembourser tout ou partie des produits commandés ; tracer un événement lié à la commande ; envoyer un message au client ; modifier la commande ; renouveler la commande ; annuler la commande ;
98 Magento bloquer ou débloquer la commande. Un menu de navigation latéral donne un accès rapide aux factures, aux expéditions, aux avoirs et à l historique des commentaires de la commande. Figure 4.10 Page de création d une commande. Chaque commande contient des commentaires. Ils permettent de comprendre les actions de traitement effectuées. Ils sont de quatre types : commentaire de commande ; commentaire de facture ; commentaire d expédition ; commentaire d avoir. Dans la page de commande, l onglet latéral Historique des commentaires affichent tous les commentaires, quel que soit leur type. Par contre, les commentaires placés derrière l onglet In f o r m a t i o n n affiche que les commentaires de commande. Si vous oubliez cette particularité, vous passerez à côté d événements importants lors du traitement d une commande.
Maîtriser le backend 99 Savoir + Le Chapitre 8 détaille le traitement des commandes. Ventes > Factures La page Factures liste toutes les factures émises par la plate-forme. Chaque ligne du tableau donne accès aux détails d une facture. Un document PDF peut être généré sur une sélection de factures. La page Facture affiche le détail d une facture : numéro, commande associée, client, adresses de facturation et de livraison, produits commandés, montants, taxes, modes de paiement et de livraison (voir Figure 4.11). Figure 4.11 Page d une facture. Cette page permet : de créer un commentaire de facture ; d imprimer la facture ; d envoyer par e-mail au client les informations de facturation. Savoir + Le Chapitre 8, section 8.6, détaille la gestion de la facturation. Ventes > Expéditions La page Expéditions liste toutes les expéditions émises par la plate-forme. Chaque ligne du tableau donne accès aux détails d une expédition.