Slides de la conférence sur le module Drupal Scald (https://drupal.org/project/scald) le 22 juin 2013.

1. Gestion Universelle des Assets Médias avec
Scald
Sylvain Moreau, OWS

2. Faisons connaissance
Sylvain Moreau
Associé Fondateur OpenWeb
Solutions (@owscorp)
@slybud

3. Pourquoi cette présentation ?
● Gestion des médias en Drupal = Enjeu
Majeur
● Mais Parent Pauvre :(
● Un Asset Média c'est quoi ?
● Gestion Universelle ?
● Démonstration : vaut mieux qu'un long
discours

4. Plan de la présentation
● Histoire et Adoption du module
● Scald : les basiques
● Les providers
● Scald : usage avancé (la magie)
● Roadmap et annonces

5. Scald : Histoire d'un module
● Commencé en 2008 aux USA par CTC
● Repris par OWS et Radio France en
D6 :
– Principal objectif : Gestion des médias
– Usabilité
– Solution Communautaire
● Décision de portage en D7 début 2012
● Release pour le DrupalCamp Lyon !
● 1.0 stable depuis le 12/04/2013

6. Adoption de Scald : D6
● Peu d'utilisateurs mais des gros !
● Raisons d'un désamour :
– Propre version d'entity en D6
– UX design de l'âge de pierre
– Aucun travail communautaire
– Installation experte

7. Adoption de Scald : D6
● UI peu compatible avec la qualité du
module
● Fait par des développeurs, pour des
développeurs :

8. Adoption de Scald : D7
● Décision de ré-écrire le module selon les
concepts D7 mainstream (entity)
● Décision de refondre entièrement l'UI
et l'UX : intervention d'un(e)
ergonome/UX designer
● Travail communautaire :
– Documentation
– Communication

9. Adoption de Scald : D7
● Medias :
– France Télévisions, ARTE, LCP, AFRICA
24
– Radio France, Radio Nova
– Le Figaro, Santé Magazine
● Institutionnels
– Gouvernement Français
– British Council
– Opéra de Paris
● Agences/Editeurs Drupal
– Commerce Guys
– Smile
– Code Enigma

10. Adoption de Scald : D7
● Témoignages Utilisateurs
– « Amazing » John Commerce
– « Schön » Gunther T.
– « Impressionnant » Sylvain M.
– « Juhannusyönä syöt » Anti T.

11. Adoption de Scald : D7

12. Scald Basique : c'est quoi Scald
● Gestion Universelle des Assets Multimédias sous Drupal :
Images, Vidéos, Sons, PDF's, Tweets, Statuts FaceBooks,
Slideshares, Galerie multimédia, Block Drupal, Datawrapper...
● (Ré-)Utilisation par les utilisateurs de ces Assets dans les
objets Drupal en drag and drop
● UI unique pour partager et rechercher
● Déjà vu ? Media mais approches incompatibles (un fichier
n'est pas un Asset Media)

13. Scald basique : l'Atome Média
● Un Atome Media est un Asset Digital unique
● Il possède un provider (fichier ou source externe : youtube,
soundcloud, twitter...)
● Il possède un thumbnail (vignette)
● Il possède un auteur, des tags
● C'est une entité D7 (fieldable)
● Il possède un système CRUD
● Il possède un système de cache

14. Scald basique : Bibliothèque multimédia
● UI unique pour rechercher, créer
et (ré-)utiliser des Atomes Média
● C'est une vue (view) ! Donc
personnalisable à l'infini
● DEMO
– Affichage
– Recherche
– Ajout

15. Scald basique : Atom Reference
● Un champ simple où l'utilisateur peut
drag & drop des Atomes Médias
● Similaire à (node/user/entity)-
reference mais pour les atomes
● Possibilité de référencer des suites
hétérogènes de médias sur un
contenu
● Exemple simple : un mur vidéo ou
une galerie plurimédia

16. Scald basique : Intégration Wysiwyg
● Scald permet de drag and drop n'importe
quel Media dans n'importe quel champ de
type textarea
● Fonctionne avec les RTE principaux en D7
avec module Wysiwyg
(https://drupal.org/project/wysiwyg) :
TinyMCE, CKEditor, Aloha...
● Intégration plus poussée avec CKEditor
(https://drupal.org/project/ckeditor), core
Drupal 8
● DEMO

17. Providers

18. Providers (et Types d'Atomes)
● Providers Existants :
– video : vimeo, youtube, dailymotion, kit digital, viddler, embed ly, brightcove
– sons : fichier audio, soundcloud
– image : fichier image, flickr, instagram (vidéo?)
– Flash : fichier swf
– Twitter : tweet
– Facebook : Statuts Facebook
– Presentations : Slideshare, DataWrapper
– PDF : Fichiers pdf (pdf.js)
– Fichiers : File
– Blocks drupal : BEAN
– Galeries plurimedia
● API simple et documentée, facile à mettre en oeuvre

19. Providers : Exemple de la Vidéo
● Providers Vidéos Existants :
– Youtube : import à partir URL
– Vimeo : import à partir URL
– DailyMotion : import à partir URL + cron sur
mots clés/channels
– Embed.ly : +250 providers (de Google Maps à
Prezi)
– Kit Digital (merci à Smile)
– BrightCove
– DailyMotion Cloud (coming)
– Viddler (merci à Code Enigma)
– Video File + jwplayer (coming)
●
DEMO

20. Providers : les « exotiques »
● BEAN : les blocks deviennent des assets
médias
● Flickr/Instagram : un monde de photos
s'ouvre
● Datawrapper (http://datawrapper.de/)
● Slideshare
● Twitter
● Soundcloud : DEMO
● Pdf.js
● Vos besoins/Votre Imagination

21. Scald : usage avancé
● Envie de jouer : scald_galaxy sur simplytest.me : DEMO
● Intégration CKeditor
● Gestion avancée des images avec
– Contexte
– Légende
– Alignement
– Lien

22. Scald : Usage avancé magique
● Drupal est en train de rattraper son
« authoring experience » et Scald fait partie
de ce mouvement (SPARK)
● Cut/Paste d'Atomes dans CKEditor
● Inline Editing (https://drupal.org/project/edit)
● DEMO sur simpletest

23. Où commencer ?
● Core module : http://drupal.org/project/scald
● Providers : http://drupal.org/node/1895554
● Profil d'installation complet :
http://drupal.org/project/scald_galaxy
● Documentation : http://drupal.org/node/1652740
● Screencasts (+drupalfacile) :
http://www.youtube.com/user/slybudbud/videos

24. Roadmap
● M0r3 pr0v1d3rz !
● Sprints ! (demain et le 10/07)
●
Consolider communauté et issue queue
● Release de la 1.1 :
– Integration Picture pour responsive
– Plus d'intégration avec edit
– Plus d'intégration CKEditor
– Amélioration UX
– Media Center
● Portage en Drupal 8
● Dans le core D9 ! (world domination  )

25. Communauté
● Ouvert aux contributeurs
● Des providers et des committers
venant du monde entier : France,
Allemagne, Espagne, Hongrie,
Finlande, USA, Sénégal...
● Issue queue active et au top
Et vous ?

26. Merci de votre attention, place aux
questions !
Sylvain Moreau, OWS