how angrynerds convinced atlassian to use magnolia

139
Wednesday, 12 September 12

Upload: boris-kraft

Post on 27-Jan-2015

110 views

Category:

Technology


0 download

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

Page 1: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 2: How AngryNerds Convinced Atlassian to Use Magnolia

How Angry Nerds convinced Atlassian to use Magnolia CMS

Atlassian and Magnolia

Wednesday, 12 September 12

Page 3: How AngryNerds Convinced Atlassian to Use Magnolia

About Me

Director of InteractiveAtlassian Software

San Francisco, CA

@halv0112

Wednesday, 12 September 12

Page 4: How AngryNerds Convinced Atlassian to Use Magnolia

About Atlassian

Make JIRA and Confluence

Based in Sydney, Australia

About 21,000 Customers

~550 Employees

Over $120M annual sales

Wednesday, 12 September 12

Page 5: How AngryNerds Convinced Atlassian to Use Magnolia

We make this.

Wednesday, 12 September 12

Page 6: How AngryNerds Convinced Atlassian to Use Magnolia

and this.

Wednesday, 12 September 12

Page 7: How AngryNerds Convinced Atlassian to Use Magnolia

You have to know the past to understand

the present.

- Carl Sagan

”“

Wednesday, 12 September 12

Page 8: How AngryNerds Convinced Atlassian to Use Magnolia

www.atlassian.com

Wednesday, 12 September 12

Page 9: How AngryNerds Convinced Atlassian to Use Magnolia

www.atlassian.com

Wednesday, 12 September 12

Page 10: How AngryNerds Convinced Atlassian to Use Magnolia

wac

Wednesday, 12 September 12

Page 11: How AngryNerds Convinced Atlassian to Use Magnolia

wac c.2011Wednesday, 12 September 12

Page 12: How AngryNerds Convinced Atlassian to Use Magnolia

9 Years Old

Wednesday, 12 September 12

Page 13: How AngryNerds Convinced Atlassian to Use Magnolia

~1200 Pages

Wednesday, 12 September 12

Page 14: How AngryNerds Convinced Atlassian to Use Magnolia

~2000 .jsp files

Wednesday, 12 September 12

Page 15: How AngryNerds Convinced Atlassian to Use Magnolia

This was our development environment

Wednesday, 12 September 12

Page 16: How AngryNerds Convinced Atlassian to Use Magnolia

This was our developer

Wednesday, 12 September 12

Page 17: How AngryNerds Convinced Atlassian to Use Magnolia

This was our content staging environment

Wednesday, 12 September 12

Page 18: How AngryNerds Convinced Atlassian to Use Magnolia

This was our content entry specialist.

Wednesday, 12 September 12

Page 19: How AngryNerds Convinced Atlassian to Use Magnolia

When we wanted to push out content, we would go here...

Wednesday, 12 September 12

Page 20: How AngryNerds Convinced Atlassian to Use Magnolia

and then we would do this.

Wednesday, 12 September 12

Page 21: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 22: How AngryNerds Convinced Atlassian to Use Magnolia

~1,000,000 Pageviews per mo.

Wednesday, 12 September 12

Page 23: How AngryNerds Convinced Atlassian to Use Magnolia

1 Language

Wednesday, 12 September 12

Page 24: How AngryNerds Convinced Atlassian to Use Magnolia

This is where we wanted to be

Wednesday, 12 September 12

Page 25: How AngryNerds Convinced Atlassian to Use Magnolia

• Multiple Languages • Separation between layout and content• Delegated Authoring• Staging and QA• Rollback

What we needed

Wednesday, 12 September 12

Page 26: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 27: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 28: How AngryNerds Convinced Atlassian to Use Magnolia

Apache

Tomcat(existing site)

Magnolia(~40 new pages)

Pilot ArchitectureWednesday, 12 September 12

Page 29: How AngryNerds Convinced Atlassian to Use Magnolia

Pilot

Wednesday, 12 September 12

Page 30: How AngryNerds Convinced Atlassian to Use Magnolia

Introducing iWacThe ultimate all-in-one. Turbocharged.

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 31: How AngryNerds Convinced Atlassian to Use Magnolia

International

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 32: How AngryNerds Convinced Atlassian to Use Magnolia

International10 Languages

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 33: How AngryNerds Convinced Atlassian to Use Magnolia

Local

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 34: How AngryNerds Convinced Atlassian to Use Magnolia

Local33 Countries

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 35: How AngryNerds Convinced Atlassian to Use Magnolia

Scaleable

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 36: How AngryNerds Convinced Atlassian to Use Magnolia

Scaleable10x33x40=13,200

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 37: How AngryNerds Convinced Atlassian to Use Magnolia

Scaleable10x33x40=13,200

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 38: How AngryNerds Convinced Atlassian to Use Magnolia

Scaleable10x33x40=13,200

iWac Why iWac? Design Features Performance Try Now

(4x7)+(3x4)+(2x33)=106

Wednesday, 12 September 12

Page 39: How AngryNerds Convinced Atlassian to Use Magnolia

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

Page 40: How AngryNerds Convinced Atlassian to Use Magnolia

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

Page 41: How AngryNerds Convinced Atlassian to Use Magnolia

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

Page 42: How AngryNerds Convinced Atlassian to Use Magnolia

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 43: How AngryNerds Convinced Atlassian to Use Magnolia

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 44: How AngryNerds Convinced Atlassian to Use Magnolia

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 45: How AngryNerds Convinced Atlassian to Use Magnolia

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 46: How AngryNerds Convinced Atlassian to Use Magnolia

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 47: How AngryNerds Convinced Atlassian to Use Magnolia

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 48: How AngryNerds Convinced Atlassian to Use Magnolia

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 49: How AngryNerds Convinced Atlassian to Use Magnolia

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 50: How AngryNerds Convinced Atlassian to Use Magnolia

The Fastest Wac yet.Designed to describe our products in 90 seconds.

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 51: How AngryNerds Convinced Atlassian to Use Magnolia

Try Nowatlassian.com/local

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 52: How AngryNerds Convinced Atlassian to Use Magnolia

Success!

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 53: How AngryNerds Convinced Atlassian to Use Magnolia

I’d love to change the world, but they

won’t give me the source code

– Unknown

”“

Wednesday, 12 September 12

Page 54: How AngryNerds Convinced Atlassian to Use Magnolia

April Fools

Wednesday, 12 September 12

Page 55: How AngryNerds Convinced Atlassian to Use Magnolia

• 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

Page 56: How AngryNerds Convinced Atlassian to Use Magnolia

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

Page 57: How AngryNerds Convinced Atlassian to Use Magnolia

• 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

Page 58: How AngryNerds Convinced Atlassian to Use Magnolia

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

Page 59: How AngryNerds Convinced Atlassian to Use Magnolia

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

Page 60: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 61: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 62: How AngryNerds Convinced Atlassian to Use Magnolia

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

Page 63: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 64: How AngryNerds Convinced Atlassian to Use Magnolia

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

Page 65: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 66: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 67: How AngryNerds Convinced Atlassian to Use Magnolia

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

Page 68: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 69: How AngryNerds Convinced Atlassian to Use Magnolia

Apache

Tomcat(existing site)

Magnolia(~41 new pages)

Pilot ArchitectureWednesday, 12 September 12

Page 70: How AngryNerds Convinced Atlassian to Use Magnolia

Success... Finally!

Wednesday, 12 September 12

Page 71: How AngryNerds Convinced Atlassian to Use Magnolia

Redesign

Wednesday, 12 September 12

Page 72: How AngryNerds Convinced Atlassian to Use Magnolia

wac c.2011Wednesday, 12 September 12

Page 73: How AngryNerds Convinced Atlassian to Use Magnolia

Logo ProblemsWednesday, 12 September 12

Page 74: How AngryNerds Convinced Atlassian to Use Magnolia

Less DistinctWednesday, 12 September 12

Page 75: How AngryNerds Convinced Atlassian to Use Magnolia

More DistinctWednesday, 12 September 12

Page 76: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 77: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 78: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 79: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 80: How AngryNerds Convinced Atlassian to Use Magnolia

Dude. Suite.Wednesday, 12 September 12

Page 81: How AngryNerds Convinced Atlassian to Use Magnolia

Making It RealWednesday, 12 September 12

Page 82: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 83: How AngryNerds Convinced Atlassian to Use Magnolia

The Fastest Wac yet.Designed to describe our products in 90 seconds.

iWac Why iWac? Design Features Performance Try Now

Wednesday, 12 September 12

Page 84: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 85: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 86: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 87: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 88: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 89: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 90: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 91: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 92: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 93: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 94: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 95: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 96: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 97: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 98: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 99: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 100: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 101: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 102: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 103: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 104: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 105: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 106: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 107: How AngryNerds Convinced Atlassian to Use Magnolia

HTML5 History api to Ajaxify your Magnolia WebsiteWilliam Paoli, Atlassian

Tomorrow 9:45-10:15

To Learn More

Wednesday, 12 September 12

Page 108: How AngryNerds Convinced Atlassian to Use Magnolia

Refinement

Wednesday, 12 September 12

Page 109: How AngryNerds Convinced Atlassian to Use Magnolia

I have not failed. I’ve just found 10,000

ways that won’t work.

– Thomas Edison

”“

Wednesday, 12 September 12

Page 110: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 111: How AngryNerds Convinced Atlassian to Use Magnolia

• Similar to STK• Infinite Configurability• Used almost exclusively

Campaign Template

Wednesday, 12 September 12

Page 112: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 113: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 114: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 115: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 116: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 117: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 118: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 119: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 120: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 121: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 122: How AngryNerds Convinced Atlassian to Use Magnolia

• Less landing pages• Consistent location • Less effort• Self Service• Clearer call to action

What’s New Pages

Wednesday, 12 September 12

Page 123: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 124: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 125: How AngryNerds Convinced Atlassian to Use Magnolia

• Always Be Testing• Optimizely

A/B Testing

Wednesday, 12 September 12

Page 126: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 127: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 128: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 129: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 130: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 131: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 132: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 133: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 134: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12

Page 135: How AngryNerds Convinced Atlassian to Use Magnolia

Conclusion

Wednesday, 12 September 12

Page 136: How AngryNerds Convinced Atlassian to Use Magnolia

• Lack of .ftl Versioning / Source Control with WebDAV• Security difficult to configure • Upgrade to 4.5 Painful

Issues

Wednesday, 12 September 12

Page 137: How AngryNerds Convinced Atlassian to Use Magnolia

Thank You!

[email protected]

@halv0112

Wednesday, 12 September 12

Page 138: How AngryNerds Convinced Atlassian to Use Magnolia

Questions?

Wednesday, 12 September 12

Page 139: How AngryNerds Convinced Atlassian to Use Magnolia

Wednesday, 12 September 12