Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Gestion Universelle des Assets Médias avecScaldSylvain Moreau, OWS
Faisons connaissanceSylvain MoreauAssocié Fondateur OpenWebSolutions (@owscorp)@slybud
Pourquoi cette présentation ?● Gestion des médias en Drupal = EnjeuMajeur● Mais Parent Pauvre :(● Un Asset Média cest quoi...
Plan de la présentation● Histoire et Adoption du module● Scald : les basiques● Les providers● Scald : usage avancé (la mag...
Scald : Histoire dun module● Commencé en 2008 aux USA par CTC● Repris par OWS et Radio France enD6 :– Principal objectif :...
Adoption de Scald : D6● Peu dutilisateurs mais des gros !● Raisons dun désamour :– Propre version dentity en D6– UX design...
Adoption de Scald : D6● UI peu compatible avec la qualité dumodule● Fait par des développeurs, pour desdéveloppeurs :
Adoption de Scald : D7● Décision de ré-écrire le module selon lesconcepts D7 mainstream (entity)● Décision de refondre ent...
Adoption de Scald : D7● Medias :– France Télévisions, ARTE, LCP, AFRICA24– Radio France, Radio Nova– Le Figaro, Santé Maga...
Adoption de Scald : D7● Témoignages Utilisateurs– « Amazing » John Commerce– « Schön » Gunther T.– « Impressionnant » Sylv...
Adoption de Scald : D7
Scald Basique : cest quoi Scald● Gestion Universelle des Assets Multimédias sous Drupal :Images, Vidéos, Sons, PDFs, Tweet...
Scald basique : lAtome Média● Un Atome Media est un Asset Digital unique● Il possède un provider (fichier ou source extern...
Scald basique : Bibliothèque multimédia● UI unique pour rechercher, créeret (ré-)utiliser des Atomes Média● Cest une vue (...
Scald basique : Atom Reference● Un champ simple où lutilisateur peutdrag & drop des Atomes Médias● Similaire à (node/user/...
Scald basique : Intégration Wysiwyg● Scald permet de drag and drop nimportequel Media dans nimporte quel champ detype text...
Providers
Providers (et Types dAtomes)● Providers Existants :– video : vimeo, youtube, dailymotion, kit digital, viddler, embed ly, ...
Providers : Exemple de la Vidéo● Providers Vidéos Existants :– Youtube : import à partir URL– Vimeo : import à partir URL–...
Providers : les « exotiques »● BEAN : les blocks deviennent des assetsmédias● Flickr/Instagram : un monde de photossouvre●...
Scald : usage avancé● Envie de jouer : scald_galaxy sur simplytest.me : DEMO● Intégration CKeditor● Gestion avancée des im...
Scald : Usage avancé magique● Drupal est en train de rattraper son« authoring experience » et Scald fait partiede ce mouve...
Où commencer ?● Core module : http://drupal.org/project/scald● Providers : http://drupal.org/node/1895554● Profil dinstall...
Roadmap● M0r3 pr0v1d3rz !● Sprints ! (demain et le 10/07)●Consolider communauté et issue queue● Release de la 1.1 :– Integ...
Communauté● Ouvert aux contributeurs● Des providers et des committersvenant du monde entier : France,Allemagne, Espagne, H...
Merci de votre attention, place auxquestions !Sylvain Moreau, OWS
Prochain SlideShare
Chargement dans…5
×

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

3 202 vues

Publié le

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

Publié dans : Technologie
  • Soyez le premier à commenter

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

×