Download - 2016 Cours projet web collaboratif Partie1
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!)