SlideShare a Scribd company logo
1 of 95
Download to read offline
THE LEADER IN DRUPAL PLATFORM DESIGN AND DEVELOPMENT




Sunday, November 4, 12
X ALL THE THINGS
                           TOTAL CONTENT CONTROL
                         JOE TURGEON X TIM COSGROVE

Sunday, November 4, 12
WHO THIS IS FOR
           • Developers

           • Project Owners

           • Multilingual Site Creators

           • Content Developers

           • Site Builders



Sunday, November 4, 12
THE LEADER IN DRUPAL PLATFORM DESIGN AND DEVELOPMENT




Sunday, November 4, 12
JOE TURGEON
                         Solutions Architect
                         jturgeon@phase2technology.com
                         @arithmetric




                         TIM COSGROVE
                         Software Architect
                         tcosgrove@phase2technology.com
                         @timcosgrove




Sunday, November 4, 12
THE CLIENT

Sunday, November 4, 12
Sunday, November 4, 12
“BRAND Z”
           • Large multinational consumer products company

           • $9.7 billion in sales annually

           • Nearly $1 billion in online sales

           • Operates in about 150 countries, about 50 online

           • Sites in about 30 languages



Sunday, November 4, 12
EXISTING WEB SOLUTION
           • Custom-written commerce engine

           • Also serves static content

           • No CMS of any kind

           • Non-commerce pages static HTML




Sunday, November 4, 12
BRAND Z WANTS
                         ALL THE THINGS!
Sunday, November 4, 12
image:
 http://hyperboleandahalf.blogspot.com/2010/06/this-is-why-ill-never-be-adult.html
Sunday, November 4, 12
DRUPAL-BASED PUBLISHING PLATFORM
           • Multi-market

           • Multi-lingual

           • Multiple brands

           • Interfaces with existing ecommerce system




Sunday, November 4, 12
En
                                                                                                 gli
                                                                                                     sh
                                                                                                        :       bm




Sunday, November 4, 12
                                                                                              Sp                     wu
                                                                                                   an                      sa
                                                                                                     ish
                                                                                                                :b            .c  om
                                                                                                                  mw
                                                                                                                           us
                                                                                                                              a   .co
                                                                                                                                        m/
                                                                                                                                             es




                                                                       BMW US site
                                                                                              Ge
                                                                                                   rm
                                                                                                         an




                         BRAND Z PLATFORM CONCEPT
                                                                                                                :b
                                                                                              Fre                    mw
                                                                                                   nc                  .ch
                                                                                                      h    :b
                                                                                                          mw
                                                                                              Ita            .ch
                                                                                                  lian           /fr
                                                                                                       :b
                                                                                                          mw
                                                                                                            .ch
                                                                                                                /it
                                                                       BMW Switzerland site




                                                    BMW brand sites




                                                                                              En
                                                                                                   gli
                                                                                                       sh
                                                                                                          :     mi
                                                                                              Sp                     niu
                                                                                                   an                   sa
                                                                                                     ish                     .co
                                                                                                                :m                 m
                                                                                                                     iniu
                                                                                                                           sa
                                                                                                                              .co
                                                                                                                                    m/
                                                                                                                                      es
                                                                       Mini US site




                                                                                              En
                                                                                                   gli
                                                                                                         sh
                                                                                                            :   mi
                                                                                                                     ni.
                                                                                              Fre                       ca
                                                                                                    nc
                                                                                                         h:
                                                                                                            m    ini.
                                                                                                                        ca
                                                                                                                            /fr
                                                                       Mini US site




                                                    Mini brand sites
PLATFORM OBJECTIVES



Sunday, November 4, 12
ALL THE CONTENT!
           • Subject to workflow

           • Able to be translated

           • Able to be saved to multiple revisions, including drafts




Sunday, November 4, 12
image:
 http://hyperboleandahalf.blogspot.com/2010/06/this-is-why-ill-never-be-adult.html
Sunday, November 4, 12
screenshot:
http://www.bmwusa.com/
Sunday, November 4, 12
screenshot:
https://www.bmwusa.com/Secured/Content/Forms/Login.aspx
Sunday, November 4, 12
BATCHED CONTENT MANAGEMENT
           • Preview whole groups of content updates together

           • Publish, unpublish, and manage the workflow state of
             whole groups of content en masse




Sunday, November 4, 12
Sunday, November 4, 12
FLEXIBLE LAYOUTS
           • Select different templates to use for the same content type

           • Allow users to define complex inputs for the output of
             structured content

           • Allow users to build basic templates themselves and to
             reuse them




Sunday, November 4, 12
Sunday, November 4, 12
CONSISTENT, INTUITIVE UI
           • CMS users with only basic training

           • CMS will be used worldwide




Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
PLATFORM GOALS
           • Content layout is flexible

           • All content is translatable

           • Content is subject to workflow

           • The CMS UI is consistent and intuitive




Sunday, November 4, 12
image:
 http://hyperboleandahalf.blogspot.com/2010/06/this-is-why-ill-never-be-adult.html
Sunday, November 4, 12
LAYOUT ALL THE THINGS!

Sunday, November 4, 12
OBJECTIVES

Sunday, November 4, 12
MULTIPLE LAYOUTS IN CONTENT
           • Layouts are independent of content type

           • Multiple layouts can be used in one content type

           • Editors can define own layouts in CMS




Sunday, November 4, 12
Sunday, November 4, 12
SOLUTION: TEMPLATE FIELD
           • Allows a single field to contain many pieces of data

           • Each template has HTML, optional CSS & JS

           • Can be in code, or DB; can be overridden

           • Because it’s a field, can be revisioned




Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
OTHER BENEFITS
           • Allows node-specific layouts, even within one content type

           • Layouts can be shared across content types




Sunday, November 4, 12
MULTIPLE LAYOUTS IN PAGES
           • Layout of a single content type may change significantly
             from node to node or even revision to revision

           • Layouts need to be attached to node for workflow, etc.




Sunday, November 4, 12
CONTROL OVER BLOCKS
           • Content editors need to create blocks freely

           • Need to be able to place blocks as part of page content

           • Need to be able to embed blocks in other content




Sunday, November 4, 12
SOLUTION: BLOCK REFERENCE
           • Insert blocks into nodes as field content

           • In combination with a content block solution, allows
             reusable block content to be laid out in arbitrary layouts




Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
SOLUTION: EMBEDABBLES
           • Allows block content to be placed into rich text contexts

           • Effectively allows revisioning of block placement within that
             context




Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
image:
 http://hyperboleandahalf.blogspot.com/2010/06/this-is-why-ill-never-be-adult.html
Sunday, November 4, 12
TRANSLATE
                         ALL THE THINGS!
Sunday, November 4, 12
OBJECTIVES

Sunday, November 4, 12
ALL CONTENT IS TRANSLATABLE
           • Body content, block content, menu items, form labels, and
             any other visible text

           • Related translations grouped and accessible from the
             source node




Sunday, November 4, 12
“SUBSCRIPTION” VS “LOCALIZATION”
           • Subscribed content adopts a specific piece of content from
             another language

           • Localized content begins as a copy from another language,
             but can be edited independently and diverge




Sunday, November 4, 12
EACH TRANSLATION IS DISTINCT
       • Translations may not be literal

       • The version of content for a particular market/language
         should be managed separately from other markets/
         languages




Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
SOLUTION:
                  CONTENT TRANSLATION + I18N



Sunday, November 4, 12
Sunday, November 4, 12
SOLUTION: CUSTOM EXTENSION FOR
                  SUBSCRIPTIONS + UI ENHANCEMENTS



Sunday, November 4, 12
Sunday, November 4, 12
SOLUTION: DOMAIN




Sunday, November 4, 12
Sunday, November 4, 12
SOLUTION: DOMAIN CUSTOM EXTENSION




Sunday, November 4, 12
POTENTIAL DRUPAL 8 IMPROVEMENTS
           • Integrate more functionality from i18n in core

           • Make entities translatable

           • Simplify UI for managing content translations




Sunday, November 4, 12
image:
 http://hyperboleandahalf.blogspot.com/2010/06/this-is-why-ill-never-be-adult.html
Sunday, November 4, 12
REVISION ALL THE THINGS!

Sunday, November 4, 12
REVISIONS?
           • More like “versions”

           • Keep old copies of content

           • Ideally, work on multiple versions of content at once




Sunday, November 4, 12
WORKFLOW?
           • Drupal has “unpublished” and “published”

           • Add more states, like “approved” or “needs edits”

           • Control access to each of those states




Sunday, November 4, 12
CORE DRUPAL REVISIONS
           • Only saves previous copies

           • Can’t edit two copies independently

           • No working drafts

           • Only applies to nodes

           • Only core ‘workflow’ states



Sunday, November 4, 12
ALL THE THINGS?
           • Nodes

           • Menus

           • Block Content

           • Block Placement




Sunday, November 4, 12
NODE ALL THE THINGS!
           • Can be translated

           • Drupal takes care of basic revisions

           • Basic workflow needs met




Sunday, November 4, 12
MENUS
           • Drupal Menus are not strictly content

           • No publishing, unpublishing

           • Behavior can be unpredictable and confusing for content
             editors




Sunday, November 4, 12
SOLUTION: MENU FIELD
           • Menu-like content as a field

           • Translatable, revisionable

           • Mirrors Drupal native menus

           • Flexible menu content - rich text




Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
SOLUTION: NODEBLOCK




Sunday, November 4, 12
SOLUTION: STATE FLOW
           • Highly configurable workflow solution

           • API-driven, developer-friendly




Sunday, November 4, 12
ha




Sunday, November 4, 12
REVISION TAGGING
           • Label each revision

           • All content with that tag can be acted on

           • Preview site with different tags




Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
Sunday, November 4, 12
POTENTIAL DRUPAL 8 IMPROVEMENTS
           • Entities Everywhere

           • Content Staging Intiative and Site Preview System




Sunday, November 4, 12
LESSONS

Sunday, November 4, 12
RESOURCES
           • Template Field
             http://drupal.org/project/template_field

           • Formatter Field
             http://drupal.org/project/formatter_field

           • Block Reference
             http://drupal.org/project/blockreference



Sunday, November 4, 12
RESOURCES
           • Embeddables
             http://drupal.org/project/embeddable

           • i18n
             http://drupal.org/project/i18n

           • Domain
             http://drupal.org/project/domain



Sunday, November 4, 12
RESOURCES
           • State Machine
             http://drupal.org/project/state_machine

           • Nodeblock
             http://drupal.org/project/nodeblock

           • Menu Field
             http://drupal.org/project/menu_field



Sunday, November 4, 12
THANKS.



Sunday, November 4, 12
QUESTIONS?

                         JOE TURGEON                     TIM COSGROVE
                         Solutions Architect             Software Architect
                         jturgeon@phase2technology.com   tcosgrove@phase2technology.com
                         @arithmetric                    @timcosgrove




Sunday, November 4, 12
phase2technology.com
                             @phase2tech




Sunday, November 4, 12

More Related Content

More from Phase2

Phase2 Health and Wellness Brochure
Phase2 Health and Wellness BrochurePhase2 Health and Wellness Brochure
Phase2 Health and Wellness BrochurePhase2
 
A Modern Digital Experience Platform
A Modern Digital Experience PlatformA Modern Digital Experience Platform
A Modern Digital Experience PlatformPhase2
 
Beyond websites: A Modern Digital Experience Platform
Beyond websites: A Modern Digital Experience PlatformBeyond websites: A Modern Digital Experience Platform
Beyond websites: A Modern Digital Experience PlatformPhase2
 
Omnichannel For Government
Omnichannel For Government Omnichannel For Government
Omnichannel For Government Phase2
 
Bad camp2016 Release Management On Live Websites
Bad camp2016 Release Management On Live WebsitesBad camp2016 Release Management On Live Websites
Bad camp2016 Release Management On Live WebsitesPhase2
 
A FUTURE-FOCUSED DIGITAL PLATFORM WITH DRUPAL 8
A FUTURE-FOCUSED DIGITAL PLATFORM WITH DRUPAL 8A FUTURE-FOCUSED DIGITAL PLATFORM WITH DRUPAL 8
A FUTURE-FOCUSED DIGITAL PLATFORM WITH DRUPAL 8Phase2
 
The Future of Digital Storytelling - Phase2 Talk
The Future of Digital Storytelling - Phase2 TalkThe Future of Digital Storytelling - Phase2 Talk
The Future of Digital Storytelling - Phase2 TalkPhase2
 
Site building with end user in mind
Site building with end user in mindSite building with end user in mind
Site building with end user in mindPhase2
 
Fields, entities, lists, oh my!
Fields, entities, lists, oh my!Fields, entities, lists, oh my!
Fields, entities, lists, oh my!Phase2
 
Performance Profiling Tools and Tricks
Performance Profiling Tools and TricksPerformance Profiling Tools and Tricks
Performance Profiling Tools and TricksPhase2
 
NORTH CAROLINA Open Source, OpenPublic, OpenShift
NORTH CAROLINA Open Source, OpenPublic, OpenShiftNORTH CAROLINA Open Source, OpenPublic, OpenShift
NORTH CAROLINA Open Source, OpenPublic, OpenShiftPhase2
 
Drupal 8 for Enterprise: D8 in a Changing Digital Landscape
Drupal 8 for Enterprise: D8 in a Changing Digital LandscapeDrupal 8 for Enterprise: D8 in a Changing Digital Landscape
Drupal 8 for Enterprise: D8 in a Changing Digital LandscapePhase2
 
Riding the Drupal Wave: The Future for Drupal and Open Source Content Manage...
Riding the Drupal Wave:  The Future for Drupal and Open Source Content Manage...Riding the Drupal Wave:  The Future for Drupal and Open Source Content Manage...
Riding the Drupal Wave: The Future for Drupal and Open Source Content Manage...Phase2
 
Site Building with the End User in Mind
Site Building with the End User in MindSite Building with the End User in Mind
Site Building with the End User in MindPhase2
 
The Yes, No, and Maybe of "Can We Build That With Drupal?"
The Yes, No, and Maybe of "Can We Build That With Drupal?"The Yes, No, and Maybe of "Can We Build That With Drupal?"
The Yes, No, and Maybe of "Can We Build That With Drupal?"Phase2
 
User Testing For Humanitarian ID App
User Testing For Humanitarian ID AppUser Testing For Humanitarian ID App
User Testing For Humanitarian ID AppPhase2
 
Redhat.com: An Architectural Case Study
Redhat.com: An Architectural Case StudyRedhat.com: An Architectural Case Study
Redhat.com: An Architectural Case StudyPhase2
 
The New Design Workflow
The New Design WorkflowThe New Design Workflow
The New Design WorkflowPhase2
 
Drupal 8, Don’t Be Late (Enterprise Orgs, We’re Looking at You)
Drupal 8, Don’t Be Late (Enterprise Orgs, We’re Looking at You)Drupal 8, Don’t Be Late (Enterprise Orgs, We’re Looking at You)
Drupal 8, Don’t Be Late (Enterprise Orgs, We’re Looking at You)Phase2
 
Memorial Sloan Kettering: Adventures in Drupal 8
Memorial Sloan Kettering: Adventures in Drupal 8Memorial Sloan Kettering: Adventures in Drupal 8
Memorial Sloan Kettering: Adventures in Drupal 8Phase2
 

More from Phase2 (20)

Phase2 Health and Wellness Brochure
Phase2 Health and Wellness BrochurePhase2 Health and Wellness Brochure
Phase2 Health and Wellness Brochure
 
A Modern Digital Experience Platform
A Modern Digital Experience PlatformA Modern Digital Experience Platform
A Modern Digital Experience Platform
 
Beyond websites: A Modern Digital Experience Platform
Beyond websites: A Modern Digital Experience PlatformBeyond websites: A Modern Digital Experience Platform
Beyond websites: A Modern Digital Experience Platform
 
Omnichannel For Government
Omnichannel For Government Omnichannel For Government
Omnichannel For Government
 
Bad camp2016 Release Management On Live Websites
Bad camp2016 Release Management On Live WebsitesBad camp2016 Release Management On Live Websites
Bad camp2016 Release Management On Live Websites
 
A FUTURE-FOCUSED DIGITAL PLATFORM WITH DRUPAL 8
A FUTURE-FOCUSED DIGITAL PLATFORM WITH DRUPAL 8A FUTURE-FOCUSED DIGITAL PLATFORM WITH DRUPAL 8
A FUTURE-FOCUSED DIGITAL PLATFORM WITH DRUPAL 8
 
The Future of Digital Storytelling - Phase2 Talk
The Future of Digital Storytelling - Phase2 TalkThe Future of Digital Storytelling - Phase2 Talk
The Future of Digital Storytelling - Phase2 Talk
 
Site building with end user in mind
Site building with end user in mindSite building with end user in mind
Site building with end user in mind
 
Fields, entities, lists, oh my!
Fields, entities, lists, oh my!Fields, entities, lists, oh my!
Fields, entities, lists, oh my!
 
Performance Profiling Tools and Tricks
Performance Profiling Tools and TricksPerformance Profiling Tools and Tricks
Performance Profiling Tools and Tricks
 
NORTH CAROLINA Open Source, OpenPublic, OpenShift
NORTH CAROLINA Open Source, OpenPublic, OpenShiftNORTH CAROLINA Open Source, OpenPublic, OpenShift
NORTH CAROLINA Open Source, OpenPublic, OpenShift
 
Drupal 8 for Enterprise: D8 in a Changing Digital Landscape
Drupal 8 for Enterprise: D8 in a Changing Digital LandscapeDrupal 8 for Enterprise: D8 in a Changing Digital Landscape
Drupal 8 for Enterprise: D8 in a Changing Digital Landscape
 
Riding the Drupal Wave: The Future for Drupal and Open Source Content Manage...
Riding the Drupal Wave:  The Future for Drupal and Open Source Content Manage...Riding the Drupal Wave:  The Future for Drupal and Open Source Content Manage...
Riding the Drupal Wave: The Future for Drupal and Open Source Content Manage...
 
Site Building with the End User in Mind
Site Building with the End User in MindSite Building with the End User in Mind
Site Building with the End User in Mind
 
The Yes, No, and Maybe of "Can We Build That With Drupal?"
The Yes, No, and Maybe of "Can We Build That With Drupal?"The Yes, No, and Maybe of "Can We Build That With Drupal?"
The Yes, No, and Maybe of "Can We Build That With Drupal?"
 
User Testing For Humanitarian ID App
User Testing For Humanitarian ID AppUser Testing For Humanitarian ID App
User Testing For Humanitarian ID App
 
Redhat.com: An Architectural Case Study
Redhat.com: An Architectural Case StudyRedhat.com: An Architectural Case Study
Redhat.com: An Architectural Case Study
 
The New Design Workflow
The New Design WorkflowThe New Design Workflow
The New Design Workflow
 
Drupal 8, Don’t Be Late (Enterprise Orgs, We’re Looking at You)
Drupal 8, Don’t Be Late (Enterprise Orgs, We’re Looking at You)Drupal 8, Don’t Be Late (Enterprise Orgs, We’re Looking at You)
Drupal 8, Don’t Be Late (Enterprise Orgs, We’re Looking at You)
 
Memorial Sloan Kettering: Adventures in Drupal 8
Memorial Sloan Kettering: Adventures in Drupal 8Memorial Sloan Kettering: Adventures in Drupal 8
Memorial Sloan Kettering: Adventures in Drupal 8
 

X All the Things: Total Content Control