SlideShare une entreprise Scribd logo
Projet Web Collaboratif
Partie 1 - Introduction
Eric GIRAUDIN
Dé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
Les évolutions du web : les contenus
HTML,
Flash,
Php…
Les évolutions du web, Je publie…
Ça, c’était avant!
internautes
webmestre Site web 1.0
META
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…
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. 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
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 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 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
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
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…
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é
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
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
(data center en
France!)

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 web
Chris Gaillard
 
Communication digitale
Communication digitaleCommunication digitale
Communication digitale
Chris Gaillard
 
Conférence cours Internet
Conférence cours InternetConférence cours Internet
Conférence cours Internet
Marie-France Beaudry
 
"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
webschooltours
 
StratégieContenu
StratégieContenuStratégieContenu
StratégieContenu
Annie Chénier
 
Guide d'utilisation Scoop.it
Guide d'utilisation Scoop.itGuide d'utilisation Scoop.it
Guide d'utilisation Scoop.it
scoopit_fr
 
Rubedo premiers pas et concepts
Rubedo premiers pas et conceptsRubedo premiers pas et concepts
Rubedo premiers pas et concepts
Rubedo, a WebTales solution
 
Veille sur Internet et les réseaux sociaux
Veille sur Internet et les réseaux sociauxVeille sur Internet et les réseaux sociaux
Veille sur Internet et les réseaux sociaux
webschooltours
 
Formation blog entreprise et ecriture web et referencement
Formation blog entreprise et ecriture web et referencementFormation blog entreprise et ecriture web et referencement
Formation blog entreprise et ecriture web et referencement
DMPROCONSEIL
 
Ligne Éditoriale - Blog Pro // 3PE
Ligne Éditoriale  - Blog Pro // 3PELigne Éditoriale  - Blog Pro // 3PE
Ligne Éditoriale - Blog Pro // 3PE
Arnaud Cantaloube
 
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
Dournaux Christophe
 
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
Christian 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 actions
Alesiacom
 
Rediger pour le web - infosourcing
Rediger pour le web - infosourcingRediger pour le web - infosourcing
Rediger pour le web - infosourcing
JCD srcmontbeliard
 
Présentation Scoop.it Entreprise
Présentation Scoop.it EntreprisePrésentation Scoop.it Entreprise
Présentation Scoop.it Entreprise
scoopit_fr
 
WordPress & les contributions — WordCamp Paris 2016
WordPress & les contributions — WordCamp Paris 2016WordPress & les contributions — WordCamp Paris 2016
WordPress & les contributions — WordCamp Paris 2016
Boiteaweb
 
Spark Me
Spark MeSpark Me
Spark Me
jcroyere
 
Typologie des réseaux sociaux
Typologie des réseaux sociauxTypologie des réseaux sociaux
Typologie des réseaux sociaux
KDerraze
 

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
 
Communication digitale
Communication digitaleCommunication digitale
Communication digitale
 
Conférence cours Internet
Conférence cours InternetConférence cours Internet
Conférence cours Internet
 
"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
 
StratégieContenu
StratégieContenuStratégieContenu
StratégieContenu
 
Guide d'utilisation Scoop.it
Guide d'utilisation Scoop.itGuide d'utilisation Scoop.it
Guide d'utilisation Scoop.it
 
Rubedo premiers pas et concepts
Rubedo premiers pas et conceptsRubedo premiers pas et concepts
Rubedo premiers pas et concepts
 
Veille sur Internet et les réseaux sociaux
Veille sur Internet et les réseaux sociauxVeille sur Internet et les réseaux sociaux
Veille sur Internet et les réseaux sociaux
 
Formation blog entreprise et ecriture web et referencement
Formation blog entreprise et ecriture web et referencementFormation blog entreprise et ecriture web et referencement
Formation blog entreprise et ecriture web et referencement
 
Ligne Éditoriale - Blog Pro // 3PE
Ligne Éditoriale  - Blog Pro // 3PELigne Éditoriale  - Blog Pro // 3PE
Ligne Éditoriale - Blog Pro // 3PE
 
Cours1
Cours1Cours1
Cours1
 
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
 
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
 
Rediger pour le web - infosourcing
Rediger pour le web - infosourcingRediger pour le web - infosourcing
Rediger pour le web - infosourcing
 
Web visibilite
Web visibiliteWeb visibilite
Web visibilite
 
Présentation Scoop.it Entreprise
Présentation Scoop.it EntreprisePrésentation Scoop.it Entreprise
Présentation Scoop.it Entreprise
 
WordPress & les contributions — WordCamp Paris 2016
WordPress & les contributions — WordCamp Paris 2016WordPress & les contributions — WordCamp Paris 2016
WordPress & les contributions — WordCamp Paris 2016
 
Spark Me
Spark MeSpark Me
Spark Me
 
Typologie des réseaux sociaux
Typologie des réseaux sociauxTypologie des réseaux sociaux
Typologie des réseaux sociaux
 

Similaire à 2018 Cours projet web collaboratif Partie1

Web content management wcm
Web content management wcmWeb content management wcm
Web content management wcm
Ghizlane El Karchouli
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptx
yassinesouli2
 
Les CMS Web
Les CMS WebLes CMS Web
Les CMS Web
Abdoulaye Dieng
 
Présentation Ecreall - Mickaël Launay
Présentation Ecreall - Mickaël LaunayPrésentation Ecreall - Mickaël Launay
Présentation Ecreall - Mickaël Launay
Technocite
 
Développer ses noms de domaine
Développer ses noms de domaineDévelopper ses noms de domaine
Développer ses noms de domaine
OnlineStrat.fr
 
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
 
présentation wordpress
présentation wordpressprésentation wordpress
présentation wordpressmonsieurpixel
 
Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)
Nicolas Morin
 
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
ssuser1a62e1
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutantKorteby Farouk
 
Tour d'horizon des CMS Open Source
Tour d'horizon des CMS Open SourceTour d'horizon des CMS Open Source
Tour d'horizon des CMS Open Source
Yannick Pavard
 
O2i Brochure Publicitaire
O2i Brochure PublicitaireO2i Brochure Publicitaire
O2i Brochure Publicitaire
Lambelet Jeran-Philippe
 
Wordpress pour les entreprises
Wordpress pour les entreprisesWordpress pour les entreprises
Wordpress pour les entreprises
monsieurpixel
 
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
Fabernovel
 
Construire un site de presse avec Wordpress ?
Construire un site de presse avec Wordpress ?Construire un site de presse avec Wordpress ?
Construire un site de presse avec Wordpress ?
Benjamin LUPU
 
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
Ardesi Midi-Pyrénées
 
Gouvernance des projets SharePoint 2013
Gouvernance des projets SharePoint 2013Gouvernance des projets SharePoint 2013
Gouvernance des projets SharePoint 2013
Alexandre David
 
Schede ws lione
Schede ws lioneSchede ws lione
Schede ws lione
Nicoletta Trentinaglia
 

Similaire à 2018 Cours projet web collaboratif Partie1 (20)

Web content management wcm
Web content management wcmWeb content management wcm
Web content management wcm
 
Cms oss-27012006
Cms oss-27012006Cms oss-27012006
Cms oss-27012006
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptx
 
Les CMS Web
Les CMS WebLes CMS Web
Les CMS Web
 
Présentation Ecreall - Mickaël Launay
Présentation Ecreall - Mickaël LaunayPrésentation Ecreall - Mickaël Launay
Présentation Ecreall - Mickaël Launay
 
Développer ses noms de domaine
Développer ses noms de domaineDévelopper ses noms de domaine
Développer ses noms de domaine
 
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)
 
présentation wordpress
présentation wordpressprésentation wordpress
présentation wordpress
 
Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)
 
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutant
 
Tour d'horizon des CMS Open Source
Tour d'horizon des CMS Open SourceTour d'horizon des CMS Open Source
Tour d'horizon des CMS Open Source
 
O2i Brochure Publicitaire
O2i Brochure PublicitaireO2i Brochure Publicitaire
O2i Brochure Publicitaire
 
Wordpress pour les entreprises
Wordpress pour les entreprisesWordpress pour les entreprises
Wordpress pour les entreprises
 
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
 
Construire un site de presse avec Wordpress ?
Construire un site de presse avec Wordpress ?Construire un site de presse avec Wordpress ?
Construire un site de presse avec Wordpress ?
 
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
 
Gouvernance des projets SharePoint 2013
Gouvernance des projets SharePoint 2013Gouvernance des projets SharePoint 2013
Gouvernance des projets SharePoint 2013
 
Schede ws lione
Schede ws lioneSchede ws lione
Schede ws lione
 
Cms
CmsCms
Cms
 

Plus de Eric Giraudin

seminaire portfolio 1 en TC.pptx
seminaire portfolio 1 en TC.pptxseminaire portfolio 1 en TC.pptx
seminaire portfolio 1 en TC.pptx
Eric Giraudin
 
Pedagon'num Montpellier 2022 / E-portfolio et Approche par compétences : Ka...
Pedagon'num Montpellier 2022 / E-portfolio et Approche par compétences  :  Ka...Pedagon'num Montpellier 2022 / E-portfolio et Approche par compétences  :  Ka...
Pedagon'num Montpellier 2022 / E-portfolio et Approche par compétences : Ka...
Eric Giraudin
 
Support de séminaire portfolio et traces (APC) en BUT GEA IUT Annecy USMB
Support de séminaire portfolio et traces (APC) en BUT GEA IUT Annecy USMBSupport de séminaire portfolio et traces (APC) en BUT GEA IUT Annecy USMB
Support de séminaire portfolio et traces (APC) en BUT GEA IUT Annecy USMB
Eric Giraudin
 
Centrale pédagogique : les saé dans la démarche portfolio et leur évaluation ...
Centrale pédagogique : les saé dans la démarche portfolio et leur évaluation ...Centrale pédagogique : les saé dans la démarche portfolio et leur évaluation ...
Centrale pédagogique : les saé dans la démarche portfolio et leur évaluation ...
Eric Giraudin
 
Conception du modèle eportfolio établissement ESR KAPC+
Conception du modèle eportfolio établissement ESR KAPC+Conception du modèle eportfolio établissement ESR KAPC+
Conception du modèle eportfolio établissement ESR KAPC+
Eric Giraudin
 
Reunion nationale karuta nov 2020
Reunion nationale karuta nov 2020Reunion nationale karuta nov 2020
Reunion nationale karuta nov 2020
Eric Giraudin
 
Présentation lyon octobre 2018 karuta eportfolio
Présentation lyon octobre 2018 karuta eportfolioPrésentation lyon octobre 2018 karuta eportfolio
Présentation lyon octobre 2018 karuta eportfolio
Eric Giraudin
 
KARUTA FRANCE PORTFOLIO ESUP DAYS PARIS 24
KARUTA FRANCE PORTFOLIO ESUP DAYS PARIS 24KARUTA FRANCE PORTFOLIO ESUP DAYS PARIS 24
KARUTA FRANCE PORTFOLIO ESUP DAYS PARIS 24
Eric Giraudin
 
Les IUT de France, un modèle conçu avec et pour les entreprises
Les IUT de France, un modèle conçu avec et pour les entreprisesLes IUT de France, un modèle conçu avec et pour les entreprises
Les IUT de France, un modèle conçu avec et pour les entreprises
Eric Giraudin
 
Support d'un atelier pour sensibiliser les enseignants à adapteur leur enseig...
Support d'un atelier pour sensibiliser les enseignants à adapteur leur enseig...Support d'un atelier pour sensibiliser les enseignants à adapteur leur enseig...
Support d'un atelier pour sensibiliser les enseignants à adapteur leur enseig...
Eric Giraudin
 
Des axes clés pour bâtir un ePortfolio - IDEX
Des axes clés pour bâtir un ePortfolio - IDEXDes axes clés pour bâtir un ePortfolio - IDEX
Des axes clés pour bâtir un ePortfolio - IDEX
Eric Giraudin
 
Template demi Pecha Kucha
Template demi Pecha KuchaTemplate demi Pecha Kucha
Template demi Pecha Kucha
Eric Giraudin
 
Présentation KARUTA Interface 2.0 et cas d'usage portfolio à la conférence su...
Présentation KARUTA Interface 2.0 et cas d'usage portfolio à la conférence su...Présentation KARUTA Interface 2.0 et cas d'usage portfolio à la conférence su...
Présentation KARUTA Interface 2.0 et cas d'usage portfolio à la conférence su...
Eric Giraudin
 
Communication Colloque scientifique PGV : Prendre le virage compétences... Ba...
Communication Colloque scientifique PGV : Prendre le virage compétences... Ba...Communication Colloque scientifique PGV : Prendre le virage compétences... Ba...
Communication Colloque scientifique PGV : Prendre le virage compétences... Ba...
Eric Giraudin
 
Support de cours d'introduction au logo IUT2 Grenoble (GEA)
Support de cours d'introduction au logo IUT2 Grenoble (GEA)Support de cours d'introduction au logo IUT2 Grenoble (GEA)
Support de cours d'introduction au logo IUT2 Grenoble (GEA)
Eric Giraudin
 

Plus de Eric Giraudin (15)

seminaire portfolio 1 en TC.pptx
seminaire portfolio 1 en TC.pptxseminaire portfolio 1 en TC.pptx
seminaire portfolio 1 en TC.pptx
 
Pedagon'num Montpellier 2022 / E-portfolio et Approche par compétences : Ka...
Pedagon'num Montpellier 2022 / E-portfolio et Approche par compétences  :  Ka...Pedagon'num Montpellier 2022 / E-portfolio et Approche par compétences  :  Ka...
Pedagon'num Montpellier 2022 / E-portfolio et Approche par compétences : Ka...
 
Support de séminaire portfolio et traces (APC) en BUT GEA IUT Annecy USMB
Support de séminaire portfolio et traces (APC) en BUT GEA IUT Annecy USMBSupport de séminaire portfolio et traces (APC) en BUT GEA IUT Annecy USMB
Support de séminaire portfolio et traces (APC) en BUT GEA IUT Annecy USMB
 
Centrale pédagogique : les saé dans la démarche portfolio et leur évaluation ...
Centrale pédagogique : les saé dans la démarche portfolio et leur évaluation ...Centrale pédagogique : les saé dans la démarche portfolio et leur évaluation ...
Centrale pédagogique : les saé dans la démarche portfolio et leur évaluation ...
 
Conception du modèle eportfolio établissement ESR KAPC+
Conception du modèle eportfolio établissement ESR KAPC+Conception du modèle eportfolio établissement ESR KAPC+
Conception du modèle eportfolio établissement ESR KAPC+
 
Reunion nationale karuta nov 2020
Reunion nationale karuta nov 2020Reunion nationale karuta nov 2020
Reunion nationale karuta nov 2020
 
Présentation lyon octobre 2018 karuta eportfolio
Présentation lyon octobre 2018 karuta eportfolioPrésentation lyon octobre 2018 karuta eportfolio
Présentation lyon octobre 2018 karuta eportfolio
 
KARUTA FRANCE PORTFOLIO ESUP DAYS PARIS 24
KARUTA FRANCE PORTFOLIO ESUP DAYS PARIS 24KARUTA FRANCE PORTFOLIO ESUP DAYS PARIS 24
KARUTA FRANCE PORTFOLIO ESUP DAYS PARIS 24
 
Les IUT de France, un modèle conçu avec et pour les entreprises
Les IUT de France, un modèle conçu avec et pour les entreprisesLes IUT de France, un modèle conçu avec et pour les entreprises
Les IUT de France, un modèle conçu avec et pour les entreprises
 
Support d'un atelier pour sensibiliser les enseignants à adapteur leur enseig...
Support d'un atelier pour sensibiliser les enseignants à adapteur leur enseig...Support d'un atelier pour sensibiliser les enseignants à adapteur leur enseig...
Support d'un atelier pour sensibiliser les enseignants à adapteur leur enseig...
 
Des axes clés pour bâtir un ePortfolio - IDEX
Des axes clés pour bâtir un ePortfolio - IDEXDes axes clés pour bâtir un ePortfolio - IDEX
Des axes clés pour bâtir un ePortfolio - IDEX
 
Template demi Pecha Kucha
Template demi Pecha KuchaTemplate demi Pecha Kucha
Template demi Pecha Kucha
 
Présentation KARUTA Interface 2.0 et cas d'usage portfolio à la conférence su...
Présentation KARUTA Interface 2.0 et cas d'usage portfolio à la conférence su...Présentation KARUTA Interface 2.0 et cas d'usage portfolio à la conférence su...
Présentation KARUTA Interface 2.0 et cas d'usage portfolio à la conférence su...
 
Communication Colloque scientifique PGV : Prendre le virage compétences... Ba...
Communication Colloque scientifique PGV : Prendre le virage compétences... Ba...Communication Colloque scientifique PGV : Prendre le virage compétences... Ba...
Communication Colloque scientifique PGV : Prendre le virage compétences... Ba...
 
Support de cours d'introduction au logo IUT2 Grenoble (GEA)
Support de cours d'introduction au logo IUT2 Grenoble (GEA)Support de cours d'introduction au logo IUT2 Grenoble (GEA)
Support de cours d'introduction au logo IUT2 Grenoble (GEA)
 

Dernier

Procédure consignation Lock Out Tag Out.pptx
Procédure consignation  Lock Out Tag Out.pptxProcédure consignation  Lock Out Tag Out.pptx
Procédure consignation Lock Out Tag Out.pptx
caggoune66
 
Iris van Herpen. pptx
Iris         van        Herpen.      pptxIris         van        Herpen.      pptx
Iris van Herpen. pptx
Txaruka
 
Cycle de Formation Théâtrale 2024 / 2025
Cycle de Formation Théâtrale 2024 / 2025Cycle de Formation Théâtrale 2024 / 2025
Cycle de Formation Théâtrale 2024 / 2025
Billy DEYLORD
 
Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024
Friends of African Village Libraries
 
Iris et les hommes.pptx
Iris      et         les      hommes.pptxIris      et         les      hommes.pptx
Iris et les hommes.pptx
Txaruka
 
Edito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdfEdito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdf
WarlockeTamagafk
 
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
BenotGeorges3
 
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La JeunesseConseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Oscar Smith
 
Iris van Herpen. pptx
Iris         van         Herpen.      pptxIris         van         Herpen.      pptx
Iris van Herpen. pptx
Txaruka
 
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
M2i Formation
 
Iris van Herpen. pptx
Iris            van        Herpen.     pptxIris            van        Herpen.     pptx
Iris van Herpen. pptx
Txaruka
 
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
cristionobedi
 
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
mrelmejri
 

Dernier (13)

Procédure consignation Lock Out Tag Out.pptx
Procédure consignation  Lock Out Tag Out.pptxProcédure consignation  Lock Out Tag Out.pptx
Procédure consignation Lock Out Tag Out.pptx
 
Iris van Herpen. pptx
Iris         van        Herpen.      pptxIris         van        Herpen.      pptx
Iris van Herpen. pptx
 
Cycle de Formation Théâtrale 2024 / 2025
Cycle de Formation Théâtrale 2024 / 2025Cycle de Formation Théâtrale 2024 / 2025
Cycle de Formation Théâtrale 2024 / 2025
 
Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024
 
Iris et les hommes.pptx
Iris      et         les      hommes.pptxIris      et         les      hommes.pptx
Iris et les hommes.pptx
 
Edito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdfEdito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdf
 
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
 
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La JeunesseConseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
 
Iris van Herpen. pptx
Iris         van         Herpen.      pptxIris         van         Herpen.      pptx
Iris van Herpen. pptx
 
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
 
Iris van Herpen. pptx
Iris            van        Herpen.     pptxIris            van        Herpen.     pptx
Iris van Herpen. pptx
 
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
 
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
 

2018 Cours projet web collaboratif Partie1

  • 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!)