SlideShare une entreprise Scribd logo
1  sur  42
Télécharger pour lire hors ligne
Create Once
Publish Everywhere…
Anytime
Le futur de la gestion
de contenu web
              Antoine Lefeuvre
       Directeur R&D – Novius
   @jiraisurfer – novius-os.org




                            #dilyon25
                                        1/42
Sommaire
 Contenu web : retour vers le
 futur

 Votre système de gestion de
 contenu est-il future-ready ?

 Notre proposition : Novius OS




                    #dilyon25
                                 2/42
Les interfaces s'envolent …




          Crédits : Google, Amstrad, Tobii, DoCoMo, Nintendo, Microsoft, Corning, Xerox & Apple (©)



                                   #dilyon25
                                                                                                      3/42
… les contenus restent.




Crédits : Amazon, Simon & Schuster, Wikipedia, A List Apart (©)



                                                                  #dilyon25
                                                                              4/42
“Smart content: you can’t have
 layout specific information in
         your content.

We don’t know what the target
device will be so we need to be
   presentation agnostic.”
         Jonathan Stark, #bdconf (2012)

           #dilyon25
                                     5/42
Responsive, la solution ?




Crédits : Site Boston Globe par Ethan Marcotte, Filament Group, Upstatement et équipes internes (©). Montage par Antoine Lefeuvre, Grant Hutchinson, responsivedesign.ca (CC).



                                                                    #dilyon25
                                                                                                                                                                           6/42
#dilyon25
            7/42
“The primary design principle
underlying the Web’s usefulness
and growth is universality. […]

   And it should be accessible
from any kind of hardware that
  can connect to the Internet.”
 Tim Berners-Lee, Long Live the Web (2010) 

              #dilyon25
                                         8/42
On ne pourra jamais tout tester




                            (©)




                                  Crédits : Anna Debenham pour A List Apart (©).



                #dilyon25
                                                                    9/42
“The web is responsive on its
     own—by default. ”
                     Andy Hume (2011) 




         #dilyon25
                                    10/42
Mais pourquoi est-ce notre point de départ ?




                                          Crédits : Adobe (©).



                #dilyon25
                                             11/42
Crédits : Andrea Balzano sur Flickr (CC).



#dilyon25
                                     12/42
“The control which designers know in
the print medium, and often desire in
the web medium, is simply a function
of the limitation of the printed page.

 We should embrace the fact that the
     web doesn’t have the same
  constraints, and design for this
            flexibility.”
John Allsopp, The Dao of Web Design (2000) 

               #dilyon25
                                         13/42
Un designer est un expert de la matière




Crédits : bureau Subduction, Paul Venaille (©).               Crédits : El Naturalista (©).




                                                  #dilyon25
                                                                                              14/42
Le code est la matière du web




                #dilyon25
                                15/42
Design for flexibility = le fond sans forme ?




                 #dilyon25
                                                16/42
Design for flexibility = une autre forme




Crédits : Nicolas Torres pour WD Friday (©).



                                               #dilyon25
                                                           17/42
Design for flexibility = une autre forme




                      Crédits : Novius pour MS, Samatha Warren for The Examiner (©).




                #dilyon25
                                                                                       18/42
1. Acknowledge and embrace
   unpredictability.
2. Think and behave in a
   future-friendly way.
3. Help others do the same.
              Future-Friendly Manifesto


         #dilyon25
                                     19/42
Sommaire
 Contenu web : retour vers le
 futur

 Votre système de gestion de
 contenu est-il future-ready ?

 Notre proposition : Novius OS




                    #dilyon25
                                 20/42
“Get your content ready to go
anywhere because it’s going to
        go everywhere.”
                      Brad Frost (2011)




          #dilyon25
                                     21/42
Séparer fond et forme (front end)




Crédits : V G La Rosa, A Lefeuvre (CC).




                                          #dilyon25
                                                      22/42
Séparer fond et forme (back end)




               #dilyon25
                                   23/42
“Build content management
  systems (CMS), not web
  publishing tools (WPT).”
                      Daniel Jacobson,
 Create Once Publish Everywhere (2009)



          #dilyon25
                                    24/42
Web Publishing Tool




               #dilyon25
                           25/42
Content Management System




Crédits : Daniel Jacobson pour NPR (©).




                                          #dilyon25
                                                      26/42
Content Management System




             #dilyon25
                            27/42
Sommaire
 Contenu web : retour vers le
 futur

 Votre système de gestion de
 contenu est-il future-ready ?

 Notre proposition : Novius OS




                    #dilyon25
                                 28/42
Pourquoi un nouveau CMS
 Un CMS chef d'orchestre et prêt
 pour le futur.
 Expérience utilisateur : est-on
 prêt à créer du contenu
 presentation agnostic ?
 Notre ambition : amener au
 « Create Once Publish
 Everywhere » sans brusquer,
 travailler la courbe
 d'apprentissage.
 « Couche Information »
 alimentée naturellement (Pages,
 Blog, bases de données
 spécifiques, etc.)

                     #dilyon25
                                   29/42
Novius OS – CMS COPE




Crédits : Novius (©).




                        #dilyon25
                                    30/42
Novius OS – CMS COPE




Crédits : Novius (©).




                        #dilyon25
                                    31/42
Novius OS – CMS COPE




              #dilyon25
                          32/42
La démo : D'une base de données spécifique
          à un billet de blog, puis vers Twitter




                              Découvrez la démo (slide suivant)
                                        puis passez au slide 35
                                            pour plus de détails


                  #dilyon25
                                                        33/42
Pépites de contenu (content nuggets)
Pour chaque singe, l'application Monkey partage une pépite de
contenu. Pourquoi “pépite” ? Petite et de valeur : un contenu
suffisamment petit pour être ré-utilisé, mais néanmoins porteur
de sens.




                      #dilyon25
                                                           34/42
Pépites de contenu (content nuggets)
Voici le content nugget du gorille Koko, prêt à être partagé.




                       #dilyon25
                                                                35/42
Data catchers
L'OS, ce chef d'orchestre, demande alors : “J'ai cette pépite de
contenu, qui peut en faire quelque chose ?” Les applications
équipées de data catchers répondent.




                       #dilyon25
                                                              36/42
Data catchers
L'application Blog attrape (catch) la pépite de contenu de
Monkey et - hop ! - un billet de blog en moins d'une minute.
Juste le temps d'adapter la pépite en news (“Welcome to Koko”).




                      #dilyon25
                                                           37/42
Circulez, circulez !
Votre contenu ne va pas s'arrêter là. Du billet de blog est extrait
une nouvelle pépite de contenu, qui ne demande qu'à être
attrapée.




                       #dilyon25
                                                               38/42
Circulez, circulez !
Un hashtag ajoutée (#gorilla) et voici une pépite devenue tweet.




                      #dilyon25
                                                           39/42
1. D'une base de
                                    2. À un billet
   données spécifique
                                       de blog




3. Puis vers
   Twitter


                        #dilyon25
                                           40/42
Merci beaucoup !
Questions et critiques
bienvenues.

              Antoine Lefeuvre
       Directeur R&D – Novius
   @jiraisurfer – novius-os.org




                            #dilyon25
                                        41/42
Sources et ressources
  Jonathan Stark, Breaking Development: The Revolution Will Not Be Televised, notes par
  http://www.lukew.com/ff/entry.asp?1629
  Tim Berners-Lee, Long Live the Web: A Call for Continued Open Standards and Neutrality,
  http://www.scientificamerican.com/article.cfm?id=long-live-the-web
  Anna Debenham, Testing Websites in Game Console Browsers,
  http://www.alistapart.com/articles/testing-websites-in-game-console-browsers/
  Andy Hume, Responsive by default, http://blog.andyhume.net/responsive-by-default/
  John Allsopp, A Dao of Web Design, http://www.alistapart.com/articles/dao/
  Nicolas Torres, CSS et Mobile First : procéder par amélioration progressive,
  http://wdfriday.com/blog/2012/03/css-et-mobile-first-proceder-par-amelioration-progressive/
  Samatha Warren, Style tiles, http://styletil.es
  Future-Friendly Manifesto, http://futurefriend.ly
  Sara Wachter-Boettcher, Future-Ready Content, http://www.alistapart.com/articles/future-ready-
  content/
  Daniel Jacobson, COPE : Create Once, Publish Everywhere,
  http://blog.programmableweb.com/2009/10/13/cope-create-once-publish-everywhere/
  Paul Robert Lloyd, The Web Aesthetic, http://www.alistapart.com/articles/the-web-aesthetic/




                                   #dilyon25
                                                                                            42/42

Contenu connexe

Similaire à Create Once Publish Everywhere Anytime (version française)

DevOps, NoOps, everything-as-code, commoditisation… Quel futur pour les ops ?
DevOps, NoOps, everything-as-code, commoditisation… Quel futur pour les ops ?DevOps, NoOps, everything-as-code, commoditisation… Quel futur pour les ops ?
DevOps, NoOps, everything-as-code, commoditisation… Quel futur pour les ops ?Adrien Blind
 
Les pratiques des geants du web
Les pratiques des geants du webLes pratiques des geants du web
Les pratiques des geants du webStephen PERIN
 
Comment optimiser la production de votre documentation technique pour vos cli...
Comment optimiser la production de votre documentation technique pour vos cli...Comment optimiser la production de votre documentation technique pour vos cli...
Comment optimiser la production de votre documentation technique pour vos cli...Ideo - Groupe Netapsys
 
Support cours 1 -MAster PRANET
Support cours 1 -MAster PRANETSupport cours 1 -MAster PRANET
Support cours 1 -MAster PRANETLaurent Neyssensas
 
2022-11-22 - November Rain
2022-11-22 - November Rain2022-11-22 - November Rain
2022-11-22 - November RainFrederic Leger
 
Docker : les fondamentaux, par Fabien AMICO de Treeptik #shake17
Docker : les fondamentaux, par Fabien AMICO de Treeptik #shake17Docker : les fondamentaux, par Fabien AMICO de Treeptik #shake17
Docker : les fondamentaux, par Fabien AMICO de Treeptik #shake17Hervé Bourdon
 
Conception et réalisation d'une oeuvre multimédia
Conception et réalisation d'une oeuvre multimédiaConception et réalisation d'une oeuvre multimédia
Conception et réalisation d'une oeuvre multimédiaBruno Flaven
 
Le DevOps : La clé de la transformation digitale ?
Le DevOps : La clé de la transformation digitale ?Le DevOps : La clé de la transformation digitale ?
Le DevOps : La clé de la transformation digitale ?Amico Fabien
 
2012 cyril-wolfangel-responsive design-typo3
2012 cyril-wolfangel-responsive design-typo32012 cyril-wolfangel-responsive design-typo3
2012 cyril-wolfangel-responsive design-typo3Talan
 
[Oldies] Club client D2SI : DevOps
[Oldies] Club client D2SI : DevOps [Oldies] Club client D2SI : DevOps
[Oldies] Club client D2SI : DevOps Devoteam Revolve
 
La Duck Conf - Les fakes news du low-code
La Duck Conf - Les fakes news du low-code La Duck Conf - Les fakes news du low-code
La Duck Conf - Les fakes news du low-code OCTO Technology
 
Amener vos applications Dockerisées jusqu’en production avec XebiaLabs
Amener vos applications Dockerisées jusqu’en production avec XebiaLabs �Amener vos applications Dockerisées jusqu’en production avec XebiaLabs �
Amener vos applications Dockerisées jusqu’en production avec XebiaLabs XebiaLabs
 
Le Comptoir OCTO x Mobile App avec Share IT
Le Comptoir OCTO x Mobile App avec Share ITLe Comptoir OCTO x Mobile App avec Share IT
Le Comptoir OCTO x Mobile App avec Share ITOCTO Technology
 

Similaire à Create Once Publish Everywhere Anytime (version française) (13)

DevOps, NoOps, everything-as-code, commoditisation… Quel futur pour les ops ?
DevOps, NoOps, everything-as-code, commoditisation… Quel futur pour les ops ?DevOps, NoOps, everything-as-code, commoditisation… Quel futur pour les ops ?
DevOps, NoOps, everything-as-code, commoditisation… Quel futur pour les ops ?
 
Les pratiques des geants du web
Les pratiques des geants du webLes pratiques des geants du web
Les pratiques des geants du web
 
Comment optimiser la production de votre documentation technique pour vos cli...
Comment optimiser la production de votre documentation technique pour vos cli...Comment optimiser la production de votre documentation technique pour vos cli...
Comment optimiser la production de votre documentation technique pour vos cli...
 
Support cours 1 -MAster PRANET
Support cours 1 -MAster PRANETSupport cours 1 -MAster PRANET
Support cours 1 -MAster PRANET
 
2022-11-22 - November Rain
2022-11-22 - November Rain2022-11-22 - November Rain
2022-11-22 - November Rain
 
Docker : les fondamentaux, par Fabien AMICO de Treeptik #shake17
Docker : les fondamentaux, par Fabien AMICO de Treeptik #shake17Docker : les fondamentaux, par Fabien AMICO de Treeptik #shake17
Docker : les fondamentaux, par Fabien AMICO de Treeptik #shake17
 
Conception et réalisation d'une oeuvre multimédia
Conception et réalisation d'une oeuvre multimédiaConception et réalisation d'une oeuvre multimédia
Conception et réalisation d'une oeuvre multimédia
 
Le DevOps : La clé de la transformation digitale ?
Le DevOps : La clé de la transformation digitale ?Le DevOps : La clé de la transformation digitale ?
Le DevOps : La clé de la transformation digitale ?
 
2012 cyril-wolfangel-responsive design-typo3
2012 cyril-wolfangel-responsive design-typo32012 cyril-wolfangel-responsive design-typo3
2012 cyril-wolfangel-responsive design-typo3
 
[Oldies] Club client D2SI : DevOps
[Oldies] Club client D2SI : DevOps [Oldies] Club client D2SI : DevOps
[Oldies] Club client D2SI : DevOps
 
La Duck Conf - Les fakes news du low-code
La Duck Conf - Les fakes news du low-code La Duck Conf - Les fakes news du low-code
La Duck Conf - Les fakes news du low-code
 
Amener vos applications Dockerisées jusqu’en production avec XebiaLabs
Amener vos applications Dockerisées jusqu’en production avec XebiaLabs �Amener vos applications Dockerisées jusqu’en production avec XebiaLabs �
Amener vos applications Dockerisées jusqu’en production avec XebiaLabs
 
Le Comptoir OCTO x Mobile App avec Share IT
Le Comptoir OCTO x Mobile App avec Share ITLe Comptoir OCTO x Mobile App avec Share IT
Le Comptoir OCTO x Mobile App avec Share IT
 

Create Once Publish Everywhere Anytime (version française)

  • 1. Create Once Publish Everywhere… Anytime Le futur de la gestion de contenu web Antoine Lefeuvre Directeur R&D – Novius @jiraisurfer – novius-os.org #dilyon25 1/42
  • 2. Sommaire Contenu web : retour vers le futur Votre système de gestion de contenu est-il future-ready ? Notre proposition : Novius OS #dilyon25 2/42
  • 3. Les interfaces s'envolent … Crédits : Google, Amstrad, Tobii, DoCoMo, Nintendo, Microsoft, Corning, Xerox & Apple (©) #dilyon25 3/42
  • 4. … les contenus restent. Crédits : Amazon, Simon & Schuster, Wikipedia, A List Apart (©) #dilyon25 4/42
  • 5. “Smart content: you can’t have layout specific information in your content. We don’t know what the target device will be so we need to be presentation agnostic.” Jonathan Stark, #bdconf (2012) #dilyon25 5/42
  • 6. Responsive, la solution ? Crédits : Site Boston Globe par Ethan Marcotte, Filament Group, Upstatement et équipes internes (©). Montage par Antoine Lefeuvre, Grant Hutchinson, responsivedesign.ca (CC). #dilyon25 6/42
  • 7. #dilyon25 7/42
  • 8. “The primary design principle underlying the Web’s usefulness and growth is universality. […] And it should be accessible from any kind of hardware that can connect to the Internet.” Tim Berners-Lee, Long Live the Web (2010)  #dilyon25 8/42
  • 9. On ne pourra jamais tout tester (©) Crédits : Anna Debenham pour A List Apart (©). #dilyon25 9/42
  • 10. “The web is responsive on its own—by default. ” Andy Hume (2011)  #dilyon25 10/42
  • 11. Mais pourquoi est-ce notre point de départ ? Crédits : Adobe (©). #dilyon25 11/42
  • 12. Crédits : Andrea Balzano sur Flickr (CC). #dilyon25 12/42
  • 13. “The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility.” John Allsopp, The Dao of Web Design (2000)  #dilyon25 13/42
  • 14. Un designer est un expert de la matière Crédits : bureau Subduction, Paul Venaille (©). Crédits : El Naturalista (©). #dilyon25 14/42
  • 15. Le code est la matière du web #dilyon25 15/42
  • 16. Design for flexibility = le fond sans forme ? #dilyon25 16/42
  • 17. Design for flexibility = une autre forme Crédits : Nicolas Torres pour WD Friday (©). #dilyon25 17/42
  • 18. Design for flexibility = une autre forme Crédits : Novius pour MS, Samatha Warren for The Examiner (©). #dilyon25 18/42
  • 19. 1. Acknowledge and embrace unpredictability. 2. Think and behave in a future-friendly way. 3. Help others do the same. Future-Friendly Manifesto #dilyon25 19/42
  • 20. Sommaire Contenu web : retour vers le futur Votre système de gestion de contenu est-il future-ready ? Notre proposition : Novius OS #dilyon25 20/42
  • 21. “Get your content ready to go anywhere because it’s going to go everywhere.” Brad Frost (2011) #dilyon25 21/42
  • 22. Séparer fond et forme (front end) Crédits : V G La Rosa, A Lefeuvre (CC). #dilyon25 22/42
  • 23. Séparer fond et forme (back end) #dilyon25 23/42
  • 24. “Build content management systems (CMS), not web publishing tools (WPT).” Daniel Jacobson, Create Once Publish Everywhere (2009) #dilyon25 24/42
  • 25. Web Publishing Tool #dilyon25 25/42
  • 26. Content Management System Crédits : Daniel Jacobson pour NPR (©). #dilyon25 26/42
  • 27. Content Management System #dilyon25 27/42
  • 28. Sommaire Contenu web : retour vers le futur Votre système de gestion de contenu est-il future-ready ? Notre proposition : Novius OS #dilyon25 28/42
  • 29. Pourquoi un nouveau CMS Un CMS chef d'orchestre et prêt pour le futur. Expérience utilisateur : est-on prêt à créer du contenu presentation agnostic ? Notre ambition : amener au « Create Once Publish Everywhere » sans brusquer, travailler la courbe d'apprentissage. « Couche Information » alimentée naturellement (Pages, Blog, bases de données spécifiques, etc.) #dilyon25 29/42
  • 30. Novius OS – CMS COPE Crédits : Novius (©). #dilyon25 30/42
  • 31. Novius OS – CMS COPE Crédits : Novius (©). #dilyon25 31/42
  • 32. Novius OS – CMS COPE #dilyon25 32/42
  • 33. La démo : D'une base de données spécifique à un billet de blog, puis vers Twitter Découvrez la démo (slide suivant) puis passez au slide 35 pour plus de détails #dilyon25 33/42
  • 34. Pépites de contenu (content nuggets) Pour chaque singe, l'application Monkey partage une pépite de contenu. Pourquoi “pépite” ? Petite et de valeur : un contenu suffisamment petit pour être ré-utilisé, mais néanmoins porteur de sens. #dilyon25 34/42
  • 35. Pépites de contenu (content nuggets) Voici le content nugget du gorille Koko, prêt à être partagé. #dilyon25 35/42
  • 36. Data catchers L'OS, ce chef d'orchestre, demande alors : “J'ai cette pépite de contenu, qui peut en faire quelque chose ?” Les applications équipées de data catchers répondent. #dilyon25 36/42
  • 37. Data catchers L'application Blog attrape (catch) la pépite de contenu de Monkey et - hop ! - un billet de blog en moins d'une minute. Juste le temps d'adapter la pépite en news (“Welcome to Koko”). #dilyon25 37/42
  • 38. Circulez, circulez ! Votre contenu ne va pas s'arrêter là. Du billet de blog est extrait une nouvelle pépite de contenu, qui ne demande qu'à être attrapée. #dilyon25 38/42
  • 39. Circulez, circulez ! Un hashtag ajoutée (#gorilla) et voici une pépite devenue tweet. #dilyon25 39/42
  • 40. 1. D'une base de 2. À un billet données spécifique de blog 3. Puis vers Twitter #dilyon25 40/42
  • 41. Merci beaucoup ! Questions et critiques bienvenues. Antoine Lefeuvre Directeur R&D – Novius @jiraisurfer – novius-os.org #dilyon25 41/42
  • 42. Sources et ressources Jonathan Stark, Breaking Development: The Revolution Will Not Be Televised, notes par http://www.lukew.com/ff/entry.asp?1629 Tim Berners-Lee, Long Live the Web: A Call for Continued Open Standards and Neutrality, http://www.scientificamerican.com/article.cfm?id=long-live-the-web Anna Debenham, Testing Websites in Game Console Browsers, http://www.alistapart.com/articles/testing-websites-in-game-console-browsers/ Andy Hume, Responsive by default, http://blog.andyhume.net/responsive-by-default/ John Allsopp, A Dao of Web Design, http://www.alistapart.com/articles/dao/ Nicolas Torres, CSS et Mobile First : procéder par amélioration progressive, http://wdfriday.com/blog/2012/03/css-et-mobile-first-proceder-par-amelioration-progressive/ Samatha Warren, Style tiles, http://styletil.es Future-Friendly Manifesto, http://futurefriend.ly Sara Wachter-Boettcher, Future-Ready Content, http://www.alistapart.com/articles/future-ready- content/ Daniel Jacobson, COPE : Create Once, Publish Everywhere, http://blog.programmableweb.com/2009/10/13/cope-create-once-publish-everywhere/ Paul Robert Lloyd, The Web Aesthetic, http://www.alistapart.com/articles/the-web-aesthetic/ #dilyon25 42/42