SlideShare une entreprise Scribd logo
1  sur  178
Télécharger pour lire hors ligne
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Ateliers Wordpress, Joomla et Drupal 
Fondamentaux des CMS 
Année 2013/2014
Programme de 21 heures 
1.Présentation des CMS* 
2.Spécificités de Wordpress + un atelier 
3.Spécificités de Joomla + trois ateliers 
4.Spécificités de Drupal + deux ateliers 
* Content Management System (système de gestion de contenu).
Session 1 : 3 heures Positionnement des CMS* Architecture logicielle des CMS Architecture fonctionnelle des CMS Politique de gestion du design 
Présentation des CMS 
* Comparaison des CMS avec les Wikis et les Blogs.
Session 2 : 3 heures Configuration générale des sites Publication et organisation du contenu Gestion des menus Intégration des extensions (plugins) Réécriture des URL (permaliens) 
[Spécificités] Atelier Wordpress
Session 3 : 3 heures Structuration du contenu Structuration des menus Intégration des photos Contextualisation du contenu 
[Spécificités] Atelier Joomla (I)
Session 4 : 3 heures Présentation du contenu Réécriture des URL (alias) Contextualisation des [sous-]menus 
Atelier Joomla (II)
Session 5 : 3 heures Intégration des templates Personnalisation des feuilles de style Intégration des flux RSS Intégration des extensions de type plugin Définition de la page d’accueil 
Atelier Joomla (III)
Session 6 : 3 heures Drupal et la mise en page du contenu Drupal et la structuration du contenu Drupal et la gestion des menus Drupal et la gestion des profils 
Spécificités de Drupal
Session 7 : 3 heures Structuration macro du contenu Structuration micro du contenu Intégration des menus Intégration des thèmes 
Atelier Drupal
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Session 1 : 3 h Présentation des CMS* 
Positionnement, architectures et design 
* Wordpress, Joomla et Drupal
Programme Positionnement des CMS* Architecture logicielle des CMS Architecture fonctionnelle des CMS Politique de gestion du design 
* Comparaison des CMS avec les Wikis et les Blogs.
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Unité 1.1 Positionnement des CMS 
CMS vs Blogs et Wikis
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
Notion de classification Racine [classe de base] - page d’accueil Classes hiérarchisées - rubriques Éléments [individus] - pages élémentaires
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. 
* L’auteur fait appel à la notion d’individu qui est plus restrictive.
Commentaire 
Notion d’objet : elle sert à désigner soit des classes de niveau inférieur, soit des éléments [individus]. 
Notion de classe : l’éditeur d’un ouvrage constitue un attribut qui donnerait lieu aux classes : ADBS, L'Harmattan, etc.
Plan de classement 
Le plan de classement aussi appelé plan de classification désigne l’ensemble des classes (hors classe de base) 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.
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 [tri] : attribution d’une place ou d’un rang à un élément.
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Genre / espèce vs tout / partie 
Types de relation hiérarchique
Regroupement vs partition (I) 
« La mise en ordre [des classes] s’opère par regroupement d’[objets*] semblables, mais aussi par répartition […] des différentes parties d’une unité indissociable. » 
— 
Source : Jacques MANIEZ, p. 244, « Trois composantes fondamentales des langages documentaires », Actualité des langages documentaires - Fondements théoriques de la recherche d'information, éd. ADBS, 2002. 
* L’auteur fait appel à la notion d’élément qui est ambigüe.
Regroupement vs partition (II) 
A. Les relations de type genre / espèce consistent à regrouper des objets dans un ensemble. 
B. Les relations de type tout / partie consistent à éclater les composantes d’une unité indissociable.
Genre / espèce - principe 
Ce type de relation permet de FACTORISER les traits de caractère communs à plusieurs classes dans une classe supérieure. 
— 
Termes connexes : héritage, généralisation, spécialisation.
Tout / partie - principe 
Ce type de relation permet de DÉCOMPOSER les traits de caractère d’une classe supérieure dans des classes inférieures. 
— 
Terme connexes : agrégation, composition.
Genre / espèce - exemple 
Les classes « Bureau », « Armoire » ou « Chaise » sont généralisées par la classe « Meuble ». 
LES bureaux SONT des meubles, ils se définissent par ADDITION des caractéristiques générales [des meubles] et de leurs propres caractéristiques.
Tout / partie : exemple 
La classe « Bureau » agrège un ensemble de classes : la classe « Plateau », la classe « Tiroir » ou la classe « Pied ». 
UN bureau (unité indissociable) se définit par ADDITION des caractéristiques de chacune des composantes qui le CONSTITUE.
Types de relation tout / partie Objet / élément* : voiture / roues Zone / lieu : Europe / France Ensemble** / membre : forêt / arbre Masse / portion : gâteau / part objet / constituant : eau / hydrogène activité / phase : projet / conception 
* Objets assemblés ou abstraits, ou organisations. ** Proximité physique.
Types de relation tout / partie 
Source : G. OTMAN, « Le traitement automatique de la relation partie-tout en terminologie », persee.fr, vol. 4, n° 7, 1996, p. 43-52.
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Unité 1.2 Architecture logicielle 
Client-serveur, 3-tiers, MVC et CRUD
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 CRUD
Modèle d’architecture client-serveur 
L’utilisateur accède à des ressources externalisées
Modèle 3-tiers Couche présentation Couche application-métier Couche données
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.
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.
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.
Modèle MVC Composant modèle Composant vue Composant contrôleur
Composant modèle 
Ce composant, sollicité par le contrôleur, est responsable de la logique métier. 
Dans sa configuration la plus élémentaire, il sert à isoler les requêtes qui seront soumises à la base de données — sites Web se limitant à quelques pages.
Composant vue 
Ce composant, lui aussi sollicité par le contrôleur, est responsable de la présentation des données. 
Les vues assurent l’intégration entre les gabarits, qui définissent la structure des pages, et les données (texte, photos, vidéos, etc.).
Composant contrôleur 
Ce composant, qui est utilisé comme point d’entrée, est responsable du pilotage de l’application. 
Il appelle les services à exécuter et sélectionne les vues à transmettre au serveur de pages Web.
Modèle CRUD Opérateur générique create Opérateur générique read Opérateur générique update Opérateur générique delete
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.
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.
Plateforme logicielle 
Ce terme désigne les composants logiciels sans lesquels le CMS Joomla 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.
Plateforme LAMP Système d’exploitation Linux Serveur HTTP Apache Serveur de base de données MySQL Module applicatif Zend/PHP
Couches logicielles et plateforme associée 
Langages HTML/CSS, PHP et SQL et plate-forme LAMP 
Les 3 couches logicielles
Ce qu’il faut retenir 
Joomla est un outil multi-utilisateurs orienté communication-marketing dont la principale fonction est de simplifier la publication de contenu sur le Web.
Back-office CMS* 
* Back-office de Joomla.
Front-office CMS
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Unité 1.3 Architecture fonctionnelle 
Cas d’utilisation – layout – contenu-menus
Cas d’utilisation des trois CMS Administration des comptes et des profils associés Administration du contenu* Administration des menus** Personnalisation du design Intégration des extensions 
* Organisation puis classement du contenu. ** Maillage des pages du site.
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
Architecture des pages Corps de la page Bloc périphérique de niveau 1 Bloc périphérique de niveau 2 
Remarque. — Les blocs périphériques de niveau 1 et 2 sont liés par une relation de type parent/enfant.
Framework Warp5 
YOOTheme
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Chacun des CMS privilégie un modèle 
Organisation du contenu
Indexation 
Classification 
Classification à facettes 
Wordpress 
 
OUI 
NON 
Joomla 
NON 
 
NON 
Drupal 
OUI 
OUI 

Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Processus commun aux trois CMS 
Gestion des menus
Processus de création 
1. Définition de l’identifiant du menu 
2. Génération du bloc périphérique associé 
3. Définition des liens du menu 
— 
Remarques : – les CMS permettent de définir plusieurs menus ; – les liens sont affichés dans le bloc périphérique.
Trois types de lien 
1.Lien pointant vers une liste de pages* 
2.Lien pointant vers une seule page 
3.Lien pointant vers une application 
* Présentation de type Blog (liste de billets) par exemple.
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Unité 1.4 Politique de gestion du design 
Plusieurs solutions
Coût de solutions alternatives Acheter un template : 50 euros Utiliser le logiciel Artisteer : 129,95 euros [Faire] coder le template : 3 000 euros
Processus standard 
1.Utiliser Artisteer pour tester 
2.Configurer le template acheté 
3.Personnaliser le code à la marge 
— 
Commentaire. — Cette approche réduit les coûts tout en garantissant un template à la fois opérationnel et personnalisé.
Quelques acteurs du design YOOtheme (Joomla et Wordpress) RocketTheme (Joomla et Wordpress) JoomlArt (Joomla) Themebrain (Drupal) Portail Best of Joomla
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Session 2 : 3 h Formation Wordpress 
Spécificités du CMS Wordpress et atelier
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
Architecture des pages Corps de la page : main content Bloc périphérique de niveau 1 : area Bloc périphérique de niveau 2 : widget 
Remarque. — Les blocs périphériques de niveau 1 et 2 sont liés par une relation de type parent/enfant.
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Catégories vs tags et post vs page 
Gestion du contenu
Organisation du contenu 
A. Wordpress permet de définir des tags (mots clés) qui vont servir à indexer les pages. (Structure combinatoire.) 
B. Wordpress permet de définir des catégories, et donc, un plan de classement, qui va servir à classer les pages. (Structure hiérarchique.) 
Modèles d’organisation de Wordpress : indexation et classification.
Indexation des pages 
Seules les pages de type post, c’est-à-dire les billets, peuvent être indexées avec des tags. 
Les pages de type page ne peuvent pas être taguées : ce type n’est utilisé que pour définir des pages qui n’ont pas à être indexées (« Qui sommes nous »).
Classement des pages 
Seules les pages de type post, peuvent être assignées à une catégorie. 
D’autre part, il faut savoir que Wordpress permet d’assigner les pages de type post à plusieurs catégories (Wordpress échappe ainsi à la logique de classification pure, qui est monohiérarchique). 
Wordpress : modèle de classification polyhiérarchique.
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Identifiant, widget et liens 
Gestion des menus
Processus de création 
1.Définition de l’identifiant du menu 
2.Positionnement du widget associé 
3.Définition des liens
Types de lien Liens de types category et tag Liens de types post et page Lien de type Custom Links 
Remarque. — Les liens de types category et tag affichent une collection de pages de type post. (Titre et chapô uniquement.)
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Sessions 3-5 : 9 h Formation Joomla 
Spécificités du CMS Joomla et ateliers
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
Architecture des pages Corps de la page : main content Bloc périphérique de niveau 1 : position Bloc périphérique de niveau 2 : module 
Remarque. — Les blocs périphériques de niveau 1 et 2 sont liés par une relation de type parent/enfant.
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Composants, modules et plugins 
Types d’extension
Types d’extension 
Type d’extension 
Caractéristiques du type d’extension considéré 
Composant 
Applications exploitées dans le main content 
Module 
Applications exploitées dans les blocs périphériques 
Plugin 
Fonctionnalités exploitées à l’intérieur des articles* 
* Exemples : intégration de photos/vidéos, pagination, etc.
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Catégories et articles 
Gestion du contenu
Organisation du contenu 
Joomla permet de définir des catégories, et donc, un plan de classement, qui va servir à classer les pages. (Langage à structure hiérarchique.) 
En natif, c’est-à-dire sans faire appel à une extension, Joomla ne permet pas d’indexer les pages. 
Modèle d’organisation de Joomla : classification.
Classement des pages 
Une catégorie de niveau inférieur ne peut pas être incluse dans plusieurs catégories de niveau supérieur. 
Un article ne peut pas appartenir à plusieurs catégories. Les articles isolées sont rangés dans la catégorie « Articles non catégorisés ». 
Joomla : modèle de classification monohiérarchique.
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Identifiant, module associé et liens 
Gestion des menus
Processus de création 
1. Définition de l’identifiant du menu 
2. Génération du module associé 
3. Définition des liens 
Trois écrans différents
Types de lien Lien de types category blog et list Lien de type single article Lien de type component 
Remarque. — Les liens de types category blog - list affichent une collection d’articles [présentés sous forme de blog - liste (dans un tableau)].
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Profils et droits associés 
Gestion des droits
Gestion des droits Joomla 1.5 
A. Droits en écriture : côté frontend, quatre niveaux d’intervention ; côté backend, trois niveaux d’intervention. 
B. Droits en lecture : 
– Espace public 
– Espace member : utilteurs enregistrés 
– Espace special : administrateurs 
Remarque. — Frontend et backend sont synonymes de front-office et back-office.
De Joomla 1.5 à Joomla 2.5 What Users Can Do : droits en écriture What Users Can See : droits en lecture 
À savoir. — La version 2.5 de Joomla permet de constituer des groupes en plus de ceux qui sont définis par défaut ; la version 2.5 permet aussi de contrôler la portée des droits.
What Users Can Do/See 
WUCD (droits en écriture) Site Login Admin Login Super Admin Access Component Create Delete Edit Edit State (publish/unpublish) Edit Own 
WUCS (droits en lecture) Public Registered Special
Les huit groupes prédéfinis Public Manager Administrator Registered Author Editor Publisher Super Users
Portée des droits Global Configuration Permissions Component Permissions [Articles, Menus] Category Permissions Single Article Permissions
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Sessions 6-7 : 6 h Formation Drupal 
Spécificités du CMS Drupal et ateliers
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
Architecture des pages Corps de la page : main content Bloc périphérique de niveau 1 : region Bloc périphérique de niveau 2 : block 
Remarque. — Les blocs périphériques de niveau 1 et 2 sont liés par une relation de type parent/enfant.
BLOC 1 
BLOC 2 
BLOC 3
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
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.
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.
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
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
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
Liens utiles Systématique | Wikipedia Taxinomie | Wikipedia Rangs Taxinomiques | Wikipedia Taxon | Wikipedia
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Identifiant, bloc associé et liens 
Gestion des menus
Processus de création 
1. Définition de l’identifiant du menu 
2. Définition du bloc associé 
3. Définition des liens
Types de lien Lien sur noeud Lien sur terme d’un vocabulaire Lien sur module
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Rôles et droits associés 
Gestion des droits
Rôles prédéfinis Anonymous User Authenticated User Administrator
Droits associés
Cas du module Contact 
Anonymous User : Lecture/Écriture 
Authenticated User : Lecture/Écriture 
Administrator : Lecture/Écriture
Liens utiles Documentation | drupal.org General concepts | drupal.org About taxonomy | drupal.org Guidelines for taxonomy | drupal.org Content types | drupal.org Glossary | drupal.org
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Session 7 : 3 h Deuxième atelier sur Drupal 
Intégration de thème
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Annexe 
Wordpress vs Joomla vs Drupal
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.
Demande des utilisateurs 
Source : Google Trends.
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.
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%.”
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%.
Statistiques des trois portails 
Source : Alexa.
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.
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.
Joomla vs Wordpress
Drupal vs Joomla
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Annexe 
Rédaction du contenu - critères et métriques
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.
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
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Annexe 
Principes du SEO
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.
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.
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.
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.
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
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.
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.
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.
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
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
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
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
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
Siloing : structure des pages
Siloing : structure des liens
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.
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.
Étude de cas Heifer
Étude de cas Adamence
Étude de cas DelArte
Siloing : contenu et menus
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Annexe 
Search Engine Ranking Factors 2011
Ranking Factors 2011 
1.Page Level Link (21%) 
2.Domain Level Link (21%) 
3.Page Level Keyword (15%) 
— 
Source : « Search Engine Ranking Factors », moz.com.
Page Level Link 
“These features describe link metrics to the individual ranking page such as number of links.” 
— 
Source : « Correlation & Survey Data », moz.com.
Domain Level Link 
“These features describe link metrics about the root domain hosting the page. For the page www.test.com/A, these features are for links pointing to *.test.com, not just page A.” 
— 
Source : « Correlation & Survey Data », moz.com.
Page Level Keyword 
“These features describe use of the keyword term/phrase in particular parts of the HTML code on the page (title element, h1, alt attributes, etc).” 
— 
Source : « Correlation & Survey Data », moz.com.
Ranking Factors 2011
Ranking Factors Greenlight RF0 : SES* RF1 : On Page SEO RF2 : PageRank RF3 : Anchor Text RF4 : Domain Auth. RF5 : Link Context RF6 : User Signals 
* Search Engine Submission.
RF0 : Search Engine Submission 
“Necessary in the early days due to the fact that search engines had limited crawling capabilities, and still yielding limited results years later.” 
— 
Source : « The history and evolution of SEO », blog.greenlightsearch.com.
RF1 : On Page SEO 
“Relevant to the terms you are targeting by the placement of keywords on page. Includes considerations of website architecture, build and content writing.” 
— 
Source : « The history and evolution of SEO », blog.greenlightsearch.com.
RF2 : PageRank 
“Use of links by search engines to judge the importance of a page. Refers to the raw credibility conferred by links to a given page.” 
— 
Source : « The history and evolution of SEO », blog.greenlightsearch.com.
RF3 : Anchor Text 
“Use of link text to add context to the raw credibility provided by PageRank.” 
— 
Source : « The history and evolution of SEO », blog.greenlightsearch.com.
RF4 : Domain Authority 
“Link factors, including PageRank and links from trusted sources, assessed at a domain level rather than at a page level.” 
— 
Source : « The history and evolution of SEO », blog.greenlightsearch.com.
RF5 : Link Context 
“Refers to the placement of links on a page and, more importantly, the context of the page.” 
— 
Source : « The history and evolution of SEO », blog.greenlightsearch.com.
RF6 : User Signals 
“User behaviour, such as click through rates, bounce rates and search patterns, to assess the level of trust search engines have in a site.” 
— 
Source : « The history and evolution of SEO », blog.greenlightsearch.com.
Conclusion sur tendances 
RF1 : On Page SEO ◄► 
RF2 : PageRank ▼ 
RF3 : Anchor Text ▼ 
RF4 : Domain Authority ▲ 
RF5 : Link Context ▲
Ranking Factors, Trends
Tendances (autre source)
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Annexe 
Ouvrages sur SEO : chapitres clés
Critères in-page Balises title, h1, h2, etc. Texte Réécriture des URL Attributs alt, title, etc.
Critères off page Liens et réputation Liens, PageRank et indice de popularité PR sculpting vs PR modeling TrustRank et indice de confiance
Chapitres clés Keyword Generation Creating Pages : Title tags, Headers, etc. Basic Web Site Structure
Internal Ranking Factors On-page Ranking Factors Keywords in the title Tag Keyword in the page URL, etc. On-site Ranking Factors Domain Name Keywords Linking Considerations
SEO Best Practices Page-Level Information Hierarchy URL Title, Tag, etc.
Your SEO Plan : Month One Page Titles Meta Tags Site Text Internal Links
Nom de domaine Mots clés stratégiques Mots clés non séparés par un tiret 
— 
Remarque. — Le nom de domaine doit être court (quatre syllabes maximum), facile à lire et à prononcer, facile à retenir.
Ressources sur référencement Portail Abondance Portail WebRankInfo Glossaire RankSpirit

Contenu connexe

Tendances

Tendances (20)

Le Langage CSS
Le Langage CSSLe Langage CSS
Le Langage CSS
 
Formation wordpress
Formation wordpressFormation wordpress
Formation wordpress
 
Tutoriel SPIP
Tutoriel SPIPTutoriel SPIP
Tutoriel SPIP
 
Utiliser WordPress
Utiliser WordPressUtiliser WordPress
Utiliser WordPress
 
Présentation WPF
Présentation  WPFPrésentation  WPF
Présentation WPF
 
Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)
 
Creation de-themes-wp
Creation de-themes-wpCreation de-themes-wp
Creation de-themes-wp
 
Atelier template
Atelier templateAtelier template
Atelier template
 
Creer un site internet sous WordPress
Creer un site internet sous WordPress Creer un site internet sous WordPress
Creer un site internet sous WordPress
 
Formation WordPress à Blida
Formation WordPress à BlidaFormation WordPress à Blida
Formation WordPress à Blida
 
Formation Joomla - créer son site Web
Formation Joomla - créer son site WebFormation Joomla - créer son site Web
Formation Joomla - créer son site Web
 
WordPress en tant que CMS
WordPress en tant que CMSWordPress en tant que CMS
WordPress en tant que CMS
 
Présentation complète de l'HTML5
Présentation complète de l'HTML5Présentation complète de l'HTML5
Présentation complète de l'HTML5
 
Initiation à Bootstrap
Initiation à BootstrapInitiation à Bootstrap
Initiation à Bootstrap
 
Les base du Html5
Les base du Html5Les base du Html5
Les base du Html5
 
Prise en main de Joomla
Prise en main de JoomlaPrise en main de Joomla
Prise en main de Joomla
 
Présentation html5
Présentation html5Présentation html5
Présentation html5
 
Cours html
Cours htmlCours html
Cours html
 
SAPIENS2009 - Module 4B
SAPIENS2009 - Module 4BSAPIENS2009 - Module 4B
SAPIENS2009 - Module 4B
 
Construire un site de presse avec Wordpress ?
Construire un site de presse avec Wordpress ?Construire un site de presse avec Wordpress ?
Construire un site de presse avec Wordpress ?
 

En vedette

Vpn d’acces avec cisco asa 5500 et client
Vpn d’acces avec cisco asa 5500 et clientVpn d’acces avec cisco asa 5500 et client
Vpn d’acces avec cisco asa 5500 et clientManassé Achim kpaya
 
Fruugo - Ouvrez-vous à l'International
Fruugo - Ouvrez-vous à l'InternationalFruugo - Ouvrez-vous à l'International
Fruugo - Ouvrez-vous à l'InternationalFruugo
 
VueForge™ Sense, ou comment transformer nos smartphones en capteurs intellige...
VueForge™ Sense, ou comment transformer nos smartphones en capteurs intellige...VueForge™ Sense, ou comment transformer nos smartphones en capteurs intellige...
VueForge™ Sense, ou comment transformer nos smartphones en capteurs intellige...Microsoft Ideas
 
Dossier Agile: Une autre relation client - fournisseur
Dossier Agile: Une autre relation client - fournisseurDossier Agile: Une autre relation client - fournisseur
Dossier Agile: Une autre relation client - fournisseurinsentia
 
Big Data et vie privée, mariage pour tous ?
Big Data et vie privée, mariage pour tous ?Big Data et vie privée, mariage pour tous ?
Big Data et vie privée, mariage pour tous ?Microsoft Ideas
 
Hand hebdo officiel-special-coupe_du_monde - 19 jan 2015
Hand hebdo officiel-special-coupe_du_monde - 19 jan 2015Hand hebdo officiel-special-coupe_du_monde - 19 jan 2015
Hand hebdo officiel-special-coupe_du_monde - 19 jan 2015HandActu
 
Cartas a angel numeros dos y tres
Cartas a angel numeros dos y tresCartas a angel numeros dos y tres
Cartas a angel numeros dos y tresLuis Bados Ramirez
 
"Partager", un enjeu majeur du etourisme
"Partager", un enjeu majeur du etourisme"Partager", un enjeu majeur du etourisme
"Partager", un enjeu majeur du etourismeLudovic Dublanchet
 
Lettre d'information de la CCIA (Antananarivo - Madagascar) - Octobre 2014
Lettre d'information de la CCIA (Antananarivo - Madagascar) - Octobre 2014Lettre d'information de la CCIA (Antananarivo - Madagascar) - Octobre 2014
Lettre d'information de la CCIA (Antananarivo - Madagascar) - Octobre 2014Franck Dasilva
 
Modèles défilé NU 26 11 2011
Modèles défilé NU 26 11 2011Modèles défilé NU 26 11 2011
Modèles défilé NU 26 11 2011lalassou
 
La protection des données avec microsoft rms
La protection des données avec microsoft rmsLa protection des données avec microsoft rms
La protection des données avec microsoft rmsJoris Faure
 
Balade Au Dessus De Paris Xr
Balade Au Dessus De Paris XrBalade Au Dessus De Paris Xr
Balade Au Dessus De Paris XrGIA VER
 
Mactac Soignies Films adhésifs décoration intérieure bâtiment
Mactac Soignies Films adhésifs décoration intérieure bâtimentMactac Soignies Films adhésifs décoration intérieure bâtiment
Mactac Soignies Films adhésifs décoration intérieure bâtimentMactac Europe
 
15.ismail mechbal ignitemaroc2010
15.ismail mechbal ignitemaroc201015.ismail mechbal ignitemaroc2010
15.ismail mechbal ignitemaroc2010Salah Benzakour
 

En vedette (20)

Vpn d’acces avec cisco asa 5500 et client
Vpn d’acces avec cisco asa 5500 et clientVpn d’acces avec cisco asa 5500 et client
Vpn d’acces avec cisco asa 5500 et client
 
Fruugo - Ouvrez-vous à l'International
Fruugo - Ouvrez-vous à l'InternationalFruugo - Ouvrez-vous à l'International
Fruugo - Ouvrez-vous à l'International
 
VueForge™ Sense, ou comment transformer nos smartphones en capteurs intellige...
VueForge™ Sense, ou comment transformer nos smartphones en capteurs intellige...VueForge™ Sense, ou comment transformer nos smartphones en capteurs intellige...
VueForge™ Sense, ou comment transformer nos smartphones en capteurs intellige...
 
Dossier Agile: Une autre relation client - fournisseur
Dossier Agile: Une autre relation client - fournisseurDossier Agile: Une autre relation client - fournisseur
Dossier Agile: Une autre relation client - fournisseur
 
toolani fr
toolani frtoolani fr
toolani fr
 
Big Data et vie privée, mariage pour tous ?
Big Data et vie privée, mariage pour tous ?Big Data et vie privée, mariage pour tous ?
Big Data et vie privée, mariage pour tous ?
 
Assia Djebar
Assia DjebarAssia Djebar
Assia Djebar
 
Hand hebdo officiel-special-coupe_du_monde - 19 jan 2015
Hand hebdo officiel-special-coupe_du_monde - 19 jan 2015Hand hebdo officiel-special-coupe_du_monde - 19 jan 2015
Hand hebdo officiel-special-coupe_du_monde - 19 jan 2015
 
Cartas a angel numeros dos y tres
Cartas a angel numeros dos y tresCartas a angel numeros dos y tres
Cartas a angel numeros dos y tres
 
"Partager", un enjeu majeur du etourisme
"Partager", un enjeu majeur du etourisme"Partager", un enjeu majeur du etourisme
"Partager", un enjeu majeur du etourisme
 
Hitler'in suluboya çalışmaları
Hitler'in suluboya çalışmalarıHitler'in suluboya çalışmaları
Hitler'in suluboya çalışmaları
 
Lettre d'information de la CCIA (Antananarivo - Madagascar) - Octobre 2014
Lettre d'information de la CCIA (Antananarivo - Madagascar) - Octobre 2014Lettre d'information de la CCIA (Antananarivo - Madagascar) - Octobre 2014
Lettre d'information de la CCIA (Antananarivo - Madagascar) - Octobre 2014
 
Entrevista
EntrevistaEntrevista
Entrevista
 
Modèles défilé NU 26 11 2011
Modèles défilé NU 26 11 2011Modèles défilé NU 26 11 2011
Modèles défilé NU 26 11 2011
 
La protection des données avec microsoft rms
La protection des données avec microsoft rmsLa protection des données avec microsoft rms
La protection des données avec microsoft rms
 
Balade Au Dessus De Paris Xr
Balade Au Dessus De Paris XrBalade Au Dessus De Paris Xr
Balade Au Dessus De Paris Xr
 
Incentivos Fiscales I+D Fade
Incentivos Fiscales I+D FadeIncentivos Fiscales I+D Fade
Incentivos Fiscales I+D Fade
 
Test du braun series 7 790 cc 4
Test du braun series 7 790 cc 4Test du braun series 7 790 cc 4
Test du braun series 7 790 cc 4
 
Mactac Soignies Films adhésifs décoration intérieure bâtiment
Mactac Soignies Films adhésifs décoration intérieure bâtimentMactac Soignies Films adhésifs décoration intérieure bâtiment
Mactac Soignies Films adhésifs décoration intérieure bâtiment
 
15.ismail mechbal ignitemaroc2010
15.ismail mechbal ignitemaroc201015.ismail mechbal ignitemaroc2010
15.ismail mechbal ignitemaroc2010
 

Similaire à Fondamentaux des CMS

Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)Nicolas Morin
 
Réussir son projet Drupal
Réussir son projet DrupalRéussir son projet Drupal
Réussir son projet DrupalAdyax
 
Formation cloud site-referencement-twitter
Formation cloud site-referencement-twitterFormation cloud site-referencement-twitter
Formation cloud site-referencement-twitterCRIJ Poitou-Charentes
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Nicolas Morin
 
WordPress en tant que CMS
WordPress en tant que CMSWordPress en tant que CMS
WordPress en tant que CMSAurélien Denis
 
Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)Laurent Moccozet
 
atam guide de developpement v1.3
atam guide de developpement v1.3atam guide de developpement v1.3
atam guide de developpement v1.3Abdessamad Hamouch
 
03 presentation-builder-normal
03 presentation-builder-normal03 presentation-builder-normal
03 presentation-builder-normalMichael Bertocchi
 
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliotheque
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliothequeEcole ESMA : Rapport de projet - Application de gestion d'une bibliotheque
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliothequeMehdi Hamime
 
Entity_framework_db first
Entity_framework_db firstEntity_framework_db first
Entity_framework_db firstZineb ELGARRAI
 
Meetup python-bottle-telosys-2018-lgu-v1.0
Meetup python-bottle-telosys-2018-lgu-v1.0Meetup python-bottle-telosys-2018-lgu-v1.0
Meetup python-bottle-telosys-2018-lgu-v1.0Laurent Guérin
 
Presentation mkframework software craftsmanship a l'afup
Presentation mkframework software craftsmanship a l'afupPresentation mkframework software craftsmanship a l'afup
Presentation mkframework software craftsmanship a l'afupMichael Bertocchi
 
Les vrais enjeux de l'IA.pdf
Les vrais enjeux de l'IA.pdfLes vrais enjeux de l'IA.pdf
Les vrais enjeux de l'IA.pdfBabacarDIOP48
 
base-de-donnees-whois.ppt
base-de-donnees-whois.pptbase-de-donnees-whois.ppt
base-de-donnees-whois.pptwebhostingguy
 
Rapport de mini projet de programation web
Rapport de mini projet de programation webRapport de mini projet de programation web
Rapport de mini projet de programation webMOHAMMED MOURADI
 

Similaire à Fondamentaux des CMS (20)

Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)
 
Réussir son projet Drupal
Réussir son projet DrupalRéussir son projet Drupal
Réussir son projet Drupal
 
Formation cloud site-referencement-twitter
Formation cloud site-referencement-twitterFormation cloud site-referencement-twitter
Formation cloud site-referencement-twitter
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)
 
Créer un template pour Joomla 2.5
Créer un template pour Joomla 2.5Créer un template pour Joomla 2.5
Créer un template pour Joomla 2.5
 
WordPress en tant que CMS
WordPress en tant que CMSWordPress en tant que CMS
WordPress en tant que CMS
 
Cours1
Cours1Cours1
Cours1
 
RAD avec IPF pour ImpressCMS 1.2
RAD avec IPF pour ImpressCMS 1.2RAD avec IPF pour ImpressCMS 1.2
RAD avec IPF pour ImpressCMS 1.2
 
Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)
 
Cours architecture
Cours architectureCours architecture
Cours architecture
 
atam guide de developpement v1.3
atam guide de developpement v1.3atam guide de developpement v1.3
atam guide de developpement v1.3
 
03 presentation-builder-normal
03 presentation-builder-normal03 presentation-builder-normal
03 presentation-builder-normal
 
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliotheque
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliothequeEcole ESMA : Rapport de projet - Application de gestion d'une bibliotheque
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliotheque
 
Entity_framework_db first
Entity_framework_db firstEntity_framework_db first
Entity_framework_db first
 
Meetup python-bottle-telosys-2018-lgu-v1.0
Meetup python-bottle-telosys-2018-lgu-v1.0Meetup python-bottle-telosys-2018-lgu-v1.0
Meetup python-bottle-telosys-2018-lgu-v1.0
 
Framework php « Codeignitor »
Framework php « Codeignitor » Framework php « Codeignitor »
Framework php « Codeignitor »
 
Presentation mkframework software craftsmanship a l'afup
Presentation mkframework software craftsmanship a l'afupPresentation mkframework software craftsmanship a l'afup
Presentation mkframework software craftsmanship a l'afup
 
Les vrais enjeux de l'IA.pdf
Les vrais enjeux de l'IA.pdfLes vrais enjeux de l'IA.pdf
Les vrais enjeux de l'IA.pdf
 
base-de-donnees-whois.ppt
base-de-donnees-whois.pptbase-de-donnees-whois.ppt
base-de-donnees-whois.ppt
 
Rapport de mini projet de programation web
Rapport de mini projet de programation webRapport de mini projet de programation web
Rapport de mini projet de programation web
 

Dernier

Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...M2i Formation
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprisesMajdaKtiri2
 
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptxSAID MASHATE
 
Formation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadershipFormation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadershipM2i Formation
 
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...Faga1939
 
A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.Franck Apolis
 
systeme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expertsysteme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expertChristianMbip
 
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptMécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptssusercbaa22
 
Cours-irrigation_et_drainage_cours1.pptx
Cours-irrigation_et_drainage_cours1.pptxCours-irrigation_et_drainage_cours1.pptx
Cours-irrigation_et_drainage_cours1.pptxlamourfrantz
 
Fondation Louis Vuitton. pptx
Fondation      Louis      Vuitton.   pptxFondation      Louis      Vuitton.   pptx
Fondation Louis Vuitton. pptxTxaruka
 
Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne FontaineTxaruka
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.Txaruka
 
présentation sur l'échafaudage dans des travaux en hauteur
présentation sur l'échafaudage dans des travaux en hauteurprésentation sur l'échafaudage dans des travaux en hauteur
présentation sur l'échafaudage dans des travaux en hauteurdinaelchaine
 
presentation l'interactionnisme symbolique finale.pptx
presentation l'interactionnisme symbolique  finale.pptxpresentation l'interactionnisme symbolique  finale.pptx
presentation l'interactionnisme symbolique finale.pptxMalikaIdseaid1
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film françaisTxaruka
 
Grammaire pour les élèves de la 6ème.doc
Grammaire pour les élèves de la  6ème.docGrammaire pour les élèves de la  6ème.doc
Grammaire pour les élèves de la 6ème.docKarimKhrifech
 
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxApproche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxssusercbaa22
 
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxSUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxssuserbd075f
 
MaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptMaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptssusercbaa22
 
Présentation de cartes d'extension zhr..pptx
Présentation de cartes d'extension zhr..pptxPrésentation de cartes d'extension zhr..pptx
Présentation de cartes d'extension zhr..pptxpopzair
 

Dernier (20)

Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprises
 
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
 
Formation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadershipFormation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadership
 
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
 
A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.
 
systeme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expertsysteme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expert
 
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptMécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
 
Cours-irrigation_et_drainage_cours1.pptx
Cours-irrigation_et_drainage_cours1.pptxCours-irrigation_et_drainage_cours1.pptx
Cours-irrigation_et_drainage_cours1.pptx
 
Fondation Louis Vuitton. pptx
Fondation      Louis      Vuitton.   pptxFondation      Louis      Vuitton.   pptx
Fondation Louis Vuitton. pptx
 
Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne Fontaine
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.
 
présentation sur l'échafaudage dans des travaux en hauteur
présentation sur l'échafaudage dans des travaux en hauteurprésentation sur l'échafaudage dans des travaux en hauteur
présentation sur l'échafaudage dans des travaux en hauteur
 
presentation l'interactionnisme symbolique finale.pptx
presentation l'interactionnisme symbolique  finale.pptxpresentation l'interactionnisme symbolique  finale.pptx
presentation l'interactionnisme symbolique finale.pptx
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film français
 
Grammaire pour les élèves de la 6ème.doc
Grammaire pour les élèves de la  6ème.docGrammaire pour les élèves de la  6ème.doc
Grammaire pour les élèves de la 6ème.doc
 
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxApproche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
 
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxSUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
 
MaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptMaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.ppt
 
Présentation de cartes d'extension zhr..pptx
Présentation de cartes d'extension zhr..pptxPrésentation de cartes d'extension zhr..pptx
Présentation de cartes d'extension zhr..pptx
 

Fondamentaux des CMS

  • 1. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Ateliers Wordpress, Joomla et Drupal Fondamentaux des CMS Année 2013/2014
  • 2. Programme de 21 heures 1.Présentation des CMS* 2.Spécificités de Wordpress + un atelier 3.Spécificités de Joomla + trois ateliers 4.Spécificités de Drupal + deux ateliers * Content Management System (système de gestion de contenu).
  • 3. Session 1 : 3 heures Positionnement des CMS* Architecture logicielle des CMS Architecture fonctionnelle des CMS Politique de gestion du design Présentation des CMS * Comparaison des CMS avec les Wikis et les Blogs.
  • 4. Session 2 : 3 heures Configuration générale des sites Publication et organisation du contenu Gestion des menus Intégration des extensions (plugins) Réécriture des URL (permaliens) [Spécificités] Atelier Wordpress
  • 5. Session 3 : 3 heures Structuration du contenu Structuration des menus Intégration des photos Contextualisation du contenu [Spécificités] Atelier Joomla (I)
  • 6. Session 4 : 3 heures Présentation du contenu Réécriture des URL (alias) Contextualisation des [sous-]menus Atelier Joomla (II)
  • 7. Session 5 : 3 heures Intégration des templates Personnalisation des feuilles de style Intégration des flux RSS Intégration des extensions de type plugin Définition de la page d’accueil Atelier Joomla (III)
  • 8. Session 6 : 3 heures Drupal et la mise en page du contenu Drupal et la structuration du contenu Drupal et la gestion des menus Drupal et la gestion des profils Spécificités de Drupal
  • 9. Session 7 : 3 heures Structuration macro du contenu Structuration micro du contenu Intégration des menus Intégration des thèmes Atelier Drupal
  • 10. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Session 1 : 3 h Présentation des CMS* Positionnement, architectures et design * Wordpress, Joomla et Drupal
  • 11. Programme Positionnement des CMS* Architecture logicielle des CMS Architecture fonctionnelle des CMS Politique de gestion du design * Comparaison des CMS avec les Wikis et les Blogs.
  • 12. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Unité 1.1 Positionnement des CMS CMS vs Blogs et Wikis
  • 13. 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
  • 14. Notion de classification Racine [classe de base] - page d’accueil Classes hiérarchisées - rubriques Éléments [individus] - pages élémentaires
  • 15. 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. * L’auteur fait appel à la notion d’individu qui est plus restrictive.
  • 16. Commentaire Notion d’objet : elle sert à désigner soit des classes de niveau inférieur, soit des éléments [individus]. Notion de classe : l’éditeur d’un ouvrage constitue un attribut qui donnerait lieu aux classes : ADBS, L'Harmattan, etc.
  • 17. Plan de classement Le plan de classement aussi appelé plan de classification désigne l’ensemble des classes (hors classe de base) 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.
  • 18. 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 [tri] : attribution d’une place ou d’un rang à un élément.
  • 19. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Genre / espèce vs tout / partie Types de relation hiérarchique
  • 20. Regroupement vs partition (I) « La mise en ordre [des classes] s’opère par regroupement d’[objets*] semblables, mais aussi par répartition […] des différentes parties d’une unité indissociable. » — Source : Jacques MANIEZ, p. 244, « Trois composantes fondamentales des langages documentaires », Actualité des langages documentaires - Fondements théoriques de la recherche d'information, éd. ADBS, 2002. * L’auteur fait appel à la notion d’élément qui est ambigüe.
  • 21. Regroupement vs partition (II) A. Les relations de type genre / espèce consistent à regrouper des objets dans un ensemble. B. Les relations de type tout / partie consistent à éclater les composantes d’une unité indissociable.
  • 22. Genre / espèce - principe Ce type de relation permet de FACTORISER les traits de caractère communs à plusieurs classes dans une classe supérieure. — Termes connexes : héritage, généralisation, spécialisation.
  • 23. Tout / partie - principe Ce type de relation permet de DÉCOMPOSER les traits de caractère d’une classe supérieure dans des classes inférieures. — Terme connexes : agrégation, composition.
  • 24. Genre / espèce - exemple Les classes « Bureau », « Armoire » ou « Chaise » sont généralisées par la classe « Meuble ». LES bureaux SONT des meubles, ils se définissent par ADDITION des caractéristiques générales [des meubles] et de leurs propres caractéristiques.
  • 25. Tout / partie : exemple La classe « Bureau » agrège un ensemble de classes : la classe « Plateau », la classe « Tiroir » ou la classe « Pied ». UN bureau (unité indissociable) se définit par ADDITION des caractéristiques de chacune des composantes qui le CONSTITUE.
  • 26. Types de relation tout / partie Objet / élément* : voiture / roues Zone / lieu : Europe / France Ensemble** / membre : forêt / arbre Masse / portion : gâteau / part objet / constituant : eau / hydrogène activité / phase : projet / conception * Objets assemblés ou abstraits, ou organisations. ** Proximité physique.
  • 27. Types de relation tout / partie Source : G. OTMAN, « Le traitement automatique de la relation partie-tout en terminologie », persee.fr, vol. 4, n° 7, 1996, p. 43-52.
  • 28. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Unité 1.2 Architecture logicielle Client-serveur, 3-tiers, MVC et CRUD
  • 29. 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 CRUD
  • 30. Modèle d’architecture client-serveur L’utilisateur accède à des ressources externalisées
  • 31. Modèle 3-tiers Couche présentation Couche application-métier Couche données
  • 32. 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.
  • 33. 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.
  • 34. 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.
  • 35. Modèle MVC Composant modèle Composant vue Composant contrôleur
  • 36. Composant modèle Ce composant, sollicité par le contrôleur, est responsable de la logique métier. Dans sa configuration la plus élémentaire, il sert à isoler les requêtes qui seront soumises à la base de données — sites Web se limitant à quelques pages.
  • 37. Composant vue Ce composant, lui aussi sollicité par le contrôleur, est responsable de la présentation des données. Les vues assurent l’intégration entre les gabarits, qui définissent la structure des pages, et les données (texte, photos, vidéos, etc.).
  • 38. Composant contrôleur Ce composant, qui est utilisé comme point d’entrée, est responsable du pilotage de l’application. Il appelle les services à exécuter et sélectionne les vues à transmettre au serveur de pages Web.
  • 39. Modèle CRUD Opérateur générique create Opérateur générique read Opérateur générique update Opérateur générique delete
  • 40. 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.
  • 41. 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.
  • 42. Plateforme logicielle Ce terme désigne les composants logiciels sans lesquels le CMS Joomla 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.
  • 43. Plateforme LAMP Système d’exploitation Linux Serveur HTTP Apache Serveur de base de données MySQL Module applicatif Zend/PHP
  • 44. Couches logicielles et plateforme associée Langages HTML/CSS, PHP et SQL et plate-forme LAMP Les 3 couches logicielles
  • 45. Ce qu’il faut retenir Joomla est un outil multi-utilisateurs orienté communication-marketing dont la principale fonction est de simplifier la publication de contenu sur le Web.
  • 46. Back-office CMS* * Back-office de Joomla.
  • 48. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Unité 1.3 Architecture fonctionnelle Cas d’utilisation – layout – contenu-menus
  • 49. Cas d’utilisation des trois CMS Administration des comptes et des profils associés Administration du contenu* Administration des menus** Personnalisation du design Intégration des extensions * Organisation puis classement du contenu. ** Maillage des pages du site.
  • 50. 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
  • 51. Architecture des pages Corps de la page Bloc périphérique de niveau 1 Bloc périphérique de niveau 2 Remarque. — Les blocs périphériques de niveau 1 et 2 sont liés par une relation de type parent/enfant.
  • 53. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Chacun des CMS privilégie un modèle Organisation du contenu
  • 54. Indexation Classification Classification à facettes Wordpress  OUI NON Joomla NON  NON Drupal OUI OUI 
  • 55. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Processus commun aux trois CMS Gestion des menus
  • 56. Processus de création 1. Définition de l’identifiant du menu 2. Génération du bloc périphérique associé 3. Définition des liens du menu — Remarques : – les CMS permettent de définir plusieurs menus ; – les liens sont affichés dans le bloc périphérique.
  • 57. Trois types de lien 1.Lien pointant vers une liste de pages* 2.Lien pointant vers une seule page 3.Lien pointant vers une application * Présentation de type Blog (liste de billets) par exemple.
  • 58. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Unité 1.4 Politique de gestion du design Plusieurs solutions
  • 59. Coût de solutions alternatives Acheter un template : 50 euros Utiliser le logiciel Artisteer : 129,95 euros [Faire] coder le template : 3 000 euros
  • 60. Processus standard 1.Utiliser Artisteer pour tester 2.Configurer le template acheté 3.Personnaliser le code à la marge — Commentaire. — Cette approche réduit les coûts tout en garantissant un template à la fois opérationnel et personnalisé.
  • 61. Quelques acteurs du design YOOtheme (Joomla et Wordpress) RocketTheme (Joomla et Wordpress) JoomlArt (Joomla) Themebrain (Drupal) Portail Best of Joomla
  • 62. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Session 2 : 3 h Formation Wordpress Spécificités du CMS Wordpress et atelier
  • 63. 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
  • 64. Architecture des pages Corps de la page : main content Bloc périphérique de niveau 1 : area Bloc périphérique de niveau 2 : widget Remarque. — Les blocs périphériques de niveau 1 et 2 sont liés par une relation de type parent/enfant.
  • 65. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Catégories vs tags et post vs page Gestion du contenu
  • 66. Organisation du contenu A. Wordpress permet de définir des tags (mots clés) qui vont servir à indexer les pages. (Structure combinatoire.) B. Wordpress permet de définir des catégories, et donc, un plan de classement, qui va servir à classer les pages. (Structure hiérarchique.) Modèles d’organisation de Wordpress : indexation et classification.
  • 67. Indexation des pages Seules les pages de type post, c’est-à-dire les billets, peuvent être indexées avec des tags. Les pages de type page ne peuvent pas être taguées : ce type n’est utilisé que pour définir des pages qui n’ont pas à être indexées (« Qui sommes nous »).
  • 68. Classement des pages Seules les pages de type post, peuvent être assignées à une catégorie. D’autre part, il faut savoir que Wordpress permet d’assigner les pages de type post à plusieurs catégories (Wordpress échappe ainsi à la logique de classification pure, qui est monohiérarchique). Wordpress : modèle de classification polyhiérarchique.
  • 69. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Identifiant, widget et liens Gestion des menus
  • 70. Processus de création 1.Définition de l’identifiant du menu 2.Positionnement du widget associé 3.Définition des liens
  • 71. Types de lien Liens de types category et tag Liens de types post et page Lien de type Custom Links Remarque. — Les liens de types category et tag affichent une collection de pages de type post. (Titre et chapô uniquement.)
  • 72. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Sessions 3-5 : 9 h Formation Joomla Spécificités du CMS Joomla et ateliers
  • 73. 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
  • 74. Architecture des pages Corps de la page : main content Bloc périphérique de niveau 1 : position Bloc périphérique de niveau 2 : module Remarque. — Les blocs périphériques de niveau 1 et 2 sont liés par une relation de type parent/enfant.
  • 75. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Composants, modules et plugins Types d’extension
  • 76. Types d’extension Type d’extension Caractéristiques du type d’extension considéré Composant Applications exploitées dans le main content Module Applications exploitées dans les blocs périphériques Plugin Fonctionnalités exploitées à l’intérieur des articles* * Exemples : intégration de photos/vidéos, pagination, etc.
  • 77. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Catégories et articles Gestion du contenu
  • 78. Organisation du contenu Joomla permet de définir des catégories, et donc, un plan de classement, qui va servir à classer les pages. (Langage à structure hiérarchique.) En natif, c’est-à-dire sans faire appel à une extension, Joomla ne permet pas d’indexer les pages. Modèle d’organisation de Joomla : classification.
  • 79. Classement des pages Une catégorie de niveau inférieur ne peut pas être incluse dans plusieurs catégories de niveau supérieur. Un article ne peut pas appartenir à plusieurs catégories. Les articles isolées sont rangés dans la catégorie « Articles non catégorisés ». Joomla : modèle de classification monohiérarchique.
  • 80. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Identifiant, module associé et liens Gestion des menus
  • 81. Processus de création 1. Définition de l’identifiant du menu 2. Génération du module associé 3. Définition des liens Trois écrans différents
  • 82. Types de lien Lien de types category blog et list Lien de type single article Lien de type component Remarque. — Les liens de types category blog - list affichent une collection d’articles [présentés sous forme de blog - liste (dans un tableau)].
  • 83. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Profils et droits associés Gestion des droits
  • 84. Gestion des droits Joomla 1.5 A. Droits en écriture : côté frontend, quatre niveaux d’intervention ; côté backend, trois niveaux d’intervention. B. Droits en lecture : – Espace public – Espace member : utilteurs enregistrés – Espace special : administrateurs Remarque. — Frontend et backend sont synonymes de front-office et back-office.
  • 85.
  • 86. De Joomla 1.5 à Joomla 2.5 What Users Can Do : droits en écriture What Users Can See : droits en lecture À savoir. — La version 2.5 de Joomla permet de constituer des groupes en plus de ceux qui sont définis par défaut ; la version 2.5 permet aussi de contrôler la portée des droits.
  • 87. What Users Can Do/See WUCD (droits en écriture) Site Login Admin Login Super Admin Access Component Create Delete Edit Edit State (publish/unpublish) Edit Own WUCS (droits en lecture) Public Registered Special
  • 88. Les huit groupes prédéfinis Public Manager Administrator Registered Author Editor Publisher Super Users
  • 89. Portée des droits Global Configuration Permissions Component Permissions [Articles, Menus] Category Permissions Single Article Permissions
  • 90.
  • 91.
  • 92. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Sessions 6-7 : 6 h Formation Drupal Spécificités du CMS Drupal et ateliers
  • 93. 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
  • 94. Architecture des pages Corps de la page : main content Bloc périphérique de niveau 1 : region Bloc périphérique de niveau 2 : block Remarque. — Les blocs périphériques de niveau 1 et 2 sont liés par une relation de type parent/enfant.
  • 95. BLOC 1 BLOC 2 BLOC 3
  • 96. 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
  • 97. 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.
  • 98. 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.
  • 99. 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
  • 100. 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
  • 101. 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
  • 102. Liens utiles Systématique | Wikipedia Taxinomie | Wikipedia Rangs Taxinomiques | Wikipedia Taxon | Wikipedia
  • 103. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Identifiant, bloc associé et liens Gestion des menus
  • 104. Processus de création 1. Définition de l’identifiant du menu 2. Définition du bloc associé 3. Définition des liens
  • 105. Types de lien Lien sur noeud Lien sur terme d’un vocabulaire Lien sur module
  • 106. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Rôles et droits associés Gestion des droits
  • 107. Rôles prédéfinis Anonymous User Authenticated User Administrator
  • 109. Cas du module Contact Anonymous User : Lecture/Écriture Authenticated User : Lecture/Écriture Administrator : Lecture/Écriture
  • 110. Liens utiles Documentation | drupal.org General concepts | drupal.org About taxonomy | drupal.org Guidelines for taxonomy | drupal.org Content types | drupal.org Glossary | drupal.org
  • 111. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Session 7 : 3 h Deuxième atelier sur Drupal Intégration de thème
  • 112. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Annexe Wordpress vs Joomla vs Drupal
  • 113. 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.
  • 114. Demande des utilisateurs Source : Google Trends.
  • 115. 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.
  • 116. 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%.”
  • 117. 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%.
  • 118. Statistiques des trois portails Source : Alexa.
  • 119. 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.
  • 120. 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.
  • 123. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Annexe Rédaction du contenu - critères et métriques
  • 124. 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.
  • 125. 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
  • 126. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Annexe Principes du SEO
  • 127. 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.
  • 128. 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.
  • 129. 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.
  • 130. 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.
  • 131. 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
  • 132. 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.
  • 133. 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.
  • 134. 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.
  • 135. 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
  • 136. 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
  • 137. 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
  • 138. 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
  • 139. 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
  • 140. Siloing : structure des pages
  • 141. Siloing : structure des liens
  • 142. 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.
  • 143. 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.
  • 144. Étude de cas Heifer
  • 145. Étude de cas Adamence
  • 146. Étude de cas DelArte
  • 147. Siloing : contenu et menus
  • 148. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Annexe Search Engine Ranking Factors 2011
  • 149. Ranking Factors 2011 1.Page Level Link (21%) 2.Domain Level Link (21%) 3.Page Level Keyword (15%) — Source : « Search Engine Ranking Factors », moz.com.
  • 150. Page Level Link “These features describe link metrics to the individual ranking page such as number of links.” — Source : « Correlation & Survey Data », moz.com.
  • 151. Domain Level Link “These features describe link metrics about the root domain hosting the page. For the page www.test.com/A, these features are for links pointing to *.test.com, not just page A.” — Source : « Correlation & Survey Data », moz.com.
  • 152. Page Level Keyword “These features describe use of the keyword term/phrase in particular parts of the HTML code on the page (title element, h1, alt attributes, etc).” — Source : « Correlation & Survey Data », moz.com.
  • 154. Ranking Factors Greenlight RF0 : SES* RF1 : On Page SEO RF2 : PageRank RF3 : Anchor Text RF4 : Domain Auth. RF5 : Link Context RF6 : User Signals * Search Engine Submission.
  • 155. RF0 : Search Engine Submission “Necessary in the early days due to the fact that search engines had limited crawling capabilities, and still yielding limited results years later.” — Source : « The history and evolution of SEO », blog.greenlightsearch.com.
  • 156. RF1 : On Page SEO “Relevant to the terms you are targeting by the placement of keywords on page. Includes considerations of website architecture, build and content writing.” — Source : « The history and evolution of SEO », blog.greenlightsearch.com.
  • 157. RF2 : PageRank “Use of links by search engines to judge the importance of a page. Refers to the raw credibility conferred by links to a given page.” — Source : « The history and evolution of SEO », blog.greenlightsearch.com.
  • 158. RF3 : Anchor Text “Use of link text to add context to the raw credibility provided by PageRank.” — Source : « The history and evolution of SEO », blog.greenlightsearch.com.
  • 159. RF4 : Domain Authority “Link factors, including PageRank and links from trusted sources, assessed at a domain level rather than at a page level.” — Source : « The history and evolution of SEO », blog.greenlightsearch.com.
  • 160. RF5 : Link Context “Refers to the placement of links on a page and, more importantly, the context of the page.” — Source : « The history and evolution of SEO », blog.greenlightsearch.com.
  • 161. RF6 : User Signals “User behaviour, such as click through rates, bounce rates and search patterns, to assess the level of trust search engines have in a site.” — Source : « The history and evolution of SEO », blog.greenlightsearch.com.
  • 162. Conclusion sur tendances RF1 : On Page SEO ◄► RF2 : PageRank ▼ RF3 : Anchor Text ▼ RF4 : Domain Authority ▲ RF5 : Link Context ▲
  • 165. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Annexe Ouvrages sur SEO : chapitres clés
  • 166.
  • 167. Critères in-page Balises title, h1, h2, etc. Texte Réécriture des URL Attributs alt, title, etc.
  • 168. Critères off page Liens et réputation Liens, PageRank et indice de popularité PR sculpting vs PR modeling TrustRank et indice de confiance
  • 169.
  • 170. Chapitres clés Keyword Generation Creating Pages : Title tags, Headers, etc. Basic Web Site Structure
  • 171.
  • 172. Internal Ranking Factors On-page Ranking Factors Keywords in the title Tag Keyword in the page URL, etc. On-site Ranking Factors Domain Name Keywords Linking Considerations
  • 173.
  • 174. SEO Best Practices Page-Level Information Hierarchy URL Title, Tag, etc.
  • 175.
  • 176. Your SEO Plan : Month One Page Titles Meta Tags Site Text Internal Links
  • 177. Nom de domaine Mots clés stratégiques Mots clés non séparés par un tiret — Remarque. — Le nom de domaine doit être court (quatre syllabes maximum), facile à lire et à prononcer, facile à retenir.
  • 178. Ressources sur référencement Portail Abondance Portail WebRankInfo Glossaire RankSpirit