SlideShare une entreprise Scribd logo
1  sur  21
Gestion de contenu dans un Framework, avec




                                    Les midis L&L


                                             Octobre 2008
Table des matières
   •Introduction
   •A propos de la gestion de contenu
   •Ce qu’on retrouvait avant...
   •Ce qui serait idéal
   •Entre en jeu MODx
   •Avantages avec MODx
   •L’Ergonomie et l’Accessibilité?
   •Concepts de MODx
   •Exemple «live»
   •Questions
   •Ressources


                                   L&L Octobre 2008, Gestion de contenu dans un Framework, avec
Introduction
          A propos de l’auteur
          Renoir Boulanger
          •Webmestre depuis 2002
          •Plus de 150 projets web réalisé à date
          •Développé Géranium CMS entre 2004 et 2007
          •Développeur PHP
          •Membre du Groupe Expérience Utilisateur
          •Formation Expert en Accessibilité du Web




                             L&L Octobre 2008, Gestion de contenu dans un Framework, avec
Qui à déjà géré un site web?
   •Outils utilisés
   •Problèmes rencontrés
   •Demandes client
   •Satisfaction personnelle du résultat




                                           L&L Octobre 2008, Gestion de contenu dans un Framework, avec
À propos de la gestion du contenu
   •Blogging
   •Publication de contenu
   •Publication de nouvelles
   •Partage de morceaux de code
   •Wikis
   •Publication de photos
   •Utiliser un Framework pour ses besoins
   •...




                                             L&L Octobre 2008, Gestion de contenu dans un Framework, avec
Ce qu’on retrouvait avant...
   Le web d’aujourd’hui
   •Du point de vue «site personnel» il n’y avait pas de réel moyen d’harmoniser
   •Le web3.0 est une question de «sémantique»
   •Il existe plein d’outils spécialisés
     •Social: Facebook, Yahoo 360, MySpace, MSN Live!, Friendster, hi5 ...
     •Microblogging: Twitter, Yammer, FriendFeed, Plurk
     •Blogging: Blogger, Livejournal
     •Photo: Flickr, MobileMe, Facebook, Picasa
     •Vidéo: Google video, YouTube, Yahoo! video
     •Musique: Last.fm, MeeMix, imeem




                                                           Source: Groupereflect.net

                                                        L&L Octobre 2008, Gestion de contenu dans un Framework, avec
Ce qu’on retrouvait avant...
   «One size does not fit all»
   •Il a été remarqué que plusieurs utilisent un engin pour «faire tout»
   •Très peu de champs pour les données
       •Quelques champs texte: «titre», métas HTML
       •Textarea pour le HTML

   Exemple d’un cas typique
   •L’Usager tient un blogue WordPress pour publier un peu de tout
   •Il va poster...
       •des vidéos, liens (Del.icio.us, StumbleUpon)
       •des essais littéraires
       •ses pensés
       •Son statut (Twitter, Yammer, etc)
       •ses recettes
       •...                                        L&L Octobre 2008, Gestion de contenu dans un Framework, avec
Ce qu’on retrouvait avant...
   La valeur de réutilisation?
   •Pouvoir chercher parmi les recettes végétariennes
   •Chercher par tags des recettes
   •Pouvoir exporter la recette en Microformat


   Résultat
   •Des données se retrouvent dupliqués
   •Non trouvables, mal structurés
   •Il faut modifier l’engin en tant que tel si on veut aller plus loin
   •...




                                                L&L Octobre 2008, Gestion de contenu dans un Framework, avec
Déjà vécu une situation similaire?
   •Ce qui était arrivé
   •Ce qui aurait pu être fait pour améliorer




                                                L&L Octobre 2008, Gestion de contenu dans un Framework, avec
Ce qui serait l’idéal
    Le contenu est roi
    •Il faudrait pouvoir maximiser le potentiel du contenu
    •Le contenu est la raison de la visite sur le site
    •Ne pas avoir de bonne structure (HTML) dans le contenu équivaut à gaspiller
    •Un manque de structure nuit autant au référencement qu’au potentiel de réutilisabilité
    •Le CMS devrait aider à améliorer la situation

               «   In order for content management to be done well, you really need
           separate objects in your database. You can't expect a single object with
                                   three fields to handle everything you want to do.                 »


                                             L&L Octobre 2008, Gestion de contenu dans un Framework, avec
Ce qui serait l’idéal
    Imaginez...
    •Modifier facilement le contenu... sans «programmer».
    •Des métas-données «à volonté»
    •Faire abstraction de la page mais de pouvoir l'appeler et que les liens se mettent à jour
    •Pouvoir gérer l’état des pages avec de la Cache et la possibilité de permettre la recherche
    •Pouvoir chercher le contenu ailleurs, mais formaté pour le site actuel
    •Pouvoir changer le type de document, au besoin
    •Classer facilement dans une arborescence le contenu
    •Avoir un API qui permet pouvoir étendre au besoin des fonctions sans modifier le core
    de l'engin en tant que tel.

    •Avoir un "management interface" compréhensible et facile a expliquer pour les non-
    programmeurs et les non-designers

    •...

                                            L&L Octobre 2008, Gestion de contenu dans un Framework, avec
Voilà où entre en jeu MODx
                       «
                       In a Content Management Framework ("CMF"): equal parts
           custom web app builder and Content Management System ("CMS").                             »
   Des choses «cool»
   •Ajouter automatiquement les abréviations sans avoir a les faire à la main
   •Avoir un badge de nos solutions sur la page d'accueil sans avoir a gérer à X endroits le
   management

   •Génère une liste bien formatée des trois dernières nouvelles sur la page d’Accueil
   •Pouvoir lister sur une page toutes les nouvelles avec des ancres
   •Génère un fil RSS de nouvelles basé sur le même contenu
   •Un «site map» en format HTML et «Google site map» généré automatiquement
   •Pouvoir modifier le contenu, le faire approuver, puis le publier dans UN outil.
   •...

                                             L&L Octobre 2008, Gestion de contenu dans un Framework, avec
Avantages avec MODx
   •Le designer fait son HTML et CSS, sans s'improviser codeur
   •Le codeur peut fournit des «métas-codes» abstraits compréhensible (parsing)
   •Les appels sont compréhensible même pour les non-codeurs.
   •Foule de ressources disponibles déjà faits.
   •Documentation claire
   •Le code source est clair aussi
   •Orienté objet
   •Permet de réutiliser le contenu et la base de donnée
   •Engin qui permet de communiquer avec l'API et même lancer des opérations sur le
   contenu avec des «System events»

   •...



                                            L&L Octobre 2008, Gestion de contenu dans un Framework, avec
L’Ergonomie et L’Accessibilité?
   •L’accès au documentObject permet de pouvoir étendre au besoin les verboses
   •Le «Templating» permet au consultant en accessibilité de voir de façon séparée les bouts de
   code qui sont ensuite parsés pour former le contenu final

   •Liberté totale dans la création du site, on peut faire du multi-disciplinaire
     •Codeurs
     •Designer
     •Ergonomie
     •Rédaction
     •Architecture de l’information à volonté (!!)
   •...




                                               L&L Octobre 2008, Gestion de contenu dans un Framework, avec
Concepts de MODx
  Réelle séparation entre
  •L'Engin en tant que tel
  •Le Contenu
  •La logique appliqué au contexte ...


  Réutilisation des «ressources» avec engin de «parsing»
  •Templates,
  •Les Snippets,
  •Les Chunks,
  •Les Plugins,
  •Les Modules, et
  •Les Template variables
  •...

                                         L&L Octobre 2008, Gestion de contenu dans un Framework, avec
Concepts de MODx
  «System events»
  •Faire exécuter dans un moment clé du cycle de vie
  •Lance des séquences d’automatismes, ex: Générateur d'Abréviations ...


  La logique spécifique au site
  •Les "Snippets" pour réutiliser du contenu, re-formatter, insérer un "Chunk"
  •Les Événements peuvent être utilisés pour appeler des fonctions spéciales
  •Les variables de page pour étendre le contenu
  •Appliquer d'autres actions automatisés durant le "processus de vie de la page".
  •Faire des «loops» avec des sous pages
  •Tout est géré dans le manager pas besoin de toucher au code
  •...



                                           L&L Octobre 2008, Gestion de contenu dans un Framework, avec
Concepts de MODx
  Des options de page utiles
  •Titre long, titre court, Description, résumé, d’autres à volonté avec les Template variables
  •Afficher dans le menu ou non
  •Publié ou non, date de publication et de dé-publication
  •Cachable ou non, Cherchable ou non ...

  Un «DocumentObject» complet
  •Accès aux métas données sans code et via l'API
  •Accès aux «ressources»
  •Potentiel de réutisabilité grandement amélioré ...

  Contrôle du «input»
  •Ajouter un plugin qui nous permettrait d'utiliser Textile au lieu du HTML
  •Le contrôle sur le «Doctype» permet de pouvoir faire le code qu'on a besoin.
  •...
                                             L&L Octobre 2008, Gestion de contenu dans un Framework, avec
Exemple «live»




                 L&L Octobre 2008, Gestion de contenu dans un Framework, avec
Questions




            L&L Octobre 2008, Gestion de contenu dans un Framework, avec
Ressources
   •Le web
      •http://www.modxcms.com/
      •Renegade Zen: The next level in CMS
      •JeffCroft.com: On personal content management


   •Confluence
      •Projet MODx
      •Projet MODx vigie à propos de MODx
      •Projet MODx Étude sur le choix
      •Projet MODx Considérations prises lors du developpement
      •Exemple complet Projet MODx Déploiement du site TechSolCom3




                                        L&L Octobre 2008, Gestion de contenu dans un Framework, avec
MODx et les CMS durant Lunch and Learn 2008-10-23

Contenu connexe

En vedette

Net proiect-diagnostic-si-strategiile-firmei
Net proiect-diagnostic-si-strategiile-firmeiNet proiect-diagnostic-si-strategiile-firmei
Net proiect-diagnostic-si-strategiile-firmeiConstantin Prisecaru
 
Juan andrés campo giraldo
Juan andrés campo giraldoJuan andrés campo giraldo
Juan andrés campo giraldoJuanAndresCampo
 
Creación de un blog y su publicacion en slide share
Creación de un blog y su publicacion en slide share Creación de un blog y su publicacion en slide share
Creación de un blog y su publicacion en slide share andreacalvasite
 
KKykerTeachingPhilosophy#1
KKykerTeachingPhilosophy#1KKykerTeachingPhilosophy#1
KKykerTeachingPhilosophy#1Krista Kyker
 
ICDE-2015 Shortest Path Traversal Optimization and Analysis for Large Graph C...
ICDE-2015 Shortest Path Traversal Optimization and Analysis for Large Graph C...ICDE-2015 Shortest Path Traversal Optimization and Analysis for Large Graph C...
ICDE-2015 Shortest Path Traversal Optimization and Analysis for Large Graph C...Waqas Nawaz
 
Brief steaMakers
Brief steaMakersBrief steaMakers
Brief steaMakersjmachuca
 
Lecture 4 asymptotic notations
Lecture 4   asymptotic notationsLecture 4   asymptotic notations
Lecture 4 asymptotic notationsjayavignesh86
 

En vedette (10)

Net proiect-diagnostic-si-strategiile-firmei
Net proiect-diagnostic-si-strategiile-firmeiNet proiect-diagnostic-si-strategiile-firmei
Net proiect-diagnostic-si-strategiile-firmei
 
Juan andrés campo giraldo
Juan andrés campo giraldoJuan andrés campo giraldo
Juan andrés campo giraldo
 
Creación de un blog y su publicacion en slide share
Creación de un blog y su publicacion en slide share Creación de un blog y su publicacion en slide share
Creación de un blog y su publicacion en slide share
 
Pres E Bda 2011
Pres  E Bda 2011Pres  E Bda 2011
Pres E Bda 2011
 
KKykerTeachingPhilosophy#1
KKykerTeachingPhilosophy#1KKykerTeachingPhilosophy#1
KKykerTeachingPhilosophy#1
 
ICDE-2015 Shortest Path Traversal Optimization and Analysis for Large Graph C...
ICDE-2015 Shortest Path Traversal Optimization and Analysis for Large Graph C...ICDE-2015 Shortest Path Traversal Optimization and Analysis for Large Graph C...
ICDE-2015 Shortest Path Traversal Optimization and Analysis for Large Graph C...
 
Brief steaMakers
Brief steaMakersBrief steaMakers
Brief steaMakers
 
Presentación lectura crítica
Presentación lectura críticaPresentación lectura crítica
Presentación lectura crítica
 
Lecture 4 asymptotic notations
Lecture 4   asymptotic notationsLecture 4   asymptotic notations
Lecture 4 asymptotic notations
 
Spark Me
Spark MeSpark Me
Spark Me
 

MODx et les CMS durant Lunch and Learn 2008-10-23

  • 1. Gestion de contenu dans un Framework, avec Les midis L&L Octobre 2008
  • 2. Table des matières •Introduction •A propos de la gestion de contenu •Ce qu’on retrouvait avant... •Ce qui serait idéal •Entre en jeu MODx •Avantages avec MODx •L’Ergonomie et l’Accessibilité? •Concepts de MODx •Exemple «live» •Questions •Ressources L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 3. Introduction A propos de l’auteur Renoir Boulanger •Webmestre depuis 2002 •Plus de 150 projets web réalisé à date •Développé Géranium CMS entre 2004 et 2007 •Développeur PHP •Membre du Groupe Expérience Utilisateur •Formation Expert en Accessibilité du Web L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 4. Qui à déjà géré un site web? •Outils utilisés •Problèmes rencontrés •Demandes client •Satisfaction personnelle du résultat L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 5. À propos de la gestion du contenu •Blogging •Publication de contenu •Publication de nouvelles •Partage de morceaux de code •Wikis •Publication de photos •Utiliser un Framework pour ses besoins •... L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 6. Ce qu’on retrouvait avant... Le web d’aujourd’hui •Du point de vue «site personnel» il n’y avait pas de réel moyen d’harmoniser •Le web3.0 est une question de «sémantique» •Il existe plein d’outils spécialisés •Social: Facebook, Yahoo 360, MySpace, MSN Live!, Friendster, hi5 ... •Microblogging: Twitter, Yammer, FriendFeed, Plurk •Blogging: Blogger, Livejournal •Photo: Flickr, MobileMe, Facebook, Picasa •Vidéo: Google video, YouTube, Yahoo! video •Musique: Last.fm, MeeMix, imeem Source: Groupereflect.net L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 7. Ce qu’on retrouvait avant... «One size does not fit all» •Il a été remarqué que plusieurs utilisent un engin pour «faire tout» •Très peu de champs pour les données •Quelques champs texte: «titre», métas HTML •Textarea pour le HTML Exemple d’un cas typique •L’Usager tient un blogue WordPress pour publier un peu de tout •Il va poster... •des vidéos, liens (Del.icio.us, StumbleUpon) •des essais littéraires •ses pensés •Son statut (Twitter, Yammer, etc) •ses recettes •... L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 8. Ce qu’on retrouvait avant... La valeur de réutilisation? •Pouvoir chercher parmi les recettes végétariennes •Chercher par tags des recettes •Pouvoir exporter la recette en Microformat Résultat •Des données se retrouvent dupliqués •Non trouvables, mal structurés •Il faut modifier l’engin en tant que tel si on veut aller plus loin •... L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 9. Déjà vécu une situation similaire? •Ce qui était arrivé •Ce qui aurait pu être fait pour améliorer L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 10. Ce qui serait l’idéal Le contenu est roi •Il faudrait pouvoir maximiser le potentiel du contenu •Le contenu est la raison de la visite sur le site •Ne pas avoir de bonne structure (HTML) dans le contenu équivaut à gaspiller •Un manque de structure nuit autant au référencement qu’au potentiel de réutilisabilité •Le CMS devrait aider à améliorer la situation « In order for content management to be done well, you really need separate objects in your database. You can't expect a single object with three fields to handle everything you want to do. » L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 11. Ce qui serait l’idéal Imaginez... •Modifier facilement le contenu... sans «programmer». •Des métas-données «à volonté» •Faire abstraction de la page mais de pouvoir l'appeler et que les liens se mettent à jour •Pouvoir gérer l’état des pages avec de la Cache et la possibilité de permettre la recherche •Pouvoir chercher le contenu ailleurs, mais formaté pour le site actuel •Pouvoir changer le type de document, au besoin •Classer facilement dans une arborescence le contenu •Avoir un API qui permet pouvoir étendre au besoin des fonctions sans modifier le core de l'engin en tant que tel. •Avoir un "management interface" compréhensible et facile a expliquer pour les non- programmeurs et les non-designers •... L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 12. Voilà où entre en jeu MODx « In a Content Management Framework ("CMF"): equal parts custom web app builder and Content Management System ("CMS"). » Des choses «cool» •Ajouter automatiquement les abréviations sans avoir a les faire à la main •Avoir un badge de nos solutions sur la page d'accueil sans avoir a gérer à X endroits le management •Génère une liste bien formatée des trois dernières nouvelles sur la page d’Accueil •Pouvoir lister sur une page toutes les nouvelles avec des ancres •Génère un fil RSS de nouvelles basé sur le même contenu •Un «site map» en format HTML et «Google site map» généré automatiquement •Pouvoir modifier le contenu, le faire approuver, puis le publier dans UN outil. •... L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 13. Avantages avec MODx •Le designer fait son HTML et CSS, sans s'improviser codeur •Le codeur peut fournit des «métas-codes» abstraits compréhensible (parsing) •Les appels sont compréhensible même pour les non-codeurs. •Foule de ressources disponibles déjà faits. •Documentation claire •Le code source est clair aussi •Orienté objet •Permet de réutiliser le contenu et la base de donnée •Engin qui permet de communiquer avec l'API et même lancer des opérations sur le contenu avec des «System events» •... L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 14. L’Ergonomie et L’Accessibilité? •L’accès au documentObject permet de pouvoir étendre au besoin les verboses •Le «Templating» permet au consultant en accessibilité de voir de façon séparée les bouts de code qui sont ensuite parsés pour former le contenu final •Liberté totale dans la création du site, on peut faire du multi-disciplinaire •Codeurs •Designer •Ergonomie •Rédaction •Architecture de l’information à volonté (!!) •... L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 15. Concepts de MODx Réelle séparation entre •L'Engin en tant que tel •Le Contenu •La logique appliqué au contexte ... Réutilisation des «ressources» avec engin de «parsing» •Templates, •Les Snippets, •Les Chunks, •Les Plugins, •Les Modules, et •Les Template variables •... L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 16. Concepts de MODx «System events» •Faire exécuter dans un moment clé du cycle de vie •Lance des séquences d’automatismes, ex: Générateur d'Abréviations ... La logique spécifique au site •Les "Snippets" pour réutiliser du contenu, re-formatter, insérer un "Chunk" •Les Événements peuvent être utilisés pour appeler des fonctions spéciales •Les variables de page pour étendre le contenu •Appliquer d'autres actions automatisés durant le "processus de vie de la page". •Faire des «loops» avec des sous pages •Tout est géré dans le manager pas besoin de toucher au code •... L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 17. Concepts de MODx Des options de page utiles •Titre long, titre court, Description, résumé, d’autres à volonté avec les Template variables •Afficher dans le menu ou non •Publié ou non, date de publication et de dé-publication •Cachable ou non, Cherchable ou non ... Un «DocumentObject» complet •Accès aux métas données sans code et via l'API •Accès aux «ressources» •Potentiel de réutisabilité grandement amélioré ... Contrôle du «input» •Ajouter un plugin qui nous permettrait d'utiliser Textile au lieu du HTML •Le contrôle sur le «Doctype» permet de pouvoir faire le code qu'on a besoin. •... L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 18. Exemple «live» L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 19. Questions L&L Octobre 2008, Gestion de contenu dans un Framework, avec
  • 20. Ressources •Le web •http://www.modxcms.com/ •Renegade Zen: The next level in CMS •JeffCroft.com: On personal content management •Confluence •Projet MODx •Projet MODx vigie à propos de MODx •Projet MODx Étude sur le choix •Projet MODx Considérations prises lors du developpement •Exemple complet Projet MODx Déploiement du site TechSolCom3 L&L Octobre 2008, Gestion de contenu dans un Framework, avec