Développer son site internet et e-commerce avec Drupal

C’est la prononciation à l’anglaise du mot néerlandais « druppel » qui veut dire « goutte », c’est un CMS (Content Management System) Open Source de développement modulaire.

Cet outil permet de concevoir des sites complexes à partir de briques de code éprouvées. Les données sont clairement séparées de la présentation. Les modules sont dédiés au traitement des données.

Drupal est un système de gestion de contenu basé sur des noeuds, des modules et sur une communauté importante.

Comment fonctionne un CMS ?

Un CMS est un programme informatique développé dans l’objectif de permettre à un développeur de paramétrer le back-office pour afficher le front-office d’une application. Il est personnalisable grâce à l’utilisation de différents modules et en modifiant le code du back-office. Bien évidemment, les modifications appliquées dans le code doivent respecter la philosophie et les contraintes du CMS.

Drupal est un CMS très modulaire qui permet de s’adapter à presque toutes les utilisations :

• Site d’information.

• Vitrine commerciale.

• Catalogue en ligne.

• Boutique avec paiement sécurisé.

• Portfolio.

• Petites annonces.

• Site de rencontre.

• etc.

À travers une interface ergonomique, la gestion du contenu du site se fait aisément. L’administration ne requiert pas de compétence particulière en développement web. Cela permet à nos clients d’être complètement autonomes sur la mise à jour du contenu et sur l’administration du site Drupal.

Drupal 8, ses principales forces

La dernière version de Drupal, la version 8 est une vraie plateforme digitale complète. Elle utilise notamment le framework Symfony.

Ses forces évoluent autour de 4 axes :

• Simplicité d’utilisation de l’outil.

• Le core (coeur) a été complété et amélioré.

• Les performances côté serveur et client ont été optimisées.

L’architecture a été complètement repensée.

Inline Editing

L’inline Editing permet de modifier le contenu directement côté front sans avoir à passer par le back office. Il est possible par exemple de modifier du texte directement depuis l’interface utilisateur. Cette fonctionnalité allège les actions du développeur qui gagne en efficacité et rapidité. L’inline Editing est également utilisable depuis un mobile. En outre, le back-end du CMS est entièrement responsive.

Mobile First

L’interface front-end a été repensée Mobile First. Tous les thèmes de Drupal sont évidemment responsives, mais il est possible à présent de faire de la prévisualisation de contenu sur différentes tailles d’écran (desktop, mobile, tablette).

Multichannel

Le système communique et s’interface avec d’autres outils CRM, marketing, ou avec d’autres applications Drupal. L’API est nativement intégrée avec le core et cela sans écrire une ligne de code. Le développeur peut ainsi interfacer très facilement d’autres applications avec Drupal sans perdre de temps et par conséquent dédier une plus grande partie de son intervention sur des fonctions à plus forte valeur ajouté ou plus complexes.

Take a tour

La reprise de l’administration du back office par de nouveaux utilisateurs est très simple et rapide. Au lieu de rédiger des manuels de procédure ou encore de dispenser des formations, on utilise maintenant la fonctionnalité “Take a tour”. C’est un didacticiel fonctionnant sous forme de popup qui permet de créer un scénario de présentation et d’utilisation du back office à destination des nouveaux administrateurs.

Un core adapté au multilinguisme

Le core intègre directement le multilinguisme de façon native. Le multilinguisme est intégré sur toutes les fonctionnalités de Drupal (blog, contenu, nom des menus etc.) L’ensemble des entités, blocs, menus, taxonomies, content type etc. sont traduisibles directement dans la ou les langues souhaitées.

Les modules

Views

Le module Views est le module de Drupal le plus utilisé. Il est intégré dans le core du CMS. Très pratique, il permet de créer un bloc et page dynamique sans compétences techniques. Par exemple créer une page affichant les 10 derniers articles publiés. Toutes les pages d’administration du back-end utilisent ce module et Views supporte nativement le format JSON.

BigPipe

BigPipe définit à l’avance les zones que le navigateur doit afficher en premier. Au lieu d’attendre que toute la page soit calculée et ramenée, on décide d’afficher d’abord les éléments statiques puis dynamiques. Facebook utilise ce type d’optimisation qui permet de gagner quelques secondes sur l’affichage des pages en front et d’améliorer l'expérience utilisateur.

Les modules communautaires sont dans le core Drupal, ils permettent de créer des champs complexes (exemple : un type N° téléphone, des liens). Ces champs bénéficient d’un rendu HTML 5 ready. Les développeurs peuvent créer simplement des blocs customs, ajouter des champs sur une taxonomy etc.

Déploiement d’un environnement à un autre

Tout ce qui est relatif à la configuration est exportable au sein d’une archive.

Le développeur crée ses configurations et les exporte via des archives YAML. Ces archives sont ensuite importées dans le site. Les configurations sont synchronisées avec le site via un bouton de synchronisation et tous les changements sont directement appliqués sur le site et sur la base de données si nécessaire.
La mise en place des configurations se fait de façon simplifiée avec des fichiers plats versionnés avec GIT.

Les équipes techniques bénéficient d’un déploiement sans encombre et rapide.