Chapitre 11 : Améliorer l expérience utilisateur autour des champs



Documents pareils
Drupal Contributeur. Maitrisez la publication sous Drupal. Une formation Formateur : Fabien Crépin. Drupal Contributeur.

DRUPAL Guide de référence des meilleures extensions

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles

Drupal : quelques fonctionnalités (ce qu il permet, ce qu il ne permet pas)

DRUPAL Réalisez des développements professionnels avec PHP (2ième édition)

PHP 5.4 Développez un site web dynamique et interactif

A. Introduction. Chapitre 7

GLPI (Gestion Libre. 2 ième édition. Nouvelle édition. de Parc Informatique)

Java 7 Les fondamentaux du langage Java

SQL Server 2012 Administration d une base de données transactionnelle

Freeway 7. Nouvelles fonctionnalités

Tâches planifiées. Chapitre Introduction

Drupal, pour quel usage? Comment se positionne Drupal? Les fonctionnalités de Drupal et de son écosystème. L'architecture technique et logicielle Le

8 Mars Guide du Wiki Confluence

REX gros projets Drupal. Drupal Camp Toulouse Novembre - +qdelance

Date de diffusion : Rédigé par : Version : Mars 2008 APEM 1.4. Sig-Artisanat : Guide de l'utilisateur 2 / 24

Sommaire. 1. Présentation de WordPress. 2. Hébergement et installation. 3. Prise en main, ajouter des contenus

GUIDE DE DEMARRAGE RAPIDE:

HP Data Protector Express Software - Tutoriel 4. Utilisation de Quick Access Control (Windows uniquement)

Guide de démarrage rapide

Savoir- Faire Offres mé1ers Offres technologiques

LE TABLEUR OPENOFFICE CALC : CONTRÔLES DE FORMULAIRES ACCÈS AUX BASES DE DONNÉES

Table des matières. Première partie Découvrir, installer et apprivoiser WordPress

Google Tag Manager. Optimisez le tracking de votre site web. Google Tag Manager. Google Tag Manager. Optimisez le tracking de votre site web 26,50

SAUVEGARDER SES DONNEES PERSONNELLES

VTigerCRM. CRM : Logiciel de gestion des activités commerciales d'une (petite) entreprise

N SIRET : N

Guide d'utilisation. OpenOffice Calc. AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons

Guide d'installation du connecteur Outlook 4

Découvrir Drupal. Les meilleurs thèmes et modules Drupal (présenta5on démo)


Création d'un site dynamique en PHP avec Dreamweaver et MySQL

Formation SharePoint Server 2013

Création d'un site neutre et présentation des éléments de la page d'accueil

Drupal (V7) : principes et petite expérience

D. Déploiement par le réseau

Nouveautés de Drupal 8. Léon

Comment Accéder à des Bases de Données MySQL avec Windows lorqu'elles sont sur un Serveur Linux

Nuxeo 5.4 : les nouveautés

mon site web via WordPress

Extended Communication Server 4.1 : VoIP-SIP- Guide Utilisateur

RECOMMANDATION UIT-R SM (Question UIT-R 68/1)

Formation Webmaster : Création de site Web Initiation + Approfondissement

Dans ce mémento, vous trouverez les informations détaillées pour configurer les fonctionnalités du Responsive Design dans le Worldsoft CMS:

Manuel du composant CKForms Version 1.3.2

Théories de la Business Intelligence

L'explorateur de fichier de Windows 8.1

PrestaShop Cloud. Créer un site e-commerce avec. PrestaShop Cloud. Mise en place et suivi du projet. Créer un site e-commerce avec

StarDraw, le module de dessin de StarOffice 6/7

Comment faire des étiquettes

W4 BPM WORKSPACE. MANUEL DE SUPERVISION FONCTIONNELLE Référence: W4WK_SUPERVISION_020_FR

Tutorial et Guide TeamViewer

Saisir et traiter les engagements de coûts

IBM Workplace : Live!

Drupal Développeur. Theming et développement pour Drupal. Une formation Formateur : Fabien Crépin. Drupal Développeur.

Numilog - Téléchargement des ebooks Mode d emploi

Drupal un CMS orienté mé2er. Romain JARRAUD Mathieu GROS

Printer Administration Utility 4.2

Tutoriel pour la création d'un Google Sites

GESTION DE L'ORDINATEUR

Formation Drupal Commerce Kickstart

MEDIAplus elearning. version 6.6

Introduction aux services Active Directory

ENT ONE Note de version. Version 1.10

Alcatel OmniPCX Office

Une interface moderne et multi devices avec Drupal Focus sur Omega

Fonctionnement général de Tiny ERP

2 Grad Info Soir Langage C++ Juin Projet BANQUE

Initiation à Mendeley AUT2012

Le service d'agenda en ligne SOGo

Site web établissement sous Drupal

Gestionnaire d'appareil à distance (GAD) de Bell Foire aux questions

Maîtriser le menu contextuel dans un OfficeBean

Drupal, un CMS libre adapté aux besoins des bibliothèques

Travaux pratiques Détermination de la capacité de stockage des données

E 2 O : Mettre en oeuvre un portail avec WebCenter Suite

Phone Manager Soutien de l'application OCTOBER 2014 DOCUMENT RELEASE 4.1 SOUTIEN DE L'APPLICATION

Le Registre sous Windows 8 architecture, administration, script, réparation...

SharePoint 2010 : Travaux pratiques corrigés pour contributeurs

Créer une base de données vidéo sans programmation (avec Drupal)

UTILISATION D'UNE PLATEFORME DE TRAVAIL COLLABORATIF AVEC DES ELEVES DE TERMINALE STG

Manuel de l utilisateur de Samsung Auto Backup

SAP Solution Sales and Billing Documentation supplémentaire

Netvibes : optimiser sa veille d'informations

Business Intelligence avec SQL Server 2012

vcenter Server 1. Interface Lancez le vsphere Client et connectez vous à vcenter Server. Voici la page d accueil de vcenter Server.

Catalogue des formations : Utilisation d outils Open Source

Manuel d'utilisation d'apimail V3

DOSSIER D'ACTIVITES SUR LE PHP N 03 Créer une base de données MySQL avec PHPMyAdmin

Alfresco Guide Utilisateur

ETHEREAL. Introduction. 1. Qu'est-ce qu'ethereal Historique Le statut d'ethereal

LISTE DES FONCTIONNALITES - TINY v1.5 -

TP 6 Installation et configuration d une site internet avec un CMS Illustration avec Wordpress

Déploiement, administration et configuration

Il se peut que certains sites Web ne s'affichent pas correctement ou ne fonctionnent pas dans Internet Explorer 8 ou Internet Explorer 9 Bêta :

Didacticiel des serveurs de bases de données

SI7 GLPI : Le helpdesk

Hyper-V et SC Virtual Machine Manager sous Windows Server 2008 R2

CMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration

acheter en ligne l Esko Store Comment sur

Transcription:

Chapitre 11 : Améliorer l expérience utilisateur autour des champs A. Introduction 200 B. Simple Hierarchical Select..200 C. Advanced help.206 D. Field group.207 E. Field collection 211 F. Conditional Fields.216 G. Automatic nodetitles.220 H. Maxlength..221 I. Custom Formatters..221 J. View reference.223 K. MakeUp.224

Drupal - Guide de référence des meilleures extensions 200. A. Introduction Chapitre 11 : Améliorer l expérience utilisateur autour des champs Construire son contenu De nombreux modules permettent de venir enrichir le comportement et la présentation des formulaires de contenus de Drupal : aide en ligne, gestion de sous-menus, regroupement de champs multiples, comportements conditionnels, etc. Les possibilités sont nombreuses. B. Simple Hierarchical Select Si votre site contient de nombreux contenus, il est probable que la liste de vos catégories va s'allonger et que vous allez souhaiter les regrouper sur plusieurs niveaux pour en améliorer la structure. Drupal ne fournit que des éléments d'affichage simples tels que des menus déroulants ou des listes de valeurs permettant une sélection multiple : ces types d'outil ne sont justes pas compatible avec les attentes ergonomiques d'aujourd'hui. Historiquement, le module Hierarchical Select permet de disposer de menus hiérarchiques bénéficiant d'une relation de dépendance entre les menus présentés à l'utilisateur. Ce module est relativement complexe et la version pour Drupal 7 semble avoir des difficultés à être intégralement porté depuis sa version 6. La page du projet liste plusieurs difficultés, parmi lesquelles on compte l'interfaçage avec Views. Récemment est apparu le module Simple Hierarchical Select dont la facture est plus légère et l'ambition fonctionnelle plus ciblée : alors que HS se veut traiter tout menu hiérarchique, SHS limite son périmètre aux vocabulaires de taxonomie et est conçu comme un simple formateur. De manière concrète, prenons l'exemple d'un site touristique ou d actualité : vous allez construire un vocabulaire géographique regroupant les capitales classées par continent. Simple Hierarchical Select vous rendra en interface un menu pour chaque niveau géographique : Continent > Capitale. v La première chose à faire est de créer un vocabulaire Ville avec les termes nécessaires.

Chapitre.. 11 :. Améliorer l expérience. utilisateur autour des champs. 201 Un exemple de vocabulaire hiérarchique : des villes regroupées par continent. v Vous allez ensuite ajouter un champ Annonce de type Référence à un terme qui va utiliser ce vocabulaire. En créant le champ vous allez choisir le formateur Simple Hierarchical Select et choisir Lieu comme vocabulaire à utiliser. Editions ENI - All rights reserved

Drupal - Guide de référence des meilleures extensions 202. Le widget permet de créer des termes et des niveaux supplémentaires.

Chapitre.. 11 :. Améliorer l expérience. utilisateur autour des champs. 203 Quelques options de comportement sont disponibles : ce sont celles qui ont fait la popularité de Hierarchical Select : - afficher le nombre de contenus associés au terme ; - autoriser l'utilisateur à ajouter un nouveau terme de vocabulaire ; - si vous avez validé l'option précédente, vous pourrez autoriser la création de nouveaux niveaux ; - forcer la sélection du niveau le plus bas : l'utilisateur ne pourra pas sélectionner un niveau intermédiaire. Dans notre exemple, la dernière option signifie que l'utilisateur serait obligé de sélectionner une Commune et ne pourrait pas sélectionner un Département : s'agissant de l'interface sur laquelle l'utilisateur ajoute un contenu, il est recommandé d'activer cette option. w Remarquons que si vous disposez d'une base de données référentielle des communes, vous n'autoriserez pas l'utilisateur à ajouter un nouveau terme, c est-à-dire une nouvelle commune. Dans le cas contraire, le plus simple est de l'autoriser et de laisser vos contributeurs participer à la construction de cette table des communes. Pour afficher le champ, en plus des formateurs habituels, vous disposez d'un formateur complémentaire qui vous permet d'afficher la hiérarchie des termes. Editions ENI - All rights reserved Un formateur est aussi fourni par le module afin que toute la hiérarchie soit affichée.

Drupal - Guide de référence des meilleures extensions 204. Une interface simple et lisible, sans complexité superflue. xcontrairement à une possibilité donnée par HS, vous ne pourrez pas voir listé votre contenu sur la page des termes parents, pas plus que vous ne pourrez voir un nom à chaque niveau du vocabulaire.