Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Drupal on Your TV: Drupal Design Camp Boston 2010

1,614 views

Published on

I helped a theatre in Schenectady, NY build a fun and powerful Drupal website, whose coolest feature is a series of televisions displaying a Drupal page, but you wouldn't know it to look at it. I'll also talk about our collaborative process developing new features for the site, and some of the fun behind-the-scenes tools we built to help them manage the site.

In addition to the awesome case study, I'll also cover topics around:

* Theming - grid systems, base themes, inexpensive graphic editors
* jQuery - Small hacks, and tons of custom code
* Views for site Administration
* IE6/7 compatibility - Getting Nice Menus and jQuery slideshows to play nice
* Working remotely - ins and outs, how to do it on the cheap
* Working with Dates, Event Data, and Search

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

Drupal on Your TV: Drupal Design Camp Boston 2010

  1. 1. Drupal on Your TV 2010 Boston Drupal Design Camp June 19 th MIT Stata Center Ryan Price @liberatr
  2. 2. Expert Training and Consulting
  3. 3. Who We Are <ul><li>Michael Anello </li><ul><li>Independent software consultant 10+ years
  4. 4. University and software instructor 15+ years </li></ul><li>Ryan Price </li><ul><li>Community evangelist
  5. 5. Social media dork </li></ul><li>Lots of Drupal jobs in Florida </li></ul>
  6. 6. What We Do <ul><li>Training </li><ul><li>Public, private, online </li></ul><li>Consulting </li><ul><li>Full-service
  7. 7. Hired guns </li></ul><li>Outreach </li><ul><li>Podcast, video, technical articles
  8. 8. Drupal Road Trips </li></ul></ul>
  9. 9. What We've Done <ul><li>Large Sites </li><ul><li>OutdoorLife.com
  10. 10. FieldAndStream.com
  11. 11. SkiNet.com </li></ul><li>Microsites </li><ul><li>JetBlue
  12. 12. Marriott </li></ul></ul>
  13. 13. What We've Done <ul><li>Medium Sites </li><ul><li>Ozmosis.com
  14. 14. Proctors.org
  15. 15. Petentials.com
  16. 16. ACLib.us
  17. 17. DrupalEasy.com
  18. 18. FloridaCreatives.com </li></ul></ul>
  19. 19. What We've Done <ul><li>Small Sites </li><ul><li>Gatortutoring.com
  20. 20. VoteTimBrennan.com
  21. 21. Locked.com
  22. 22. OffRoadAtlas.com </li></ul></ul>
  23. 23. Proctors <ul><li>Restored Historic Theatre - 1926
  24. 24. Schenectady, NY
  25. 25. Cornerstone – Downtown Scene
  26. 26. Opera House, Movie Theatre, Art Gallery, Conference Space </li></ul>
  27. 27. The Problem <ul><li>Single Event Column
  28. 28. Multiple Venues
  29. 29. Photo linked to Menu Rollovers
  30. 30. Search did not honor event dates
  31. 31. Navigation
  32. 32. Custom Code </li></ul>
  33. 34. Events Display <ul><li>Home Page all events
  34. 35. Genre, Venue uses Views Displays Taxonomy Redirect
  35. 36. Venue Icon Nodereference CCK Field Formatter </li></ul>
  36. 37. Events Display <ul><li>Genre
  37. 38. Current Season Flag
  38. 39. Sidebar </li><ul><li>Grid View
  39. 40. Arguments </li><ul><li>Taxonomy ID from URL </li></ul></ul></ul>
  40. 41. Back-End Ticketing <ul><li>Any Event can be linked to a Ticket
  41. 42. Events can have multiple Tickets
  42. 43. Logic in Views Formatters </li></ul>
  43. 44. Date Formats <ul><li>Sat, Jun 19, 7:00 pm
  44. 45. Sun, Jun 27
  45. 46. Jun 30 – Jul 1
  46. 47. Dec 31 – Jan 1, 2011
  47. 48. Sun, Mar 6, 2011, 6pm
  48. 49. Custom CCK Field Formatter </li></ul>
  49. 50. Video & Media <ul><li>Sidebar
  50. 51. EM Video Field
  51. 52. ImageField
  52. 53. ImageCache
  53. 54. Views Block Display
  54. 55. Views Arguments: Node ID from URL </li></ul>
  55. 56. Featured Display <ul><li>ImageCache + Views Cycle </li><ul><li>Hacked to add pager as an option </li></ul><li>Nice Menus – use absolute/relative position
  56. 57. Admin Control + Date </li></ul>
  57. 58. Featured Display <ul><li>Flag + DraggableViews for list ordering
  58. 59. Views filters – only future-dated events
  59. 60. Additional Display Block - node/* </li><ul><li>Views Arguments - NodeID from URL </li></ul></ul>
  60. 61. Image Callouts <ul><li>Callouts: TONIGHT, SATURDAY, SOLD OUT
  61. 62. ImageField - multiple values </li><ul><li>Drag one to the top to use it
  62. 63. Views Field – Group Multiple – Show 1 value(s) </li></ul></ul>
  63. 64. Working Remote <ul><li>Stay on the phone
  64. 65. Skype + Screen Sharing can't control mouse iChat, GoToMeeting
  65. 66. Remote Desktop Testing IE6/7 Timbuktu
  66. 67. OpenAtrium File Sharing, Tasks </li></ul>
  67. 68. Culture <ul><li>Who are the players?
  68. 69. Politics?
  69. 70. Not just a robot, a Consultant
  70. 71. Help them tell the story, not just build cool stuff </li></ul>
  71. 72. Search <ul><li>Views + Attachments </li><ul><li>Filter – Search Terms </li></ul><li>Events </li><ul><li>1 - This Year (2010)
  72. 73. 2 - Next Year (2011)
  73. 74. 3 - Last Year (2009) </li></ul><li>4 - All other Content </li><ul><li>News
  74. 75. Pages
  75. 76. Webforms </li></ul></ul>
  76. 77. Galleries <ul><li>Migrated 1000 nodes
  77. 78. Gallery / Sub-Gallery
  78. 79. Multi-value ImageField + Image FUpload
  79. 80. Views + Attachments </li><ul><li>Taxonomy / Hierarchy
  80. 81. Arguments </li><ul><li>Parent Term
  81. 82. Term ID </li></ul></ul></ul>
  82. 83. News <ul><li>Featured News Rotates on all pages </li><ul><li>Announcements, Press Releases </li></ul><li>Flag – Hot News </li><ul><li>On by default
  83. 84. Date Field – exipration
  84. 85. DraggableViews </li></ul></ul>
  85. 86. A Question
  86. 91. <ul><li>Flag + DraggableViews + Date
  87. 92. Custom Javascript + jQuery
  88. 93. CCK Number Fields </li><ul><li>Video length
  89. 94. Play Video: True/False </li></ul><li>Proctors TV views, scripts and admin screens are all baked into a custom module </li></ul>
  90. 95. DrupalEasy.com Web site: technical articles, workshop announcements Podcast: search for “drupaleasy” on iTunes Twitter: @drupaleasy Ryan Price: @liberatr just about everywhere http://claimid.com/ryanprice http://slideshare.net/liberatr

×