La gestion des assets médias (images, vidéos, sons, html5, graphiques interactifs, twitter, facebook, etc...) n'est pas simple par l'absence d'un outil DAM (Digital assets Management) digne de ce nom. Dans cette présentation découvrez les trois solutions pour gérer de manière professionnelle les médias dans Drupal, les insérer librement dans les éditeurs de texte riche, recherche et réutiliser les médias, gérer les droits, etc... Session donnée lors du salon Drupagora 2012.

1. Gestion des médias
dans
Par @mtopolov,
CTO de @adyax

2. 100 Experts Drupal,
Numéro 1 sur Drupal en France

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

4. Photos ou Images

5. Videos ou Streams

6. mais aussi ...

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

8. La réutilisation

9. La recherche

10. Gestion des droits

11. Possibilité de
désactivation en
masse

12. Prévisualisation,
pour éviter les
surpriiiiiises

13. Facilité de manipulation :
drag’n’drop

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

15. avant, on avait ça :

16. et pourtant...

17. aujourd’hui, on
veut ça

18. ... de la vidéo

19. encarts, citations...

20. des diaporamas

21. du twitter

22. des graphiques
interactifs

24. les journalistes,
contributeurs,
marketing,
veulent...

25. de la liberté

26. sans bordel chaos

27. et sans faire du
<HTML/>,
ce sont des
contributeurs, pas des
webmasters

28. «Frankly, we already
eliminated the
webmaster »

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

31. Alors comment gérer les
médias dans Drupal ?

32. «All content management
systems suck, Drupal just
happens to suck less»
© Boris Mann, DrupalCon Amsterdam 2005

33. Petit rappel
On considère deux principaux usages aux
contenus médias :
Structuré : intégration des médias dans
des champs dédiés
Non structuré : intégration des médias
dans des éditeurs de texte riche (CKEditor,
TinyMCE, ...)

34. 3 solutions :
Media (drupal.org/project/media)
Media (drupal.org/project/media)
SCALD (drupal.org/project/scald)
SCALD (drupal.org/project/scald)
Asset (drupal.org/project/asset)
Asset (drupal.org/project/asset)

35. Media
Crée par aaron (drupal.org/user/33420) en
2005
Repris par David Reid (drupal.org/user/53892)
C’est le module «mainstream»
Utilisé par plus 80.000 sites (dont beaucoup à
cause de Drupal Gardens)

36. Media comment ça
marche ?
Basé sur la File API de Drupal
Utilise, depuis la V2 File Entity (extend du Core)
On insère donc d’abord un fichier, puis nous
choisissons les méta-données autour
Interface de recherche basée sur Views
Insertion dans le WYSIWYG via des «media
tags»

37. Avantages de Media
Mainstream, supporté par une large
communauté et avec 10 contributeurs actifs
Intégration avec de très nombreux
«fournisseurs» : Youtube, Dailymotion, Flickr,
Brightcove, ...
Migration simple, car se basant sur la File API

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

40. Problèmes de Media
Moteur de recherche de médias n’a pas été
pensé pour les utilisateurs et les besoins réels
Dans le WYSIWYG on voit un placeholder est
pas la vrai version de l’image, c’est pire pour
les autres types de médias
Si l’on veut la même image avec un
commentaire différent, on doit dupliquer
l’asset media
Presque aucune gestion du cache

43. MEDIA

44. SCALD
Crée en 2008 t-dub (drupal.org/user/118346)
Complètement réécrit par Radio France
Utilisé sur tous les sites Drupal de Radio
France, RFI
68 sites actifs

45. SCALD, Comment ça
marche ?
Nouvelle entité crée : SCALD Atom
Un outil drag’n’drop, présent sur tous les
formulaires d’édition / création de noeuds
Contrairement à Media, SCALD insère du
markup dans le WYSIWYG
Gestion des contextes d’affichages (petite
image, grande image, version mobile...)

46. Avantages SCALD
Support natif du licensing
Avec les Atoms, on peut créer tout type de
assets
Widget de recherche user friendly
Testé et validé avec de vrai problèmatiques
multi-média (Radio France)

48. Problèmes SCALD
Peu de sites internationaux l’ont adapté
Meta données non-éditables dans le
WYSIWYG
Widget de recherche pas assez générique
Contextes d’utilisations prédéfinis
Pas de drag’n’drop dans le WYSIWYG

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

50. Asset
Existe depuis Drupal 5
La version 7 complètement réécrite pour
Rue89
Plus de 200 sites actifs
Supporté par

51. Asset, comment ça
marche ?
Nouvelle entité crée : Media Asset
Widget de recherche drag’n’drop
Intégration de tags dans le WYSIWYG, build
modes
Intégration avec Feeds -> création
automatique d’assets
Override des méta-données dans le contexte
d’utilisation (!!)

52. Assets : Avantages
100% Drupal Way
Possibilités infinies de types d’assets :
sondages, blocs HTML, twitter, facebook,
d’autres noeuds !
Widget de recherche user-friendly
Drag’n’drop et rendu fidèle dans le WYSIWYG
Pas de HTML inséré dans le WYSIWYG, mais
une utilisation de build modes
Adopté par Rue89, France Télévisions, LVMH

56. Assets : les problèmes

58. Assets : les problèmes
Peu de sources encore disponibles (pas de
Flickr ou de BrightCove, par exemple)
Encore peu connu sur la place internationale
(mais on y travaille)
Haut niveau d’abstraction = difficile d’accès
aux éventuels co-contributeurs

59. CENSORED
Alors, sur qui miser ?

60. Sur qui miser ?
Très clairement SCALD ou Asset *
Point important : les équipes SCALD & Asset
travailleront ensemble pour un seul module pour
Drupal 8
* Quitte à choisir, prenez Asset :)

62. Aaron, le créateur
de Media est atteint
de la maladie de
Charcot.
Maladie incurable
qui nécessite, aux
US, des sommes
importantes.
Vous pouvez aider Aaron et sa famille
http://bit.ly/NbJ1m0

63. druman.adyax.com

64. Ces slides seront sur
SlideShare (Maxime
Topolov)
Suivez nous sur :
@adyax
@mtopolov