SlideShare une entreprise Scribd logo
Le Web 1.5


   Du serveur statique au
   serveur dynamique:
   Systèmes de Gestion de Contenus
Web 1.5

       Du statique…




http://www.usingdrupal.com/
Web 1.5

       … au dynamique




http://www.usingdrupal.com/
Web 1.5
        Génération dynamique de contenu
          Le serveur produit les documents HTML à la
           demande




http://fr.wikipedia.org/wiki/PHP:_Hypertext_Preprocessor
Web 1.5
   L’arrivée du Web 1.5 avec ses pages
    dynamiques marque une nouvelle étape:
       Facilitation de la production des documents
        (saisie des contenus par formulaire et
        insertion/mise en forme et publication
        automatisée au travers de scripts / Système de
        gestion de contenu)
       Facilitation de la gestion de site: systèmes de
        publication « clé en main » (à partir de
        l’installation de scripts et base de données sur le
        serveur qui automatisent la construction de sites
        webs).
Web 1.5
   L’ajout d’information se fait « en ligne » sous forme
    de formulaires web intuitifs à compléter sans code
    HTML.
   La validation du formulaire entraîne la mise à jour
    de la base données.
   Les scripts de consultation et de présentation
    interrogent la base de données et mettent en forme
    les informations qu’elle retourne:
       Chaque page produite à la volée (dynamiquement)
        reproduit exactement le contenu de la base de données.
   Pour le rédacteur, pas besoin de mise en forme, ni
    de transférer des fichiers.
Web 1.5
   Dissociation des aspects documentaires:
       Gestion/administration
       Structuration de l’information (table des matières,
        rubriques…)
       Mise en forme (charte graphique…)
       Contenu
   Différenciation des acteurs:
       Workflows éditoriaux ou chaînes éditoriales:
           Plusieurs intervenants possibles avec des « rôles »:
            administrateur, rédacteur, modérateur, lecteur…
           Chaque rôle donne accès à des fonctionnalités particulières.
Web 1.5
   Les aspects technologiques:
       Les contenus sont organisés et stockés dans des bases de
        données (p.e. mySQL) en ligne:
           Le contenu est stocké dans une base de données. C'est le contenu
            de la base qui est créé/modifié par le rédacteur, et non pas la page
            elle-même.
       Des pages générées à la volée/à la demande sur le serveur par
        des scripts (p.e. PHP) permettant de modifier et d’afficher le
        contenu des bases de données:
       La présentation est définie dans un gabarit. Le gabarit définit la
        mise en page des pages web - via le code html complété par les
        “feuilles de styles” (css), ainsi que les informations extraites de la
        base de données et l’emplacement où elles doivent être
        affichées dans la page.
Web 1.5

   Schéma général:
       Mise en place et organisation du site:
           L’administrateur:
               Installe les scripts sur le disque du serveur et création de la
                base de données.
               Structure le site: organisation des rubriques…
               Organise la rédaction des contenus: création des
                utilisateurs et affectation de leurs rôles.
               Définit une charte graphique globale.
Web 1.5
   Schéma général (suite):
       Création/mise à jour des contenus:
           Un rédacteur complète en ligne un contenu (p.e. article de
            blog) à partir d’un formulaire (contenant des champs: titre,
            résumé, mots-clés, corps de l’article…).
           Lorsqu’il valide le formulaire, les données sont enregistrées
            dans la base de données.
       Accès aux contenus:
           Un lecteur accède à une page qui est produite au moment de
            la requête par un script qui extrait les informations de la base
            de données et les met en forme: le tout est organisé sous
            forme d’un document html renvoyé au navigateur du lecteur.
Les Systèmes de Gestion de
Contenu

    Caractéristique du Web 1.5
Système de gestion de contenu
        L’exemple type: le SGC
            Ou Système de Gestion de Contenu:
                systèmes de gestion de contenu, ou SGC (de l'anglais
                 Content Management Systems ou CMS), sont une famille
                 de logiciels de conception et de mise à jour dynamique de site
                 Web ou d'application multimédia partageant les
                 fonctionnalités suivantes :
                    Ils permettent à plusieurs individus de travailler sur un même
                     document ;
                    Ils fournissent une chaîne de publication (workflow) offrant par
                     exemple la possibilité de publier (mettre en ligne le contenu) des
                     documents ;
                    Ils permettent de séparer les opérations de gestion de la forme et
                     du contenu ;
                    Ils permettent de structurer le contenu (utilisation de FAQ, de
                     document, de blog, forum de discussion , etc.) ;
                    Certains SGC incluent le contrôle de version.


http://fr.wikipedia.org/wiki/Syst%C3%A8me_de_gestion_de_contenu
Système de gestion de contenu




http://www.spip.net/
Système de gestion de contenu




http://www.spip.net/
Système de gestion de contenu

           Installation




http://www.spip.net/
Système de gestion de contenu

       Structure globale




http://www.usingdrupal.com/ & http://www.phpfacile.com/
Système de gestion de contenu

   Un système flexible:
       Installation:
           Fonctionnalités de base « out of the box »
           Extensions possibles:
               Plug-in: ajout de fonctionnalités supplémentaires
               Thèmes: ajout de modèles de présentation graphique
           Extensions supplémentaires:
               API: possibilité de développer ses propres extensions et
                thèmes
Système de gestion de contenu




http://ouvaton.coop/Fonctionnement-d-un-service-web
Système de gestion de contenu




http://www.spip.net/
Système de gestion de contenu

           Le workflow éditorial




http://www.spip.net/
Système de gestion de contenu

          Architecture générale d’un SGC




http://www.creer-son-site-internet.fr/principe-fonctionnement-cms.html
Les SGC en famille

   Grandes « familles » de SGC
       Certains SGC sont spécialisés pour certains
        usages:
       Tous les SGC d’une même famille proposent des
        fonctionnalités similaires:
           Blogs:
               « Moteur » de blog: SGC qui permet de mettre en œuvre
                un blog
               Wordpress, Dotclear…
           Wiki:
               TikiWiki, Wikimédia…
Fermes de SGC

        Fermes de blogs
            Générateur automatique de blogs:
                  Le moteur de blog est automatiquement installé sans
                   intervention de
                   l’utilisateur
                      Inscription

                      Création du blog

                      Utilisation immédiate

                  Blogger
                  OverBlog
                  Wordpress.com



http://social.hecube.net/blog/2009/04/15/buddypress-democratise-les-reseaux-sociaux-thematiques/
Wordpress
   Site:
       http://wordpress.org/
   Présentation
       http://www.wordpress-fr.net/wordpress/presentation/
   Pour essayer en ligne
       http://demo.wordpress-fr.net/
   Documentation
       http://codex.wordpress.org/fr:Accueil
   Ferme de blogs wordpress
       http://fr.wordpress.com/
Wordpress
Disclaimer

   Les illustrations incluses (avec leur source
    dans la mesure du possible) dans cette
    présentation sont à but strictement
    pédagogique.
   Si vous en êtes l’auteur ou le propriétaire et
    que vous ne souhaitez pas qu’elles soient
    utilisées dans ce cadre, signalez-le
    simplement, elles seront immédiatement
    retirées.

Contenu connexe

Tendances

Systèmes d'Exploitation - chp2-gestion des processus
Systèmes d'Exploitation - chp2-gestion des processusSystèmes d'Exploitation - chp2-gestion des processus
Systèmes d'Exploitation - chp2-gestion des processus
Lilia Sfaxi
 
introduction à MongoDB
introduction à MongoDBintroduction à MongoDB
introduction à MongoDB
Abdoulaye Dieng
 
Cours php
Cours php Cours php
Cours php
Yassine Badri
 
Stockage de données dans Android : Fichiers
Stockage de données dans Android : FichiersStockage de données dans Android : Fichiers
Stockage de données dans Android : Fichiers
Lilia Sfaxi
 
Design Patterns Java
Design Patterns JavaDesign Patterns Java
Design Patterns Java
VINOT Bernard
 
JAVA
JAVAJAVA
Introduction à Python
Introduction à PythonIntroduction à Python
Introduction à Python
Abdoulaye Dieng
 
Programmation orientée objet en PHP 5
Programmation orientée objet en PHP 5Programmation orientée objet en PHP 5
Programmation orientée objet en PHP 5
Kristen Le Liboux
 
Supervision informatique
Supervision informatiqueSupervision informatique
Supervision informatique
Marwa Boumaiz
 
Introduction à Python - Achraf Kacimi El Hassani
Introduction à Python - Achraf Kacimi El HassaniIntroduction à Python - Achraf Kacimi El Hassani
Introduction à Python - Achraf Kacimi El Hassani
Shellmates
 
Gérer et diffuser ses données: principes et bonnes pratiques
Gérer et diffuser ses données: principes et bonnes pratiquesGérer et diffuser ses données: principes et bonnes pratiques
Gérer et diffuser ses données: principes et bonnes pratiques
Mathieu Saby
 
Support du cours : Programmation Web 2
Support du cours : Programmation Web 2Support du cours : Programmation Web 2
Support du cours : Programmation Web 2
Faycel Chaoua
 
Td2 decrypted
Td2 decryptedTd2 decrypted
Td2 decrypted
Med Mmed
 
Les bases de l'HTML / CSS
Les bases de l'HTML / CSSLes bases de l'HTML / CSS
Les bases de l'HTML / CSS
Samuel Robert
 
Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3
Abel LIFAEFI MBULA
 
Formation python 3
Formation python 3Formation python 3
Formation python 3
WajihBaghdadi1
 
Introduction au web cours.pdf
Introduction au web cours.pdfIntroduction au web cours.pdf
Introduction au web cours.pdf
Elomyakobi
 
Support de cours technologie et application m.youssfi
Support de cours technologie et application m.youssfiSupport de cours technologie et application m.youssfi
Support de cours technologie et application m.youssfi
ENSET, Université Hassan II Casablanca
 

Tendances (20)

Systèmes d'Exploitation - chp2-gestion des processus
Systèmes d'Exploitation - chp2-gestion des processusSystèmes d'Exploitation - chp2-gestion des processus
Systèmes d'Exploitation - chp2-gestion des processus
 
introduction à MongoDB
introduction à MongoDBintroduction à MongoDB
introduction à MongoDB
 
Cours php
Cours php Cours php
Cours php
 
Stockage de données dans Android : Fichiers
Stockage de données dans Android : FichiersStockage de données dans Android : Fichiers
Stockage de données dans Android : Fichiers
 
Cours java
Cours javaCours java
Cours java
 
Design Patterns Java
Design Patterns JavaDesign Patterns Java
Design Patterns Java
 
JAVA
JAVAJAVA
JAVA
 
Introduction à Python
Introduction à PythonIntroduction à Python
Introduction à Python
 
Programmation orientée objet en PHP 5
Programmation orientée objet en PHP 5Programmation orientée objet en PHP 5
Programmation orientée objet en PHP 5
 
Supervision informatique
Supervision informatiqueSupervision informatique
Supervision informatique
 
Introduction à Python - Achraf Kacimi El Hassani
Introduction à Python - Achraf Kacimi El HassaniIntroduction à Python - Achraf Kacimi El Hassani
Introduction à Python - Achraf Kacimi El Hassani
 
Gérer et diffuser ses données: principes et bonnes pratiques
Gérer et diffuser ses données: principes et bonnes pratiquesGérer et diffuser ses données: principes et bonnes pratiques
Gérer et diffuser ses données: principes et bonnes pratiques
 
Hadoop
HadoopHadoop
Hadoop
 
Support du cours : Programmation Web 2
Support du cours : Programmation Web 2Support du cours : Programmation Web 2
Support du cours : Programmation Web 2
 
Td2 decrypted
Td2 decryptedTd2 decrypted
Td2 decrypted
 
Les bases de l'HTML / CSS
Les bases de l'HTML / CSSLes bases de l'HTML / CSS
Les bases de l'HTML / CSS
 
Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3
 
Formation python 3
Formation python 3Formation python 3
Formation python 3
 
Introduction au web cours.pdf
Introduction au web cours.pdfIntroduction au web cours.pdf
Introduction au web cours.pdf
 
Support de cours technologie et application m.youssfi
Support de cours technologie et application m.youssfiSupport de cours technologie et application m.youssfi
Support de cours technologie et application m.youssfi
 

Similaire à Systèmes de Gestion de Contenu (SGC)

SPIP
SPIPSPIP
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutant
Korteby Farouk
 
2018 Cours projet web collaboratif Partie1
2018 Cours projet web collaboratif Partie12018 Cours projet web collaboratif Partie1
2018 Cours projet web collaboratif Partie1
Eric Giraudin
 
Web content management wcm
Web content management wcmWeb content management wcm
Web content management wcm
Ghizlane El Karchouli
 
Wordpress pour les entreprises
Wordpress pour les entreprisesWordpress pour les entreprises
Wordpress pour les entreprises
monsieurpixel
 
Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)
Nicolas Morin
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptx
yassinesouli2
 
Mini projet individuel php
Mini projet individuel phpMini projet individuel php
Mini projet individuel php
Khadim Mbacké
 
présentation wordpress
présentation wordpressprésentation wordpress
présentation wordpress
monsieurpixel
 
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
Eric Giraudin
 
Histoires de CMS
Histoires de CMSHistoires de CMS
Histoires de CMS
Catherine Mollet
 
Présentation Joomla!
Présentation Joomla!Présentation Joomla!
Présentation Joomla!
nomadz
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)
Nicolas Morin
 
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
ssuser1a62e1
 
BDW-ProgWEB_P1.pdf
BDW-ProgWEB_P1.pdfBDW-ProgWEB_P1.pdf
BDW-ProgWEB_P1.pdf
RihabBENLAMINE
 
Bootstrap
BootstrapBootstrap
Bootstrap
Romdhani Asma
 
Cours programmation web, introduction à HTML et CSS.pptx
Cours programmation web, introduction à HTML et CSS.pptxCours programmation web, introduction à HTML et CSS.pptx
Cours programmation web, introduction à HTML et CSS.pptx
tienne6
 

Similaire à Systèmes de Gestion de Contenu (SGC) (20)

SAPIENS2009 - Module 4B
SAPIENS2009 - Module 4BSAPIENS2009 - Module 4B
SAPIENS2009 - Module 4B
 
SPIP
SPIPSPIP
SPIP
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutant
 
2018 Cours projet web collaboratif Partie1
2018 Cours projet web collaboratif Partie12018 Cours projet web collaboratif Partie1
2018 Cours projet web collaboratif Partie1
 
Web content management wcm
Web content management wcmWeb content management wcm
Web content management wcm
 
Wordpress pour les entreprises
Wordpress pour les entreprisesWordpress pour les entreprises
Wordpress pour les entreprises
 
Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)Drupal en bibliothèque (2009)
Drupal en bibliothèque (2009)
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptx
 
Cours1
Cours1Cours1
Cours1
 
Mini projet individuel php
Mini projet individuel phpMini projet individuel php
Mini projet individuel php
 
présentation wordpress
présentation wordpressprésentation wordpress
présentation wordpress
 
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
 
Histoires de CMS
Histoires de CMSHistoires de CMS
Histoires de CMS
 
Présentation Joomla!
Présentation Joomla!Présentation Joomla!
Présentation Joomla!
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)
 
Cms oss-27012006
Cms oss-27012006Cms oss-27012006
Cms oss-27012006
 
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
 
BDW-ProgWEB_P1.pdf
BDW-ProgWEB_P1.pdfBDW-ProgWEB_P1.pdf
BDW-ProgWEB_P1.pdf
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Cours programmation web, introduction à HTML et CSS.pptx
Cours programmation web, introduction à HTML et CSS.pptxCours programmation web, introduction à HTML et CSS.pptx
Cours programmation web, introduction à HTML et CSS.pptx
 

Plus de Laurent Moccozet

Créer une vidéo annotée à partir de photos sur Youtube
Créer une vidéo annotée à partir de photos sur YoutubeCréer une vidéo annotée à partir de photos sur Youtube
Créer une vidéo annotée à partir de photos sur Youtube
Laurent Moccozet
 
Une intro à Zotero
Une intro à ZoteroUne intro à Zotero
Une intro à Zotero
Laurent Moccozet
 
Développement d'application avec App Inventor
Développement d'application avec App InventorDéveloppement d'application avec App Inventor
Développement d'application avec App Inventor
Laurent Moccozet
 
Tutoriel express pour Omeka sur Omeka.net
Tutoriel express pour Omeka sur Omeka.netTutoriel express pour Omeka sur Omeka.net
Tutoriel express pour Omeka sur Omeka.net
Laurent Moccozet
 
Projet de semestre / 4ème partie / partage de contenus multimédia
Projet de semestre / 4ème partie / partage de contenus multimédiaProjet de semestre / 4ème partie / partage de contenus multimédia
Projet de semestre / 4ème partie / partage de contenus multimédia
Laurent Moccozet
 
Projet de semestre / 3ème partie / partage de contenus multimédia
Projet de semestre / 3ème partie / partage de contenus multimédiaProjet de semestre / 3ème partie / partage de contenus multimédia
Projet de semestre / 3ème partie / partage de contenus multimédia
Laurent Moccozet
 
Projet de semestre / 2ème partie / partage de contenus multimédia
Projet de semestre / 2ème partie / partage de contenus multimédiaProjet de semestre / 2ème partie / partage de contenus multimédia
Projet de semestre / 2ème partie / partage de contenus multimédia
Laurent Moccozet
 
Projet de semestre / questions de droits d'auteur / partage de contenus multi...
Projet de semestre / questions de droits d'auteur / partage de contenus multi...Projet de semestre / questions de droits d'auteur / partage de contenus multi...
Projet de semestre / questions de droits d'auteur / partage de contenus multi...
Laurent Moccozet
 
Projet de semestre / 1ére partie / partage de contenus multimédias
Projet de semestre / 1ére partie / partage de contenus multimédiasProjet de semestre / 1ére partie / partage de contenus multimédias
Projet de semestre / 1ére partie / partage de contenus multimédias
Laurent Moccozet
 
Création d'une app avec appmaker de Mozilla
Création d'une app avec appmaker de MozillaCréation d'une app avec appmaker de Mozilla
Création d'une app avec appmaker de Mozilla
Laurent Moccozet
 
Introduction au projet de semestre / partage de contenus multimédias
Introduction au projet de semestre / partage de contenus multimédiasIntroduction au projet de semestre / partage de contenus multimédias
Introduction au projet de semestre / partage de contenus multimédias
Laurent Moccozet
 
Procédure pour configurer l'ordinateur pour utiliser ManyEyes
Procédure pour configurer l'ordinateur pour utiliser ManyEyesProcédure pour configurer l'ordinateur pour utiliser ManyEyes
Procédure pour configurer l'ordinateur pour utiliser ManyEyes
Laurent Moccozet
 
Création d'un flux d'information de veille avec Yahoo Pipes
Création d'un flux d'information de veille avec Yahoo PipesCréation d'un flux d'information de veille avec Yahoo Pipes
Création d'un flux d'information de veille avec Yahoo Pipes
Laurent Moccozet
 
projet PPCM 2014: compléments sur les droits d'auteur
projet PPCM 2014: compléments sur les droits d'auteurprojet PPCM 2014: compléments sur les droits d'auteur
projet PPCM 2014: compléments sur les droits d'auteur
Laurent Moccozet
 
Séance 5: projet PPCM 2014
Séance 5: projet PPCM 2014Séance 5: projet PPCM 2014
Séance 5: projet PPCM 2014
Laurent Moccozet
 
Intégrer un contenu depuis une plateforme de partage dans Netvibes
Intégrer un contenu depuis une plateforme de partage dans NetvibesIntégrer un contenu depuis une plateforme de partage dans Netvibes
Intégrer un contenu depuis une plateforme de partage dans Netvibes
Laurent Moccozet
 
Séance 4: projet PPCM 2014
Séance 4: projet PPCM 2014Séance 4: projet PPCM 2014
Séance 4: projet PPCM 2014
Laurent Moccozet
 
Séance 3: projet PPCM 2014
Séance 3: projet PPCM 2014Séance 3: projet PPCM 2014
Séance 3: projet PPCM 2014
Laurent Moccozet
 
Séance 2: projet PPCM 2014
Séance 2: projet PPCM 2014Séance 2: projet PPCM 2014
Séance 2: projet PPCM 2014
Laurent Moccozet
 
Séance 1: Introduction au projet PPCM 2014
Séance 1: Introduction au projet PPCM 2014Séance 1: Introduction au projet PPCM 2014
Séance 1: Introduction au projet PPCM 2014
Laurent Moccozet
 

Plus de Laurent Moccozet (20)

Créer une vidéo annotée à partir de photos sur Youtube
Créer une vidéo annotée à partir de photos sur YoutubeCréer une vidéo annotée à partir de photos sur Youtube
Créer une vidéo annotée à partir de photos sur Youtube
 
Une intro à Zotero
Une intro à ZoteroUne intro à Zotero
Une intro à Zotero
 
Développement d'application avec App Inventor
Développement d'application avec App InventorDéveloppement d'application avec App Inventor
Développement d'application avec App Inventor
 
Tutoriel express pour Omeka sur Omeka.net
Tutoriel express pour Omeka sur Omeka.netTutoriel express pour Omeka sur Omeka.net
Tutoriel express pour Omeka sur Omeka.net
 
Projet de semestre / 4ème partie / partage de contenus multimédia
Projet de semestre / 4ème partie / partage de contenus multimédiaProjet de semestre / 4ème partie / partage de contenus multimédia
Projet de semestre / 4ème partie / partage de contenus multimédia
 
Projet de semestre / 3ème partie / partage de contenus multimédia
Projet de semestre / 3ème partie / partage de contenus multimédiaProjet de semestre / 3ème partie / partage de contenus multimédia
Projet de semestre / 3ème partie / partage de contenus multimédia
 
Projet de semestre / 2ème partie / partage de contenus multimédia
Projet de semestre / 2ème partie / partage de contenus multimédiaProjet de semestre / 2ème partie / partage de contenus multimédia
Projet de semestre / 2ème partie / partage de contenus multimédia
 
Projet de semestre / questions de droits d'auteur / partage de contenus multi...
Projet de semestre / questions de droits d'auteur / partage de contenus multi...Projet de semestre / questions de droits d'auteur / partage de contenus multi...
Projet de semestre / questions de droits d'auteur / partage de contenus multi...
 
Projet de semestre / 1ére partie / partage de contenus multimédias
Projet de semestre / 1ére partie / partage de contenus multimédiasProjet de semestre / 1ére partie / partage de contenus multimédias
Projet de semestre / 1ére partie / partage de contenus multimédias
 
Création d'une app avec appmaker de Mozilla
Création d'une app avec appmaker de MozillaCréation d'une app avec appmaker de Mozilla
Création d'une app avec appmaker de Mozilla
 
Introduction au projet de semestre / partage de contenus multimédias
Introduction au projet de semestre / partage de contenus multimédiasIntroduction au projet de semestre / partage de contenus multimédias
Introduction au projet de semestre / partage de contenus multimédias
 
Procédure pour configurer l'ordinateur pour utiliser ManyEyes
Procédure pour configurer l'ordinateur pour utiliser ManyEyesProcédure pour configurer l'ordinateur pour utiliser ManyEyes
Procédure pour configurer l'ordinateur pour utiliser ManyEyes
 
Création d'un flux d'information de veille avec Yahoo Pipes
Création d'un flux d'information de veille avec Yahoo PipesCréation d'un flux d'information de veille avec Yahoo Pipes
Création d'un flux d'information de veille avec Yahoo Pipes
 
projet PPCM 2014: compléments sur les droits d'auteur
projet PPCM 2014: compléments sur les droits d'auteurprojet PPCM 2014: compléments sur les droits d'auteur
projet PPCM 2014: compléments sur les droits d'auteur
 
Séance 5: projet PPCM 2014
Séance 5: projet PPCM 2014Séance 5: projet PPCM 2014
Séance 5: projet PPCM 2014
 
Intégrer un contenu depuis une plateforme de partage dans Netvibes
Intégrer un contenu depuis une plateforme de partage dans NetvibesIntégrer un contenu depuis une plateforme de partage dans Netvibes
Intégrer un contenu depuis une plateforme de partage dans Netvibes
 
Séance 4: projet PPCM 2014
Séance 4: projet PPCM 2014Séance 4: projet PPCM 2014
Séance 4: projet PPCM 2014
 
Séance 3: projet PPCM 2014
Séance 3: projet PPCM 2014Séance 3: projet PPCM 2014
Séance 3: projet PPCM 2014
 
Séance 2: projet PPCM 2014
Séance 2: projet PPCM 2014Séance 2: projet PPCM 2014
Séance 2: projet PPCM 2014
 
Séance 1: Introduction au projet PPCM 2014
Séance 1: Introduction au projet PPCM 2014Séance 1: Introduction au projet PPCM 2014
Séance 1: Introduction au projet PPCM 2014
 

Dernier

MÉDIATION ORALE - MON NOUVEL APPARTEMENT.pdf
MÉDIATION ORALE - MON NOUVEL APPARTEMENT.pdfMÉDIATION ORALE - MON NOUVEL APPARTEMENT.pdf
MÉDIATION ORALE - MON NOUVEL APPARTEMENT.pdf
lebaobabbleu
 
1e geo metropolisation metropolisation x
1e geo metropolisation metropolisation x1e geo metropolisation metropolisation x
1e geo metropolisation metropolisation x
NadineHG
 
GUIDE POUR L’EVRAS BALISES ET APPRENTISSAGES
GUIDE POUR L’EVRAS BALISES ET APPRENTISSAGESGUIDE POUR L’EVRAS BALISES ET APPRENTISSAGES
GUIDE POUR L’EVRAS BALISES ET APPRENTISSAGES
DjibrilToure5
 
1e Espaces productifs 2024.Espaces productif
1e Espaces productifs 2024.Espaces productif1e Espaces productifs 2024.Espaces productif
1e Espaces productifs 2024.Espaces productif
NadineHG
 
Techno Revo et nations (1789-1848) ).pdf
Techno Revo et nations (1789-1848) ).pdfTechno Revo et nations (1789-1848) ).pdf
Techno Revo et nations (1789-1848) ).pdf
NadineHG
 
Compréhension orale La famille de Sophie (12).pdf
Compréhension orale  La famille de Sophie (12).pdfCompréhension orale  La famille de Sophie (12).pdf
Compréhension orale La famille de Sophie (12).pdf
lebaobabbleu
 
A1- Compréhension orale - présentations.pdf
A1- Compréhension orale - présentations.pdfA1- Compréhension orale - présentations.pdf
A1- Compréhension orale - présentations.pdf
lebaobabbleu
 
Auguste Herbin.pptx Peintre français
Auguste   Herbin.pptx Peintre   françaisAuguste   Herbin.pptx Peintre   français
Auguste Herbin.pptx Peintre français
Txaruka
 
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
Editions La Dondaine
 

Dernier (9)

MÉDIATION ORALE - MON NOUVEL APPARTEMENT.pdf
MÉDIATION ORALE - MON NOUVEL APPARTEMENT.pdfMÉDIATION ORALE - MON NOUVEL APPARTEMENT.pdf
MÉDIATION ORALE - MON NOUVEL APPARTEMENT.pdf
 
1e geo metropolisation metropolisation x
1e geo metropolisation metropolisation x1e geo metropolisation metropolisation x
1e geo metropolisation metropolisation x
 
GUIDE POUR L’EVRAS BALISES ET APPRENTISSAGES
GUIDE POUR L’EVRAS BALISES ET APPRENTISSAGESGUIDE POUR L’EVRAS BALISES ET APPRENTISSAGES
GUIDE POUR L’EVRAS BALISES ET APPRENTISSAGES
 
1e Espaces productifs 2024.Espaces productif
1e Espaces productifs 2024.Espaces productif1e Espaces productifs 2024.Espaces productif
1e Espaces productifs 2024.Espaces productif
 
Techno Revo et nations (1789-1848) ).pdf
Techno Revo et nations (1789-1848) ).pdfTechno Revo et nations (1789-1848) ).pdf
Techno Revo et nations (1789-1848) ).pdf
 
Compréhension orale La famille de Sophie (12).pdf
Compréhension orale  La famille de Sophie (12).pdfCompréhension orale  La famille de Sophie (12).pdf
Compréhension orale La famille de Sophie (12).pdf
 
A1- Compréhension orale - présentations.pdf
A1- Compréhension orale - présentations.pdfA1- Compréhension orale - présentations.pdf
A1- Compréhension orale - présentations.pdf
 
Auguste Herbin.pptx Peintre français
Auguste   Herbin.pptx Peintre   françaisAuguste   Herbin.pptx Peintre   français
Auguste Herbin.pptx Peintre français
 
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
 

Systèmes de Gestion de Contenu (SGC)

  • 1. Le Web 1.5 Du serveur statique au serveur dynamique: Systèmes de Gestion de Contenus
  • 2. Web 1.5  Du statique… http://www.usingdrupal.com/
  • 3. Web 1.5  … au dynamique http://www.usingdrupal.com/
  • 4. Web 1.5  Génération dynamique de contenu  Le serveur produit les documents HTML à la demande http://fr.wikipedia.org/wiki/PHP:_Hypertext_Preprocessor
  • 5. Web 1.5  L’arrivée du Web 1.5 avec ses pages dynamiques marque une nouvelle étape:  Facilitation de la production des documents (saisie des contenus par formulaire et insertion/mise en forme et publication automatisée au travers de scripts / Système de gestion de contenu)  Facilitation de la gestion de site: systèmes de publication « clé en main » (à partir de l’installation de scripts et base de données sur le serveur qui automatisent la construction de sites webs).
  • 6. Web 1.5  L’ajout d’information se fait « en ligne » sous forme de formulaires web intuitifs à compléter sans code HTML.  La validation du formulaire entraîne la mise à jour de la base données.  Les scripts de consultation et de présentation interrogent la base de données et mettent en forme les informations qu’elle retourne:  Chaque page produite à la volée (dynamiquement) reproduit exactement le contenu de la base de données.  Pour le rédacteur, pas besoin de mise en forme, ni de transférer des fichiers.
  • 7. Web 1.5  Dissociation des aspects documentaires:  Gestion/administration  Structuration de l’information (table des matières, rubriques…)  Mise en forme (charte graphique…)  Contenu  Différenciation des acteurs:  Workflows éditoriaux ou chaînes éditoriales:  Plusieurs intervenants possibles avec des « rôles »: administrateur, rédacteur, modérateur, lecteur…  Chaque rôle donne accès à des fonctionnalités particulières.
  • 8. Web 1.5  Les aspects technologiques:  Les contenus sont organisés et stockés dans des bases de données (p.e. mySQL) en ligne:  Le contenu est stocké dans une base de données. C'est le contenu de la base qui est créé/modifié par le rédacteur, et non pas la page elle-même.  Des pages générées à la volée/à la demande sur le serveur par des scripts (p.e. PHP) permettant de modifier et d’afficher le contenu des bases de données:  La présentation est définie dans un gabarit. Le gabarit définit la mise en page des pages web - via le code html complété par les “feuilles de styles” (css), ainsi que les informations extraites de la base de données et l’emplacement où elles doivent être affichées dans la page.
  • 9. Web 1.5  Schéma général:  Mise en place et organisation du site:  L’administrateur:  Installe les scripts sur le disque du serveur et création de la base de données.  Structure le site: organisation des rubriques…  Organise la rédaction des contenus: création des utilisateurs et affectation de leurs rôles.  Définit une charte graphique globale.
  • 10. Web 1.5  Schéma général (suite):  Création/mise à jour des contenus:  Un rédacteur complète en ligne un contenu (p.e. article de blog) à partir d’un formulaire (contenant des champs: titre, résumé, mots-clés, corps de l’article…).  Lorsqu’il valide le formulaire, les données sont enregistrées dans la base de données.  Accès aux contenus:  Un lecteur accède à une page qui est produite au moment de la requête par un script qui extrait les informations de la base de données et les met en forme: le tout est organisé sous forme d’un document html renvoyé au navigateur du lecteur.
  • 11. Les Systèmes de Gestion de Contenu Caractéristique du Web 1.5
  • 12. Système de gestion de contenu  L’exemple type: le SGC  Ou Système de Gestion de Contenu:  systèmes de gestion de contenu, ou SGC (de l'anglais Content Management Systems ou CMS), sont une famille de logiciels de conception et de mise à jour dynamique de site Web ou d'application multimédia partageant les fonctionnalités suivantes :  Ils permettent à plusieurs individus de travailler sur un même document ;  Ils fournissent une chaîne de publication (workflow) offrant par exemple la possibilité de publier (mettre en ligne le contenu) des documents ;  Ils permettent de séparer les opérations de gestion de la forme et du contenu ;  Ils permettent de structurer le contenu (utilisation de FAQ, de document, de blog, forum de discussion , etc.) ;  Certains SGC incluent le contrôle de version. http://fr.wikipedia.org/wiki/Syst%C3%A8me_de_gestion_de_contenu
  • 13. Système de gestion de contenu http://www.spip.net/
  • 14. Système de gestion de contenu http://www.spip.net/
  • 15. Système de gestion de contenu  Installation http://www.spip.net/
  • 16. Système de gestion de contenu  Structure globale http://www.usingdrupal.com/ & http://www.phpfacile.com/
  • 17. Système de gestion de contenu  Un système flexible:  Installation:  Fonctionnalités de base « out of the box »  Extensions possibles:  Plug-in: ajout de fonctionnalités supplémentaires  Thèmes: ajout de modèles de présentation graphique  Extensions supplémentaires:  API: possibilité de développer ses propres extensions et thèmes
  • 18. Système de gestion de contenu http://ouvaton.coop/Fonctionnement-d-un-service-web
  • 19. Système de gestion de contenu http://www.spip.net/
  • 20. Système de gestion de contenu  Le workflow éditorial http://www.spip.net/
  • 21. Système de gestion de contenu  Architecture générale d’un SGC http://www.creer-son-site-internet.fr/principe-fonctionnement-cms.html
  • 22. Les SGC en famille  Grandes « familles » de SGC  Certains SGC sont spécialisés pour certains usages:  Tous les SGC d’une même famille proposent des fonctionnalités similaires:  Blogs:  « Moteur » de blog: SGC qui permet de mettre en œuvre un blog  Wordpress, Dotclear…  Wiki:  TikiWiki, Wikimédia…
  • 23. Fermes de SGC  Fermes de blogs  Générateur automatique de blogs:  Le moteur de blog est automatiquement installé sans intervention de l’utilisateur  Inscription  Création du blog  Utilisation immédiate  Blogger  OverBlog  Wordpress.com http://social.hecube.net/blog/2009/04/15/buddypress-democratise-les-reseaux-sociaux-thematiques/
  • 24. Wordpress  Site:  http://wordpress.org/  Présentation  http://www.wordpress-fr.net/wordpress/presentation/  Pour essayer en ligne  http://demo.wordpress-fr.net/  Documentation  http://codex.wordpress.org/fr:Accueil  Ferme de blogs wordpress  http://fr.wordpress.com/
  • 26. Disclaimer  Les illustrations incluses (avec leur source dans la mesure du possible) dans cette présentation sont à but strictement pédagogique.  Si vous en êtes l’auteur ou le propriétaire et que vous ne souhaitez pas qu’elles soient utilisées dans ce cadre, signalez-le simplement, elles seront immédiatement retirées.