Successfully reported this slideshow.
Your SlideShare is downloading. ×

Managing media assets in drupal 8!

Ad

Managing media
assets in Drupal8!
●Drupal Camp Cebu 2017

Ad

Hello!
I am Aman Kanoria
Product Owner/ Developer, Srijan Technologies
You can find me at @amankanoria
2●Drupal Camp Cebu ...

Ad

Session overview
● #Drupal8 Media Initiative
● Managing assets- Store, Browse, and Embed.
● What does future Drupal releas...

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Loading in …3
×

Check these out next

1 of 26 Ad
1 of 26 Ad
Advertisement

More Related Content

Advertisement

Managing media assets in drupal 8!

  1. 1. Managing media assets in Drupal8! ●Drupal Camp Cebu 2017
  2. 2. Hello! I am Aman Kanoria Product Owner/ Developer, Srijan Technologies You can find me at @amankanoria 2●Drupal Camp Cebu 2017
  3. 3. Session overview ● #Drupal8 Media Initiative ● Managing assets- Store, Browse, and Embed. ● What does future Drupal releases look like? 3●Drupal Camp Cebu 2017
  4. 4. Media in Drupal! ● Browse through your media files of your website (Entity Browser, Filebrowser) ● Embed files in the WYSIWYG editor by browsing (Entity Embed) ● Add and edit asset metadata (Media entity, FileEntity) ● Crop images on the website (Crop, Imagefield Crop) ● Add image effects like watermark, auto orientation, color-shift etc. (Image Effects) ● And use many more features... 4●Drupal Camp Cebu 2017
  5. 5. What is in Drupal 8? Let’s talk about core! 1 ●Drupal Camp Cebu 2017
  6. 6. Overview ● Built in WYSIWYG editor ● Media library part of core 6●Drupal Camp Cebu 2017
  7. 7. Drupal 8 core embedding 7●Drupal Camp Cebu 2017
  8. 8. Media Entity A storage component for media in Drupal! 8●Drupal Camp Cebu 2017
  9. 9. Media Entity ● Provide storage component for different media files. ● YouTube videos, Tweets, Instagram photos and local files — all of them could be easily added to your site. ● It’s base API is now part of Drupal 8.4.x release. 9●Drupal Camp Cebu 2017
  10. 10. Media Entity’s features 10 1 Reusable Media Good bye to reuploading. Easier Maintenance A component based system! 2 Metadata Mapping Easier to handle metadata with the file itself! 3 Base API Creates a base for Drupal 8 media ecosystem 4 ●Drupal Camp Cebu 2017
  11. 11. Media Entity Demo! ● Media Entity (part of Drupal 8.4 core) ● Media Entity image ● Video Embed Field ● Entity 11●Drupal Camp Cebu 2017
  12. 12. Entity Embed In this section we’ll embed assets directly into the editor. 12●Drupal Camp Cebu 2017
  13. 13. Entity Embed ● Project- https://www.drupal.org/project/entity_embed. ● Allows any entity to be embedded within text area.. ● Let’s a site-builder to create a button which lets an editor to embed! 13●Drupal Camp Cebu 2017
  14. 14. Entity Embed Demo! ● Embed ● Entity Embed 14 Picture Credits- Edulastic ●Drupal Camp Cebu 2017
  15. 15. Entity Browser A powerful component of Drupal’s contributed ecosystem of modules for managing digital media assets. 15●Drupal Camp Cebu 2017
  16. 16. Entity Browser ● Project- https://www.drupal.org/project/entity_browser. ● A generic browsing tool and selecting tool. ● Comes with an example module that comes handy to start with! 16●Drupal Camp Cebu 2017
  17. 17. 17 Entity Browser Architecture Picture Credits- https://drupal-media.gitbooks.io ●Drupal Camp Cebu 2017
  18. 18. Entity Browser Demo! ● Embed Browser ● Ctools 18 Picture Credits- Drupal.org ●Drupal Camp Cebu 2017
  19. 19. Dropzone JS An open source library to enable drag and drop! 19●Drupal Camp Cebu 2017
  20. 20. Dropzone JS ● Project- https://www.drupal.org/project/dropzonejs. ● Enhances Drupal’s default upload widget. 20●Drupal Camp Cebu 2017
  21. 21. Dropzone JS Demo! ● DropzoneJS ● Libraries 21 Picture Credits- dropzone js ●Drupal Camp Cebu 2017
  22. 22. Crop API Provides storage for all cropping solutions 22●Drupal Camp Cebu 2017
  23. 23. Crop API ● Project- https://www.drupal.org/project/crop. ● Handles crop based on region and focal point concepts. ● Example- Image field widget for UI 23 ●Drupal Camp Cebu 2017
  24. 24. Crop API DEMO! 2 ●Drupal Camp Cebu 2017
  25. 25. Drupal 8 core (8.4.x & 8.5.x) Overview from Dries Buytaert's post on DO for D8 Media initiative. ● Drupal 8.4 ships with new media module. ● All the contributed modules part of media ecosystem to adapt the new media module. ● 8.5+: add support for remote video in core (oEmbed Support) 25●Drupal Camp Cebu 2017
  26. 26. 26 Salamat!(Thanks!) Any questions? You can find me at @amankanoria & aman.kanoria@srijan.net ●Drupal Camp Cebu 2017

Editor's Notes

  • Background and Problem
    Drupal core is an amazing content structuring tool with options to give rich structure to basically everything in the system. While Drupal core includes basic file and image support, it is a far cry from what a modern web system should support out of the box for media handling. External media cannot be embedded easily in core and media cannot be reused.
    Due to very limited functionality provided by core it is also very hard for contrib to build on top of it. Core should provide base APIs, design patterns and paradigms to guide contrib work.
    Proposed resolution
    Provide a three-pronged implementation approach to media solutions, that involves three distinct groupings of functionality targeted at different use cases: Media Essentials, Extras and Extend. Three key objectives of this approach are to:
    Involve new contributors to help existing media team members to create a Media Essentials suite as a minimum viable solution that provides a basic group of media functionality in Drupal 8 core by 8.3's release candidate. Solutions built as part of this should also provide solid foundations for all work that will be part of other two groups of functionality.
    Media Extras suite to provide a group of rich media entity/editing functionality in contrib, which will eventually be integrated into Drupal 8 core once stable.
    Enable new contributors to use the Media Extend functionality in Drupal 8 to integrate 3rd party media tools/Digital Asset Management systems (DAMs) within the overall ecosystem of Drupal media modules.
    The overall experience for end users should be seamless regardless of which media modules their site happens to be using, and the implementation should be straightforward for site builders, architects and developers based on solid documentation in the Drupal 8 Media Handbook.
  • Background and Problem
    Drupal core is an amazing content structuring tool with options to give rich structure to basically everything in the system. While Drupal core includes basic file and image support, it is a far cry from what a modern web system should support out of the box for media handling. External media cannot be embedded easily in core and media cannot be reused.
    Due to very limited functionality provided by core it is also very hard for contrib to build on top of it. Core should provide base APIs, design patterns and paradigms to guide contrib work.
    Proposed resolution
    Provide a three-pronged implementation approach to media solutions, that involves three distinct groupings of functionality targeted at different use cases: Media Essentials, Extras and Extend. Three key objectives of this approach are to:
    Involve new contributors to help existing media team members to create a Media Essentials suite as a minimum viable solution that provides a basic group of media functionality in Drupal 8 core by 8.3's release candidate. Solutions built as part of this should also provide solid foundations for all work that will be part of other two groups of functionality.
    Media Extras suite to provide a group of rich media entity/editing functionality in contrib, which will eventually be integrated into Drupal 8 core once stable.
    Enable new contributors to use the Media Extend functionality in Drupal 8 to integrate 3rd party media tools/Digital Asset Management systems (DAMs) within the overall ecosystem of Drupal media modules.
    The overall experience for end users should be seamless regardless of which media modules their site happens to be using, and the implementation should be straightforward for site builders, architects and developers based on solid documentation in the Drupal 8 Media Handbook.
  • Drupal 8 core comes with basic support for embedding images with WYSIWYG but basic isn’t enough when we talk about external media assets like - Tweets, Videos, Instagram and etc?
  • Drupal 8 core comes with basic support for embedding images with WYSIWYG but basic isn’t enough when we talk about external media assets like - Tweets, Videos, Instagram and etc?
  • Drupal 8 core comes with basic support for embedding images with WYSIWYG but basic isn’t enough when we talk about external media assets like - Tweets, Videos, Instagram and etc?
  • Drupal 8 core comes with basic support for embedding images with WYSIWYG but basic isn’t enough when we talk about external media assets like - Tweets, Videos, Instagram and etc?

×