drupal case study - sydney living museums #dsw2014
DESCRIPTION
Case study for the build of Drupal 7 website for Sydney Living Museums by Bullseye digital. Delivered at Drupal South Wellington 2014 - http://bullseye-digital.com http://sydneylivingmuseums.com.auTRANSCRIPT
![Page 1: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/1.jpg)
CASE STUDY: SYDNEY LIVING MUSEUMSDaniel Tome
![Page 2: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/2.jpg)
DANIEL TOMEDrupal Technical Lead
Twitter: @danieltomehttp://danieltome.com
![Page 3: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/3.jpg)
OUR DRUPAL CLIENTS
![Page 4: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/4.jpg)
MY DRUPAL TEAM
!4
![Page 5: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/5.jpg)
AGENDA§ Introduction to Sydney Living Museums and review of the website !§ Challenges !
§ Build (agile approach, module selection, custom modules built) !§ Deploying to Acquia Cloud (load tests, varnish caching) !
§ Improving performance !
§ Questions
![Page 6: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/6.jpg)
INTRODUCTION
![Page 7: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/7.jpg)
HISTORIC HOUSES TRUST OF NSW§ Established in 1980
§ NSW Office of Environment and Heritage within the NSW DPC.
§ Care for 12 of the most important historic houses, gardens and museums in NSW
§ In 2013 they launched their new identity as Sydney Living Museums.
§ Previous website was on CMS Squiz
!7
![Page 8: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/8.jpg)
!§ Responsive website based on
Zurb foundation
§ Editorial workflow
§ Custom inline grid editor
§ Lazy loading
SYDNEYLIVINGMUSEUMS.COM.AU
![Page 9: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/9.jpg)
![Page 10: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/10.jpg)
!§ Very long pages of content with large imagery !
§ Designs had not been approved at start of project !
§ Client required a simplified content and layout creation !
§ Panels had limitations !
§ Incompatibilities between, Panels/Panelizer, Workbench, Field Collections and Node Clone
CHALLENGES
![Page 11: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/11.jpg)
WIREFRAMES
![Page 12: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/12.jpg)
![Page 13: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/13.jpg)
![Page 14: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/14.jpg)
![Page 15: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/15.jpg)
![Page 16: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/16.jpg)
![Page 17: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/17.jpg)
![Page 18: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/18.jpg)
![Page 19: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/19.jpg)
![Page 20: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/20.jpg)
SPRINT ZERO
![Page 21: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/21.jpg)
THEME SELECTIONZURB FOUNDATION !!!!!!!!!
§ https://drupal.org/project/zurb-foundation
ADAPTIVE / OMEGA !!!
§ https://drupal.org/project/adaptivetheme !
§ https://drupal.org/project/omega !
§ Custom built
BOOTSTRAP !!!!!!!!!
§ https://drupal.org/project/bootstrap
![Page 22: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/22.jpg)
MOBILE FIRST
Progressive enhancement !Mobile first requires a new approach to planning, UX design, and development that puts handheld devices at the forefront of both strategy and implementation.
![Page 23: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/23.jpg)
DATA-INTERCHANGE (RESPONSIVE IMAGES)
![Page 24: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/24.jpg)
MODULE SELECTION
![Page 25: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/25.jpg)
MODULE SELECTION
![Page 26: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/26.jpg)
SPARKSpark is a Drupal distribution which aims to work out solutions to authoring experience problems in the field and apply to latest development versions of Drupal.
![Page 27: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/27.jpg)
CUSTOM MODULES
![Page 28: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/28.jpg)
SIMPLIFYING CONTENT ENTRY FOR GRIDS
![Page 29: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/29.jpg)
HTTP://MARQUEE.BY DEMO
![Page 30: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/30.jpg)
GRID INLINE-EDITOR
![Page 31: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/31.jpg)
OPENSOURCE
§ Huge developer community:
§ Nearly 1000 developers contributed code to Drupal 7.
§ Over 8000 modules are listed on Drupal.org.
§ Over 10 years of development.
§ 600,000+ users on drupal.org
![Page 32: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/32.jpg)
SOCIAL MEDIA TIMELINE
![Page 33: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/33.jpg)
AGILE APPROACH
![Page 34: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/34.jpg)
SCRUM
![Page 35: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/35.jpg)
SCRUM ADVANTAGES§ Your progress will be measured as real working software. !
§ All requirements will be expressed and implemented in terms of their value to users. !
§ Documentation is kept lightweight and user-focused. !
§ By not attempting to define every last design detail up front, you and your project stakeholders will not need perfect foresight. !
§ You will be able to innovate or even change your mind based on your experience of the working !
![Page 36: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/36.jpg)
• JIRA !
• STASH !
• GOOGLE HANGOUTS
TOOLS
![Page 37: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/37.jpg)
JIRA AGILE BOARD
![Page 38: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/38.jpg)
ACQUIA CLOUD
![Page 39: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/39.jpg)
ACQUIA CLOUD WORKFLOW
![Page 40: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/40.jpg)
LOAD TESTING – BLITZ.IO
![Page 41: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/41.jpg)
IMPROVINGPERFORMANCE
![Page 42: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/42.jpg)
• VARNISH CACHE !
• MEMCACHE !• ACQUIA PURGE !
• EXPIRE MODULE !
• LAZY LOADING
MODULES AND UTILITIES
![Page 43: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/43.jpg)
LAZY LOADING
§ Only 1kb library § Cross-browser (ie7) § Retina support !
§ http://luis-almeida.github.io/unveil
![Page 44: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/44.jpg)
SUMMARY!§ Agile approach embraces change !
§ Use lazy loading when having a heavy image-driven website !
§ A responsive theme is important !
§ Keep an eye out for our module
![Page 45: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/45.jpg)
![Page 46: Drupal Case Study - Sydney Living Museums #dsw2014](https://reader033.vdocuments.site/reader033/viewer/2022052823/5555c8e9d8b42aaf158b4952/html5/thumbnails/46.jpg)
!FOLLOW US ON TWITTER: @BULLSEYEDIGITAL !FOLLOW ME ON TWITTER: @DANIELTOME
START A CONVERSATION