[PDF] Support de cours d’introduction à Drupal | Cours informatique

D

D

r

r

u

u

p

p

a

a

l

l

1

1. Introduction : ... 2

1.1 Avantage ... 2

1.2 Inconvénient ... 2

1.3 Statistique Google trends 12/5/2011 ... 2

1.4 Exemple de site Drupal ... 2

2. Installation ... 3

3. Structure des dossiers : ... 4

4. Administration du site : ... 5

4.1 Contenu ... 5

4.1.1 Type de contenu ... 5

4.1.2 Configuration du format d’entrée... 6

4.2 Structure ... 9 4.2.1 Blocs ... 9 4.2.2. Menu ... 10 4.2.3 La taxonomie ... 11 4.2.4 Types de contenu ... 11 4.3 Apparence ... 12

4.3.1 Installer un nouveau thème ... 13

4.4 Personnes ... 14

4.4.1 Rôles ... 14

4.4.2 Comptes utilisateurs ... 15

4.5 Modules ... 16

4.5.1 Principaux modules standards ... 16

4.5.2 Ajout de nouveaux modules ... 17

4.5.3 Supprimer un module ... 17

4.5.4 Exemple d’utilisation d’un module : le module « Book » ... 17

4.6 Configuration ... 19

4.7 Rapport ... 19

D

D

r

r

u

u

p

p

a

a

l

l

2

1. Introduction :

1.1 Avantage

« Drupal (prononcé /ˈdruːpəl/) est un système de gestion de contenu (CMS) libre et open-source publié sous la licence publique générale GNU, et écrit en PHP. Dries Buytaert, développeur initial du projet à partir de 2000 à l'université d'Anvers, le définit comme « assembleur rapide de site web » (Rapid website assembler). Il est utilisable tel que fourni sur toute base LAMP, WAMP ou MAMP, mais largement personnalisable et programmable ensuite. D'après son créateur, environ 500 000 sites l'utilisent en septembre 2001. » © wikipedia

 Libre et open source  International

 Performant et dimensionnable (montée en charge  capacité à tourner en « mode haut trafique »)  Modularité (vide au début !) + robuste que joomla

 Liberté des formats d’entrée (éditeur wysiwyg, tinyEditor, php o/n,…)  Moteur de thèmes (graphique)

 Taxonomie (tags/catégories  plus de souplesse, mais il faut être vigilant) 

 Nœuds (tout est basé sur un nœud = vidéo, article, …) Gestion des droits

 CCK (formulaire d’encodage)  Code propre  Taille de la communauté  Performance  Multilingue

1.2 Inconvénient

 Puissance (complexe – il faut bien penser au départ)  Ergonomie de l’administration

 Courbe d’apprentissage

1.3 Statistique Google trends 12/5/2011

1.4 Exemple de site Drupal

http://www.whitehouse.gov/ http://www.france24.com/fr/

D

D

r

r

u

u

p

p

a

a

l

l

3

2. Installation

1. Télécharger drupal

http://drupal.org

2. Dézipper dans www

3. télécharger la traduction française de Drupal (

http://localize.drupal.org/translate/downloads

) et

placez le fichier (drupal-7.0.fr.po) dans « /profiles/standard/translations/ »

4. Créez la base de données « Drupal »

a.

http://localhost/phpmyadmin

b.

 base de données dédié à Drupal, cliquez sur « Créer ».

5. Tapez « localhost » dans un navigateur et suivez les instructions :

1

2

D

D

r

r

u

u

p

p

a

a

l

l

4

3. Structure des dossiers :

 misc : éléments standards de Drupal (images, javascript, etc.)  modules : module par défaut (Node, Blog, Comment, etc.)  themes : thèmes par défaut

 profiles : configuration utilisée lors de l’installation

 includes : fonctionnalité fondamentales de Drupal ( gestion du cycle de création de pages, des thèmes, des bases de données, etc.)

 scripts : scripts utilitaires

 sites : tout ce qui ne fait pas partie de la distribution standard de Drupal  c’est dans ce dossier qu’on travail (nouveau modules, thèmes, configurations, fichier utilisateur attachés aux contenus.)

3

4

D

D

r

r

u

u

p

p

a

a

l

l

5

4. Administration du site :

Une fois connecté le menu d’administration apparait au dessus du site :

4.1 Contenu

4.1.1 Type de contenu

 Articles: contenu vivant, dynamique (avec commentaires, publié en page d’accueil, etc.)  Page de base : éléments statiques (mentions légales, présentation de la société etc.)

D

D

r

r

u

u

p

p

a

a

l

l

6

4.1.2 Configuration du format d’entrée

Configuration  Formats de texte

Le lien « configurer » permet de paramétrer la liste des filtres entrant dans la composition du format d’entrée (définir le nombre minimal de mots par article, etc.)

L’installation du module « WYSIWYG API » vous permettra de choisir l’éditeur visuel Téléchargeable :

de votre choix !

http://drupal.org/project/wysiwyg Décompresser le fichier dans le dossier « modules »

D

D

r

r

u

u

p

p

a

a

l

l

7

Dans le menu Modules, activez le module « wysiwyg » :

Après téléchargement du module :

D

D

r

r

u

u

p

p

a

a

l

l

8

Par exemple, installation de tinyMCE :

Décompresser le fichier zip dans « sites/all/libraries » (comme expliquer dans l’aide du module) Ensuite, dans Configuration du site  Wysiwyg, nous voyons qu’il est actif :

Vous pouvez dès lors l’activer pour un format d’entrée :

Ensuite dans configuration / rédaction de contenu cliquez sur « modifier » l’éditeur pour le format d’entrée souhaité :

Et définissez les paramètres pour l’éditeur (notamment l’activation de certains bouton ou pas dans l’éditeur, attention par défaut rien n’est actif !)

D

D

r

r

u

u

p

p

a

a

l

l

9

TinyMCE apparaitra automatiquement à la place de la zone d’édition standard de drupal :

4.2 Structure

4.2.1 Blocs

Un bloc est une zone contenant des informations.

Une région est une partie de la page qui est capable de recevoir une liste de blocs. (Gérer par les thèmes)

On distincte généralement 5 régions principales (Barre de gauche, Barre de droite, En-tête, Pied de page, Contenu).

Vous pouvez ici, positionner les blocs ou placer des blocs désactivés dans une région de votre choix et inversement (il est aussi possible de faire un glisser-déplacer).

On peut préciser par exemple pour quels utilisateurs on affichera le bloc, de l’afficher uniquement sur la page d’accueil, etc.

D

D

r

r

u

u

p

p

a

a

l

l

10

4.2.2. Menu

Pour modifier un « menu», cliquez sur « ajouter un lien :

Pour ajouter un nouveau menu, cliquez sur « nouveau menu »

Ajoutez des liens, puis n’oubliez pas d’aller dans bloc pour définir la position (région) du menu créé.

Pour déterminer le « chemin », le plus simple est de laisser Drupal le faire pour vous, retournez dans un « contenu », et sélectionnez « paramètres du menu » puis sous quel nom il doit apparaitre : (celui-ci appraitra dans le menu

Le chemin (path) est « l’adresse » défini par le module que vous voulez atteindre.

Par exemple :

logout  déconnecter l’utilisateur courant

user/login  affiche le formulaire de connexion de l’utilisateur node/18  affiche l’article n°18

etc.

D

D

r

r

u

u

p

p

a

a

l

l

11

Cinéma

Histoire du cinéma Etapes d'un film

Repérage Scénario Réalisation Mixage Genres cinématographiques Drame Comédie Western Policier Fantastique Science fiction « navigation » 4.2.3 La taxonomie

Taxonomie : ensemble de mots-clés (appelés taxons) appartenant à un même domaine et reliés entre eux par un lien de hiérarchie. Dans l’exemple ci-contre, le taxon « Repérage » appartient au taxon « Etapes d’un film » et « cinéma » et donc il ressortira si on fait une recherche sur l’un des trois termes.

On peut bien sur combiner ces critères de recherche entres-eux : on peut par exemple obtenir la liste de tous les articles écrits par un utilisateur X après telle date, parlant de Mixage dans les films Policiers.

• Un terme (taxon) est un mot auquel il est possible d’associer une description et éventuellement une série de synonymes et termes connexes (exemple « scénario »)

• Un vocabulaire (taxonomie) est un ensemble de termes (exemple

« cinéma »)

• Un terme appartient à un seul vocabulaire

• Un terme peut être relié à un ou plusieurs autres termes au sein d’un même vocabulaire

• Un terme peut être relié à un ou plusieurs termes provenant d’un ou plusieurs vocabulaires

4.2.4 Types de contenu

Dans Structure  types de contenu, vous pouvez gérer les types de contenu, incluant les valeurs par défaut, la promotion en page d'accueil, les paramètres des commentaires, etc.

D

D

r

r

u

u

p

p

a

a

l

l

12

4.3 Apparence

Un thème par défaut peut être choisi pour tous les internautes (éventuellement un autre thème peut être choisi pour les utilisateurs authentifiés).

Vous pouvez modifier des paramétrages spécifique en cliquant sur « paramètres » ou encore cliquer sur l’onglet « configurer » pour modifier les paramètres globaux :

D

D

r

r

u

u

p

p

a

a

l

l

13

4.3.1 Installer un nouveau thème

1) sélectionner un thème sur le site http://drupal.org/project/Themes ( ! compatibilité avec votre version de Drupal) 2) dans « apparence » cliquer sur « installer un nouveau thème »

3) cliquez sur « parcourir » et aller chercher le fichier zip contenant le nouveau thème :

4) celui-ci apparaitra dans l’administration :

Activer le thème.

Sélectionner un autre logo

D

D

r

r

u

u

p

p

a

a

l

l

14

4.4 Personnes

4.4.1 Rôles

Un rôle est une liste nommée de permissions. 4.4.1.1 Créer un rôle

Personnes  Droits d’accès  Rôles

4.4.1.2 Gérer les permissions par rôle

D

D

r

r

u

u

p

p

a

a

l

l

15

Chaque module définit son propre jeu de permissions

Module Search : permet de donner accès à la recherche simple ou avancé (nécessite plus de ressources, donc généralement donnée aux utilisateurs authentifiés).

, avec différents niveaux d’autorisations, exemple :

Module Comment : gestions des commentaires, « Accéder aux commentaires », « Soumettre de commentaires » ou « Soumettre des commentaires sans approbation ».

Module Node : gestion des contenus, « Accéder au contenu » (= lire), « création d’article », « supprimer ses propres article ».

Module Contact : accéder au formulaire de contact.

Module Path : gérer les alias d’url (dans leur ensemble), créer des alias d’url (définir une url « lisible »).

Module Upload : permet d’attacher des fichiers binaires, donner les droits de transfert aux « contributeurs » du site et uniquement les droits de visualisation aux utilisateurs.

Module User : gestion des profils utilisateurs, « accéder aux profils membres », « changer son nom d’utilisateur ».

4.4.2 Comptes utilisateurs

4.4.2.1 Création manuelle d’un utilisateur : Personnes  Ajouter un utilisateurs

Et remplissez le formulaire de création d’utilisateur, puis cliquez sur le « rôle » à lui associer :

D

D

r

r

u

u

p

p

a

a

l

l

16

4.5 Modules

4.5.1 Principaux modules standards

Aggregator : gestion des flux RSS (le notre et les autres)

Block : Contrôle la construction visuelle des blocs avec lesquels une page est composée. Les blocs sont des boîtes affichant du contenu dans une zone, ou région, d'une page Web.

Blog et Blog API : transformation du site en un système de blog Book : création de contenu du style « page d’un livre »

Color : fonctionnalité pour le thème en cours (modification de l’apparence) Comment : gestion des commentaires des utilisateurs

Contact : ajout du formulaire de contact

Content translation & Locate: Permet au contenu d'être traduit dans plusieurs langues.

Contextual links : Fourni des liens contextuels pour réaliser des tâches liées à des composants d'une page. Dashboard : Fourni une page tableau de bord dans l'interface de gestion pour organiser les tâches et suivre les informations de votre site.

Database logging : prend en charge les traces d’exécution laissées par les autres modules Forum : système de forum (comme phpBB)

Image : Fournit des outils pour manipuler les images. Menu : permet de créer votre propre menu

Node :Permet de soumettre du contenu au site et de l'afficher sur les pages. OpenID : permet de s’identifier via OpenID

Path : renommer les URL

PHP Filter : permet de saisir du code PHP dans certains modules Poll : module de sondage

Profile : ajout de champs supplémentaires pour la fiche d’un utilisateur (site web, adresse, etc.) Search : propose une recherche dans les contenus

Shortcut : Permet aux utilisateur de gérer des listes de liens de raccourci configurables Statistics : compteur de visite sur chacun de vos contenus

Syslog : module chargé de tracer des erreurs, des avertissements et autres messages appelés messages système. Taxonomy : gestion des taxons

Tracker : permet de suivre les dernières contributions sur le site contenu & commentaires) Trigger : permet de déclencher des actions à partir d’événements

D

D

r

r

u

u

p

p

a

a

l

l

17

Update manager : Vérifie les mises à jour disponibles, et peut installer ou mettre à jour de manière sécurisée vos modules et thèmes via une interface web.

User : Gère l'inscription des utilisateurs et le système d'identification.

4.5.2 Ajout de nouveaux modules

1. Sur le site http://drupal.org/project  cliquez sur « modules »  version du module compatible avec votre version de Drupal  module stable ?

 module mis à jour ? (communauté)

 voir les anomalies & statistique d’utilisation : « View all issues » / « View usage statistics » 2. Téléchargez le module qui vous intéresse.

3. Décompressez-le dans /sites/all (éventuellement pour une meilleur organisation, créez dans le dossier « all » un sous-dossier « modules » - et placez le dedans, Drupal retrouvera automatiquement votre module quels que soit l’arborescence que vous avez créée.)

4. Dans l’administration des modules, cochez l’activation du nouveau module et cliquez sur « Enregistrer la configuration »

4.5.3 Supprimer un module

1. Dans l’administration des modules, désactivez le module à désinstaller

2. Cliquez sur « configuration » du module que vous souhaitez supprimer et cliquez sur « supprimer »  ceci supprimera l’ensemble des données liées à un module (table, etc.)

3. Ensuite, vous pouvez manuellement supprimer le dossier du module

4.5.4 Exemple d’utilisation d’un module : le module « Book »

Le module « book » permet de lier un ensemble de contenus les uns aux autres en une arborescence ressemblant à celle d’un livre.

Pour l’utiliser, activer le module

D

D

r

r

u

u

p

p

a

a

l

l

18

Et sous la section « structure du livre » sélectionnez « créer un nouveau livre »

Vous pourrez dès lors introduire une page « enfant » à ce « livre » :

Vous pouvez ensuite créer tous vos « chapitres » et vous pouvez réorganiser la structure de votre « livre » (dans « structure » puis « réorganiser un livre en entier »

D

D

r

r

u

u

p

p

a

a

l

l

19

4.6 Configuration

C’est ici que vous configurer tout votre site :

o Fonctionnalités du site (thèmes, traductions, menus, blocs, modules).

o Paramètre du site (format date, titre du site, URL simplifiées, configuration des nouveaux modules, …).

o Gestion des utilisateurs (noms, mots de passe, permissions, blocage d’IP, etc).

o Rédaction du contenu (création de nouveaux types de contenu, commentaires, taxonomie, …). o réglage de la qualité des images jpeg (taux de compression).

o Informations : nom du site, slogan, objectifs du site, pied de page, nom de l’utilisateur anonyme, page de garde par défaut ( =node), adresse Email du webmaster.

o Transfert de fichier : permet d’imposer un certain nombre de limites aux fichiers qui pourront être envoyés sur le serveur (taille des images en pixels, taille des fichiers en mégaoctets) ou pour un utilisateur. Ou encore la liste des extensions autorisées.

o Système de fichiers : définition de l’emplacement pour stocker les fichiers attachés et les fichiers temporaires.

o Etc.

D

D

r

r

u

u

p

p

a

a

l

l

20

Les Rapports (liste des pages en erreurs, journal des erreurs émises par les modules, le tableau de bord [= vision générale de la bonne marche du système]) vérifier les mises à jours, etc.

5. Pour aller plus loin…

Il existe toute une série d’autre chose possible dans Drupal, ces notes ne constituent qu’une petite introduction au cms Drupal. Drupal permet par exemple de :

• Gérer les langues

• Gérer les tâches récurrentes

• Intégrer le module cck (custom content kit) permet d’ajouter de nouveaux champs à n’importe quel type de contenu. (Pour en savoir plus : http://drupal.org/project/cck)

• Personnaliser vos pages d’erreur (dans configuration du site  rapports d’erreur)

• Mettre son site à jour (Administration  rapport  mise à jour disponible)

Source : « Concevoir et déployer ses sites web avec Drupal » Edition EYROLLES, Yoran Brault ISBN 978-2-212-12465-1 Précisez la page à utiliser

en cas d’erreur exemple :