51
Le Diable est dans les détails *** Augmenter la qualité de vos sites Drupal: de petits modules qui font toute la différence Drupal Camp Montreal 2013 Symetris.ca

Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Embed Size (px)

DESCRIPTION

Augmenter la qualité générale de vos sites Drupal; de petits modules qui font toute la différence. Découvrez les modules Drupal qui vous permettront d'investir votre temps à la bonne place. //// Drupal modules that help to

Citation preview

Page 1: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Le Diable est dans les détails

***

Augmenter la qualité de vos sites Drupal:

de petits modules qui font toute la différence

Drupal Camp Montreal 2013 – Symetris.ca

Page 2: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Libérez votre potentiel web

avec Symetris

***

• Fondée à Montréal en 2004

• 9 spécialistes web à l’interne

• Développement de sites web qui vont

au-delà du marketing

• Maîtrise des CMS open-source

• Optimisation pour les mobiles

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 3: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

L’équipe de présentateurs

Brad MuncsPrésident

Matthieu GadratDéveloppeur Web

Marc-Olivier FortinDéveloppeur Web

Nicolas BeaucageDéveloppeur Web

DrupalL’édition de

contenuSEO

Développement

Conclusion

David PinardDéveloppeur Web

David ArbourDéveloppeur Web

Page 4: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Ordre du jour

• Pourquoi le diable est dans les détails

• L’édition de contenu

• Navigation et référencement

• Développement

• Conclusion

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 5: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Le DIABLE est dans les détails!

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 6: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Les détails capturent l’attention et

changent l’expérience de travail que vos

clients ont avec vous

C’est de cette façon

que les magiciens

travaillent.

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 7: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Drupal ne fait pas tout, et ne se comporte

pas toujours comme l’espère un client

Il faut donc travailler sur les détails,

et la finition pour améliorer

l’expérience du client.

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 8: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Les développeurs sont bons pour:

• Régler des problèmes

• Suivre des spécifications

• Comprendre des situations

• Boire du café

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 9: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Ils sont moins bons pour:

• Anticiper l’humeur des clients

• Deviner les non-dits

• Défaire des choses qui

« fonctionnent » déjà

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 10: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

De projet en projet,

les mêmes enjeux apparaissent

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 11: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

La force des dev : suivre des specs.

Utilisez la force pour faire

votre propre checklist de modules essentiels et

anticiper les enjeux!

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 12: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Nous allons vous présenter des modules

qui font partie de notre trousse à outils

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 13: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Briser la glace WordPressFiltrer avec

AJAXDétail du

CodeConclusion

Mr. Wilkins

Mr Wilkins est un distributeur de

nourriture pour chien

• Entreprise de taille moyenne

• Distribue à des détaillants (B2B)

• A besoin d'un catalogue en ligne

pour présenter ses produits

Prenons comme exemple d’entreprise :

Page 14: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

• Drupal est l'outil parfait

pour son

site web

• Et voici quelques

exemples concrets de

modules utilisés

Briser la glace WordPressFiltrer avec

AJAXDétail du

CodeConclusion

Page 15: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Enjeux d’édition de contenu

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 16: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Problème :

Les pages d’édition de contenu sont parfois

compliquées

Elles ont parfois trop de champs

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 17: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Solution : Module « Field collection »

Permet d’ajouter un bloc de champs prédéterminé que

l’on peut répéter

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 18: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Solution : Module « Conditional Fields »

Permet d’afficher ou de cacher certains champs selon

les valeurs d’autres champs

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 19: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Problème :

L’édition du contenu médias et des fichiers n’est

parfois pas évidente.

(Il me semble que c’est plus facile avec WordPress)

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 20: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Solution : Module « elFinder »

(avec l’aide de CKEditor)

Permet de gérer les fichiers et de les insérer dans un

WYSIWYG ou dans un champ image

Permets d’avoir différents accès en fonction des rôles

(nouveau dans la version 2)

Interface facile d’utilisation

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 21: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Solution : Module « elFinder »

(avec l’aide de CKEditor)

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 22: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Solution : Module « elFinder »

(avec l’aide de CKEditor)

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 23: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Problème :

Les administrateurs du site remplissent les champs

avec trop de contenu et ça brise le design ou certaines

parties sont invisibles

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 24: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Maxlength

Permet de limiter à un nombre fixé les caractères d’un

champ

Affiche le nombre de caractères restant

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 25: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Enjeux de

navigation et de référencement

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 26: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Problème :

Les URLs des pages ont plein de numéros dedans et il

y a plein d’URLS pour la même page

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 27: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Solution : Module « Global Redirect »

Remplacer les URLs moches par des URLs plus

propres et pertinents

Les nouveaux alias agissent comme une redirection

301 « Moved Permanently »

Évite la duplication de différents URLs qui pointent au

même endroit

S’occupe des redirections vers les nodes de la bonne

langue dans des cas de multilinguisme

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 28: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Solution : Module « Global Redirect »

Exemple

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 29: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Problème :

Les URLs de fichiers sont bizarres

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 30: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Solution : Module « Transliteration »

Lors du téléchargement d’un fichier, son nom est

standardisé en remplaçant les caractères

problématiques

Permets d’afficher des noms de fichiers conviviaux

pour les URLs

Uniformise le nom de tous les fichiers sur le site

Permets de faire des recherches avec ou sans

caractères accentués

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 31: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Solution : Module « Transliteration »

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 32: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Problème :

Google m’amène vers des pages que je ne souhaite

pas voir

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 33: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Solution : Module « Rabbit Hole »

Pas de référencement inutile sur des pages

individuelles qu’on ne désire pas référencer

Peut choisir le comportement désiré selon le besoin

Peut s’appliquer à des types de contenu, à des termes

de taxonomies ou à des utilisateurs

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 34: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 35: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Enjeux de développement

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 36: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Problème :

La mise à jour de certain modules crée des problèmes

majeurs dans le site.

Aucun de ces problèmes ne sont documentés sur

l’Internet.

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 37: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Solution : Module « HACKED! »

Révèle les « hacks »

Compare les fichiers des version actuelles des

modules avec celles des « repos »

Si le module « diff » est installé, il indique les lignes

précises qui ont été modifiées.

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 38: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

HACKED!

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 39: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

HACKED!

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 40: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Problème :

Multiples enjeux de traduction:

• Du “core”

• Des modules additionnels

• Oublis de traduction

• Export des “.po” files et traduction de champs

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 41: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Solution : Module « Localization update »

(l10n_update)

Télécharge automatiquement les fichiers de

traductions

Seul contenu à traduire = le vôtre, donc moins d’oubli

Des termes plus à jour

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 42: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Solution : Module « Localization update »

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 43: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Problème :

Valider le site en tant que différents rôles utilisateurs

est fastidieux

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 44: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Solution : Module « Masquerade »

Permet de changer d’utilisateur en 1 clic

Simple et rapide pour valider les permissions de vos

différentes pages / fonctionnalité.

Aide votre client à faire son QC

Réduit les erreurs (tous les rôles seront constamment

affichés)

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 45: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Masquerade

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 46: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Conclusion

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 47: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Bref, que retenir ?

On espère que vous utiliserez un ou deux des modules qu’on a

mentionné aujourd’hui.

DrupalL’édition de

contenuSEO

Développement

Conclusion

Page 48: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

DrupalL’édition de

contenuSEO

Développement

Conclusion

Module Utilité

Field Collection Groupe des champs ensemble et permet de répéter des collections de champs.

Conditionnal Fields Cache des champs en fonction de selections dans des champs précédents.

elFinder Gestionnaire de media dans Drupal.

Maxlenght Donne une rétroaction visuelle à l’utilisateurlorsqu’il entre du contenu dans un champ.

Page 49: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

DrupalL’édition de

contenuSEO

Développement

Conclusion

Module Utilité

Global Redirect Redirection 301 des chemins systèmes versleurs alias.

Transliteration Retire / Remplace les caractères non-désirabledes URLs.

Rabbit Hole Restraint l’accès / redirige lors du visionnementde certain contenus.

HACKED! Détecte les modifications aux fichiers des modules .

Localisation Update Télécharge automatiquement les traductionsdéjà existantes pour les modules.

Masquerade Change rapidement de rôle / utilisateur dans un site.

Page 50: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

DrupalL’édition de

contenuSEO

Développement

Conclusion

Prendre le temps de penser à

anticiper les besoins du client.

Adresser les détails avant qu’ils ne

tombent dans les craques.

Page 51: Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails

Merci !

Des questions

Contactez-nous :

[email protected]

[email protected]

Présentation PPT disponible sur Slideshare

Partagez vos opinions ou modules préférés sur

Twitter @symetris (ou FB)