Vue d ensemble de Drupal

Transcription

1 1 Vue d ensemble de Drupal Cet ouvrage explique de quelle façon construire plusieurs types de sites web différents en utilisant la plate-forme d édition web Drupal. Que votre objectif soit de promouvoir votre groupe de rock ou de mettre en place l intranet de votre entreprise, certains besoins seront identiques. Le site proposera du contenu ; qu il s agisse de sons, de textes ou d images GIF animées, un site web communique son contenu aux visiteurs. Vous devrez également gérer ce contenu. Même si, avec suffisamment de connaissances des technologies web sous-jacentes, vous pouvez faire tourner votre propre système, Drupal facilite et accélère la création du site web, l ajout de nouvelles fonctionnalités et l édition quotidienne du contenu. Enfin, le site web aura des visiteurs, et ce livre propose différentes manières d impliquer votre communauté avec l aide de Drupal. Ce chapitre débute par une présentation de Drupal : ce qu il est, qui l utilise et les raisons de ce choix. Il en donne ensuite une vue conceptuelle, en expliquant tout d abord le sens de l expression ambiguë "gestion de contenu" et comment parvenir à construire des sites web de cette manière. Pour finir, il définit et explique les concepts de Drupal qu il est indispensable de connaître pour comprendre la manière dont le contenu est pris en charge. Présentation de Drupal Drupal est un système de gestion de contenu (CMS, Content Management System) open-source utilisé par des centaines de milliers d entreprises et de personnes pour construire des sites web attrayants et au contenu riche 1. Avec Drupal, développer un site web consiste à combiner différents "blocs de construction", décrits plus loin dans ce chapitre, afin d adapter ses fonctionnalités à des besoins précis. Une fois le site web Drupal construit, sa maintenance se fait au travers de formulaires en ligne, sans que le code soit modifié manuellement. L utilisation de Drupal est libre. Sa bibliothèque d outils, volumineuse et en perpétuelle évolution, permet à votre site de se distinguer. Drupal est également un framework de gestion de contenu (CMF, Content Management Framework). En plus d offrir aux webmestres les outils de construction dont ils ont besoin, il permet aux programmeurs et aux développeurs de le personnaliser à l aide de modules complémentaires. Quasiment chaque aspect du comportement de Drupal peut être adapté à l aide de ces modules, et il existe des milliers de modules pour ajouter les 1. Pour de plus amples informations concernant le mouvement du logiciel open-source, consultez le site qui, incidemment, est également un site Drupal.

2 12 COMPOSEZ AVEC LES MODULES DE DRUPAL fonctionnalités allant de la galerie de photos au chariot d achat en passant par des traducteurs en langage des pirates 1. La plupart des modules sont fournis par la communauté Drupal, ils sont disponibles en téléchargement et peuvent être utilisés sur votre site web Drupal. Toutes les fonctionnalités présentées dans cet ouvrage sont réalisées en combinant le noyau de Drupal et ces modules additionnels. Il faut remercier la communauté Drupal ; toutes ces personnes qui codent sont souvent citées comme l un des atouts majeurs de Drupal. Lorsque Drupal 6 est sorti en février 2008, plus de 700 membres de la communauté avaient apporté leur code au cœur du logiciel. Plus de développeurs assurent la maintenance des modules additionnels, et un plus grand nombre encore participent aux tests, à la documentation, à l assistance aux utilisateurs, aux traductions et à d autres aspects importants du projet. Tous ceux qui sont familiers de l évaluation des plates-formes open-source attesteront de l importance d une base communautaire prospère. Utilisateurs de Drupal Ces deux dernières années, la popularité de Drupal a explosé, au point que des grands noms en ont pris note. Certaines sociétés de médias, comme MTV UK, Lifetime et Sony BMG Records, utilisent Drupal pour mettre en place des communautés fidèles autour de leurs produits. Des éditeurs papier, comme le New York Observer, The Onion, le magazine Popular Science et le magazine Fast Company, utilisent Drupal pour offrir à leurs lecteurs un contenu en ligne interactif. Amnesty International, les Nations unies et l Electronic Frontier Foundation se servent de Drupal pour coordonner leur militantisme sur des questions importantes. Linux Ubuntu, Eclipse, Firefox et jquery sont des projets open-source qui emploient Drupal pour encourager leurs communautés. Des blogueurs, comme Tim Berners-Lee, Heather B. Armstrong (alias Dooce), la communauté BlogHer et Merlin Mann, utilisent Drupal comme plate-forme de publication. La Figure 1.1 présente certains de ces sites web Drupal de haut vol. Tous ces sites web ont en commun un besoin d outils d édition puissants et de fonctionnalités de communauté riches. Pour savoir qui utilise Drupal, il existe plusieurs sources d information. Dries Buytaert, le fondateur du projet Drupal, maintient sur son blog une liste des sites web Drupal les plus connus ( Sur le site web de Drupal, vous trouverez une section qui contient des études de cas et des réussites détaillées ( drupal.org/cases). Par ailleurs, le site répertorie des milliers de sites Drupal rencontrés sur Internet, qu il s agisse de petits sites web personnels ou de grands réseaux sociaux avec des millions d utilisateurs actifs. 1. N.d.T. : chaque année, le 19 septembre est le jour où les Américains peuvent utiliser le langage des pirates sans choquer. Pour de plus amples informations sur le "Talk Like a Pirate Day" (TLAPD), consultez le site et la page

3 VUE D ENSEMBLE DE DRUPAL 13 Figure 1.1 Les pages d accueil de plusieurs sites web Drupal d envergure. Fonctionnalités de Drupal Les caractéristiques de Drupal, qui seront détaillées au Chapitre 2, sont nombreuses. En voici quelques-unes : Système de modules flexible Les modules sont des plug-ins qui peuvent modifier et ajouter des fonctionnalités à un site Drupal. Quel que soit le besoin fonctionnel, il est fort probable que le module adapté existe ou que vous puissiez combiner plusieurs modules pour le satisfaire. Dans le cas contraire, vous pourrez certainement trouver du code qui en réalise une grande partie. Système de thèmes personnalisables Dans Drupal, tout ce qui est affiché peut être intégralement personnalisé. Vous pouvez donc donner à votre site l apparence que vous souhaitez (plus précisément celle que souhaite le designer). Création de contenu extensible Vous pouvez définir tout nouveau type de contenu (blog, événement, citation du jour). Les modules additionnels vont même plus loin et permettent aux administrateurs de spécifier des champs personnalisés dans les types de contenu créés.

4 14 COMPOSEZ AVEC LES MODULES DE DRUPAL Optimisation native pour les moteurs de recherche Drupal prend directement en charge les URL simplifiées et toutes les sorties produites sont conformes aux standards. Grâce à ces deux fonctionnalités, les sites web s intègrent parfaitement aux moteurs de recherche. Autorisations d accès basées sur les rôles Les rôles personnalisés et l abondance d autorisations permettent d obtenir un contrôle précis sur les accès au système. Les modules existants peuvent également aller plus loin dans ce contrôle d accès, jusqu au niveau de l utilisateur individuel. Outils de publication sociale et de collaboration Drupal fournit les outils permettant de prendre en charge les blogs de groupe, les commentaires, les forums et les profils d utilisateurs personnalisés. Pour ajouter n importe quelle autre fonctionnalité imaginable, par exemple la notation, les groupes d utilisateurs ou les outils de modération, il suffit généralement de télécharger un module. Histoire de la gestion de contenu Avant d aborder plus en détail Drupal, faisons un petit retour dans le temps, à l époque où les systèmes de gestion de contenu n existaient pas encore. Pour comprendre comment Drupal et les autres CMS simplifient le travail, nous allons voir comment cela se passait aux débuts du Web. Création des sites web Autrefois, c est-à-dire dans les années 1990, les pages web n étaient rien d autre que des fichiers texte simples stockés dans les dossiers d un serveur quelque part sur Internet. Avec des noms comme index.html, actualite.html ou apropos.html, ces fichiers étaient visibles par quiconque disposait d un navigateur web. Par le biais du langage de balisage HTML, ces fichiers pouvaient établir des liens les uns avec les autres, inclure des images et d autres types de médias, et avoir un aspect présentable. Un site web, comme pourraient l expliquer les hippies de cette époque, n était qu un ensemble de fichiers placés dans un dossier précis (voir Figure 1.2). Ce système fonctionnait plutôt bien et avait un sens. Chaque URL que l internaute pouvait visiter correspondait à un fichier.html unique sur le serveur. Pour organiser le site en sections, il suffisait de créer un dossier et d y déplacer les fichiers adéquats ; par exemple, pourrait correspondre à l adresse de la rubrique Actualité du site, tandis que la lettre d information de 1997 serait accessible à l adresse produits_printemps_1997.html. Lorsque le webmestre devait corriger un problème,

5 VUE D ENSEMBLE DE DRUPAL 15 il lui suffisait de consulter la page dans son navigateur web et d ouvrir le fichier correspondant sur le serveur web pour apporter les modifications. Figure 1.2 La structure d un site web aux débuts du Web. index.html apropos actualite apropos.html contact.html produits_printemps _1997.html produits_automne _1997.html Malheureusement, avec l expansion des sites web, il est apparu clairement que cette organisation n était pas viable. Après une année d ajout de pages et de création de répertoires, l administration de nombreux sites web couvrait des dizaines, des centaines ou parfois même des milliers de pages. Les problèmes sérieux ont évidemment fini par arriver : La modification de l aspect du site exigeait un travail énorme La mise en forme des informations, la présentation générale et les autres aspects de la conception du site sont à réaliser sur chaque page. Les feuilles de style en cascade (CSS, Cascading Style Sheets) n avaient pas encore envahi le Web et des opérations aussi élémentaires que la modification de la police par défaut du site nécessitaient l édition de chaque fichier. La structure du site conduisait à une importante duplication du contenu La présentation générale des sites web comprenait habituellement un pied de page standard, avec des informations de copyright et de contact, une image d en-tête, une sorte de menu de navigation récurrent, etc. Si l un de ces éléments devait être modifié, la mise à jour devait être effectuée sur chaque fichier. Si vous étiez très chanceux, tous les webmestres avant vous avaient consciencieusement vérifié qu il n existait aucune divergence de présentation et que ce type de modification pouvait

6 16 COMPOSEZ AVEC LES MODULES DE DRUPAL être réalisé par un script. Malheureusement, la plupart des webmestres n étaient pas chanceux et pestaient contre les sites construits avec FrontPage, PageMill, Dreamweaver et Notepad, tous à la fois. Il était impossible de garder des sites web cohérents et à jour La plupart des sites complexes étaient déjà organisés en répertoires et sous-répertoires de manière à organiser le contenu. L ajout d une actualité dans le répertoire correspondant demandait la mise à jour de la page de sommaire qui recensait toutes les nouvelles, peut-être une petite note sur la page d accueil du site, et imposait de ne pas oublier de supprimer cette note lorsque la nouvelle était obsolète. Un grand site, avec de multiples rubriques et une quantité notable de contenu, pouvait occuper un webmestre à plein-temps, simplement pour jongler avec ces mises à jour. L époque des scripts et des bases de données La recherche de solutions à ces problèmes a conduit à la première véritable révolution dans la conception web : l utilisation des scripts et des programmes CGI (Common Gateway Interface). La première étape consistait à placer des balises particulières, appelées SSI (Server-Side Includes), dans chaque fichier HTML. Grâce à ces balises, les concepteurs pouvaient demander au serveur web de prendre le contenu d un autre fichier, par exemple un message de copyright standard ou la liste des dernières nouvelles, et de l inclure dans la page web en cours, comme s il faisait partie du fichier HTML. Cette solution a permis de faciliter la mise à jour de ce type de contenu, car il était enregistré en un seul endroit. La seconde évolution s est traduite par l utilisation de bases de données simples pour enregistrer des parties de contenu semblables. Toutes les nouvelles sur CNN.com ( ont une structure comparable, même si leur contenu diffère. C est également le cas des pages de produits sur Apple.com ( des billets de blog sur Blogger.com ( etc. Au lieu d enregistrer ces contenus dans des fichiers HTML séparés, les webmestres ont utilisé un programme qui s exécutait sur le serveur web pour rechercher le contenu de chaque article dans la base de données et l afficher avec le balisage HTML adéquat pour obtenir la mise en page du site. Des URL comme soldes.html ont été remplacées par des URL de la forme actualite.cgi?id=10. Au lieu d examiner le répertoire actualites, puis le répertoire 1997, et de retourner le fichier soldes.html au navigateur web de l utilisateur, le serveur web exécutait le programme actualite.cgi, le laissait retrouver l article numéro 10 dans la base de données et renvoyait le texte fourni par ce programme. Ces solutions ont nécessité un changement dans la manière dont les concepteurs et les développeurs abordaient la création des sites web. Toutefois, les bénéfices obtenus en valaient la peine : des dizaines ou des centaines de fichiers pouvaient être remplacées par une base de données de contenu et un ou plusieurs scripts (voir Figure 1.3).

7 VUE D ENSEMBLE DE DRUPAL 17 Figure 1.3 Le passage des fichiers individuels aux scripts accédant à une base de données. index.html includes apropos.shtml contact.pl actualite.cgi navigation.inc en_tete.inc pied_de_ page.inc base de données base de données Toutefois, même ces améliorations ne suffisaient pas à régler tous les problèmes : Où donc modifier le paramètre X? Les grands sites, avec de nombreuses sortes de contenu (informations sur les produits, biographies des employés, annonces de presse, téléchargements gratuits, etc.), devaient toujours jongler avec un assortiment de scripts, de bases de données séparées et d autres éléments afin de rester opérationnels. Les webmestres qui mettaient à jour le contenu devaient déterminer si la modification concernait un fichier HTML, un enregistrement dans une base de données ou le code d un script. Trop de petits éléments étaient combinés Le contenu dynamique, comme les forums de discussion ou les livres de visiteurs permettant aux internautes d interagir, nécessitait sa propre infrastructure, avec chaque système souvent conçu séparément. Leur combinaison en un site web unifié n avait rien de simple. La révolution du contenu Lentement, mais sûrement, des programmes ont été développés pour gérer ces différents contenus et ces diverses fonctionnalités à partir d une interface utilisateur cohérente. La première génération des logiciels se focalisait sur une tâche ou une application précise, mais les implémentations récentes des CMS ont offert des outils génériques pour créer, modifier et organiser les informations sur le site. La plupart des systèmes offraient également aux développeurs des mécanismes leur permettant d écrire des modules complémentaires et de nouvelles fonctionnalités sans réinventer la roue.

8 18 COMPOSEZ AVEC LES MODULES DE DRUPAL La Figure 1.4 illustre l intégration de ces possibilités dans un système de gestion de contenu comme Drupal. Figure 1.4 La structure d un site web intégré orienté base de données. index.php base de données forums rubrique actualité formulaire de contact Drupal fait partie de cette nouvelle génération des systèmes de gestion de contenu. Il permet de créer et d organiser différents types de contenu, fournit des outils de gestion des utilisateurs pour les créateurs du site et les internautes, et donne accès à des milliers de plug-ins tiers pour ajouter de nouvelles fonctionnalités. Dans son discours lors du Open Source CMS Summit de 2007, Dries Buytaert, l initiateur du projet Drupal, a indiqué que l objectif de Drupal était de "supprimer le webmestre". Si vous êtes ce webmestre, cela peut vous sembler quelque peu effrayant, mais, après réflexion, les implications sont passionnantes. Avec Drupal, le travail d organisation et de maintenance des milliers de pages disparaît : vous pouvez vous concentrer sur la mise en place des fonctionnalités dont le site a besoin et sur celles proposées aux internautes.erreur! Signet non défini. Fonctionnement de Drupal À un niveau conceptuel, la pile Drupal ressemble à celle illustrée Figure 1.5. Drupal est une sorte de couche intermédiaire entre la partie dorsale (ce qui assure le fonctionnement d Internet) et la partie frontale (ce que les internautes voient dans leur navigateur web). Dans les couches inférieures, le système d exploitation, le serveur web, la base de données et l environnement PHP mènent la danse. Le système d exploitation s occupe de tout ce qui permet le fonctionnement du site web : les tâches de bas niveau comme la gestion des connexions réseau, les fichiers et les autorisations de fichiers. Le serveur web rend l ordinateur accessible depuis Internet et sert le contenu qui correspond au site Une base de données enregistre, évidemment, des

9 VUE D ENSEMBLE DE DRUPAL 19 données : le contenu du site web, les comptes d utilisateurs et les paramètres de configuration se trouvent en un lieu central, pour être retrouvés ultérieurement. PHP est un langage de programmation qui permet de générer dynamiquement des pages à partir des informations placées dans la base de données, pour les envoyer ensuite au serveur web. Figure 1.5 Le lien entre les couches conceptuelles de Drupal et les autres couches d un site web. CSS HTML JavaScript Système de thèmes Modules additionnels (Fivestar, Organic Groups, Calendar,...) Drupal Modules standard (User, Node, Block,...) Sous-systèmes centraux PHP Base de données (MySQL, PostgreSQL) Serveur web (Apache, Light, IIS,...) Système d'exploitation (Linux, Windows, Mac OS,...) Drupal est lui-même constitué de plusieurs couches. Au niveau le plus bas, il apporte des fonctionnalités supplémentaires au-dessus de PHP en ajoutant plusieurs sous-systèmes, comme la gestion des sessions des utilisateurs et leur authentification, les filtres de sécurité et le rendu de modèles. Cette partie est surmontée d une couche offrant une capacité de personnalisation à l aide de modules ; nous y reviendrons à la section suivante.

10 20 COMPOSEZ AVEC LES MODULES DE DRUPAL Les modules ajoutent des fonctionnalités à Drupal et génèrent le contenu des pages. Mais, avant que les pages ne soient présentées à l utilisateur, elles passent au travers du système de thèmes. Il permet une modification et un réglage précis pour satisfaire les exigences des concepteurs, même les plus méticuleux. Le système de thèmes sera détaillé au Chapitre 11. Le système de thèmes produit le contenu d une page, généralement sous forme de XHTML même si d autres formats sont pris en charge. CSS est utilisé pour contrôler l agencement, les couleurs et les polices d une page. JavaScript intervient pour les éléments dynamiques, comme les zones de champs escamotables dans les formulaires et le glisser-déposer des lignes de tableaux dans l interface d administration de Drupal. Nous avons présenté l ancienne manière de construire des sites web à partir de fichiers HTML statiques, le passage aux scripts, ainsi que la nouvelle approche : des applications web complètes qui gèrent l intégralité du site web. La troisième solution, celle de Drupal, se fonde sur un nouveau jeu de blocs de construction conceptuels. Chaque site web que vous créerez avec Drupal les utilisera! Modules Dans Drupal, tout, ou presque, s articule autour du concept de modules. Il s agit de fichiers contenant du code PHP et un ensemble de fonctionnalités que Drupal sait employer. Toutes les fonctionnalités d administration, ainsi que celles proposées à l utilisateur final, en allant de la possibilité d ouvrir une session ou de créer du contenu, jusqu aux galeries de photos dynamiques et aux systèmes de vote complexes, sont mises en œuvre par des modules. Par exemple, le module Contact propose un formulaire de contact au niveau du site, tandis que le module User prend en charge l authentification et le contrôle des autorisations des utilisateurs. Dans d autres CMS, les modules sont appelés plug-ins ou extensions. Il existe deux types de modules : les modules standard, inclus dans Drupal lui-même, et les modules additionnels, fournis par la communauté Drupal et qui peuvent être téléchargés et activés séparément. Hormis quelques modules standard obligatoires, tous les modules sont activés ou désactivés en fonction des besoins précis du site web. Bien que certains modules additionnels apportent une fonctionnalité complète, la communauté Drupal a aujourd hui tendance à se focaliser sur des modules qui font une seule chose, la font bien et peuvent être combinés avec d autres modules. Autrement dit, vous disposez d un contrôle pratiquement sans limites sur l aspect et le comportement de votre site web. Votre galerie d images n est pas contrainte par la façon dont le développeur original imagine une galerie de photos. Vous pouvez lui ajouter un système de notation ou de saisie de commentaires et trier les photos en fonction du type de l appareil au lieu d utiliser la date de prise de vue. Toutefois, pour disposer de cette souplesse, vous devez "construire" la fonctionnalité dans Drupal en connectant différents modules et en ajustant leurs paramètres, au lieu de cocher simplement la case marquée