how angrynerds convinced atlassian to use magnolia
DESCRIPTION
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.TRANSCRIPT
Wednesday, 12 September 12
How Angry Nerds convinced Atlassian to use Magnolia CMS
Atlassian and Magnolia
Wednesday, 12 September 12
About Me
Director of InteractiveAtlassian Software
San Francisco, CA
@halv0112
Wednesday, 12 September 12
About Atlassian
Make JIRA and Confluence
Based in Sydney, Australia
About 21,000 Customers
~550 Employees
Over $120M annual sales
Wednesday, 12 September 12
We make this.
Wednesday, 12 September 12
and this.
Wednesday, 12 September 12
You have to know the past to understand
the present.
- Carl Sagan
”“
Wednesday, 12 September 12
wac
Wednesday, 12 September 12
wac c.2011Wednesday, 12 September 12
9 Years Old
Wednesday, 12 September 12
~1200 Pages
Wednesday, 12 September 12
~2000 .jsp files
Wednesday, 12 September 12
This was our development environment
Wednesday, 12 September 12
This was our developer
Wednesday, 12 September 12
This was our content staging environment
Wednesday, 12 September 12
This was our content entry specialist.
Wednesday, 12 September 12
When we wanted to push out content, we would go here...
Wednesday, 12 September 12
and then we would do this.
Wednesday, 12 September 12
Wednesday, 12 September 12
~1,000,000 Pageviews per mo.
Wednesday, 12 September 12
1 Language
Wednesday, 12 September 12
This is where we wanted to be
Wednesday, 12 September 12
• Multiple Languages • Separation between layout and content• Delegated Authoring• Staging and QA• Rollback
What we needed
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Apache
Tomcat(existing site)
Magnolia(~40 new pages)
Pilot ArchitectureWednesday, 12 September 12
Pilot
Wednesday, 12 September 12
Introducing iWacThe ultimate all-in-one. Turbocharged.
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
International
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
International10 Languages
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
Local
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
Local33 Countries
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
Scaleable
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
Scaleable10x33x40=13,200
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
Scaleable10x33x40=13,200
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
Scaleable10x33x40=13,200
iWac Why iWac? Design Features Performance Try Now
(4x7)+(3x4)+(2x33)=106
Wednesday, 12 September 12
iWac Why iWac? Design Features Performance Try Now
Why iWac?Expansion in Europe
Japanese Website Aging
‘Spelling Error’ problem
No staging process
Wednesday, 12 September 12
Design RequirementsMust fit in existing architecture
Must allow delegation of content editing
Must support internationalization (i18n)and Localization (l10n)
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
iWac Why iWac? Design Features Performance Try Now
FeaturesSeamless user experience
Phased approach to moving content to CMS
Workflow for Editors and Publishers
Clear path from Development->Staging->Production
Wednesday, 12 September 12
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
The Fastest Wac yet.Designed to describe our products in 90 seconds.
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
Try Nowatlassian.com/local
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
Success!
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
I’d love to change the world, but they
won’t give me the source code
– Unknown
”“
Wednesday, 12 September 12
April Fools
Wednesday, 12 September 12
• Fully unit-tested in our ego-free ergonomics lab
• Essential office furniture for any eXtreme XP Pair (XXPP)
• Fully adjustable via individual or pair control
2008 - The PairOn
Wednesday, 12 September 12
Modern development environments literally write code for your developers. Why can't your issue tracker do the same for your issues?
2009 - JIRA Solver
Wednesday, 12 September 12
• Location based services for developer check-ins
• It’s not what you code.It’s where you code.
2010 - Fourwalls
http://atlassian.com/fourwalls
Wednesday, 12 September 12
You use JIRA to track defects in your software. Now use IRKD to track defects in your everyday life.
2012 - IRKD
http://irkd.me
Wednesday, 12 September 12
DVCS technology introduced the world to forking. Now, we here at Bitbucket are proud to present the next step in the process – spooning!
2012 - Spooning
http://bitbucket.org/spooning
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
What do you do when you have bugs in your code? Send in the Angry Nerds.Consider these issues…resolved.
2011 - Angry Nerds
http://atlassian.com/angrynerds
Wednesday, 12 September 12
Wednesday, 12 September 12
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-17777
”
“
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
0
250000
500000
750000
1000000
March 28 March 29 March 30 March 31 April 1 April 2 April 3 April 4
Daily Pageviews
Pageviews
Wednesday, 12 September 12
Wednesday, 12 September 12
Apache
Tomcat(existing site)
Magnolia(~41 new pages)
Pilot ArchitectureWednesday, 12 September 12
Success... Finally!
Wednesday, 12 September 12
Redesign
Wednesday, 12 September 12
wac c.2011Wednesday, 12 September 12
Logo ProblemsWednesday, 12 September 12
Less DistinctWednesday, 12 September 12
More DistinctWednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Dude. Suite.Wednesday, 12 September 12
Making It RealWednesday, 12 September 12
Wednesday, 12 September 12
The Fastest Wac yet.Designed to describe our products in 90 seconds.
iWac Why iWac? Design Features Performance Try Now
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
HTML5 History api to Ajaxify your Magnolia WebsiteWilliam Paoli, Atlassian
Tomorrow 9:45-10:15
To Learn More
Wednesday, 12 September 12
Refinement
Wednesday, 12 September 12
I have not failed. I’ve just found 10,000
ways that won’t work.
– Thomas Edison
”“
Wednesday, 12 September 12
Wednesday, 12 September 12
• Similar to STK• Infinite Configurability• Used almost exclusively
Campaign Template
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
• Less landing pages• Consistent location • Less effort• Self Service• Clearer call to action
What’s New Pages
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
• Always Be Testing• Optimizely
A/B Testing
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Wednesday, 12 September 12
Conclusion
Wednesday, 12 September 12
• Lack of .ftl Versioning / Source Control with WebDAV• Security difficult to configure • Upgrade to 4.5 Painful
Issues
Wednesday, 12 September 12
Thank You!
@halv0112
Wednesday, 12 September 12
Questions?
Wednesday, 12 September 12
Wednesday, 12 September 12