Support du cours Projet Web Collaboratif, dispensé au département Information-Communication de l'IUT2 de Grenoble, option Information Numérique dans les Organisations.

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