2. Programme du 1er jour Présentation de Drupal (matin) Atelier sur intégration du contenu Atelier sur intégration des menus
3. Programme du 2ème jour Atelier sur intégration des thèmes Atelier sur intégration de l’outil Panels Atelier sur intégration de l’outil Views
4. Frédéric Simonet
Formateur Entreprise 2.0
Email : frederic.simonet@yourwebsite.fr
Tél. : 06 62 63 94 49
Positionnement de Drupal en tant que CMS
Préambule
5. Positionnement des CMS CMS et usages du Web 2.0 CMS et gestion de contenu* CMS et organisation du contenu**
* CMS vs Wikis/Blogs. ** Drupal vs Joomla/Wordpress
6. Données publiques
Données
privées
Production
Agrégation
Google Drive
Box
Basecamp
Hojoki
Netvibes
WordPress
Joomla
Drupal
CMS et Web 2.0 en terme d’usages : publication de contenu.
7. Droits en écriture
Modèle d’organisation
Cycle de production
Finalité
CMS
Semi
ouverts
Classification
Longs
Portails institutionnels
Wiki
Ouverts
Classification et indexation
Très courts
Portails encyclopédiques [mis en oeuvre dans un contexte collaboratif]
Blog
Fermés
Indexation
Courts
Actualités
CMS et gestion de contenu : CMS vs Blogs et Wikis.
8. Indexation
Classification
Classification à facettes
Drupal
OUI
OUI
Joomla
NON
NON
Wordpress
OUI
NON
Drupal et ses concurrents en terme d’organisation du contenu.
9. Classification : concepts clés Racine [classe de base] Classes hiérarchisées Éléments [individus]
—
Remarque. — Les notions de racine, classe et élément se définissent comme des objets (terme générique).
10. Racine/classe/élément
Racine : objet décrivant l’ensemble des éléments à classer.
Classes : objets dont la fonction est de regrouper des objets (classes ou éléments) de plus bas niveau.
Éléments : objets constituant la collection à organiser (article d’un site Web).
11. Notion de classe
« La classe est un regroupement d’objets opéré en fonction d’au moins un attribut commun, qui sert de critère distinctif. »
—
Source : Jacques MANIEZ, p. 231, « Trois composantes fondamentales des langages documentaires », Actualité des langages documentaires - Fondements théoriques de la recherche d'information, éd. ADBS, 2002.
12. Notion de plan de classement
Le plan de classement désigne l’ensemble des classes qui vont servir de support au rangement des éléments.
—
Source : Jacques MANIEZ, p. 230, « Trois composantes fondamentales des langages documentaires », Actualité des langages documentaires - Fondements théoriques de la recherche d'information, éd. ADBS, 2002.
13. Types de classement
Classification hiérarchique : formation d’un plan de classement faisant intervenir des classes hiérarchisées.
Classement catégoriel : affectation d’un élément à une classe.
Classement relatif : attribution d’une place ou d’un rang à un élément.
14. Classification et Web
Dans le contexte du Web, un objet (racine, classe ou élément) correspond à une page Web.
Plus spécifiquement, la notion de racine correspond à la page d’accueil, les classes deviennent des rubriques, les éléments des pages élémentaires (articles).
15. Indexation
Attribution d’une marque distinctive [indice, descripteur, étiquette, mot clé, tag] renseignant sur le contenu d’un document [qui peut être une page Web].
—
Source : Jacques MANIEZ, p. 144, « Les problèmes de l’indexation », Actualité des langages documentaires - Fondements théoriques de la recherche d'information, éd. ADBS, 2002.
16. Class. à facettes : concepts clés Facette Termes [classes] hiérarchisés Éléments [individus]
17. Facette/terme/élément
Facette : objet dont la fonction est de regrouper des termes en privilégiant un point de vue.
Terme : objet jouant le rôle d’une classe.
Élément : objet de la collection pouvant être assigné à des termes qui appartiennent à des facettes distinctes.
18. Notions de facette/terme
Les facettes, qui regroupent des termes, expriment un point de vue. À l’intérieur de chaque facette, les termes sont distribués hiérarchiquement.
—
Source : Jacques CHAUMIER, p. 65, « Les langages documentaires », Les techniques documentaires, éd. PUF, 1979.
19. Logiques sous-jacentes
Classification : logique hiérarchique ; relation d’inclusion entre classes hiérarchisées, relation d’appartenance entre un élément et sa classe de référence.
Indexation : logique combinatoire.
Classification à facettes : logiques combinatoire et hiérarchique.
21. Modèles d’architecture de base
A. Modèle d’architecture client-serveur
B. Modèles plus spécifiques (patterns) Modèle 3-tiers Modèle MVC (Modèle-Vue-Contrôleur) Modèle CRUD
24. Couche présentation*
Couche logicielle responsable de la structuration et du formatage du contenu, et, du dialogue avec l’utilisateur.
—
Langages : (X)HTML, CSS et Javascript.
* Les scripts sont exécutés par le poste client.
25. Couche application*
Couche logicielle responsable de la logique métier et des services techniques (intégration des couches présentation et données notamment).
—
Langage applicatif des trois CMS : PHP
* Les scripts sont exécutés par le serveur.
26. Couche données*
Couche logicielle responsable du dialogue avec la base de données (écriture-lecture) et de la persistance des données.
—
Langage de requête des trois CMS : SQL
* Les requêtes sont exécutées par le serveur [moteur] de base de données.
28. Modèle CRUD (I)
Opérations d’écriture Opérateur d’insertion : create Opérateur de mise à jour : update Opérateur de suppression : delete
Remarque. — Les droits en écriture sont définis à partir de ces trois opérateurs élémentaires.
29. Modèle CRUD (II)
Opérations de lecture (read) Opérateur de projection Opérateur de sélection Opérateur de jointure
Remarque. — Les droits en lecture sont définis à partir de ces trois opérateurs élémentaires.
30. Plateforme logicielle
Ce terme désigne les composants logiciels sans lesquels le CMS Drupal ne peut pas fonctionner :
– un serveur HTTP ;
– « le » module applicatif Zend-PHP* ;
– un serveur de base de données ;
– et un système d’exploitation.
* Serveur de pages Web. ** Extension du serveur HTTP.
31. Plateforme LAMP Système d’exploitation Linux Serveur HTTP Apache Serveur de base de données MySQL Module applicatif Zend/PHP
32. Ce qu’il faut retenir
Drupal est un outil multi-utilisateurs orienté communication-marketing dont la principale fonction est de simplifier la publication de contenu sur le Web.
35. Frédéric Simonet
Formateur Entreprise 2.0
Email : frederic.simonet@yourwebsite.fr
Tél. : 06 62 63 94 49
Unité 1.2 Arch. fonctionnelle de Drupal
Mise en page (layout),contenu et menus
36. Fonctions de base Drupal Personnalisation des profils « utilisateur » Personnalisation de la mise en page Gestion du contenu* Gestion des menus** Intégration des extensions
* Organisation puis classement du contenu. ** Maillage des pages du site.
37. Frédéric Simonet
Formateur Entreprise 2.0
Email : frederic.simonet@yourwebsite.fr
Tél. : 06 62 63 94 49
Mise en page (layout)
Architecture des pages
38. Définition des thèmes
Les thèmes sont des composants logiciels dont la principale fonction est de générer des gabarits. (Ils déterminent aussi le comportement des menus.)
39. Architecture des gabarits Bloc principal : main content Blocs périphériques - niveau 1 : regions Blocs périphériques - niveau 2 : blocks
Remarque. — Une région peut contenir plusieurs blocs ; un bloc ne peut être assigné qu’à une seule région.
40. Remarques sur les thèmes
Les thèmes fournissent un jeu de positions sur lesquelles — depuis le back-office — l’utilisateur ne peut pas agir*.
Le rôle de l’utilisateur se limite à la définition [création] de blocs ; un bloc est nécessairement lié à une des régions disponibles.
* Les régions ne contenant aucun bloc ne sont pas affichées.
42. Coût de solutions alternatives Acheter un thème: 50 euros Utiliser le logiciel Artisteer : 129,95 euros [Faire] coder le thème : 3 000 euros
43. Processus standard
1.Utiliser Artisteer pour tester
2.Configurer le thème acheté
3.Personnaliser le code à la marge
—
Commentaire. — Cette approche réduit les coûts tout en garantissant un thème à la fois opérationnel et personnalisé.
44. Quelques acteurs du design Themebrain (Drupal) YOOtheme (Joomla et Wordpress) RocketTheme (Joomla et Wordpress) JoomlArt (Joomla) Portail Best of Joomla
45. Frédéric Simonet
Formateur Entreprise 2.0
Email : frederic.simonet@yourwebsite.fr
Tél. : 06 62 63 94 49
Vocabulaire, terme et noeud
Gestion du contenu
46. Organisation du contenu
Drupal fait intervenir la notion de vocabulaire, équivalente à la notion de facette dans le domaine de la classification à facettes.
Chaque vocabulaire désigne un plan de classement constitué de classes que Drupal appelle des termes.
Modèle d’organisation de Drupal : classification à facettes.
47. Classement des pages
Une terme de niveau inférieur ne peut pas être inclus dans plusieurs termes de niveau supérieur.
Un noeud peut appartenir à plusieurs termes… d’un même vocabulaire ou de plusieurs vocabulaires.
48. Modèle d’organisation n°1
Vocabulaires = { Espèces }
Termes = { Animal, TB, TC, Félidés, TE }
Espèces
TB
TC
Animal
TE
Félidés
Terme
Vocabulaire
49. Modèle d’organisation n°2
Règne
V2
Famille
Vocabulaires = { Règne, V2, Famille } ; termes = { Animal, TB, TC, Félidés, TE }
TB
TC
Animal
TE
Félidés
50. Modèle d’organisation n°3
TB
TC
Animal
TE
Félidés
Règne
V2
Famille
Extinction
Surexploitation
Espèces menacées
Section
Catégorie
TIGRE
51. Liens utiles Systématique | Wikipedia Taxinomie | Wikipedia Rangs Taxinomiques | Wikipedia Taxon | Wikipedia
52. Frédéric Simonet
Formateur Entreprise 2.0
Email : frederic.simonet@yourwebsite.fr
Tél. : 06 62 63 94 49
Identifiant, liens et bloc
Gestion des menus
53. Processus de création
1.Définition de l’identifiant du menu
2.Définition des liens du menu
3.Génération du bloc associé
—
Remarques : – Drupal permet de définir plusieurs menus ; – les liens sont affichés dans le bloc périphérique.
54. Trois types de lien
1.Lien pointant vers terme
2.Lien pointant vers noeud
3.Lien pointant vers une application
66. Drupal - Joomla - WordPress
« Drupal, Joomla et WordPress […] arrivent […] en tête des réponses à nos différentes questions […] : popularité, utilisation, CMS préférés, CMS recommandés, etc. »
—
Source : Vincent MAUCORPS (Smile), CMS open source : pénétration, usages et appréciations*(pdf).
* Livre blanc publié en 2013.
68. Parts de marché sept. 2013
“How to read the diagram: 66.2% of the websites use none of the content management systems that we monitor. WordPress is used by 19.6% of all the websites, that is a content management system market share of 57.9%.”
Source : Web3Techs.
69. Parts de marché sept. 2012
Source : Web3Techs.
“How to read the diagram: 69.1% of the websites use none of the content management systems that we monitor. WordPress is used by 16.8% of all the websites, that is a content management system market share of 54.4%.”
70. Tendances 2012-2013
Les CMS gagnent 2,9% en passant de 30,9% à 33,8%. Drupal affiche la plus forte progression :
– Drupal : +10% ;
– Joomla : +7,9% ;
– Wordpress : +6,4%.
72. Comparaison des trois CMS
Critère
Définition
Critère 01 : INS
Hébergement et facilité d’installation
Critère 02 : CAB
Coût d’acquisition pour site de - de 15 pages ou un blog
Critère 03 : CAH
Coût d’acquisition pour des sites complexes
Critère 04 : IHM
Flexibilité c.-à-d. modularité du design
Critère 05 : DES
Ergonomie c.-à-d. utilisabilité du back-office
Critère 06 : CON
Organisation du contenu
Source : Idealware.
73. Comparaison des trois CMS
Critère
Définition
Critère 07 : WOR
Workflow (gestion des droits)
Critère 08 : WEB2
Fonctions 2.0 : gestion des commentaires, RSS, etc.
Critère 09 : EXT
Extensibilité et interopérabilité avec applications tiers
Critère 10 : SCA
Scalabilité et sécurité
Critère 11 : MAI
Maintenabilité (facilité de modification et stabilité du noyau)
Critère 12 : SUP
Support (importance de la communauté)
Source : Idealware.
77. Critères de référence Adéquation-pertinence (Relevance) Originalité (Insight) Clarté (Simplicity) Profondeur (Depth) Mise en perspective (Breadth)
Source : Tito PHILIPS, « The 5 Elements of Authoritative Content », problogger.net.
78. Métriques de référence Entre 55 et 65 caractères par ligne Pas plus de 10 segments par page Au moins 300 mots par page Pas plus de 120 mots par paragraphe
79. Frédéric Simonet
Formateur Entreprise 2.0
Email : frederic.simonet@yourwebsite.fr
Tél. : 06 62 63 94 49
Annexe
Principes du SEO
80. Google
“Make a site with a clear hierarchy and text links. Every page should be reachable from at least one static text link.”
—
Source : « Webmaster Guidelines », google.com.
81. SEOMOZ
“Variables that search engines can take into account directly : keyword placement, links and site structure.”
—
Source : « How usability experience and content affect search engine rankings », seomoz.org - moz.com.
82. SEO Gold
“The directory structure tends to mimic the link or navigation structure of the site [et inversement].”
—
Source : « SEO Tutorial - Web Site Optimization », seo-gold.com.
83. More than 4 Links
“If it takes at least 4 links to go from your home page to the deepest pages of your website some might be missed by the search engine spiders.”
—
Source : « SEO Tutorial - Web Site Optimization », seo-gold.com.
84. Structurer les pages
Deux niveaux de classement… CN1 : catégories N1 - pages de niveau 1 CN2 : catégories N2 - pages de niveau 2 PN3 : pages élémentaires de niveau 3
Directory Structure – SEO
85. Niveau de classement
La notion de niveau de classement ne peut s’appliquer qu’aux pages qui désignent des classes [catégories], dont la fonction est de segmenter le contenu.
Ni la page d’accueil, ni les pages élémentaires ne peuvent être considérées comme des niveaux de classement.
86. Hors niveaux de classement
Page d’accueil : elle constitue la racine du site, elle sert à décrire l’ensemble des pages qui constituent le site.
Pages élémentaires : ce sont les pages de plus bas niveau qui, par définition, sont indivisibles.
87. Niveaux hiérarchiques
Un site Web faisant appel à n niveaux de classement fait intervenir n+2 niveaux hiérarchiques comprenant :
– page d’accueil ;
– n niveaux intermédiaires ;
– niveau élémentaire.
88. Hiérarchiser les liens du menu
… correspondent à trois clics Liens N1 pointent vers catégories N1 Liens N2 pointent vers catégories N2 Liens N3 pointent vers pages N3
Navigation Structure – SEO
89. Hiérarchiser les mots clés Mots clés N1 associés aux catégories N1 Mots clés N2 associés aux catégories N2 Mots clés N3 associés aux pages N3
Keywords off Page – SEO
90. Structurer le texte des pages Titre : title et h1 : 10 mots clés max. Descriptif : 20 mots clés max. Sous-titres (titraille) : h2, h3…, h6 Entrées : strong Texte courant : em
Keywords on Page – SEO
91. Méthodologie Lister les thèmes i.e. mots clés du site Normaliser la sémantique des mots clés Hiérarchiser les mots clés Dissocier les plans de classement
92. Frédéric Simonet
Formateur Entreprise 2.0
Email : frederic.simonet@yourwebsite.fr
Tél. : 06 62 63 94 49
Siloing du contenu et des menus
SEO : technique avancée
95. Siloing (I)
“The home page links out to just the top- level landing pages of the site.”
—
Source : « How to Theme a Web Site for Clear Subject Relevance », bruceclay.com.
96. Virtual Siloing (II)
“Pages within a particular silo can be freely linked between, but links should not cross over to pages in different silos.”
—
Source : « How to Theme a Web Site for Clear Subject Relevance », bruceclay.com.