Your SlideShare is downloading. ×
0
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Zero to Go in 13 Days: Part 2 - Dev Stuff / Case Study of Enmetric.com
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

985

Published on

Presenter: Kristen Pol, Hook 42, Inc …

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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
985
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Implicit:ResponsiveSEO
  • Implicit:ResponsiveSEO
  • Implicit:ResponsiveSEO
  • Implicit:ResponsiveSEO
  • Implicit:ResponsiveSEO
  • Implicit:ResponsiveSEO
  • Transcript

    • 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. Case Study: Enmetric.com Hook 42Who are we? Aimee Kristenanswers@hook42.com 2
    • 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. Case Study: Enmetric.com Hook 42ContentArchitecture:Smart andreusable Entities / Nodescontent. Blocks Fields ContentEasy to create and edit.Flexible.answers@hook42.com 16
    • 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. 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. 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. 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. Case Study: Enmetric.com Hook 42ContentHandling:Intuitive andflexible. Wysiwyg Media Formatting ContentEasy to create and edit.Flexible and extensible.answers@hook42.com 21
    • 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. 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. 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. 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. 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. 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. 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. 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. Case Study: Enmetric.com Hook 42Then and Now Old Site New Siteanswers@hook42.com 30
    • 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

    ×