How AngryNerds Convinced Atlassian to Use Magnolia

Preview:

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.

Citation preview

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

www.atlassian.com

Wednesday, 12 September 12

www.atlassian.com

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!

mhalvorson@atlassian.com

@halv0112

Wednesday, 12 September 12

Questions?

Wednesday, 12 September 12

Wednesday, 12 September 12

Recommended