Gestion des médiasGestion des médias

dansdans

Par Par @mtopolov@mtopolov, , CTO de CTO de @adyax@adyax

100100 Experts Drupal, Experts Drupal, Numéro 1Numéro 1 sur Drupal en France sur Drupal en France

Les médias, c’est quoi ? Les médias, c’est quoi ?

Photos ou ImagesPhotos ou Images

Videos ou StreamsVideos ou Streams

mais aussi ... mais aussi ...

Quels sont les Quels sont les problèmatiques dans la problèmatiques dans la gestion des médias ?gestion des médias ?

La réutilisationLa réutilisation

La recherche La recherche

Gestion des droitsGestion des droits

Possibilité de Possibilité de désactivation en désactivation en

massemasse

Prévisualisation, pour Prévisualisation, pour éviter les surpriiiiiiseséviter les surpriiiiiises

Facilité de manipulation : Facilité de manipulation : drag’n’dropdrag’n’drop

Où sont les médias Où sont les médias dans nos sites ?dans nos sites ?

avant, on avait ça :avant, on avait ça :

et pourtant...et pourtant...

aujourd’hui, on aujourd’hui, on veut çaveut ça

... de la vidéo... de la vidéo

encarts, citations...encarts, citations...

des diaporamasdes diaporamas

du twitterdu twitter

des graphiques des graphiques interactifsinteractifs

les journalistes, les journalistes, contributeurs, contributeurs,

marketing,marketing,veulent...veulent...

de la libertéde la liberté

sans sans bordel chaos chaos

et sans faire du et sans faire du <HTML/>,<HTML/>,ce sont des ce sont des

contributeurs, pas des contributeurs, pas des webmasterswebmasters

«Frankly, we already «Frankly, we already eliminated the eliminated the webmaster »webmaster »

Alors, comment gérer les Alors, comment gérer les médias dans Joomla! ?médias dans Joomla! ?

Alors comment gérer les Alors comment gérer les médias dans médias dans DrupalDrupal ? ?

«All content management «All content management systems suck, Drupal just systems suck, Drupal just

happens to suck less»happens to suck less»

© Boris Mann, DrupalCon Amsterdam 2005© Boris Mann, DrupalCon Amsterdam 2005

Petit rappelPetit rappel

On considère On considère deuxdeux principaux usages aux principaux usages aux

contenus médias :contenus médias :

StructuréStructuré : intégration des médias dans : intégration des médias dans

des des champs dédiéschamps dédiés

Non structuréNon structuré : intégration des médias : intégration des médias

dans des dans des éditeurs de texte richeéditeurs de texte riche (CKEditor, (CKEditor,

TinyMCE, ...)TinyMCE, ...)

3 solutions : 3 solutions :

Media (drupal.org/project/media)Media (drupal.org/project/media)Media (drupal.org/project/media)Media (drupal.org/project/media)

SCALD (drupal.org/project/scald)SCALD (drupal.org/project/scald)SCALD (drupal.org/project/scald)SCALD (drupal.org/project/scald)

Asset (drupal.org/project/asset)Asset (drupal.org/project/asset)Asset (drupal.org/project/asset)Asset (drupal.org/project/asset)

MediaMedia

Crée par Crée par aaronaaron ( (drupal.org/user/33420drupal.org/user/33420) en ) en 20052005

Repris par Repris par David ReidDavid Reid ((drupal.org/user/53892drupal.org/user/53892))

C’est le module «mainstream»C’est le module «mainstream»

Utilisé par plus 80.000 sites (dont beaucoup à Utilisé par plus 80.000 sites (dont beaucoup à cause de Drupal Gardens)cause de Drupal Gardens)

Media comment ça Media comment ça marche ?marche ?

Basé sur la File API de DrupalBasé sur la File API de Drupal

Utilise, depuis la V2 File Entity (extend du Utilise, depuis la V2 File Entity (extend du Core)Core)

On insère donc d’abord un fichier, puis nous On insère donc d’abord un fichier, puis nous choisissons les méta-données autourchoisissons les méta-données autour

Interface de recherche basée sur ViewsInterface de recherche basée sur Views

Insertion dans le WYSIWYG via des «media Insertion dans le WYSIWYG via des «media tags»tags»

Avantages de MediaAvantages de Media

Mainstream, supporté par une large Mainstream, supporté par une large communauté et avec 10 contributeurs actifscommunauté et avec 10 contributeurs actifs

Intégration avec de très nombreux Intégration avec de très nombreux «fournisseurs» : Youtube, Dailymotion, Flickr, «fournisseurs» : Youtube, Dailymotion, Flickr, Brightcove, ...Brightcove, ...

Migration simple, car se basant sur la File APIMigration simple, car se basant sur la File API

Problèmes de MediaProblèmes de Media

Basé sur la File API. C’est le principal Basé sur la File API. C’est le principal problème. Quand on crée un nouvel asset, on problème. Quand on crée un nouvel asset, on commence par choisir un fichier ou un stream.commence par choisir un fichier ou un stream.

Problèmes de MediaProblèmes de Media

Moteur de recherche de médias n’a pas été Moteur de recherche de médias n’a pas été pensé pour les utilisateurs et les besoins réelspensé pour les utilisateurs et les besoins réels

Dans le WYSIWYG on voit un placeholder est Dans le WYSIWYG on voit un placeholder est pas la vrai version de l’image, c’est pire pour pas la vrai version de l’image, c’est pire pour les autres types de médiasles autres types de médias

Si l’on veut la même image avec un Si l’on veut la même image avec un commentaire différent, on doit dupliquer commentaire différent, on doit dupliquer l’asset medial’asset media

Presque aucune gestion du cachePresque aucune gestion du cache

MEDIAMEDIA

SCALDSCALD

Crée en 2008 Crée en 2008 t-dubt-dub ( (drupal.org/user/118346drupal.org/user/118346))

Complètement réécrit par Radio FranceComplètement réécrit par Radio France

Utilisé sur tous les sites Drupal de Radio Utilisé sur tous les sites Drupal de Radio France, RFIFrance, RFI

68 sites actifs68 sites actifs

SCALD, Comment ça SCALD, Comment ça marche ?marche ?

Nouvelle entité crée : SCALD AtomNouvelle entité crée : SCALD Atom

Un outil drag’n’drop, présent sur tous les Un outil drag’n’drop, présent sur tous les formulaires d’édition / création de noeudsformulaires d’édition / création de noeuds

Contrairement à Media, SCALD insère du Contrairement à Media, SCALD insère du markup dans le WYSIWYGmarkup dans le WYSIWYG

Gestion des contextes d’affichages (petite Gestion des contextes d’affichages (petite image, grande image, version mobile...)image, grande image, version mobile...)

Avantages SCALDAvantages SCALD

Support natif du licensingSupport natif du licensing

Avec les Atoms, on peut créer tout type de Avec les Atoms, on peut créer tout type de assetsassets

Widget de recherche user friendlyWidget de recherche user friendly

Testé et validé avec de vrai problèmatiques Testé et validé avec de vrai problèmatiques multi-média (Radio France)multi-média (Radio France)

Problèmes SCALDProblèmes SCALD

Peu de sites internationaux l’ont adaptéPeu de sites internationaux l’ont adapté

Meta données non-éditables dans le WYSIWYGMeta données non-éditables dans le WYSIWYG

Widget de recherche pas assez génériqueWidget de recherche pas assez générique

Contextes d’utilisations prédéfinisContextes d’utilisations prédéfinis

Pas de drag’n’drop dans le WYSIWYGPas de drag’n’drop dans le WYSIWYG

WATCH OUT ! WATCH OUT ! I’m coming for you :)I’m coming for you :)

AssetAsset

Existe depuis Drupal 5Existe depuis Drupal 5

La version 7 complètement réécrite pour La version 7 complètement réécrite pour Rue89Rue89

Plus de 200 sites actifsPlus de 200 sites actifs

Supporté par Supporté par

Asset, comment ça Asset, comment ça marche ?marche ?

Nouvelle entité crée : Nouvelle entité crée : Media AssetMedia Asset

Widget de recherche Widget de recherche drag’n’dropdrag’n’drop

Intégration de tags dans le WYSIWYG, Intégration de tags dans le WYSIWYG, build build modesmodes

Intégration avec Intégration avec FeedsFeeds -> création -> création automatique d’assetsautomatique d’assets

Override des méta-données dans le contexte Override des méta-données dans le contexte d’utilisation (!!)d’utilisation (!!)

Assets : AvantagesAssets : Avantages

100% Drupal Way100% Drupal Way

Possibilités infinies de types d’assets : Possibilités infinies de types d’assets : sondages, blocs HTML, twitter, facebook, sondages, blocs HTML, twitter, facebook, d’autres noeuds !d’autres noeuds !

Widget de recherche user-friendlyWidget de recherche user-friendly

Drag’n’drop et rendu fidèle dans le WYSIWYGDrag’n’drop et rendu fidèle dans le WYSIWYG

Pas de HTML inséré dans le WYSIWYG, mais Pas de HTML inséré dans le WYSIWYG, mais une utilisation de build modesune utilisation de build modes

Adopté par Rue89, France Télévisions, LVMHAdopté par Rue89, France Télévisions, LVMH

Assets : les problèmesAssets : les problèmes

Assets : les problèmesAssets : les problèmes

Peu de sources encore disponibles (pas de Peu de sources encore disponibles (pas de Flickr ou de BrightCove, par exemple)Flickr ou de BrightCove, par exemple)

Encore peu connu sur la place internationale Encore peu connu sur la place internationale (mais on y travaille)(mais on y travaille)

Haut niveau d’abstraction = difficile d’accès Haut niveau d’abstraction = difficile d’accès aux éventuels co-contributeursaux éventuels co-contributeurs

Alors, sur qui miser ?Alors, sur qui miser ?

CENSOREDCENSORED

Sur qui miser ?Sur qui miser ?

Très clairement SCALD ou Asset Très clairement SCALD ou Asset **

Point important : les équipes SCALD & Point important : les équipes SCALD &

Asset travailleront Asset travailleront ensembleensemble pour pour un un

seulseul module pour Drupal 8 module pour Drupal 8

** Quitte à choisir, prenez Asset :) Quitte à choisir, prenez Asset :)

Aaron, le créateur Aaron, le créateur de Media est atteint de Media est atteint de la maladie de de la maladie de Charcot.Charcot.Maladie incurable Maladie incurable qui nécessite, aux qui nécessite, aux US, des sommes US, des sommes importantes.importantes.

Vous pouvez aider Aaron et sa Vous pouvez aider Aaron et sa famillefamille

http://bit.ly/NbJ1m0

druman.adyax.comdruman.adyax.com

Ces slides seront sur Ces slides seront sur SlideShare (Maxime SlideShare (Maxime

Topolov)Topolov)Suivez nous sur :Suivez nous sur :

@adyax@adyax@mtopolov@mtopolov