SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Was ist angesagt?

Introduction au développement Web
Introduction au développement Web Introduction au développement Web
Introduction au développement Web Romain Willmann
 
La méthode ITIL.pptx
La méthode ITIL.pptxLa méthode ITIL.pptx
La méthode ITIL.pptxAzzizHaydar
 
Base de Données Chapitre I .pptx
Base de Données Chapitre I .pptxBase de Données Chapitre I .pptx
Base de Données Chapitre I .pptxAbdoulayeTraore48
 
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 webChris Gaillard
 
Hadoop Hbase - Introduction
Hadoop Hbase - IntroductionHadoop Hbase - Introduction
Hadoop Hbase - IntroductionBlandine Larbret
 
Chp3 - Les Services Web
Chp3 - Les Services WebChp3 - Les Services Web
Chp3 - Les Services WebLilia Sfaxi
 
Architecture réparties et les services web
Architecture réparties et les services webArchitecture réparties et les services web
Architecture réparties et les services webCHOUAIB EL HACHIMI
 
Rapport de mini projet de programation web
Rapport de mini projet de programation webRapport de mini projet de programation web
Rapport de mini projet de programation webMOHAMMED MOURADI
 
Introduction à React JS
Introduction à React JSIntroduction à React JS
Introduction à React JSAbdoulaye Dieng
 
Cours HBase et Base de Données Orientées Colonnes (HBase, Column Oriented Dat...
Cours HBase et Base de Données Orientées Colonnes (HBase, Column Oriented Dat...Cours HBase et Base de Données Orientées Colonnes (HBase, Column Oriented Dat...
Cours HBase et Base de Données Orientées Colonnes (HBase, Column Oriented Dat...Hatim CHAHDI
 
formation word 2010 partie 1.ppt
formation word 2010 partie 1.pptformation word 2010 partie 1.ppt
formation word 2010 partie 1.ppthamza536322
 
Python et son intégration avec Odoo
Python et son intégration avec OdooPython et son intégration avec Odoo
Python et son intégration avec OdooHassan WAHSISS
 
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 SOALilia Sfaxi
 
BPM - Business Process Management
BPM - Business Process ManagementBPM - Business Process Management
BPM - Business Process ManagementMourad HASSINI
 
Fascicule de tp atelier développement web
Fascicule de tp atelier développement webFascicule de tp atelier développement web
Fascicule de tp atelier développement webHouda TOUKABRI
 
Marzouk architecture encouches-jee-mvc
Marzouk architecture encouches-jee-mvcMarzouk architecture encouches-jee-mvc
Marzouk architecture encouches-jee-mvcabderrahim marzouk
 

Was ist angesagt? (20)

Utiliser WordPress
Utiliser WordPressUtiliser WordPress
Utiliser WordPress
 
Introduction au développement Web
Introduction au développement Web Introduction au développement Web
Introduction au développement Web
 
Tp2 - Latex
Tp2 - LatexTp2 - Latex
Tp2 - Latex
 
La méthode ITIL.pptx
La méthode ITIL.pptxLa méthode ITIL.pptx
La méthode ITIL.pptx
 
Base de Données Chapitre I .pptx
Base de Données Chapitre I .pptxBase de Données Chapitre I .pptx
Base de Données Chapitre I .pptx
 
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
 
Langage HTML
Langage HTMLLangage HTML
Langage HTML
 
Hadoop Hbase - Introduction
Hadoop Hbase - IntroductionHadoop Hbase - Introduction
Hadoop Hbase - Introduction
 
Chp3 - Les Services Web
Chp3 - Les Services WebChp3 - Les Services Web
Chp3 - Les Services Web
 
Architecture réparties et les services web
Architecture réparties et les services webArchitecture réparties et les services web
Architecture réparties et les services web
 
Sgbdr merise
Sgbdr meriseSgbdr merise
Sgbdr merise
 
Rapport de mini projet de programation web
Rapport de mini projet de programation webRapport de mini projet de programation web
Rapport de mini projet de programation web
 
Introduction à React JS
Introduction à React JSIntroduction à React JS
Introduction à React JS
 
Cours HBase et Base de Données Orientées Colonnes (HBase, Column Oriented Dat...
Cours HBase et Base de Données Orientées Colonnes (HBase, Column Oriented Dat...Cours HBase et Base de Données Orientées Colonnes (HBase, Column Oriented Dat...
Cours HBase et Base de Données Orientées Colonnes (HBase, Column Oriented Dat...
 
formation word 2010 partie 1.ppt
formation word 2010 partie 1.pptformation word 2010 partie 1.ppt
formation word 2010 partie 1.ppt
 
Python et son intégration avec Odoo
Python et son intégration avec OdooPython et son intégration avec Odoo
Python et son intégration avec Odoo
 
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
 
BPM - Business Process Management
BPM - Business Process ManagementBPM - Business Process Management
BPM - Business Process Management
 
Fascicule de tp atelier développement web
Fascicule de tp atelier développement webFascicule de tp atelier développement web
Fascicule de tp atelier développement web
 
Marzouk architecture encouches-jee-mvc
Marzouk architecture encouches-jee-mvcMarzouk architecture encouches-jee-mvc
Marzouk architecture encouches-jee-mvc
 

Andere mochten auch

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
 

Andere mochten auch (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
 

Ähnlich wie 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
 

Ähnlich wie 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