0
CASE STUDY: 

SYDNEY LIVING MUSEUMS
Daniel Tome
DANIEL TOME
Drupal Technical Lead

Twitter: @danieltome
http://danieltome.com
OUR DRUPAL CLIENTS
MY DRUPAL TEAM

!4
AGENDA
§ Introduction to Sydney Living Museums and review of the website

!
§ Challenges

!
§ Build (agile approach, mo...
INTRODUCTION
HISTORIC HOUSES TRUST OF NSW
§ Established in 1980
§ NSW Office of Environment and Heritage within the NSW DPC.
§ Care ...
SYDNEYLIVINGMUSEUMS.COM.AU
!
§ Responsive website based on
Zurb foundation
§ Editorial workflow
§ Custom inline grid ed...
CHALLENGES
!
§ Very long pages of content with large imagery

!

§ Designs had not been approved at start of project

!
...
WIREFRAMES

SPRINT ZERO

THEME SELECTION
BOOTSTRAP

!
!
!
!
!
!
!
!
!

§ https://drupal.org/
project/bootstrap

ZURB FOUNDATION

!
!
!
!
!
!
!
!
!...
Progressive enhancement

MOBILE
FIRST

!
Mobile first requires a new approach to
planning, UX design, and development
that...
DATA-INTERCHANGE (RESPONSIVE IMAGES)
MODULE SELECTION
MODULE SELECTION
SPARK
Spark is a Drupal distribution which
aims to work out solutions to
authoring experience problems in the
field and ap...
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 l...
SOCIAL MEDIA TIMELINE
AGILE APPROACH

SCRUM
SCRUM ADVANTAGES
§ Your progress will be measured as real working software.

!

§ All requirements will be expressed and...
TOOLS
• JIRA

!
• STASH

!
• GOOGLE HANGOUTS
JIRA AGILE BOARD
ACQUIA CLOUD
ACQUIA CLOUD WORKFLOW
LOAD TESTING – BLITZ.IO
IMPROVING

PERFORMANCE
MODULES AND UTILITIES
• VARNISH CACHE

!
• MEMCACHE

!
• ACQUIA PURGE

!
• EXPIRE MODULE

!
• LAZY LOADING
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 resp...
START A CONVERSATION
!
FOLLOW US ON TWITTER:
@BULLSEYEDIGITAL
!
FOLLOW ME ON TWITTER:
@DANIELTOME
Drupal case study: Sydney Living Museums by Bullseye
Drupal case study: Sydney Living Museums by Bullseye
Drupal case study: Sydney Living Museums by Bullseye
Drupal case study: Sydney Living Museums by Bullseye
Drupal case study: Sydney Living Museums by Bullseye
Drupal case study: Sydney Living Museums by Bullseye
Drupal case study: Sydney Living Museums by Bullseye
Drupal case study: Sydney Living Museums by Bullseye
Drupal case study: Sydney Living Museums by Bullseye
Drupal case study: Sydney Living Museums by Bullseye
Upcoming SlideShare
Loading in...5
×

Drupal case study: Sydney Living Museums by Bullseye

1,684

Published on

Presentation by Technical Lead Daniel Tome to Drupal South Wellington in February 2014 on the mobile responsive site for Bullseye client Sydney Living Museums

Published in: Marketing
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,684
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Drupal case study: Sydney Living Museums by Bullseye"

  1. 1. CASE STUDY: 
 SYDNEY LIVING MUSEUMS Daniel Tome
  2. 2. DANIEL TOME Drupal Technical Lead Twitter: @danieltome http://danieltome.com
  3. 3. OUR DRUPAL CLIENTS
  4. 4. MY DRUPAL TEAM !4
  5. 5. 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
  6. 6. INTRODUCTION
  7. 7. 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
  8. 8. SYDNEYLIVINGMUSEUMS.COM.AU ! § Responsive website based on Zurb foundation § Editorial workflow § Custom inline grid editor § Lazy loading
  9. 9. CHALLENGES ! § 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
  10. 10. WIREFRAMES

  11. 11. SPRINT ZERO

  12. 12. THEME SELECTION BOOTSTRAP ! ! ! ! ! ! ! ! ! § https://drupal.org/ project/bootstrap ZURB FOUNDATION ! ! ! ! ! ! ! ! ! § https://drupal.org/ project/zurbfoundation ADAPTIVE / OMEGA ! ! ! § https://drupal.org/ project/adaptivetheme ! § https://drupal.org/ project/omega ! § Custom built
  13. 13. Progressive enhancement MOBILE FIRST ! Mobile first requires a new approach to planning, UX design, and development that puts handheld devices at the forefront of both strategy and implementation.
  14. 14. DATA-INTERCHANGE (RESPONSIVE IMAGES)
  15. 15. MODULE SELECTION
  16. 16. MODULE SELECTION
  17. 17. SPARK Spark 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.
  18. 18. CUSTOM MODULES
  19. 19. SIMPLIFYING CONTENT ENTRY FOR GRIDS
  20. 20. HTTP://MARQUEE.BY DEMO
  21. 21. GRID INLINE-EDITOR
  22. 22. 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
  23. 23. SOCIAL MEDIA TIMELINE
  24. 24. AGILE APPROACH

  25. 25. SCRUM
  26. 26. 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 !
  27. 27. TOOLS • JIRA ! • STASH ! • GOOGLE HANGOUTS
  28. 28. JIRA AGILE BOARD
  29. 29. ACQUIA CLOUD
  30. 30. ACQUIA CLOUD WORKFLOW
  31. 31. LOAD TESTING – BLITZ.IO
  32. 32. IMPROVING
 PERFORMANCE
  33. 33. MODULES AND UTILITIES • VARNISH CACHE ! • MEMCACHE ! • ACQUIA PURGE ! • EXPIRE MODULE ! • LAZY LOADING
  34. 34. LAZY LOADING § Only 1kb library § Cross-browser (ie7) § Retina support ! § http://luis-almeida.github.io/unveil
  35. 35. 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
  36. 36. START A CONVERSATION ! FOLLOW US ON TWITTER: @BULLSEYEDIGITAL ! FOLLOW ME ON TWITTER: @DANIELTOME
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×