CASE STUDY: SYDNEY LIVING MUSEUMSDaniel Tome
DANIEL TOMEDrupal Technical Lead
Twitter: @danieltomehttp://danieltome.com
OUR DRUPAL CLIENTS
MY DRUPAL TEAM
!4
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
INTRODUCTION
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
!§ Responsive website based on
Zurb foundation
§ Editorial workflow
§ Custom inline grid editor
§ Lazy loading
SYDNEYLIVINGMUSEUMS.COM.AU
!§ 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
WIREFRAMES
SPRINT ZERO
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
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.
DATA-INTERCHANGE (RESPONSIVE IMAGES)
MODULE SELECTION
MODULE SELECTION
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.
CUSTOM MODULES
SIMPLIFYING CONTENT ENTRY FOR GRIDS
HTTP://MARQUEE.BY DEMO
GRID INLINE-EDITOR
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
SOCIAL MEDIA TIMELINE
AGILE APPROACH
SCRUM
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 !
• JIRA !
• STASH !
• GOOGLE HANGOUTS
TOOLS
JIRA AGILE BOARD
ACQUIA CLOUD
ACQUIA CLOUD WORKFLOW
LOAD TESTING – BLITZ.IO
IMPROVINGPERFORMANCE
• VARNISH CACHE !
• MEMCACHE !• ACQUIA PURGE !
• EXPIRE MODULE !
• LAZY LOADING
MODULES AND UTILITIES
LAZY LOADING
§ Only 1kb library § Cross-browser (ie7) § Retina support !
§ http://luis-almeida.github.io/unveil
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
!FOLLOW US ON TWITTER: @BULLSEYEDIGITAL !FOLLOW ME ON TWITTER: @DANIELTOME
START A CONVERSATION