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