a future-focused digital platform with drupal 8

53
1 ©2016 Acquia Inc. Mai Irie – Software Architect, Phase2 John Kennedy – Product Manager, Acquia Using Lightning To Build A Future-Focused Drupal 8 Media Platform

Upload: acquia

Post on 21-Jan-2017

273 views

Category:

Technology


3 download

TRANSCRIPT

Page 1: A Future-Focused Digital Platform with Drupal 8

1 ©2016 Acquia Inc.

Mai Irie – Software Architect, Phase2John Kennedy – Product Manager, Acquia

Using Lightning To Build A Future-Focused Drupal 8 Media Platform

Page 2: A Future-Focused Digital Platform with Drupal 8

2 ©2016 Acquia Inc.

John Kennedy – Product Manager, Acquia Lightning

– @commercejohn

Page 3: A Future-Focused Digital Platform with Drupal 8

3 ©2016 Acquia Inc.

Mai Irie– Software Architect, Phase2

– Mirie– IRC, drupal.org

Page 4: A Future-Focused Digital Platform with Drupal 8

4 ©2016 Acquia Inc.

Overview– What is Acquia Lightning?

– Goals for Al Jazeera’s Unified CMS

– Platform functionality highlights

– Lightning Roadmap

Page 5: A Future-Focused Digital Platform with Drupal 8

5 ©2016 Acquia Inc.

What Is Lightning?

The Drupal 8 Distribution for Enterprise Authoring

Page 6: A Future-Focused Digital Platform with Drupal 8

6 ©2016 Acquia Inc.

The Mission

Enable developers to build great enterprise authoring experiencesfor their editorial teams with D8

Page 7: A Future-Focused Digital Platform with Drupal 8

7 ©2016 Acquia Inc.

PersonaSite Builder

PersonaContent Author

PersonaSite Designer

PersonaDeveloper

Page 8: A Future-Focused Digital Platform with Drupal 8

8 ©2016 Acquia Inc.

What is Lightning?

Integrations TestingSecurity

Layout Workflow Preview Media

Page 9: A Future-Focused Digital Platform with Drupal 8

9 ©2016 Acquia Inc.

Current Challenges of Al Jazeera’s

– Multiple CMS platforms– Overstretched support, operations and maintenance – Fragmented technology investments– Multi-skilled resource hunt – Difficult editor-exchange arrangements– Multilingual

Page 10: A Future-Focused Digital Platform with Drupal 8

10 ©2016 Acquia Inc.

Solution: A Unified CMS

Requirements:– A flexible platform– Control over all content streams – An architecture that accommodates structured content– An interface for multiple content editors

Page 11: A Future-Focused Digital Platform with Drupal 8

11 ©2016 Acquia Inc.

Why Did We Chose Lightning?

Requirements– Provided a great baseline for the platform:– Page Layout– Content Workflow– Media Management

– Reliable and transparent roadmap:– drupal.org/node/2670686

Page 12: A Future-Focused Digital Platform with Drupal 8

12 ©2016 Acquia Inc.

How To Build With LightningThere Are Three Ways:1. Install Lightning and just build from there.

2. Use an extend.yml file – Example implementation = Acme Lightning

– github.com/balsama/acme-lightning-extend

3. Use the patch for extending the profile:– drupal.org/node/1356276

Page 13: A Future-Focused Digital Platform with Drupal 8

13 ©2016 Acquia Inc.

Platform Functionality Highlights

Page 14: A Future-Focused Digital Platform with Drupal 8

14 ©2016 Acquia Inc.

MODULES ENABLED IN LIGHTNING FOR MEDIA

Page 15: A Future-Focused Digital Platform with Drupal 8

15 ©2016 Acquia Inc.

ModulesContinued

Page 16: A Future-Focused Digital Platform with Drupal 8

16 ©2016 Acquia Inc.

MediaMedia Entity– Does not directly extend Drupal File Entity

– Non file-centric storage - does not assume that the media asset is a file or even just a single asset

– Creates a new entity type: Media– drupal.org/project/media_entity

Page 17: A Future-Focused Digital Platform with Drupal 8

17 ©2016 Acquia Inc.

EXAMPLE: Tweet Media bundle

Page 18: A Future-Focused Digital Platform with Drupal 8

18 ©2016 Acquia Inc.

EXAMPLE: Tweet Media bundle

Page 19: A Future-Focused Digital Platform with Drupal 8

19 ©2016 Acquia Inc.

EXAMPLE: Tweet Media bundle

Page 20: A Future-Focused Digital Platform with Drupal 8

20 ©2016 Acquia Inc.

EXAMPLE: Tweet Media bundle

Page 21: A Future-Focused Digital Platform with Drupal 8

21 ©2016 Acquia Inc.

EXAMPLE: Tweet Media bundle

Page 22: A Future-Focused Digital Platform with Drupal 8

22 ©2016 Acquia Inc.

ENTITYEMBED&

ENTITYBROWSER

ENTITYBROWSER

Page 23: A Future-Focused Digital Platform with Drupal 8

23 ©2016 Acquia Inc.

Entity Browser

– Allows you to browse, create and select entities on the system (not Media Entity-specific)

– Can be used in different contexts (for a field or with an Entity Embed button)

– Uses CTools form wizard for a multi-step workflow of selecting the image(s)

– drupal.org/project/entity_browser

Page 24: A Future-Focused Digital Platform with Drupal 8

24 ©2016 Acquia Inc.

Lightning: Entity Browser Example

Page 25: A Future-Focused Digital Platform with Drupal 8

25 ©2016 Acquia Inc.

Lightning: Entity Browser Example

Page 26: A Future-Focused Digital Platform with Drupal 8

26 ©2016 Acquia Inc.

Lightning: Entity Browser Example

Page 27: A Future-Focused Digital Platform with Drupal 8

27 ©2016 Acquia Inc.

Lightning: Entity Browser Example

Page 28: A Future-Focused Digital Platform with Drupal 8

28 ©2016 Acquia Inc.

Lightning: Entity Browser Example

Page 29: A Future-Focused Digital Platform with Drupal 8

29 ©2016 Acquia Inc.

Lightning: Entity Browser Example

Page 30: A Future-Focused Digital Platform with Drupal 8

30 ©2016 Acquia Inc.

Lightning: Entity Browser Example

Page 31: A Future-Focused Digital Platform with Drupal 8

31 ©2016 Acquia Inc.

Lightning: Entity Browser Example

Page 32: A Future-Focused Digital Platform with Drupal 8

32 ©2016 Acquia Inc.

Lightning: Entity Browser Example

Page 33: A Future-Focused Digital Platform with Drupal 8

33 ©2016 Acquia Inc.

Entity Embed– Allows any entity to be embedded within a text area using a

WYSIWYG editor.

– Enable the entity-embed filter: Display embedded entities for the desired text formats

– If the Limit allowed HTML tags filter is enabled, add <drupal-entity data-*> to the Allowed HTML tags.

– To enable the WYSIWYG plugin, move the entity-embed E button into the Active toolbar for the desired text formats.

– Dependency on Embed module: drupal.org/project/embed

Page 34: A Future-Focused Digital Platform with Drupal 8

34 ©2016 Acquia Inc.

Example: Entity Embed Button

Page 35: A Future-Focused Digital Platform with Drupal 8

35 ©2016 Acquia Inc.

Example: Entity Embed Button

Page 36: A Future-Focused Digital Platform with Drupal 8

36 ©2016 Acquia Inc.

Example: Entity Embed Button

Page 37: A Future-Focused Digital Platform with Drupal 8

37 ©2016 Acquia Inc.

Example: Entity Embed Button

Page 38: A Future-Focused Digital Platform with Drupal 8

38 ©2016 Acquia Inc.

Example: Entity Embed Button

Page 39: A Future-Focused Digital Platform with Drupal 8

39 ©2016 Acquia Inc.

Example: Entity Embed Button

Page 40: A Future-Focused Digital Platform with Drupal 8

40 ©2016 Acquia Inc.

Example: Entity Embed Button

Page 41: A Future-Focused Digital Platform with Drupal 8

41 ©2016 Acquia Inc.

Example: Entity Embed Button

Page 42: A Future-Focused Digital Platform with Drupal 8

42 ©2016 Acquia Inc.

Lightning: Entity Embed Example

Page 43: A Future-Focused Digital Platform with Drupal 8

43 ©2016 Acquia Inc.

Media bundle resolvers are plugins which determine which media bundle(s) are appropriate for handling an input value.

The input value can be of any type, and the resolver needs to figure out which media bundle -- singular! -- is best suited to handle that input.

BundleResolverInterface: lightning_media/src/BundleResolverInterface.php

BundleResolverBase: lightning_media/src/BundleResolverBase.php

BundleResolver

Page 44: A Future-Focused Digital Platform with Drupal 8

44 ©2016 Acquia Inc.

Media RoadmapLightning is serving as the driving force behind improvements in Core

– A plan for media management in Drupal 8buytaert.net/a-plan-for-media-management-in-drupal-8

– Support remote media assets as first-class citizensdrupal.org/node/2801277

– [prototype] Create design for a Media Librarydrupal.org/node/2796001

– Support WYSIWYG embedding of entities other than filesdrupal.org/node/2801307

Page 45: A Future-Focused Digital Platform with Drupal 8

45 ©2016 Acquia Inc.

Editorial Workflow

Page 46: A Future-Focused Digital Platform with Drupal 8

46 ©2016 Acquia Inc.

MODULES ENABLED IN LIGHTNING FOR WORKFLOW

Page 48: A Future-Focused Digital Platform with Drupal 8

48 ©2016 Acquia Inc.

Content Moderation Flow

DRAFT NEEDS REVIEW PUBLISHED

ARCHIVED

RECALLED

Page 49: A Future-Focused Digital Platform with Drupal 8

49 ©2016 Acquia Inc.

AJMN Workflow Module: Moderation History Tab

Page 50: A Future-Focused Digital Platform with Drupal 8

50 ©2016 Acquia Inc.

– Lightning comes with a ton of Behat tests!

– We also wrote some Behat tests for the platform. We targeted:

a. Workflow: new moderation state and transitionsb. User Permissions

Page 51: A Future-Focused Digital Platform with Drupal 8

51 ©2016 Acquia Inc.

Lightning Roadmap 2017

Innovating in editorial experience:

– Workspace Preview System

– Themes:

– Product site

– Blog

– Corporate

– Scenarios

– Publishing

– Education

– Commerce

Page 52: A Future-Focused Digital Platform with Drupal 8

52 ©2016 Acquia Inc.

Links

– Developer Site: http://lightning.acquia.com

– Github: https://github.com/acquia/lightning

– Video: http://bit.ly/lightning-video

Page 53: A Future-Focused Digital Platform with Drupal 8

53 ©2016 Acquia Inc.

Questions?

Thank You!