making you, and your clients happy, by using reusable components to build drupal sites

Make You, & Your Clients, Happyby using Reusable Componentsto Build Drupal Sites

Trent StromkinsFront End Development Leadtrent@imagexmedia.com • github.com/bmx269 • @bmx269 • d.o: bmx269

Reusable ComponentsWhat do you mean?

1760Mass production of screws using lathes

1841J Witworth suggests standardizing thread pitch & count per diameter

1860His proposal became standard practice in Britain

100 YEARS AFTER MASS PRODUCTION !!!

What about this?

Slideshows

Or this?

News Listings

These can all be the same component.

Features Right?That is just one part of the puzzle

Events ListingExample Reusable Component

Exporting the work to a Feature is one step of making a

component. Making the component reusable by the client / site

admin / developer makes it valuable.

Drupal Piece Specific Item DescriptionEvent Content Type Event Category Taxonomy Used to categorize the Events.

Display Suite View Modes •IMG Left Teaser•IMG Top Teaser•Featured Teaser•etc

Build the layouts of your displays

Views Content Pane •Exposed Taxonomy Filter•Content: (your View Mode)•Allow Pane Settings

This is where the magic happens. Exposing the Views settings to the Panel editor.

Panels / Panelizer Staff Name Edit and formatting

Panopoly Magic Views Content Panes Better UI. Previews & exposed View Modes

Next LevelCustom Entities

Splash Image / SlideshowExample Reusable Component

This is a dynamic optional Splash Image or Slideshow. Using ECK,

Flexslider 2, Entity Reference, Inline Entity Form, and Views.

I wanted to make the slideshow management experience as easy to manage as adding images to a node.

Considerations:

Option to add a Splash image or Slideshow to any page

Easy to use and manage by the client

Reusable Slides

Reusable on other projects

Methods:

Separate Content Type / Views (Flexslider View Display) - More training. Not easily managed.

Rotating Banner Slideshow Module – Easy to use. Non-reusable Slides. Block Training

Field Collection / Views (Flexslider View Display) – Easy to use. Poor UI. Reusable with some work.

ECK, Entity Ref., Inline Entity Form, Views (Flexslider View Display) – Easy to use. Better UI. Reusable.

Use ECK to create the Entity

Use an Entity Reference Field

Inline Entity Splash

Referencing Existing Splash

The Listing

Editing an Item

Now Features?Yes, Now.

Exporting the workThis is not that hard to do.

Create your Feature, keeping naming generic, &

version it.

You will need to save the Content Type, Entity Types,

Fields, Taxonomy, Display Suite settings, View Modes,

Views, along with any other parts to your component.

You now have a few Reusable Components.

If you don’t know how to use Drupal Features, there are a lot of

helpful tutorials, and helper modules.

Products?I thought you were talking about components?

ProductsOwn each component

When each Reusable Component is considered a product on it’s

own, we can provide a higher quality result, with less time spent

per website developed. This means more money.

This may sound like hopes and dreams, but in reality, it is the essence of the industrial revolution.

Benefits of components as Products:

Better with Reuse

Feature Set Refinement

Quality Control

Business Analysis

Project Planning

Documentation is Clear

Training and Augmentation

Client HappinessThis can happen… Really.

Client HappinessThis can happen… Really.

EasyManagement

ClearDocumentation

QualityFeatures

Even Further Make the Benefits Full Circle

ProductsOwn each component

Benefits of components as Products:

Better with Reuse

Feature Set Refinement

Quality Control

Business Analysis

Project Planning

Documentation is Clear

Training and Augmentation

Sales / PM Client SupportDevelopment

Client SupportDevelopment

Sales Documentation

Easier Estimation

Clear Feature Set

Pricing Structure

Business Analysis

Project Planning

Training and Augmentation

Sales / PM

Client SupportDevelopment

Sales Documentation

Easier Estimation

Clear Feature Set

Pricing Structure

Business Analysis

Project Planning

Training and Augmentation

Developer Documentation

Better with Reuse

Feature Set Refinement

Development Speed

Sales / PM

Client SupportDevelopment

Sales Documentation

Easier Estimation

Clear Feature Set

Pricing Structure

Business Analysis

Project Planning

Training and Augmentation

Developer Documentation

Better with Reuse

Feature Set Refinement

Development Speed

Client Documentation

Ensured Quality

Set Training for Components

Sales / PM

ORLY?Ask me some questions

Make You, & Your Clients, Happyby using Reusable Componentsto Build Drupal SitesTrent StromkinsFront End Development Leadtrent@imagexmedia.com • github.com/bmx269 • @bmx269 • d.o: bmx269

Thank You