Cours pour le département Information-Communication de l'IUT2 Grenoble - spécialité Information Numérique dans les Organisations

1. Projet Web Collaboratif
Partie 1 - Introduction
Eric GIRAUDIN
Département Information-Communication,
« Information Numérique dans les Organisations » - IUT2 Grenoble Alpes

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. HTML,
Flash,
Php…
Les évolutions du web, Je publie…
Ça, c’était avant!
internautes
webmestre Site web 1.0
META

6. META
SEO
Les évolutions du web, nous publions!
Maintenant
Internautes
Réseaux
sociaux
Webmestre /
manager éditorial
Site web 2.0
équipe des
contributeurs du site
TAG
RSS
Etc.
HTML,
Flash,
Php,
MySQL,
css3,html
5…

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. Ex :
• Plusieurs révisions des contenus peuvent être archivées (versioning)
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 en ligne :
CMS
– 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, Php…
VUES
CLIENTS
Navigateurs
Ordinateurs fixes
Navigateurs
Terminaux mobiles

14. Espace de consultation de l’internaute
(non connecté en tant que visiteur ou
connecté en tant que membre…).
2 espaces dans le CMS : 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 du CMS
Plugins
Templates
graphiques
Traductions
Noyau du CMS
Fonctions 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
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é
La communauté

17. Les 3 principaux CMS dans le monde
- Wordpress : 25,5% des sites web dans le monde
- 58,9% des parts de marché des CMS
Source http://w3techs.com/technologies/overview/content_management/all
Quelques sites célèbres sur Wordpress
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
(data center en
France!)