Projet Web CollaboratifPartie 1 - Introduction

Eric GIRAUDINDépartement Information-Communication,

« Information Numérique dans les Organisations » - IUT2 Grenoble Alpes

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

3.0Web sémantique

Le web vous analyse et

vous comprend mieux!

Utopiste ou réaliste ?

2010 à 2020?

Croisement et exploitation

de données de masse

collectées sur les internautes

pour des

résultats de recherche

Intelligents

(et de meilleurs

gains commerciaux)

2.0Web social

Vous êtes acteurs

2000-2010

Web accessible,

médias sociaux

intelligence collective,

web conversationnel…

(et profilage des

internautes, vente de

vos données, publicités

ciblées…)

1.0Web traditionnel

Etre présent

1990-2000

Mise en ligne d’infos,

communication produit, 1ers

sites e-commerce, images,

flash…

Les évolutions du web : les contenus

3.0

Web sémantique

Le web intelligent

2010 à 2020?

+VERY BIG DATA

Smart DATA?

L’humain ne suffit plus.

Il faut des données

intelligentes qui

communiquent entre elles

et des moteurs plus

intelligents

2.0Web social

Le web actif

2000-2010

Contenus collectifs,

curation, indexation,

Validation collective…

BIG DATA

L’humain en plus des moteurs

pour repérer et trouver les

contenus

1.0Web traditionnel

Le web présence

1990-2000

Quelques contenus

Moteurs de recherche

suffisants.

HTML, Flash, Php…

Les évolutions du web, Je publie…

Ça, c’était avant!

internauteswebmestre Site web 1.0

META

METASEO

Les évolutions du web, nous publions!

Maintenant

InternautesRéseaux sociaux

Webmestre / manager éditorial

Site web 2.0

équipe des contributeurs du site

TAGRSS

Etc.

HTML, Flash, Php,

MySQL, css3,html

5…

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

Directeurde la publication

Création de contenu

Modification de son contenu

Modification des contenus

des autres

Gestion des utilisateursCommenter

Validation & publication

Consultation

Personnalisationde l’apparence du site

Administration du site

Différents Rôles

SEOmanager

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. Ex :

• Plusieurs révisions des contenus peuvent être archivées (versioning)

Un contributeur auteur crée un

contenu

Le webmestreadministrateur

contrôle le contenu

Un contributeuréditeurfinalise

ce contenu et demande

sa publication

Le webmestrevalide 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 sitehtml, xhtml, médias, documents…

Template graphiqueHTML, XHTML, Images, CSS, Js

Pages du sitehtml, xhtml, médias, documents…

Template graphiqueHTML, XHTML, Images, CSS, Js

Version en ligne – serveur web

Version locale - ordinateur de bureau

Transfert par FTP

Consultation par l’internauteSur son navigateur web

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

Le concept du CMS

CMS Système (logiciel)

de gestion du contenuDocuments, médias…

Contenus statiques

Base de donnéescontenus dynamiques

SERVEUR

Template graphiqueHTML, XHTML, Images, CSS, Js, Php…

VUES CLIENTS

NavigateursOrdinateurs fixes

NavigateursTerminaux mobiles

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

Les principaux éléments du CMS

Plugins

Templatesgraphiques

Traductions

Noyau du CMS

Fonctions de base : création et gestion de

contenus, des utilisateurs, paramétrages…

MédiasImages,

documents…

ContenusCatégories,

Articles, Pages, Mot-clés…

Principaux critères de choix d’un CMS

TechnologieCompatible

avec son environnement

Opensourceou

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

Robustesseet sécurité La communauté

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/allQuelques sites célèbres sur Wordpress

Parts de marché

0 5 10 15 20 25

DrupalJoomlaWordpress

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 choixWordpress.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!)