• Aucun résultat trouvé

[PDF] Support de formation sur Drupal views pour débutant | Cours informatique

N/A
N/A
Protected

Academic year: 2021

Partager "[PDF] Support de formation sur Drupal views pour débutant | Cours informatique"

Copied!
11
0
0

Texte intégral

(1)

1

Tutoriel Drupal « views »

Tutoriel pour la découverte et l’utilisation du module Drupal « Views »

Dans ce tutoriel nous allons d’abord voir comment se présente le module views sous Drupal 7 puis comment l’utiliser au travers de quelques exemples illustrés.

Pour le tutoriel ci-présent nous avons choisi d’utiliser la dernière version de views c'est-à-dire views 2 qui possède une toute nouvelle interface graphique par rapport à la version 1.0 de views.

Le module Views vous permet de créer donc des vues (une page web) personnalisées sur votre site. Ce module puissant permet de choisir :

- Sous quelle forme afficher le contenu d'une page (en liste, en tableau, en teasers...).

- Dans quel ordre afficher le contenu d'une page (alphabétique, chronologique, selon le choix de l'utilisateur...).

- Quels types de contenu (nodes) afficher sur une page.

Ce tutoriel se présente sous forme d’étapes qui vous guideront pas à pas dans l’apprentissage et la maitrise de ce module :

Les étapes…

Qu’est-ce qu’une vue ? (view) ... 1

1- Installation ... 2

2- Prise en main ... 3

3- Création d’une vue simple ... 4

4- L’éditeur de vue ... 7

5- Conclusion ... 11

Qu’est-ce qu’une vue ? (view)

C’est une page qui contiendra précisément les informations que vous souhaitez, sans que

vous ne tapiez une seule ligne de code SQL/HTML/PHP.

(2)

2

1- Installation

Le module views s’installe comme n’importe quel module Drupal, à une différence près, c'est-à-dire : - Télécharger le module ici => http://drupal.org/project/views

- Ainsi que le module suivant => http://drupal.org/project/ctools

- Les décompresser indépendamment dans le dossier /sites/all/modules/ de votre site sous Drupal.

- Maintenant, revenons à l’interface administrateur de votre site sous Drupal.

- Dans la section « modules » de la partie administration de votre site sous Drupal vous trouverez deux nouvelles sections : Views et CTools (voir ci-dessous).

Mais contrairement à d’autres modules « views » nécessite un module externe nommé « CTools » afin de fonctionner correctement

(3)

3

- Comme sur l’image vous devez activez le module Chaos Tools de la section CHAOS TOOLS SUITE, et ensuite cocher les deux modules de la section VIEWS.

- Ensuite, enregistrer la configuration et le module views 2 est activé pour votre site Drupal. Vous êtes maintenant prêt à vous servir du module views.

2- Prise en main

Tout d’abord, assurez-vous d’être toujours connecté en tant qu’administrateur du site.

Comment accéder au module « views » ?

- C’est très simple, rendez-vous dans la section « structure » du menu d’administration de Drupal 7

- Cliquez ensuite sur « Views » (comme ci-dessous)

- Vous arrivez maintenant dans la page principale du module « views 2 »

- Nous allons donc décrire un peu cette page principale de l’administration du module.

Nous détaillerons « add view from template » et « importer » plus tard.

La traduction en Français n’étant pas complète pour ce module vous pourrez rencontrer de l’anglais comme tu

Français tout au long de la procédure

(4)

4

Pour commencer à utiliser le module Views il va falloir choisir entre ces trois boutons.

3- Création d’une vue simple

« Add new view »

Dans cette section, vous allez créer une vue à partir de zéro

 Détaillons les différents critères présents sur cette page (dans l’ordre d’apparition sur la page) :

View name (nom de la vue) : Ce sera le nom de la vue pour le système Drupal, ce nom sera celui

affiché sur la page principale du module « views » vue précédemment.

Description : Cocher si l’on souhaite ajouter une description à la vue pour mieux savoir ce qu’elle

représentera (la description ne serait visible que dans la page principale du module « views »)

Sur cette page nous allons donc entrer des paramètres globaux pour la

création de notre vue. Nous pourrons préciser d’avantage de critères plus

loin dans la création ou en rester à ceux-ci pour les vues les plus simples.

(5)

5

Les critères :

- Afficher : permet de définir ce que cette vue affichera, nous avons le choix entre tous les types de contenu présent sur le site. Par exemple du texte, des utilisateurs, des fichiers, etc. - Of type (de type) : Définit comment la vue sera interprétée, soit sous forme de page, soit

sous forme d’article (correspond à l’affichage de la vue)

- Tagged with (tagué avec) : Uniquement disponible pour le type « article ».Le système n’affichera dans la vue que les articles contenant au moins un des tags que vous aurez inscrit dans ce champ.

- Sorted by (trié par) : sélectionner dans quel ordre sera affiché le contenu de votre vu. Vous avez le choix entre les nouveaux en premier, les anciens en premier, par ordre alphabétique des titres ou non trié

Create a page (créer une page) :

- Titre de la page : Le titre de votre page, affiché dans la barre d’onglet et en haut de votre page.

- Chemin : Le chemin souhaité pour votre page (l’URL)

- Display format (format d’affichage) : Sélectionner de quelle façon votre contenu sera affiché. - Of (des) : ce que vous voulez afficher de votre contenu. Vous avez le choix entre :

o Teasers (accroche ou début d’article) o Full posts (articles / contenus complets) o Titles (titres)

o Fields (champs)

- With or without links (avec ou sans liens) : Avec ou sans les liens rapides (ajouter un commentaire etc.) sous chaque contenu ou résumé (suivant ce que vous aurez sélectionné avant).

- With or without comment (avec ou sans commentaires)

Par la suite vous avez le choix entre « create a page » et

« create a bloc » ou vous pouvez cocher les deux. Le module

« view » va ainsi créer une page ou un bloc contenant les

informations choisies dans la section « critères » vue plus

(6)

6

- Items to display (articles à afficher) : Choisir combien d’articles vous souhaitez afficher sur votre « views »

o Exemple : En choisissant 5 par exemple, votre vue affichera seulement les 5 derniers articles parus sur votre site (si vous avez choisi les articles les plus récents en premier)

- Diverses options supplémentaires : A cocher si nécessaire, use a pager, create menu link, include RSS feed.

Create a block (créer un bloc) :

Un bloc est différent d’une page car il est possible de l’insérer sur une page, il ne représente pas une adresse sur le site.

- Titre du bloc : Le titre de votre bloc

- Display format (format d’affichage) : Voir « display format » pour les pages - Items per page (articles par page) : Voir « items per page » pour les pages

La première phase de création de la vue est terminée !

Maintenant vous avez le choix entre :

- Save & exit (sauver et quitter) : Votre vue gardera les paramètres choisis dans cette page, ce sont les paramètres de base d’une vue, cela peut être utile afin de créer rapidement une vue. - Continue & edit (continuer et éditer) : Continuer vers des paramètres et options plus

complètes.

Si la vue vous satisfait telle qu’elle est, alors cliquez simplement sur « save & exit » votre vue sera créée avec les paramètres déjà choisis !

A l’inverse si vous voulez affiner les paramètres et options de votre vue, cliquez sur « continue & edit ». C’est dans cette partie que le module « views » va exprimer toute sa puissance, nous allons détailler cela juste après.

(7)

7

4- L’éditeur de vue

Dans cette partie nous allons détailler l’utilisation de l’outil avancé du module « views » qui est l’éditeur de vue. Vous vous retrouverez sur celui-ci si vous choisissez de continuer l’édition lors de la création d’une vue, ou si vous souhaitez modifier une vue depuis le menu principal de « views ». Pour l’explication de cet outil, nous allons

utiliser la vue de test créée précédemment. Cette vue affiche pour le moment les 10 derniers articles par leurs accroches, dans l’ordre du plus récent au plus ancien. Voici une capture de cette vue.

Afin de voir ce que donne cette vue depuis l’éditeur de vue, il suffit de retourner dans le menu principal du module « views » de choisir notre vue « test » et de cliquer sur « modifier »

Vous voilà maintenant dans l’éditeur de vue !

Nous allons nous appuyer sur cette vue pour explorer les différentes possibilités de « views » en nous axant

principalement sur les « pages » et les « blocs ».

La vue « test » interprété par Drupal

(8)

8

Pour notre vue « test » l’éditeur se présente comme suit :

Décryptons l’interface (n’oubliez pas qu’aucun changement n’est appliqué tant que vous n’avez pas appuyé sur « enregistrer » en haut) :

1. Dans cette barre, nous trouvons les différentes façons d’afficher notre vue, soit en page soit en bloc, mais aussi sous forme de RSS, de fichier attaché, etc. Ou nous pouvons encore créer plusieurs pages/bloc pour une même vue, afin d’avoir plusieurs paramètres distincts sur une même base.

2. Nous retrouvons dans ce segment beaucoup des critères qui sont présents sur la page de création d’une page (étape 3 du tutoriel). Ce sont les paramètres essentiels d’une vue, sauf qu’ici vous pouvez en ajouter à loisir, et les combiner.

3. Dans cette section nous retrouvons des paramètres déjà étudiés et quelques nouveautés comme « Entête » et « Pied de page » que nous allons détailler, ainsi que « more link » qui représente si en dessous de vos accroches vous souhaitez insérer un lien : « voir plus ».

a. Entête et Pied de page : En cliquant sur « ajouter »

Un menu apparait, celui-ci permet d’ajouter un entête à notre vue. Nous avons le choix entre plusieurs types d’entête/pieds :

- Result summary (résumé des résultats) : Affiche le nombre d’éléments sur la vue. Ajouter un entête

(9)

9

Une fois choisi le type d’entête ou de pied de page que vous souhaitez, vous pourrez le modifier puis valider afin d’appliquer le modèle.

Pour l’exemple ici j’ai choisi un résumé des résultats en entête.

On retrouve bien l’entête ici

4. La dernière section représente les paramètres avancés pour la vue en cours Commençons par les critères de filtrages et de tri du contenu :

- Vous pouvez ajouter beaucoup de critères afin d’affiner la sélection du contenu. La puissance du module réside en grande partie ici. C’est là que vous affinez la requête SQL qui se trouve derrière votre vue sans écrire une ligne de code !

- Pour ajouter un critère appuyer sur « ajouter »

La procédure est similaire pour les pieds de pages

Configuration du résumé des résultats

(10)

10

- Apparait alors cette boite de dialogue

- Choisissez ensuite le(s) critère(s) que vous souhaitez.

- Une nouvelle fenêtre apparait pour configurer vos choix.

Ici vous configurez votre critère, j’ai choisi comme critère le titre des articles. Ainsi dans « Value » je rentre ma donnée de titre, et dans « operator »ce que je veux effectuer avec celle-ci.

 Si je souhaite que ma vue affiche du contenu ayant un titre égal à cette valeur, ou différent, ou bien qui contient cette valeur, etc.

Nous allons détailler ici les paramètres avancés pour les vues.

- Contextual Filters(Filtres contextuels) : Permets de créer un filtre sur le filtre. Cela permet de filtrer les résultats de la vue. (l’utilisation est similaire aux filtres de critères vus précédemment)

- Relationship (Relations) : Permets de relier la requête à d’autres données de la base de données. Par exemple pour un article on veut également afficher les commentaires, dans ce cas on ajoute aux relations les commentaires. Cela étend la requête.

- No results behavior (Comportement si aucun résultat) : Définis ce que la vue doit afficher en cas de résultat nul à la requête. Cela se présente comme un entête ou un pied de page.

La procédure est la même pour les critères de tri.

Ils existent encore d’autres paramètres avancés que nous

Menu d’ajout d’un critère

(11)

11

- Other (autres) :

o Machine Name (nom du modèle) : Ici c’est une page, cela pourrait être un bloc par exemple. C’est le nom du modèle que vous avez créé.

o Commentaire : Ajouter un commentaire sur ce que fait votre vue, uniquement visible dans l’administration de « views ».

o Use AJAX (utiliser AJAX) : Si vous souhaitez utiliser la technologie AJAX dans le fonctionnement de votre vue (pas de chargement des pages)

o Hide attachments in summary (cacher les pièces jointes dans le résumé) : Utile si vous avez des fichiers liés à votre contenu.

o Use aggregation (utiliser l’agrégation) : Utile en ce qui concerne les flux RSS. o Query Settings (paramètres de la requête) : Paramètres avancés concernant le SQL o Field Language (Champ de langage) : Ajouter un champ pour changer de langage si

votre site gère plusieurs langages utilisateur. o Et diverses options graphiques.

5- Conclusion

Vous savez maintenant comment vous servir du module « views », du moins vous avez les bases qui vont vous permettre d’expérimenter beaucoup de choses sur le module, ce module n’est pas une finalité, c’est un constructeur et par définition les possibilités sont presque infinies (flux RSS, page, bloc, liste de fichier, galerie photo, etc.) ! Celui-ci est en effet bien trop vaste pour pouvoir en faire le tour en un tutoriel. Il faudra essayer par vous-même, tenter et observer.

Ce module se couple très bien avec le module « panels », d’ailleurs il s’enrichit facilement en installant d’autres modules pour Drupal, ce qui le rend vraiment puissant.

Références

Documents relatifs

Le volume que le philologue néerlandais Jean Gruter1 consacra, au début du xvne siècle, aux « inscriptions antiques de tout le monde romain » fait date dans l'histoire

Furthermore, the TFW can be successfully integrated in the dimensioning problem of the actuators, the gearboxes and the winches of a CDPR, supposing the locations of the cable

Les fragments de parement encore en place fournissent quelques renseignements précieux concernant non seulement l’agencement des scènes d’offrandes, mais aussi les apparences du

An actor can be, for example: (i) the sponsor of the quality survey, (ii) the quality expert who conducts data quality requirements interviews, defines quality

L’étude du bilan scolaire selon le type de projet d’établissement fait apparaître que les élèves ont plus de réussite, sans redoublement, dans le groupe des projets

Si p'asa a été utilisé par les Kwagul pour nommer une distribution d'une grande ampleur, effectuée au cours d'un potlatch destiné à valider l'acces sion à une fonction

La connaissance des meilleures pratiques émerge doucement grâce, par exemple, à l’association Terres en ville, au travers des projets AgriSCoT, AgriPLUi, ou en collaboration avec

Les problèmes que pose cette approche, qui constituent sans doute une des raisons pour lesquelles elle n’a jamais été utilisée par d’autres, résident dans le fait que (i)