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.

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 deGestion de Contenu Caractéristique du Web 1.5
  • 12.
    Système de gestionde 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 gestionde contenu http://www.spip.net/
  • 14.
    Système de gestionde contenu http://www.spip.net/
  • 15.
    Système de gestionde contenu  Installation http://www.spip.net/
  • 16.
    Système de gestionde contenu  Structure globale http://www.usingdrupal.com/ & http://www.phpfacile.com/
  • 17.
    Système de gestionde 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 gestionde contenu http://ouvaton.coop/Fonctionnement-d-un-service-web
  • 19.
    Système de gestionde contenu http://www.spip.net/
  • 20.
    Système de gestionde contenu  Le workflow éditorial http://www.spip.net/
  • 21.
    Système de gestionde contenu  Architecture générale d’un SGC http://www.creer-son-site-internet.fr/principe-fonctionnement-cms.html
  • 22.
    Les SGC enfamille  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/
  • 25.
  • 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.