Gestion Universelle des Assets Multimédias avec le module Drupal Scald

2,853 views
2,694 views

Published on

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

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

No Downloads
Views
Total views
2,853
On SlideShare
0
From Embeds
0
Number of Embeds
331
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Gestion Universelle des Assets Multimédias avec le module Drupal Scald

  1. 1. Gestion Universelle des Assets Médias avecScaldSylvain Moreau, OWS
  2. 2. Faisons connaissanceSylvain MoreauAssocié Fondateur OpenWebSolutions (@owscorp)@slybud
  3. 3. Pourquoi cette présentation ?● Gestion des médias en Drupal = EnjeuMajeur● Mais Parent Pauvre :(● Un Asset Média cest quoi ?● Gestion Universelle ?● Démonstration : vaut mieux quun longdiscours
  4. 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. 5. Scald : Histoire dun module● Commencé en 2008 aux USA par CTC● Repris par OWS et Radio France enD6 :– 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. 6. Adoption de Scald : D6● Peu dutilisateurs mais des gros !● Raisons dun désamour :– Propre version dentity en D6– UX design de lâge de pierre– Aucun travail communautaire– Installation experte
  7. 7. Adoption de Scald : D6● UI peu compatible avec la qualité dumodule● Fait par des développeurs, pour desdéveloppeurs :
  8. 8. Adoption de Scald : D7● Décision de ré-écrire le module selon lesconcepts D7 mainstream (entity)● Décision de refondre entièrement lUIet lUX : intervention dun(e)ergonome/UX designer● Travail communautaire :– Documentation– Communication
  9. 9. Adoption de Scald : D7● Medias :– France Télévisions, ARTE, LCP, AFRICA24– 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. 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. 11. Adoption de Scald : D7
  12. 12. Scald Basique : cest quoi Scald● Gestion Universelle des Assets Multimédias sous Drupal :Images, Vidéos, Sons, PDFs, Tweets, Statuts FaceBooks,Slideshares, Galerie multimédia, Block Drupal, Datawrapper...● (Ré-)Utilisation par les utilisateurs de ces Assets dans lesobjets Drupal en drag and drop● UI unique pour partager et rechercher● Déjà vu ? Media mais approches incompatibles (un fichiernest pas un Asset Media)
  13. 13. Scald basique : lAtome 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● Cest une entité D7 (fieldable)● Il possède un système CRUD● Il possède un système de cache
  14. 14. Scald basique : Bibliothèque multimédia● UI unique pour rechercher, créeret (ré-)utiliser des Atomes Média● Cest une vue (view) ! Doncpersonnalisable à linfini● DEMO– Affichage– Recherche– Ajout
  15. 15. Scald basique : Atom Reference● Un champ simple où lutilisateur peutdrag & drop des Atomes Médias● Similaire à (node/user/entity)-reference mais pour les atomes● Possibilité de référencer des suiteshétérogènes de médias sur uncontenu● Exemple simple : un mur vidéo ouune galerie plurimédia
  16. 16. Scald basique : Intégration Wysiwyg● Scald permet de drag and drop nimportequel Media dans nimporte quel champ detype textarea● Fonctionne avec les RTE principaux en D7avec module Wysiwyg(https://drupal.org/project/wysiwyg) :TinyMCE, CKEditor, Aloha...● Intégration plus poussée avec CKEditor(https://drupal.org/project/ckeditor), coreDrupal 8● DEMO
  17. 17. Providers
  18. 18. Providers (et Types dAtomes)● 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. 19. Providers : Exemple de la Vidéo● Providers Vidéos Existants :– Youtube : import à partir URL– Vimeo : import à partir URL– DailyMotion : import à partir URL + cron surmots 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. 20. Providers : les « exotiques »● BEAN : les blocks deviennent des assetsmédias● Flickr/Instagram : un monde de photossouvre● Datawrapper (http://datawrapper.de/)● Slideshare● Twitter● Soundcloud : DEMO● Pdf.js● Vos besoins/Votre Imagination
  21. 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. 22. Scald : Usage avancé magique● Drupal est en train de rattraper son« authoring experience » et Scald fait partiede ce mouvement (SPARK)● Cut/Paste dAtomes dans CKEditor● Inline Editing (https://drupal.org/project/edit)● DEMO sur simpletest
  23. 23. Où commencer ?● Core module : http://drupal.org/project/scald● Providers : http://drupal.org/node/1895554● Profil dinstallation complet :http://drupal.org/project/scald_galaxy● Documentation : http://drupal.org/node/1652740● Screencasts (+drupalfacile) :http://www.youtube.com/user/slybudbud/videos
  24. 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 dintégration avec edit– Plus dintégration CKEditor– Amélioration UX– Media Center● Portage en Drupal 8● Dans le core D9 ! (world domination  )
  25. 25. Communauté● Ouvert aux contributeurs● Des providers et des committersvenant du monde entier : France,Allemagne, Espagne, Hongrie,Finlande, USA, Sénégal...● Issue queue active et au topEt vous ?
  26. 26. Merci de votre attention, place auxquestions !Sylvain Moreau, OWS

×