ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Drupalcamp London 2013
Olivier Friesse
New Medias, Radio France
French Drupal Association President
@noisetteprod


         Sylvain Moreau
 Open Web Solutions CEO
  & founder (@owscorp)
               @slybud
ï‚¡ Started in 2008 on D6 version by
  Chicago Technology Cooperative
ï‚¡ Continued by OWS & Radio France on
  D6
     Managing media is main target
     Usability
     Community solution
ï‚¡   Ported on D7 early 2012
D6 status

ï‚¡   Big users but few
    users : why ?
     D6 version brought its
      own version of entity
     Poor UX design
     Poor community work
    …
D6 design (design?)




  Coders buttons!!
D7 re-design !
D7 status
ï‚¡ More users !
     D7 mainstream
      (entity)
     UX re-design
     more community work
ï‚¡   Main known users :
     France Television,
     Radio France, ARTE,
     French government,
     Africa 24, RadioNova,
ï‚¡   It manages all your digital assets on Drupal :
    Images, Sounds, Videos, Pdf's, Tweets, FB
    statuses
ï‚¡   It allows users to (re-)use these assets in
    Drupal objects with drag & drop
ï‚¡   It allows your users to easily share & search
    these assets
ï‚¡   Yeah, it's kind of similar to media module, but
    different approch (not file-centric)
ï‚¡   An atom is a single Digital Asset
ï‚¡   It has a provider (file ot external source like
    youtube or soundclound)
ï‚¡   It has a thumbnail
ï‚¡   It has an author, tags
ï‚¡   It has everything an entity can have in D7
    (fieldable)
ï‚¡   It has CRUD system
ï‚¡   It has a cache system
ï‚¡   UI to search and create and use atoms

ï‚¡   Hey, it's a view!!

ï‚¡   DEMO
A simple field where we
can drag & drop Atoms
     remember
      nodereference and user
      reference ?
     know entity reference ?
ï‚¡   => the same but with
    atoms

Demo : a video wall
ï‚¡ Works with any textarea Field

ï‚¡ both with Wysiwyg (tinymce...) or
 CKEditor (now the Drupal 8 way)

ï‚¡ DND magic demo!
ï‚¡   Existing ones :
     video : vimeo, youtube, dailymotion, kit digital,
        viddler, embed ly
       sound : audio file, soundcloud
       image : image file, flickr
       Flash : swf file
       Twitter : tweet
       Facebook : Facebook Status
ï‚¡   easy to implement, strong API
Demo will be done on
ï‚¡ scald_galaxy (installation profile) on
  simplytest
ï‚¡ Image (advanced use)
ï‚¡ video : Youtube
ï‚¡ Video import : Dailymotion
ï‚¡ Audio : Soundcloud
ï‚¡ Twitter for fun
ï‚¡ Flickr
Radio France believes in and sponsors Spark
intiative (authoring experience in Drupal)

ï‚¡   Edit

ï‚¡   Cut & paste
ï‚¡   Core module : http://drupal.org/project/scald
ï‚¡   Providers : http://drupal.org/node/1895554
ï‚¡   Full installation profile :
    http://drupal.org/project/scald_galaxy
ï‚¡   Documentation :
    http://drupal.org/node/1652740
ï‚¡   Screencasts :
    http://www.youtube.com/user/slybudbud/vid
    eos
ï‚¡   M0r3 pr0v1d3rz !
ï‚¡   1.0 before portland (need support)
ï‚¡   1.1 features
     more edit integration
     more CKEditor Features
     UX improvements


ï‚¡   in D9 core! (world domination)
ï‚¡   open to contributors
ï‚¡   active issue queue
ï‚¡   providers from all over the world




ï‚¡ And you ??
ThankYou!
                 Questions ?
@slybud - @noisetteprod

More Related Content

Manage you media assets in Drupal with Scald module - dclondon

  • 2. Olivier Friesse New Medias, Radio France French Drupal Association President @noisetteprod Sylvain Moreau Open Web Solutions CEO & founder (@owscorp) @slybud
  • 3. ï‚¡ Started in 2008 on D6 version by Chicago Technology Cooperative ï‚¡ Continued by OWS & Radio France on D6  Managing media is main target  Usability  Community solution ï‚¡ Ported on D7 early 2012
  • 4. D6 status ï‚¡ Big users but few users : why ?  D6 version brought its own version of entity  Poor UX design  Poor community work …
  • 5. D6 design (design?) Coders buttons!!
  • 7. D7 status ï‚¡ More users !  D7 mainstream (entity)  UX re-design  more community work ï‚¡ Main known users :  France Television, Radio France, ARTE, French government, Africa 24, RadioNova,
  • 8. ï‚¡ It manages all your digital assets on Drupal : Images, Sounds, Videos, Pdf's, Tweets, FB statuses ï‚¡ It allows users to (re-)use these assets in Drupal objects with drag & drop ï‚¡ It allows your users to easily share & search these assets ï‚¡ Yeah, it's kind of similar to media module, but different approch (not file-centric)
  • 9. ï‚¡ An atom is a single Digital Asset ï‚¡ It has a provider (file ot external source like youtube or soundclound) ï‚¡ It has a thumbnail ï‚¡ It has an author, tags ï‚¡ It has everything an entity can have in D7 (fieldable) ï‚¡ It has CRUD system ï‚¡ It has a cache system
  • 10. ï‚¡ UI to search and create and use atoms ï‚¡ Hey, it's a view!! ï‚¡ DEMO
  • 11. A simple field where we can drag & drop Atoms  remember nodereference and user reference ?  know entity reference ? ï‚¡ => the same but with atoms Demo : a video wall
  • 12. ï‚¡ Works with any textarea Field ï‚¡ both with Wysiwyg (tinymce...) or CKEditor (now the Drupal 8 way) ï‚¡ DND magic demo!
  • 13. ï‚¡ Existing ones :  video : vimeo, youtube, dailymotion, kit digital, viddler, embed ly  sound : audio file, soundcloud  image : image file, flickr  Flash : swf file  Twitter : tweet  Facebook : Facebook Status ï‚¡ easy to implement, strong API
  • 14. Demo will be done on ï‚¡ scald_galaxy (installation profile) on simplytest ï‚¡ Image (advanced use) ï‚¡ video : Youtube ï‚¡ Video import : Dailymotion ï‚¡ Audio : Soundcloud ï‚¡ Twitter for fun ï‚¡ Flickr
  • 15. Radio France believes in and sponsors Spark intiative (authoring experience in Drupal) ï‚¡ Edit ï‚¡ Cut & paste
  • 16. ï‚¡ Core module : http://drupal.org/project/scald ï‚¡ Providers : http://drupal.org/node/1895554 ï‚¡ Full installation profile : http://drupal.org/project/scald_galaxy ï‚¡ Documentation : http://drupal.org/node/1652740 ï‚¡ Screencasts : http://www.youtube.com/user/slybudbud/vid eos
  • 17. ï‚¡ M0r3 pr0v1d3rz ! ï‚¡ 1.0 before portland (need support) ï‚¡ 1.1 features  more edit integration  more CKEditor Features  UX improvements ï‚¡ in D9 core! (world domination)
  • 18. ï‚¡ open to contributors ï‚¡ active issue queue ï‚¡ providers from all over the world ï‚¡ And you ??
  • 19. ThankYou! Questions ? @slybud - @noisetteprod