Successfully reported this slideshow.
Case Study: Enmetric.com   Hook 42  ZERO TO GO IN 13 DAYS  A Case Study of Enmetric.com  Part 2: The dev stuff  Kristen Po...
Case Study: Enmetric.com           Hook 42Who are we?                                         Aimee                Kristen...
Case Study: Enmetric.com                                                Hook 42Get hooked:                                ...
Case Study: Enmetric.com                                   Hook 42                                                Presenta...
Case Study: Enmetric.com                               Hook 42Client:                        Business NeedEnmetricSystems ...
Case Study: Enmetric.com                                  Hook 42Zero to Go:                                 Enmetric   Fu...
Case Study: Enmetric.com                      Hook 42Development                      • Fairly simple siteGuidelines:The b...
Case Study: Enmetric.com                                                    Hook 42ApplicationArchitecture:The buckets.   ...
Case Study: Enmetric.com                           Hook 42Distributions:A starting point.                                 ...
Case Study: Enmetric.com                                           Hook 42Distributions:The choices.There are simpledistri...
Case Study: Enmetric.com                                             Hook 42Distributions:                                ...
Case Study: Enmetric.com                                  Hook 42Distributions:                               What was cho...
Case Study: Enmetric.com                         Hook 42Layouts:Where does itgo?                                          ...
Case Study: Enmetric.com                                                          Hook 42Layouts:                         ...
Case Study: Enmetric.com                                      Hook 42Layouts:The choice.                     What was chos...
Case Study: Enmetric.com                            Hook 42ContentArchitecture:Smart andreusable                          ...
Case Study: Enmetric.com                                                          Hook 42Nodes:                           ...
Case Study: Enmetric.com                       Hook 42Field Collection:               • Field CollectionReuse yourcontent ...
Case Study: Enmetric.com                       Hook 42Blocks:                         • Bean: Block entities aren’tBeans a...
Case Study: Enmetric.com                                    Hook 42Content                           What was chosen?Archi...
Case Study: Enmetric.com                          Hook 42ContentHandling:Intuitive andflexible.                           ...
Case Study: Enmetric.com                  Hook 42Content                         • WysiwygHandling:                       ...
Case Study: Enmetric.com                                   Hook 42ContentHandling:                       What was chosen?T...
Case Study: Enmetric.com                           Hook 42ContactManagement:Keep track ofimportant                        ...
Case Study: Enmetric.com              Hook 42Contact                        • Core contactManagement:The choices.         ...
Case Study: Enmetric.com                                 Hook 42ContactManagement:                     What was chosen?The...
Case Study: Enmetric.com                        Hook 42Theming:Make it lookpretty.                                        ...
Case Study: Enmetric.com          Hook 42Theming:                       • ZenThe choices.                               • ...
Case Study: Enmetric.com                               Hook 42Theming:The choice.                                 What was...
Case Study: Enmetric.com              Hook 42Then and Now               Old Site                  New Siteanswers@hook42.c...
Case Study: Enmetric.com                                      Hook 42Takeaways:                     Good Good, Bad,      ...
Upcoming SlideShare
Loading in …5
×

Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com

1,424 views

Published on

Presenter: Kristen Pol, Hook 42, Inc

Tagline: Do it fast, but do it right.

Just because you are building a Drupal site in a "hurry" doesn't mean you should cut corners. Hook 42 team, Aimee Degnan & Kristen Pol, took on a smallish Drupal project with a very aggressive timeline but still did the right things... kickoff meeting, research, module assessment, content tuning, search engine optimization (SEO), responsive theming, media/wysiwyg integration, and more.

The Enmetric.com Drupal process and architecture is applicable to sites of any size. Learn how the Enmetric.com site was built using the Drupal framework including:

* Distribution selection
* Layout management
* Content architecture
* Wysiwyg integration
* Custom forms
* Responsive theming

-----------------
About Kristen Pol
-----------------

Kristen has been building Drupal websites since 2004 from backend (PHP/module development) to frontend (CSS/theming), and has recently authored a book on Drupal 7 Multilingual Sites. Before Drupal, Kristen created Enterprise-level Java websites and built test systems for opto-electronic devices.

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com

  1. 1. Case Study: Enmetric.com Hook 42 ZERO TO GO IN 13 DAYS A Case Study of Enmetric.com Part 2: The dev stuff Kristen Pol kristen@hook42.comanswers@hook42.com 1
  2. 2. Case Study: Enmetric.com Hook 42Who are we? Aimee Kristenanswers@hook42.com 2
  3. 3. Case Study: Enmetric.com Hook 42Get hooked: Strengths Services ClientsHook 42 Drupal Zero to Go StartupsFlexible. Web Content Second Small Management Opinion BusinessWork smart. Enterprise Rescue Midsize ContentFix complex problems. Mission Business PublicationIntegrate anything. Custom Application Add-ons Enterprise IntegrationCulture chameleon. StrategicScale for growth. Moving Technology Education House LeadershipDeploy correctly. Systems Helping Hand ArchitectureWork efficiently.answers@hook42.com 3
  4. 4. Case Study: Enmetric.com Hook 42 Presentation Takeaways• Correctly defining the project prepares you for success.• You CAN do things Good, Right, and Fast.• Not just the destination, but how you get there.• Process, techniques, and tools used.• Drupal changes from day-to-day.• Ask us Questions along the way.answers@hook42.com 4
  5. 5. Case Study: Enmetric.com Hook 42Client: Business NeedEnmetricSystems • Upcoming conference • Large press release • 3 page HTML site from 2010 • No one “got” what they did Constraints • Don’t bother our resources • Use newly final branding • Leverage existing, but dated, copyhttp://www.enmetric.com EnvironmentGreen Technology • 3 business folks (sign-off)Plug Load Management • 1 dev / designerHardware + Software • 2 ops-type peopleanswers@hook42.com 5
  6. 6. Case Study: Enmetric.com Hook 42Zero to Go: Enmetric Functional. Start Professional.What does it EOB Platform to grow.mean?? May 23 By 7 June 2012. TodayEvery project has adifferent “zero”.Most projects aren’t at atrue “zero” point.“Go” can mean a lot ofthings.Results may vary.answers@hook42.com 6
  7. 7. Case Study: Enmetric.com Hook 42Development • Fairly simple siteGuidelines:The big picture. • Easy for client to update • Generic but flexible content format • Platform for future growthSimple, but flexible. • Wiggle room to play with newFast, but done right. modules, but…Use the latest and • Super tight deadlinegreatest when it makessense.answers@hook42.com 7
  8. 8. Case Study: Enmetric.com Hook 42ApplicationArchitecture:The buckets. Wysiwyg & Media Content Slideshow Architecture Layout Contact Mechanism FormReality: there are a lot ofmoving parts to account Distribution The Themefor, even for a small site. WebsiteSometimes it “sounds”bigger to the client thaninitially requested.Do it The Drupal Way.answers@hook42.com 8
  9. 9. Case Study: Enmetric.com Hook 42Distributions:A starting point. Core Contrib / Custom Modules ConfigThere are simpledistributions.There are complexdistributions.Does it have most ofyour functionality, or Distributionprovide a goodfoundation to buildupon?answers@hook42.com 9
  10. 10. Case Study: Enmetric.com Hook 42Distributions:The choices.There are simpledistributions.There are complexdistributions.Does it have most ofyour functionality, orprovide a goodfoundation to buildupon? http://buytaert.net/acquia-product-strategy-and-visionanswers@hook42.com 10
  11. 11. Case Study: Enmetric.com Hook 42Distributions: Acquia DrupalThe choices. • Acquia • Simple • Common modules • Get from acquia.com only Open Enterprise • Level Ten Design • Business focus • Apps (blog, events, forum…) • 8,780 downloadsSome big companiesbuild and sponsordistributions. PanopolyIssues can get resolved • Chapter Threefaster due to company • Panels & Appssponsorship. (wysiwyg, images, theme, search…) • 2,652 downloadsGet the best practices.answers@hook42.com 11
  12. 12. Case Study: Enmetric.com Hook 42Distributions: What was chosen?The choice. • Drupal 7 Core • Build what we need • Use Drush Was it a good choice? • Probably • Other distributions were buggy or had too much going on What would we chose next time? • PanopolySometimes you just • Once bugs are ironed out, it looksneed to build fromscratch. awesomeanswers@hook42.com 12
  13. 13. Case Study: Enmetric.com Hook 42Layouts:Where does itgo? Regions Blocks PagesHow do you put contentwhere you want it?Can you change it later? LayoutCan you have pageswith different layouts?answers@hook42.com 13
  14. 14. Case Study: Enmetric.com Hook 42Layouts: Core + Template files • Core regions and blocksThe choices. • Custom .tpl files • Custom theme functions Display Suite • View modes for entities with different layouts • Drag-n-drop • Views and panels integration Omega + Delta + Context • Grid-based, HTML5, responsive theme • Contextual layouts (conditions & reactions) Panels (and friends) • merlinofchaos (Earl Miles)In Drupal, there are • Panel pages, mini panels, paneloften lots of ways to do nodes, panels everywherethe same thing. • Drag-n-dropanswers@hook42.com 14
  15. 15. Case Study: Enmetric.com Hook 42Layouts:The choice. What was chosen? • Panels / Panels Everywhere (with a little Display Suite) • Already knew how to use it • Popular Was it a good choice? • Yes • We needed to go fast • Solid technology What would we chose next time? • Panels (+ Display Suite)To go fast, use what you or, maybe,know if it fits the • Omega + Delta + Context (+ Display Suite)requirements.answers@hook42.com 15
  16. 16. Case Study: Enmetric.com Hook 42ContentArchitecture:Smart andreusable Entities / Nodescontent. Blocks Fields ContentEasy to create and edit.Flexible.answers@hook42.com 16
  17. 17. Case Study: Enmetric.com Hook 42Nodes: Home Page • SingletonThe content • Hero images • Highlightstypes. • Main content Contact Page • Singleton • Company name / address / phone / emails • Main content Article • Title / summary / main content • Date / place / source / image • Tags • Subsections (Field Collection)Singletons are okay. Basic Page • TitleBuild the content types • Main contentthat make sense for your • Subsections (Field Collection)site.answers@hook42.com 17
  18. 18. Case Study: Enmetric.com Hook 42Field Collection: • Field CollectionReuse yourcontent • Groups of fieldsstructure. • Reuse on any entity • Nested collections • Watch out!!! Revisions not yet supported (patch beingFields should match finalized)your content needs.Balance flexibility andstructure.answers@hook42.com 18
  19. 19. Case Study: Enmetric.com Hook 42Blocks: • Bean: Block entities aren’tBeans are goodfor you! nodes • Block types • Block fields • Edit contextual link • Was a bit buggy upon start-Blocks should match upyour content needs.Balance flexibility andstructure.answers@hook42.com 19
  20. 20. Case Study: Enmetric.com Hook 42Content What was chosen?Architecture: • Nodes + Field Collection + BeanThe choice. • Structure and flexibility • Logical Was it a good choice? • Yes* • *Issue with Field Collection + Revisions so spent a lot of time creating a patch and interim solution until patch is finalized and committed What would we chose next time? • Nodes + Field Collection (patched!) + Bean • Create a Bean library?Entities and fields rock! • Create a reusable page with subsections?answers@hook42.com 20
  21. 21. Case Study: Enmetric.com Hook 42ContentHandling:Intuitive andflexible. Wysiwyg Media Formatting ContentEasy to create and edit.Flexible and extensible.answers@hook42.com 21
  22. 22. Case Study: Enmetric.com Hook 42Content • WysiwygHandling: • TinyMCEThe choices. • CKEditor • Aloha* • Media handling • Media module • Image/media fields • FormattingEasy to create and edit. • Image presetsFlexible and extensible. • Wysiwyg pluginsanswers@hook42.com 22
  23. 23. Case Study: Enmetric.com Hook 42ContentHandling: What was chosen?The choice. • TinyMCE + Media 2.x • Popular editor • Insert media within editor (media library) Was it a good choice? • Maybe • Media 2.x is still buggy (e.g. videos) • Bleeding edge What would we chose next time? • Panopoly Wysiwyg (finetuned TinyMCE+Media 2.x), or…What you see isn’talways what you get, but • Spark?you can get close.answers@hook42.com 23
  24. 24. Case Study: Enmetric.com Hook 42ContactManagement:Keep track ofimportant Contact Formpeople. Emails Admin PagesTrack importantinformation.Notify business viaemail. Contact ManagementNotify contact via email.Find contacts easily.answers@hook42.com 24
  25. 25. Case Study: Enmetric.com Hook 42Contact • Core contactManagement:The choices. • Webform • Node • Entityform • Forms • Red Hen CRM • CiviCRMDo you need alightweight or • Custom form (FAPI)heavyweight solution?answers@hook42.com 25
  26. 26. Case Study: Enmetric.com Hook 42ContactManagement: What was chosen?The choice. • Entityforms • Contact Form with internal notes and status • Added custom view page for admin Was it a good choice? • It was okay • Potential to rival Webform • Bleeding edge What would we chose next time?Consider what your • Light weight: Node or Entityformsadmin and businessusers need to do with • Medium / heavy weight: Red Hen CRM?the contact data.answers@hook42.com 26
  27. 27. Case Study: Enmetric.com Hook 42Theming:Make it lookpretty. Regions CSSDoes it need to beresponsive to other Templatesdevice widths?Do you need a mobile-specific theme?Do you want to designon a grid?Do you want a theme Themewith lots of functionalitybuilt-in or just the barebones?answers@hook42.com 27
  28. 28. Case Study: Enmetric.com Hook 42Theming: • ZenThe choices. • Omega • Adaptive Theme • Precision • And many more…Starter themes can belightweight or heavy.answers@hook42.com 28
  29. 29. Case Study: Enmetric.com Hook 42Theming:The choice. What was chosen? • Adaptive Theme (AT Panels Everywhere) • Responsive media queries • Works with Panels Everywhere Was it a good choice? • Yes, but no SASS or LESS • Easy to use • Some responsive settings in the UI What would we chose next time? • Adaptive Theme, or • Zen (+ Zen Grids), or • Omega (+ Delta + Context)Lots of choices for good • Use SASSstarter themes.answers@hook42.com 29
  30. 30. Case Study: Enmetric.com Hook 42Then and Now Old Site New Siteanswers@hook42.com 30
  31. 31. Case Study: Enmetric.com Hook 42Takeaways: Good Good, Bad, • Parallel Workand Meh • Drupal 7 • Content structure and handling: Bean, Field Collection, and Workbench • Responsive theme Bad  • Go-live too accelerated. • We like more testing to remove irritating bugs (Field Collection + revisions). • No Features due to accelerated pace. Meh.  • Adding functionality = adding debug time. • Entityforms for contact management.Lessons are alwayslearned. • Media 2.x needs some work.answers@hook42.com 31

×