SlideShare une entreprise Scribd logo
1  sur  19
Projet Web Collaboratif
Partie 1 - Introduction
Eric GIRAUDIN
Département Information-Communication,
option Information Numérique dans les Organisations - IUT2 Grenoble
Plan du cours
• Les évolutions du web
• La gestion collaborative des contenus
• Organiser la collaboration
• Outils de créations et de gestion de contenus
• Principaux critères de choix d’un CMS
• Panorama des CMS en France
• Wordpress
Les évolutions du web, le 123
Les évolutions du web, les contenus
Les évolutions du web, Je publie…
Ça, c’était avant!
internautes
webmaster Site web 1.0
META
META
SEO
Les évolutions du web, nous publions!
Maintenant
Internautes
Réseaux
sociaux
webmaster Site web 2.0
Internautes de l’équipe des
contributeurs du site
TAG
RSS
Etc.
La gestion collaborative des contenus
Une nécessité, un enjeu éditorial stratégique
• Qualitatif
– Collaborer pour créer des contenus de qualité et attractifs
– Rendre lisible et compréhensible les contenus par ses
destinataires (humains et robots)
– Veiller aux actualités et tendances de son lectorat pour rester en
phase avec lui
– Gérer le cycle de vie des contenus
• Quantitatif
– Diffuser régulièrement de nouveaux contenus
– Médiatiser et partager ses contenus au plus grand nombre
– Développer une communauté et l’impliquer
– Mise en œuvre de nombreuses compétences
Webmestre(s)
Organiser la collaboration, les acteurs
contributeurs membres visiteursDesigner
Différents acteurs intervenants sur le site
Différents Droits & accès
Directeur
de la publication
Création de contenu
Modification de son
contenu
Modification
des contenus
des autres
Gestion des utilisateurs
Commenter
Validation & publication
Consultation
Personnalisation
de l’apparence du site
Administration du site
Différents Rôles
SEO
manager
AuteurModérateurAdministrateur Editeur Membre Lecteur
Organiser la collaboration, le workflow
Processus de gestion du cycle de vie du contenu
• Chaque organisation crée et adapte son Workflow. Exemple :
• Plusieurs révisions des contenus peuvent être archivées
Un contributeur
auteur crée un
contenu
Le webmestre
administrateur
contrôle le
contenu
Un contributeur
éditeur
finalise
ce contenu et
demande
sa publication
Le webmestre
valide et publie
le contenu
Outils de création et
de gestion des contenus
• Les éditeurs web (hors-ligne) pour des sites
statiques
– Création d’un site local avec un logiciel comme
Dreamweaver depuis son ordinateur
– Transfert des pages avec un logiciel FTP sur un serveur
web
– Pour chaque mises à jour il faut recommencer les deux
opérations précédentes
– La collaboration multi-auteurs est très difficile
Le concept du site web statique
Pages du site
html, xhtml, médias, documents…
Template graphique
HTML, XHTML, Images, CSS, Js
Pages du site
html, xhtml, médias, documents…
Template graphique
HTML, XHTML, Images, CSS, Js
Version en ligne – serveur web
Version locale - ordinateur de bureau
Transfert par FTP
Consultation par l’internaute
Sur son navigateur web
Outils de création et
de gestion des contenus
• Les systèmes de gestion de contenus : CMS (en
ligne)
– Téléchargement du CMS
– Transfert sur serveur FTP depuis un logiciel FTP
– Installation sur le serveur web
– Création et gestion des contenus en ligne par un
navigateur web et par plusieurs contributeurs
Le concept du CMS
CMS
Système (logiciel)
de gestion du contenu
Documents, médias…
Contenus statiques
Base de données
contenus dynamiques
SERVEUR
Template graphique
HTML, XHTML, Images, CSS, Js
VUES
CLIENTS
Navigateurs
Ordinateurs fixes
Navigateurs
Terminaux mobiles
Espace de consultation de l’internaute
(non connecté ou
connecté en tant que membre).
2 espaces : back et front
Front-Office
Espace d’administration (authentification)
Création et gestion des contenus,
Gestion des utilisateurs,
Paramétrages du site,
des extensions (template,
Plugins…)
Back-office
Les principaux éléments
Plugins
Templates
graphiques
Traductions
Noyau du CMS
Fonction de base :
création et gestion de
contenus, des utilisateurs,
paramétrages…
Médias
Images,
documents…
Contenus
Catégories,
Articles, Pages,
Mot-clés…
Principaux critères de choix d’un CMS
Technologie
Compatible
avec son
environnement
La communauté
Opensource
ou
Propriétaire
Respect des
standards web
(SEO, Accessibilité…)
Langues,
traductions
Adapté au type
de projet
Les templates
graphiques
disponibles
La facilité de
prise en main
Robustesse
et sécurité
Les 3 principaux CMS dans le monde
Wordpress : 23% des sites web dans le monde
60,6% des parts de marché des CMS
Source http://w3techs.com/technologies/overview/content_management/all
0 5 10 15 20 25
Parts de marché
Drupal
Joomla
Wordpress
Wordpress « le CMS »
• Crée en 2003
• Depuis la version 1.0 la plupart des versions
portent le nom d’illustres Jazzman.
• En 12 ans, il s’est imposé comme
le meilleur CMS au monde
• Principales qualités :
– Respect des standards web actuels
– Excellente intégration de l’expérience utilisateur
– Polyvalence, simplicité, élégance
– Communauté très importante
– Robustesse
– Mise à jour automatique du noyau et des extensions depuis la v4
Wordpress : 3 choix
Wordpress.com
Créer un site
en ligne
wordpress.com
Wordpress
Installer un site
wordpress (unique)
sur un serveur web
Le télécharger sur
wordpress-fr.net
Wordpress Multi-sites
Installer un réseau
de sites wordpress
sur son serveur
web
Choisir un
hébergeur qui
procure cette
installation :
02switch.fr

Contenu connexe

Tendances

Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site webChris Gaillard
 
Netlinking : optimisation et réseaux sociaux
Netlinking : optimisation et réseaux sociauxNetlinking : optimisation et réseaux sociaux
Netlinking : optimisation et réseaux sociauxbusinessmarches
 
Guide d'utilisation Scoop.it
Guide d'utilisation Scoop.itGuide d'utilisation Scoop.it
Guide d'utilisation Scoop.itscoopit_fr
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Nicolas Morin
 
Christian Amauger - Contenus Web, stratégie et optimisation
Christian Amauger - Contenus Web, stratégie et optimisationChristian Amauger - Contenus Web, stratégie et optimisation
Christian Amauger - Contenus Web, stratégie et optimisationChristian Amauger
 
Mettre en place une stratégie de contenu en 11 actions
Mettre en place une stratégie de contenu en 11 actionsMettre en place une stratégie de contenu en 11 actions
Mettre en place une stratégie de contenu en 11 actionsAlesiacom
 
De l'éditorial dans ma stratégie en ligne
De l'éditorial dans ma stratégie en ligneDe l'éditorial dans ma stratégie en ligne
De l'éditorial dans ma stratégie en ligneDournaux Christophe
 
Ligne Éditoriale - Blog Pro // 3PE
Ligne Éditoriale  - Blog Pro // 3PELigne Éditoriale  - Blog Pro // 3PE
Ligne Éditoriale - Blog Pro // 3PEArnaud Cantaloube
 
Solution de recherche Drupal
Solution de recherche DrupalSolution de recherche Drupal
Solution de recherche DrupalCore-Techs
 
Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Odomia
 
Webinar : Les enjeux du moteur de recherche
Webinar : Les enjeux du moteur de rechercheWebinar : Les enjeux du moteur de recherche
Webinar : Les enjeux du moteur de rechercheCore-Techs
 
Rédaction Web : séduire les internautes et Google
Rédaction Web : séduire les internautes et GoogleRédaction Web : séduire les internautes et Google
Rédaction Web : séduire les internautes et GoogleEditoile
 
WordPress & les contributions — WordCamp Paris 2016
WordPress & les contributions — WordCamp Paris 2016WordPress & les contributions — WordCamp Paris 2016
WordPress & les contributions — WordCamp Paris 2016Boiteaweb
 
Notre catalogue 2014
Notre catalogue   2014Notre catalogue   2014
Notre catalogue 2014Julien Voyez
 
Expérience Utilisateur & Stratégie de contenu Web
Expérience Utilisateur & Stratégie de contenu WebExpérience Utilisateur & Stratégie de contenu Web
Expérience Utilisateur & Stratégie de contenu WebWearethewords
 
Présentation stage Netvibes en politique documentaire
Présentation stage Netvibes en politique documentairePrésentation stage Netvibes en politique documentaire
Présentation stage Netvibes en politique documentairemickaelboussard29
 
Reseaux sociaux professionnels- Curation de contenu - Scoop.it, Storify, Pape...
Reseaux sociaux professionnels- Curation de contenu - Scoop.it, Storify, Pape...Reseaux sociaux professionnels- Curation de contenu - Scoop.it, Storify, Pape...
Reseaux sociaux professionnels- Curation de contenu - Scoop.it, Storify, Pape...Alban Jarry
 

Tendances (20)

Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site web
 
Netlinking : optimisation et réseaux sociaux
Netlinking : optimisation et réseaux sociauxNetlinking : optimisation et réseaux sociaux
Netlinking : optimisation et réseaux sociaux
 
Guide d'utilisation Scoop.it
Guide d'utilisation Scoop.itGuide d'utilisation Scoop.it
Guide d'utilisation Scoop.it
 
Cms
CmsCms
Cms
 
Web 2 0 Main Features
Web 2 0 Main FeaturesWeb 2 0 Main Features
Web 2 0 Main Features
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)
 
Christian Amauger - Contenus Web, stratégie et optimisation
Christian Amauger - Contenus Web, stratégie et optimisationChristian Amauger - Contenus Web, stratégie et optimisation
Christian Amauger - Contenus Web, stratégie et optimisation
 
Mettre en place une stratégie de contenu en 11 actions
Mettre en place une stratégie de contenu en 11 actionsMettre en place une stratégie de contenu en 11 actions
Mettre en place une stratégie de contenu en 11 actions
 
De l'éditorial dans ma stratégie en ligne
De l'éditorial dans ma stratégie en ligneDe l'éditorial dans ma stratégie en ligne
De l'éditorial dans ma stratégie en ligne
 
Ligne Éditoriale - Blog Pro // 3PE
Ligne Éditoriale  - Blog Pro // 3PELigne Éditoriale  - Blog Pro // 3PE
Ligne Éditoriale - Blog Pro // 3PE
 
Solution de recherche Drupal
Solution de recherche DrupalSolution de recherche Drupal
Solution de recherche Drupal
 
Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !
 
Webinar : Les enjeux du moteur de recherche
Webinar : Les enjeux du moteur de rechercheWebinar : Les enjeux du moteur de recherche
Webinar : Les enjeux du moteur de recherche
 
Spark Me
Spark MeSpark Me
Spark Me
 
Rédaction Web : séduire les internautes et Google
Rédaction Web : séduire les internautes et GoogleRédaction Web : séduire les internautes et Google
Rédaction Web : séduire les internautes et Google
 
WordPress & les contributions — WordCamp Paris 2016
WordPress & les contributions — WordCamp Paris 2016WordPress & les contributions — WordCamp Paris 2016
WordPress & les contributions — WordCamp Paris 2016
 
Notre catalogue 2014
Notre catalogue   2014Notre catalogue   2014
Notre catalogue 2014
 
Expérience Utilisateur & Stratégie de contenu Web
Expérience Utilisateur & Stratégie de contenu WebExpérience Utilisateur & Stratégie de contenu Web
Expérience Utilisateur & Stratégie de contenu Web
 
Présentation stage Netvibes en politique documentaire
Présentation stage Netvibes en politique documentairePrésentation stage Netvibes en politique documentaire
Présentation stage Netvibes en politique documentaire
 
Reseaux sociaux professionnels- Curation de contenu - Scoop.it, Storify, Pape...
Reseaux sociaux professionnels- Curation de contenu - Scoop.it, Storify, Pape...Reseaux sociaux professionnels- Curation de contenu - Scoop.it, Storify, Pape...
Reseaux sociaux professionnels- Curation de contenu - Scoop.it, Storify, Pape...
 

En vedette

Introduction Médias Socaiux
Introduction Médias SocaiuxIntroduction Médias Socaiux
Introduction Médias SocaiuxInfinidad
 
Introduction à l'e-réputation
Introduction à l'e-réputationIntroduction à l'e-réputation
Introduction à l'e-réputationOdomia
 
IUT, communication commerciale, introduction
IUT, communication commerciale, introductionIUT, communication commerciale, introduction
IUT, communication commerciale, introductionA_Cheret_Communication
 
Livre Blanc "L'humain dans le numérique et le big data" du comité scientifiqu...
Livre Blanc "L'humain dans le numérique et le big data" du comité scientifiqu...Livre Blanc "L'humain dans le numérique et le big data" du comité scientifiqu...
Livre Blanc "L'humain dans le numérique et le big data" du comité scientifiqu...Alban Jarry (Bibliothèque de Documents)
 
Livre blanc 112 regards sur Twitter (banque finance assurance)
Livre blanc 112  regards sur Twitter (banque finance assurance)Livre blanc 112  regards sur Twitter (banque finance assurance)
Livre blanc 112 regards sur Twitter (banque finance assurance)Alban Jarry
 
Livre blanc 612 rencontres sur les reseaux sociaux - extraits en avant prem...
Livre blanc   612 rencontres sur les reseaux sociaux - extraits en avant prem...Livre blanc   612 rencontres sur les reseaux sociaux - extraits en avant prem...
Livre blanc 612 rencontres sur les reseaux sociaux - extraits en avant prem...Alban Jarry
 
Livre blanc 612 rencontres sur les reseaux sociaux - partie 2 - etude
Livre blanc   612 rencontres sur les reseaux sociaux - partie 2 - etudeLivre blanc   612 rencontres sur les reseaux sociaux - partie 2 - etude
Livre blanc 612 rencontres sur les reseaux sociaux - partie 2 - etudeAlban Jarry
 
Livre blanc 612 rencontres sur les reseaux sociaux - partie 1 - 74 rencontres
Livre blanc   612 rencontres sur les reseaux sociaux - partie 1 - 74 rencontresLivre blanc   612 rencontres sur les reseaux sociaux - partie 1 - 74 rencontres
Livre blanc 612 rencontres sur les reseaux sociaux - partie 1 - 74 rencontresAlban Jarry
 

En vedette (12)

Conference 2.0 ffe
Conference 2.0 ffeConference 2.0 ffe
Conference 2.0 ffe
 
Introduction Médias Socaiux
Introduction Médias SocaiuxIntroduction Médias Socaiux
Introduction Médias Socaiux
 
Introduction à l'e-réputation
Introduction à l'e-réputationIntroduction à l'e-réputation
Introduction à l'e-réputation
 
IUT, communication commerciale, introduction
IUT, communication commerciale, introductionIUT, communication commerciale, introduction
IUT, communication commerciale, introduction
 
I4emploi comment l utiliser efficacement pour une recherche emploi
I4emploi comment l utiliser efficacement pour une recherche emploiI4emploi comment l utiliser efficacement pour une recherche emploi
I4emploi comment l utiliser efficacement pour une recherche emploi
 
Livre blanc réseaux sociaux 2017
Livre blanc réseaux sociaux 2017 Livre blanc réseaux sociaux 2017
Livre blanc réseaux sociaux 2017
 
Livre Blanc "L'humain dans le numérique et le big data" du comité scientifiqu...
Livre Blanc "L'humain dans le numérique et le big data" du comité scientifiqu...Livre Blanc "L'humain dans le numérique et le big data" du comité scientifiqu...
Livre Blanc "L'humain dans le numérique et le big data" du comité scientifiqu...
 
Livre blanc 112 regards sur Twitter (banque finance assurance)
Livre blanc 112  regards sur Twitter (banque finance assurance)Livre blanc 112  regards sur Twitter (banque finance assurance)
Livre blanc 112 regards sur Twitter (banque finance assurance)
 
Livre blanc 612 rencontres sur les reseaux sociaux - extraits en avant prem...
Livre blanc   612 rencontres sur les reseaux sociaux - extraits en avant prem...Livre blanc   612 rencontres sur les reseaux sociaux - extraits en avant prem...
Livre blanc 612 rencontres sur les reseaux sociaux - extraits en avant prem...
 
Livre blanc 612 rencontres sur les reseaux sociaux - partie 2 - etude
Livre blanc   612 rencontres sur les reseaux sociaux - partie 2 - etudeLivre blanc   612 rencontres sur les reseaux sociaux - partie 2 - etude
Livre blanc 612 rencontres sur les reseaux sociaux - partie 2 - etude
 
Livre blanc 612 rencontres sur les reseaux sociaux - partie 1 - 74 rencontres
Livre blanc   612 rencontres sur les reseaux sociaux - partie 1 - 74 rencontresLivre blanc   612 rencontres sur les reseaux sociaux - partie 1 - 74 rencontres
Livre blanc 612 rencontres sur les reseaux sociaux - partie 1 - 74 rencontres
 
Digital in 2017 Global Overview
Digital in 2017 Global OverviewDigital in 2017 Global Overview
Digital in 2017 Global Overview
 

Similaire à 2015 Projet Web Collaborartif, Introduction au cours

Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxyassinesouli2
 
Développer ses noms de domaine
Développer ses noms de domaineDévelopper ses noms de domaine
Développer ses noms de domaineOnlineStrat.fr
 
Présentation Ecreall - Mickaël Launay
Présentation Ecreall - Mickaël LaunayPrésentation Ecreall - Mickaël Launay
Présentation Ecreall - Mickaël LaunayTechnocite
 
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 web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015webschooltours
 
Transfert de connaissances et web 2.0
Transfert de connaissances et web 2.0Transfert de connaissances et web 2.0
Transfert de connaissances et web 2.0Equipe RENARD
 
Les systèmes de gestion de contenus des sites Internet ou CMS
Les systèmes de gestion de contenus des sites Internet ou CMSLes systèmes de gestion de contenus des sites Internet ou CMS
Les systèmes de gestion de contenus des sites Internet ou CMSArdesi Midi-Pyrénées
 
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
 
HTML5, How to rethink your web strategy - Version FR
HTML5, How to rethink your web strategy - Version FRHTML5, How to rethink your web strategy - Version FR
HTML5, How to rethink your web strategy - Version FRFabernovel
 
Approches de mise en place d'un environnement de gestion de contenu Web sous ...
Approches de mise en place d'un environnement de gestion de contenu Web sous ...Approches de mise en place d'un environnement de gestion de contenu Web sous ...
Approches de mise en place d'un environnement de gestion de contenu Web sous ...Mario Leblond
 
Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !Microsoft Technet France
 
Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !davrous
 
présentation wordpress
présentation wordpressprésentation wordpress
présentation wordpressmonsieurpixel
 
Web 2.0 - France Gestion
Web 2.0 - France GestionWeb 2.0 - France Gestion
Web 2.0 - France GestionXavier LAIR
 

Similaire à 2015 Projet Web Collaborartif, Introduction au cours (20)

Web content management wcm
Web content management wcmWeb content management wcm
Web content management wcm
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptx
 
Développer ses noms de domaine
Développer ses noms de domaineDévelopper ses noms de domaine
Développer ses noms de domaine
 
Présentation Ecreall - Mickaël Launay
Présentation Ecreall - Mickaël LaunayPrésentation Ecreall - Mickaël Launay
Présentation Ecreall - Mickaël Launay
 
Cms oss-27012006
Cms oss-27012006Cms oss-27012006
Cms oss-27012006
 
Les CMS Web
Les CMS WebLes CMS Web
Les CMS Web
 
Cours1
Cours1Cours1
Cours1
 
Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)
 
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
 
Transfert de connaissances et web 2.0
Transfert de connaissances et web 2.0Transfert de connaissances et web 2.0
Transfert de connaissances et web 2.0
 
Les systèmes de gestion de contenus des sites Internet ou CMS
Les systèmes de gestion de contenus des sites Internet ou CMSLes systèmes de gestion de contenus des sites Internet ou CMS
Les systèmes de gestion de contenus des sites Internet ou CMS
 
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)
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
HTML5, How to rethink your web strategy - Version FR
HTML5, How to rethink your web strategy - Version FRHTML5, How to rethink your web strategy - Version FR
HTML5, How to rethink your web strategy - Version FR
 
Approches de mise en place d'un environnement de gestion de contenu Web sous ...
Approches de mise en place d'un environnement de gestion de contenu Web sous ...Approches de mise en place d'un environnement de gestion de contenu Web sous ...
Approches de mise en place d'un environnement de gestion de contenu Web sous ...
 
CMS et Wordpress
CMS et WordpressCMS et Wordpress
CMS et Wordpress
 
Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !
 
Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !
 
présentation wordpress
présentation wordpressprésentation wordpress
présentation wordpress
 
Web 2.0 - France Gestion
Web 2.0 - France GestionWeb 2.0 - France Gestion
Web 2.0 - France Gestion
 

2015 Projet Web Collaborartif, Introduction au cours

  • 1. Projet Web Collaboratif Partie 1 - Introduction Eric GIRAUDIN Département Information-Communication, option Information Numérique dans les Organisations - IUT2 Grenoble
  • 2. Plan du cours • Les évolutions du web • La gestion collaborative des contenus • Organiser la collaboration • Outils de créations et de gestion de contenus • Principaux critères de choix d’un CMS • Panorama des CMS en France • Wordpress
  • 3. Les évolutions du web, le 123
  • 4. Les évolutions du web, les contenus
  • 5. Les évolutions du web, Je publie… Ça, c’était avant! internautes webmaster Site web 1.0 META
  • 6. META SEO Les évolutions du web, nous publions! Maintenant Internautes Réseaux sociaux webmaster Site web 2.0 Internautes de l’équipe des contributeurs du site TAG RSS Etc.
  • 7. La gestion collaborative des contenus Une nécessité, un enjeu éditorial stratégique • Qualitatif – Collaborer pour créer des contenus de qualité et attractifs – Rendre lisible et compréhensible les contenus par ses destinataires (humains et robots) – Veiller aux actualités et tendances de son lectorat pour rester en phase avec lui – Gérer le cycle de vie des contenus • Quantitatif – Diffuser régulièrement de nouveaux contenus – Médiatiser et partager ses contenus au plus grand nombre – Développer une communauté et l’impliquer – Mise en œuvre de nombreuses compétences
  • 8. Webmestre(s) Organiser la collaboration, les acteurs contributeurs membres visiteursDesigner Différents acteurs intervenants sur le site Différents Droits & accès Directeur de la publication Création de contenu Modification de son contenu Modification des contenus des autres Gestion des utilisateurs Commenter Validation & publication Consultation Personnalisation de l’apparence du site Administration du site Différents Rôles SEO manager AuteurModérateurAdministrateur Editeur Membre Lecteur
  • 9. Organiser la collaboration, le workflow Processus de gestion du cycle de vie du contenu • Chaque organisation crée et adapte son Workflow. Exemple : • Plusieurs révisions des contenus peuvent être archivées Un contributeur auteur crée un contenu Le webmestre administrateur contrôle le contenu Un contributeur éditeur finalise ce contenu et demande sa publication Le webmestre valide et publie le contenu
  • 10. Outils de création et de gestion des contenus • Les éditeurs web (hors-ligne) pour des sites statiques – Création d’un site local avec un logiciel comme Dreamweaver depuis son ordinateur – Transfert des pages avec un logiciel FTP sur un serveur web – Pour chaque mises à jour il faut recommencer les deux opérations précédentes – La collaboration multi-auteurs est très difficile
  • 11. Le concept du site web statique Pages du site html, xhtml, médias, documents… Template graphique HTML, XHTML, Images, CSS, Js Pages du site html, xhtml, médias, documents… Template graphique HTML, XHTML, Images, CSS, Js Version en ligne – serveur web Version locale - ordinateur de bureau Transfert par FTP Consultation par l’internaute Sur son navigateur web
  • 12. Outils de création et de gestion des contenus • Les systèmes de gestion de contenus : CMS (en ligne) – Téléchargement du CMS – Transfert sur serveur FTP depuis un logiciel FTP – Installation sur le serveur web – Création et gestion des contenus en ligne par un navigateur web et par plusieurs contributeurs
  • 13. Le concept du CMS CMS Système (logiciel) de gestion du contenu Documents, médias… Contenus statiques Base de données contenus dynamiques SERVEUR Template graphique HTML, XHTML, Images, CSS, Js VUES CLIENTS Navigateurs Ordinateurs fixes Navigateurs Terminaux mobiles
  • 14. Espace de consultation de l’internaute (non connecté ou connecté en tant que membre). 2 espaces : back et front Front-Office Espace d’administration (authentification) Création et gestion des contenus, Gestion des utilisateurs, Paramétrages du site, des extensions (template, Plugins…) Back-office
  • 15. Les principaux éléments Plugins Templates graphiques Traductions Noyau du CMS Fonction de base : création et gestion de contenus, des utilisateurs, paramétrages… Médias Images, documents… Contenus Catégories, Articles, Pages, Mot-clés…
  • 16. Principaux critères de choix d’un CMS Technologie Compatible avec son environnement La communauté Opensource ou Propriétaire Respect des standards web (SEO, Accessibilité…) Langues, traductions Adapté au type de projet Les templates graphiques disponibles La facilité de prise en main Robustesse et sécurité
  • 17. Les 3 principaux CMS dans le monde Wordpress : 23% des sites web dans le monde 60,6% des parts de marché des CMS Source http://w3techs.com/technologies/overview/content_management/all 0 5 10 15 20 25 Parts de marché Drupal Joomla Wordpress
  • 18. Wordpress « le CMS » • Crée en 2003 • Depuis la version 1.0 la plupart des versions portent le nom d’illustres Jazzman. • En 12 ans, il s’est imposé comme le meilleur CMS au monde • Principales qualités : – Respect des standards web actuels – Excellente intégration de l’expérience utilisateur – Polyvalence, simplicité, élégance – Communauté très importante – Robustesse – Mise à jour automatique du noyau et des extensions depuis la v4
  • 19. Wordpress : 3 choix Wordpress.com Créer un site en ligne wordpress.com Wordpress Installer un site wordpress (unique) sur un serveur web Le télécharger sur wordpress-fr.net Wordpress Multi-sites Installer un réseau de sites wordpress sur son serveur web Choisir un hébergeur qui procure cette installation : 02switch.fr