NPR - NewMediaDays2010 - Flexible Content

70
The Power of Flexible Content HOW and WHY NPR’s content goes everywhere Zach Brand @zbrand Sr. Director Technology & Strategy NPR, Digital Media

description

Flexible content presentation from NewMediaDays 2010 showing how NPR philosophy of COPE has driven audience and improved efficiency.

Transcript of NPR - NewMediaDays2010 - Flexible Content

Page 1: NPR - NewMediaDays2010 - Flexible Content

The Power of Flexible ContentHOW and WHY NPR’s content goes everywhere

Zach Brand @zbrandSr. Director Technology & StrategyNPR, Digital Media

Page 2: NPR - NewMediaDays2010 - Flexible Content

“From NPR News in Washington..” –Jack Speer et al

Page 3: NPR - NewMediaDays2010 - Flexible Content

“From NPR News in Washington..” –Jack Speer et al

X 35M / Week

X 784

Page 4: NPR - NewMediaDays2010 - Flexible Content

“Please give generously” –Your local station

!=

Page 5: NPR - NewMediaDays2010 - Flexible Content

NPR Digital Media

API

Page 6: NPR - NewMediaDays2010 - Flexible Content

Various Terms…

COPE (Create Once Publish Everywhere) Flexible Content CrossMedia TransMedia

Page 7: NPR - NewMediaDays2010 - Flexible Content

So Why Should YOU Care about Flexible Content?

Three Reasons…

Page 8: NPR - NewMediaDays2010 - Flexible Content

1) It’s Worked Well For Us…

NPR News iPhone app

NPR News Android app

Relaunched NPRmobile site

NPRiPad app

NPR MusiciPhone app

API launchedin 2008

NPR MusicRemix

NPR BlogsMade API Friendly

Facebook Integration

Player 2.0

Homepage ImprovementsStory Page

Improvements

Page 9: NPR - NewMediaDays2010 - Flexible Content

0 - 50

> 1,000,000,000

> 800,000

#2) Getting Found is Getting Harder..

Page 10: NPR - NewMediaDays2010 - Flexible Content

… and Thousands More

#3) …and Everybody Else Is Doing It.

Page 11: NPR - NewMediaDays2010 - Flexible Content

Our Principles…

Don’t Attempt to Build the ‘One System’

COPE (Create Once Publish Everywhere)- COPE drives all other architectural decisions

- Realized at NPR with the NPR News API

Content Management Tools & Presentation Layers

Understand Your Atom- Story is the Atom for NPR

- Stories contain ‘Assets’ (ie. text, audio, video, images, etc.)

- Stories belong to ‘Lists’

It is better to be incomplete than inaccurate

Page 12: NPR - NewMediaDays2010 - Flexible Content

Good ToolsGood People

…Flexible Content

Page 13: NPR - NewMediaDays2010 - Flexible Content

1997(No CMS)

Page 14: NPR - NewMediaDays2010 - Flexible Content
Page 15: NPR - NewMediaDays2010 - Flexible Content

2003(CMS)

Page 16: NPR - NewMediaDays2010 - Flexible Content
Page 17: NPR - NewMediaDays2010 - Flexible Content

2005(CMS)

Page 18: NPR - NewMediaDays2010 - Flexible Content
Page 19: NPR - NewMediaDays2010 - Flexible Content

2008(API)

Page 20: NPR - NewMediaDays2010 - Flexible Content

NPR’s Target Audiences for the API Ourselves

- Supports the entire infrastructure of our new site

- Improvements to CMS to enable custom feeds by Editorial and Design

Stations

- Enables us to serve content to our member stations more easily

- Enables our stations to serve their communities better

Partners

- Creates new opportunities because - easy to implement with very little integration cost

- Makes existing opportunities easier to maintain and grow

Public

- Engages the community – part of NPR’s Public Service Mission

- Lots of great widgets, tools, sites built using the API

Launch Expectations:Improve development efficiencies for NPR.org

Some sophisticated stations will use the API

Partner integration will be easier

The public will do amazing things with the API

Page 21: NPR - NewMediaDays2010 - Flexible Content
Page 22: NPR - NewMediaDays2010 - Flexible Content

Good ToolsGood People

…Flexible Content

Page 23: NPR - NewMediaDays2010 - Flexible Content
Page 24: NPR - NewMediaDays2010 - Flexible Content

NPR Addict iPhone App

Page 25: NPR - NewMediaDays2010 - Flexible Content

The Life of a (FLEXIBLE) Story at NPR

CMS API PresentationLayers

1 23 4

Page 26: NPR - NewMediaDays2010 - Flexible Content

1: NPR CMS

Page 27: NPR - NewMediaDays2010 - Flexible Content

2: NPR API

Page 28: NPR - NewMediaDays2010 - Flexible Content

3: API Presentation Layers (or other Apps)

Page 29: NPR - NewMediaDays2010 - Flexible Content

4: Examples of Presentation Layers

Page 30: NPR - NewMediaDays2010 - Flexible Content

The Life of a (FLEXIBLE) Story at NPR

CMS API PresentationLayers

1 23 4

Page 31: NPR - NewMediaDays2010 - Flexible Content

System Architecture Supporting COPE

Page 32: NPR - NewMediaDays2010 - Flexible Content

System Architecture Supporting COPE

Page 33: NPR - NewMediaDays2010 - Flexible Content

System Architecture Supporting COPE

JavaJSP

Struts

Page 34: NPR - NewMediaDays2010 - Flexible Content

System Architecture Supporting COPE

R / WMySQL

Page 35: NPR - NewMediaDays2010 - Flexible Content

System Architecture Supporting COPE

R / OMySQLCluster

NoSQL-likeXML

Repository

Page 36: NPR - NewMediaDays2010 - Flexible Content

System Architecture Supporting COPE

PHP5

SimpleXMLPHP5

Page 37: NPR - NewMediaDays2010 - Flexible Content
Page 38: NPR - NewMediaDays2010 - Flexible Content

Good ToolsGood People

…Flexible Content

Page 39: NPR - NewMediaDays2010 - Flexible Content

Good Design Requires Flexibility Too… You Still Have to Make the Presentation Compelling

Page 40: NPR - NewMediaDays2010 - Flexible Content

“From Washington DC… this is NPR”

Page 41: NPR - NewMediaDays2010 - Flexible Content
Page 42: NPR - NewMediaDays2010 - Flexible Content
Page 43: NPR - NewMediaDays2010 - Flexible Content
Page 44: NPR - NewMediaDays2010 - Flexible Content

HTML5 / Tablet Site

Page 45: NPR - NewMediaDays2010 - Flexible Content

NPR.org Audio Player

Page 46: NPR - NewMediaDays2010 - Flexible Content

iPhone App Android AppMobile Site

Page 47: NPR - NewMediaDays2010 - Flexible Content

Google Chrome Extension

Page 48: NPR - NewMediaDays2010 - Flexible Content

iGoogle Gadget

Page 49: NPR - NewMediaDays2010 - Flexible Content

WBUR.org

Page 50: NPR - NewMediaDays2010 - Flexible Content

Connecticut Public Broadcasting

Photos Courtesy Derik Elis, CBTV

NPR API

CPTV’s Drupal Based CMS

Website

Page 51: NPR - NewMediaDays2010 - Flexible Content

What We Learned

Page 52: NPR - NewMediaDays2010 - Flexible Content

Launch Expectations:Improvements to development efficiencies for NPR.org

Some sophisticated stations will use the API

Partner integration will be easier

The public will do amazing things with the API

Actual Results:NPR dramatically improved development efficiencies

NPR’s mobile strategy took off

Some sophisticated stations have used the API

Partner integration has been easier

API has facilitated business development opportunities

The public has done some interesting things

We’ve been able to do amazing things with the public

Page 53: NPR - NewMediaDays2010 - Flexible Content

Paid Dev Public Dev

$$$

Page 54: NPR - NewMediaDays2010 - Flexible Content

Yeah, About That Chart….

Figuring it out…

US Election RelatedTraffic Bumps

Page 55: NPR - NewMediaDays2010 - Flexible Content
Page 56: NPR - NewMediaDays2010 - Flexible Content
Page 57: NPR - NewMediaDays2010 - Flexible Content

Bomb Found DowntownStaff WriterAug 8th 2010

A Small pipebomb was found behind the Safeway on 7th and Adams. Police believe it was the work of teenagers and stated that the device did not appear to be functional.

Bomb Found DowntownStaff WriterAug 8th 2010

A Small pipebomb was found behind the Safeway on 7th and Adams. Police believe it was the work of teenagers and stated that the device did not appear to be functional.

Somewhere in a Small Town

Bomb Found DowntownStaff WriterAug 8th 2010

A Small pipebomb was found behind the Safeway on 7th and Adams. Police believe it was the work of teenagers and stated that the device did not appear to be functional.

Bomb Found DowntownStaff WriterAug 8th 2010

A Small pipebomb was found behind the Safeway on 7th and Adams. Police believe it was the work of teenagers and stated that the device did not appear to be functional.

Meanwhile in New York

WTF?OMG

Page 58: NPR - NewMediaDays2010 - Flexible Content
Page 59: NPR - NewMediaDays2010 - Flexible Content
Page 60: NPR - NewMediaDays2010 - Flexible Content

A thousand words of COPE

Page 61: NPR - NewMediaDays2010 - Flexible Content
Page 62: NPR - NewMediaDays2010 - Flexible Content
Page 63: NPR - NewMediaDays2010 - Flexible Content

Make it ALL reusable

Page 64: NPR - NewMediaDays2010 - Flexible Content
Page 65: NPR - NewMediaDays2010 - Flexible Content

API Keys and Consumption by Audience

Page 66: NPR - NewMediaDays2010 - Flexible Content

Page Views to NPR Tech Center

Page 67: NPR - NewMediaDays2010 - Flexible Content

NPR Story API : Requests per Month

Oct 2010: 1.6 Billion Stories Served by API

Page 68: NPR - NewMediaDays2010 - Flexible Content

Challenges Still Ahead

•Extending to Network Use

•Performance

•Rights Management

•Which Presentation Layers to Focus On•Laser or Shotgun?

Page 69: NPR - NewMediaDays2010 - Flexible Content

To Recap Content & Technology Are Inextricably Linked

Team Structure and Process Should Recognize this

To Be ‘Findable’ Your Content Should Be Flexible.

Flexible Content (i.e. Embraces COPE):

Requires An Investment x2

Improves Editorial Efficiency

Will Help Drive Growth / Relevancy

Revolutionizes Your Biz Dev

Creates Opportunities with Public

Accelerates Your Tech Development

Page 70: NPR - NewMediaDays2010 - Flexible Content

Questions?

Twitter: @zbrand API : www.npr.org/api Blog http://www.npr.org/blogs/inside