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/

25. Wordpress

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.