Create Once Publish Everywhere Anytime (version française)

transcript

1/42#dilyon25

Create OncePublish Everywhere… AnytimeLe futur de la gestion de contenu web

Antoine LefeuvreDirecteur R&D – Novius

@jiraisurfer – novius-os.org

#dilyon25

Contenu web : retour vers le futur

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

Notre proposition : Novius OS

Sommaire

#dilyon25

Les interfaces s'envolent …

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

#dilyon25

… les contenus restent.

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

#dilyon25

Jonathan Stark, #bdconf (2012)

“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.”

#dilyon25

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

Tim Berners-Lee, Long Live the Web (2010)

“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.”

#dilyon25

On ne pourra jamais tout tester

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

#dilyon25

Andy Hume (2011)

“The web is responsive on its own—by default. ”

#dilyon25

Mais pourquoi est-ce notre point de départ ?

Crédits : Adobe (©).

#dilyon25

Crédits : Andrea Balzano sur Flickr (CC).

#dilyon25

John Allsopp, The Dao of Web Design (2000)

“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.”

#dilyon25

Un designer est un expert de la matière

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

#dilyon25

Le code est la matière du web

#dilyon25

Design for flexibility = le fond sans forme ?

#dilyon25

Design for flexibility = une autre forme

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

#dilyon25

Design for flexibility = une autre forme

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

#dilyon25

Future-Friendly Manifesto

Acknowledge and embrace unpredictability.Think and behave in a future-friendly way.Help others do the same.

#dilyon25

Sommaire

#dilyon25

Brad Frost (2011)

“Get your content ready to go anywhere because it’s going to

go everywhere.”

#dilyon25

Séparer fond et forme (front end)

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

#dilyon25

Séparer fond et forme (back end)

#dilyon25

Daniel Jacobson,Create Once Publish Everywhere (2009)

“Build content management systems (CMS), not web publishing tools (WPT).”

#dilyon25

Web Publishing Tool

#dilyon25

Content Management System

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

#dilyon25

Content Management System

#dilyon25

Sommaire

#dilyon25

Pourquoi un nouveau CMSUn 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

Novius OS – CMS COPE

#dilyon25

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

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

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

#dilyon25

Data catchersL'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

Data catchersL'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

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

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

#dilyon25

1. D'une base de données spécifique 2. À un billet

de blog

3. Puis vers Twitter

41/42#dilyon25

Merci beaucoup !Questions et critiques bienvenues.

Antoine LefeuvreDirecteur R&D – Novius

@jiraisurfer – novius-os.org

#dilyon25

Sources et ressourcesJonathan 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/

Create Once Publish Everywhere Anytime (version française)

Technology