Make You, & Your Clients, Happy
by using Reusable Components
to Build Drupal Sites
Trent Stromkins
Front End Development L...
Reusable Components
What do you mean?
1760
Mass production of screws using lathes
1841
J Witworth suggests standardizing thread pitch & count per diameter
1860
...
What about this?
Slideshows
Or this?
News Listings
These can all be the same
Features Right?
That is just one part of the puzzle
Events Listing
Example Reusable Component
Exporting the work to a Feature is one step of making a
component. Making the co...
Next Level
Custom Entities
Splash Image / Slideshow
Example Reusable Component
This is a dynamic optional Splash Image or Slideshow. Using ECK,
Flexs...
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 work
This is not that hard to do.
Create your Feature, keeping naming generic, &
version it.
You will need t...
Products?
I thought you were talking about components?
Products
Own each component
When each Reusable Component is considered a product on it’s
own, we can provide a higher qual...
Client Happiness
This can happen… Really.
Client Happiness
This can happen… Really.
Easy
Management
Clear
Documentation
Quality
Features
Even Further
Make the Benefits Full Circle
Products
Own each component
Benefits of components as Products:
Better with Reuse
Feature Set Refinement
Quality Control
B...
Sales / PM Client SupportDevelopment
Client SupportDevelopment
Sales Documentation
Easier Estimation
Clear Feature Set
Pricing Structure
Business Analysis
Proj...
Client SupportDevelopment
Sales Documentation
Easier Estimation
Clear Feature Set
Pricing Structure
Business Analysis
Proj...
Client SupportDevelopment
Sales Documentation
Easier Estimation
Clear Feature Set
Pricing Structure
Business Analysis
Proj...
ORLY?
Ask me some questions
Make You, & Your Clients, Happy
by using Reusable Components
to Build Drupal Sites
Trent Stromkins
Front End Development L...
Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites
Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites
Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites
Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites
Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites
Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites
Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites
Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites
Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites
Upcoming SlideShare
Loading in …5
×

Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites

492
-1

Published on

We too often start building out a site looking at the specific content types, or pages, with too much detail. Missing the similarities of the different pieces of content.

When we streamline multiple Content Types, Views, and Blocks, we can simplify the development and administrative experience. We can make this happen using tools such as Taxonomy based Panels and Views arguments, View Modes, and more. When you use these Reusable Components, you can give more power to your client, and make your site a lot easier to plan, develop, and theme.

Why stop there? I will show you some basic Reusable Component concepts, and how they can help in estimation, design, planning, and keeping everyone happy. Not only will your site development be super awesome and efficient, but you will be able to plan and build components for all levels of the project that could be reused throughout the process.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
492
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • COVER 1 – A sample for the cover
  • Reusable, Repurposed for any client. Built it generic, then brand it specific to the client.
  • Components that can build many different results.
  • Components can scale. From a treehouse to the building we are in today.
  • This about how it can be used, outside the current use case. USB: Mouse, Data Cable, Charging, Phone, Computer, Camera, Audio Devices, Diagnostic tools for vehicles
  • If at all possible, use or set a standard for all your components.
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • Using the same content type, we can use 1 View with display variations to build these.
  • CONTENT 1 – A sample for the content page
  • TABLE CONTENT – Tables can be created in Word or Excel and dragged in here. They can also be generated directly in PowerPoint. This is what the overall look and feel is
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • TABLE CONTENT – Tables can be created in Word or Excel and dragged in here. They can also be generated directly in PowerPoint. This is what the overall look and feel is
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • CONTENT 1 – A sample for the content page
  • COVER 1 – A sample for the cover
  • Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites

    1. 1. Make You, & Your Clients, Happy by using Reusable Components to Build Drupal Sites Trent Stromkins Front End Development Lead trent@imagexmedia.com • github.com/bmx269 • @bmx269 • d.o: bmx269
    2. 2. Reusable Components What do you mean?
    3. 3. 1760 Mass production of screws using lathes 1841 J Witworth suggests standardizing thread pitch & count per diameter 1860 His proposal became standard practice in Britain 100 YEARS AFTER MASS PRODUCTION !!!
    4. 4. What about this? Slideshows
    5. 5. Or this? News Listings
    6. 6. These can all be the same
    7. 7. Features Right? That is just one part of the puzzle
    8. 8. Events Listing Example 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 Description Event 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
    9. 9. Next Level Custom Entities
    10. 10. Splash Image / Slideshow Example 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.
    11. 11. Use ECK to create the Entity Use an Entity Reference Field
    12. 12. Inline Entity Splash Referencing Existing Splash
    13. 13. The Listing Editing an Item
    14. 14. Now Features? Yes, Now.
    15. 15. Exporting the work This 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.
    16. 16. Products? I thought you were talking about components?
    17. 17. Products Own 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
    18. 18. Client Happiness This can happen… Really.
    19. 19. Client Happiness This can happen… Really. Easy Management Clear Documentation Quality Features
    20. 20. Even Further Make the Benefits Full Circle
    21. 21. Products Own 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
    22. 22. Sales / PM Client SupportDevelopment
    23. 23. Client SupportDevelopment Sales Documentation Easier Estimation Clear Feature Set Pricing Structure Business Analysis Project Planning Training and Augmentation Sales / PM
    24. 24. 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
    25. 25. 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
    26. 26. ORLY? Ask me some questions
    27. 27. Make You, & Your Clients, Happy by using Reusable Components to Build Drupal Sites Trent Stromkins Front End Development Lead trent@imagexmedia.com • github.com/bmx269 • @bmx269 • d.o: bmx269 Thank You

    ×