SlideShare une entreprise Scribd logo
1  sur  45
S
CMS
Système de gestion de
contenu
Partie I
Licence Pro. ATC
Année 2011-2012
Edouard Domenici
Creazzly
Plan
1. Introduction
2. Gestion du contenu Web
1. Qu’est ce qu’un contenu
2. Historique de la gestion de contenu Web
3. Les nouveaux enjeux
Licence Pro. ATCEdouard Domenici - Creazzly
Plan
3. Solutions de gestion de contenu
1. Définition d’un CMS
2. Principes et technologies
3. Domaines d’application
4. Fonctionnalités principales
5. Avantages et bénéfices
Licence Pro. ATCEdouard Domenici - Creazzly
Plan
4. Choix d’une solution
1. Les logiciels libres
2. Etat de l’offre actuelle
3. Critères de choix
5. Conclusion
Licence Pro. ATCEdouard Domenici - Creazzly
S
1. Introduction
1. Introduction
S Internet : Axe de développement incontournable et
naturel
S Plus que de la simple présence sur le web, c’est
désormais un support de relation interactive
S Exemple de cette évolution :
Licence Pro. ATCEdouard Domenici - Creazzly
Introduction
S Exemple du site de la CNIL (cnil.fr)
1998 Typo 3 - 2011
Licence Pro. ATCEdouard Domenici - Creazzly
1. Introduction
S Mutation des sites qui impose une gestion du contenu
Web plus efficace
 Concept de « gestion de contenu »
S Des solutions à la porté de tous grâce aux licences
libres
S Prise en compte de nombreux critères pour faire le bon
choix (éviter les incidences techniques et
organisationnelles)
Licence Pro. ATCEdouard Domenici - Creazzly
S
2. Gestion du contenu
Web
2.1 Qu’est ce qu’un contenu ?
S Ensemble des informations et des connaissances
proposées aux visiteurs d’un site Web
S Plusieurs types de contenu :
S Du texte,
S Des images,
S De l’audio,
S Des vidéos,
S Des documents…
Licence Pro. ATCEdouard Domenici - Creazzly
2.1 Qu’est ce qu’un contenu ?
S Le contenu peut prendre plusieurs formes :
S Non structuré : Documents
S Structuré : Informations sauvegardées dans une BDD
Licence Pro. ATCEdouard Domenici - Creazzly
2.2 Historique
S 2 types de sites : Sites statiques & Sites dynamiques
S Sites statiques :
S Développés avec des éditeurs HTML (Dreamveaver,
FrontPage…)
S Webmaster : Homme à tout faire
Graphisme, Maintenance,
Développement, Rédaction
Licence Pro. ATCEdouard Domenici - Creazzly
2.2 Historique
 LIMITE DES SITES STATIQUES RAPIDEMENT
ATTEINTE
S Maintien des liens entres les pages
S Ressaisie du contenu commun (menu, pied de
page…)  risque d’erreur
S Réorganisation et évolution de l’architecture difficile
S Nécessité d’avoir des connaissances en informatique
HTML / CSS / Javascript…
Licence Pro. ATCEdouard Domenici - Creazzly
2.2 Historique
S Sites dynamiques :
S Langage dynamique  Permet une intervention du
serveur (Php, ASP,…)
S Contenu en BDD (relié au site via des scripts)
S Possibilité d’avoir des interface de saisie pour la mise
à jour du site, utilisation de formulaires
Licence Pro. ATCEdouard Domenici - Creazzly
2.2 Historique
 SITES DYNAMIQUES INNOVANTS MAIS :
S Langages de programmation complexes (Php, SQL)
S Développement lourd
 Peu évolutif sans intervention d’une équipe
spécialisée
S Réorganisation et évolution de l’architecture difficile
S Manque de souplesse
Licence Pro. ATCEdouard Domenici - Creazzly
2.3 Les nouveaux enjeux
S S’adapter aux utilisateurs novices qui doivent pouvoir
s’affranchir des barrières techniques
S Supprimer au maximum l’aspect technique
(maintenance, évolutions coûteuses…) au profit du
contenu
 METTRE LE CONTENU AU CENTRE DES
PREOCCUPATIONS
Licence Pro. ATCEdouard Domenici - Creazzly
S
3. Solutions de gestion
de contenu
3.1 Définition d’un CMS
S CMS = Content Management System
(SGC : Système de Gestion de Contenu)
S Outil de production de site web dynamique
S Permet la publication dynamique
S Offre une gestion collaborative de documents
S Gérer du contenu sans connaissance technique
Licence Pro. ATCEdouard Domenici - Creazzly
3.1 Définition d’un CMS
S commentcamarche.net :
« Un outil de « CMS » est un site web disposant de fonctionnalités de
publication et offrant en particulier une interface d'administration
(back
office) permettant à un administrateur de site de créer ou organiser
les
différentes rubriques. »
S journaldunet.com :
« Système intégré et multiplate-forme permettant aux entreprises et
aux
organisations de gérer rapidement et facilement le contenu
dynamique et Licence Pro. ATCEdouard Domenici - Creazzly
3.2 Principes et technologies
S Front Office :
S Partie « publique » du site internet
S Le contenu est mis en page et présenté au visiteur
S Back Office :
S Partie « privée » (nécessite une authentification)
S Interface permettant la gestion du contenu par les
utilisateurs autorisés
Licence Pro. ATCEdouard Domenici - Creazzly
3.2 Principes et technologies
S Utilisation d’interfaces web
S Accès au Back Office via un navigateur internet
S Gestion du contenu grâce à des formulaires web
 Après validation des formulaires, le serveur
enregistre et organise le contenu en conséquence
Licence Pro. ATCEdouard Domenici - Creazzly
3.2 Principes et technologies
Licence Pro. ATCEdouard Domenici - Creazzly
3.2 Principes et technologies
Licence Pro. ATCEdouard Domenici - Creazzly
3.2 Principes et technologies
S Séparation contenu/présentation :
S Le contenu est stocké dans une BDD
S La structure et la présentation sont définies dans des
fichiers physiques
 Modèles, templates, gabarits, squelettes
S Lors de la consultation d’une page, le CMS intègre le
contenu dans le modèle de page et affiche le résultat au
visiteur
S Un système de mise en cache permet de ne pas calculer la
page à chaque affichage  rapidité d’exécution
Licence Pro. ATCEdouard Domenici - Creazzly
3.2 Principes et technologies
Licence Pro. ATCEdouard Domenici - Creazzly
3.3 Domaines d’application
S Sites institutionnels :
S Entreprises, administrations, associations
S Ex : markwebber.com (Wordpress) ; guggenheim.org
(Joomla)
S Sites éditoriaux :
S Sources d’information régulière
S Journaux en ligne, blogs
S Ex : monde-diplomatique.fr (SPIP)
Licence Pro. ATCEdouard Domenici - Creazzly
3.3 Domaines d’application
S Communautés en ligne :
S Centre d’intérêt commun
S Echange, diffusion du savoir
S Portail, forum
S Ex : psd.tutsplus.com (Wordpress)
S Sites catalogues/marchands :
S Présentation d’une gamme de services/produits
S Commande et paiement en ligne
S Gestion des stocks, des expéditions
S Ex : peugeotsport-store.com (Prestashop)
Licence Pro. ATCEdouard Domenici - Creazzly
3.3 Domaines d’application
S Intranet / Extranet :
S Echanges au sein d’une organisation : travail collaboratif
S Mise à disposition d’un espace réservé aux partenaires
S Groupware, Gestion de projet…
S Bases de connaissance :
S Permettre aux utilisateurs de partager librement leurs
connaissances
S Ex : Wikipedia (MediaWiki)
Licence Pro. ATCEdouard Domenici - Creazzly
3.4 Fonctionnalités des CMS
S Fonctions d’édition simplifiée :
S Mise en page du contenu sans connaissance HTML
S Editeur WYSIWYG (identique à un traitement de texte)
S Utilisation de balises simplifiées (<h1>, <h2>, <p>…)
S Insertion de liens, médias, documents de manière intuitive
Licence Pro. ATCEdouard Domenici - Creazzly
3.4 Fonctionnalités des CMS
S Gestion des utilisateurs :
S Gestion de la listes des utilisateurs qui peuvent intervenir
sur le site
S Gestion des droits et rôles pour chaque
utilisateurs/groupes
S Droits qui permettent :
S Edition/Mise à jour/Validation/Publication
S Gestion de l’organisation du contenu, les rôles des autres
utilisateurs (notion d’administrateur)
S Un visiteur peut également se voir attribuer des droits
(commentaires)
Licence Pro. ATCEdouard Domenici - Creazzly
3.4 Fonctionnalités des CMS
S Chaine de validation (Workflow) :
S Workflow : Circuit éditorial des documents
S Il gère les tâches que doivent accomplir les différents
intervenants selon les rôles qui leur ont été impartis :
S Rédacteur : Ecrit un article
S Rédacteur en chef : Valide l’article
S Editeur : Décide de le publier
S Mise en place d’alertes
S Planification des publications
Licence Pro. ATCEdouard Domenici - Creazzly
3.4 Fonctionnalités des CMS
Licence Pro. ATCEdouard Domenici - Creazzly
3.4 Fonctionnalités des CMS
S Contrôle des versions :
S Chaque modification du contenu est enregistrée
 Non destruction de l’antécédent
S Historique de modfification  Facilite le travail
collaboratif
S Possibilité de rétablir une version antérieure de la
page
S Ex :
Licence Pro. ATCEdouard Domenici - Creazzly
3.4 Fonctionnalités des CMS
S Support des métadonnées :
S Métadonnées : ensemble structuré d'informations
décrivant une ressource
S Pour un article : Titre, Auteur, Date, Catégorie, Mot-clé
S Valorise le contenu en augmentant sa pertinence
S Permet de classer le contenu : chronologique, auteur
S Etablit des relations entre les différents contenus
Licence Pro. ATCEdouard Domenici - Creazzly
3.4 Fonctionnalités des CMS
S Indexation et recherche :
S Indexation automatique des ressources et de leurs
métadonnées
S Intégration automatique d’un moteur de recherche
sur le site internet
S Quel que soit le volume de données, l’indexation
permet une optimisation de la recherche de
l’information
Licence Pro. ATCEdouard Domenici - Creazzly
3.4 Fonctionnalités des CMS
S Intégration :
S Intégration de contenus externes au site (flux RSS,
WebServices, bases de données, système de
fichiers…)
S Mise à disposition des contenus pour une utilisation
externe
S Branchement à des annuaire externes
Licence Pro. ATCEdouard Domenici - Creazzly
3.4 Fonctionnalités des CMS
S Statistiques :
S Informations pertinentes sur la fréquentation du site
Nombre de visites, article le plus lu, profils des
visiteurs
S Interfaçage avec un système de statistiques extérieur
Xiti, Google Analytics, Weborama…
Licence Pro. ATCEdouard Domenici - Creazzly
3.4 Fonctionnalités des CMS
S Extensibilité :
S Ajout de fonctionnalités en installant des modules
S Bibliothèques de modules accessibles en ligne
S Pour des besoins spécifiques, possibilité de
développer ses propres modules
Licence Pro. ATCEdouard Domenici - Creazzly
3.5 Avantages et bénéfices
S Réduction des coûts :
S Aucune licence à acquérir pour la plupart des CMS
S Aucun intermédiaire pour la mise à jour du contenu
(automatismes mis en place)
S Maintenance allégée
 BEAUCOUP DE TEMPS GAGNE
Licence Pro. ATCEdouard Domenici - Creazzly
3.5 Avantages et bénéfices
S Réduction des délais de publication :
S BackOffice accessible à partir de n’importe quel
ordinateur (via internet)
S L’utilisateur ne se préoccupe que du contenu
S Par d’intermédiaire technique pour la mise en ligne du
contenu
Licence Pro. ATCEdouard Domenici - Creazzly
3.5 Avantages et bénéfices
S Valorisation du contenu
S Contenu plus récent
S Indépendance du contenu vis-à-vis de la présentation
S Diffusion sur de multiples supports
S Assurance de l’intégrité des ressources
S Contenu = Générateur de trafic
Licence Pro. ATCEdouard Domenici - Creazzly
3.5 Avantages et bénéfices
S Travail collaboratif
S Moins de dilution de l’information
S Travail plus efficace : Pas de conflit lié aux intéractions
S Le workflow assure la qualité du contenu
Licence Pro. ATCEdouard Domenici - Creazzly
3.5 Avantages et bénéfices
S Décentralisation de la gestion de l’information
S Chaque contributeur peut travailler quand il veut et
où il veut
 Un simple accès à internet suffit
Licence Pro. ATCEdouard Domenici - Creazzly
3.5 Avantages et bénéfices
S Contrôle de l’accès à l’information
S L’accès peut être conditionné et limité
S Historique des versions permet de connaître
l’auteur de modifications
S Les statistiques donnent des informations
pertinentes sur la consultation du contenu
 On a une vue d’ensemble et un contrôle du
contenu
Licence Pro. ATCEdouard Domenici - Creazzly
3.5 Avantages et bénéfices
S Sécurité
S Dispositifs permettant de résister aux attaques
S La rigueur d’utilisation qu’impose les CMS réduit
les risques d’erreurs humaines (l’utilisateur est
canalisé)
S Les droits protègent les ressources
S Fonctions de sauvegarde intégrées
S Correctifs de sécurités régulièrement diffusés
(MàJ)
Licence Pro. ATCEdouard Domenici - Creazzly

Contenu connexe

Tendances

Installer Wordpress sous Wamp - Installing Wordpress with Wamp
Installer Wordpress sous Wamp - Installing Wordpress with WampInstaller Wordpress sous Wamp - Installing Wordpress with Wamp
Installer Wordpress sous Wamp - Installing Wordpress with WampRomanick Goby
 
Introduction au développement Web
Introduction au développement Web Introduction au développement Web
Introduction au développement Web Romain Willmann
 
Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3Abel LIFAEFI MBULA
 
Les bases de l'HTML / CSS
Les bases de l'HTML / CSSLes bases de l'HTML / CSS
Les bases de l'HTML / CSSSamuel Robert
 
Rédaction d'un cahier des charges web
Rédaction d'un cahier des charges webRédaction d'un cahier des charges web
Rédaction d'un cahier des charges webForestier Mégane
 
Introduction au métier de consultant
Introduction au métier de consultantIntroduction au métier de consultant
Introduction au métier de consultantSophie Topsent
 
Cours de gestion de projet Pr Falloul
Cours de gestion de projet Pr FalloulCours de gestion de projet Pr Falloul
Cours de gestion de projet Pr FalloulProfesseur Falloul
 
Présentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clientsPrésentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clientsMohamed Ayoub OUERTATANI
 
Ma présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebMa présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebHarrathi Mohamed
 
Presentation pfe Système de gestion des rendez-vous médicaux
Presentation pfe Système de gestion des rendez-vous médicauxPresentation pfe Système de gestion des rendez-vous médicaux
Presentation pfe Système de gestion des rendez-vous médicauxFehmi Arbi
 
Presentation d'un logiciel de GRH
Presentation d'un logiciel de GRHPresentation d'un logiciel de GRH
Presentation d'un logiciel de GRHRiadh K.
 
Un exemple élémentaire d'application MVC en PHP
Un exemple élémentaire d'application MVC en PHPUn exemple élémentaire d'application MVC en PHP
Un exemple élémentaire d'application MVC en PHPKristen Le Liboux
 
Analyse merise Prof. Khalifa MANSOURI
Analyse merise Prof. Khalifa MANSOURIAnalyse merise Prof. Khalifa MANSOURI
Analyse merise Prof. Khalifa MANSOURIMansouri Khalifa
 
Soutenance de fin d’étude promotion srs 2012
Soutenance de fin d’étude promotion srs 2012Soutenance de fin d’étude promotion srs 2012
Soutenance de fin d’étude promotion srs 2012jedjenderedjian
 
Conception et Réalisation d’une application de Gestion SCOLAIRE
Conception et Réalisation d’une application de Gestion SCOLAIREConception et Réalisation d’une application de Gestion SCOLAIRE
Conception et Réalisation d’une application de Gestion SCOLAIREGhizlane ALOZADE
 
Android-Tp2: liste et adaptateurs
Android-Tp2: liste et adaptateursAndroid-Tp2: liste et adaptateurs
Android-Tp2: liste et adaptateursLilia Sfaxi
 

Tendances (20)

Installer Wordpress sous Wamp - Installing Wordpress with Wamp
Installer Wordpress sous Wamp - Installing Wordpress with WampInstaller Wordpress sous Wamp - Installing Wordpress with Wamp
Installer Wordpress sous Wamp - Installing Wordpress with Wamp
 
Introduction au développement Web
Introduction au développement Web Introduction au développement Web
Introduction au développement Web
 
Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3
 
Les bases de l'HTML / CSS
Les bases de l'HTML / CSSLes bases de l'HTML / CSS
Les bases de l'HTML / CSS
 
Presentation cms
Presentation cmsPresentation cms
Presentation cms
 
OpenERP/Odoo: Fiche Technique
OpenERP/Odoo: Fiche TechniqueOpenERP/Odoo: Fiche Technique
OpenERP/Odoo: Fiche Technique
 
Rédaction d'un cahier des charges web
Rédaction d'un cahier des charges webRédaction d'un cahier des charges web
Rédaction d'un cahier des charges web
 
Introduction au métier de consultant
Introduction au métier de consultantIntroduction au métier de consultant
Introduction au métier de consultant
 
Cours de gestion de projet Pr Falloul
Cours de gestion de projet Pr FalloulCours de gestion de projet Pr Falloul
Cours de gestion de projet Pr Falloul
 
Présentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clientsPrésentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clients
 
Gestion de projet
Gestion de projetGestion de projet
Gestion de projet
 
Ma présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebMa présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site Web
 
Presentation pfe Système de gestion des rendez-vous médicaux
Presentation pfe Système de gestion des rendez-vous médicauxPresentation pfe Système de gestion des rendez-vous médicaux
Presentation pfe Système de gestion des rendez-vous médicaux
 
Presentation d'un logiciel de GRH
Presentation d'un logiciel de GRHPresentation d'un logiciel de GRH
Presentation d'un logiciel de GRH
 
Un exemple élémentaire d'application MVC en PHP
Un exemple élémentaire d'application MVC en PHPUn exemple élémentaire d'application MVC en PHP
Un exemple élémentaire d'application MVC en PHP
 
Support JEE Servlet Jsp MVC M.Youssfi
Support JEE Servlet Jsp MVC M.YoussfiSupport JEE Servlet Jsp MVC M.Youssfi
Support JEE Servlet Jsp MVC M.Youssfi
 
Analyse merise Prof. Khalifa MANSOURI
Analyse merise Prof. Khalifa MANSOURIAnalyse merise Prof. Khalifa MANSOURI
Analyse merise Prof. Khalifa MANSOURI
 
Soutenance de fin d’étude promotion srs 2012
Soutenance de fin d’étude promotion srs 2012Soutenance de fin d’étude promotion srs 2012
Soutenance de fin d’étude promotion srs 2012
 
Conception et Réalisation d’une application de Gestion SCOLAIRE
Conception et Réalisation d’une application de Gestion SCOLAIREConception et Réalisation d’une application de Gestion SCOLAIRE
Conception et Réalisation d’une application de Gestion SCOLAIRE
 
Android-Tp2: liste et adaptateurs
Android-Tp2: liste et adaptateursAndroid-Tp2: liste et adaptateurs
Android-Tp2: liste et adaptateurs
 

En vedette

Cours Licence Pro (Système de gestion de contenu) Partie 2
Cours Licence Pro (Système de gestion de contenu) Partie 2Cours Licence Pro (Système de gestion de contenu) Partie 2
Cours Licence Pro (Système de gestion de contenu) Partie 2Creazzly
 
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 CMSArdesi Midi-Pyrénées
 
Comment choisir son cms
Comment choisir son cmsComment choisir son cms
Comment choisir son cmsStrasWeb
 
content management system
content management systemcontent management system
content management systemIbtissam Kably
 
Choix strategique d'un CMS
Choix strategique d'un CMSChoix strategique d'un CMS
Choix strategique d'un CMSOlivier Dommange
 
Webdesign le graphisme et ses principes
Webdesign le graphisme et ses principesWebdesign le graphisme et ses principes
Webdesign le graphisme et ses principesOlivier Dommange
 
Feliz cumple juan
Feliz cumple  juanFeliz cumple  juan
Feliz cumple juanmaglds
 
Carte des compétences - Un langage commun entre entreprises et établissements...
Carte des compétences - Un langage commun entre entreprises et établissements...Carte des compétences - Un langage commun entre entreprises et établissements...
Carte des compétences - Un langage commun entre entreprises et établissements...Alain Dejour
 
Analisis de resultados pruebas saber 2011
Analisis  de resultados pruebas saber 2011Analisis  de resultados pruebas saber 2011
Analisis de resultados pruebas saber 2011rufinosur
 
Acto 1º de mayo
Acto 1º de mayoActo 1º de mayo
Acto 1º de mayotatilean
 
Presentación power point
Presentación power pointPresentación power point
Presentación power pointBlancoAida
 
Producto 10 inventario de fuentes en el blog
Producto 10 inventario de fuentes en el blogProducto 10 inventario de fuentes en el blog
Producto 10 inventario de fuentes en el blogDoloresPC
 
Frederic Saliez - UN Habitat
Frederic Saliez - UN HabitatFrederic Saliez - UN Habitat
Frederic Saliez - UN HabitatRedCiudadesLA
 
Presentación semana2 pn
Presentación semana2 pnPresentación semana2 pn
Presentación semana2 pnRose Chacón
 

En vedette (20)

Cours Licence Pro (Système de gestion de contenu) Partie 2
Cours Licence Pro (Système de gestion de contenu) Partie 2Cours Licence Pro (Système de gestion de contenu) Partie 2
Cours Licence Pro (Système de gestion de contenu) Partie 2
 
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
 
Comparatif CMS
Comparatif CMSComparatif CMS
Comparatif CMS
 
Comment choisir son cms
Comment choisir son cmsComment choisir son cms
Comment choisir son cms
 
content management system
content management systemcontent management system
content management system
 
Faire mieux avec Joomla! 3.5
Faire mieux avec Joomla! 3.5Faire mieux avec Joomla! 3.5
Faire mieux avec Joomla! 3.5
 
Choix strategique d'un CMS
Choix strategique d'un CMSChoix strategique d'un CMS
Choix strategique d'un CMS
 
Webdesign le graphisme et ses principes
Webdesign le graphisme et ses principesWebdesign le graphisme et ses principes
Webdesign le graphisme et ses principes
 
Feliz cumple juan
Feliz cumple  juanFeliz cumple  juan
Feliz cumple juan
 
Carte des compétences - Un langage commun entre entreprises et établissements...
Carte des compétences - Un langage commun entre entreprises et établissements...Carte des compétences - Un langage commun entre entreprises et établissements...
Carte des compétences - Un langage commun entre entreprises et établissements...
 
Analisis de resultados pruebas saber 2011
Analisis  de resultados pruebas saber 2011Analisis  de resultados pruebas saber 2011
Analisis de resultados pruebas saber 2011
 
Sonic shop
Sonic shopSonic shop
Sonic shop
 
Acto 1º de mayo
Acto 1º de mayoActo 1º de mayo
Acto 1º de mayo
 
Cmc
CmcCmc
Cmc
 
Presentación power point
Presentación power pointPresentación power point
Presentación power point
 
Producto 10 inventario de fuentes en el blog
Producto 10 inventario de fuentes en el blogProducto 10 inventario de fuentes en el blog
Producto 10 inventario de fuentes en el blog
 
Entrada 2
Entrada 2Entrada 2
Entrada 2
 
Frederic Saliez - UN Habitat
Frederic Saliez - UN HabitatFrederic Saliez - UN Habitat
Frederic Saliez - UN Habitat
 
Eslovenia
EsloveniaEslovenia
Eslovenia
 
Presentación semana2 pn
Presentación semana2 pnPresentación semana2 pn
Presentación semana2 pn
 

Similaire à Cours Licence Pro (Système de gestion de contenu) Partie 1

Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)Nicolas Morin
 
WORDPRESS Qu'est ce que c'est ?
WORDPRESS Qu'est ce que c'est ?WORDPRESS Qu'est ce que c'est ?
WORDPRESS Qu'est ce que c'est ?mirabelleformation
 
Web et communication
Web et communicationWeb et communication
Web et communicationlaureno
 
Nouveautés html5 et css3 dans internet explorer 10
Nouveautés html5 et css3 dans internet explorer 10Nouveautés html5 et css3 dans internet explorer 10
Nouveautés html5 et css3 dans internet explorer 10davrous
 
Bâtir une gouvernance simple et efficace
Bâtir une gouvernance simple et efficaceBâtir une gouvernance simple et efficace
Bâtir une gouvernance simple et efficaceNathalie Jard
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Nicolas Morin
 
Cahier de charges Site web DRUPAL
Cahier de charges Site web DRUPALCahier de charges Site web DRUPAL
Cahier de charges Site web DRUPALLaribi Aicha
 
Introduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptIntroduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptdavrous
 
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptIntroduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptMicrosoft
 
2015 Projet Web Collaborartif, Introduction au cours
2015 Projet Web Collaborartif, Introduction au cours2015 Projet Web Collaborartif, Introduction au cours
2015 Projet Web Collaborartif, Introduction au coursEric Giraudin
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8davrous
 
Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !Microsoft Technet France
 
Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !davrous
 
4_Architectures_de_SI.pdf
4_Architectures_de_SI.pdf4_Architectures_de_SI.pdf
4_Architectures_de_SI.pdfharizi riadh
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxyassinesouli2
 

Similaire à Cours Licence Pro (Système de gestion de contenu) Partie 1 (20)

Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)
 
Présentation Drupal 2010 02 09
Présentation Drupal  2010 02 09Présentation Drupal  2010 02 09
Présentation Drupal 2010 02 09
 
Association 2 0
Association 2 0Association 2 0
Association 2 0
 
Association 2 0
Association 2 0Association 2 0
Association 2 0
 
WORDPRESS Qu'est ce que c'est ?
WORDPRESS Qu'est ce que c'est ?WORDPRESS Qu'est ce que c'est ?
WORDPRESS Qu'est ce que c'est ?
 
Web et communication
Web et communicationWeb et communication
Web et communication
 
Nouveautés html5 et css3 dans internet explorer 10
Nouveautés html5 et css3 dans internet explorer 10Nouveautés html5 et css3 dans internet explorer 10
Nouveautés html5 et css3 dans internet explorer 10
 
Bâtir une gouvernance simple et efficace
Bâtir une gouvernance simple et efficaceBâtir une gouvernance simple et efficace
Bâtir une gouvernance simple et efficace
 
HTML5 en Entreprise
HTML5 en EntrepriseHTML5 en Entreprise
HTML5 en Entreprise
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)
 
Web2 Rennes Janvier 2010
Web2 Rennes Janvier 2010Web2 Rennes Janvier 2010
Web2 Rennes Janvier 2010
 
Cahier de charges Site web DRUPAL
Cahier de charges Site web DRUPALCahier de charges Site web DRUPAL
Cahier de charges Site web DRUPAL
 
Introduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptIntroduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascript
 
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptIntroduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
 
2015 Projet Web Collaborartif, Introduction au cours
2015 Projet Web Collaborartif, Introduction au cours2015 Projet Web Collaborartif, Introduction au cours
2015 Projet Web Collaborartif, Introduction au cours
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
 
Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !
 
Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !
 
4_Architectures_de_SI.pdf
4_Architectures_de_SI.pdf4_Architectures_de_SI.pdf
4_Architectures_de_SI.pdf
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptx
 

Cours Licence Pro (Système de gestion de contenu) Partie 1

  • 1. S CMS Système de gestion de contenu Partie I Licence Pro. ATC Année 2011-2012 Edouard Domenici Creazzly
  • 2. Plan 1. Introduction 2. Gestion du contenu Web 1. Qu’est ce qu’un contenu 2. Historique de la gestion de contenu Web 3. Les nouveaux enjeux Licence Pro. ATCEdouard Domenici - Creazzly
  • 3. Plan 3. Solutions de gestion de contenu 1. Définition d’un CMS 2. Principes et technologies 3. Domaines d’application 4. Fonctionnalités principales 5. Avantages et bénéfices Licence Pro. ATCEdouard Domenici - Creazzly
  • 4. Plan 4. Choix d’une solution 1. Les logiciels libres 2. Etat de l’offre actuelle 3. Critères de choix 5. Conclusion Licence Pro. ATCEdouard Domenici - Creazzly
  • 6. 1. Introduction S Internet : Axe de développement incontournable et naturel S Plus que de la simple présence sur le web, c’est désormais un support de relation interactive S Exemple de cette évolution : Licence Pro. ATCEdouard Domenici - Creazzly
  • 7. Introduction S Exemple du site de la CNIL (cnil.fr) 1998 Typo 3 - 2011 Licence Pro. ATCEdouard Domenici - Creazzly
  • 8. 1. Introduction S Mutation des sites qui impose une gestion du contenu Web plus efficace  Concept de « gestion de contenu » S Des solutions à la porté de tous grâce aux licences libres S Prise en compte de nombreux critères pour faire le bon choix (éviter les incidences techniques et organisationnelles) Licence Pro. ATCEdouard Domenici - Creazzly
  • 9. S 2. Gestion du contenu Web
  • 10. 2.1 Qu’est ce qu’un contenu ? S Ensemble des informations et des connaissances proposées aux visiteurs d’un site Web S Plusieurs types de contenu : S Du texte, S Des images, S De l’audio, S Des vidéos, S Des documents… Licence Pro. ATCEdouard Domenici - Creazzly
  • 11. 2.1 Qu’est ce qu’un contenu ? S Le contenu peut prendre plusieurs formes : S Non structuré : Documents S Structuré : Informations sauvegardées dans une BDD Licence Pro. ATCEdouard Domenici - Creazzly
  • 12. 2.2 Historique S 2 types de sites : Sites statiques & Sites dynamiques S Sites statiques : S Développés avec des éditeurs HTML (Dreamveaver, FrontPage…) S Webmaster : Homme à tout faire Graphisme, Maintenance, Développement, Rédaction Licence Pro. ATCEdouard Domenici - Creazzly
  • 13. 2.2 Historique  LIMITE DES SITES STATIQUES RAPIDEMENT ATTEINTE S Maintien des liens entres les pages S Ressaisie du contenu commun (menu, pied de page…)  risque d’erreur S Réorganisation et évolution de l’architecture difficile S Nécessité d’avoir des connaissances en informatique HTML / CSS / Javascript… Licence Pro. ATCEdouard Domenici - Creazzly
  • 14. 2.2 Historique S Sites dynamiques : S Langage dynamique  Permet une intervention du serveur (Php, ASP,…) S Contenu en BDD (relié au site via des scripts) S Possibilité d’avoir des interface de saisie pour la mise à jour du site, utilisation de formulaires Licence Pro. ATCEdouard Domenici - Creazzly
  • 15. 2.2 Historique  SITES DYNAMIQUES INNOVANTS MAIS : S Langages de programmation complexes (Php, SQL) S Développement lourd  Peu évolutif sans intervention d’une équipe spécialisée S Réorganisation et évolution de l’architecture difficile S Manque de souplesse Licence Pro. ATCEdouard Domenici - Creazzly
  • 16. 2.3 Les nouveaux enjeux S S’adapter aux utilisateurs novices qui doivent pouvoir s’affranchir des barrières techniques S Supprimer au maximum l’aspect technique (maintenance, évolutions coûteuses…) au profit du contenu  METTRE LE CONTENU AU CENTRE DES PREOCCUPATIONS Licence Pro. ATCEdouard Domenici - Creazzly
  • 17. S 3. Solutions de gestion de contenu
  • 18. 3.1 Définition d’un CMS S CMS = Content Management System (SGC : Système de Gestion de Contenu) S Outil de production de site web dynamique S Permet la publication dynamique S Offre une gestion collaborative de documents S Gérer du contenu sans connaissance technique Licence Pro. ATCEdouard Domenici - Creazzly
  • 19. 3.1 Définition d’un CMS S commentcamarche.net : « Un outil de « CMS » est un site web disposant de fonctionnalités de publication et offrant en particulier une interface d'administration (back office) permettant à un administrateur de site de créer ou organiser les différentes rubriques. » S journaldunet.com : « Système intégré et multiplate-forme permettant aux entreprises et aux organisations de gérer rapidement et facilement le contenu dynamique et Licence Pro. ATCEdouard Domenici - Creazzly
  • 20. 3.2 Principes et technologies S Front Office : S Partie « publique » du site internet S Le contenu est mis en page et présenté au visiteur S Back Office : S Partie « privée » (nécessite une authentification) S Interface permettant la gestion du contenu par les utilisateurs autorisés Licence Pro. ATCEdouard Domenici - Creazzly
  • 21. 3.2 Principes et technologies S Utilisation d’interfaces web S Accès au Back Office via un navigateur internet S Gestion du contenu grâce à des formulaires web  Après validation des formulaires, le serveur enregistre et organise le contenu en conséquence Licence Pro. ATCEdouard Domenici - Creazzly
  • 22. 3.2 Principes et technologies Licence Pro. ATCEdouard Domenici - Creazzly
  • 23. 3.2 Principes et technologies Licence Pro. ATCEdouard Domenici - Creazzly
  • 24. 3.2 Principes et technologies S Séparation contenu/présentation : S Le contenu est stocké dans une BDD S La structure et la présentation sont définies dans des fichiers physiques  Modèles, templates, gabarits, squelettes S Lors de la consultation d’une page, le CMS intègre le contenu dans le modèle de page et affiche le résultat au visiteur S Un système de mise en cache permet de ne pas calculer la page à chaque affichage  rapidité d’exécution Licence Pro. ATCEdouard Domenici - Creazzly
  • 25. 3.2 Principes et technologies Licence Pro. ATCEdouard Domenici - Creazzly
  • 26. 3.3 Domaines d’application S Sites institutionnels : S Entreprises, administrations, associations S Ex : markwebber.com (Wordpress) ; guggenheim.org (Joomla) S Sites éditoriaux : S Sources d’information régulière S Journaux en ligne, blogs S Ex : monde-diplomatique.fr (SPIP) Licence Pro. ATCEdouard Domenici - Creazzly
  • 27. 3.3 Domaines d’application S Communautés en ligne : S Centre d’intérêt commun S Echange, diffusion du savoir S Portail, forum S Ex : psd.tutsplus.com (Wordpress) S Sites catalogues/marchands : S Présentation d’une gamme de services/produits S Commande et paiement en ligne S Gestion des stocks, des expéditions S Ex : peugeotsport-store.com (Prestashop) Licence Pro. ATCEdouard Domenici - Creazzly
  • 28. 3.3 Domaines d’application S Intranet / Extranet : S Echanges au sein d’une organisation : travail collaboratif S Mise à disposition d’un espace réservé aux partenaires S Groupware, Gestion de projet… S Bases de connaissance : S Permettre aux utilisateurs de partager librement leurs connaissances S Ex : Wikipedia (MediaWiki) Licence Pro. ATCEdouard Domenici - Creazzly
  • 29. 3.4 Fonctionnalités des CMS S Fonctions d’édition simplifiée : S Mise en page du contenu sans connaissance HTML S Editeur WYSIWYG (identique à un traitement de texte) S Utilisation de balises simplifiées (<h1>, <h2>, <p>…) S Insertion de liens, médias, documents de manière intuitive Licence Pro. ATCEdouard Domenici - Creazzly
  • 30. 3.4 Fonctionnalités des CMS S Gestion des utilisateurs : S Gestion de la listes des utilisateurs qui peuvent intervenir sur le site S Gestion des droits et rôles pour chaque utilisateurs/groupes S Droits qui permettent : S Edition/Mise à jour/Validation/Publication S Gestion de l’organisation du contenu, les rôles des autres utilisateurs (notion d’administrateur) S Un visiteur peut également se voir attribuer des droits (commentaires) Licence Pro. ATCEdouard Domenici - Creazzly
  • 31. 3.4 Fonctionnalités des CMS S Chaine de validation (Workflow) : S Workflow : Circuit éditorial des documents S Il gère les tâches que doivent accomplir les différents intervenants selon les rôles qui leur ont été impartis : S Rédacteur : Ecrit un article S Rédacteur en chef : Valide l’article S Editeur : Décide de le publier S Mise en place d’alertes S Planification des publications Licence Pro. ATCEdouard Domenici - Creazzly
  • 32. 3.4 Fonctionnalités des CMS Licence Pro. ATCEdouard Domenici - Creazzly
  • 33. 3.4 Fonctionnalités des CMS S Contrôle des versions : S Chaque modification du contenu est enregistrée  Non destruction de l’antécédent S Historique de modfification  Facilite le travail collaboratif S Possibilité de rétablir une version antérieure de la page S Ex : Licence Pro. ATCEdouard Domenici - Creazzly
  • 34. 3.4 Fonctionnalités des CMS S Support des métadonnées : S Métadonnées : ensemble structuré d'informations décrivant une ressource S Pour un article : Titre, Auteur, Date, Catégorie, Mot-clé S Valorise le contenu en augmentant sa pertinence S Permet de classer le contenu : chronologique, auteur S Etablit des relations entre les différents contenus Licence Pro. ATCEdouard Domenici - Creazzly
  • 35. 3.4 Fonctionnalités des CMS S Indexation et recherche : S Indexation automatique des ressources et de leurs métadonnées S Intégration automatique d’un moteur de recherche sur le site internet S Quel que soit le volume de données, l’indexation permet une optimisation de la recherche de l’information Licence Pro. ATCEdouard Domenici - Creazzly
  • 36. 3.4 Fonctionnalités des CMS S Intégration : S Intégration de contenus externes au site (flux RSS, WebServices, bases de données, système de fichiers…) S Mise à disposition des contenus pour une utilisation externe S Branchement à des annuaire externes Licence Pro. ATCEdouard Domenici - Creazzly
  • 37. 3.4 Fonctionnalités des CMS S Statistiques : S Informations pertinentes sur la fréquentation du site Nombre de visites, article le plus lu, profils des visiteurs S Interfaçage avec un système de statistiques extérieur Xiti, Google Analytics, Weborama… Licence Pro. ATCEdouard Domenici - Creazzly
  • 38. 3.4 Fonctionnalités des CMS S Extensibilité : S Ajout de fonctionnalités en installant des modules S Bibliothèques de modules accessibles en ligne S Pour des besoins spécifiques, possibilité de développer ses propres modules Licence Pro. ATCEdouard Domenici - Creazzly
  • 39. 3.5 Avantages et bénéfices S Réduction des coûts : S Aucune licence à acquérir pour la plupart des CMS S Aucun intermédiaire pour la mise à jour du contenu (automatismes mis en place) S Maintenance allégée  BEAUCOUP DE TEMPS GAGNE Licence Pro. ATCEdouard Domenici - Creazzly
  • 40. 3.5 Avantages et bénéfices S Réduction des délais de publication : S BackOffice accessible à partir de n’importe quel ordinateur (via internet) S L’utilisateur ne se préoccupe que du contenu S Par d’intermédiaire technique pour la mise en ligne du contenu Licence Pro. ATCEdouard Domenici - Creazzly
  • 41. 3.5 Avantages et bénéfices S Valorisation du contenu S Contenu plus récent S Indépendance du contenu vis-à-vis de la présentation S Diffusion sur de multiples supports S Assurance de l’intégrité des ressources S Contenu = Générateur de trafic Licence Pro. ATCEdouard Domenici - Creazzly
  • 42. 3.5 Avantages et bénéfices S Travail collaboratif S Moins de dilution de l’information S Travail plus efficace : Pas de conflit lié aux intéractions S Le workflow assure la qualité du contenu Licence Pro. ATCEdouard Domenici - Creazzly
  • 43. 3.5 Avantages et bénéfices S Décentralisation de la gestion de l’information S Chaque contributeur peut travailler quand il veut et où il veut  Un simple accès à internet suffit Licence Pro. ATCEdouard Domenici - Creazzly
  • 44. 3.5 Avantages et bénéfices S Contrôle de l’accès à l’information S L’accès peut être conditionné et limité S Historique des versions permet de connaître l’auteur de modifications S Les statistiques donnent des informations pertinentes sur la consultation du contenu  On a une vue d’ensemble et un contrôle du contenu Licence Pro. ATCEdouard Domenici - Creazzly
  • 45. 3.5 Avantages et bénéfices S Sécurité S Dispositifs permettant de résister aux attaques S La rigueur d’utilisation qu’impose les CMS réduit les risques d’erreurs humaines (l’utilisateur est canalisé) S Les droits protègent les ressources S Fonctions de sauvegarde intégrées S Correctifs de sécurités régulièrement diffusés (MàJ) Licence Pro. ATCEdouard Domenici - Creazzly