How AngryNerds Convinced Atlassian to Use Magnolia

3,120
-1

Published on

Like many IT projects Atlassian started using Magnolia CMS in a pilot to see if it would fulfill our needs. We took advantage of the built in translation and templating to deliver "iWAC" an internationalized version of our website in a matter of months.

Even after a successful pilot there were still concerns from our IT guys about scale. All of those concerns went away when we launched Angry Nerds, a site that went viral and brought us traffic that would have crippled our old infrastructure.

Suddenly it went from how well does Magnolia scale to how fast can we migrate. This pilot led to a year long redesign of our entire website including a complete rebrand which is all deployed on Magnolia CMS.

This talk will cover our path from pilot to production and all the fun stops in between.

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,120
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
40
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

How AngryNerds Convinced Atlassian to Use Magnolia

  1. 1. Wednesday, 12 September 12
  2. 2. Atlassian and Magnolia How Angry Nerds convinced Atlassian to use Magnolia CMSWednesday, 12 September 12
  3. 3. About Me Director of Interactive Atlassian Software San Francisco, CA @halv0112Wednesday, 12 September 12
  4. 4. About Atlassian Make JIRA and Confluence Based in Sydney, Australia About 21,000 Customers ~550 Employees Over $120M annual salesWednesday, 12 September 12
  5. 5. We make this.Wednesday, 12 September 12
  6. 6. and this.Wednesday, 12 September 12
  7. 7. “ You have to know the past to understand the present. ” - Carl SaganWednesday, 12 September 12
  8. 8. www.atlassian.comWednesday, 12 September 12
  9. 9. www.atlassian.comWednesday, 12 September 12
  10. 10. wacWednesday, 12 September 12
  11. 11. .2011 waccWednesday, 12 September 12
  12. 12. 9 Years OldWednesday, 12 September 12
  13. 13. ~1200 PagesWednesday, 12 September 12
  14. 14. ~2000 .jsp filesWednesday, 12 September 12
  15. 15. This was our development environmentWednesday, 12 September 12
  16. 16. This was our developerWednesday, 12 September 12
  17. 17. This was our content staging environmentWednesday, 12 September 12
  18. 18. This was our content entry specialist.Wednesday, 12 September 12
  19. 19. When we wanted to push out content, we would go here...Wednesday, 12 September 12
  20. 20. and then we would do this.Wednesday, 12 September 12
  21. 21. Wednesday, 12 September 12
  22. 22. ~1,000,000 Pageviews per mo.Wednesday, 12 September 12
  23. 23. 1 LanguageWednesday, 12 September 12
  24. 24. This is where we wanted to beWednesday, 12 September 12
  25. 25. What we needed • Multiple Languages • Separation between layout and content • Delegated Authoring • Staging and QA • RollbackWednesday, 12 September 12
  26. 26. Wednesday, 12 September 12
  27. 27. Wednesday, 12 September 12
  28. 28. Tomcat (existing site) Apache Magnolia (~40 new pages) Pilot ArchitectureWednesday, 12 September 12
  29. 29. PilotWednesday, 12 September 12
  30. 30. iWac Why iWac? Design Features Performance Try Now Introducing iWac The ultimate all-in-one. Turbocharged.Wednesday, 12 September 12
  31. 31. iWac Why iWac? Design Features Performance Try Now InternationalWednesday, 12 September 12
  32. 32. iWac Why iWac? Design Features Performance Try Now International 10 LanguagesWednesday, 12 September 12
  33. 33. iWac Why iWac? Design Features Performance Try Now LocalWednesday, 12 September 12
  34. 34. iWac Why iWac? Design Features Performance Try Now Local 33 CountriesWednesday, 12 September 12
  35. 35. iWac Why iWac? Design Features Performance Try Now ScaleableWednesday, 12 September 12
  36. 36. iWac Why iWac? Design Features Performance Try Now Scaleable 10x33x40=13,200Wednesday, 12 September 12
  37. 37. iWac Why iWac? Design Features Performance Try Now Scaleable 10x33x40=13,200Wednesday, 12 September 12
  38. 38. iWac Why iWac? Design Features Performance Try Now Scaleable 10x33x40=13,200 (4x7)+(3x4)+(2x33)=106Wednesday, 12 September 12
  39. 39. iWac Why iWac? Design Features Performance Try Now Why iWac? Expansion in Europe Japanese Website Aging ‘Spelling Error’ problem No staging processWednesday, 12 September 12
  40. 40. iWac Why iWac? Design Features Performance Try Now Design Requirements Must fit in existing architecture Must allow delegation of content editing Must support internationalization (i18n) and Localization (l10n)Wednesday, 12 September 12
  41. 41. iWac Why iWac? Design Features Performance Try Now Features Seamless user experience Phased approach to moving content to CMS Workflow for Editors and Publishers Clear path from Development->Staging->ProductionWednesday, 12 September 12
  42. 42. iWac Why iWac? Design Features Performance Try NowWednesday, 12 September 12
  43. 43. iWac Why iWac? Design Features Performance Try NowWednesday, 12 September 12
  44. 44. iWac Why iWac? Design Features Performance Try NowWednesday, 12 September 12
  45. 45. iWac Why iWac? Design Features Performance Try NowWednesday, 12 September 12
  46. 46. iWac Why iWac? Design Features Performance Try NowWednesday, 12 September 12
  47. 47. iWac Why iWac? Design Features Performance Try NowWednesday, 12 September 12
  48. 48. iWac Why iWac? Design Features Performance Try NowWednesday, 12 September 12
  49. 49. iWac Why iWac? Design Features Performance Try NowWednesday, 12 September 12
  50. 50. iWac Why iWac? Design Features Performance Try Now The Fastest Wac yet. Designed to describe our products in 90 seconds.Wednesday, 12 September 12
  51. 51. iWac Why iWac? Design Features Performance Try Now Try Now atlassian.com/localWednesday, 12 September 12
  52. 52. iWac Why iWac? Design Features Performance Try Now Success!Wednesday, 12 September 12
  53. 53. “ I’d love to change the world, but they won’t give me the source code ” – UnknownWednesday, 12 September 12
  54. 54. April FoolsWednesday, 12 September 12
  55. 55. 2008 - The PairOn • Fully unit-tested in our ego-free ergonomics lab • Essential office furniture for any eXtreme XP Pair (XXPP) • Fully adjustable via individual or pair controlWednesday, 12 September 12
  56. 56. 2009 - JIRA Solver Modern development environments literally write code for your developers. Why cant your issue tracker do the same for your issues?Wednesday, 12 September 12
  57. 57. 2010 - Fourwalls • Location based services for developer check-ins • It’s not what you code. It’s where you code. http://atlassian.com/fourwallsWednesday, 12 September 12
  58. 58. 2012 - IRKD You use JIRA to track defects in your software. Now use IRKD to track defects in your everyday life. http://irkd.meWednesday, 12 September 12
  59. 59. 2012 - Spooning DVCS technology introduced the world to forking. Now, we here at Bitbucket are proud to present the next step in the process – spooning! http://bitbucket.org/spooningWednesday, 12 September 12
  60. 60. Wednesday, 12 September 12
  61. 61. Wednesday, 12 September 12
  62. 62. 2011 - Angry Nerds What do you do when you have bugs in your code? Send in the Angry Nerds. Consider these issues… resolved. http://atlassian.com/angrynerdsWednesday, 12 September 12
  63. 63. Wednesday, 12 September 12
  64. 64. “ This game seems pretty awesome, so I set up some automation to play it while I slept. I awoke to find myself on level 3019 with a score in excess of twenty six million points. ” – JST-17777Wednesday, 12 September 12
  65. 65. Wednesday, 12 September 12
  66. 66. Wednesday, 12 September 12
  67. 67. Pageviews 1000000 750000 500000 Daily Pageviews 250000 0 March 28 March 29 March 30 March 31 April 1 April 2 April 3 April 4Wednesday, 12 September 12
  68. 68. Wednesday, 12 September 12
  69. 69. Tomcat (existing site) Apache Magnolia (~41 new pages) Pilot ArchitectureWednesday, 12 September 12
  70. 70. Success... Finally!Wednesday, 12 September 12
  71. 71. RedesignWednesday, 12 September 12
  72. 72. .2011 waccWednesday, 12 September 12
  73. 73. Logo ProblemsWednesday, 12 September 12
  74. 74. Less DistinctWednesday, 12 September 12
  75. 75. More DistinctWednesday, 12 September 12
  76. 76. Wednesday, 12 September 12
  77. 77. Wednesday, 12 September 12
  78. 78. Wednesday, 12 September 12
  79. 79. Wednesday, 12 September 12
  80. 80. Dude. Suite.Wednesday, 12 September 12
  81. 81. Making It RealWednesday, 12 September 12
  82. 82. Wednesday, 12 September 12
  83. 83. iWac Why iWac? Design Features Performance Try Now The Fastest Wac yet. Designed to describe our products in 90 seconds.Wednesday, 12 September 12
  84. 84. Wednesday, 12 September 12
  85. 85. Wednesday, 12 September 12
  86. 86. Wednesday, 12 September 12
  87. 87. Wednesday, 12 September 12
  88. 88. Wednesday, 12 September 12
  89. 89. Wednesday, 12 September 12
  90. 90. Wednesday, 12 September 12
  91. 91. Wednesday, 12 September 12
  92. 92. Wednesday, 12 September 12
  93. 93. Wednesday, 12 September 12
  94. 94. Wednesday, 12 September 12
  95. 95. Wednesday, 12 September 12
  96. 96. Wednesday, 12 September 12
  97. 97. Wednesday, 12 September 12
  98. 98. Wednesday, 12 September 12
  99. 99. Wednesday, 12 September 12
  100. 100. Wednesday, 12 September 12
  101. 101. Wednesday, 12 September 12
  102. 102. Wednesday, 12 September 12
  103. 103. Wednesday, 12 September 12
  104. 104. Wednesday, 12 September 12
  105. 105. Wednesday, 12 September 12
  106. 106. Wednesday, 12 September 12
  107. 107. To Learn More HTML5 History api to Ajaxify your Magnolia Website William Paoli, Atlassian Tomorrow 9:45-10:15Wednesday, 12 September 12
  108. 108. RefinementWednesday, 12 September 12
  109. 109. “ I have not failed. I’ve just found 10,000 ways that won’t work. ” – Thomas EdisonWednesday, 12 September 12
  110. 110. Wednesday, 12 September 12
  111. 111. Campaign Template • Similar to STK • Infinite Configurability • Used almost exclusivelyWednesday, 12 September 12
  112. 112. Wednesday, 12 September 12
  113. 113. Wednesday, 12 September 12
  114. 114. Wednesday, 12 September 12
  115. 115. Wednesday, 12 September 12
  116. 116. Wednesday, 12 September 12
  117. 117. Wednesday, 12 September 12
  118. 118. Wednesday, 12 September 12
  119. 119. Wednesday, 12 September 12
  120. 120. Wednesday, 12 September 12
  121. 121. Wednesday, 12 September 12
  122. 122. What’s New Pages • Less landing pages • Consistent location • Less effort • Self Service • Clearer call to actionWednesday, 12 September 12
  123. 123. Wednesday, 12 September 12
  124. 124. Wednesday, 12 September 12
  125. 125. A/B Testing • Always Be Testing • OptimizelyWednesday, 12 September 12
  126. 126. Wednesday, 12 September 12
  127. 127. Wednesday, 12 September 12
  128. 128. Wednesday, 12 September 12
  129. 129. Wednesday, 12 September 12
  130. 130. Wednesday, 12 September 12
  131. 131. Wednesday, 12 September 12
  132. 132. Wednesday, 12 September 12
  133. 133. Wednesday, 12 September 12
  134. 134. Wednesday, 12 September 12
  135. 135. ConclusionWednesday, 12 September 12
  136. 136. Issues • Lack of .ftl Versioning / Source Control with WebDAV • Security difficult to configure • Upgrade to 4.5 PainfulWednesday, 12 September 12
  137. 137. Thank You! mhalvorson@atlassian.com @halv0112Wednesday, 12 September 12
  138. 138. Questions?Wednesday, 12 September 12
  139. 139. Wednesday, 12 September 12
  1. A particular slide catching your eye?

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

×