Create OncePublish Everywhere…AnytimeLe futur de la gestionde contenu web              Antoine Lefeuvre       Directeur R&...
Sommaire Contenu web : retour vers le futur Votre système de gestion de contenu est-il future-ready ? Notre proposition : ...
Les interfaces senvolent …          Crédits : Google, Amstrad, Tobii, DoCoMo, Nintendo, Microsoft, Corning, Xerox & Apple ...
… les contenus restent.Crédits : Amazon, Simon & Schuster, Wikipedia, A List Apart (©)                                    ...
“Smart content: you can’t have layout specific information in         your content.We don’t know what the targetdevice wil...
Responsive, la solution ?Crédits : Site Boston Globe par Ethan Marcotte, Filament Group, Upstatement et équipes internes (...
#dilyon25            7/42
“The primary design principleunderlying the Web’s usefulnessand growth is universality. […]   And it should be accessiblef...
On ne pourra jamais tout tester                            (©)                                  Crédits : Anna Debenham po...
“The web is responsive on its     own—by default. ”                     Andy Hume (2011)          #dilyon25               ...
Mais pourquoi est-ce notre point de départ ?                                          Crédits : Adobe (©).                ...
Crédits : Andrea Balzano sur Flickr (CC).#dilyon25                                     12/42
“The control which designers know inthe print medium, and often desire inthe web medium, is simply a functionof the limita...
Un designer est un expert de la matièreCrédits : bureau Subduction, Paul Venaille (©).               Crédits : El Naturali...
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 formeCrédits : Nicolas Torres pour WD Friday (©).                                      ...
Design for flexibility = une autre forme                      Crédits : Novius pour MS, Samatha Warren for The Examiner (©...
1. Acknowledge and embrace   unpredictability.2. Think and behave in a   future-friendly way.3. Help others do the same.  ...
Sommaire Contenu web : retour vers le futur Votre système de gestion de contenu est-il future-ready ? Notre proposition : ...
“Get your content ready to goanywhere because it’s going to        go everywhere.”                      Brad Frost (2011) ...
Séparer fond et forme (front end)Crédits : V G La Rosa, A Lefeuvre (CC).                                          #dilyon2...
Séparer fond et forme (back end)               #dilyon25                                   23/42
“Build content management  systems (CMS), not web  publishing tools (WPT).”                      Daniel Jacobson, Create O...
Web Publishing Tool               #dilyon25                           25/42
Content Management SystemCrédits : Daniel Jacobson pour NPR (©).                                          #dilyon25       ...
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 : ...
Pourquoi un nouveau CMS Un CMS chef dorchestre et prêt pour le futur. Expérience utilisateur : est-on prêt à créer du cont...
Novius OS – CMS COPECrédits : Novius (©).                        #dilyon25                                    30/42
Novius OS – CMS COPECrédits : Novius (©).                        #dilyon25                                    31/42
Novius OS – CMS COPE              #dilyon25                          32/42
La démo : Dune base de données spécifique          à un billet de blog, puis vers Twitter                              Déc...
Pépites de contenu (content nuggets)Pour chaque singe, lapplication Monkey partage une pépite decontenu. Pourquoi “pépite”...
Pépites de contenu (content nuggets)Voici le content nugget du gorille Koko, prêt à être partagé.                       #d...
Data catchersLOS, ce chef dorchestre, demande alors : “Jai cette pépite decontenu, qui peut en faire quelque chose ?” Les ...
Data catchersLapplication Blog attrape (catch) la pépite de contenu deMonkey et - hop ! - un billet de blog en moins dune ...
Circulez, circulez !Votre contenu ne va pas sarrêter là. Du billet de blog est extraitune nouvelle pépite de contenu, qui ...
Circulez, circulez !Un hashtag ajoutée (#gorilla) et voici une pépite devenue tweet.                      #dilyon25       ...
1. Dune base de                                    2. À un billet   données spécifique                                    ...
Merci beaucoup !Questions et critiquesbienvenues.              Antoine Lefeuvre       Directeur R&D – Novius   @jiraisurfe...
Sources et ressources  Jonathan Stark, Breaking Development: The Revolution Will Not Be Televised, notes par  http://www.l...
Upcoming SlideShare
Loading in …5
×

Create Once Publish Everywhere Anytime (version française)

908 views

Published on

Le futur de la gestion de contenu web :
- Contenu web : retour vers le futur
- Votre CMS est-il future-ready ?
- Notre proposition : Novius OS

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
908
On SlideShare
0
From Embeds
0
Number of Embeds
21
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Create Once Publish Everywhere Anytime (version française)

  1. 1. Create OncePublish Everywhere…AnytimeLe futur de la gestionde contenu web Antoine Lefeuvre Directeur R&D – Novius @jiraisurfer – novius-os.org #dilyon25 1/42
  2. 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. 3. Les interfaces senvolent … Crédits : Google, Amstrad, Tobii, DoCoMo, Nintendo, Microsoft, Corning, Xerox & Apple (©) #dilyon25 3/42
  4. 4. … les contenus restent.Crédits : Amazon, Simon & Schuster, Wikipedia, A List Apart (©) #dilyon25 4/42
  5. 5. “Smart content: you can’t have layout specific information in your content.We don’t know what the targetdevice will be so we need to be presentation agnostic.” Jonathan Stark, #bdconf (2012) #dilyon25 5/42
  6. 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. 7. #dilyon25 7/42
  8. 8. “The primary design principleunderlying the Web’s usefulnessand growth is universality. […] And it should be accessiblefrom any kind of hardware that can connect to the Internet.” Tim Berners-Lee, Long Live the Web (2010)  #dilyon25 8/42
  9. 9. On ne pourra jamais tout tester (©) Crédits : Anna Debenham pour A List Apart (©). #dilyon25 9/42
  10. 10. “The web is responsive on its own—by default. ” Andy Hume (2011)  #dilyon25 10/42
  11. 11. Mais pourquoi est-ce notre point de départ ? Crédits : Adobe (©). #dilyon25 11/42
  12. 12. Crédits : Andrea Balzano sur Flickr (CC).#dilyon25 12/42
  13. 13. “The control which designers know inthe print medium, and often desire inthe web medium, is simply a functionof 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. 14. Un designer est un expert de la matièreCrédits : bureau Subduction, Paul Venaille (©). Crédits : El Naturalista (©). #dilyon25 14/42
  15. 15. Le code est la matière du web #dilyon25 15/42
  16. 16. Design for flexibility = le fond sans forme ? #dilyon25 16/42
  17. 17. Design for flexibility = une autre formeCrédits : Nicolas Torres pour WD Friday (©). #dilyon25 17/42
  18. 18. Design for flexibility = une autre forme Crédits : Novius pour MS, Samatha Warren for The Examiner (©). #dilyon25 18/42
  19. 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. 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. 21. “Get your content ready to goanywhere because it’s going to go everywhere.” Brad Frost (2011) #dilyon25 21/42
  22. 22. Séparer fond et forme (front end)Crédits : V G La Rosa, A Lefeuvre (CC). #dilyon25 22/42
  23. 23. Séparer fond et forme (back end) #dilyon25 23/42
  24. 24. “Build content management systems (CMS), not web publishing tools (WPT).” Daniel Jacobson, Create Once Publish Everywhere (2009) #dilyon25 24/42
  25. 25. Web Publishing Tool #dilyon25 25/42
  26. 26. Content Management SystemCrédits : Daniel Jacobson pour NPR (©). #dilyon25 26/42
  27. 27. Content Management System #dilyon25 27/42
  28. 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. 29. Pourquoi un nouveau CMS Un CMS chef dorchestre 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 dapprentissage. « Couche Information » alimentée naturellement (Pages, Blog, bases de données spécifiques, etc.) #dilyon25 29/42
  30. 30. Novius OS – CMS COPECrédits : Novius (©). #dilyon25 30/42
  31. 31. Novius OS – CMS COPECrédits : Novius (©). #dilyon25 31/42
  32. 32. Novius OS – CMS COPE #dilyon25 32/42
  33. 33. La démo : Dune 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. 34. Pépites de contenu (content nuggets)Pour chaque singe, lapplication Monkey partage une pépite decontenu. Pourquoi “pépite” ? Petite et de valeur : un contenusuffisamment petit pour être ré-utilisé, mais néanmoins porteurde sens. #dilyon25 34/42
  35. 35. Pépites de contenu (content nuggets)Voici le content nugget du gorille Koko, prêt à être partagé. #dilyon25 35/42
  36. 36. Data catchersLOS, ce chef dorchestre, demande alors : “Jai cette pépite decontenu, qui peut en faire quelque chose ?” Les applicationséquipées de data catchers répondent. #dilyon25 36/42
  37. 37. Data catchersLapplication Blog attrape (catch) la pépite de contenu deMonkey et - hop ! - un billet de blog en moins dune minute.Juste le temps dadapter la pépite en news (“Welcome to Koko”). #dilyon25 37/42
  38. 38. Circulez, circulez !Votre contenu ne va pas sarrêter là. Du billet de blog est extraitune nouvelle pépite de contenu, qui ne demande quà êtreattrapée. #dilyon25 38/42
  39. 39. Circulez, circulez !Un hashtag ajoutée (#gorilla) et voici une pépite devenue tweet. #dilyon25 39/42
  40. 40. 1. Dune base de 2. À un billet données spécifique de blog3. Puis vers Twitter #dilyon25 40/42
  41. 41. Merci beaucoup !Questions et critiquesbienvenues. Antoine Lefeuvre Directeur R&D – Novius @jiraisurfer – novius-os.org #dilyon25 41/42
  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

×