SlideShare a Scribd company logo
1 of 28
Download to read offline
Web Operations
It’s not (all) about shipping version 1

GDS 20th March 2012


gareth rushgrove | morethanseven.net   www.flickr.com/photos/dawvon/6064698091
A problem
lead
        briefcase                designer               developer    tester                   release!
                                            developer




A typical project somewhere


gareth rushgrove | morethanseven.net                                http://www.flickr.com/photos/iancarroll/5027441664
briefcase



                                designer


                                             lead
                                           developer



                                                       developer



                                                                   tester



                                                                                             release!




A project plan


gareth rushgrove | morethanseven.net                               http://www.flickr.com/photos/iancarroll/5027441664
Waterfall project management


gareth rushgrove | morethanseven.net   http://www.flickr.com/photos/iancarroll/5027441664
briefcase



                                       designer developer




Agile project management


gareth rushgrove | morethanseven.net                        http://www.flickr.com/photos/iancarroll/5027441664
briefcase



                             designer developer        operations




                   Move on to new                 Maintain existing
                      projects                        projects


But what about after launch?


gareth rushgrove | morethanseven.net                    http://www.flickr.com/photos/iancarroll/5027441664
briefcase



                             designer developer          operations




             “Build things quickly”               “Keep things stable”



Misaligned incentives


gareth rushgrove | morethanseven.net                     http://www.flickr.com/photos/iancarroll/5027441664
Fight!


gareth rushgrove | morethanseven.net   http://www.flickr.com/photos/iancarroll/5027441664
A solution
briefcase



                                             designer developer


                                                operations




                                       “Build things quickly”
                                       “Keep things stable”


No more silos


gareth rushgrove | morethanseven.net                              http://www.flickr.com/photos/iancarroll/5027441664
briefcase



                                             designer developer


                                                operations




                                       “Build things that are
                                        easy to keep stable”


Shared goals


gareth rushgrove | morethanseven.net                              http://www.flickr.com/photos/iancarroll/5027441664
Security
                                                                            Visual
                   Performance
                                                                            design                       Scala


                                               Rails

                                                                    HTML/
                                                                                         Accessibility                Config
                                                                     CSS
                                                                                                                    management

                              Ruby
                                                                               User
                                                                            experience
                                                       Javascript
                                                                                                    Databases
      Deployment

                                  Monitoring




Cross functional teams


gareth rushgrove | morethanseven.net                                                     http://www.flickr.com/photos/iancarroll/5027441664
Security
                                                                            Visual
                   Performance
                                                                            design                       Scala


                                               Rails

                                                                    HTML/
                                                                                         Accessibility                Config
                                                                     CSS
                                                                                                                    management

                              Ruby
                                                                               User
                                                                            experience
                                                       Javascript
                                                                                                    Databases
      Deployment

                                  Monitoring




Doesn’t mean everyone does everything


gareth rushgrove | morethanseven.net                                                     http://www.flickr.com/photos/iancarroll/5027441664
Security
                                                                            Visual
                   Performance
                                                                            design                       Scala


                                               Rails

                                                                    HTML/
                                                                                         Accessibility                Config
                                                                     CSS
                                                                                                                    management

                              Ruby
                                                                               User
                                                                            experience
                                                       Javascript
                                                                                                    Databases
      Deployment

                                  Monitoring




Doesn’t mean everyone does everything


gareth rushgrove | morethanseven.net                                                     http://www.flickr.com/photos/iancarroll/5027441664
John Alspaw and Paul Hammond, Velocity 2009



Just like


gareth rushgrove | morethanseven.net
What to
Expect
-      Monitoring everything
-      Testing production
-      Building infrastructure (in code)
-      Providing tools for deploying and managing services




What we’ll be doing


gareth rushgrove | morethanseven.net                 http://www.flickr.com/photos/iancarroll/5027441664
Monitoring tools


gareth rushgrove | morethanseven.net
Graph everything


gareth rushgrove | morethanseven.net
Dashboards


gareth rushgrove | morethanseven.net
Scenario: check that calendars works correctly
       Given I am testing "calendars"
       Then I should be able to visit:
         | Path                        |
         | /when-do-the-clocks-change |
         | /bank-holidays              |




Human readable infrastructure tests


gareth rushgrove | morethanseven.net
Scenario: check we don't get results for cheese
            Given I am testing "search"
            When I search for "cheese"
            Then I should receive no results




A test specifically for Mat


gareth rushgrove | morethanseven.net
Infrastructure management...


gareth rushgrove | morethanseven.net   http://www.flickr.com/photos/iancarroll/5027441664
service { apache2:
              ensure => running
              enable => true,
            }




...in code


gareth rushgrove | morethanseven.net
Self service deploys


gareth rushgrove | morethanseven.net
From the start
think about how
   we will run
 what we build
Questions?


gareth rushgrove | morethanseven.net   http://flickr.com/photos/psd/102332391/

More Related Content

Similar to Web operations

Develop With Pleasure Deploy With Fun Glass Fish And Net Beans For A Better...
Develop With Pleasure  Deploy With Fun  Glass Fish And Net Beans For A Better...Develop With Pleasure  Deploy With Fun  Glass Fish And Net Beans For A Better...
Develop With Pleasure Deploy With Fun Glass Fish And Net Beans For A Better...
railsconf
 
GR8Conf 2011: Building Progressive UIs with Grails
GR8Conf 2011: Building Progressive UIs with GrailsGR8Conf 2011: Building Progressive UIs with Grails
GR8Conf 2011: Building Progressive UIs with Grails
GR8Conf
 

Similar to Web operations (20)

Html5 tx - preso
Html5 tx - presoHtml5 tx - preso
Html5 tx - preso
 
Milano ux
Milano uxMilano ux
Milano ux
 
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
 
Develop With Pleasure Deploy With Fun Glass Fish And Net Beans For A Better...
Develop With Pleasure  Deploy With Fun  Glass Fish And Net Beans For A Better...Develop With Pleasure  Deploy With Fun  Glass Fish And Net Beans For A Better...
Develop With Pleasure Deploy With Fun Glass Fish And Net Beans For A Better...
 
bootstrap
bootstrap bootstrap
bootstrap
 
Reading gdg images
Reading gdg imagesReading gdg images
Reading gdg images
 
SharePoint User Experience Design Project Plan v1.0
SharePoint User Experience Design Project Plan v1.0SharePoint User Experience Design Project Plan v1.0
SharePoint User Experience Design Project Plan v1.0
 
Turin webperf meetup
Turin webperf meetupTurin webperf meetup
Turin webperf meetup
 
Bootstrap training basics tutorial | Bootstrap Essentials
Bootstrap training basics tutorial | Bootstrap EssentialsBootstrap training basics tutorial | Bootstrap Essentials
Bootstrap training basics tutorial | Bootstrap Essentials
 
Rails bestpractices.com
Rails bestpractices.comRails bestpractices.com
Rails bestpractices.com
 
GR8Conf 2011: Building Progressive UIs with Grails
GR8Conf 2011: Building Progressive UIs with GrailsGR8Conf 2011: Building Progressive UIs with Grails
GR8Conf 2011: Building Progressive UIs with Grails
 
Active Web Development
Active Web DevelopmentActive Web Development
Active Web Development
 
Oggcamp Fast and Beautiful Images
Oggcamp Fast and Beautiful ImagesOggcamp Fast and Beautiful Images
Oggcamp Fast and Beautiful Images
 
A Responsive Project Process
A Responsive Project ProcessA Responsive Project Process
A Responsive Project Process
 
Real World Web Standards
Real World Web StandardsReal World Web Standards
Real World Web Standards
 
Fundamental Progressive Enhancement [Web Design World Boston 2008]
Fundamental Progressive Enhancement [Web Design World Boston 2008]Fundamental Progressive Enhancement [Web Design World Boston 2008]
Fundamental Progressive Enhancement [Web Design World Boston 2008]
 
DevOps Note 20120224
DevOps Note 20120224DevOps Note 20120224
DevOps Note 20120224
 
Mobile First Responsive Design
Mobile First Responsive DesignMobile First Responsive Design
Mobile First Responsive Design
 
The Modern Java Web Developer - Denver JUG 2013
The Modern Java Web Developer - Denver JUG 2013The Modern Java Web Developer - Denver JUG 2013
The Modern Java Web Developer - Denver JUG 2013
 
The Role Of Java Script
The Role Of Java ScriptThe Role Of Java Script
The Role Of Java Script
 

More from Gareth Rushgrove

More from Gareth Rushgrove (20)

Config managament for development environments ii
Config managament for development environments iiConfig managament for development environments ii
Config managament for development environments ii
 
Varnish Caching
Varnish CachingVarnish Caching
Varnish Caching
 
Vagrant and Configuration Management
Vagrant and Configuration ManagementVagrant and Configuration Management
Vagrant and Configuration Management
 
Metrics with Ganglia
Metrics with GangliaMetrics with Ganglia
Metrics with Ganglia
 
You're Going To Need A Bigger Toolbox
You're Going To Need A Bigger ToolboxYou're Going To Need A Bigger Toolbox
You're Going To Need A Bigger Toolbox
 
Devops
DevopsDevops
Devops
 
Automating web site deployment
Automating web site deploymentAutomating web site deployment
Automating web site deployment
 
Message Queues for Web Applications
Message Queues for Web ApplicationsMessage Queues for Web Applications
Message Queues for Web Applications
 
Beyond basic web development
Beyond basic web developmentBeyond basic web development
Beyond basic web development
 
Self Education for Web Professionals
Self Education for Web ProfessionalsSelf Education for Web Professionals
Self Education for Web Professionals
 
What to Build with Google App Engine
What to Build with Google App EngineWhat to Build with Google App Engine
What to Build with Google App Engine
 
App Engine for Python Developers
App Engine for Python DevelopersApp Engine for Python Developers
App Engine for Python Developers
 
Testing Django Applications
Testing Django ApplicationsTesting Django Applications
Testing Django Applications
 
Design Strategies for a Distributed Web
Design Strategies for a Distributed WebDesign Strategies for a Distributed Web
Design Strategies for a Distributed Web
 
A First Class Web Citizen
A First Class Web CitizenA First Class Web Citizen
A First Class Web Citizen
 
Parsing Microformats
Parsing MicroformatsParsing Microformats
Parsing Microformats
 
Things you probably don't do (or tying to make project automation sexy)
Things you probably don't do (or tying to make project automation sexy)Things you probably don't do (or tying to make project automation sexy)
Things you probably don't do (or tying to make project automation sexy)
 
Notes from (Web 2.0) Revolution
Notes from (Web 2.0) RevolutionNotes from (Web 2.0) Revolution
Notes from (Web 2.0) Revolution
 
Rails flavoured OpenId
Rails flavoured OpenIdRails flavoured OpenId
Rails flavoured OpenId
 
Shiny Content Management with Radiant
Shiny Content Management with RadiantShiny Content Management with Radiant
Shiny Content Management with Radiant
 

Recently uploaded

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 

Recently uploaded (20)

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 

Web operations

  • 1. Web Operations It’s not (all) about shipping version 1 GDS 20th March 2012 gareth rushgrove | morethanseven.net www.flickr.com/photos/dawvon/6064698091
  • 3. lead briefcase designer developer tester release! developer A typical project somewhere gareth rushgrove | morethanseven.net http://www.flickr.com/photos/iancarroll/5027441664
  • 4. briefcase designer lead developer developer tester release! A project plan gareth rushgrove | morethanseven.net http://www.flickr.com/photos/iancarroll/5027441664
  • 5. Waterfall project management gareth rushgrove | morethanseven.net http://www.flickr.com/photos/iancarroll/5027441664
  • 6. briefcase designer developer Agile project management gareth rushgrove | morethanseven.net http://www.flickr.com/photos/iancarroll/5027441664
  • 7. briefcase designer developer operations Move on to new Maintain existing projects projects But what about after launch? gareth rushgrove | morethanseven.net http://www.flickr.com/photos/iancarroll/5027441664
  • 8. briefcase designer developer operations “Build things quickly” “Keep things stable” Misaligned incentives gareth rushgrove | morethanseven.net http://www.flickr.com/photos/iancarroll/5027441664
  • 9. Fight! gareth rushgrove | morethanseven.net http://www.flickr.com/photos/iancarroll/5027441664
  • 11. briefcase designer developer operations “Build things quickly” “Keep things stable” No more silos gareth rushgrove | morethanseven.net http://www.flickr.com/photos/iancarroll/5027441664
  • 12. briefcase designer developer operations “Build things that are easy to keep stable” Shared goals gareth rushgrove | morethanseven.net http://www.flickr.com/photos/iancarroll/5027441664
  • 13. Security Visual Performance design Scala Rails HTML/ Accessibility Config CSS management Ruby User experience Javascript Databases Deployment Monitoring Cross functional teams gareth rushgrove | morethanseven.net http://www.flickr.com/photos/iancarroll/5027441664
  • 14. Security Visual Performance design Scala Rails HTML/ Accessibility Config CSS management Ruby User experience Javascript Databases Deployment Monitoring Doesn’t mean everyone does everything gareth rushgrove | morethanseven.net http://www.flickr.com/photos/iancarroll/5027441664
  • 15. Security Visual Performance design Scala Rails HTML/ Accessibility Config CSS management Ruby User experience Javascript Databases Deployment Monitoring Doesn’t mean everyone does everything gareth rushgrove | morethanseven.net http://www.flickr.com/photos/iancarroll/5027441664
  • 16. John Alspaw and Paul Hammond, Velocity 2009 Just like gareth rushgrove | morethanseven.net
  • 18. - Monitoring everything - Testing production - Building infrastructure (in code) - Providing tools for deploying and managing services What we’ll be doing gareth rushgrove | morethanseven.net http://www.flickr.com/photos/iancarroll/5027441664
  • 19. Monitoring tools gareth rushgrove | morethanseven.net
  • 20. Graph everything gareth rushgrove | morethanseven.net
  • 21. Dashboards gareth rushgrove | morethanseven.net
  • 22. Scenario: check that calendars works correctly Given I am testing "calendars" Then I should be able to visit: | Path | | /when-do-the-clocks-change | | /bank-holidays | Human readable infrastructure tests gareth rushgrove | morethanseven.net
  • 23. Scenario: check we don't get results for cheese Given I am testing "search" When I search for "cheese" Then I should receive no results A test specifically for Mat gareth rushgrove | morethanseven.net
  • 24. Infrastructure management... gareth rushgrove | morethanseven.net http://www.flickr.com/photos/iancarroll/5027441664
  • 25. service { apache2: ensure => running enable => true, } ...in code gareth rushgrove | morethanseven.net
  • 26. Self service deploys gareth rushgrove | morethanseven.net
  • 27. From the start think about how we will run what we build
  • 28. Questions? gareth rushgrove | morethanseven.net http://flickr.com/photos/psd/102332391/