Your SlideShare is downloading. ×
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Site Development Processes for Small Teams
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Site Development Processes for Small Teams

548

Published on

Published in: Technology
1 Comment
3 Likes
Statistics
Notes
No Downloads
Views
Total Views
548
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
1
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Site Development Process for Small TeamsBUSY NOGGIN DIGITALserious websites for those who mean business
  • 2. What We Learned fromGoldilocks and the Three BearsBUSY NOGGIN DIGITALserious websites for those who mean business
  • 3. BUSY NOGGINDIGITAL
  • 4. BUSY NOGGINDIGITAL(1) Project Manager / Creative Director / SiteIntegrator / Frontend Developer(1) PHP Developer(2) Designer / Frontend Dev / Site IntegratorThe Small Team• Wide range of TYPO3 experience, ranging from<1 year to 10 years• Semi-virtual team, separated by 8,000 miles
  • 5. BUSY NOGGINDIGITALWhy do we need a process?
  • 6. BUSY NOGGINDIGITALKickstarting a Site
  • 7. BUSY NOGGINDIGITALKickstarting a SiteDownload TYPO3 SourceCopy/PasteBuildYour Own CMS!Create a Base Package
  • 8. BUSY NOGGINDIGITALCreate A Base PackageTYPO3 SourceExtensions Extension Config Extension TemplatesDefault Site Config Wireframe TemplateBackend PermissionsWhat steps do you perform as part of every site build?
  • 9. BUSY NOGGINDIGITALCreate A Base PackageTYPO3 SourceExtensions Extension Config Extension TemplatesDefault Site Config Wireframe TemplateBackend PermissionsCustom ExtensionsCustom TemplateSite ConfigurationMake Use of Inheritance for Individual Sites
  • 10. BUSY NOGGINDIGITALCreate A Base PackageConsistent, modular structure for extensions, skins, etctt_newsConfigurationTypoScriptResourcesPrivateSASSTemplatesPublicImagesJavaScriptStyleSheetsmy_skinConfigurationTypoScriptResourcesPrivateSASSTemplatesPublicImagesJavaScriptStyleSheets
  • 11. BUSY NOGGINDIGITAL
  • 12. BUSY NOGGINDIGITAL
  • 13. BUSY NOGGINDIGITAL
  • 14. BUSY NOGGINDIGITALVersion Control
  • 15. BUSY NOGGINDIGITALVersion ControlI think the hosting companydoes backupsLet’s put the content in Git!Everything is a submodule!Code & Configuration in GitContent outside Git
  • 16. BUSY NOGGINDIGITAL• ... for the same reasons you would version control an extension• Change tracking and rollback• Keep code in sync with other team members• Easy TYPO3 upgrades by updating submoduleVersion ControlWhy should I version control a site?
  • 17. BUSY NOGGINDIGITAL• Any content generated in production- Database- Static files in fileadmin- Static files in uploads- Anything in typo3temp- Temp files and logs in typo3conf- Autogenerated RealURL configuration- Server-specific configuration (ie. localconf.site.php)Version ControlWhat should I leave out of version control?
  • 18. BUSY NOGGINDIGITALLocal Development
  • 19. BUSY NOGGINDIGITALLocal DevelopmentEveryone just starts fromthe same placeVirtual machine per siteMAMP +Version Control
  • 20. BUSY NOGGINDIGITAL• Most projects are basic LAMP stack• Run (L/M/W)AMP locally for simplicity• Develop inside a feature branch or general development branch• Tower and SourceTree make GIT more approachable• MAMP Pro makes Apache & Virtual Hosts more accessibleLocal DevelopmentBasic Setup
  • 21. BUSY NOGGINDIGITAL• Checkout Git repository• Set up in MAMP• Sync database and content via Syncing Secret Sauce(stay tuned until the end of the presentation)Local DevelopmentUsage
  • 22. BUSY NOGGINDIGITALDeployment
  • 23. BUSY NOGGINDIGITALDeploymentFTP or Edit on ProductionDevOps for Entire ServerDeploy Site to Multiple Targets
  • 24. BUSY NOGGINDIGITAL• Remote multi-server automation tool• Run commands locally, execute them on the server• Multi-stage (testing, production) and Muti-role (web, db)• Common Tasks- cap [stage] deploy:setup- cap [stage] deploy:pending- cap [stage] deploy- cap [stage] deploy:rollbackDeploymentCapistrano Basics
  • 25. BUSY NOGGINDIGITALDeploymentCapistrano Deployment Structuremy_sitecurrent -> releases/20130530161342releases20130530161342configsitetypo3_src20130406124812configsitetypo3_srcsharedcached-copy
  • 26. BUSY NOGGINDIGITALDeploymentTYPO3-flavored Capistranomy_sitecurrent -> releases/20130530161342releases2013053016134220130406124812sharedcached-copyconfiglocalconf.site.phpsitefileadmintypo3tempuploads
  • 27. BUSY NOGGINDIGITAL• Capistrano tasks for TYPO3 CLI Interface• Trigger Solr re-index• Clear Cache• Update Database• EXT:coreapiDeploymentTYPO3-flavored Capistrano
  • 28. BUSY NOGGINDIGITALDeploymentSee also: TYPO3 Surf(one room over)
  • 29. BUSY NOGGINDIGITALStaging & Testing
  • 30. BUSY NOGGINDIGITALStaging & Testing“Works on my machine”Content StagingContinuous IntegrationInternal Test Server
  • 31. BUSY NOGGINDIGITALStaging & Testing
  • 32. BUSY NOGGINDIGITALStaging & Testing
  • 33. BUSY NOGGINDIGITALSyncing Secret Sauce
  • 34. BUSY NOGGINDIGITAL
  • 35. BUSY NOGGINDIGITAL> cap sync:files> cap sync:database> cap production sync:files> cap production sync:database
  • 36. BUSY NOGGINDIGITALNext Steps
  • 37. BUSY NOGGINDIGITAL• Vagrant for sites with needs outside LAMP stack• Define normal site building stages and deliverables produced• Checklists for guiding a site build through common tasks• Documentation for deployment, version control, etcNext StepsIt’s too big right now, but where are we headed?
  • 38. BUSY NOGGINDIGITALTools of the Trade
  • 39. BUSY NOGGINDIGITALTools of The Trade
  • 40. BUSY NOGGINDIGITAL
  • 41. BUSY NOGGINDIGITALQuestions?
  • 42. BUSY NOGGINDIGITALjeff@busynoggin.com@jsegars
  • 43. BUSY NOGGIN DIGITALserious websites for those who mean business

×