SlideShare une entreprise Scribd logo
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

Tendances (20)

Rapport Pfe Application Web e-commerce Symfony2
Rapport Pfe Application Web e-commerce Symfony2Rapport Pfe Application Web e-commerce Symfony2
Rapport Pfe Application Web e-commerce Symfony2
 
Chp1- Introduction aux Technologies Web et SOA
Chp1- Introduction aux Technologies Web et SOAChp1- Introduction aux Technologies Web et SOA
Chp1- Introduction aux Technologies Web et SOA
 
Introduction aux architectures des SI
Introduction aux architectures des SI Introduction aux architectures des SI
Introduction aux architectures des SI
 
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
 
Prise en main de WordPress
Prise en main de WordPressPrise en main de WordPress
Prise en main de WordPress
 
qcm développement informatique
qcm développement informatiqueqcm développement informatique
qcm développement informatique
 
Conception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerceConception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerce
 
Manuel des TP : Atelier Web 2
Manuel des TP : Atelier Web 2Manuel des TP : Atelier Web 2
Manuel des TP : Atelier Web 2
 
Architectures 3-tiers (Web)
Architectures 3-tiers (Web)Architectures 3-tiers (Web)
Architectures 3-tiers (Web)
 
Chp3 - Les Services Web
Chp3 - Les Services WebChp3 - Les Services Web
Chp3 - Les Services Web
 
Chp2 - Vers les Architectures Orientées Services
Chp2 - Vers les Architectures Orientées ServicesChp2 - Vers les Architectures Orientées Services
Chp2 - Vers les Architectures Orientées Services
 
Ged
Ged Ged
Ged
 
Exercices uml-corrige
Exercices uml-corrigeExercices uml-corrige
Exercices uml-corrige
 
WordPress
WordPressWordPress
WordPress
 
Cours php & Mysql - 1ére partie
Cours php & Mysql - 1ére partieCours php & Mysql - 1ére partie
Cours php & Mysql - 1ére partie
 
Culture digitale
Culture digitaleCulture digitale
Culture digitale
 
Introduction à Laravel
Introduction à LaravelIntroduction à Laravel
Introduction à Laravel
 
Présentation Gestion Electronique de Documents (Alfresco)
Présentation Gestion Electronique de Documents (Alfresco)Présentation Gestion Electronique de Documents (Alfresco)
Présentation Gestion Electronique de Documents (Alfresco)
 
Introduction au web cours.pdf
Introduction au web cours.pdfIntroduction au web cours.pdf
Introduction au web cours.pdf
 
Power Bi, le tour complet 2017
Power Bi, le tour complet 2017 Power Bi, le tour complet 2017
Power Bi, le tour complet 2017
 

En vedette

content management system
content management systemcontent management system
content management system
Ibtissam Kably
 
Webdesign le graphisme et ses principes
Webdesign le graphisme et ses principesWebdesign le graphisme et ses principes
Webdesign le graphisme et ses principes
Olivier Dommange
 
Feliz cumple juan
Feliz cumple  juanFeliz cumple  juan
Feliz cumple juan
maglds
 
Acto 1º de mayo
Acto 1º de mayoActo 1º de mayo
Acto 1º de mayo
tatilean
 
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
DoloresPC
 
Frederic Saliez - UN Habitat
Frederic Saliez - UN HabitatFrederic Saliez - UN Habitat
Frederic Saliez - UN Habitat
RedCiudadesLA
 
Presentación semana2 pn
Presentación semana2 pnPresentación semana2 pn
Presentación semana2 pn
Rose Chacón
 

En vedette (20)

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
 
Charagua
CharaguaCharagua
Charagua
 

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

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
davrous
 

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